*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;hanging-punctuation:first last;scroll-padding-top:5rem}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body, sans-serif);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}ul[role=list],ol[role=list]{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:#4f98a340;color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;width:100%}a,button,[role=button],[role=link],input,textarea,select{transition:color .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--color-bg: #0C0D10;--color-surface: #161720;--color-surface-raised: #1C1D28;--color-surface-overlay: #22232E;--color-text-primary: #E8E8EC;--color-text-secondary: #9B9BA8;--color-text-tertiary: #6B6B78;--color-accent: #4F98A3;--color-accent-hover: #3D8490;--color-accent-dim: rgba(79, 152, 163, .15);--color-threat: #D163A7;--color-warning: #BB653B;--color-success: #6DAA45;--color-border: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .05);--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .875rem);--text-base: clamp(.9rem, .85rem + .25vw, 1rem);--text-lg: clamp(1.05rem, .95rem + .5vw, 1.2rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--text-3xl: clamp(1.8rem, 1.4rem + 2vw, 2.75rem);--text-hero: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-normal: .3s;--duration-slow: .6s;--container-max: 1200px;--container-padding: var(--space-6);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}body{background:var(--color-bg);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0c0d10d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.nav-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text-primary)}.nav-logo svg{color:var(--color-accent)}.nav-logo-text{font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-normal) var(--ease-out)}.nav-link:hover{color:var(--color-text-primary)}.nav-link-cta{background:var(--color-accent);color:#fff;padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);font-weight:500}.nav-link-cta:hover{background:var(--color-accent-hover);color:#fff}.nav-right-mobile{display:none;align-items:center;gap:var(--space-3)}.nav-mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.nav-mobile-toggle span{display:block;width:22px;height:2px;background:var(--color-text-primary);transition:all var(--duration-normal) var(--ease-out)}.nav-mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-mobile-toggle.active span:nth-child(2){opacity:0}.nav-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-mobile{display:none;flex-direction:column;padding:var(--space-4) var(--space-6);gap:var(--space-1);background:#0c0d10f7;border-bottom:1px solid var(--color-border-subtle)}.nav-mobile.open{display:flex}.nav-mobile-link{display:block;padding:var(--space-3) 0;font-size:var(--text-base);color:var(--color-text-secondary);text-decoration:none;border-bottom:1px solid var(--color-border-subtle)}.nav-mobile-link:last-child{border-bottom:none}@media(max-width:768px){.nav-links{display:none}.nav-mobile-toggle,.nav-right-mobile{display:flex}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg-img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0c0d10bf,#0c0d1099,#0c0d10d9 80%,#0c0d10)}.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(79,152,163,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(79,152,163,.07) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 30%,transparent 80%)}.hero-container{position:relative;z-index:1;padding-top:calc(64px + var(--space-16));padding-bottom:var(--space-16)}.hero-content{max-width:800px}.badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;color:var(--color-accent);padding:var(--space-2) var(--space-4);border:1px solid rgba(79,152,163,.3);border-radius:100px;margin-bottom:var(--space-8);background:#4f98a314}.hero-headline{font-size:var(--text-hero);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:var(--space-6)}.hero-accent{color:var(--color-accent)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:640px;line-height:1.7;margin-bottom:var(--space-8)}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.hero-urgency{font-family:JetBrains Mono,monospace;font-size:var(--text-sm);color:var(--color-threat);letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:500;text-decoration:none;border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;border:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-ghost:hover{color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.section{padding:var(--space-24) 0}.section-alt{background:var(--color-surface)}.section-label{display:block;font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:500;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-4)}.section-headline{font-size:var(--text-3xl);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#fff;margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:680px;line-height:1.6;margin-bottom:var(--space-12)}.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.scenario-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:border-color var(--duration-normal) var(--ease-out)}.scenario-card:hover{border-color:var(--color-accent)}.scenario-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.scenario-icon-wrap{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.scenario-icon-threat{background:#d163a71f;color:var(--color-threat)}.scenario-icon-data{background:var(--color-accent-dim);color:var(--color-accent)}.scenario-icon-analysis{background:#bb653b1f;color:var(--color-warning)}.scenario-title{font-size:var(--text-lg);font-weight:600;color:#fff}.scenario-questions{margin-top:var(--space-4)}.scenario-q{margin-bottom:var(--space-3)}.q-label{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--space-1)}.q-text{font-size:var(--text-lg);font-weight:600;font-style:italic;color:#fff}.scenario-a{background:var(--color-surface-raised);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-3)}.a-label{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--space-3)}.a-metrics{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.metric-item{font-size:var(--text-base);color:var(--color-text-secondary)}.metric-item strong{font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.a-reco{font-size:var(--text-sm);color:var(--color-accent);font-weight:500}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-12)}.why-card{padding:var(--space-6);border-left:2px solid var(--color-border);transition:border-color var(--duration-normal) var(--ease-out)}.why-card:hover{border-color:var(--color-accent)}.why-number{font-family:JetBrains Mono,monospace;font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-3)}.why-title{font-size:var(--text-base);font-weight:600;color:#fff;margin-bottom:var(--space-2)}.why-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.why-callout{text-align:center;padding:var(--space-10) var(--space-8);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.why-callout p{font-size:var(--text-2xl);font-weight:700;color:#fff;letter-spacing:-.01em}.proof-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:stretch}.proof-badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:600;color:var(--color-success);background:#6daa451f;padding:var(--space-2) var(--space-4);border-radius:100px;letter-spacing:.05em;margin-bottom:var(--space-6)}.proof-text{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-6)}.proof-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.proof-list li{font-size:var(--text-base);color:var(--color-text-secondary);padding-left:var(--space-6);position:relative}.proof-list li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:600}.proof-metrics{display:flex;flex-direction:column;justify-content:space-evenly;gap:var(--space-8);padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.proof-metric{display:flex;flex-direction:column;gap:var(--space-2)}.proof-metric-value{font-family:JetBrains Mono,monospace;font-size:var(--text-3xl);font-weight:700;color:#fff;letter-spacing:-.02em}.proof-metric-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-12)}.step-card{padding:var(--space-8);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.step-number{font-family:JetBrains Mono,monospace;font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.step-title{font-size:var(--text-xl);font-weight:600;color:#fff;margin-bottom:var(--space-3)}.step-desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.insight-callout{text-align:center;padding:var(--space-10) var(--space-8);border-top:1px solid var(--color-border)}.insight-text{font-size:var(--text-xl);font-weight:600;color:var(--color-text-secondary)}.diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-12)}.diff-card{padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.diff-title{font-size:var(--text-xl);font-weight:700;color:#fff;margin-bottom:var(--space-3)}.diff-desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.audience-grid-6{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.audience-card-6{padding:var(--space-8);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-normal) var(--ease-out)}.audience-card-6:hover{border-color:var(--color-accent)}.audience-icon-6{color:var(--color-accent);margin-bottom:var(--space-5)}.audience-title-6{font-size:var(--text-lg);font-weight:600;color:#fff;margin-bottom:var(--space-2)}.audience-desc-6{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.lang-toggle{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);margin-left:var(--space-4)}.lang-toggle:hover{color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.impl-timeline{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-8)}.impl-step{display:flex;align-items:flex-start;gap:var(--space-6);padding:var(--space-6) var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-normal) var(--ease-out)}.impl-step:hover{border-color:var(--color-accent)}.impl-number{font-family:JetBrains Mono,monospace;font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-dim);border-radius:var(--radius-md)}.impl-content{flex:1}.impl-title{font-size:var(--text-lg);font-weight:600;color:#fff;margin-bottom:var(--space-1)}.impl-desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.section-cta{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%);text-align:center;padding:var(--space-32) 0}.cta-headline{font-size:var(--text-3xl);font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:var(--space-4)}.cta-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-10);line-height:1.6}.cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-6)}.cta-reassurance{font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer{padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--color-border)}.footer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.footer-brand a,.footer-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text-secondary);font-weight:500;font-size:var(--text-base)}.footer-logo svg{color:var(--color-accent)}.footer-links{display:flex;gap:var(--space-6)}.footer-link{font-size:var(--text-sm);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--duration-normal) var(--ease-out)}.footer-link:hover{color:var(--color-text-secondary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.footer-copy{font-size:var(--text-xs);color:var(--color-text-tertiary)}.footer-attribution{font-size:var(--text-xs);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--duration-normal) var(--ease-out)}.footer-attribution:hover{color:var(--color-text-secondary)}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.scenario-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.proof-content,.steps-grid{grid-template-columns:1fr}.audience-grid-6{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--container-padding: var(--space-5)}.section{padding:var(--space-16) 0}.hero-content{max-width:100%}.hero-headline{font-size:clamp(1.75rem,1.3rem + 2.25vw,2.5rem)}.section-headline{font-size:clamp(1.5rem,1.2rem + 1.5vw,2rem)}.why-grid,.diff-grid,.audience-grid-6{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{text-align:center}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn{width:100%;max-width:320px}.footer-top{flex-direction:column;gap:var(--space-4);align-items:flex-start}.footer-bottom{flex-direction:column;gap:var(--space-3);align-items:flex-start}.impl-step{flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.proof-metrics{flex-direction:row;flex-wrap:wrap}.proof-metric{flex:1;min-width:120px}.section-cta{padding:var(--space-20) 0}.why-callout p{font-size:var(--text-xl)}}@media(max-width:480px){.proof-metrics{flex-direction:column}.hero-actions{gap:var(--space-3)}}