:root{--bg: #05070a;--surface: rgba(255, 255, 255, .055);--surface-strong: rgba(255, 255, 255, .09);--line: rgba(255, 255, 255, .1);--text: #f7f8fb;--muted: #a1a8b3;--lime: #a7f277;--blue: #61c7ff;--pink: #ff75b8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 62% 8%,rgba(167,242,119,.12),transparent 30%),radial-gradient(circle at 18% 35%,rgba(97,199,255,.055),transparent 28%),var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,rgba(167,242,119,.035) 0 1px,transparent 1px 108px),linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 132px);animation:gridDrift 18s ease-in-out infinite alternate}a{color:inherit;text-decoration:none}.nav{position:fixed;top:16px;left:clamp(18px,5vw,64px);right:clamp(18px,5vw,64px);z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 22px;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);background:linear-gradient(180deg,#05070ac7,#05070a6b),#090c0e61;border-bottom:1px solid rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);border-radius:999px;box-shadow:0 18px 54px #0000002e;transition:top .26s ease,left .26s ease,right .26s ease,padding .26s ease,background .26s ease,box-shadow .26s ease,transform .26s ease}.navScrolled{top:12px;left:max(18px,calc(50% - 390px));right:max(18px,calc(50% - 390px));padding:10px 12px 10px 18px;background:linear-gradient(180deg,#0b0e10d1,#0b0e1094),#10141685;box-shadow:0 22px 70px #00000057}.nav:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);opacity:.55}.brand{font-family:Playwrite DE SAS,cursive;font-size:25px;font-style:normal;font-weight:300;color:#ffffffdb;transition:font-size .26s ease,opacity .26s ease}.navScrolled .brand{font-size:22px}.nav nav{display:flex;gap:6px;padding:5px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff0e;color:var(--muted);font-size:14px;transition:padding .26s ease,gap .26s ease}.navScrolled nav{gap:3px;padding:4px}.nav nav a{padding:9px 14px;border-radius:999px;transition:color .18s ease,background .18s ease}.navIconLink{width:38px;min-width:38px;padding-inline:0!important}.navIconLink svg{width:18px;height:18px;display:block;fill:currentColor}.navScrolled nav a{padding:8px 12px}.nav nav a:hover{color:var(--text);background:#ffffff12}.hero{min-height:88svh;display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr);gap:clamp(34px,6vw,92px);align-items:center;padding:112px clamp(22px,6vw,86px) 46px;position:relative;isolation:isolate;overflow:hidden}.ambient{position:absolute;border-radius:999px;pointer-events:none;filter:blur(26px);opacity:.72}.ambientOne{width:420px;height:420px;right:18%;top:14%;background:radial-gradient(circle,rgba(167,242,119,.2),transparent 66%);animation:orbFloat 10s ease-in-out infinite}.ambientTwo{width:360px;height:360px;left:8%;bottom:12%;background:radial-gradient(circle,rgba(97,199,255,.11),transparent 68%);animation:orbFloat 12s ease-in-out infinite reverse}.heroCopy{max-width:780px;animation:riseIn .85s cubic-bezier(.2,.8,.2,1) both}.eyebrow{margin:0 0 18px;color:var(--lime);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{letter-spacing:0}h1{margin:0;font-size:clamp(50px,7vw,96px);line-height:.98;font-weight:700;max-width:900px}h2{margin:0;font-size:clamp(34px,4.3vw,64px);line-height:1.04;font-weight:700}h3{margin:0;font-size:24px;font-weight:700}.lead{margin:22px 0 0;max-width:610px;color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.55}.actions{display:flex;align-items:center;gap:14px;margin-top:36px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.primary{color:#071008;background:var(--lime);box-shadow:0 20px 54px #a7f27738;cursor:pointer}.secondary{color:var(--text);background:var(--surface);border:1px solid var(--line)}.primary:hover,.secondary:hover{transform:translateY(-2px)}.primary:hover{box-shadow:0 26px 70px #a7f2774d}.secondary:hover{background:#ffffff17}.heroShots{position:relative;min-height:560px;display:grid;place-items:center}.heroShots:before{content:"";position:absolute;width:min(560px,80vw);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(167,242,119,.2),rgba(44,60,32,.18) 46%,transparent 70%);filter:blur(12px);animation:orbFloat 9s ease-in-out infinite}.appShot{margin:0;width:min(284px,38vw);overflow:visible;border-radius:0;background:transparent;position:relative}.appShot img{display:block;width:100%;max-width:none;height:auto;object-fit:contain;object-position:center;transform:none;filter:drop-shadow(0 34px 72px rgba(0,0,0,.58))}.shine{display:none}.heroShots .appShot{position:absolute;animation:floatIn .9s cubic-bezier(.2,.8,.2,1) both,softFloat 6s ease-in-out 1s infinite;will-change:transform}.shotFront{--base-transform: translateX(36px);transform:var(--base-transform);z-index:2}.shotBack{--base-transform: translate(-96px, 44px) scale(.84);transform:var(--base-transform);opacity:.68}.trustBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 clamp(22px,6vw,86px) 34px;animation:riseIn .78s cubic-bezier(.2,.8,.2,1) both}.trustBar span{padding:16px 18px;text-align:center;background:#ffffff0b;border:1px solid rgba(255,255,255,.075);border-radius:18px;color:#ffffffc2;box-shadow:0 12px 34px #00000029}.section{padding:64px clamp(22px,6vw,86px)}.sectionHeader{max-width:700px;margin-bottom:24px}#features .sectionHeader h2{font-size:clamp(34px,4vw,58px);max-width:760px}.sectionHeader.center{text-align:center;margin-inline:auto}.featureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature,.focusPanel{border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-strong),rgba(255,255,255,.035));border-radius:28px;animation:riseIn .7s cubic-bezier(.2,.8,.2,1) both}.feature{min-height:230px;padding:28px;display:grid;align-content:end;gap:22px;position:relative;overflow:hidden;transition:transform .26s ease,border-color .26s ease,background .26s ease}.feature.revealCard{opacity:0;transform:translateY(26px) scale(.985);animation:none}.feature.revealCard.is-visible{animation:revealUp .7s cubic-bezier(.18,.9,.22,1) var(--reveal-delay, 0ms) both}.feature:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(167,242,119,.16),transparent 42%);opacity:0;transition:opacity .26s ease}.feature:hover{transform:translateY(-6px);border-color:#a7f27747;background:linear-gradient(180deg,#ffffff1b,#ffffff0b)}.feature:hover:before{opacity:1}.featureIndex{position:absolute;top:22px;right:24px;color:#a7f2778c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.feature h3{min-height:32px}.feature p{min-height:84px}.feature p,.screenCard p,.focusPanel p,.download p,footer{color:var(--muted);line-height:1.6}.screenShowcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;align-items:stretch}.screenCard{display:grid;grid-template-rows:450px auto;justify-items:stretch;align-content:start;gap:18px;background:linear-gradient(180deg,#ffffff12,#ffffff06);border:1px solid var(--line);border-radius:32px;padding:18px 22px 24px;position:relative;overflow:hidden;transition:transform .28s ease,border-color .28s ease}.screenImageSlot{min-height:0;display:grid;place-items:center;overflow:visible;position:relative;z-index:1;animation:screenFloat 4.8s ease-in-out infinite;animation-delay:var(--float-delay, 0ms);will-change:transform}.cardGlow{position:absolute;inset:auto 8% -28%;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(167,242,119,.18),transparent 70%);filter:blur(18px);opacity:0;transition:opacity .28s ease}.screenCard:hover{transform:translateY(-8px);border-color:#a7f2773d}.screenCard:hover .cardGlow{opacity:1}.cardShot{width:min(204px,100%);max-height:430px;animation:riseIn .76s cubic-bezier(.2,.8,.2,1) both;transition:transform .5s ease,filter .5s ease}.screenCard:hover .cardShot{transform:translateY(-12px) scale(1.015)}.screenCardCopy{width:100%;position:relative;z-index:2}.screenCard h3{font-size:22px}.screenCard p{margin-bottom:0}.focusPanel{margin:0 clamp(22px,6vw,86px);padding:clamp(30px,5vw,62px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,.42fr);gap:42px;align-items:center;position:relative;overflow:hidden}.panelGlow{position:absolute;right:8%;top:14%;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(167,242,119,.16),transparent 68%);filter:blur(18px);pointer-events:none}.focusPanel p{max-width:560px;font-size:18px}.setupList{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.setupList span{border:1px solid rgba(167,242,119,.2);background:#a7f27713;color:#ffffffd6;border-radius:999px;padding:10px 14px;font-size:14px}.setupShots{position:relative;min-height:500px;display:grid;place-items:center;z-index:1}.focusShot{width:min(280px,100%);justify-self:center;z-index:2}.secondarySetup{width:min(230px,72%);position:absolute;transform:translate(-112px,92px) rotate(-6deg) scale(.88);opacity:.78;z-index:1}.download{min-height:72svh;display:grid;justify-items:center;align-content:center;text-align:center;padding:110px clamp(22px,6vw,86px);position:relative;overflow:hidden}.download:before{content:"";position:absolute;width:520px;height:520px;border-radius:999px;background:radial-gradient(circle,rgba(167,242,119,.14),transparent 68%);filter:blur(18px);animation:orbFloat 9s ease-in-out infinite}.download>*{position:relative}.download p{max-width:620px;margin:20px 0 28px;font-size:18px}.downloadActions{justify-content:center;margin-top:0}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px clamp(22px,6vw,86px);border-top:1px solid var(--line)}@media(max-width:980px){.hero,.focusPanel{grid-template-columns:1fr}.heroShots{min-height:560px}.featureGrid,.trustBar{grid-template-columns:1fr}.setupShots{min-height:520px}.secondarySetup{transform:translate(-82px,74px) rotate(-5deg)}}@media(max-width:620px){.nav{padding-inline:18px}.nav nav a:not(:last-child){display:none}.hero,.section,.download{padding-inline:18px}h1{font-size:52px}.heroShots{min-height:470px}.heroShots .appShot{width:238px}.shotBack{--base-transform: translate(-58px, 42px) scale(.84);transform:var(--base-transform)}.shotFront{--base-transform: translateX(36px);transform:var(--base-transform)}.trustBar,.focusPanel{margin-inline:18px}.screenShowcase{grid-template-columns:1fr}}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes revealUp{0%{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:var(--base-transform)}}@keyframes screenFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes softFloat{0%,to{transform:var(--base-transform) translateY(0)}50%{transform:var(--base-transform) translateY(-9px)}}@keyframes gridDrift{0%{transform:translateZ(0);opacity:.7}to{transform:translate3d(-28px,18px,0);opacity:1}}@keyframes orbFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-22px,0) scale(1.04)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}