:root{--background: #000000;--card: #0c0c0e;--card-light: #161618;--border: #2c2c2e;--text-primary: #ffffff;--text-secondary: #8e8e93;--accent: #ff3b30;--accent-light: rgba(255, 59, 48, .5);--success: #34c759;--gradient-start: #050704;--gradient-mid: #0f1a0a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{background:linear-gradient(180deg,var(--gradient-start) 0%,var(--gradient-mid) 50%,var(--gradient-start) 100%);min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--success)}::selection{background:var(--accent-light);color:var(--text-primary)}:root{color-scheme:dark;--bg: #040404;--bg-deep: #020202;--text: #f7f2ea;--muted: rgba(247, 242, 234, .68);--accent: #f6c457;--accent-strong: #f59e0b;--accent-cool: #4ade80;--border-soft: rgba(247, 242, 234, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,Segoe UI,sans-serif;background:var(--bg);color:var(--text);letter-spacing:-.01em;scroll-behavior:smooth;scroll-snap-type:y proximity;overflow-x:hidden}button{font-family:inherit}.app{min-height:100vh;width:100%;position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(16,255,128,.04),transparent 50%),radial-gradient(circle at 20% 80%,rgba(74,222,128,.06),transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}.gradient-bg{position:fixed;inset:0;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.6}.orb-1{width:55vw;height:55vw;max-width:760px;max-height:760px;background:radial-gradient(circle,rgba(34,255,128,.22) 0%,transparent 70%);top:-25%;right:-5%;animation:float1 18s ease-in-out infinite}.orb-2{width:50vw;height:50vw;max-width:640px;max-height:640px;background:radial-gradient(circle,rgba(16,255,128,.16) 0%,transparent 70%);bottom:-15%;left:-10%;animation:float2 22s ease-in-out infinite}.orb-3{width:40vw;height:40vw;max-width:520px;max-height:520px;background:radial-gradient(circle,rgba(134,239,172,.16) 0%,transparent 70%);top:40%;left:40%;animation:float3 20s ease-in-out infinite}.gradient-mesh{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(16,255,128,.06) 0%,transparent 50%),radial-gradient(ellipse 55% 40% at 100% 100%,rgba(34,255,128,.06) 0%,transparent 45%),radial-gradient(ellipse 40% 30% at 0% 60%,rgba(134,239,172,.05) 0%,transparent 40%)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:120px 120px;opacity:.2;mix-blend-mode:screen}.noise-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");opacity:.25;mix-blend-mode:soft-light;pointer-events:none}@keyframes float1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,20px) scale(1.05)}66%{transform:translate(20px,-30px) scale(.95)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-20px) scale(1.08)}66%{transform:translate(-20px,40px) scale(.92)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}.main{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 80px 80px;scroll-snap-align:start}.content{max-width:1300px;width:100%;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;grid-template-areas:"top phone" "bottom phone";column-gap:80px;row-gap:22px}.text-top{grid-area:top;display:flex;flex-direction:column;gap:22px;animation:riseIn .8s ease forwards;padding-left:18px;align-self:end}.text-bottom{grid-area:bottom;display:flex;flex-direction:column;gap:22px;padding-left:18px;align-self:start}.text-top>*{animation:riseIn .8s ease forwards}.text-bottom>*{animation:riseIn .8s ease forwards}.text-top>*:nth-child(2){animation-delay:.1s}.text-bottom>*:nth-child(1){animation-delay:.2s}.text-bottom>*:nth-child(2){animation-delay:.3s}.text-bottom>*:nth-child(3){animation-delay:.4s}.text-bottom>*:nth-child(4){animation-delay:.5s}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.eyebrow{text-transform:uppercase;letter-spacing:.4em;font-size:12px;color:#f6c457cc}.hero-subtitle{font-size:16px;line-height:1.7;color:var(--muted);max-width:520px;margin-top:-6px}.hero-brand{display:flex;align-items:center;gap:18px;margin-left:-12px}.hero-brand-icon{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(34,197,94,.4))}.hero-brand-name{font-family:Space Grotesk,DM Sans,sans-serif;font-size:112px;font-weight:800;letter-spacing:-.035em;background:linear-gradient(135deg,#fff4d9,#f6c457 45%,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0 8px 30px rgba(0,0,0,.65),0 0 50px rgba(245,158,11,.25),0 0 80px rgba(34,197,94,.2)}.metrics{display:flex;gap:32px;padding:18px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.metric{display:flex;flex-direction:column;gap:6px}.metric-value{font-size:30px;font-weight:700;background:linear-gradient(135deg,#f6c457,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.metric-inline{text-transform:none;letter-spacing:-.5px}.metric-muted{color:transparent;background:linear-gradient(135deg,#f6c457,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.metric-label{font-size:12px;color:#f7f2ea80;font-weight:600;text-transform:uppercase;letter-spacing:.2em}.cta-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:14px;padding:16px 26px;border-radius:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#f6c457,#f59e0b);color:#0b0f0b;box-shadow:0 18px 40px -16px #f59e0b99,inset 0 1px #fff6}.btn-primary:visited,.btn-primary:hover{color:#0b0f0b}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px -16px #f59e0bb3,inset 0 1px #ffffff80}.btn-secondary{background:#f7f2ea14;color:var(--text);border:1px solid rgba(247,242,234,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{transform:translateY(-2px);border-color:#f7f2ea3d}.btn-primary svg,.btn-secondary svg{width:26px;height:26px}.btn-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.btn-small{font-size:10px;font-weight:600;opacity:.7;text-transform:uppercase;letter-spacing:.2em}.btn-large{font-size:16px;font-weight:700;letter-spacing:-.3px}.mini-note{font-size:13px;color:#f7f2ea80}.feature-grid{display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{display:flex;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#0a0c0abf,#10141099);border:1px solid rgba(247,242,234,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.feature-card h3{font-size:15px;margin-bottom:2px}.feature-card p{font-size:13px;color:#f7f2ea9e;line-height:1.4}.feature-icon{min-width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(135deg,#22c55e66,#f59e0b59);color:var(--text);border:1px solid rgba(247,242,234,.12)}.feature-icon svg{width:22px;height:22px}.feature-icon img{width:26px;height:26px;object-fit:contain}.feature-icon-heart svg{width:28px;height:28px;stroke:#0b0b0b;stroke-width:2.4}.phone-section{grid-area:phone;display:flex;justify-content:center;align-items:center}.phone-wrapper{position:relative}.phone-badge{position:absolute;top:40px;left:-40px;background:#0a0c0acc;border:1px solid rgba(247,242,234,.12);border-radius:16px;padding:12px 16px;z-index:5;box-shadow:0 30px 60px -40px #f59e0bcc}.badge-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#f6c457cc;margin-bottom:6px}.badge-title{display:block;font-size:15px;font-weight:600}.badge-meta{display:block;font-size:12px;color:#f7f2ea8c;margin-top:4px}.phone-glow{position:absolute;width:560px;height:760px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(16,255,128,.35) 0%,rgba(34,255,128,.15) 40%,transparent 65%);filter:blur(40px);pointer-events:none}.phone-glow-accent{position:absolute;width:360px;height:460px;top:18%;left:50%;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(134,239,172,.45) 0%,transparent 60%);filter:blur(60px);pointer-events:none}.phone-outline{position:relative;width:340px;height:700px;background:linear-gradient(180deg,#ffffff1f,#ffffff0f,#ffffff05);border-radius:54px;padding:8px;box-shadow:0 0 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0d,0 80px 140px -40px #000c,0 0 100px #f59e0b33;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.phone-outline:before{content:"";position:absolute;right:-3px;top:140px;width:4px;height:50px;background:linear-gradient(180deg,#fff3,#ffffff0d);border-radius:0 4px 4px 0}.phone-outline:after{content:"";position:absolute;left:-3px;top:120px;width:4px;height:35px;background:linear-gradient(180deg,#fff3,#ffffff0d);border-radius:4px 0 0 4px;box-shadow:0 55px #ffffff1f}.video-container{width:100%;height:100%;border-radius:52px;overflow:hidden;background:#000}.phone-video{width:100%;height:100%;object-fit:cover;border-radius:52px}.home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:130px;height:5px;background:linear-gradient(90deg,#ffffff1a,#fff6,#ffffff1a);border-radius:100px}.screen-section{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:30px 0 90px;scroll-snap-align:start}.screen-title{font-family:Space Grotesk,DM Sans,sans-serif;font-size:42px;letter-spacing:-.03em;margin:10px 0 18px;text-transform:uppercase;color:transparent;background:linear-gradient(135deg,#fff4d9,#f6c457 45%,#4ade80);-webkit-background-clip:text;background-clip:text;text-shadow:0 14px 40px rgba(0,0,0,.5)}.screen-title:after{content:"";display:block;height:2px;width:120px;margin:16px auto 0;background:linear-gradient(90deg,#f6c4571a,#4ade80cc,#f6c4571a)}.screen-marquee{position:relative;width:100%;margin:0;padding:18px 0 10px;overflow:hidden}.screen-loop{--screen-card-width: 240px;--screen-gap: 28px;--screen-cycle-distance: 1340px;display:flex;gap:var(--screen-gap);padding:26px 40px;width:max-content;animation:marqueeSlide 40s linear infinite;will-change:transform}.screen-card{flex:0 0 auto;width:var(--screen-card-width);height:520px;position:relative;transform-style:preserve-3d;transition:transform .35s ease,filter .35s ease}.screen-card-frame{width:100%;height:100%;border-radius:30px;overflow:hidden;position:relative;background:#0a0c0ab3;border:1px solid rgba(247,242,234,.16);box-shadow:0 24px 60px -28px #000000bf,0 0 40px #4ade8029}.screen-card-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.15),transparent 45%,transparent 65%,rgba(255,255,255,.08));opacity:.6;mix-blend-mode:screen;pointer-events:none}.screen-card img{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}@keyframes marqueeSlide{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--screen-cycle-distance)))}}@media(max-width:1200px){.main{padding:52px 48px 80px}.content{gap:60px}.screen-section{padding:20px 0 90px}.screen-marquee{padding:8px 0}.screen-loop{padding:24px 48px}}@media(max-width:968px){.content{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"top" "phone" "bottom";text-align:center;row-gap:48px}.text-top,.text-bottom{align-items:center;padding-left:0}.hero-brand{justify-content:center;margin-left:0}.hero-subtitle{max-width:560px}.metrics,.cta-buttons{justify-content:center}.feature-grid{width:100%;grid-template-columns:1fr}.feature-card{text-align:left}.phone-outline{width:300px;height:620px;border-radius:48px}.video-container,.phone-video{border-radius:46px}.phone-badge{left:50%;transform:translate(-50%);top:-20px}.nav-links{display:none}.screen-loop{--screen-card-width: 220px;--screen-cycle-distance: 1240px}.screen-card{height:480px}.screen-title{font-size:36px}}@media(max-width:640px){.main{padding:44px 24px 72px}.hero-subtitle{font-size:15px}.hero-brand{gap:12px}.hero-brand-icon{width:56px;height:56px}.hero-brand-name{font-size:58px}.metrics{gap:20px;padding:16px 0}.metric-value{font-size:24px}.cta-buttons{flex-direction:column;width:100%;max-width:280px}.btn-primary,.btn-secondary{justify-content:center;width:100%}.phone-outline{width:250px;height:520px;border-radius:40px}.video-container,.phone-video{border-radius:38px}.home-indicator{width:100px;height:4px;bottom:8px}.screen-section{padding:6px 0 80px}.screen-title{font-size:30px}.screen-marquee{padding:6px 0}.screen-loop{--screen-card-width: 200px;--screen-cycle-distance: 1140px;padding:20px 24px}.screen-card{height:440px}}@media(max-width:430px){.main{padding:36px 16px 60px}.hero-brand{gap:10px}.hero-brand-icon{width:44px;height:44px}.hero-brand-name{font-size:46px}.hero-subtitle{font-size:14px}.feature-card{padding:10px 12px;gap:10px}.feature-icon{min-width:38px;height:38px;border-radius:10px}.feature-icon img{width:22px;height:22px}.feature-icon svg{width:18px;height:18px}.feature-icon-heart svg{width:22px;height:22px}.feature-card h3{font-size:13px}.feature-card p{font-size:12px}.metric-value{font-size:22px}.phone-outline{width:220px;height:460px;border-radius:38px}.video-container,.phone-video{border-radius:36px}.home-indicator{width:90px;height:4px}.screen-title{font-size:26px}.screen-loop{--screen-card-width: 180px;--screen-cycle-distance: 1040px}.screen-card{height:390px}}@media(max-width:360px){.main{padding:28px 12px 52px}.hero-brand-name{font-size:40px}.hero-brand-icon{width:38px;height:38px}.phone-outline{width:200px;height:420px;border-radius:34px}.video-container,.phone-video{border-radius:32px}.screen-loop{--screen-card-width: 160px;--screen-cycle-distance: 940px}.screen-card{height:350px}}@media(prefers-reduced-motion:reduce){.phone-wrapper,.text-top>*,.text-bottom>*,.screen-loop{animation:none}}