:root{
  --rn-header-h:72px;
  --rn-bg:#070A10;
  --rn-bg2:#0B1020;
  --rn-surface:#0F162A;
  --rn-text:#F4F7FF;
  --rn-muted:rgba(244,247,255,.72);
  --rn-border:rgba(255,255,255,.10);
  --rn-blue:#2D6BFF;
  --rn-blue2:#59A6FF;
  --rn-radius:18px;
  --rn-shadow:0 18px 50px rgba(0,0,0,.35);
  --rn-max:1180px;
  --rn-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--rn-font);color:var(--rn-text);background:radial-gradient(1200px 600px at 20% 0%, rgba(45,107,255,.20), transparent 55%), var(--rn-bg)}
a{color:inherit;text-decoration:none}
.rn-container{max-width:var(--rn-max);margin:0 auto;padding:0 20px}
.rn-muted{color:var(--rn-muted)}
.rn-small{font-size:13px;line-height:1.4;color:var(--rn-muted)}

.rn-header{position:sticky;top:0;z-index:50;background:rgba(7,10,16,.62);backdrop-filter: blur(14px);border-bottom:1px solid var(--rn-border)}
.rn-header__inner{display:flex;align-items:center;gap:18px;padding:14px 0}
.rn-brand{display:flex;flex-direction:column;gap:2px}
.rn-brand__name{font-weight:800;letter-spacing:.2px}
.rn-brand__tag{font-size:12px;color:var(--rn-muted)}
.rn-nav{flex:1}
.rn-menu{display:flex;gap:16px;align-items:center;justify-content:center;list-style:none;margin:0;padding:0}
.rn-menu a{padding:10px 12px;border-radius:999px;color:var(--rn-muted);border:1px solid transparent}
.rn-menu a:hover{border-color:rgba(255,255,255,.12)}
.rn-menu a:hover{background:rgba(255,255,255,.06);color:var(--rn-text)}
.rn-header__cta{display:flex;gap:10px}
.rn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:10px 14px;border:1px solid var(--rn-border);background:rgba(255,255,255,.04);color:var(--rn-text);font-weight:700}
.rn-btn--primary{background:linear-gradient(135deg,var(--rn-blue),var(--rn-blue2));border-color:transparent;box-shadow:0 14px 35px rgba(45,107,255,.24)}
.rn-btn--ghost:hover{background:rgba(255,255,255,.08)}
.rn-btn--lg{padding:12px 18px;font-size:15px}
.rn-btn--full{width:100%}

.rn-burger{display:none;background:transparent;border:0;color:var(--rn-text);padding:8px;border-radius:12px}
.rn-burger span{display:block;width:22px;height:2px;background:var(--rn-text);margin:5px 0;border-radius:2px}
.rn-mobile{border-top:1px solid var(--rn-border);padding:14px 0;background:rgba(7,10,16,.85)}
.rn-menu--mobile{flex-direction:column;align-items:stretch}
.rn-mobile__cta{display:grid;gap:10px;margin-top:12px}

.rn-main{min-height:60vh}

.rn-hero{position:relative;padding:132px 0 64px;overflow:hidden}
.rn-hero__bg{position:absolute;inset:0;background:
  url('../img/storefront-hero.jpg') center 65%/cover no-repeat,
  radial-gradient(900px 500px at 35% 15%, rgba(45,107,255,.35), transparent 60%),
  radial-gradient(700px 400px at 70% 35%, rgba(89,166,255,.18), transparent 60%),
  linear-gradient(180deg, rgba(7,10,16,.2), rgba(7,10,16,.92));
}
.rn-hero__bg--device{background:radial-gradient(900px 500px at 35% 15%, rgba(45,107,255,.25), transparent 60%),
  radial-gradient(700px 400px at 70% 35%, rgba(89,166,255,.14), transparent 60%),
  linear-gradient(180deg, rgba(7,10,16,.15), rgba(7,10,16,.94));}
.rn-hero__inner{position:relative}
.rn-eyebrow{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,247,255,.68);margin-bottom:14px}
.rn-hero__title{font-size:52px;line-height:1.05;margin:0 0 14px;font-weight:900}
.rn-hero__sub{max-width:640px;color:var(--rn-muted);font-size:18px;line-height:1.55;margin:0 0 22px}
.rn-hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.rn-hero__trust{display:flex;gap:14px;flex-wrap:wrap;color:rgba(244,247,255,.72);font-size:13px}
.rn-hero--compact{padding:76px 0 54px}

.rn-section{padding:54px 0}
.rn-section--tight{padding:38px 0}
.rn-section--light{background:rgba(255,255,255,.02);border-top:1px solid var(--rn-border);border-bottom:1px solid var(--rn-border)}
.rn-h2{font-size:30px;margin:0 0 18px;font-weight:900}
.rn-h1{font-size:40px;margin:0 0 12px;font-weight:900}
.rn-content{color:var(--rn-muted);line-height:1.75}
.rn-grid{display:grid;gap:16px}
.rn-grid--cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.rn-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rn-card{display:block;padding:18px;border:1px solid var(--rn-border);background:rgba(255,255,255,.03);border-radius:var(--rn-radius);box-shadow:var(--rn-shadow);transition:transform .18s ease, background .18s ease}
.rn-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.05)}
.rn-card__title{font-weight:900;margin-bottom:6px}
.rn-card__text{color:var(--rn-muted);line-height:1.6}
.rn-card--mini{box-shadow:none}

