@font-face{font-family:AppRounded;src:url('assets/app-rounded.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
:root{--bg:#05070d;--bg2:#0b0f19;--card:#0e1422;--line:#ffffff14;--line2:#ffffff24;--ink:#f4f6fb;--muted:#8f98aa;--blue:#0763ef;--cyan:#20efff;--orange:#ff742a;--yellow:#ffce37;--green:#1ce9ac;--rounded:AppRounded,ui-rounded,'SF Pro Rounded',system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:96px}
[data-lang=en]{display:none}html[lang=en] [data-lang=de]{display:none}html[lang=en] [data-lang=en]{display:revert}
html[lang=de] .legal-card>[data-lang=en],html[lang=en] .legal-card>[data-lang=de]{display:none!important}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);overflow-x:clip}
body{font-family:var(--rounded);font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
::selection{background:var(--cyan);color:#001}
.wrap{width:min(1200px,100% - 32px);margin-inline:auto}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#000;padding:10px 14px;border-radius:10px}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.cursor-glow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,#0763ef30,transparent 65%);pointer-events:none;z-index:0;transform:translate3d(var(--mx,-999px),var(--my,-999px),0);transition:opacity .4s}
main,footer,header{position:relative;z-index:1}
.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--cyan);margin:0 0 18px;text-transform:uppercase}
.grad{font-style:normal;background:linear-gradient(90deg,var(--yellow),var(--orange) 45%,#ff3d7f);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-xl{font-size:clamp(40px,6.4vw,88px);line-height:.95;letter-spacing:-.045em;font-weight:900;margin:0}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tags span{border:1px solid var(--line2);border-radius:99px;padding:7px 13px;font-size:13px;font-weight:700;color:#cfd6e4;background:#ffffff08}

/* Header – floating glass pill */
.header{position:fixed;top:14px;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:0 16px;pointer-events:none}
.header-pill{pointer-events:auto;display:flex;align-items:center;gap:22px;padding:8px 8px 8px 14px;border:1px solid var(--line2);border-radius:99px;background:#0b0f19b8;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 10px 40px #0008;transition:transform .5s var(--ease)}
.header.scrolled .header-pill{background:#0b0f19e6;box-shadow:0 12px 40px #000a}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:900;font-size:17px;letter-spacing:-.02em}.brand img{border-radius:9px}
.header-nav{display:flex;gap:4px}.header-nav a{text-decoration:none;font-size:14px;font-weight:700;color:#c3cad8;padding:8px 12px;border-radius:99px;transition:background .2s,color .2s}.header-nav a:hover{background:#ffffff12;color:#fff}
.header-actions{display:flex;align-items:center;gap:8px}
.language{display:flex;background:#ffffff0d;border-radius:99px;padding:3px}.language button{border:0;background:none;color:#9aa3b5;font:800 12px var(--rounded);padding:6px 9px;border-radius:99px;cursor:pointer}.language button[aria-pressed=true]{background:#fff;color:#000}
.header-cta{text-decoration:none;background:#fff;color:#000;font-weight:900;font-size:14px;padding:10px 16px;border-radius:99px;transition:transform .2s var(--ease)}.header-cta:hover{transform:scale(1.05)}

/* Buttons */
.button{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:900 16px var(--rounded);padding:16px 24px;border-radius:99px;border:1px solid transparent;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s,background .25s;will-change:transform}
.button svg{width:16px;height:16px}
.button.primary{background:linear-gradient(135deg,#1b8cff,var(--blue));color:#fff;box-shadow:0 10px 40px #0763ef66,inset 0 1px #ffffff40}
.button.primary:hover{box-shadow:0 14px 60px #0763ef99,inset 0 1px #ffffff40}
.button.ghost{border-color:var(--line2);color:#fff;background:#ffffff08}.button.ghost:hover{background:#ffffff14}

/* Hero */
.hero{position:relative;padding:150px 0 40px;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.75;animation:float 14s ease-in-out infinite alternate}
.orb-a{width:620px;height:620px;left:-10%;top:-12%;background:#0763ef}
.orb-b{width:520px;height:520px;right:-8%;top:8%;background:#ff742a;opacity:.45;animation-delay:-5s}
.orb-c{width:700px;height:420px;left:25%;top:55%;background:#20efff;opacity:.22;animation-delay:-9s}
@keyframes float{to{transform:translate3d(60px,40px,0) scale(1.12)}}
.grid-lines{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%)}
.hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}
.announce{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line2);background:#ffffff0c;backdrop-filter:blur(10px);border-radius:99px;padding:8px 16px 8px 12px;font-size:14px;font-weight:700;color:#dfe5f0;margin:0 0 28px}.announce b{color:var(--cyan)}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 #1ce9ac;animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px #1ce9ac00}100%{box-shadow:0 0 0 0 #1ce9ac00}}
.mega{font-size:clamp(76px,17vw,250px);line-height:.82;letter-spacing:-.06em;margin:0;font-weight:900;cursor:default;user-select:none}
.flex-type{display:inline-block;white-space:nowrap}
.flex-type .ch{display:inline-block;font-weight:var(--w,900);transition:font-weight .35s var(--ease),transform .35s var(--ease),color .3s;transform:translateY(var(--ty,0))}
.mega .flex-type{background:linear-gradient(180deg,#fff 30%,#a9c7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.mega .ch{background:inherit;-webkit-background-clip:text;background-clip:text}
.mega .ch:last-child{background:linear-gradient(180deg,var(--yellow),var(--orange));-webkit-background-clip:text;background-clip:text}
.mega .flex-type .ch{opacity:0;transform:translateY(40%) rotate(8deg);animation:charIn 1s var(--ease) forwards;animation-delay:calc(var(--i)*55ms + .1s)}
.mega .flex-type .ch.ready{opacity:1;animation:none;transform:translateY(var(--ty,0))}
@keyframes charIn{to{opacity:1;transform:none}}
.hero-sub{font-size:clamp(40px,7vw,96px);line-height:1;font-weight:950;letter-spacing:-.05em;margin:10px 0 36px}
.hero-lead{font-size:clamp(16px,1.6vw,19px);color:var(--muted);max-width:560px;margin:0 0 30px}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.hero-promise{display:flex;align-items:center;gap:10px;color:#b7c0d2;font-size:14px;font-weight:700;margin:22px 0 0}
.check-circle{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#002a20;font-size:12px;font-weight:900}

/* 3D Phone stage */
.demo-stage{position:relative;margin-top:70px;perspective:1800px;outline:none}
.stage-3d{position:relative;display:flex;justify-content:center;align-items:center;gap:clamp(12px,3vw,48px);transform-style:preserve-3d;transform:rotateX(var(--rx,24deg)) rotateY(var(--ry,0deg)) scale(var(--sc,.92));transition:transform .2s linear;padding:0 16px;will-change:transform}
.stage-3d{pointer-events:none}.device{margin:0;position:relative;pointer-events:auto}
.device figcaption{text-align:center;font-size:13px;font-weight:800;color:var(--muted);margin-top:16px}
.device.center{width:min(330px,72vw);z-index:2;transform:translateZ(60px)}
.device.side{width:min(290px,60vw);opacity:.95}
.device.left{transform:translateZ(-40px) rotateY(18deg) translateY(30px)}
.device.right{transform:translateZ(-40px) rotateY(-18deg) translateY(30px)}
.device-frame{position:relative;padding:10px;border-radius:52px;background:linear-gradient(145deg,#3a3f4a,#15181f 40%,#2b2f38);box-shadow:0 0 0 1px #ffffff24,inset 0 0 0 2px #00000080,0 50px 100px -20px #000c,0 30px 60px -30px #0763ef80}
.device-frame:before{content:'';position:absolute;right:-3px;top:22%;width:3px;height:70px;border-radius:2px;background:#2b2f38}
.device-frame:after{content:'';position:absolute;left:-3px;top:18%;width:3px;height:40px;border-radius:2px;background:#2b2f38;box-shadow:0 60px #2b2f38}
.android-frame{border-radius:40px;background:linear-gradient(145deg,#2a3a32,#101512 40%,#24302a)}
/* Original screenshots + invisible tab-bar buttons */
.shot{position:relative;aspect-ratio:1206/2622;overflow:hidden;border-radius:42px;background:#0a3f8f;isolation:isolate;user-select:none;-webkit-user-select:none}
.shot:before{content:'';position:absolute;z-index:2;top:1.6%;left:50%;width:31%;height:3.4%;transform:translateX(-50%);border-radius:99px;background:#000;pointer-events:none}
.shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity 0s .28s;pointer-events:none;-webkit-user-drag:none}
.shot img.on{opacity:1;z-index:1;transition:opacity .28s ease}
.shot-tabs{position:absolute;z-index:3;left:6%;right:6%;top:90.1%;height:7.6%;display:flex}
.shot-tabs button{flex:1;margin:0;padding:0;border:0;background:transparent;border-radius:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.shot-tabs button:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px;border-radius:99px}
.shot-placeholder{aspect-ratio:1206/2622;border-radius:31px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;background:repeating-linear-gradient(135deg,#ffffff06 0 14px,transparent 14px 28px),linear-gradient(160deg,#16271f,#0b120e);border:1px dashed #3ddc8455;color:#cfe9da}
.shot-placeholder .ph-badge{font-size:11px;font-weight:900;letter-spacing:.18em;color:#3ddc84;border:1px solid #3ddc8466;border-radius:99px;padding:6px 11px}
.shot-placeholder b{font-size:22px;font-weight:900;letter-spacing:-.02em;color:#fff}
.shot-placeholder small{font-size:13px;color:#8fb3a0;max-width:180px}
.float-chip{position:absolute;z-index:3;display:flex;gap:8px;align-items:center;padding:12px 16px;border-radius:18px;background:#0f1626cc;border:1px solid var(--line2);backdrop-filter:blur(14px);font-size:14px;font-weight:700;color:#dce3ef;box-shadow:0 20px 50px #0009;transform:translateZ(140px);animation:bob 5s ease-in-out infinite;pointer-events:none}
.float-chip b{color:#fff;font-weight:900}.float-chip span{color:var(--green)}
.chip-a{left:max(5%,calc(50% - 560px));top:12%}.chip-b{right:max(5%,calc(50% - 560px));top:30%;animation-delay:-2s}.chip-c{left:max(8%,calc(50% - 470px));bottom:18%;animation-delay:-3.5s}
@keyframes bob{50%{translate:0 -14px}}
.stage-bottom{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:44px auto 0;font-size:14px;font-weight:700;color:#b7c0d2;padding:0 16px}
.demo-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;font-weight:900;color:#ff9e6a;border:1px solid #ff742a55;background:#ff742a14;border-radius:99px;padding:6px 11px;white-space:nowrap}.demo-tag>span:first-child{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:pulse 2s infinite}
#reset-demo{width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:#ffffff0a;color:#fff;font-size:18px;cursor:pointer;transition:transform .5s var(--ease)}#reset-demo:hover{transform:rotate(-180deg)}
.demo-disclaimer{text-align:center;font-size:12px;color:#6c7588;margin:14px 16px 0}

/* Platforms & data sources (text only, no logos) */
.trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;padding:40px 0 0;color:var(--muted)}
.trust p{margin:0;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.trust ul{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0 14px 0 0;padding:0;list-style:none}
.trust li{font-size:clamp(18px,2vw,24px);font-weight:900;letter-spacing:-.02em;color:#d6dbe6;opacity:.8;transition:opacity .3s,color .3s}
.trust li:hover{opacity:1;color:#fff}
/* Marquee */
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:26px 0;margin:60px 0 0;background:#ffffff03;transform:rotate(-2deg) scale(1.04)}
.marquee-track{display:flex;align-items:center;gap:40px;width:max-content;animation:marquee 32s linear infinite}
.marquee span{font-size:clamp(44px,7vw,96px);font-weight:900;letter-spacing:-.04em;line-height:1;white-space:nowrap}
.marquee .outline{color:transparent;-webkit-text-stroke:1.5px #ffffff70}
.marquee i{font-style:normal;color:var(--orange);font-size:clamp(28px,4vw,52px)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Scroll-scrub statement */
.statement{padding:150px 0 110px}
.scrub{font-size:clamp(30px,4.6vw,64px);line-height:1.08;letter-spacing:-.035em;font-weight:850;margin:0;max-width:1100px}
.scrub .w{opacity:.14;transition:opacity .25s}.scrub .w.on{opacity:1}

/* Story with sticky phone */
.section-heading{margin-bottom:56px}.section-heading.center{text-align:center}
.story{padding:60px 0 80px}
.story-grid{display:grid;grid-template-columns:1fr minmax(280px,380px);gap:clamp(30px,6vw,100px)}
.step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;opacity:.25;transition:opacity .6s var(--ease),transform .6s var(--ease);transform:translateX(-14px)}
.step.active{opacity:1;transform:none}
.step-num{font-size:13px;font-weight:900;letter-spacing:.14em;color:var(--cyan)}
.step h3{font-size:clamp(34px,4.6vw,64px);line-height:.98;letter-spacing:-.04em;font-weight:900;margin:14px 0 18px}
.step p{font-size:18px;color:var(--muted);max-width:480px;margin:0}
.story-phone{position:relative}
.sticky-phone{--pw:min(330px,100%,calc((100vh - 130px) * 1206 / 2622 + 20px));position:sticky;top:max(90px,calc(50vh - (var(--pw) - 20px) * 1.087 - 10px));width:var(--pw);margin-left:auto}
.phone-halo{position:absolute;inset:10% -25%;background:radial-gradient(circle,var(--halo,#0763ef) 0,transparent 65%);filter:blur(50px);opacity:.55;z-index:-1;transition:background .6s}

/* Bento */
.bento-section{padding:80px 0}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;text-decoration:none;padding:28px;min-height:320px;border-radius:28px;background:var(--card);border:1px solid var(--line);transition:transform .5s var(--ease),border-color .3s}
.card:hover{transform:translateY(-6px);border-color:var(--line2)}
.c-buy{grid-column:span 4}.c-fress{grid-column:span 2}.c-train{grid-column:span 2}.c-home{grid-column:span 4}
.spot{--sx:50%;--sy:50%}.spot:before{content:'';position:absolute;inset:0;background:radial-gradient(420px circle at var(--sx) var(--sy),#20efff1f,transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}.spot:hover:before{opacity:1}
.feature-category{font-size:12px;letter-spacing:.16em;font-weight:900;color:var(--muted)}
.card h3{font-size:clamp(24px,2.4vw,32px);line-height:1.02;letter-spacing:-.035em;margin:auto 0 0;font-weight:900}
.text-link{font-weight:800;color:var(--cyan);font-size:15px}
.mini-list{display:grid;gap:8px;max-width:420px}.mini-list div{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid var(--line);padding:12px 14px;border-radius:14px;transition:transform .4s var(--ease)}.mini-list b{flex:1;font-weight:800}.mini-list i{font-style:normal;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#002a20;font-size:12px;font-weight:900}.mini-list i.open{background:none;border:1px solid var(--line2);color:var(--muted)}
.card:hover .mini-list div:nth-child(1){transform:translateX(8px)}.card:hover .mini-list div:nth-child(2){transform:translateX(16px)}.card:hover .mini-list div:nth-child(3){transform:translateX(24px)}
.ring{position:relative;width:140px;height:140px;margin:6px auto 0}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke:#ffffff12;stroke-width:12}.ring .ring-fill{stroke:url(#none);stroke:var(--cyan);stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1.6s var(--ease)}.in .ring .ring-fill{stroke-dashoffset:107}.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:900}
.rep-bars{display:flex;align-items:flex-end;gap:8px;height:130px}.rep-bars span{flex:1;border-radius:8px;background:linear-gradient(180deg,var(--green),#0763ef);height:10%;transition:height 1s var(--ease)}
.in .rep-bars span:nth-child(1){height:35%}.in .rep-bars span:nth-child(2){height:48%;transition-delay:.08s}.in .rep-bars span:nth-child(3){height:44%;transition-delay:.16s}.in .rep-bars span:nth-child(4){height:62%;transition-delay:.24s}.in .rep-bars span:nth-child(5){height:70%;transition-delay:.32s}.in .rep-bars span:nth-child(6){height:84%;transition-delay:.4s}.in .rep-bars span:nth-child(7){height:100%;transition-delay:.48s}
.mini-push{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:950;font-size:26px;line-height:1;letter-spacing:-.03em;color:#4f220d;background:linear-gradient(140deg,var(--yellow),var(--orange) 70%);border:6px solid #ffc17a;box-shadow:0 10px 0 #c64719,0 20px 60px #fa761a60;margin:0 auto;transition:transform .15s,box-shadow .15s}.card:hover .mini-push{transform:translateY(4px);box-shadow:0 6px 0 #c64719,0 14px 40px #fa761a60}

/* Gallery */
.gallery-section{padding:90px 0}
.gallery{display:flex;gap:28px;overflow-x:auto;padding:30px max(16px,calc(50% - 600px)) 40px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}
.gallery::-webkit-scrollbar{display:none}.gallery.dragging{cursor:grabbing;scroll-snap-type:none}
.g-phone{flex:0 0 min(290px,72vw);margin:0;scroll-snap-align:center;transition:transform .6s var(--ease)}
.g-phone:nth-child(odd){transform:translateY(30px)}
.g-phone:hover{transform:translateY(-8px) rotate(-1deg)}.g-phone:nth-child(odd):hover{transform:translateY(22px) rotate(-1deg)}
.g-phone figcaption{text-align:center;margin-top:16px;font-weight:800;color:var(--muted);font-size:14px}

/* Everyday */
.everyday{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:90px 0}
.day-flow{display:grid;gap:14px}
.day-flow>div{display:flex;align-items:center;gap:16px;padding:20px;border-radius:22px;background:var(--card);border:1px solid var(--line);transition:transform .4s var(--ease)}.day-flow>div:hover{transform:translateX(-8px)}
.day-time{font-size:13px;font-weight:900;color:var(--cyan);font-variant-numeric:tabular-nums}.day-icon{font-size:28px}
.day-flow p{margin:0;flex:1}.day-flow b{display:block;font-size:18px;font-weight:900}.day-flow small{color:var(--muted);font-size:14px}
.day-flow i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#002a20;font-weight:900;font-size:13px}

/* Watch */
.watch-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:90px 0 140px}
.watch-copy p{color:var(--muted);font-size:18px;max-width:480px}.watch-copy small{display:block;color:#6c7588;margin-top:16px}
.watch-art{position:relative;display:grid;place-items:center}
.watch-orbit{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,#0763ef,#20efff,#1ce9ac,#ff742a,#0763ef);filter:blur(70px);opacity:.45;animation:spin 18s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.watch-device{position:relative;width:min(560px,100%);transform:translateY(var(--py,0));transition:transform .1s linear}
.watch-frame{position:relative;z-index:1;width:100%;height:auto;display:block;pointer-events:none;user-select:none}
.watch-screen{position:absolute;z-index:2;left:24.4%;top:19.05%;width:51.25%;height:61%;border-radius:24.4%/20.5%;overflow:hidden;background:#06070a;isolation:isolate}
.watch-track{display:flex;height:100%;transform:translateX(calc(var(--wi,0) * -100%));transition:transform .5s var(--ease)}
.watch-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.watch-hit{position:absolute;inset:0;z-index:3;margin:0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.watch-hit:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px;border-radius:inherit}
.watch-hint{position:relative;margin:26px 0 0;font-size:13px;font-weight:700;color:#6c7588;text-align:center}
.watch-tabs button{font:700 13px var(--rounded);color:#cfd6e4;background:#ffffff08;border:1px solid var(--line2);border-radius:99px;padding:7px 13px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.watch-tabs button:hover{background:#ffffff14}
.watch-tabs button[aria-pressed=true]{background:#fff;color:#000;border-color:#fff}

/* Press */
.press-section{text-align:center;padding:110px 0}
.big-press{position:relative;margin:50px auto 24px;width:min(300px,70vw);aspect-ratio:1;border-radius:50%;border:14px solid #ffc17a;background:linear-gradient(140deg,var(--yellow),var(--orange) 70%);box-shadow:0 22px 0 #c64719,0 40px 120px #fa761a70,inset 0 10px 24px #ffe88290;color:#4f220d;font:950 clamp(36px,6vw,56px)/1 var(--rounded);letter-spacing:-.04em;cursor:pointer;transition:transform .08s,box-shadow .08s;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}
.big-press:active{transform:translateY(14px);box-shadow:0 8px 0 #c64719,0 20px 60px #fa761a60,inset 0 10px 24px #ffe88290}
.press-count{color:var(--muted);font-weight:700}.press-count b{color:#fff;font-size:22px}
.burst{position:fixed;pointer-events:none;z-index:60;font-size:26px;animation:burst .9s var(--ease) forwards}
@keyframes burst{to{transform:translate(var(--dx),var(--dy)) rotate(var(--dr)) scale(.6);opacity:0}}

/* Pricing */
.pricing-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:90px 0}
.pricing-head p{color:var(--muted);font-size:18px;max-width:460px}
.pricing-details{position:relative;overflow:hidden;padding:40px;border-radius:32px;background:linear-gradient(160deg,#10203d,#0b0f19 60%);border:1px solid var(--line2);box-shadow:0 30px 80px #0763ef30}
.trial-number{display:flex;align-items:flex-end;gap:14px;font-size:120px;font-weight:950;line-height:.8;letter-spacing:-.06em;background:linear-gradient(180deg,#fff,#7fb4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.trial-number span{font-size:22px;letter-spacing:-.02em;color:#fff;-webkit-text-fill-color:#fff;padding-bottom:10px}
.pricing-benefits{margin:30px 0}.pricing-benefits p{display:flex;gap:12px;align-items:center;margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-weight:700}.pricing-benefits p>span:first-child{color:var(--green);font-weight:900}
.pricing-details small{display:block;color:#6c7588;margin-top:18px;font-size:12px}

/* FAQ */
.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding:90px 0}
.faq-list details{border-bottom:1px solid var(--line2)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:20px;font-weight:850;letter-spacing:-.02em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span:last-child{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#ffffff10;transition:transform .4s var(--ease),background .3s}
.faq-list details[open] summary>span:last-child{transform:rotate(45deg);background:var(--blue)}
.faq-list details p{color:var(--muted);margin:0 0 24px;font-size:17px;max-width:640px}

/* Contact */
.contact{text-align:center;padding:120px 0}
.mega-2{font-size:clamp(52px,10vw,150px);line-height:.88;letter-spacing:-.06em;font-weight:950;margin:0 0 40px}

/* Legal */
.legal{padding:60px 0 40px;border-top:1px solid var(--line)}
.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.section-title h2{font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.04em;margin:0;font-weight:900}
.legal-date{color:var(--muted);font-size:14px;margin:0}
.legal-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.legal-nav a{text-decoration:none;font-weight:800;font-size:14px;padding:9px 15px;border-radius:99px;border:1px solid var(--line2)}.legal-nav a:hover{background:#ffffff10}
.legal-card{border:1px solid var(--line);border-radius:22px;background:var(--card);margin-bottom:12px;overflow:hidden}
.legal-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 24px}.legal-card summary::-webkit-details-marker{display:none}
.legal-card summary h3{margin:0;flex:1;font-size:20px;font-weight:900}
.legal-card .number{font-size:12px;font-weight:900;color:var(--cyan);letter-spacing:.1em}
.legal-card .expand{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffff10;transition:transform .4s var(--ease)}
.legal-card[open] .expand{transform:rotate(45deg)}
.prose{padding:0 24px 24px;color:#c3cad8;font-size:15px;overflow-wrap:anywhere}.prose h3{color:#fff;font-size:17px;margin:26px 0 8px}.prose a{color:var(--cyan)}.prose ul{padding-left:20px}
.source-links{display:flex;flex-wrap:wrap;gap:8px}

/* Footer */
.footer-word{overflow:hidden;text-align:center;padding:60px 0 0;font-size:clamp(40px,12.5vw,190px);font-weight:950;letter-spacing:-.06em;line-height:1.05;user-select:none}
.footer-word .flex-type{background:linear-gradient(180deg,#ffffff30,#ffffff05);-webkit-background-clip:text;background-clip:text;color:transparent}
.footer-word .ch{background:inherit;-webkit-background-clip:text;background-clip:text}
footer.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:30px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.footer-brand{text-decoration:none;font-weight:900;font-size:20px;color:#fff}.footer-brand span{color:var(--orange);margin-left:6px}
footer nav{display:flex;flex-wrap:wrap;gap:16px}footer nav a{text-decoration:none}footer nav a:hover{color:#fff}footer p{margin:0 0 6px}
.back-top{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;text-decoration:none;border:1px solid var(--line2);color:#fff}

/* Reveal */
.reveal{opacity:0;transform:translateY(40px);filter:blur(8px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease)}
.reveal.in{opacity:1;transform:none;filter:none}
.hero .reveal{transition-delay:.45s}

/* Responsive */
@media (max-width:960px){
 .header-nav{display:none}
 .story-grid{grid-template-columns:1fr}.story-phone{display:none}.step{min-height:auto;padding:30px 0;opacity:1;transform:none}
 .everyday,.watch-section,.pricing-section,.faq-section{grid-template-columns:1fr}
 .c-buy,.c-fress,.c-train,.c-home{grid-column:span 6}
 .device.side{display:none}.float-chip{display:none}
}
@media (max-width:520px){
 .header-pill{gap:10px}.brand span{display:none}
 .hero{padding-top:120px}.demo-stage{margin-top:44px}
 .pricing-details{padding:26px}.trial-number{font-size:90px}
 .card{padding:22px;min-height:260px}
}
@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none;filter:none}.mega .flex-type .ch{opacity:1;transform:none}.stage-3d{transform:none}}