.hero{background:var(--bg);align-items:center;min-height:100svh;padding-top:6rem;padding-bottom:4rem;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0;opacity:.9;inset:0;position:absolute!important}.hero-canvas-fallback{z-index:0;background:radial-gradient(60% 60% at 50% 80%,#6c8cff38,#0000 70%);position:absolute;inset:0}.hero:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(90% 70% at 30% 40%,#0604108c,#0000 60%),linear-gradient(#0604104d,#0000 30%,#060410d9);position:absolute;inset:0}.hero-inner{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,4vw,4.5rem);width:100%;display:grid;position:relative}.hero-copy{gap:1.5rem;max-width:600px;display:grid}.hero h1{font-size:var(--text-5xl);letter-spacing:-.035em;font-weight:800}.hero h1 .line{display:block;overflow:hidden}.hero-sub{color:var(--text-dim);max-width:48ch;font-size:1.02rem}.hero-visual{perspective:1600px;position:relative}.app-window{border:1px solid var(--border-strong);background:var(--bg-elev);box-shadow:0 40px 90px -30px #000c, var(--glow-soft);transition:transform .6s var(--ease);border-radius:14px;animation:7s ease-in-out infinite floatY;position:relative;overflow:hidden;transform:rotateY(-13deg)rotateX(6deg)translateZ(0)}.hero-visual:hover .app-window{transform:rotateY(-6deg)rotateX(3deg)}.app-bar{border-bottom:1px solid var(--border);background:#ffffff0a;align-items:center;gap:7px;height:36px;padding:0 14px;display:flex}.app-bar i{background:#ffffff2e;border-radius:50%;width:10px;height:10px}.app-bar i:first-child{background:#ff5f57}.app-bar i:nth-child(2){background:#febc2e}.app-bar i:nth-child(3){background:#28c840}.app-shot{aspect-ratio:16/10;position:relative}.app-shot img{object-fit:cover;object-position:left top}.hero-float{border:1px solid var(--border-strong);background:var(--bg-elev);z-index:3;border-radius:16px;width:132px;animation:5.5s ease-in-out infinite reverse floatY;position:absolute;bottom:-34px;left:-38px;overflow:hidden;box-shadow:0 30px 60px -20px #000c}.hero-float .app-shot{aspect-ratio:9/16}.hero-float .app-shot img{object-position:top}@keyframes floatY{0%,to{translate:0}50%{translate:0 -14px}}.hero-cta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-stats{flex-wrap:wrap;gap:2.5rem;margin-top:1rem;display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat .num{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.hero-stat .label{font-size:var(--text-sm);color:var(--text-faint)}.scroll-hint{z-index:2;color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.scroll-hint .mouse{border:1.5px solid var(--border-strong);border-radius:12px;width:22px;height:36px;position:relative}.scroll-hint .mouse:before{content:"";background:var(--accent);width:3px;height:7px;animation:scrollDot 1.6s var(--ease) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:6px;left:50%}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}40%{opacity:1}80%{opacity:0;transform:translateY(10px)}to{opacity:0}}.marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{will-change:transform;width:max-content;display:flex}.marquee-group{align-items:center;gap:3rem;padding-right:3rem;display:flex}.tech-chip{border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-family:var(--font-display);font-weight:600;font-size:var(--text-base);white-space:nowrap;transition:color .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease);align-items:center;gap:.8rem;padding:.7rem 1.3rem;display:inline-flex}.tech-chip:hover{color:var(--text);background:var(--surface-2);border-color:#e8b76566}.tech-chip img{object-fit:contain;opacity:.92;width:24px;height:24px;transition:transform .3s var(--ease)}.tech-chip:hover img{transform:scale(1.12)}.marquee-label{text-align:center;color:var(--text-faint);font-size:var(--text-sm);letter-spacing:.18em;text-transform:uppercase;margin-bottom:2.2rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-card{text-align:center;padding:2rem 1.6rem}.stat-card .stat-num{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800}.stat-card .stat-label{color:var(--text-dim);font-size:var(--text-sm);margin-top:.4rem}.bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(168px,auto);gap:1rem;margin-top:3rem;display:grid}.bento-card{border-radius:var(--r-lg);height:100%;min-height:210px;transition:transform .45s var(--ease), border-color .45s var(--ease);border:1px solid #e8b7654d;flex-direction:column;justify-content:flex-end;padding:1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:#e8b765b3;transform:translateY(-5px)}.bento-img{z-index:0;position:absolute;inset:0}.bento-img img{object-fit:cover;transition:transform .9s var(--ease);filter:saturate(.92)brightness(.92)}.bento-card:hover .bento-img img{transform:scale(1.07)}.bento-overlay{z-index:1;background:linear-gradient(#06041026 0%,#0604108c 52%,#060410ed 100%);position:absolute;inset:0}.bento-card:after{content:"";z-index:2;border-radius:inherit;background:radial-gradient(120% 80% at 100% 0%, var(--gold-soft), transparent 55%);opacity:0;transition:opacity .45s var(--ease);pointer-events:none;position:absolute;inset:0}.bento-card:hover:after{opacity:1}.bento-content{z-index:3;flex-direction:column;gap:.45rem;display:flex;position:relative}.bento-icon{width:46px;height:46px;color:var(--gold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e8b7651f;border:1px solid #e8b7654d;border-radius:12px;place-items:center;margin-bottom:.7rem;display:grid}.bento-card h3{font-size:var(--text-lg);font-family:var(--font-display)}.bento-card p{color:#f5f3ffc7;font-size:var(--text-sm);max-width:42ch}.bento-card .tag{font-size:var(--text-xs);color:var(--gold);letter-spacing:.16em;text-transform:uppercase}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.span-4{grid-column:span 4}.row-2{grid-row:span 2}.bento-feature h3{font-size:var(--text-2xl)}.bento-feature p{font-size:var(--text-base)}.why{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,4vw,5rem);display:grid}.why-list{flex-direction:column;gap:1rem;margin-top:2.2rem;display:flex}.why-item{align-items:flex-start;gap:1.1rem;padding:1.3rem;display:flex}.why-item .ic{width:46px;height:46px;color:var(--accent);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex:none;place-items:center;display:grid}.why-item h4{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:.25rem}.why-item p{color:var(--text-dim);font-size:var(--text-sm)}.orbit{aspect-ratio:1;place-items:center;display:grid;position:relative}.orbit-core{background:var(--accent-grad);color:#0a0414;width:110px;height:110px;box-shadow:var(--glow-soft);font-family:var(--font-display);z-index:2;border-radius:50%;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.orbit-ring{border:1px solid var(--border);border-radius:50%;animation:26s linear infinite spin;position:absolute;inset:0}.orbit-ring.r2{border-color:var(--border-strong);animation-duration:18s;animation-direction:reverse;inset:16%}.orbit-ring.r3{animation-duration:12s;inset:32%}.orbit-node{width:32px;height:32px;color:var(--cyan);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:10px;place-items:center;display:grid;position:absolute;top:-16px;left:50%;transform:translate(-50%)}@keyframes spin{to{transform:rotate(360deg)}}.work-tag{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.stack{flex-direction:column;gap:2.5rem;margin-top:3rem;display:flex}.stack-card{top:calc(110px + var(--i) * 26px);border-radius:var(--r-xl);background:radial-gradient(120% 120% at 100% 0%, #e8b76514, transparent 55%), var(--bg-elev);border:1px solid #e8b7654d;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,3vw,3.5rem);padding:clamp(1.5rem,3vw,2.6rem);display:grid;position:sticky;box-shadow:0 -8px 40px -18px #000000b3,0 30px 60px -30px #000c}.stack-text{flex-direction:column;align-items:flex-start;gap:.7rem;display:flex}.stack-text h3{font-family:var(--font-display);font-size:var(--text-2xl)}.stack-text>p{color:var(--text-dim);font-size:var(--text-base);max-width:46ch}.stack-points{flex-direction:column;gap:.55rem;margin:.4rem 0 1rem;padding:0;list-style:none;display:flex}.stack-points li{font-size:var(--text-sm);color:var(--text);align-items:center;gap:.6rem;display:flex}.stack-points li svg{color:var(--gold);flex:none}.stack-media{aspect-ratio:16/11;border-radius:var(--r-lg);border:1px solid var(--border-strong);position:relative;overflow:hidden;box-shadow:0 20px 50px -24px #000c}.stack-media img{object-fit:cover;object-position:left top}.stack-card:nth-child(2n) .stack-media{order:-1}.why-frame{aspect-ratio:4/5;border-radius:var(--r-lg);border:1px solid var(--border-strong);box-shadow:var(--glow-soft);position:relative;overflow:hidden}.why-frame img{object-fit:cover}.why-frame:after{content:"";background:linear-gradient(#0000 45%,#060410b3),linear-gradient(115deg,#34e3ff1f,#0000 45%);position:absolute;inset:0}.float-chip{z-index:2;border-radius:14px;flex-direction:column;gap:.1rem;padding:.9rem 1.1rem;animation:6s ease-in-out infinite floatY;display:flex;position:absolute}.float-chip .n{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl)}.float-chip .l{font-size:var(--text-xs);color:var(--text-dim)}.float-chip.a{top:1rem;right:1rem}.float-chip.b{animation-duration:5s;animation-direction:reverse;bottom:1rem;left:1rem}.has-ico{position:relative}.has-ico .section-head,.has-ico .stack,.has-ico .process-grid{z-index:1;position:relative}.ico-slot{z-index:0;pointer-events:none;object-fit:contain;position:absolute}.ico3d-float{filter:drop-shadow(0 18px 34px #0000008c);animation:6s ease-in-out infinite floatBob}@keyframes floatBob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-16px)rotate(4deg)}}.ico-tr{top:calc(var(--section-y) - 1rem);width:96px;height:96px;right:clamp(1rem,3vw,3rem)}.ico-tl{top:calc(var(--section-y) - .5rem);width:78px;height:78px;animation-duration:7s;left:4%}.ico-tr2{top:calc(var(--section-y) - .5rem);width:86px;height:86px;animation-duration:5.5s;right:6%}.cta-ico{width:120px;height:120px;bottom:6%;right:7%}.cta>:not(.ico-slot){z-index:1;position:relative}@media (max-width:820px){.ico-slot{display:none}}.bento-ico3d{object-fit:contain;filter:drop-shadow(0 10px 20px #00000080);width:58px;height:58px;transition:transform .45s var(--ease);margin-bottom:.6rem}.bento-card:hover .bento-ico3d{transform:translateY(-5px)scale(1.07)rotate(-5deg)}.bento-feature .bento-ico3d{width:76px;height:76px}.process-ico3d{object-fit:contain;filter:drop-shadow(0 10px 18px #00000073);width:56px;height:56px}.why-ico3d{object-fit:contain;filter:drop-shadow(0 8px 16px #0006);width:52px;height:52px;transition:transform .4s var(--ease);flex:none}.why-item:hover .why-ico3d{transform:scale(1.1)rotate(-6deg)}.process-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;display:grid}.process-card{flex-direction:column;gap:.9rem;padding:1.8rem;display:flex}.process-card .step{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);background:var(--gold-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.process-card .ic{color:var(--gold)}.process-card h4{font-family:var(--font-display);font-size:var(--text-lg)}.process-card p{color:var(--text-dim);font-size:var(--text-sm)}.cta-wrap{position:relative}.cta{text-align:center;background:radial-gradient(80% 120% at 50% 0%, #6c8cff2e, transparent 60%), var(--surface);border-radius:var(--r-xl);flex-direction:column;align-items:center;gap:1.6rem;padding:clamp(2.5rem,5vw,5rem);display:flex;position:relative;overflow:hidden}.cta h2{font-size:var(--text-4xl);max-width:16ch}.cta p{color:var(--text-dim);font-size:var(--text-lg);max-width:52ch}.cta:before{content:"";background:var(--accent-grad);filter:blur(140px);opacity:.25;border-radius:50%;width:480px;height:480px;position:absolute;top:-240px;left:50%;transform:translate(-50%)}@media (max-width:980px){.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;gap:3.5rem}.hero-copy{max-width:100%}.hero-visual{width:100%;max-width:460px;margin-inline:auto}.app-window{transform:rotateY(-6deg)rotateX(3deg)}.why{grid-template-columns:1fr}.why-frame{aspect-ratio:16/9}.stack-card{top:calc(90px + var(--i) * 18px);grid-template-columns:1fr}.stack-card:nth-child(2n) .stack-media{order:0}.stack-media{aspect-ratio:16/10}.stats-grid{grid-template-columns:repeat(2,1fr)}.span-3,.span-4{grid-column:span 6}.span-2{grid-column:span 3}.process-grid{grid-template-columns:1fr}}@media (max-width:620px){.stats-grid,.bento{grid-template-columns:repeat(2,1fr)}.span-2,.span-3,.span-4{grid-column:span 2}.row-2{grid-row:span 1}.hero-stats{gap:1.5rem}}@media (max-width:768px){.hero{min-height:auto;padding-top:6.5rem;padding-bottom:3rem}.scroll-hint,.hero-float{display:none}.app-window{animation:none;transform:none}.app-shot{aspect-ratio:16/10;background:var(--bg-elev)}.app-shot img{object-fit:contain;object-position:center}}.tech-orbit{--r-out:clamp(120px, 40vw, 210px);--r-in:clamp(72px, 24vw, 128px);aspect-ratio:1;width:min(560px,92vw);margin:3rem auto 0;position:relative}.tech-orbit-ringline{aspect-ratio:1;pointer-events:none;border:1px dashed #ffffff17;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tech-orbit-ringline.r1{width:calc(2 * var(--r-out))}.tech-orbit-ringline.r2{width:calc(2 * var(--r-in))}.tech-orbit-core{aspect-ratio:1;z-index:2;width:clamp(92px,20%,124px);font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);background:radial-gradient(circle at 50% 32%, #e8b76538, var(--bg-elev) 70%);border:1px solid #e8b76573;border-radius:50%;place-items:center;font-size:clamp(.8rem,2.4vw,1rem);font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px -12px #e8b76573,inset 0 1px #ffffff14}.t-item{width:56px;height:56px;animation-name:orbit;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:calc(var(--dur) / var(--n) * var(--i) * -1);margin:-28px;position:absolute;top:50%;left:50%}.t-item.ring-out{--r:var(--r-out);--dur:34s;animation-duration:34s}.t-item.ring-in{--r:var(--r-in);--dur:26s;animation-duration:26s;animation-direction:reverse}@keyframes orbit{0%{transform:rotate(0turn) translateX(var(--r)) rotate(0turn)}to{transform:rotate(1turn) translateX(var(--r)) rotate(-1turn)}}.t-chip{background:var(--surface-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:56px;height:56px;transition:transform .3s var(--ease), border-color .3s var(--ease);border:1px solid #e8b7654d;border-radius:50%;place-items:center;display:grid}.t-chip:hover{border-color:var(--gold);transform:scale(1.14)}.t-chip img{object-fit:contain;width:30px;height:30px}@media (max-width:520px){.t-item,.t-chip{width:44px;height:44px}.t-item{margin:-22px}.t-chip img{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.t-item{transform:rotate(calc(var(--i) / var(--n) * 1turn)) translateX(var(--r)) rotate(calc(var(--i) / var(--n) * -1turn));animation:none}}