:root{
  --navy:#2e4080;
  --navy-deep:#13203f;
  --ink:#e7e9ee;
  --muted:#9aa4b8;
  --bg:#15171c;
  --panel:#1f222a;
  --alt-bg:#1a1d24;
  --edge:#343843;
  --orange:#d9923a;
  --orange-bright:#f2ac56;
  --orange-soft:rgba(217,146,58,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-size:17px}
h1,h2,h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em;line-height:1.05;color:var(--ink)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1100px;margin:0 auto;padding:0 22px}

/* nav */
/* brand family bar */
.brandbar{background:var(--navy-deep);font-family:'Barlow Condensed';letter-spacing:.06em}
.brandbar .wrap{display:flex;align-items:center;gap:0;justify-content:space-between}
.btabs{display:flex}
.btab{padding:9px 18px;font-size:.88rem;font-weight:600;text-transform:uppercase;color:#8fa0c4;border-bottom:3px solid transparent}
.btab.on{color:#fff;border-bottom-color:var(--orange)}
.btab:hover{color:#fff}
.bnote{color:#8fa0c4;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:560px){.bnote{display:none}.btab{padding:9px 12px;font-size:.8rem}}
/* cross-sell band */
.xsell{background:var(--navy);border-radius:10px;padding:34px 30px;display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.xsell h3{color:#fff;font-size:1.5rem;margin-bottom:6px}
.xsell p{color:#c4cde0;font-size:.97rem;max-width:56ch}
.xsell .xtag{color:var(--orange-bright);font-family:'Barlow Condensed';font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;margin-bottom:8px}
nav{position:sticky;top:0;z-index:50;background:rgba(21,23,28,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--edge)}
.navin{display:flex;align-items:center;justify-content:space-between;height:72px;gap:14px}
.logo{background:#fff;border-radius:10px;padding:6px 14px;display:inline-flex;align-items:center}
.logo img{height:52px;width:auto}
.navlinks{display:flex;gap:22px;font-size:.92rem;font-weight:500;color:var(--muted)}
.navlinks a{position:relative}
.navlinks a:not(:last-child)::after{content:"";position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:1px;height:14px;background:var(--orange)}
.navlinks a:hover,.navlinks a.on{color:var(--orange)}
.navlinks a.on{font-weight:600}
.navcta{background:var(--orange);color:#fff;font-weight:600;padding:9px 18px;border-radius:4px;font-size:.92rem;white-space:nowrap}
.navcta:hover{background:var(--orange-bright)}
@media(max-width:840px){.navlinks{display:none}.logo img{height:44px}}

/* mobile page tabs */
.mtabs{display:none;position:sticky;top:72px;z-index:49;background:var(--bg);border-bottom:1px solid var(--edge);overflow-x:auto;white-space:nowrap}
.mtabs a{display:inline-block;padding:11px 16px;font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-family:'Barlow Condensed'}
.mtabs a.on{color:var(--orange);box-shadow:inset 0 -3px 0 var(--orange)}
@media(max-width:840px){.mtabs{display:block}}

/* hero */
.hero{padding:78px 0 64px;background:
  radial-gradient(800px 380px at 88% -10%, var(--orange-soft), transparent 65%), var(--bg)}
.eyebrow{color:var(--orange);font-family:'Barlow Condensed';font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.95rem;margin-bottom:14px}
.hero h1{font-size:clamp(2.5rem,6.2vw,4.4rem);font-weight:700;max-width:15ch}
.hero p.lead{margin:20px 0 30px;max-width:54ch;color:var(--muted);font-size:1.12rem}
.hero-split{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start}
@media(max-width:760px){.hero-split{grid-template-columns:1fr}.hero-form-card{order:-1}}
.hero-form-card{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:28px;box-shadow:0 16px 50px rgba(0,0,0,.4)}
.hero-form-card h2{font-size:1.5rem;margin-bottom:6px}
.hero-form-card>p{color:var(--muted);font-size:.95rem;margin-bottom:18px}
.hero-text h1{font-size:clamp(2rem,4.2vw,3.4rem);max-width:none}
.btnrow{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 26px;border-radius:5px;font-weight:600;font-size:1rem}
.qform{display:grid;gap:12px;margin-top:8px}
.qform .frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qform input,.qform select,.qform textarea{width:100%;padding:13px 14px;border:1px solid var(--edge);border-radius:5px;background:var(--panel);color:var(--ink);font:inherit;font-size:.97rem}
.qform input:focus,.qform select:focus,.qform textarea:focus{outline:2px solid var(--orange);outline-offset:0;border-color:var(--orange)}
.qform .hp{position:absolute;left:-9999px}
@media(max-width:560px){.qform .frow{grid-template-columns:1fr}}
.filefield{display:block;border:1px dashed var(--edge);border-radius:5px;padding:13px 14px;background:var(--panel);cursor:pointer}
.filefield:hover{border-color:var(--orange)}
.filefield .filelabel{display:block;font-weight:600;font-size:.95rem;color:var(--ink);margin-bottom:6px}
.filefield .filehint{display:block;font-size:.82rem;color:var(--muted);margin-top:6px}
.filefield input[type=file]{width:100%;color:var(--muted);font-size:.9rem}
.filefield input[type=file]::file-selector-button{background:var(--orange);color:#fff;border:0;border-radius:4px;padding:8px 14px;font-weight:600;font-size:.88rem;margin-right:10px;cursor:pointer}
.filefield input[type=file]::file-selector-button:hover{background:var(--orange-bright)}
.btn-o{background:var(--orange);color:#fff}
.btn-o:hover{background:var(--orange-bright)}
.btn-g{border:1.5px solid var(--ink);color:var(--ink)}
.btn-g:hover{border-color:var(--orange);color:var(--orange)}
.creds{display:flex;gap:30px;flex-wrap:wrap;margin-top:46px;padding-top:26px;border-top:1px solid var(--edge)}
.cred .n{font-family:'Barlow Condensed';font-size:1.7rem;font-weight:700;color:var(--orange-bright)}
.cred .l{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}

/* circuit trace divider */
.trace{height:46px;position:relative;overflow:hidden;background:var(--bg)}
.trace svg{position:absolute;inset:0;width:100%;height:100%}
.trace path{stroke:var(--edge);stroke-width:2;fill:none}
.trace .pulse{stroke:var(--orange);stroke-width:2;fill:none;stroke-dasharray:60 1200;animation:flow 7s linear infinite}
@keyframes flow{to{stroke-dashoffset:-1260}}
@media (prefers-reduced-motion: reduce){.trace .pulse{animation:none;opacity:.4}}

section{padding:64px 0}
.sechead{margin-bottom:38px}
.sechead h2{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:700}
.sechead p{color:var(--muted);max-width:58ch;margin-top:10px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:26px 24px;transition:border-color .2s, box-shadow .2s}
.card:hover{border-color:var(--orange);box-shadow:0 4px 18px rgba(217,146,58,.18)}
.card h3{font-size:1.3rem;font-weight:600;margin-bottom:8px}
.card h3::before{content:"";display:block;width:34px;height:3px;background:var(--orange);margin-bottom:14px;border-radius:2px}
.card p{font-size:.95rem;color:var(--muted)}
.card.link{cursor:pointer}
.card .go{margin-top:14px;color:var(--orange);font-weight:600;font-size:.9rem}

/* plans */
.alt{background:var(--alt-bg)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;align-items:stretch}
.plan{background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:30px 26px;display:flex;flex-direction:column;position:relative}
.plan.feat{border-color:var(--orange);box-shadow:0 6px 24px rgba(217,146,58,.22)}
.tag{position:absolute;top:-13px;left:24px;background:var(--orange);color:#fff;font-family:'Barlow Condensed';font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;padding:4px 12px;border-radius:3px}
.plan h3{font-size:1.5rem;font-weight:700}
.price{margin:10px 0 4px}
.price .amt{font-family:'Barlow Condensed';font-size:2.6rem;font-weight:700;color:var(--orange)}
.price .per{color:var(--muted);font-size:.95rem}
.annual{font-size:.85rem;color:var(--muted);margin-bottom:18px}
.plan ul{list-style:none;margin:0 0 24px;flex:1}
.plan li{padding:8px 0 8px 26px;position:relative;font-size:.95rem;border-bottom:1px solid var(--edge)}
.plan li:last-child{border-bottom:none}
.plan li::before{content:"+";position:absolute;left:2px;color:var(--orange);font-weight:700}
.plan .btn{text-align:center}

/* steps + faq */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.step{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:24px}
.step::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:'Barlow Condensed';font-weight:700;font-size:1.6rem;color:var(--orange);display:block;margin-bottom:8px}
.step h3{font-size:1.15rem;margin-bottom:6px}
.step p{font-size:.92rem;color:var(--muted)}
details{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:16px 20px;margin-bottom:10px}
details summary{cursor:pointer;font-weight:600;color:var(--ink)}
details p{margin-top:10px;color:var(--muted);font-size:.95rem}

/* owners, quotes */
.owners{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:700px){.owners{grid-template-columns:1fr}}
.owner{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:26px}
.owner h3{font-size:1.4rem}
.owner .role{color:var(--orange);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin:4px 0 12px}
.owner p{font-size:.95rem;color:var(--muted)}
.lic{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.lic span{border:1px solid var(--orange);color:var(--orange-bright);font-size:.78rem;padding:4px 10px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;font-family:'Barlow Condensed';font-weight:600;background:var(--orange-soft)}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:700px){.quotes{grid-template-columns:1fr}}
.quote{background:var(--panel);border-left:3px solid var(--orange);border:1px solid var(--edge);border-left:3px solid var(--orange);border-radius:0 8px 8px 0;padding:24px}
.quote p{font-size:.98rem}
.quote .who{margin-top:12px;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}

/* contact band */
.contact{background:var(--navy);color:#fff}
.contact h2{color:#fff}
.cgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
@media(max-width:760px){.cgrid{grid-template-columns:1fr}}
.cinfo div{margin-bottom:14px}
.cinfo .lbl{color:var(--orange-bright);font-family:'Barlow Condensed';font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}
.contact p{color:#c4cde0}
.cinfo a:hover{color:var(--orange-bright)}
footer{padding:26px 0;border-top:1px solid var(--edge);color:var(--muted);font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
footer a.flink{color:var(--orange-bright);margin-left:6px}
footer a.flink:hover{color:#fff}

/* blog / long-form articles */
.article{max-width:700px;margin:0 auto}
.article .postmeta{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-family:'Barlow Condensed';font-weight:600}
.article h2{font-size:1.5rem;margin:40px 0 14px}
.article p{margin-bottom:18px;font-size:1.04rem}
.article ul,.article ol{margin:0 0 18px 22px}
.article li{margin-bottom:8px;font-size:1.04rem}
.article .callout{background:var(--panel);border-left:3px solid var(--orange);border-radius:0 8px 8px 0;padding:20px 24px;margin:28px 0}
.article .callout p{margin-bottom:0;font-size:.98rem}