.hero{padding-top:calc(80px + var(--sp-xl));padding-bottom:var(--sp-xl);min-height:100vh;display:flex;align-items:center;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px);background-size:50px 50px;z-index:-1;mask-image:radial-gradient(circle at center,black,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%)}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-lg);align-items:center}.hero-content{max-width:600px}.hero-title{margin-bottom:var(--sp-sm)}.hero-subtitle{margin-bottom:var(--sp-md);font-size:1.25rem}.hero-cta{display:flex;gap:1rem;align-items:center}.mockup-container{position:relative;width:100%;aspect-ratio:4/3;perspective:1000px}.mockup-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:var(--clr-ai-cyan);filter:blur(80px);opacity:.4;z-index:0;border-radius:50%}.mockup-frame{position:relative;z-index:1;background:var(--clr-surface);border-radius:12px;box-shadow:0 24px 48px #00000014,0 0 0 1px #0000000d;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;transform:rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.mockup-container:hover .mockup-frame{transform:rotateY(0) rotateX(0)}.mockup-header{height:32px;background:#f4f4f5;border-bottom:1px solid var(--clr-border);display:flex;align-items:center;padding:0 16px;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.mockup-body{display:flex;flex:1}.mockup-sidebar{width:20%;background:var(--clr-trust-blue);border-right:1px solid var(--clr-border)}.mockup-main{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px;background:var(--clr-bg-light)}.mockup-card{height:60px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000005}.mockup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:80px}.mockup-card-small{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000005}.mockup-table{flex:1;background:#fff;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.mockup-row{height:24px;background:#f8f9fa;border-radius:4px}.mockup-row.header{background:#e9ecef}.mockup-panel{width:25%;border-left:1px solid var(--clr-border);background:#fff;padding:16px;display:flex;flex-direction:column;justify-content:flex-end}.mockup-chat{display:flex;flex-direction:column;gap:8px}.chat-bubble{padding:8px 12px;border-radius:12px;font-size:10px;width:80%;height:30px}.chat-bubble.ai{background:#00f2fe1a;align-self:flex-start;border-bottom-left-radius:2px}.chat-bubble.user{background:var(--clr-border);align-self:flex-end;border-bottom-right-radius:2px}.story-pin-wrapper{background:#fff;position:relative}.story-pin-container{height:100vh;width:100%;overflow:hidden;display:flex;align-items:center}.story-scrollytelling{display:flex;height:100%;align-items:center;position:relative}.story-text-container{flex:1;position:relative;height:60vh;display:flex;align-items:center}.story-text-block{position:absolute;top:50%;transform:translateY(-50%);opacity:0;max-width:500px;visibility:hidden}.story-text-block h2{margin-bottom:var(--sp-sm)}.story-label{display:inline-block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--clr-trust-blue);margin-bottom:var(--sp-sm)}.story-visual-container{flex:1;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.visual-canvas{width:500px;height:500px;position:relative}.chaos-elements{position:absolute;width:100%;height:100%;top:0;left:0}.chaos-item{position:absolute;width:60px;height:60px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;display:flex;align-items:center;justify-content:center;color:var(--clr-soft-charcoal);border:1px solid var(--clr-border)}.doc-1{top:10%;left:20%;transform:rotate(-15deg)}.wa-1{top:60%;left:10%;fill:#25d366;color:#25d366;border-color:#25d366;transform:rotate(10deg)}.err-1{top:30%;right:10%;background:#ffebee;border-color:#ffcdd2;transform:rotate(25deg)}.doc-2{bottom:10%;right:20%;transform:rotate(-5deg)}.wa-2{top:80%;right:40%;fill:#25d366;color:#25d366;border-color:#25d366;transform:rotate(-20deg)}.ai-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:120px;height:120px;display:flex;align-items:center;justify-content:center;opacity:0}.ai-glow-ring{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--clr-ai-cyan-glow);filter:blur(20px)}.ai-logo-center{position:relative;z-index:2;color:var(--clr-trust-blue);background:#fff;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--clr-ai-cyan),0 10px 30px #00f2fe4d}.processing-lines{position:absolute;width:200%;height:200%;border-radius:50%;border:1px dashed var(--clr-ai-cyan);animation:spin 10s linear infinite;opacity:.5}@keyframes spin{to{transform:rotate(360deg)}}.ordered-dashboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8) rotateX(10deg);width:100%;height:100%;opacity:0;perspective:1000px}.dash-skeleton{width:100%;height:80%;background:#fff;border-radius:16px;box-shadow:0 24px 48px #0000001a,0 0 0 1px #0000000d;padding:24px;display:flex;flex-direction:column;gap:20px}.dash-header{height:30px;width:30%;background:var(--clr-border);border-radius:6px}.dash-body{display:flex;gap:20px;flex:1}.dash-col-1{width:30%;display:flex;flex-direction:column;gap:10px}.dash-col-2{flex:1;display:flex;flex-direction:column;gap:10px}.dash-metrics{height:80px;background:var(--clr-bg-light);border-radius:12px}.dash-table-row{height:40px;background:#f8fafc;border-radius:6px}.features[data-astro-cid-yobonxjp]{padding:var(--sp-xl) 0;background:var(--clr-bg-light)}.section-header[data-astro-cid-yobonxjp]{text-align:center;margin-bottom:var(--sp-lg);max-width:700px;margin-left:auto;margin-right:auto}.section-header[data-astro-cid-yobonxjp] p[data-astro-cid-yobonxjp]{margin:var(--sp-sm) auto 0}.features-grid[data-astro-cid-yobonxjp]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-md)}.feature-card[data-astro-cid-yobonxjp]{background:var(--clr-surface);padding:var(--sp-md);border-radius:16px;box-shadow:0 4px 6px #00000005;border:1px solid var(--clr-border);transition:transform .3s ease,box-shadow .3s ease}.feature-card[data-astro-cid-yobonxjp]:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000000f;border-color:#00f2fe4d}.feature-icon[data-astro-cid-yobonxjp]{width:48px;height:48px;background:#0b192c0d;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--clr-trust-blue);margin-bottom:var(--sp-sm)}.feature-card[data-astro-cid-yobonxjp]:hover .feature-icon[data-astro-cid-yobonxjp]{background:var(--grad-ai);color:#fff}.feature-card[data-astro-cid-yobonxjp] h3[data-astro-cid-yobonxjp]{margin-bottom:.5rem}.feature-card[data-astro-cid-yobonxjp] p[data-astro-cid-yobonxjp]{font-size:1rem}.cta-section[data-astro-cid-ne56ttnc]{padding:var(--sp-xl) 0;background:#fff}.cta-box[data-astro-cid-ne56ttnc]{background:var(--clr-trust-blue);border-radius:24px;padding:var(--sp-xl) var(--sp-md);text-align:center;color:#fff;position:relative;overflow:hidden}.cta-box[data-astro-cid-ne56ttnc]:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,var(--clr-ai-cyan-glow) 0%,transparent 60%);z-index:0}.cta-box[data-astro-cid-ne56ttnc]>*{position:relative;z-index:1}.cta-box[data-astro-cid-ne56ttnc] h2[data-astro-cid-ne56ttnc]{margin-bottom:var(--sp-sm)}.cta-box[data-astro-cid-ne56ttnc] p[data-astro-cid-ne56ttnc]{color:#fffc;margin:0 auto var(--sp-md)}