:root{color-scheme:light;--bg:#f7f8f3;--surface:#fff;--surface-raised:#edf1e8;--ink:#19251c;--muted:#59675d;--soft:#405543;--accent:#b94612;--orange:#ff773c;--line:rgba(30,55,33,.14);--line-strong:#b8c6ae;--feature-bg:#edf3e7;--subheading:#5d7557;--store-top:#edf3e7;--notice:#79533a;--hero-glow:rgba(111,156,79,.12);--orbit-line:rgba(82,111,58,.14);--phone-shadow:rgba(20,45,23,.17);--capture-bg:#f2f2f7;--radius:28px;--page:1200px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#101412;--surface:#181d19;--surface-raised:#202621;--ink:#f6f5ef;--muted:#a7ada7;--soft:#c5cbc3;--accent:#ff844d;--line:rgba(232,240,228,.12);--line-strong:#43503e;--feature-bg:#1a231a;--subheading:#8e9c86;--store-top:#283122;--notice:#c8ad91;--hero-glow:rgba(83,119,69,.13);--orbit-line:rgba(177,203,154,.09);--phone-shadow:rgba(0,0,0,.45);--capture-bg:#000}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg:#101412;--surface:#181d19;--surface-raised:#202621;--ink:#f6f5ef;--muted:#a7ada7;--soft:#c5cbc3;--accent:#ff844d;--line:rgba(232,240,228,.12);--line-strong:#43503e;--feature-bg:#1a231a;--subheading:#8e9c86;--store-top:#283122;--notice:#c8ad91;--hero-glow:rgba(83,119,69,.13);--orbit-line:rgba(177,203,154,.09);--phone-shadow:rgba(0,0,0,.45);--capture-bg:#000}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body::before{content:"";position:absolute;inset:0 0 auto;height:850px;pointer-events:none;background:radial-gradient(ellipse at 83% 22%,var(--hero-glow),transparent 50%);z-index:-1}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:6px}a:hover{color:var(--accent)}img{max-width:100%;display:block}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}p{margin:0 0 20px;color:var(--muted)}h1,h2,h3{letter-spacing:-.045em;line-height:1.08;margin:0;font-weight:650;text-wrap:balance}h2{font-size:clamp(34px,4.4vw,54px)}h3{font-size:25px}::selection{background:#ff844d;color:#101412}.fox,.accent-word{color:var(--accent)}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:var(--ink);color:var(--bg);padding:10px 18px}.skip-link:focus{top:12px}.site-header{max-width:var(--page);margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:25px;letter-spacing:-1px;font-weight:750;flex-shrink:0}.brand img{width:42px;height:42px;border-radius:12px}.header-nav{display:flex;gap:32px;align-items:center;font-size:14px}.header-nav a{text-decoration:none;color:var(--soft)}.header-nav a:hover{color:var(--ink)}.header-nav .nav-cta{border:1px solid var(--line);border-radius:999px;padding:9px 17px;color:var(--ink);background:rgba(255,255,255,.025)}.landing{max-width:var(--page);margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:720px;align-items:center;gap:30px;padding:50px 0 70px}.hero-copy{position:relative;z-index:1;animation:rise-in .75s both}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.17em;font-weight:650;color:var(--accent);display:flex;gap:9px;align-items:center;margin-bottom:25px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(255,132,77,.1)}.hero h1{font-size:clamp(47px,5.5vw,72px);letter-spacing:-.065em;line-height:1.04;margin-bottom:27px}.hero-description{font-size:17px;line-height:1.75;max-width:440px;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;min-height:52px;padding:13px 23px;border-radius:15px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button-primary{color:#23150e;background:#ff844d;box-shadow:0 8px 32px rgba(255,119,60,.1)}.button-primary:hover{color:#23150e;background:#ff9b6f;transform:translateY(-2px)}.text-link{font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;gap:14px;align-items:center}.hero-note{font-size:12px;color:var(--muted);margin-top:16px}.country-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:37px}.country-pills>span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);padding:5px 10px;border-radius:999px;color:var(--soft);font-size:11px}.country-pills>span:last-child{border-color:transparent}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;min-height:620px;isolation:isolate}.orbit{position:absolute;z-index:-1;border:1px solid var(--orbit-line);border-radius:50%;width:490px;height:490px;max-width:110%;pointer-events:none}.orbit-two{width:380px;height:380px;background:radial-gradient(circle,rgba(236,125,61,.095),transparent 68%)}.orbit-one::after{content:"";position:absolute;top:72px;left:52px;width:6px;height:6px;border-radius:50%;background:#ff844d;box-shadow:0 0 18px rgba(255,132,77,.25)}.visual-kicker{position:absolute;left:0;top:64px;font-size:9px;letter-spacing:.1em;line-height:1.8;color:var(--muted);transform:rotate(-90deg);transform-origin:bottom left;white-space:nowrap}.visual-kicker strong{font-weight:550;color:var(--soft)}.device-wrap{width:270px;position:relative;transform:rotate(6deg);animation:device-in 1s .12s both}.phone-frame{padding:7px;border-radius:45px;background:linear-gradient(135deg,#85877f 0%,#3c413b 8%,#151915 45%,#5b6057 90%,#a1a196 100%);box-shadow:18px 38px 70px var(--phone-shadow),0 0 0 1px #111610;position:relative}.phone-frame::before{content:"";position:absolute;width:3px;height:49px;left:-3px;top:140px;border-radius:3px;background:#50564d}.phone-frame::after{content:"";position:absolute;width:3px;height:66px;right:-3px;top:163px;border-radius:3px;background:#5d6259}.phone-screen{aspect-ratio:9/19.5;overflow:hidden;border-radius:38px;border:2px solid #050b08;background:#064b3e;position:relative}.phone-island{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:#070b08;border-radius:20px;width:82px;height:23px;z-index:2}.phone-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:90px;height:3px;border-radius:5px;background:rgba(255,255,255,.55);z-index:2}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:35px 24px;text-align:center;background:radial-gradient(ellipse at 30% 18%,#0d6853,transparent 65%),#053e34}.preview-placeholder img{width:164px;border-radius:25px;box-shadow:0 8px 30px rgba(0,0,0,.08)}.device-brand{font-size:28px;font-weight:700;letter-spacing:-1.1px;margin-top:20px;color:#fff8eb}.preview-placeholder .device-caption{font-size:11px;color:#c4d9ce;letter-spacing:.02em;margin-top:7px}.preview-placeholder .placeholder-note{font-size:10px;color:#b8cbc1;margin-top:56px;max-width:170px;line-height:1.6}.preview-placeholder .placeholder-note strong{display:block;color:#f7f4e9;font-size:11px;font-weight:500;margin-bottom:3px}.preview-label{font-size:10px;line-height:1.55;text-align:center;color:var(--muted);transform:rotate(-6deg);max-width:245px;margin:27px auto 0}.visual-caption{position:absolute;bottom:-25px;right:0;display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.caption-line{width:40px;height:1px;background:#45583f}.feature-strip{display:flex;justify-content:space-around;align-items:center;gap:22px;flex-wrap:wrap;border-block:1px solid var(--line);padding:24px 12px;font-size:12px;letter-spacing:.02em;color:var(--soft)}.feature-strip>span{display:flex;align-items:center;gap:10px}.feature-strip>span::before{content:"";width:4px;height:4px;background:#697d5d;border-radius:50%}.section{padding:94px 0;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:35px}.section-heading p{max-width:285px;font-size:14px;margin-bottom:4px}.section-heading .eyebrow{margin-bottom:18px}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.feature-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px 25px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 70%),var(--surface);display:flex;align-items:flex-start;flex-direction:column;transition:border-color .25s,transform .25s}.feature-card:hover{border-color:rgba(255,132,77,.3);transform:translateY(-3px)}.feature-main{background:radial-gradient(ellipse at 0 0,rgba(114,150,76,.14),transparent 80%),var(--feature-bg)}.card-top{display:flex;align-items:center;gap:15px}.small-label{font-size:8px;letter-spacing:.12em;color:var(--soft);font-weight:600}.icon-tile{display:inline-flex;justify-content:center;align-items:center;flex:none;width:42px;height:42px;border:1px solid rgba(255,132,77,.16);border-radius:13px;color:var(--accent);background:rgba(255,132,77,.045);margin-bottom:36px}.feature-card h3{font-size:26px;margin-bottom:18px;letter-spacing:-.035em}.feature-card p{font-size:13px;line-height:1.8;margin-bottom:27px}.fuel-tags{display:flex;gap:8px;margin-top:auto}.fuel-tags span{border:1px solid var(--line-strong);border-radius:8px;padding:5px 13px;font-size:11px;color:var(--soft)}.card-footnote{font-size:10px;color:var(--muted);margin-top:19px}.detail-rule{border-top:1px solid var(--line);padding-top:20px;margin-top:auto;width:100%}.detail-rule strong{font-size:26px;display:block;font-weight:550;letter-spacing:-.04em}.detail-rule span{font-size:10px;color:var(--muted)}.status-key{display:flex;align-items:center;gap:7px;font-size:10px;margin-top:auto;border-top:1px solid var(--line);width:100%;padding-top:20px;color:var(--soft)}.status-dot{height:6px;width:6px;border-radius:50%;background:#a6b998}.map-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:50px}.map-story-copy h2{margin-bottom:26px}.map-story-copy p{font-size:14px;max-width:380px}.muted-heading{color:var(--subheading)}.map-story-copy .text-link{margin-top:8px;color:var(--accent)}.journey{border-top:1px solid var(--line)}.journey article{display:flex;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.step-number{align-self:flex-start;margin-top:2px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.journey h3{font-size:20px;margin-bottom:9px;letter-spacing:-.025em}.journey p{font-size:13px;line-height:1.65;margin:0;max-width:280px}.journey-icon{margin-left:auto;color:var(--soft)}.journey-icon svg{width:22px}.extras{padding-top:28px}.extras .eyebrow{margin-bottom:18px}.extras-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:38px}.extras-grid article{border-top:1px solid var(--line);padding-top:23px}.extra-icon{color:var(--accent);display:inline-block;margin-bottom:18px}.extras h3{font-size:21px;margin-bottom:12px;letter-spacing:-.025em}.extras p{font-size:13px;line-height:1.75;max-width:290px;margin:0}.availability{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:50px 0 55px}.country-art{display:flex;justify-content:center;align-items:center;gap:24px;font-size:80px;letter-spacing:-.08em;font-weight:350;color:var(--soft)}.country-art span:not(.country-divider){position:relative}.country-art span:not(.country-divider)::after{content:"";height:3px;position:absolute;left:5px;right:5px;bottom:12px;border-radius:20px;background:var(--accent);opacity:.5}.country-art .country-divider{font-size:30px;color:var(--muted);letter-spacing:0}.availability h2{font-size:38px;margin-bottom:20px}.availability .eyebrow{margin-bottom:18px}.availability p{max-width:400px;font-size:13px;margin-bottom:19px}.availability .text-link{color:var(--accent)}.download{text-align:center;padding:105px 20px 96px;position:relative}.download>img{border-radius:23px;margin:0 auto 27px;box-shadow:0 8px 40px rgba(0,0,0,.15)}.download .eyebrow{justify-content:center;font-size:9px}.download h2{font-size:clamp(42px,5vw,64px);margin-bottom:25px;letter-spacing:-.055em}.download p{font-size:14px}.store-badge{display:inline-flex;align-items:center;text-align:left;gap:13px;padding:13px 21px;border-radius:16px;border:1px solid var(--line-strong);background:linear-gradient(130deg,var(--store-top),var(--surface));margin-top:10px;box-shadow:0 4px 24px rgba(0,0,0,.12)}.store-symbol svg{width:28px;height:30px}.store-badge small{display:block;color:var(--soft);font-size:10px;line-height:1.5}.store-badge strong{font-size:18px;font-weight:550;line-height:1.5;display:block;letter-spacing:-.03em}.badge-soon{font-size:17px;color:var(--accent);margin-left:10px}.download-contact{font-size:11px;color:var(--muted);margin-top:23px}.download-contact a{color:var(--soft)}.site-footer{max-width:var(--page);margin:auto;padding:30px 32px 35px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top .brand{font-size:21px}.footer-top .brand img{height:32px;width:32px;border-radius:9px}.footer-nav{display:flex;flex-wrap:wrap;gap:13px 23px;font-size:11px;color:var(--muted)}.footer-nav a{text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:23px;font-size:10px;color:var(--muted)}.preview-notice{max-width:var(--page);margin:0 auto 24px;padding:12px 32px;font-size:11px;color:var(--notice);border-top:1px dashed var(--line-strong)}.legal-main{max-width:var(--page);margin:25px auto 80px;padding:0 32px}.breadcrumb{font-size:12px;color:var(--muted);text-decoration:none;display:inline-flex;gap:8px;margin-bottom:38px}.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px}.legal-toc{position:sticky;top:30px;align-self:start;font-size:12px;padding-top:12px}.legal-toc strong{display:block;font-size:10px;letter-spacing:.1em;color:var(--accent);margin-bottom:18px}.legal-toc a{display:block;text-decoration:none;color:var(--muted);padding:7px 0;line-height:1.6}.legal-toc a:hover{color:var(--ink)}.legal-article{max-width:760px;min-width:0}.legal-article h1{font-size:clamp(33px,4.2vw,53px);letter-spacing:-.05em;margin-bottom:19px;overflow-wrap:anywhere}.legal-article .date{font-size:11px;color:var(--muted);margin-bottom:25px}.legal-article .summary{font-size:17px;line-height:1.8;color:var(--soft);padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:38px}.legal-article section{margin-top:36px;scroll-margin-top:28px}.legal-article h2{font-size:23px;letter-spacing:-.025em;line-height:1.4;margin-bottom:16px}.legal-article p{font-size:14px;line-height:1.95;overflow-wrap:anywhere}.legal-article p a{color:var(--accent)}.draft{padding:12px 16px;border:1px solid var(--line-strong);border-radius:12px;color:var(--notice)}.support-article{margin:0 auto;max-width:720px;padding:10px 0 45px}.support-article>p>a[href^="mailto:"]{display:inline-flex;padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none}.phone-gallery{height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.phone-gallery::-webkit-scrollbar{display:none}.phone-shot{margin:0;flex:0 0 100%;height:100%;scroll-snap-align:center}.phone-shot img{width:100%;height:100%;object-fit:contain;background:#111}.screenshot-links{display:flex;justify-content:center;gap:16px;margin-top:10px;font-size:10px;transform:rotate(-6deg)}
@keyframes rise-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes device-in{from{opacity:0;transform:translateY(20px) rotate(9deg)}to{opacity:1;transform:translateY(0) rotate(6deg)}}

@media(min-width:1500px){.hero{min-height:770px}.device-wrap{width:288px}.hero-visual{min-height:660px}}
@media(max-width:1000px){.hero{gap:15px;min-height:660px}.hero h1{font-size:clamp(44px,5.65vw,56px)}.hero-visual{min-height:570px}.device-wrap{width:240px}.visual-kicker{display:none}.feature-grid{grid-template-columns:1fr 1fr}.feature-main{grid-column:span 2}.feature-main p{max-width:600px}.feature-main h3 br{display:none}.feature-main .icon-tile{margin-bottom:25px}.map-story{gap:45px}.icon-tile{margin-bottom:28px}.availability{gap:40px}.country-art{font-size:65px}.hero-actions{gap:20px}.hero-description{font-size:15px}.hero .text-link{font-size:12px}.small-label{font-size:9px}}
@media(max-width:760px){.site-header{padding:22px 24px}.header-nav{gap:22px}.header-nav .nav-cta{display:none}.landing{padding:0 24px}.hero{grid-template-columns:1fr;gap:12px;padding:40px 0 35px}.hero-copy{max-width:560px}.hero h1{font-size:clamp(47px,9vw,67px)}.hero-description{font-size:16px;max-width:490px}.country-pills{margin-top:25px}.hero-visual{min-height:580px;max-width:500px;width:100%;margin:0 auto}.device-wrap{width:248px}.orbit{width:440px;height:440px;max-width:100%}.orbit-two{width:340px;height:340px}.visual-caption{bottom:-20px}.feature-strip{font-size:10px;gap:13px;padding:20px 0;justify-content:flex-start}.section{padding:65px 0}.section-heading{display:block;margin-bottom:28px}.section-heading p{margin:20px 0 0;max-width:400px}.feature-grid{gap:12px}.feature-card{padding:25px 22px}.feature-card h3{font-size:24px}.map-story{grid-template-columns:1fr;gap:35px;padding-top:20px}.map-story-copy p{max-width:500px}.journey p{max-width:none}.extras{padding-top:12px}.extras-grid{gap:26px}.availability{grid-template-columns:1fr;gap:27px;padding:35px 0 45px}.country-art{justify-content:flex-start;font-size:55px}.country-art span:not(.country-divider)::after{bottom:8px}.availability h2{font-size:38px}.availability p{max-width:500px}.download{padding:72px 0}.site-footer{padding:25px 24px}.footer-top{align-items:flex-start;flex-direction:column;gap:23px}.footer-bottom{flex-direction:column;gap:7px}.preview-notice{padding:12px 24px;font-size:10px}.legal-main{padding:0 24px;margin-top:12px}.legal-layout{grid-template-columns:1fr;gap:28px}.legal-toc{position:static;display:flex;flex-wrap:wrap;gap:6px 18px;border-bottom:1px solid var(--line);padding:0 0 25px}.legal-toc strong{width:100%;margin-bottom:7px}.legal-toc a{padding:3px 0;font-size:11px}.breadcrumb{margin-bottom:25px}.legal-article .summary{font-size:16px}.legal-article h1{font-size:38px}}
@media(max-width:600px){.hero .eyebrow{font-size:9px}.hero-actions{gap:20px}.hero h1{font-size:clamp(43px,11.4vw,62px)}.eyebrow{font-size:9px;letter-spacing:.13em}.hero-note{font-size:11px}.feature-strip{justify-content:space-between}.feature-strip>span{gap:6px}.feature-strip>span:last-child{width:100%}.feature-grid{grid-template-columns:1fr}.feature-main{grid-column:auto}.feature-card p{max-width:440px}.feature-main h3 br{display:initial}.feature-card{padding:28px}.icon-tile{margin-bottom:25px}.extras-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.extras-grid article{display:grid;grid-template-columns:34px 1fr;column-gap:15px;padding-top:25px}.extra-icon{grid-row:span 2;margin-top:0}.extras h3{margin-bottom:10px}.extras p{max-width:none}.country-pills{gap:5px}.country-pills>span{font-size:10px;padding:5px 9px}.header-nav{font-size:12px;gap:17px}.header-nav a:first-child{display:none}.brand{font-size:24px}.brand img{width:37px;height:37px;border-radius:11px}.hero-visual{min-height:575px}.button{font-size:13px;padding:13px 18px;gap:18px}.hero .text-link{font-size:12px}.footer-nav{gap:12px 18px}.legal-article h1{font-size:clamp(26px,7.5vw,32px);hyphens:auto}.legal-article h2{font-size:21px}.legal-article p{font-size:14px}.legal-toc{display:none}}
@media(max-width:360px){.site-header,.landing,.site-footer,.legal-main{padding-left:19px;padding-right:19px}.hero h1{font-size:41px}.hero-actions{gap:17px}.hero .text-link{font-size:11px}.device-wrap{width:230px}.hero-visual{min-height:545px}.hero-description{font-size:15px}.hero .eyebrow{letter-spacing:.1em;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.feature-card:hover,.button-primary:hover{transform:none}.device-wrap{transform:rotate(6deg)}}

/* Theme controls: site-local preference; the native system choice remains available. */
body{transition:background-color .18s ease,color .18s ease}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.theme-controls{display:none;align-items:center;gap:6px}.js .theme-controls{display:flex}.theme-toggle,.theme-reset{border:1px solid var(--line);background:var(--surface);border-radius:999px;cursor:pointer;min-height:44px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;box-shadow:0 2px 12px rgba(22,46,23,.025)}.theme-label{font-size:11px;font-weight:600;min-width:34px}.theme-sun,.theme-moon{font-size:17px;line-height:1;color:var(--muted)}:root[data-theme="light"] .theme-sun,:root[data-theme="dark"] .theme-moon{color:var(--accent)}.theme-reset{font-size:10px;padding:8px;min-width:36px;color:var(--muted)}.theme-toggle:hover,.theme-reset:hover{border-color:var(--accent)}
/* One stationary display mask clips every genuine capture, including animated layers. */
.hero{min-height:850px;padding-top:35px;padding-bottom:70px}.hero-visual{min-height:770px}.phone-demo{width:310px;max-width:100%;position:relative;z-index:1}.device-wrap{width:100%;container-type:inline-size;transform:none;animation:rise-in .7s .08s both}.phone-frame{--display-radius:clamp(32px,12.5cqi,38px);padding:7px;border-radius:calc(var(--display-radius) + 7px);box-shadow:18px 32px 65px var(--phone-shadow),0 0 0 1px #222b22}.phone-screen{aspect-ratio:1320/2868;border:0;border-radius:var(--display-radius);padding:0;overflow:hidden;clip-path:inset(0 round var(--display-radius));isolation:isolate;background:var(--capture-bg)}.app-panel{display:none;margin:0;width:100%;height:100%;border-radius:inherit;overflow:hidden}.app-panel picture{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}.app-panel img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.preview-tabs{padding:4px;margin:0 0 22px;border:1px solid var(--line);background:var(--surface);border-radius:999px;display:flex;gap:2px;min-width:0;box-shadow:0 5px 22px rgba(10,20,12,.035)}.preview-tabs input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.preview-tabs label{flex:1;text-align:center;border-radius:999px;padding:10px 5px;font-size:11px;font-weight:600;cursor:pointer;min-height:40px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background-color .18s,color .18s}.preview-tabs input:checked+label{background:var(--surface-raised);color:var(--ink);box-shadow:0 1px 5px rgba(10,20,12,.07)}.preview-tabs input:focus-visible+label{outline:3px solid var(--accent);outline-offset:3px}.preview-descriptions{text-align:center;min-height:56px;display:grid;align-items:start;margin:23px auto 0;max-width:290px;font-size:12px;line-height:1.6;color:var(--soft)}.capture-description{display:none}.preview-label{font-size:10px;line-height:1.6;color:var(--muted);transform:none;margin:6px auto 0;max-width:295px}.phone-demo:has(#preview-tankpreise:checked) [data-view="tankpreise"],.phone-demo:has(#preview-statistik:checked) [data-view="statistik"],.phone-demo:has(#preview-mein-auto:checked) [data-view="mein-auto"]{display:block;animation:capture-in .2s ease-out both}.phone-demo:has(#preview-tankpreise:checked) [data-description="tankpreise"],.phone-demo:has(#preview-statistik:checked) [data-description="statistik"],.phone-demo:has(#preview-mein-auto:checked) [data-description="mein-auto"]{display:block}.feature-card{box-shadow:0 8px 32px rgba(10,22,12,.025)}
/* Fade inside the fixed mask; moving the panel would expose an empty edge during switches. */
@keyframes capture-in{from{opacity:.4}to{opacity:1}}
@media(max-width:1100px){.header-nav{gap:19px}.header-nav .nav-cta{display:none}.hero{gap:25px}.phone-demo{width:290px}.hero-visual{min-height:740px}}
@media(max-width:760px){.hero{padding-top:35px;gap:35px;min-height:0}.hero-visual{min-height:0;padding-bottom:0;max-width:480px}.phone-demo{width:300px}.orbit{width:420px;height:420px;max-width:100%}.preview-descriptions{min-height:56px}.hero-copy{max-width:560px}.device-wrap{width:100%}.section-heading{gap:30px}.header-nav{gap:16px}}
@media(max-width:600px){.header-nav>a{display:none}.header-nav{gap:0}.site-header{gap:12px}.hero-visual{min-height:0}.phone-demo{width:290px}.hero .eyebrow{letter-spacing:.1em}.device-wrap{width:100%}.theme-toggle{padding:8px 10px}.theme-controls{gap:4px}.theme-reset{padding:8px 6px}.site-header .brand{gap:9px}}
@media(max-width:360px){.site-header{gap:8px}.site-header .brand{font-size:22px;gap:7px}.site-header .brand img{width:33px;height:33px}.theme-toggle{gap:5px;padding:8px 9px}.theme-label{min-width:32px}.phone-demo{width:270px}.preview-tabs label{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.device-wrap{transform:none}}
/* Keep the presentation switch reachable while exploring a long mobile preview. */
.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* A visible invitation to explore the three genuine app captures. */
.preview-intro{text-align:center;margin-bottom:12px}.preview-eyebrow{font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--accent)}.preview-intro p{font-size:12px;color:var(--soft);margin:3px 0 0}
.preview-tabs{border-radius:20px;padding:5px;gap:4px;margin-bottom:20px;border-color:var(--line-strong)}.preview-tabs label{flex-direction:column;gap:5px;min-height:65px;padding:9px 3px;border-radius:15px;font-size:11px;color:var(--soft)}.preview-tab-icon{display:flex}.preview-tab-icon svg{width:19px;height:19px}.preview-tabs input:checked+label{background:#ff844d;color:#23150e;box-shadow:0 3px 10px rgba(255,119,60,.16)}.preview-tabs label:hover{background:var(--surface-raised);color:var(--ink)}.preview-tabs input:checked+label:hover{background:#ff9b6f;color:#23150e}
.preview-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:17px 0 0;padding:0 4px}.preview-navigation button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);cursor:pointer;color:var(--accent);font-size:21px;transition:background-color .18s,transform .18s}.preview-navigation button:hover{background:var(--surface-raised);transform:translateY(-1px)}.preview-navigation button:active{transform:scale(.95)}.preview-position{font-size:11px;font-weight:600;color:var(--soft);font-variant-numeric:tabular-nums;text-align:center}.preview-navigation:not([hidden])+.preview-descriptions{margin-top:12px}.hero-visual{min-height:860px}
@media(max-width:1100px){.hero-visual{min-height:820px}}
@media(max-width:760px){.hero-visual{min-height:0}.preview-intro{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.preview-navigation button:hover,.preview-navigation button:active{transform:none}}