@charset "UTF-8";
:root{color-scheme:dark;--bg:#080e10;--panel:#0e1719;--panel2:#121e20;--white:#f4f2eb;--muted:#a6b0ad;--line:#263437;--acid:#c9ff2f;--coral:#fb5d67;--font:Arial,Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:radial-gradient(#a5b2ae .55px,transparent .55px);background-size:6px 6px}
a{color:inherit;text-decoration:none}
button,summary{font:inherit}
img,svg{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--acid);outline-offset:5px}
::selection{background:var(--acid);color:var(--bg)}
.skip-link{position:absolute;left:1rem;top:-5rem;z-index:30;padding:.8rem 1rem;background:var(--acid);color:var(--bg);font-weight:900}
.skip-link:focus{top:1rem}
.site-shell{max-width:1800px;margin:auto;overflow:hidden}
.site-header{height:92px;padding:0 clamp(22px,5vw,88px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(8,14,16,.94)}
.header-actions{display:flex;align-items:center;gap:12px;flex:none}
.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #34423c;border-radius:9px;background:#101819}
.language-switch a{min-width:35px;min-height:33px;display:grid;place-items:center;border-radius:6px;color:#aebbb2;font-size:11px;font-weight:900;letter-spacing:.04em}
.language-switch a:hover{color:var(--white)}
.language-switch a[aria-current="page"]{background:var(--white);color:#0b110b}
.wordmark{font-size:25px;font-weight:1000;letter-spacing:-.1em;line-height:.77;display:inline-flex;flex-direction:column;min-width:95px;white-space:nowrap}
.wordmark strong{color:var(--acid);font-weight:1000}
.main-nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px)}
.main-nav a,.header-cta,.text-link,.footer-links a{font-size:13px;font-weight:800;transition:color .2s ease}
.main-nav a{color:#d8dfdb}
.main-nav a:hover,.footer-links a:hover{color:var(--acid)}
.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:43px;padding:0 20px;border-radius:4px;background:var(--acid);color:#0b110b;white-space:nowrap}
.header-cta:hover,.button-acid:hover{background:#e0ff82;color:#0b110b}
.header-cta span,.text-link span{font-size:20px;line-height:0}
.hero{min-height:850px;display:grid;grid-template-columns:47% 53%;position:relative;border-bottom:1px solid var(--line)}
.hero-copy{padding:clamp(70px,7.5vw,132px) 0 72px clamp(22px,5vw,88px);position:relative;z-index:2;align-self:center}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 27px;color:var(--acid);font-size:11px;font-weight:900;letter-spacing:.22em;line-height:1.4}
.eyebrow-line{display:inline-block;width:22px;height:2px;background:currentColor;flex:none}
h1,h2,h3,p{margin-top:0}
h1,h2{font-weight:1000;letter-spacing:-.078em;text-transform:uppercase}
h1{font-size:clamp(61px,7.2vw,120px);line-height:.91;margin:0 0 31px;white-space:nowrap}
h1 span,h2 span{color:var(--acid)}
.hero-intro{max-width:450px;margin-bottom:31px;font-size:clamp(17px,1.4vw,21px);line-height:1.55;color:#c7d0cb}
.hero-actions,.download-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.button{min-height:62px;border-radius:6px;display:inline-flex;align-items:center;gap:12px;padding:10px 19px}
.button{transition:transform .2s ease,background .2s ease;box-shadow:0 8px 35px rgba(0,0,0,.16)}
.button:hover{transform:translateY(-3px)}
.button-acid{background:var(--acid);color:#0b110b}
.button .apple-icon,.button .google-play-icon{width:25px;height:25px;flex:none}
.button span{display:flex;flex-direction:column;gap:2px}
.button small{font-size:10px;font-weight:700;line-height:1}
.button strong{font-size:17px;font-weight:900;line-height:1.2}

.hero-note{margin:16px 0 0;color:#8f9b97;font-size:12px;font-weight:700;letter-spacing:.02em}
.hero-stage{min-height:850px;position:relative;perspective:1100px;isolation:isolate;overflow:hidden}
.stage-glow{position:absolute;width:68%;aspect-ratio:1;left:12%;top:16%;border-radius:50%;background:radial-gradient(circle,rgba(167,255,39,.26),rgba(105,180,42,.07) 48%,transparent 73%);filter:blur(18px);z-index:-1}
.stage-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#4d6255 1px,transparent 1px),linear-gradient(90deg,#4d6255 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 78%,transparent)}
.hero-card{position:absolute;width:205px;aspect-ratio:.7;border-radius:15px;padding:18px;background:#f4f2eb;color:#091012;box-shadow:13px 14px 0 #b9b8ad,24px 28px 45px #0009;display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d;backface-visibility:hidden}
.hero-card-left{left:7%;top:22%;transform:rotate(-23deg) rotateY(-16deg);color:var(--coral);z-index:1;animation:float-left 6s ease-in-out infinite}
.hero-card-right{right:10%;top:36%;transform:rotate(19deg) rotateY(13deg);color:#101816;z-index:1;animation:float-right 6.8s ease-in-out infinite}
.hero-card-back{right:24%;top:9%;transform:rotate(13deg) rotateY(-18deg);background:#111b18;color:var(--white);border:2px solid #a5cb38;box-shadow:12px 13px 0 #253520,22px 25px 50px #000b;align-items:center;justify-content:center;z-index:0}
.hero-card-back::before{content:"";position:absolute;inset:8px;border:1px solid #617a3e;border-radius:9px}
.card-back-mark{font-size:34px;font-weight:1000;line-height:.8;letter-spacing:-.09em;transform:rotate(-12deg)}
.card-back-mark b{color:var(--acid)}
.card-corner{font-size:26px;font-weight:1000;line-height:.8}
.card-center{align-self:center;font-size:104px;line-height:1;text-shadow:2px 6px 0 #0001}
.card-caption{font-size:13px;font-weight:1000;letter-spacing:.08em;text-align:center}
.stage-label{position:absolute;font-size:10px;font-weight:900;line-height:1.5;letter-spacing:.17em;color:#a6b6ae}
.stage-label-top{right:7%;top:17%}.stage-label-bottom{left:12%;bottom:7%}
.phone{position:relative;width:350px;aspect-ratio:1320/2868;filter:drop-shadow(16px 30px 35px #000b)}
.phone::before{content:"";position:absolute;inset:4% -5% 2% 6%;border-radius:12%;background:#bfff24;filter:blur(36px);opacity:.12;z-index:-1}
.phone-bezel{position:relative;width:100%;height:100%;padding:7px;border:2px solid #313c3b;border-radius:14% / 6.5%;background:linear-gradient(125deg,#263030,#030607 40%,#202a29 85%);box-shadow:inset 0 0 0 2px #080c0d,12px 18px 2px rgba(0,0,0,.16);overflow:hidden}
.phone-bezel picture,.phone-bezel img{width:100%;height:100%;display:block}
.phone-bezel img{object-fit:cover;border-radius:12.4% / 5.8%}
.phone-island{position:absolute;z-index:2;width:29%;height:2.4%;top:1.7%;left:35.5%;border-radius:999px;background:#040607;box-shadow:0 1px 2px #182222}
.phone-hero{position:absolute;left:34%;top:7%;z-index:3;transform:rotate(9deg) rotateY(-9deg);animation:phone-breathe 7s ease-in-out infinite}
.ticker{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:23px clamp(22px,5vw,88px);white-space:nowrap;border-bottom:1px solid var(--line);background:#101a1a;overflow:hidden}
.ticker span{font-size:12px;font-weight:1000;letter-spacing:.08em}
.ticker span:nth-child(-n+2){color:var(--coral)}.ticker span:nth-child(4){color:var(--white)}.ticker span:last-child{color:#85938d;font-size:10px;letter-spacing:.15em}
.section{padding:clamp(76px,9vw,145px) clamp(22px,5vw,88px);border-bottom:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20px;margin-bottom:55px}
.section-heading .eyebrow{grid-column:1/-1;margin-bottom:0}
h2{font-size:clamp(48px,5.2vw,87px);line-height:.96;margin:0}
.section-heading>p:last-child{max-width:430px;justify-self:end;color:var(--muted);font-size:18px;line-height:1.55;margin:0 0 7px}
.exercise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1200px}
.exercise-card{height:340px;border:1px solid #30403f;border-radius:14px;background:#121c1e;padding:22px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;box-shadow:7px 9px 0 #080d0f,12px 17px 22px #0004}
.exercise-card::before{content:"";position:absolute;inset:8px;border:1px solid #293735;border-radius:8px;pointer-events:none}
.exercise-card:hover{transform:translateY(-12px) rotateX(3deg);border-color:var(--acid);box-shadow:8px 18px 0 #080d0f,18px 29px 34px #0006}
.exercise-top,.exercise-bottom{position:relative;z-index:1}
.exercise-top{display:flex;justify-content:space-between;align-items:start;font-size:11px;font-weight:900;letter-spacing:.13em;color:#889991}
.exercise-top span:last-child{font-size:26px;line-height:1}
.exercise-symbol{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-size:128px;line-height:1;text-shadow:0 12px 25px #0007}
.exercise-heart,.exercise-diamond{color:var(--coral)}
.exercise-club{color:var(--white)}
.exercise-spade{color:var(--bg);background:#f2f0e8}
.exercise-spade::before{border-color:#c6c9bf}
.exercise-spade .exercise-top{color:#53605c}
.exercise-bottom h3{font-size:15px;font-weight:1000;letter-spacing:.12em;margin:0 0 6px}
.exercise-bottom p{font-size:28px;line-height:1;letter-spacing:-.055em;font-weight:1000;color:var(--white);margin:0}
.exercise-spade .exercise-bottom p{color:var(--bg)}
.value-note{margin:32px 0 0;color:#899791;font-size:13px;font-weight:700}
.how,.results{display:grid;grid-template-columns:50% 50%;gap:0;align-items:center}
.how-visual,.results-visual{height:680px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:8px;background:radial-gradient(circle at 50% 50%,#243627 0%,#14211d 38%,#0c1516 75%);overflow:hidden}
.how-visual::before,.results-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#3a5444 1px,transparent 1px),linear-gradient(90deg,#3a5444 1px,transparent 1px);background-size:65px 65px;opacity:.15}
.how-orbit{position:absolute;width:75%;aspect-ratio:1;border:1px solid #395039;border-radius:50%;box-shadow:0 0 0 70px #1f392015,0 0 0 140px #2c4a1611}
.phone-how{width:290px;z-index:2;transform:rotate(-5deg)}
.how-card{position:absolute;width:200px;aspect-ratio:.7;border-radius:16px;z-index:1;box-shadow:10px 14px 0 #0007,20px 30px 40px #0009}
.how-card-one{left:6%;top:17%;transform:rotate(-22deg);background:var(--white);color:#101713;padding:18px;display:flex;flex-direction:column;justify-content:space-between;font-size:35px;font-weight:1000}
.how-card-one span:last-child{font-size:120px;line-height:1;align-self:center}
.how-card-two{right:4%;bottom:12%;transform:rotate(17deg);background:#121a17;border:2px solid #7ea52e;color:var(--white);display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:.8;letter-spacing:-.08em;font-size:27px}
.how-card-two strong{color:var(--acid)}
.visual-index{position:absolute;left:24px;bottom:20px;color:#adbdaf;font-size:10px;font-weight:900;letter-spacing:.18em}
.how-copy,.results-copy{padding-left:clamp(35px,6vw,98px)}
.how-copy h2,.results-copy h2{font-size:clamp(47px,4.4vw,76px)}
.section-lead{color:#bdc9c2;font-size:18px;line-height:1.6;max-width:520px;margin:27px 0 38px}
.steps{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}
.steps li{display:flex;gap:23px;padding:24px 0;border-bottom:1px solid var(--line)}
.step-number{font-size:14px;font-weight:1000;color:var(--acid);padding-top:3px}
.steps h3{font-size:17px;margin:0 0 6px;letter-spacing:-.03em}
.steps p{color:var(--muted);font-size:14px;line-height:1.5;margin:0;max-width:380px}
.friends{display:grid;grid-template-columns:52% 48%;min-height:720px;background:linear-gradient(120deg,#101e1b,#0c1716 75%);padding-top:0;padding-bottom:0;align-items:center;position:relative}
.friends::before{content:"";position:absolute;left:-10%;bottom:-42%;width:50%;aspect-ratio:1;border:1px solid #2e462f;border-radius:50%;box-shadow:0 0 0 90px #1e382014,0 0 0 180px #1e38200c}
.friends-copy{position:relative;z-index:2;padding:90px 0}
.friends h2{font-size:clamp(48px,4.7vw,81px)}
.friends-copy>p:not(.eyebrow){font-size:18px;color:#bcc8c0;line-height:1.65;max-width:520px;margin:30px 0}
.text-link{display:inline-flex;align-items:center;gap:22px;color:var(--acid);padding-bottom:9px;border-bottom:1px solid var(--acid);font-size:14px}
.text-link:hover{color:var(--white)}
.code-detail{display:flex;gap:13px;flex-wrap:wrap;margin-top:68px}
.code-detail span{padding:9px 11px;border:1px solid #3b513f;border-radius:3px;color:#a7b6aa;font-size:10px;font-weight:900;letter-spacing:.1em}
.friends-visual{min-height:720px;position:relative;display:flex;justify-content:center;align-items:center;perspective:900px}
.code-halo{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#a4ff3640,transparent 65%);filter:blur(24px)}
.phone-code{width:280px;transform:rotate(8deg);z-index:1}
.floating-code{position:absolute;left:0;bottom:19%;z-index:2;width:245px;padding:19px;background:#121d1b;border:1px solid #5b7632;border-radius:8px;box-shadow:12px 20px 30px #0009;transform:rotate(-7deg);display:flex;flex-direction:column;gap:8px}
.floating-code small,.floating-code span{color:#8da08c;font-size:10px;font-weight:900;letter-spacing:.13em}.floating-code strong{color:var(--acid);font-size:39px;letter-spacing:.18em}.floating-code span{font-size:9px}
.results-visual{background:radial-gradient(circle at 48% 45%,#273723,#14221b 48%,#0a1314 78%)}
.results-outline{font-size:650px;color:#baff2420;position:absolute;transform:rotate(-18deg);line-height:1}
.phone-share{width:300px;transform:rotate(-6deg);z-index:1}
.fine-print{font-size:12px;color:#7f8f86;line-height:1.5;max-width:420px}
.faq{display:grid;grid-template-columns:44% 56%;gap:20px}
.faq h2{font-size:clamp(47px,4.3vw,76px)}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:16px;font-weight:900}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #4c5a53;border-radius:50%;color:var(--acid);font-size:24px;font-weight:400;flex:none;transition:transform .2s ease}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{margin:-4px 50px 24px 0;color:var(--muted);font-size:15px;line-height:1.6}
.download{min-height:520px;padding:85px clamp(22px,5vw,88px);position:relative;isolation:isolate;background:var(--acid);color:#0a1110;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.download .eyebrow{color:#23310d;margin-bottom:18px}
.download h2{font-size:clamp(84px,9vw,155px);line-height:.85;position:relative;z-index:1}.download h2 span{color:#3c4d12}
.download>p:not(.eyebrow){max-width:470px;font-size:18px;line-height:1.5;margin:23px 0 28px;font-weight:700;position:relative;z-index:1}
.download-mark{position:absolute;right:-1%;top:-33%;font-size:730px;line-height:1;color:#14200d16;transform:rotate(-15deg);z-index:-1}
.download-actions{position:relative;z-index:1}.button-dark{background:#0b1312;color:var(--white)}.button-dark:hover{background:#25362e;color:var(--white)}

.site-footer{min-height:210px;padding:52px clamp(22px,5vw,88px);display:grid;grid-template-columns:1fr 1.2fr 1fr auto;align-items:start;gap:35px;background:#090e0f}
.site-footer p{color:#9cac9e;font-size:14px;line-height:1.5;max-width:190px;margin:0}.footer-links{display:flex;flex-direction:column;gap:15px}.footer-links a{color:#c3cdc5;font-size:13px}.site-footer small{color:#75857b;font-size:10px;font-weight:900;letter-spacing:.1em;white-space:nowrap}
@keyframes float-left{50%{transform:translateY(-11px) rotate(-20deg) rotateY(-12deg)}}
@keyframes float-right{50%{transform:translateY(9px) rotate(22deg) rotateY(13deg)}}
@keyframes phone-breathe{50%{transform:translateY(-9px) rotate(8deg) rotateY(-7deg)}}
@media(max-width:1200px){.hero{grid-template-columns:49% 51%}.hero-card{width:160px}.hero-card-right{right:3%}.phone-hero{width:300px;left:30%;top:13%}.exercise-card{height:300px}.exercise-bottom p{font-size:23px}.exercise-symbol{font-size:105px}.floating-code{left:-5%}}
@media(max-width:920px){.site-header{height:78px}.main-nav{gap:16px}.main-nav a{font-size:12px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:83px clamp(22px,5vw,88px) 15px}.hero h1{font-size:clamp(62px,10vw,95px)}.hero-stage{min-height:650px}.hero-card-left{left:21%}.hero-card-right{right:20%}.hero-card-back{right:27%}.phone-hero{left:42%;top:2%;width:280px}.ticker span:last-child{display:none}.section-heading{grid-template-columns:1fr}.section-heading>p:last-child{justify-self:start}.exercise-grid{grid-template-columns:repeat(2,1fr)}.exercise-card{height:330px}.how,.results{grid-template-columns:1fr;gap:45px}.how-visual,.results-visual{height:600px}.how-copy,.results-copy{padding-left:0}.friends{grid-template-columns:1fr;padding-top:60px}.friends-copy{padding:20px 0 0}.friends-visual{min-height:600px}.floating-code{left:18%;bottom:16%}.faq{grid-template-columns:1fr;gap:45px}.site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){html{scroll-padding-top:4rem}.site-header{height:70px;padding:0 20px}.wordmark{font-size:21px;min-width:70px}.main-nav{display:none}.header-cta{min-height:38px;padding:0 12px;font-size:12px;gap:10px}.hero-copy{padding:68px 20px 0}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(52px,14.5vw,82px);letter-spacing:-.082em;margin-bottom:22px}.hero-intro{font-size:16px;max-width:360px;margin-bottom:22px}.hero-actions{gap:8px}.button{min-height:56px;padding:8px 12px}.button .apple-icon,.button .google-play-icon{width:20px;height:20px}.button strong{font-size:15px}.hero-note{font-size:11px}.hero-stage{min-height:560px;margin-top:22px}.phone-hero{width:min(61vw,260px);left:34%;top:4%;transform:rotate(8deg)}.hero-card{width:30vw;min-width:112px;padding:11px;border-radius:9px;box-shadow:7px 8px 0 #b9b8ad,14px 17px 22px #0009}.hero-card-left{left:8%;top:15%}.hero-card-right{right:7%;top:37%}.hero-card-back{right:27%;top:3%;box-shadow:6px 7px 0 #253520,12px 17px 22px #000b}.card-corner{font-size:16px}.card-center{font-size:65px}.card-caption{font-size:9px}.card-back-mark{font-size:20px}.stage-label-top{right:5%;top:13%;font-size:8px}.stage-label-bottom{left:6%;bottom:7%;font-size:8px}.ticker{gap:20px;padding:17px 20px}.ticker span{font-size:9px}.ticker span:last-child{display:none}.section{padding:75px 20px}.eyebrow{font-size:9px;margin-bottom:21px}h2{font-size:clamp(46px,12vw,65px)}.section-heading{margin-bottom:32px}.section-heading>p:last-child{font-size:15px}.exercise-grid{gap:11px}.exercise-card{height:236px;padding:14px;border-radius:9px}.exercise-top{font-size:8px}.exercise-top span:last-child{font-size:20px}.exercise-symbol{font-size:77px}.exercise-bottom h3{font-size:10px}.exercise-bottom p{font-size:18px}.value-note{font-size:11px;line-height:1.6}.how,.results{gap:34px}.how-visual,.results-visual{height:510px}.phone-how,.phone-share{width:min(63vw,245px)}.how-card{width:31vw;border-radius:9px}.how-card-one{left:2%;padding:10px;font-size:20px}.how-card-one span:last-child{font-size:70px}.how-card-two{right:2%;font-size:17px}.how-copy h2,.results-copy h2,.friends h2,.faq h2{font-size:clamp(45px,11.6vw,64px)}.section-lead{font-size:16px;margin:21px 0 26px}.steps li{padding:20px 0}.steps h3{font-size:16px}.steps p{font-size:13px}.friends{padding-top:65px;padding-bottom:0;gap:10px}.friends-copy{padding:0}.friends-copy>p:not(.eyebrow){font-size:15px;margin:22px 0}.code-detail{margin-top:34px;gap:7px}.code-detail span{font-size:8px;padding:7px}.friends-visual{min-height:540px}.phone-code{width:min(62vw,240px)}.floating-code{left:0;bottom:13%;width:180px;padding:12px}.floating-code strong{font-size:27px}.floating-code small,.floating-code span{font-size:7px}.results-outline{font-size:480px}.faq{gap:30px}.faq-list summary{font-size:14px;padding:20px 0}.faq-list details p{font-size:13px;margin-right:20px}.download{min-height:490px;padding:65px 20px}.download h2{font-size:clamp(78px,19vw,112px)}.download>p:not(.eyebrow){font-size:16px}.download-mark{font-size:500px;top:-8%;right:-42%}.site-footer{grid-template-columns:1fr 1fr;gap:28px;padding:45px 20px}.site-footer p{font-size:12px}.site-footer small{grid-column:1/-1}}
@media(max-width:380px){.hero h1{font-size:51px}.hero-actions{align-items:stretch}.button strong{font-size:13px}.hero-stage{min-height:440px}.exercise-bottom p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Cinematic product scenes */
.site-header{height:76px;border-bottom:0;background:#080e10}
.wordmark{flex-direction:row;align-items:baseline;min-width:auto;font-size:24px;letter-spacing:-.075em;line-height:1}
.wordmark strong{letter-spacing:-.075em}
.header-cta{border-radius:11px;min-height:40px}
.header-cta span{display:none}
.hero{min-height:760px;grid-template-columns:47% 53%;background:radial-gradient(circle at 64% 56%,#15211b 0%,#080e10 58%)}
.hero-copy{padding-top:65px;padding-bottom:65px}
.hero h1{font-size:clamp(60px,5.4vw,96px);white-space:nowrap}
.hero-intro{max-width:480px}
.hero-stage{min-height:760px;overflow:hidden;perspective:1100px}
.scene-image{display:block;width:100%;height:100%;object-fit:cover}
.hero-scene{position:absolute;inset:0;object-position:center center}
.hero-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080e10 0%,transparent 18%),linear-gradient(0deg,#080e10 0%,transparent 14%);z-index:1}
.phone-hero{left:29%;top:6%;width:min(23vw,345px);z-index:2;transform:rotate(10deg) rotateY(-5deg);animation:none}
.phone{filter:drop-shadow(14px 25px 20px #000d)}
.phone-bezel{border:3px solid #34403b;background:linear-gradient(120deg,#87918a,#090e0e 18%,#030606 75%,#2d3833);box-shadow:inset 0 0 0 2px #020505,4px 7px 0 #020505,15px 21px 22px #0009}
.phone::before{opacity:.25}
.button-acid{background:#050909;color:#fff;border:1px solid #dce5dd;border-radius:10px}
.button-acid:hover{background:#151e1a;color:#fff}

.ticker{background:#0a1112;padding-block:18px}
.section{padding-top:85px;padding-bottom:85px}
.concept{display:grid;grid-template-columns:40% 60%;align-items:center;column-gap:0;row-gap:16px}
.concept .section-heading{display:block;margin:0;padding-right:30px}
.concept .section-heading .eyebrow{margin-bottom:19px}
.concept .section-heading>p:last-child{font-size:17px;margin-top:22px}
.concept h2{font-size:clamp(51px,5.2vw,80px)}
.concept-scene{width:100%;height:auto;display:block;object-fit:cover;mix-blend-mode:screen}
.exercise-grid{grid-column:1/-1;gap:8px;perspective:none;border-top:1px solid var(--line);padding-top:22px}
.exercise-card{height:66px;padding:7px 10px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transition:none}
.exercise-card::before,.exercise-top{display:none}
.exercise-card:hover{transform:none;border-color:transparent;box-shadow:none}
.exercise-symbol{position:static;transform:none;font-size:40px;text-shadow:none;line-height:1;flex:none}
.exercise-bottom h3{display:none}
.exercise-bottom p,.exercise-spade .exercise-bottom p{font-size:16px;color:var(--white);letter-spacing:0;margin:0}
.exercise-spade{color:var(--white);background:transparent}
.value-note{grid-column:1/-1;margin:0;color:#a4afa7}
.how,.results{grid-template-columns:50% 50%;padding:0;min-height:580px}
.how-visual,.results-visual{height:580px;border-radius:0;background:#090e0d}
.how-visual::before,.results-visual::before{display:none}
.how-visual .scene-image{object-position:43% center}
.how-copy{padding:65px clamp(25px,6vw,100px) 65px clamp(25px,5vw,85px)}
.how-copy h2,.results-copy h2{font-size:clamp(48px,4.4vw,74px)}
.friends{grid-template-columns:50% 50%;min-height:680px;padding:0;background:#080e10}
.friends::before{display:none}
.friends-visual{grid-column:1;grid-row:1;min-height:680px;overflow:hidden}
.friends-copy{grid-column:2;grid-row:1;padding:70px clamp(25px,6vw,100px) 70px clamp(25px,5vw,85px)}
.friends-visual .scene-image,.results-visual .scene-image{position:absolute;inset:0}
.friends-visual::after,.results-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#080e10 0%,transparent 16%)}
.phone-code{width:min(22vw,310px);z-index:2;transform:rotate(-9deg) translateY(6%)}
.code-detail{margin-top:34px}
.results-visual{grid-column:2;grid-row:1}
.results-copy{grid-column:1;grid-row:1;padding:70px clamp(25px,5vw,85px)}
.phone-share{width:min(22vw,310px);z-index:2;transform:rotate(8deg) translateY(8%)}
.results .fine-print{color:#a6b3a6}
.download{min-height:420px;background:#0b1212;color:var(--white);align-items:center;text-align:center;padding:65px 20px;border-bottom:1px solid var(--line)}
.download .eyebrow{color:var(--acid);justify-content:center}
.download h2{font-size:clamp(70px,7vw,112px)}
.download h2 span{color:var(--acid)}
.download>p:not(.eyebrow){margin:20px 0 27px}
.download-mark{color:#c9ff2f0b}
.button-dark{border:1px solid #dce5dd;border-radius:10px}

@media(max-width:920px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-copy{padding:65px clamp(22px,5vw,88px) 20px}
  .hero-stage{min-height:650px}
  .phone-hero{left:37%;top:2%;width:290px}
  .concept{grid-template-columns:1fr}
  .concept .section-heading{padding-right:0}
  .concept-scene{max-width:800px;margin:auto}
  .how,.results{grid-template-columns:1fr;min-height:auto}
  .how-visual,.results-visual{height:520px}
  .how-copy,.results-copy{padding:60px clamp(22px,5vw,88px)}
  .friends{grid-template-columns:1fr}
  .friends-copy{grid-column:1;grid-row:1;padding:65px clamp(22px,5vw,88px) 25px}
  .friends-visual{grid-column:1;grid-row:2;min-height:600px}
  .phone-code,.phone-share{width:275px}
  .results-copy{grid-column:1;grid-row:1}
  .results-visual{grid-column:1;grid-row:2}
}
@media(max-width:600px){
  .site-header{height:66px}
  .wordmark{font-size:21px}
  .hero-copy{padding:56px 20px 10px}
  .hero h1{font-size:clamp(53px,13.5vw,78px)}
  .hero-stage{min-height:560px;margin-top:0}
  .hero-stage::after{background:linear-gradient(0deg,#080e10 0%,transparent 10%)}
  .phone-hero{width:min(60vw,260px);left:30%;top:5%}
  .hero-scene{object-position:center}
  .hero-actions{align-items:stretch}
  .button-acid{min-height:58px}
  .section{padding-top:65px;padding-bottom:65px}
  .how,.results,.friends{padding:0;gap:0}
  .concept{row-gap:12px}
  .concept .section-heading>p:last-child{font-size:15px}
  .concept h2{font-size:clamp(49px,11.6vw,64px)}
  .concept-scene{width:calc(100% + 40px);max-width:none;margin-left:-20px}
  .exercise-grid{gap:0;grid-template-columns:repeat(2,1fr);padding-top:12px}
  .exercise-card{height:48px;padding:5px 0;gap:7px}
  .exercise-symbol{font-size:31px}
  .exercise-bottom p,.exercise-spade .exercise-bottom p{font-size:14px}
  .how-visual{height:420px}
  .results-visual{height:500px}
  .how-copy,.results-copy{padding:58px 20px}
  .friends-copy{padding:60px 20px 20px}
  .friends-visual{min-height:510px}
  .phone-code{width:min(62vw,250px)}
  .phone-share{width:min(53vw,220px)}
  .download{min-height:390px;padding:55px 20px}
  .download h2{font-size:clamp(65px,16vw,88px)}
}
@media(max-width:380px){.hero-stage{min-height:470px}.phone-hero{width:58vw;left:31%}.hero h1{font-size:50px}}

/* Real-time 3D scenes. The screenshots inside the phones remain product captures. */
.webgl-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 72%,#294022 0%,#111d17 28%,#080e10 72%);isolation:isolate}
.webgl-art canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y}
.webgl-unavailable{background-size:cover;background-position:center}
.webgl-unavailable[data-scene="hero"]{background-image:url('/assets/hero-scene.webp')}
.webgl-unavailable[data-scene="concept"]{background-image:url('/assets/four-suits-scene.webp')}
.webgl-unavailable[data-scene="deck"]{background-image:url('/assets/deck-scene.webp')}
.webgl-unavailable[data-scene="friends"]{background-image:url('/assets/friends-scene.webp')}
.webgl-unavailable[data-scene="results"]{background-image:url('/assets/results-scene.webp')}
.hero-stage>.webgl-art,.friends-visual>.webgl-art,.results-visual>.webgl-art{position:absolute;inset:0;width:100%;height:100%}
.hero-stage>.webgl-art{background:radial-gradient(ellipse at 58% 62%,#24381d 0%,#0b1712 42%,#080e10 76%)}
.friends-visual>.webgl-art,.results-visual>.webgl-art{background:radial-gradient(ellipse at 50% 64%,#223519 0%,#0d1712 42%,#080e10 80%)}
.concept-scene{height:min(36vw,510px);min-height:380px;mix-blend-mode:normal;background:radial-gradient(ellipse at 50% 80%,#1d311a 0%,#0a120e 60%,#080e10 86%)}
.concept-scene canvas{cursor:pointer}
.how-visual{background:radial-gradient(ellipse at 48% 76%,#263a1b 0%,#0a130f 58%,#080e10 85%)}
.hero-stage::after,.friends-visual::after,.results-visual::after{pointer-events:none}
.phone-hero{animation:phone-breathe 7s ease-in-out infinite}
.phone-code,.phone-share{animation:device-drift 7.5s ease-in-out infinite}
.phone-share{animation-delay:-2.8s}
.exercise-card.is-selected{outline:1px solid #5b792b;background:#c9ff2f0b}
.exercise-card{cursor:pointer;text-align:left;color:var(--white)}
.exercise-heart .exercise-symbol,.exercise-diamond .exercise-symbol{color:var(--coral)}
.exercise-club .exercise-symbol{color:var(--white)}
.exercise-label{font-size:16px;font-weight:1000;letter-spacing:0}
.exercise-card:hover .exercise-label,.exercise-card.is-selected .exercise-label{color:var(--acid)}
.motion-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.motion-ready.in-view{opacity:1;transform:translateY(0)}
@keyframes device-drift{50%{translate:0 -8px}}
@media(max-width:920px){.concept-scene{height:480px;min-height:0}}
@media(max-width:600px){.concept-scene{height:340px}.phone-hero{animation-duration:8s}.exercise-label{font-size:14px}}
@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1;transform:none}}

/* One continuous atmosphere behind the live 3D objects. */
body::before{display:none}
.site-shell{
  background:
    radial-gradient(ellipse 58% 650px at 76% 10%,rgba(145,205,42,.105),transparent 76%),
    radial-gradient(ellipse 62% 640px at 67% 30%,rgba(114,163,37,.075),transparent 76%),
    radial-gradient(ellipse 65% 760px at 27% 54%,rgba(123,177,36,.07),transparent 78%),
    radial-gradient(ellipse 62% 700px at 71% 74%,rgba(119,176,34,.08),transparent 78%),
    #080e10;
}
.hero,.concept,.how,.friends,.results,.faq{background:transparent;border:0}
.hero-stage,.how-visual,.friends-visual,.results-visual{background:transparent}
.webgl-art:not(.webgl-unavailable){background:transparent!important}
.webgl-art canvas{mask-image:radial-gradient(ellipse 88% 72% at 56% 29%,#000 47%,transparent 100%)}
.hero-stage>.webgl-art canvas{mask-image:radial-gradient(ellipse 70% 75% at 70% 32%,#000 48%,transparent 100%)}
.how-visual canvas{mask-image:radial-gradient(ellipse 88% 72% at 50% 30%,#000 48%,transparent 100%)}
.friends-visual>.webgl-art canvas,.results-visual>.webgl-art canvas{mask-image:radial-gradient(ellipse 85% 75% at 50% 32%,#000 49%,transparent 100%)}
.hero-stage::after,.friends-visual::after,.results-visual::after{display:none}
.ticker{background:transparent;border-top:1px solid rgba(214,241,216,.11);border-bottom:0}
.exercise-grid{border-top-color:rgba(214,241,216,.11)}
.download{background:transparent;border-top:1px solid rgba(214,241,216,.11)}
.site-footer{background:transparent;border-top:1px solid rgba(214,241,216,.08)}
.friends,.friends-visual{min-height:720px}
.results,.results-visual{min-height:700px}
.phone-code{width:min(21vw,285px);transform:rotate(-8deg)}
.phone-share{width:min(21vw,285px);transform:rotate(6deg)}
@media(max-width:920px){
  .hero-stage>.webgl-art canvas{mask-image:radial-gradient(ellipse 92% 73% at 54% 30%,#000 50%,transparent 100%)}
  .friends-visual{min-height:680px}
  .results-visual{min-height:660px}
  .phone-code,.phone-share{width:275px}
}
@media(max-width:600px){
  .friends-visual{min-height:600px}
  .results-visual{height:560px;min-height:560px}
  .phone-code{width:min(60vw,230px)}
  .phone-share{width:min(51vw,205px)}
}
@media(max-width:380px){
  .hero-copy,.hero-stage{min-width:0}
  .hero h1{font-size:clamp(40px,12.6vw,48px)}
}
@media(max-width:860px){.main-nav{display:none}}
@media(max-width:600px){.header-actions{gap:7px}.language-switch a{min-width:31px;min-height:30px;font-size:10px}}
@media(min-width:921px){
  .friends-visual>.webgl-art canvas{mask-image:radial-gradient(ellipse 75% 67% at 25% 30%,#000 76%,transparent 100%)}
  .results-visual>.webgl-art canvas{mask-image:radial-gradient(ellipse 75% 67% at 75% 30%,#000 76%,transparent 100%)}
}