:root{--bg:#F2F4F8;--panel:#FFFFFF;--panel2:#EAF0F8;--sunk:#E5EAF3;--line:#CED7E5;--line2:#B6C2D5;--accent:#B24E00;--accent-dk:#A74600;--accent-soft:#FFF0E4;--blue:#3355FF;--ink:#0C0E13;--dim:#526078;--faint:#64728A}
h1,h2,h3{font-style:normal;letter-spacing:.02em}
.topbar{background:#0C0E13;border-bottom:2px solid #3355FF}
.brand img,.footbrand img{display:block;width:220px;height:auto}
.navlinks a{color:#C1CBDA}.navlinks a:hover{color:#fff}
.btn-primary{background:#F58220;color:#0C0E13}.btn-primary:hover{background:#FF943D}
.hero{background:#0C0E13;color:#fff;border-bottom:4px solid #3355FF}
.hero .herosub,.hero .tryline,.hero .tryline b{color:#B8C4D7}
.hero h1{font-size:clamp(64px,7vw,104px);line-height:.94}
.hero h1::after{content:"";display:block;background:#3355FF;width:76px;height:7px;margin-top:26px;transform:skewX(-25deg)}
.callchip{background:#171D2A;border-color:#354058;color:#fff;box-shadow:none}
.callchip .n{background:#F58220;color:#0C0E13}
.phone{border-color:#202839;background:#202839}
.step{border-top:3px solid #3355FF}.plan{border-top:3px solid #3355FF}
footer{background:#0C0E13;color:#B8C4D7;border-top:4px solid #3355FF}
.footbrand{max-width:100%}
.finalcta{background:#EAF0F8}
@media(max-width:600px){.brand img{width:170px}.topbar>.wrap{gap:12px}.topbar .btn{padding:9px 12px!important;font-size:14px!important}.hero{padding:42px 0 54px}.hero h1{font-size:64px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

/* Refreshed media from the branded app; preserve full screenshot proportions. */
:root{--shot:542/1180}
.phone>img{display:block;width:100%;height:auto}
.brand-walkthrough{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:900px;margin:0 auto}
.brand-walkthrough figure{margin:0;background:#151922;border:1px solid #30394A;border-top:4px solid #3355FF;border-radius:8px;overflow:hidden;color:#F7F8FC}
.brand-walkthrough img{display:block;width:100%;height:auto}
.brand-walkthrough figcaption{padding:18px;display:grid;gap:8px}
.brand-walkthrough b{font:800 19px 'Barlow Condensed',Arial,sans-serif;color:#F58220}
.brand-walkthrough span{font-size:15px;color:#B2BDCE}
@media(max-width:640px){.brand-walkthrough{grid-template-columns:1fr;max-width:300px;gap:24px}}