.rn-split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}
.rn-split--device{grid-template-columns:1.25fr .75fr}
.rn-panel{border:1px solid var(--rn-border);background:rgba(255,255,255,.03);border-radius:var(--rn-radius);padding:18px;box-shadow:var(--rn-shadow)}
.rn-panel__title{font-weight:900;margin-bottom:10px}
.rn-panel--sticky{position:sticky;top:92px}
.rn-steps{margin:0;padding-left:18px;color:var(--rn-muted);line-height:1.7}
.rn-steps li{margin:10px 0}
.rn-steps li strong{color:var(--rn-text);display:block;margin-bottom:2px}
.rn-bullets{margin:0;padding-left:18px;color:var(--rn-muted);line-height:1.7}
.rn-callout{margin-top:18px;border:1px dashed rgba(89,166,255,.45);background:rgba(45,107,255,.08);border-radius:var(--rn-radius);padding:14px;color:rgba(244,247,255,.86)}
.rn-stack{display:grid;gap:10px}
.rn-hr{border:0;border-top:1px solid var(--rn-border);margin:14px 0}

.rn-footer{margin-top:40px;border-top:1px solid var(--rn-border);background:linear-gradient(180deg, rgba(11,16,32,.35), rgba(7,10,16,.95))}
.rn-footer__cta{padding:38px 0;border-bottom:1px solid var(--rn-border);background:radial-gradient(700px 280px at 20% 0%, rgba(45,107,255,.22), transparent 60%)}
.rn-footer__ctaInner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.rn-footer__ctaInner h2{margin:0 0 6px;font-size:28px;font-weight:900}
.rn-footer__ctaInner p{margin:0;color:var(--rn-muted)}
.rn-footer__ctaBtns{display:flex;gap:10px;flex-wrap:wrap}
.rn-footer__main{padding:34px 0}
.rn-footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:18px}
.rn-footer__brand{font-weight:900;font-size:18px;margin-bottom:8px}
.rn-footer__title{font-weight:900;margin-bottom:10px}
.rn-footer__links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rn-footer__links a{color:var(--rn-muted)}
.rn-footer__links a:hover{color:var(--rn-text)}
.rn-footer__legal{border-top:1px solid var(--rn-border);padding:18px 0;background:rgba(0,0,0,.20)}
.rn-footer__legalInner{display:grid;grid-template-columns:1fr 1.6fr;gap:16px}
.rn-disclaimer{margin:0 0 10px;font-size:12px;line-height:1.55;color:rgba(244,247,255,.68)}
.rn-disclaimer strong{color:rgba(244,247,255,.86)}

.rn-reveal{opacity:0;transform:translateY(10px)}
@media (max-width: 980px){
  .rn-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rn-split,.rn-split--device{grid-template-columns:1fr}
  .rn-panel--sticky{position:relative;top:auto}
  .rn-footer__grid{grid-template-columns:1fr 1fr}
  .rn-footer__legalInner{grid-template-columns:1fr}
  .rn-menu{display:none}
  .rn-burger{display:inline-block;margin-left:auto}
  .rn-header__cta{display:none}
}
@media (max-width: 520px){
  .rn-hero__title{font-size:40px}
  .rn-grid--cards,.rn-grid--2{grid-template-columns:1fr}
}

/* Hero image overlay for readability */
.rn-hero{position:relative}
.rn-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(7,10,16,.35), rgba(7,10,16,.92));pointer-events:none}
.rn-hero__inner{position:relative;z-index:1}

/* Logo image support */
.rn-brand__logo{display:flex;align-items:center;gap:12px}
.rn-brand__logo img{height:56px;width:auto;display:block}

/* Ensure hero isn't covered on wide displays */
.rn-main{padding-top:0}

/* Service cards with background images */
.rn-card{position:relative;overflow:hidden}
.rn-card::before{
  content:'';
  position:absolute;inset:0;
  background:var(--rn-card-bg, radial-gradient(600px 260px at 20% 10%, rgba(45,107,255,.35), transparent 60%));
  opacity:.55;
  transform:scale(1.02);
}
.rn-card::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(7,10,16,.10), rgba(7,10,16,.86));
  opacity:.9;
}
.rn-card > *{position:relative;z-index:1}
.rn-card--phone{--rn-card-bg:url('../img/card-phone.jpg') center/cover no-repeat}
.rn-card--tablet{--rn-card-bg:url('../img/card-tablet.jpg') center/cover no-repeat}
.rn-card--computer{--rn-card-bg:url('../img/card-computer.jpg') center/cover no-repeat}
.rn-card--laptop{--rn-card-bg:url('../img/card-laptop.jpg') center/cover no-repeat}
.rn-card--console{--rn-card-bg:url('../img/card-console.jpg') center/cover no-repeat}
.rn-card--drone{--rn-card-bg:url('../img/card-drone.jpg') center/cover no-repeat}