*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--black: #000;--white: #fbfbfd;--text-light: #f5f5f7;--text-dark: #1d1d1f;--grey-mid: #86868b;--grey-dim: #6e6e73;--grey-faint: #424245;--indigo: #4052de;--indigo-glow: rgba(64,82,222,.25);--green: #30d158;--green-deep: #2d8a4e;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);color:var(--text-dark);background:var(--black);overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:48px;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.nav-inner{width:100%;max-width:980px;padding:0 22px;display:flex;align-items:center;justify-content:flex-end}.nav-link{font-size:12px;color:var(--text-light);opacity:.8;transition:opacity .2s}.nav-link:hover{opacity:1}.hero{min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 22px 80px;background:var(--black);position:relative}.hero-stars{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-star{position:absolute;border-radius:50%;background:#fff}.hero-icon-wrap{position:relative;width:140px;height:140px;margin-bottom:28px}.hero-icon-glow{position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;border-radius:50%;background:radial-gradient(circle,rgba(64,82,222,.14) 0%,rgba(64,82,222,.04) 50%,transparent 70%);animation:breathe 6s ease-in-out infinite}.hero-icon-img{width:100%;height:100%;position:relative;z-index:1;border-radius:52px;filter:drop-shadow(0 8px 40px rgba(64,82,222,.3))}.hero-overtitle{font-size:17px;font-weight:500;color:var(--green);letter-spacing:.02em}.hero h1{font-size:clamp(44px,8vw,88px);font-weight:700;line-height:1.03;letter-spacing:-.045em;color:var(--text-light);margin-top:10px}.hero-gradient{background:linear-gradient(135deg,var(--indigo) 20%,var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:clamp(16px,2vw,21px);font-weight:400;color:var(--grey-mid);max-width:500px;margin:14px auto 0;line-height:1.5}.hero-cta{margin-top:28px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:980px;background:var(--indigo);color:#fff;font-size:16px;font-weight:600;transition:background .25s,transform .2s,box-shadow .25s}.btn-primary:hover{background:#5468f0;transform:translateY(-1px);box-shadow:0 6px 28px var(--indigo-glow)}.btn-primary svg{width:16px;height:16px}.btn-ghost{font-size:16px;font-weight:500;color:var(--indigo);display:inline-flex;align-items:center;gap:4px;transition:gap .25s}.btn-ghost:hover{gap:8px}.statement{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 22px;background:var(--black);text-align:center}.statement-text{font-size:clamp(36px,6vw,72px);font-weight:700;line-height:1.08;letter-spacing:-.04em;color:var(--text-light);max-width:900px;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .3em}.statement-word{transition:opacity .1s}.statement-accent{color:var(--green)}.showcase{padding:160px 22px 120px;background:var(--black);overflow:hidden}.showcase-header{text-align:center;max-width:700px;margin:0 auto 80px}.showcase-overtitle{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--indigo)}.showcase-headline{font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:var(--text-light);margin-top:12px}.showcase-hero{max-width:760px;margin:0 auto 140px;perspective:1200px}.showcase-hero-inner{border-radius:12px;overflow:hidden;box-shadow:0 60px 140px #4052de33,0 0 0 1px #ffffff14;transform:rotateX(4deg) rotateY(-2deg);transition:transform .6s cubic-bezier(.25,.1,.25,1)}.showcase-hero-inner:hover{transform:rotateX(0) rotateY(0)}.showcase-hero img{width:100%;display:block}.showcase-screen{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center;max-width:1060px;margin:0 auto;padding:80px 0}.showcase-screen.showcase-flip{grid-template-columns:1.4fr 1fr}.showcase-screen.showcase-flip .showcase-text{order:2}.showcase-screen.showcase-flip .showcase-img-wrap{order:1}.showcase-text h3{font-size:clamp(24px,3vw,36px);font-weight:700;color:var(--text-light);letter-spacing:-.02em;line-height:1.15}.showcase-text p{font-size:17px;color:var(--grey-mid);line-height:1.6;margin-top:16px;max-width:380px}.showcase-img-wrap{border-radius:12px;overflow:hidden;box-shadow:0 24px 80px #0006,0 0 0 1px #ffffff0f;perspective:1200px}.showcase-img-inner{transform:rotateY(-3deg) rotateX(2deg);transition:transform .6s cubic-bezier(.25,.1,.25,1)}.showcase-img-wrap:hover .showcase-img-inner{transform:rotateY(0) rotateX(0)}.showcase-screen.showcase-flip .showcase-img-inner{transform:rotateY(3deg) rotateX(2deg)}.showcase-screen.showcase-flip .showcase-img-wrap:hover .showcase-img-inner{transform:rotateY(0) rotateX(0)}.showcase-img-wrap img{width:100%;display:block}.showcase-menubar-section{display:flex;flex-direction:column;align-items:center;padding:120px 0 40px;gap:48px}.showcase-menubar-text{text-align:center;max-width:500px}.showcase-menubar-text h3{font-size:clamp(24px,3vw,36px);font-weight:700;color:var(--text-light);letter-spacing:-.02em}.showcase-menubar-text p{font-size:17px;color:var(--grey-mid);line-height:1.6;margin-top:12px}.showcase-menubar-img{max-width:380px;perspective:1200px}.showcase-menubar-img-inner{border-radius:16px;overflow:hidden;box-shadow:0 32px 100px #4052de1f,0 0 0 1px #ffffff14;transform:rotateX(4deg);transition:transform .6s cubic-bezier(.25,.1,.25,1)}.showcase-menubar-img:hover .showcase-menubar-img-inner{transform:rotateX(0)}.showcase-menubar-img img{width:100%;display:block}.environment{padding:200px 22px;background:var(--white);text-align:center;position:relative}.environment:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:linear-gradient(180deg,#e8f5ec 0%,var(--white) 100%)}.env-content{position:relative;max-width:780px;margin:0 auto}.env-overtitle{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--green-deep)}.env-headline{font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:var(--text-dark);margin-top:12px}.env-body{font-size:clamp(17px,2vw,21px);color:var(--grey-dim);line-height:1.55;margin-top:20px;max-width:600px;margin-left:auto;margin-right:auto}.env-facts{display:grid;grid-template-columns:1fr 1fr;margin-top:80px;text-align:left;border-top:1px solid rgba(0,0,0,.08)}.env-fact{padding:40px 32px;border-bottom:1px solid rgba(0,0,0,.08)}.env-fact:nth-child(odd){border-right:1px solid rgba(0,0,0,.08)}.env-fact-num{font-size:48px;font-weight:700;letter-spacing:-.04em;color:var(--green-deep);font-variant-numeric:tabular-nums}.env-fact-text{font-size:15px;color:var(--grey-dim);line-height:1.5;margin-top:6px}.features{padding:160px 22px;background:#111}.features-header{text-align:center;max-width:600px;margin:0 auto 80px}.features-overtitle{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--indigo)}.features-headline{font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--text-light);margin-top:12px}.feat-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:980px;margin:0 auto;background:#ffffff0f}.feat-item{padding:48px 36px;background:#111;transition:background .3s}.feat-item:hover{background:#1a1a1a}.feat-item h3{font-size:18px;font-weight:700;color:var(--text-light);letter-spacing:-.01em;margin-bottom:8px}.feat-item p{font-size:14px;color:var(--grey-mid);line-height:1.55}.cta{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 22px;background:var(--black);position:relative;overflow:hidden}.cta-glow{position:absolute;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(64,82,222,.06) 0%,transparent 65%);pointer-events:none}.cta-inner{position:relative}.cta h2{font-size:clamp(44px,8vw,88px);font-weight:700;line-height:1.03;letter-spacing:-.045em;color:var(--text-light)}.cta p{font-size:clamp(17px,2vw,21px);color:var(--grey-mid);margin-top:16px;line-height:1.5}.cta .btn-primary{margin-top:40px;padding:16px 36px;font-size:17px}.cta-brew{margin-top:32px}.cta-brew-label{font-size:13px;color:var(--grey-dim);margin-bottom:10px;letter-spacing:.02em}.cta-brew-box{display:inline-flex;align-items:center;gap:16px;padding:12px 18px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:background .2s,border-color .2s}.cta-brew-box:hover{background:#ffffff1a;border-color:#ffffff24}.cta-brew-box code{font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:14px;color:var(--text-light);letter-spacing:-.01em}.cta-brew-copy{font-size:12px;font-weight:600;color:var(--indigo);padding:4px 10px;border-radius:6px;background:#4052de1f;transition:background .2s;white-space:nowrap}.cta-brew-box:hover .cta-brew-copy{background:#4052de33}.cta-note{font-size:13px;color:var(--grey-dim);margin-top:14px}.footer{background:var(--black);border-top:1px solid rgba(255,255,255,.06);padding:28px 22px;text-align:center}.footer p{font-size:12px;color:var(--grey-dim)}.footer a{color:var(--grey-mid)}.footer a:hover{color:var(--text-light)}@keyframes breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.06);opacity:1}}@media(max-width:734px){.hero-icon-wrap{width:140px;height:140px}.hero-icon-img{border-radius:36px}.hero-cta{flex-direction:column}.feat-list,.env-facts{grid-template-columns:1fr}.env-fact:nth-child(odd){border-right:none}.showcase-screen,.showcase-screen.showcase-flip{grid-template-columns:1fr;gap:32px}.showcase-screen.showcase-flip .showcase-text,.showcase-screen.showcase-flip .showcase-img-wrap{order:0}.showcase-text p{max-width:100%}.cta-brew-box{flex-direction:column;gap:8px}.cta-brew-box code{font-size:12px}}