/* TRAK CIVIC / CAPITAL CONECTA marketing site. Dark navy + cyan glow (one-sheet direction); light theme for body sections. */
@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF}
@font-face{font-family:Montserrat;font-weight:800;font-display:swap;src:url(../fonts/montserrat-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Montserrat;font-weight:800;font-display:swap;src:url(../fonts/montserrat-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02AF}
:root{--navy:#061027;--navy2:#0a1a3a;--panel:#0d2147;--cyan:#22d3ee;--cyan2:#5eead4;--amber:#fbbf24;--ink:#e6f1fb;--mute:#a9bfd6;--line:rgba(94,234,212,.18);--bg:#061027;--bg2:#0a1833;--card:#0d1f42;--txt:#e6f1fb;--txt2:#b4c7dc;--r:16px;--max:1200px}
[data-theme=light]{--bg:#f5f8fc;--bg2:#e9f0f8;--card:#fff;--txt:#0b1830;--txt2:#3d5068;--line:rgba(10,40,80,.12)}
.ed-cc{--cyan:#2dd4bf;--cyan2:#22d3ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.site{margin:0;background:var(--bg);color:var(--txt);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3,.eyebrow{font-family:Montserrat,"Segoe UI",Arial,sans-serif;line-height:1.15}h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:.2em 0 .7em;font-weight:800}h3{font-size:1.1rem;margin:1.1em 0 .4em}
a{color:var(--cyan)}[data-theme=light] a{color:#0369a1}img{max-width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:100}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;font-weight:700;text-decoration:none;border:1px solid transparent;font-size:.95rem;cursor:pointer;white-space:nowrap}
.btn.tb-btn{background:linear-gradient(135deg,var(--cyan),#0ea5e9);color:#04121f;box-shadow:0 0 24px rgba(34,211,238,.35)}.btn.tb-btn:hover{filter:brightness(1.08)}
.btn.ghost{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.04)}.btn.lg{padding:14px 26px;font-size:1.02rem}
[data-theme=light] .sec .btn.ghost,[data-theme=light] .cta .btn.ghost{color:#0b1830;border-color:rgba(10,40,80,.3)}
/* header (always dark: logo artwork is designed for dark backgrounds) */
.site-hdr{position:sticky;top:0;z-index:50;background:rgba(6,16,39,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr-in{max-width:1320px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px}
.site-hdr .tb-back{color:#bfe9f7;font-size:.85rem;text-decoration:none;white-space:nowrap}.hdr-logo{display:flex}.logo-sm{height:34px;width:auto}
.main-nav{margin-left:auto;display:flex;gap:16px;white-space:nowrap;align-items:center}.main-nav a{color:#dbeafe;text-decoration:none;font-size:.92rem;font-weight:600}.main-nav a:hover,.main-nav a[aria-current]{color:var(--cyan)}.main-nav .ed-switch{border:1px solid var(--line);padding:4px 10px;border-radius:999px;font-size:.8rem}
.menu{display:none}.menu summary{display:none;list-style:none;cursor:pointer;padding:8px}.menu summary::-webkit-details-marker{display:none}
.menu summary span{display:block;width:22px;height:2px;background:#fff;margin:5px 0}
.menu nav{display:flex;gap:18px;align-items:center}.menu nav a{color:#dbeafe;text-decoration:none;font-size:.92rem;font-weight:600}.menu nav a:hover,.menu nav a[aria-current]{color:var(--cyan)}
.menu nav .ed-switch{border:1px solid var(--line);padding:4px 10px;border-radius:999px;font-size:.8rem}
.hdr-actions{display:flex;align-items:center;gap:10px}.lang-sw{display:flex;border:1px solid rgba(255,255,255,.25);border-radius:999px;overflow:hidden;margin:0}
.lang-sw button{background:none;border:0;color:#cfe;padding:5px 9px;font-weight:700;font-size:.78rem;cursor:pointer}.lang-sw button[aria-pressed=true]{background:var(--cyan);color:#04121f}
.theme-btn{background:none;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;width:32px;height:32px;cursor:pointer}
.hdr-actions .btn{padding:8px 14px;font-size:.85rem}
@media (max-width:1100px){.main-nav{display:none}.menu{display:block}.menu summary{display:block}.menu nav{display:none}.menu[open] nav{display:flex;flex-direction:column;align-items:flex-start;position:absolute;right:12px;top:58px;background:#0a1a3a;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:240px;box-shadow:0 20px 40px rgba(0,0,0,.4)}.menu{order:3;margin-left:0}.hdr-actions{margin-left:auto}}
@media (max-width:640px){.site-hdr .tb-back{font-size:0;width:24px}.site-hdr .tb-back::before{content:"←";font-size:1.1rem}.hdr-actions .btn.ghost{display:none}.logo-sm{height:26px}.hdr-in{gap:10px;padding:8px 12px}.hdr-actions .tb-btn{padding:7px 10px;font-size:.78rem}}
/* hero */
.hero{position:relative;background:var(--navy);color:#fff;padding:40px 0 0;overflow:hidden}
.hero-bg{position:absolute;inset:0}.hero-bg img,.hero-bg picture{width:100%;height:100%;object-fit:cover;display:block}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,16,39,.55) 0%,rgba(6,16,39,.7) 45%,var(--navy) 78%),radial-gradient(60% 50% at 20% 20%,rgba(34,211,238,.18),transparent)}
.hero-in{position:relative;text-align:left;max-width:var(--max)}.logo-hero{width:min(420px,80vw);height:auto;filter:drop-shadow(0 0 22px rgba(34,211,238,.35))}
.hero .by{margin:.2em 0 .8em;color:#cfe8f5;font-size:.95rem;letter-spacing:.02em}
.hero h1{font-size:clamp(2rem,4.4vw,3.5rem);font-weight:800;margin:0 0 .3em;max-width:22ch;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--txt2);max-width:60ch}.hero .lead{color:#dbe7f5}
.ppi{letter-spacing:.3em;text-transform:uppercase;font-size:.8rem;color:var(--cyan);font-weight:700}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 8px}.note-sm{font-size:.82rem;color:#b8c9dc}
/* hero screen */
.screen-wrap{position:relative;max-width:1180px;margin:28px auto 0;padding:0 20px 56px}
.screen{margin:0;background:#050c1d;border:10px solid #111a2c;border-radius:20px;box-shadow:0 0 0 1px rgba(94,234,212,.25),0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(34,211,238,.18);overflow:hidden}
.screen-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#08142c;border-bottom:1px solid var(--line);font-family:Montserrat,sans-serif;font-size:.9rem;color:#fff}
.bar-icon{height:22px;width:auto}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;border:1px solid rgba(94,234,212,.5);color:#99f6e4;background:rgba(20,184,166,.12)}.screen-bar .pill{margin-left:auto}
.screen-grid{display:grid;grid-template-columns:1.25fr 1fr;min-height:420px}
.cam{position:relative;background:#000}.cam video{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}
.cam-top{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;font:700 .78rem/1 ui-monospace,Menlo,monospace;color:#fff;text-shadow:0 1px 3px #000}
.rec{color:#f87171;animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:.25}}
.cam-label{position:absolute;left:0;right:0;bottom:0;display:flex;gap:8px;align-items:center;padding:10px 12px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:#fff;font-size:.85rem;font-weight:600}
.cam-label .rec{font:800 .72rem ui-monospace,Menlo,monospace}.cam-label .clock{font:700 .75rem ui-monospace,Menlo,monospace;color:#cbd5e1}.cam-label .pill{margin-left:auto}.cam-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:520px){.cam-label .clock{display:none}}
.chat{display:flex;flex-direction:column;background:linear-gradient(180deg,#0a1630,#071126);border-left:1px solid var(--line);color:#e6f1fb;min-width:0}
.chat-head{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font-size:.8rem;color:var(--mute)}
.ai-badge{background:linear-gradient(135deg,var(--cyan),#818cf8);color:#04121f;font-weight:800;padding:2px 9px;border-radius:6px;font-family:Montserrat,sans-serif}
.transcript{list-style:none;margin:0;padding:14px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:14px;max-height:470px}
.msg{margin:0;padding:10px 12px;border-radius:12px;font-size:.88rem;line-height:1.5}
.msg.user{align-self:flex-end;background:#1e3a68;border-bottom-right-radius:3px;max-width:88%;margin-left:auto}
.msg.bot{background:#0f2549;border:1px solid var(--line);border-bottom-left-radius:3px;margin-top:8px}.msg.bot p{margin:0 0 6px}.msg.bot .who{font-size:.7rem;font-weight:800;color:var(--cyan);letter-spacing:.08em}
.msg.refusal{border-color:rgba(251,191,36,.45)}
.next{font-size:.82rem;color:#dbeafe}.confirm{display:inline-block;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fde68a;border:1px solid rgba(251,191,36,.5);border-radius:4px;padding:0 5px;margin-right:4px}
.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 0;padding:0}
.chip{font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid rgba(148,197,255,.35);color:#cfe3ff;background:rgba(59,130,246,.1)}
.chip-ai{background:linear-gradient(135deg,rgba(34,211,238,.25),rgba(129,140,248,.3));border-color:var(--cyan);color:#fff;box-shadow:0 0 12px rgba(34,211,238,.35)}
.connecting{display:none;align-items:center;gap:5px;font-size:.75rem;color:var(--mute);margin-top:8px}.connecting i{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:dot 1s infinite}.connecting i:nth-of-type(2){animation-delay:.15s}.connecting i:nth-of-type(3){animation-delay:.3s}
@keyframes dot{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.screen-caption{text-align:center;color:#cfe3f5;font-size:.98rem;margin:18px auto 0;max-width:60ch;font-weight:600}
/* animated mode (JS adds .anim) */
.anim .pair{display:none}.anim .pair.on{display:block}.anim .pair .bot,.anim .pair .next{display:none}
.anim .pair.answer .bot{display:block;animation:fade .45s}.anim .pair.connect .connecting{display:flex}
.anim .pair.connect .chips-pre{display:flex}.anim .transcript{justify-content:flex-start}
.chips-pre{display:none;flex-wrap:wrap;gap:6px;list-style:none;margin:6px 0 0;padding:0}.chips-pre .chip{opacity:.25;transition:opacity .25s,box-shadow .25s}.chips-pre .chip.lit{opacity:1;box-shadow:0 0 12px rgba(34,211,238,.5)}
.anim .pair.answer .chips-pre{display:none}.anim .pair.answer .next{display:block}
.typing::after{content:"▍";animation:blink 1s steps(2) infinite;color:var(--cyan)}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:860px){.screen-grid{grid-template-columns:1fr}.chat{border-left:0;border-top:1px solid var(--line)}.transcript{max-height:none;min-height:340px}.screen{border-width:6px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* sections */
.sec{padding:84px 0;background:var(--bg)}.sec.alt{background:var(--bg2)}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;margin:0}
[data-theme=light] .eyebrow{color:#0e7490}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:980px){.grid3,.grid4{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr;gap:24px}}@media (max-width:600px){.grid3,.grid4{grid-template-columns:1fr}.sec{padding:56px 0}}
.cap,.mod,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}.cap h3,.mod h3{margin-top:.6em}
.cap{position:relative;transition:transform .2s,box-shadow .2s}.cap:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(34,211,238,.12)}
.cap-ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);box-shadow:0 0 18px rgba(34,211,238,.25) inset}[data-theme=light] .cap-ico{color:#0e7490;border-color:#0e7490}
.ico{width:26px;height:26px}.cap-copy{color:var(--txt2);font-weight:600;margin:.2em 0 .6em}.cap-copy.lg{font-size:1.15rem}
.ticks{list-style:none;padding:0;margin:.4em 0}.ticks li{display:flex;gap:10px;margin:.45em 0;color:var(--txt2)}.ticks .ico{width:18px;height:18px;flex:none;color:var(--cyan);margin-top:4px}[data-theme=light] .ticks .ico{color:#0e7490}
.more{font-weight:700;text-decoration:none}
.showcase{margin:0 auto;max-width:960px;padding-bottom:8px}.monitor{position:relative;padding:clamp(6px,1.4vw,14px);padding-bottom:clamp(14px,2.6vw,26px);border-radius:clamp(10px,1.6vw,18px);background:linear-gradient(180deg,#1c2433,#0d131e);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 1px 0 rgba(255,255,255,.14) inset,0 40px 80px -20px rgba(0,0,0,.55),0 0 60px rgba(34,211,238,.12)}.monitor::after{content:"";position:absolute;left:50%;bottom:clamp(5px,1vw,10px);width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#3b4658;box-shadow:0 0 0 1px rgba(255,255,255,.06)}.monitor-screen{position:relative;border-radius:clamp(3px,.6vw,6px);overflow:hidden;background:#0b1220;aspect-ratio:16/10;box-shadow:0 0 0 1px rgba(0,0,0,.6)}.monitor-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.07),rgba(255,255,255,0) 38%)}.monitor-screen img{display:block;width:100%;height:100%;object-fit:cover}.monitor-stand{position:relative;margin:0 auto;width:34%;height:clamp(26px,5vw,54px)}.monitor-stand::before{content:"";position:absolute;left:25%;right:25%;top:0;bottom:clamp(4px,.7vw,7px);background:linear-gradient(90deg,#141b27,#2a3446 50%,#141b27);clip-path:polygon(16% 0,84% 0,100% 100%,0 100%)}.monitor-stand::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(4px,.7vw,7px);border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#334055,#141b27);box-shadow:0 14px 26px rgba(0,0,0,.45)}[data-theme=light] .monitor{box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 1px 0 rgba(255,255,255,.14) inset,0 34px 70px -24px rgba(10,30,60,.45),0 10px 24px -12px rgba(10,30,60,.3)}[data-theme=light] .monitor-stand::after{box-shadow:0 12px 22px rgba(10,30,60,.25)}
[data-theme=light] .sec .pill{color:#0f766e;border-color:#0f766e;background:#ccfbf1}
.roles{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.roles li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.roles span{color:var(--txt2);font-size:.92rem}
@media (max-width:980px){.roles{grid-template-columns:1fr 1fr}}@media (max-width:520px){.roles{grid-template-columns:1fr}}
.steps3{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}.steps3 li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;position:relative}
.steps3 li::before{counter-increment:s;content:counter(s);position:absolute;top:16px;right:18px;font:800 2rem Montserrat,sans-serif;color:var(--line)}.steps3 .ico{width:34px;height:34px;color:var(--cyan)}
@media (max-width:800px){.steps3{grid-template-columns:1fr}}
.svc{margin-top:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}.svc .ticks{columns:2}@media (max-width:700px){.svc .ticks{columns:1}}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:0 18px}.faq summary{cursor:pointer;padding:16px 0;font-weight:700;list-style-position:outside}.faq p{color:var(--txt2);margin:0 0 16px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card)}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}thead th{background:rgba(34,211,238,.08)}
.matrix td{text-align:center}.matrix thead th{font-size:.75rem}.yes{color:var(--cyan);font-size:1rem}[data-theme=light] .yes{color:#0e7490}.no{color:var(--txt2);opacity:.5}
.st{font-weight:700;font-size:.85rem}.st-live{color:#34d399}.st-ready{color:var(--cyan)}.st-planned{color:var(--amber)}[data-theme=light] .st-live{color:#047857}[data-theme=light] .st-planned{color:#a16207}[data-theme=light] .st-ready{color:#0e7490}
.band{display:block;position:relative;margin-top:28px;border-radius:var(--r);overflow:hidden;color:#fff;text-decoration:none;border:1px solid var(--line)}.band img{width:100%;display:block;min-height:220px;object-fit:cover}
.band-in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:28px;background:linear-gradient(90deg,rgba(6,16,39,.9),rgba(6,16,39,.2));align-items:flex-start;font-weight:600;max-width:100%}.band-in.right{align-items:flex-end;text-align:right;background:linear-gradient(270deg,rgba(6,16,39,.92) 30%,transparent)}
.band-in.right span:first-child{max-width:34ch}.logo-band{height:44px;width:auto}
@media (max-width:640px){.band-in.right{background:rgba(6,16,39,.75);align-items:flex-start;text-align:left}}
.cta{background:radial-gradient(70% 90% at 80% 10%,rgba(34,211,238,.18),transparent),var(--bg2)}.demo-form label{display:block;font-weight:600;font-size:.9rem;margin:0 0 12px}
.demo-form input:not([type=checkbox]),.demo-form textarea{display:block;width:100%;margin-top:4px;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--txt);font:inherit}
.demo-form .inline{display:flex;gap:8px;font-weight:400}.hp{position:absolute;left:-9999px}.ok{background:rgba(52,211,153,.15);border:1px solid #34d399;padding:10px;border-radius:8px}.alert{background:rgba(248,113,113,.15);border:1px solid #f87171;padding:10px;border-radius:8px}
.sub-hero{background:radial-gradient(60% 80% at 15% 0,rgba(34,211,238,.2),transparent),var(--navy);color:#fff;padding:72px 0 48px}.sub-hero h1{font-size:clamp(2rem,4vw,3.2rem);margin:.2em 0}.sub-hero .lead{color:#cfe0f2}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.toc a{border:1px solid var(--line);padding:6px 12px;border-radius:999px;color:#cfeffa;text-decoration:none;font-size:.85rem}
.ui-crop{margin:0 0 12px}.ui-crop img{border-radius:12px;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.35);width:100%}.ui-crop figcaption{font-size:.78rem;color:var(--txt2)}
.num{padding-left:1.2em}.num li{margin:.4em 0;color:var(--txt2)}.data-box{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:12px;padding:16px 18px;margin-top:16px}.data-box h3{margin-top:0}.data-box p{color:var(--txt2);margin:0}
.timeline{list-style:none;padding:0;counter-reset:t;border-left:2px solid var(--line);margin-left:14px}.timeline li{position:relative;padding:0 0 18px 26px;color:var(--txt2)}.timeline li::before{counter-increment:t;content:counter(t);position:absolute;left:-15px;top:-2px;width:28px;height:28px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan);display:grid;place-items:center;font-weight:800;font-size:.8rem;color:var(--txt)}
.small{font-size:.86rem;color:var(--txt2)}
/* footer (dark, skyline) */
.site-ftr{position:relative;background:var(--navy);color:#cfe0f2;overflow:hidden}.site-ftr>picture img{width:100%;display:block;max-height:340px;object-fit:cover;opacity:.75}
.ftr-in{max-width:var(--max);margin:-120px auto 0;position:relative;padding:0 24px 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.site-ftr picture{display:block;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}
.ftr-brand .logo-ftr{width:260px;height:auto}.ftr-brand .by{margin:6px 0}.site-ftr h3{color:#fff;font-size:.95rem}.site-ftr ul{list-style:none;padding:0;margin:0}.site-ftr li{margin:6px 0}.site-ftr a{color:#cfe0f2;text-decoration:none}.site-ftr a:hover{color:var(--cyan)}
.copy{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;font-size:.82rem;margin:0}.site-ftr .small{color:#9fb3c8}
@media (max-width:800px){.ftr-in{grid-template-columns:1fr 1fr;margin-top:-40px}.ftr-brand{grid-column:1/-1}}

.hdr-logo{flex:none}.main-nav a,.menu nav a{text-transform:none;letter-spacing:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (max-width:1320px){.main-nav .ed-switch{display:none}}
@media (max-width:640px){.theme-btn{display:none}.screen-bar strong{display:none}}
.screen .pill{color:#99f6e4!important;border-color:rgba(94,234,212,.5)!important;background:rgba(20,184,166,.12)!important}
.band,.band:hover,[data-theme=light] .band{color:#fff}[data-theme=light] .band .btn.ghost,.band .btn.ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.site-hdr .main-nav{gap:14px}.site-hdr .main-nav a{font-size:.84rem}
@media (max-width:1600px){.main-nav .ed-switch{display:none}.site-hdr .hdr-actions .btn.ghost{display:none}}
@media (max-width:520px){.hdr-cta{display:none}.cam-label .pill{display:none}.hdr-actions{gap:6px}}
.site-hdr .hdr-cta .tb-btn{min-height:38px;padding:.55em 1.1em!important;font-size:.9rem!important}
.h1-logo{margin:0 0 .4em;line-height:0}.h1-logo .logo-hero{width:min(520px,86vw)}
/* v9: full, uncovered hero banner; demo screen in its own section below */
.hero{padding:0;min-height:clamp(520px,72vh,720px);display:flex;align-items:center}
.hero-bg img,.hero-bg picture{object-position:right center}
.hero-bg::after{background:linear-gradient(90deg,rgba(6,16,39,.92) 0%,rgba(6,16,39,.78) 38%,rgba(6,16,39,.25) 68%,rgba(6,16,39,0) 100%),linear-gradient(0deg,rgba(6,16,39,.45),transparent 30%)}
.hero-in{padding-top:64px;padding-bottom:72px;width:100%}
.hero-in>*{max-width:620px}
.demo-screen{background:var(--bg,var(--navy));padding:56px 0 0}
.demo-screen .wrap{text-align:center}.demo-screen h2{margin:.2em 0 0}
.demo-screen .screen-wrap{margin-top:24px}
@media (max-width:860px){.hero{min-height:0}.hero-in{padding-top:40px;padding-bottom:48px}.hero-bg::after{background:linear-gradient(90deg,rgba(6,16,39,.9),rgba(6,16,39,.55))}}
/* ===== v10: TRAK sister-company design system (see docs/DESIGN-SYSTEM.md) ===== */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-600.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-800.woff2) format("woff2")}
:root{--display:"Barlow Condensed","Arial Narrow",Impact,system-ui,sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--nav:68px;--acc:#0891d1;--acc-btn:#0a6ed8}
[data-theme=light]{color-scheme:light;--bg:#ffffff;--bg2:#f3f6fb;--card:#fff;--txt:#0b1f44;--txt2:#4a5d80;--line:rgba(11,31,68,.12);--acc:#0a7bc4;--eyebrow:#0a6ed8;--card-shadow:0 1px 2px rgba(11,31,68,.04),0 12px 32px -16px rgba(11,31,68,.18)}
[data-theme=dark]{color-scheme:dark;--bg:#00122c;--bg2:#03204a;--txt:#eef4ff;--txt2:#a9bddb;--line:rgba(120,170,255,.18);--card:#062550;--acc:#22d3ee;--eyebrow:#22c3ff;--card-shadow:none}
body.site{font:16px/1.6 var(--body);background:var(--bg);color:var(--txt)}
.site h1,.site h2,.site h3,.site .eyebrow{font-family:var(--display)}
.site h2{font-weight:800;text-transform:uppercase;line-height:.98;letter-spacing:.005em;font-size:clamp(2.2rem,5vw,3.4rem)}
.site h3{font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:1.45rem;line-height:1.05}
.site .eyebrow{font-weight:600;font-size:.95rem;letter-spacing:.22em;color:var(--eyebrow,var(--cyan))}
.site .sub-hero h1{font-weight:800;text-transform:uppercase;line-height:.98;font-size:clamp(2.6rem,6vw,4.4rem)}
/* header: white sticky bar like Fluid AI / Marketing */
.site-hdr{height:var(--nav);background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
[data-theme=dark] .site-hdr{background:rgba(0,18,44,.88)}
.site-hdr .hdr-in{max-width:1240px;height:100%;padding:0 20px}
.site-hdr .main-nav{margin-left:auto;align-items:center;gap:22px}
.site-hdr .main-nav a:not(.tb-btn){font-family:var(--display)!important;font-size:1.02rem!important;color:#0b1f44}
.site-hdr .main-nav a.tb-back{font-weight:600!important;letter-spacing:.08em;padding-right:22px;border-right:1px solid var(--line)}
.site-hdr .hdr-trak{display:none}
[data-theme=dark] .site-hdr.tb-light nav a:not(.tb-btn){color:#eef4ff}
[data-theme=dark] .site-hdr.tb-light a.tb-back{color:#a9bddb!important}
.site-hdr .hdr-actions{margin-left:18px}
.site-hdr .theme-btn{color:var(--txt);border-color:var(--line)}
.site-hdr .lang-sw{border-color:var(--line)}
.site-hdr .lang-sw button{color:var(--txt2)}
.site-hdr .menu summary span{background:var(--txt)}
.site-hdr details.menu nav{background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 24px 40px rgba(11,31,68,.14)}
.site-hdr details.menu nav a{color:var(--txt)!important}
@media (max-width:1100px){.site-hdr .hdr-trak{display:inline-flex;font-size:.9rem}.site-hdr .main-nav{display:none}}
@media (max-width:640px){.site-hdr .hdr-trak{font-size:.85rem!important;width:auto}.site-hdr .hdr-trak::before{content:none}}
/* buttons: pill primary + white ghost, as on sister sites */
.site .btn{border-radius:999px;font:700 1rem/1 var(--body);min-height:48px;padding:.7em 1.4em}
.site .btn.ghost{border:2px solid var(--line);color:var(--txt);background:transparent}
.hero .btn.ghost{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(0,18,44,.25)}
/* hero: full-width dark image banner, left copy, image visible right (sister pattern) */
.hero{min-height:clamp(560px,calc(100svh - var(--nav)),720px)}
.hero .ppi{font-family:var(--display);font-weight:600;letter-spacing:.22em;color:#22c3ff}
.hero-bg::after{background:linear-gradient(90deg,rgba(0,18,44,.95) 0%,rgba(0,18,44,.82) 32%,rgba(0,18,44,.25) 62%,rgba(0,18,44,0) 80%),linear-gradient(0deg,rgba(0,18,44,.6),transparent 30%)}
.hero .lead{color:#d6e2f5}
/* sections + cards */
.sec{padding:clamp(64px,9vw,104px) 0}
.cap,.mod,.card{border-radius:20px;background:var(--card);border-color:var(--line);box-shadow:var(--card-shadow);position:relative;overflow:hidden}
.cap::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0a6ed8,#22d3ee)}
.demo-screen{background:var(--bg2)}
.cam-tag{position:absolute;top:10px;left:10px;z-index:2;font:700 .72rem/1 var(--body);letter-spacing:.12em;padding:6px 9px;border-radius:6px;background:rgba(0,0,0,.6);color:#fbbf24}
.cam{position:relative}
/* footer: hub footer (light #f3f6fb) */
.site-ftr{background:var(--bg2);color:var(--txt2);border-top:1px solid var(--line)}
.site-ftr>picture img{opacity:.9}
.ftr-in{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;margin-top:-70px}
.site-ftr h3{font:800 1.05rem/1 var(--display)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--txt)!important}
.site-ftr a{color:var(--txt2)!important}.site-ftr a:hover{color:var(--txt)!important}
.site-ftr .small,.site-ftr .by{color:var(--txt2)}
.credits{grid-column:1/-1;font-size:.8rem;margin:0;color:var(--txt2)}
@media (max-width:900px){.ftr-in{grid-template-columns:1fr 1fr;margin-top:-30px}}
[data-theme=light] .on-dark,[data-theme=dark] .on-light{display:none!important}
.on-light,.on-dark{display:contents}
.logo-chip{display:inline-flex;background:#00122c;border-radius:12px;padding:6px 10px}
[data-theme=dark] .logo-chip{background:transparent;padding:0}
.ftr-brand .logo-chip{padding:12px 16px}
.demo-screen .screen-caption{color:var(--txt2)}
/* Landing section photos (licensed stock, see docs/MEDIA_PROVENANCE.md): intro text + framed photo card in one balanced row,
   alternating left/right on desktop, photo stacked above the text on mobile; the section's grid follows full width below. */
.sec-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;margin-bottom:36px}
.sec-intro.flip .sec-photo{order:-1}.sec-intro-text h2{margin-bottom:.4em}.sec-intro-text .lead{margin:0;max-width:56ch;color:var(--txt2)}
.sec-photo{margin:0;justify-self:stretch;width:100%;max-width:560px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 18px 40px -22px rgba(0,0,0,.65)}
.sec-intro:not(.flip) .sec-photo{justify-self:end}.sec-photo picture{display:block;aspect-ratio:3/2;border-radius:calc(var(--r) - 6px);overflow:hidden;background:var(--bg2)}
.sec-photo img{display:block;width:100%;height:100%;object-fit:cover}[data-theme=light] .sec-photo{box-shadow:0 16px 36px -20px rgba(10,30,60,.32)}
@media (max-width:768px){.sec-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.sec-intro .sec-photo,.sec-intro.flip .sec-photo{order:-1;justify-self:stretch;max-width:none;padding:8px}.sec-photo picture{aspect-ratio:16/10;max-height:260px}}
/* ---- Landing v2 (one-sheet v2) ---- */
.lp-hero{position:relative;overflow:hidden;background:var(--bg)}
.lp-hero-bg{position:absolute;inset:0;opacity:.32}.lp-hero-bg img{width:100%;height:100%;object-fit:cover}
[data-theme=light] .lp-hero-bg{opacity:.22}
.lp-hero-in{position:relative;padding:clamp(2rem,6vw,5rem) 1.25rem}
.lp-brand .logo-hero{max-width:340px;height:auto}.lp-tag{font-weight:700;margin:.4rem 0 0}.lp-for{color:var(--txt2);margin:.1rem 0 1rem}
.lp-h1{font-family:Montserrat,"Segoe UI",Arial,sans-serif;font-weight:900;font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.02;margin:.3em 0;max-width:14ch}
.lp-h1 span{display:block;color:var(--acc,#0891d1)}.lp-safer{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--txt2);margin-top:1.4rem}
.lp-sec .lp-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin-bottom:1.2rem}.lp-head h2{margin:0}
.lp-num{display:inline-grid;place-items:center;min-width:2.4rem;height:2.4rem;border-radius:8px;background:var(--acc-btn,#0a6ed8);color:#fff;font-weight:800}
.lp-kicker{color:var(--txt2);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;margin:0}
.lp-grid3{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:1.5rem;align-items:start}
.lp-feats{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.lp-feat{display:flex;gap:.8rem}.lp-feat h3{margin:0 0 .15rem;font-size:1rem}.lp-feat p{margin:0;color:var(--txt2);font-size:.93rem}
.lp-ico{flex:none;display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:10px;background:var(--bg2);color:var(--acc,#0891d1)}.lp-ico svg{width:1.3rem;height:1.3rem}
.lp-demo-tag{font-size:.75rem;color:var(--txt2);text-align:center}
.lp-two{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}
.lp-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem;margin:1.2rem 0}.lp-chips li{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.85rem;font-weight:600}
.lp-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.2rem 0;counter-reset:s}
.lp-steps li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;font-weight:700}
.lp-steps .cc-n{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;border:2px solid var(--acc,#0891d1);color:var(--acc,#0891d1);font-size:1.3rem}
.lp-privacy{background:var(--bg2);border-block:1px solid var(--line)}.lp-priv-in{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;padding:1.2rem 1.25rem}.lp-priv-in p{margin:0;font-weight:700}
.lp-band{background:var(--card);border-bottom:1px solid var(--line);overflow:hidden}.lp-band-in{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:1.6rem 1.25rem}
.lp-band .logo-band{max-width:260px;height:auto}.lp-band-sub{margin:0;color:var(--txt2);font-size:.9rem}.lp-band-tag{margin:0;font-size:1.35rem;font-weight:800}.lp-band-tag span{color:var(--acc,#0891d1)}
.lp-band-art{max-width:340px;margin-left:auto;opacity:.9}
.lp-corridor{padding:2rem 0 1rem}.lp-corr-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.lp-corr-in h2{margin:0}.lp-corr-in h2 span{color:var(--acc,#0891d1)}
.lp-url{margin:0;font-size:1.3rem;font-weight:800}.lp-svc{margin:0;color:var(--txt2)}.lp-fine{font-size:.78rem;color:var(--txt2)}
[data-theme=dark] .lp-num{background:#0e7490}[data-theme=dark] .lp-h1 span,[data-theme=dark] .lp-band-tag span,[data-theme=dark] .lp-corr-in h2 span{color:var(--cyan)}
@media (max-width:980px){.lp-grid3{grid-template-columns:1fr 1fr}.lp-grid3 #showcase{grid-column:1/-1}.lp-two{grid-template-columns:1fr}.lp-band-art{display:none}}
@media (max-width:640px){.lp-grid3{grid-template-columns:1fr}.lp-steps{grid-template-columns:1fr 1fr}.lp-h1{max-width:none}}
/* Capital Conecta landing hero (unchanged): full-color photo; readability gradient only behind the copy. TRAK CIVIC landing uses the original hero treatment above. */
.ed-cc .lp-hero-bg,[data-theme=light] .ed-cc .lp-hero-bg{opacity:1}
.ed-cc .lp-hero{--hg:248,250,252}[data-theme=dark] .ed-cc .lp-hero{--hg:0,18,44}
.ed-cc .lp-hero-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(var(--hg),.92) 0%,rgba(var(--hg),.9) var(--hs),rgba(var(--hg),.6) calc(var(--hs) + 6%),rgba(var(--hg),0) calc(var(--hs) + 12%))}
/* --hs: end of the strong zone = 38% on normal screens; on wide screens (centered copy column) it follows the copy's right edge so text stays AA */
.ed-cc .lp-hero{--hs:max(38%,calc(max(0px,(100vw - var(--max)) / 2) + 44px + min(520px,33vw)))}
@media (min-width:768px){.ed-cc .lp-hero-in h1,.ed-cc .lp-hero-in p{max-width:min(520px,33vw)}}
@media (max-width:767.98px){.ed-cc .lp-hero-in{padding-bottom:calc(48vw + 2rem)}.ed-cc .lp-hero-bg img{object-position:62% 100%}.ed-cc .lp-hero-bg::after{background:linear-gradient(180deg,rgba(var(--hg),.94) 0%,rgba(var(--hg),.9) calc(100% - 48vw - 3rem),rgba(var(--hg),0) calc(100% - 48vw + 1rem))}}
/* Landing stock photos (03 Civic Connect card, 04 privacy split band) — same radius/shadow as the 01 .monitor */
.lp-photo{margin:0;border-radius:clamp(10px,1.6vw,18px);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 34px 70px -24px rgba(10,30,60,.45),0 10px 24px -12px rgba(10,30,60,.3);background:var(--bg2)}
.lp-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.lp-cc-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1rem,3vw,2.5rem);align-items:center;margin:1.2rem 0}
.lp-cc-grid .lp-steps{grid-template-columns:1fr 1fr;margin:0;gap:1.4rem 1rem}
.lp-priv-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(1rem,3vw,2.5rem);align-items:center;padding-block:1.4rem}
.lp-priv-split .lp-priv-in{padding:0}.lp-priv-photo img{aspect-ratio:16/9}
/* Capital Conecta promo: one clean card — logo | text | CTA, city art as a faded right-side background */
.lp-band{background:var(--bg)}.lp-band>.wrap{padding-block:1.6rem}
.lp-band-card{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;padding:1.4rem 1.6rem;border-radius:clamp(10px,1.6vw,18px);background:var(--card);border:1px solid var(--line);overflow:hidden;box-shadow:0 10px 24px -14px rgba(10,30,60,.3)}
.lp-band-card .lp-band-art{position:absolute;inset:0 0 0 auto;width:min(560px,55%);max-width:none;margin:0;z-index:-1;opacity:.85;background:no-repeat right center/cover}
.lp-band-card .art-cc{background-image:url(../assets/ui/cc-city.webp)}.lp-band-card .art-tc{background-image:url(../assets/ui/tc-city.webp)}
.lp-band-card .lp-band-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--card) 0%,color-mix(in srgb,var(--card) 70%,transparent) 45%,color-mix(in srgb,var(--card) 15%,transparent) 100%)}
.lp-band-logo{display:flex;align-items:center}.lp-band-card .logo-band{max-width:220px;height:auto;display:block}
.lp-band-txt{min-width:0}.lp-band-card .btn{white-space:nowrap}
@media (max-width:980px){.lp-band-card .lp-band-art{display:block;width:70%}}
@media (max-width:767.98px){.lp-cc-grid,.lp-priv-split{grid-template-columns:1fr}.lp-priv-photo img{aspect-ratio:21/9}
.lp-band-card{grid-template-columns:1fr;justify-items:start;text-align:left}.lp-band-card .lp-band-art{inset:auto 0 0 0;width:100%;height:55%}
.lp-band-card .lp-band-art::after{background:linear-gradient(180deg,var(--card) 0%,color-mix(in srgb,var(--card) 55%,transparent) 100%)}}
.lp-band-card .btn.ghost{background:var(--card)}
/* Civic Connect page hero: v3 banner, copy on the left over a readable left-side gradient (landing style). Light default, dark mode. */
.cc-hero-v3{--hg:248,250,252;--v3s:max(37%,calc(max(0px,(100vw - var(--max)) / 2) + 44px + min(500px,33vw)));background:rgb(var(--hg));color:var(--txt);min-height:max(33.34vw,30rem)}
[data-theme=dark] .cc-hero-v3{--hg:0,18,44;color:#fff}
.cc-hero-v3 .hero-bg img{object-position:right center}
.cc-hero-v3 .hero-bg::after{background:linear-gradient(90deg,rgba(var(--hg),.94) 0%,rgba(var(--hg),.88) calc(var(--v3s) - 4%),rgba(var(--hg),.45) calc(var(--v3s) + 4%),rgba(var(--hg),0) calc(var(--v3s) + 12%))}
.cc-hero-v3 h1{text-shadow:none;color:inherit}.cc-hero-v3 .lead{color:var(--txt2)}[data-theme=dark] .cc-hero-v3 .lead{color:#d6e2f5}
[data-theme=light] .cc-hero-v3 .ppi{color:#0e7490}
@media (min-width:768px){.cc-hero-v3 .hero-in>*{max-width:min(500px,33vw)}.cc-hero-v3 h1{font-size:clamp(1.9rem,3vw,3rem)}
.cc-hero-v3 .hero-bg img{position:absolute;top:0;right:0;width:auto;height:100%;max-width:none;object-fit:contain}}
@media (max-width:767.98px){.cc-hero-v3{display:block;min-height:0}
.cc-hero-v3 .hero-bg{position:relative;inset:auto;height:62vw}.cc-hero-v3 .hero-bg img{object-position:70% center}
.cc-hero-v3 .hero-bg::after{background:linear-gradient(180deg,rgba(var(--hg),0) 55%,rgba(var(--hg),1) 100%)}
.cc-hero-v3 .hero-in{padding-top:1rem;padding-bottom:2rem}.cc-hero-v3 .hero-in>*{max-width:100%;overflow-wrap:anywhere}}
/* 320px phones: header fits without horizontal overflow */
@media (max-width:359.98px){.site-hdr>.wrap,.site-hdr .wrap{padding-inline:10px;gap:4px}.site-hdr .menu summary{padding:8px 4px}.site-hdr .hdr-logo img,.site-hdr .hdr-logo svg{max-width:96px;height:auto}}
/* TRAK CIVIC landing hero (city-tower): full-color photo, clear right half; left gradient (white -> transparent by ~50%) behind the copy. Dark: dark gradient. Phones: top-down gradient, photo clear at the bottom. */
.ed-tc .lp-hero{--hg:255,255,255}[data-theme=dark] .ed-tc .lp-hero{--hg:0,18,44}
.ed-tc .lp-hero-bg,[data-theme=light] .ed-tc .lp-hero-bg{opacity:1}
.ed-tc .lp-hero-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(var(--hg),.96) 0%,rgba(var(--hg),.9) 30%,rgba(var(--hg),.55) 40%,rgba(var(--hg),0) 50%)}
[data-theme=light] .ed-tc .lp-hero-bg::after{background:linear-gradient(90deg,#fff 0%,rgba(248,250,252,.92) 30%,rgba(248,250,252,.55) 40%,rgba(248,250,252,0) 50%)}
@media (min-width:768px){.ed-tc .lp-hero-in>*{max-width:min(520px,36vw)}.ed-tc .lp-hero-in .ctas{max-width:min(560px,44vw)}.ed-tc .lp-brand .logo-hero{max-width:min(300px,30vw)}.ed-tc .lp-h1{font-size:clamp(2rem,3.6vw,3.6rem)}}
@media (max-width:767.98px){.ed-tc .lp-hero-in{padding-bottom:calc(48vw + 2rem)}.ed-tc .lp-hero-bg img{object-position:62% 100%}
.ed-tc .lp-hero-bg::after,[data-theme=light] .ed-tc .lp-hero-bg::after{background:linear-gradient(180deg,rgba(var(--hg),.96) 0%,rgba(var(--hg),.9) calc(100% - 48vw - 3rem),rgba(var(--hg),0) calc(100% - 48vw + 1rem))}}
[data-theme=light] .ed-tc .lp-hero .on-light .logo-hero{filter:none}