.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.site-header{background:var(--bg);border-bottom:1px solid var(--line)}.nav-shell{width:min(1440px,calc(100% - 48px));margin:auto;min-height:94px;display:flex;align-items:center;gap:36px}.site-header nav{display:flex;gap:26px;margin-left:auto}.site-header nav a,.admin-link{font-size:.84rem;text-decoration:none;font-weight:700}.site-header nav a:hover,.admin-link:hover{text-decoration:underline}.preferences{display:flex;gap:8px;align-items:center}.preferences select{font-size:.75rem;max-width:145px}.admin-link{margin-left:12px}.hero{position:relative;isolation:isolate;overflow:hidden;background:#030E0B;color:#F3FAF6;min-height:680px}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,11,.94),rgba(3,14,11,.6) 34%,transparent 68%);z-index:-1}.hero-content{padding-top:90px;padding-bottom:26px;min-height:680px;display:flex;flex-direction:column;justify-content:space-between}.hero-copy{max-width:520px}.hero-status{display:flex;align-items:center;gap:9px;font-size:.8rem;color:#C2DFD1;margin-bottom:25px}.hero-status>span:first-child,.platform-dot{background:#08C996;display:inline-block;width:7px;height:7px;border-radius:50%;flex:none}.hero h1{margin-bottom:24px;line-height:1.02}.hero p{font-size:1.05rem;color:#D5E7DC;line-height:1.7;max-width:38ch;margin-bottom:32px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-text-link{color:#EDF9F1;font-weight:700;font-size:.86rem}.hero-foot{margin-top:55px;display:flex;justify-content:space-between;gap:20px;font-size:.73rem;color:#C7DDCF}.hero-foot span:last-child{font-size:.67rem}.hero :focus-visible{outline-color:white}.product-strip{display:flex;align-items:center;gap:28px;padding-block:32px;border-bottom:1px solid var(--line);font-size:.78rem}.product-strip>span{display:flex;gap:8px;align-items:center}.product-strip strong{font-size:.9rem}.product-strip>span>span:last-child{color:var(--muted)}.product-strip>a{margin-left:auto;font-weight:700}.strip-connector{color:var(--muted);font-size:1.2rem}.section{padding-block:100px}.section-intro{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:end;margin-bottom:46px}.section-intro h2{margin-bottom:0}.section-intro p{margin-bottom:3px;color:var(--muted);font-size:1.05rem}.product-duo{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.product-panel{padding:32px;border-radius:26px;overflow:hidden}.car-product{background:var(--surface-alt)}.phone-product{background:var(--surface);border:1px solid var(--line)}.product-name{display:flex;gap:14px;align-items:center;margin-bottom:30px}.product-name img{border-radius:14px;object-fit:cover}.product-name h3{margin:0 0 3px;letter-spacing:-.04em}.product-name span{font-size:.82rem;color:var(--muted)}.product-panel>p{font-size:.9rem;color:var(--muted);margin:25px 0 12px}.product-panel>a{font-size:.85rem;font-weight:700}.central-frame{height:295px;border:8px solid #17271F;border-radius:20px;background:#0A1812;color:#EEF8F1;padding:18px 20px;box-shadow:0 18px 25px -22px #030E0B}.device-bar{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:700;gap:10px}.preview-label{font-size:.59rem;color:#B2CDBC;border:1px solid #355045;border-radius:6px;padding:3px 6px;line-height:1.4}.central-ui{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;height:210px}.route-art{height:180px;position:relative;border-radius:12px;background:repeating-linear-gradient(24deg,transparent 0 31px,#264236 32px 34px,transparent 35px 65px),repeating-linear-gradient(106deg,#11281D 0 37px,#2A4336 38px 40px,#11281D 41px 64px);overflow:hidden}.route-line{position:absolute;width:110px;height:110px;border:6px solid #08C996;border-left:0;border-bottom:0;border-radius:0 35px 0 0;top:40px;left:14px;transform:rotate(20deg)}.route-pin{position:absolute;top:107px;right:18px;background:#08C996;color:#003D2C;width:31px;height:31px;border:3px solid #F3FAF6;border-radius:50%;text-align:center;font-weight:700;line-height:25px;font-size:.75rem}.central-stats{display:flex;flex-direction:column;gap:9px}.central-stats>span{font-size:.66rem;color:#B2CDBC}.central-stats>strong{font-size:1.6rem;line-height:1.15;letter-spacing:-.05em}.mini-nav{display:flex;flex-direction:column;gap:5px;font-size:.65rem;margin-top:10px}.mini-nav span{padding:5px 8px;border-radius:5px;background:#213C2D}.phone-composition{height:295px;display:flex;align-items:center;justify-content:center;gap:25px}.phone-frame{width:172px;min-width:172px;height:295px;border:7px solid #14271D;border-radius:28px;padding:10px 10px;background:#EAF5EE;color:#102D24;display:flex;align-items:center;flex-direction:column;box-shadow:0 14px 25px -22px #030E0B}.phone-camera{width:40px;height:7px;background:#14271D;border-radius:4px;margin-bottom:12px}.phone-frame .preview-label{color:#3E5F4E;border-color:#9CBDAB;font-size:.5rem}.phone-frame>strong{font-size:.95rem;margin:12px 0}.phone-vehicle{width:100%;display:flex;align-items:center;flex-direction:column;border-radius:10px;background:#D2EADD;padding:8px}.phone-vehicle>span{font-size:.72rem;font-weight:700}.phone-vehicle>small{font-size:.57rem;color:#355044}.phone-action{width:100%;background:#08C996;color:#003D2C;padding:8px 4px;border-radius:6px;margin-top:10px;text-align:center;font-weight:700;font-size:.6rem}.phone-caption{font-size:.48rem;margin-top:6px}.phone-notes{max-width:150px}.note-dot{display:block;width:28px;height:4px;background:var(--accent);border-radius:4px;margin-bottom:16px}.phone-notes strong{display:block;font-size:1.15rem;line-height:1.3;letter-spacing:-.03em}.phone-notes p{font-size:.8rem;line-height:1.9;margin:12px 0 0;color:var(--muted)}.connection-section{padding-block:85px;background:#0A251A;color:#F3FAF6}.connection-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.connection-symbol{font-size:5rem;color:#08C996;line-height:.8;display:block;margin-bottom:25px}.connection-layout h2{font-size:clamp(2rem,3.3vw,3rem)}.connection-layout>div>p{color:#BBD6C6;max-width:45ch}.connection-note{border-left:2px solid #08C996;padding-left:18px;color:#C4DDCE;font-size:.8rem;margin-top:30px;max-width:48ch}.connection-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:32px}.connection-steps li{display:flex;gap:22px;align-items:start}.connection-steps li>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:50%;border:1px solid #47705A;color:#52E3B3;font-size:.95rem;font-weight:700}.connection-steps h3{font-size:1.15rem;margin:6px 0 10px;letter-spacing:-.025em}.connection-steps p{margin:0;color:#BBD6C6;font-size:.9rem;max-width:39ch}.compatibility-grid{display:grid;grid-template-columns:.8fr 1.5fr;gap:65px}.compat-summary{background:var(--surface-alt);border-radius:20px;padding:32px;align-self:start}.compat-summary h3{font-size:3.1rem;margin:25px 0 14px}.compat-summary p{font-size:.9rem;color:var(--muted)}.compat-model{border-top:1px solid var(--line);padding-top:24px;margin-top:28px;display:flex;flex-direction:column;gap:9px}.compat-model span{font-size:.8rem;color:var(--muted)}.capability-list article{display:grid;grid-template-columns:1fr 150px;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}.capability-list article:first-child{padding-top:8px}.capability-list h3{font-size:1.1rem;margin-bottom:9px;letter-spacing:-.025em}.capability-list p{font-size:.85rem;color:var(--muted);margin-bottom:0}.cap-status{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 9px;text-align:center;font-size:.67rem;line-height:1.4;font-weight:700}.cap-status.lab{background:var(--surface-alt);color:var(--ink)}.principles-section{background:var(--surface-alt);padding-block:65px}.principles-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.principles-layout h2{margin-bottom:0}.principles-layout p{font-size:1rem;color:var(--muted)}.principles-layout .button{font-size:.82rem}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-section h2{font-size:2.6rem}.faq-section>div>p{font-size:.95rem;color:var(--muted);max-width:30ch}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:23px 26px 23px 0;position:relative;list-style:none;font-size:.97rem;font-weight:700;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:2px;top:20px;font-size:1.4rem;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:.88rem;color:var(--muted);padding:0 25px 24px 0;margin:0}.closing{background:#0A251A;color:#F3FAF6;border-radius:24px;padding:45px 50px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:65px}.closing>div{display:flex;align-items:center;gap:28px}.closing h2{font-size:clamp(1.65rem,2.6vw,2.35rem);margin:0}.closing .button{font-size:.85rem}.site-footer{border-top:1px solid var(--line);padding-block:30px;display:flex;gap:30px;align-items:center}.site-footer p{font-size:.72rem;color:var(--muted);max-width:55ch;margin:0}.site-footer>a:last-child{font-size:.75rem;margin-left:auto;white-space:nowrap}.site-footer .brand{font-size:1.1rem}:root[data-theme=contrast] .hero::after{background:rgba(0,0,0,.78)}:root[data-theme=contrast] .hero p,:root[data-theme=contrast] .hero-status,:root[data-theme=contrast] .hero-foot,:root[data-theme=contrast] .connection-layout p,:root[data-theme=contrast] .connection-note{color:#fff}:root[data-theme=contrast] .connection-section,:root[data-theme=contrast] .closing{background:#000;border-block:1px solid #fff}:root[data-theme=contrast] .product-panel,:root[data-theme=contrast] .compat-summary{border:1px solid #fff}
@media(min-width:1600px){.hero-art{object-position:center 55%}.hero{max-height:790px}.hero-content{min-height:760px}}
@media(max-width:1150px){.nav-shell{gap:20px}.site-header nav{gap:15px}.site-header nav a{font-size:.76rem}.admin-link{font-size:.75rem;margin-left:2px}.hero-content{padding-top:75px}.section-intro,.connection-layout,.principles-layout,.faq-section{gap:50px}.product-strip{gap:15px;flex-wrap:wrap}.product-strip>a{font-size:.72rem}.product-panel{padding:25px}.phone-composition{gap:15px}.phone-notes strong{font-size:1rem}.central-frame{padding:15px}.central-ui{gap:12px}.compatibility-grid{gap:35px}.closing{padding:40px 30px}.closing .button{max-width:230px}}
@media(max-width:960px){.nav-shell{flex-wrap:wrap;gap:12px;padding-block:15px}.site-header nav{order:3;width:100%;justify-content:center;gap:28px;border-top:1px solid var(--line);padding-top:12px}.preferences{margin-left:auto}.hero{min-height:620px}.hero-content{min-height:620px;padding-top:65px}.hero-art{object-position:61% center;opacity:.75}.hero::after{background:linear-gradient(90deg,rgba(3,14,11,.95),rgba(3,14,11,.5) 60%,transparent)}.hero-copy{max-width:440px}.product-duo{grid-template-columns:1fr}.product-panel{padding:35px}.central-frame{height:310px;max-width:550px;margin-inline:auto}.central-ui{grid-template-columns:1.3fr 1fr;gap:25px}.route-art{height:195px}.central-stats>strong{font-size:2rem}.mini-nav{font-size:.75rem}.phone-composition{gap:45px}.phone-notes strong{font-size:1.3rem}.phone-notes p{font-size:.9rem}.product-strip>span{flex-wrap:wrap}.product-strip>a{width:100%;margin-left:0}.section{padding-block:75px}.section-intro{gap:35px}.compatibility-grid{grid-template-columns:1fr}.compat-summary{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.compat-summary .pill{justify-self:start}.compat-summary h3{grid-column:1;margin-top:15px}.compat-summary p{grid-column:1}.compat-model{grid-column:2;grid-row:1/4;border-top:0;border-left:1px solid var(--line);padding:15px 0 15px 30px;margin:0;justify-content:center}.capability-list article:first-child{padding-top:0}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section>div>p{max-width:100%}.closing>div>img{display:none}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.nav-shell{width:calc(100% - 32px)}.brand{font-size:1.15rem}.brand img{width:30px;height:30px}.preferences{gap:5px}.preferences select{padding:7px 18px 7px 7px;font-size:.67rem;max-width:96px}.admin-link{display:none}.site-header nav{gap:20px}.site-header nav a{font-size:.7rem}.hero{min-height:720px}.hero-content{min-height:720px;padding-top:45px;padding-bottom:20px}.hero-art{height:65%;top:auto;bottom:0;object-position:68% center;opacity:1}.hero::after{background:linear-gradient(180deg,#030E0B 0%,#030E0B 33%,rgba(3,14,11,.7) 52%,transparent 72%,rgba(3,14,11,.6))}.hero h1{font-size:3.7rem;margin-bottom:20px}.hero p{font-size:.92rem;max-width:36ch;margin-bottom:24px}.hero-status{font-size:.72rem;margin-bottom:20px}.actions{gap:18px}.actions .button{font-size:.79rem;padding:12px 15px;min-height:46px}.hero-text-link{font-size:.77rem}.hero-foot{font-size:.65rem;flex-direction:column;gap:5px;margin-top:190px}.hero-foot span:last-child{font-size:.57rem}.product-strip{padding-block:22px;gap:10px 15px}.product-strip>span{font-size:.65rem;gap:5px}.product-strip strong{font-size:.75rem}.product-strip .strip-connector{display:none}.product-strip>span>span:last-child{width:100%;padding-left:12px}.section{padding-block:60px}.section-intro{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-intro p{font-size:.93rem}h2{font-size:2.25rem}.product-panel{padding:24px 20px;border-radius:18px}.product-name{gap:12px;margin-bottom:24px}.product-name img{width:48px;height:48px;border-radius:11px}.product-name h3{font-size:1.2rem}.product-name span{font-size:.72rem}.central-frame{height:255px;padding:12px;border-width:6px;border-radius:14px}.device-bar{font-size:.66rem}.preview-label{font-size:.48rem}.central-ui{height:175px;grid-template-columns:1fr .9fr;gap:12px}.route-art{height:155px}.route-line{left:-13px;top:26px;width:95px;height:92px}.route-pin{right:8px;top:102px}.central-stats>span{font-size:.55rem}.central-stats>strong{font-size:1.3rem}.mini-nav{font-size:.55rem;gap:4px;margin-top:5px}.mini-nav span{padding:4px 6px}.phone-composition{gap:20px}.phone-notes{max-width:115px}.phone-notes strong{font-size:1.08rem}.phone-notes p{font-size:.72rem}.phone-frame{min-width:155px;width:155px}.product-panel>p{font-size:.82rem}.product-panel>a{font-size:.77rem}.connection-section{padding-block:60px}.connection-layout{grid-template-columns:1fr;gap:40px}.connection-layout h2{font-size:2.3rem}.connection-symbol{font-size:4rem}.connection-layout>div>p{font-size:.92rem}.connection-steps{gap:27px}.connection-steps li{gap:17px}.connection-steps li>span{width:37px;height:37px}.connection-steps h3{font-size:1.04rem}.connection-steps p{font-size:.84rem}.compat-summary{padding:25px;display:block}.compat-model{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:20px}.compat-summary h3{font-size:2.6rem}.capability-list article{grid-template-columns:1fr;gap:15px;padding:24px 0}.cap-status{justify-self:start}.principles-section{padding-block:45px}.principles-layout{grid-template-columns:1fr;gap:25px}.principles-layout p{font-size:.92rem}.faq-section h2{font-size:2.25rem}.faq-list summary{font-size:.89rem;padding-block:21px}.faq-list details p{font-size:.81rem}.closing{padding:30px 25px;flex-direction:column;align-items:stretch;gap:25px;margin-bottom:45px;border-radius:18px}.closing h2{font-size:1.85rem}.closing .button{max-width:none}.site-footer{flex-wrap:wrap;gap:18px;padding-block:25px}.site-footer p{order:3;width:100%;font-size:.67rem}.site-footer>a:last-child{font-size:.69rem}}
@media(max-width:360px){.preferences select{max-width:78px}.phone-composition{gap:13px}.phone-notes{max-width:95px}.phone-notes strong{font-size:.92rem}.hero h1{font-size:3.3rem}.hero .actions{gap:10px}.hero-text-link{font-size:.68rem}.site-header nav{gap:14px}}