.hero-section{padding:var(--spacing-20) var(--spacing-6);background-color:var(--color-background-light);min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-container{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-16);gap:var(--spacing-16);align-items:center}@media (min-width:1024px){.hero-container{grid-template-columns:1fr 1fr;gap:var(--spacing-8)}}.hero-content{max-width:600px;z-index:2;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) forwards}.hero-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--color-slate-gray);border:1px solid var(--color-border);padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.hero-badge,.hero-title{margin-bottom:var(--spacing-6)}.hero-title{font-size:2.5rem;color:var(--color-primary-dark);line-height:1.1;letter-spacing:-.02em}@media (min-width:768px){.hero-title{font-size:3.5rem}}.hero-subtitle{font-size:1.125rem;color:var(--color-slate-gray);margin-bottom:var(--spacing-8);line-height:1.6;max-width:90%}.hero-actions{display:flex;flex-direction:column;gap:var(--spacing-4)}@media (min-width:640px){.hero-actions{flex-direction:row}}.hero-btn-icon{margin-left:var(--spacing-2);transition:transform .3s ease}.button-primary:hover .hero-btn-icon{transform:translateX(4px)}.hero-visual{aspect-ratio:1/1;max-height:600px;display:flex;justify-content:center;align-items:center}.hero-visual,.mockup-stack{position:relative;width:100%}.mockup-stack{height:100%}.mockup-web{position:absolute;top:10%;left:0;width:80%;height:65%;background-color:var(--color-primary-dark);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 25px 50px -12px rgba(11,60,93,.25);display:flex;flex-direction:column;z-index:2;opacity:0;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) .2s forwards}.web-header{height:32px;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;align-items:center;padding:0 var(--spacing-4)}.web-dots{display:flex;gap:6px;margin-right:var(--spacing-4)}.dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-slate-gray)}.web-dots .dot:first-child{animation:pulse 2s infinite}.web-dots .dot:nth-child(2){animation:pulse 2s .2s infinite}.web-dots .dot:nth-child(3){animation:pulse 2s .4s infinite}.web-url{font-family:monospace;font-size:.65rem;color:var(--color-slate-light);background:hsla(0,0%,100%,.05);padding:2px 8px;border-radius:2px;flex-grow:1;text-align:center}.web-body{display:flex;flex-grow:1}.web-sidebar{width:60px;border-right:1px solid hsla(0,0%,100%,.05);padding:var(--spacing-4) var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-3)}.sidebar-item{height:12px;background-color:hsla(0,0%,100%,.05);border-radius:2px}.sidebar-item.active{background-color:var(--color-primary)}.web-main{flex-grow:1;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.web-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3)}.web-card{height:48px;background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:monospace;font-size:.55rem;color:var(--color-slate-light);transition:transform .3s ease,border-color .3s ease}.web-card:hover{transform:translateY(-2px);border-color:var(--color-primary)}.web-icon{margin-bottom:4px;color:var(--color-primary)}.web-chart{flex-grow:1;background-color:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);padding:var(--spacing-2)}.web-chart svg{width:100%;height:100%}.web-chart path{stroke-dasharray:200;stroke-dashoffset:200;animation:drawLine 2s ease-out .8s forwards}.mockup-mobile{position:absolute;bottom:5%;right:5%;width:35%;height:80%;background-color:var(--color-background-light);border:4px solid var(--color-text-dark);border-radius:16px;box-shadow:-10px 20px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;z-index:3;overflow:hidden;opacity:0;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) .4s forwards}.mobile-header{height:24px;display:flex;justify-content:center}.mobile-header,.mobile-notch{background-color:var(--color-text-dark)}.mobile-notch{width:40%;height:12px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mobile-body{flex-grow:1;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4);background-color:var(--color-surface-gray)}.mobile-hero{height:30%;background-color:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center}.mobile-circle{width:32px;height:32px;border-radius:50%;background-color:hsla(0,0%,100%,.2);animation:pulse 3s infinite}.mobile-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.mobile-list-item{height:32px;border-radius:4px}.mobile-footer,.mobile-list-item{background-color:var(--color-background-light)}.mobile-footer{height:48px;border-top:1px solid var(--color-border)}.structural-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.structural-lines path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 3s ease-out .5s forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.trust-anchor{padding:var(--spacing-12) 0;background-color:var(--color-background-dark);color:var(--color-text-light);border-top:1px solid var(--color-border-dark);border-bottom:1px solid var(--color-border-dark);overflow:hidden}.trust-container{display:flex;flex-direction:column;align-items:center}.trust-label{font-family:monospace;font-size:.75rem;letter-spacing:.15em;color:var(--color-slate-gray);margin-bottom:var(--spacing-8);text-align:center}.trust-marquee-wrapper{width:100%;max-width:100%;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.trust-marquee-track{display:flex;width:max-content;animation:marquee 20s linear infinite;gap:var(--spacing-16);padding:0 var(--spacing-8)}.trust-marquee-track:hover{animation-play-state:paused}.trust-logo-placeholder{display:flex;align-items:center;gap:var(--spacing-2);font-size:1.125rem;font-weight:700;color:var(--color-slate-light);letter-spacing:.05em;opacity:.6;transition:opacity .3s ease,color .3s ease;white-space:nowrap;cursor:default}.trust-logo-placeholder:hover{opacity:1;color:var(--color-text-light)}.trust-logo-icon{width:16px;height:16px;background-color:currentColor;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(calc(-33.333% - var(--spacing-16) * 1.666))}}