body.page{background-color:var(--bg-0);color:var(--tx);overflow-x:hidden}body.page:before{content:"";opacity:.03;z-index:1000;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noiseFilter%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noiseFilter)%22/%3E%3C/svg%3E");position:fixed;inset:0}.mesh-bg{z-index:0;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.mesh-blob{filter:blur(120px);border-radius:50%;animation:25s ease-in-out infinite alternate float-mesh;position:absolute}.mesh-blob.b1{background:#3b82f61a;width:800px;height:800px;top:-200px;left:-100px}.mesh-blob.b2{background:#ef444414;width:900px;height:900px;animation-delay:-5s;bottom:-300px;right:-200px}.mesh-blob.b3{background:#8b5cf614;width:600px;height:600px;animation-delay:-10s;top:30%;left:40%}@keyframes float-mesh{0%{transform:translate(0)scale(1)}50%{transform:translate(100px,150px)scale(1.1)}to{transform:translate(-50px,50px)scale(.9)}}.hero-section{z-index:10;text-align:center;max-width:900px;margin:0 auto;padding:120px 24px 64px;position:relative}.hero-badge{color:var(--violet-3);background:#3b82f61a;border:1px solid #3b82f633;border-radius:999px;margin-bottom:22px;padding:7px 14px;font-size:.8rem;font-weight:700;display:inline-block}.hero-section h1{letter-spacing:-.02em;color:var(--tx);margin-bottom:16px;font-size:clamp(2rem,4.4vw,3.2rem);font-weight:800;line-height:1.1}.hero-section h1 span{background:var(--grad-tx);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-section p{color:var(--tx-2);max-width:580px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.6}.hero-section .btn--lg{padding:11px 24px;font-size:.86rem}.sticky-showcase{z-index:10;align-items:flex-start;gap:clamp(36px,4.5vw,64px);max-width:1200px;margin:70px auto;padding:0 clamp(24px,4vw,56px);display:flex;position:relative}.scroll-content{flex:1;padding-bottom:24vh}.scroll-section{flex-direction:column;justify-content:flex-start;min-height:62vh;padding:0 0 24px;display:flex}.scroll-section h2{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800}.scroll-section p{color:var(--tx-2);margin-bottom:24px;font-size:1.02rem;line-height:1.7}.feature-pills{flex-wrap:wrap;gap:12px;display:flex}.feature-pills span{background:var(--card-2);color:var(--tx-2);border:1px solid var(--line);border-radius:12px;padding:10px 18px;font-size:.95rem;font-weight:600}.sticky-visual{background:var(--core-bg);height:62vh;box-shadow:var(--shadow-2);border:1px solid var(--line);border-radius:32px;flex:1.2;justify-content:center;align-items:center;padding:clamp(20px,2.4vw,34px);display:flex;position:sticky;top:15vh;overflow:hidden}.sticky-visual img{border-radius:12px;width:100%;height:auto;transition:transform .6s cubic-bezier(.34,1.56,.64,1);transform:rotate(-1.5deg);box-shadow:0 20px 40px #0000001a}.sticky-showcase:hover .sticky-visual img{transform:rotate(0)scale(1.02)}.capabilities-section{z-index:10;max-width:1200px;margin:70px auto;padding:0 clamp(24px,4vw,56px);position:relative}.capabilities-header{text-align:center;margin-bottom:30px}.capabilities-header h2{letter-spacing:-.02em;color:var(--tx);margin-bottom:10px;font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:800}.capabilities-header p{color:var(--tx-2);max-width:540px;margin:0 auto;font-size:.95rem}.cap-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cap-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);transition:transform .4s var(--ease), border-color .4s ease, box-shadow .4s ease;box-shadow:var(--shadow);flex-direction:column;padding:18px;display:flex;position:relative;overflow:hidden}.cap-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #3b82f61a, transparent 40%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.cap-card:hover{border-color:var(--violet-3);box-shadow:var(--shadow-2);transform:translateY(-4px)}.cap-card:hover:before{opacity:1}.cap-card.col-2{grid-column:span 2}.cap-card.row-2{grid-row:span 2}.cap-icon{border-radius:var(--r-sm);background:var(--bg-1);border:1px solid var(--line);width:34px;height:34px;color:var(--tx);justify-content:center;align-items:center;margin-bottom:12px;font-size:.92rem;transition:transform .3s;display:flex}.cap-card:hover .cap-icon{color:var(--violet-2);border-color:var(--violet-3);transform:scale(1.1)}.cap-info h3{color:var(--tx);margin-bottom:6px;font-size:1.02rem;font-weight:700}.cap-info p{color:var(--tx-2);margin-bottom:0;font-size:.86rem;line-height:1.55}.cap-visual{border-radius:var(--r-md);background:var(--bg-1);border:1px solid var(--line);flex:1;justify-content:center;align-items:center;min-height:84px;max-height:132px;margin-top:14px;display:flex;position:relative;overflow:hidden}.cap-card.row-2 .cap-visual{max-height:none}.ui-mockup{border:1px solid var(--line-2);background:var(--card-2);border-radius:8px;flex-direction:column;gap:8px;width:80%;height:80%;padding:12px;display:flex;box-shadow:0 10px 30px #0000001a}.ui-bar{background:var(--line-2);border-radius:3px;height:6px}.ui-bar.blue{background:var(--violet-2)}.ui-bar.green{background:var(--green)}@media (max-width:991px){.cap-grid{grid-template-columns:repeat(2,1fr)}.cap-card.col-2{grid-column:span 2}}@media (max-width:768px){.cap-grid{grid-template-columns:1fr}.cap-card.col-2,.cap-card.row-2{grid-area:span 1/span 1}}.cta-cinematic{background:var(--card-2);border-radius:var(--r-xl);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);margin:40px 0 70px;padding:56px 32px;position:relative;overflow:hidden}.cta-bg-glow{opacity:.6;z-index:0;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);position:absolute;inset:0}.cta-content{z-index:1;max-width:640px;margin:0 auto;position:relative}.cta-cinematic .btn--lg{padding:11px 24px;font-size:.86rem}@media (max-width:1024px){.sticky-showcase{flex-direction:column-reverse;gap:40px}.sticky-visual{width:100%;height:44vh;position:relative;top:0}.scroll-content{padding-bottom:40px}.scroll-section{min-height:auto;padding:36px 0}.bento-grid{grid-template-columns:1fr}.bento-card.wide,.bento-card.tall{grid-area:span 1/span 1}}@media (max-width:600px){.cta-cinematic{padding:40px 20px}.cta-cinematic .btn--lg{width:100%}}