*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #050505;--bg-surface: #0a0a0a;--bg-elevated: #111111;--bg-card: #0d0d0d;--accent: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .15);--accent-glow-strong: rgba(99, 102, 241, .3);--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #525252;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--section-pad: clamp(4rem, 10vh, 8rem);--container-max: 1200px;--container-pad: clamp(1rem, 5vw, 2.5rem);--radius-sm: .75rem;--radius-md: 1.25rem;--radius-lg: 2rem;--radius-xl: 2.5rem;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-med: .35s;--duration-slow: .6s}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-secondary);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}a:hover{color:var(--text-primary);transform:translateY(-1px)}::selection{background:var(--accent);color:#fff}.noise-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.section{padding:var(--section-pad) 0;position:relative}.section-eyebrow{font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--text-primary);line-height:1.15;margin-bottom:1.25rem}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin-bottom:3.5rem;line-height:1.8}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-hover),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent-dot{color:var(--accent);-webkit-text-fill-color:var(--accent)}.navbar{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:2rem;width:max-content;max-width:calc(100% - 2.5rem);padding:.7rem 1rem .7rem 1.5rem;background:transparent;border:1px solid transparent;border-radius:100px;box-shadow:none;transition:background var(--duration-med) var(--ease-out),padding var(--duration-med) var(--ease-out),box-shadow var(--duration-med) var(--ease-out),top var(--duration-med) var(--ease-out),border-color var(--duration-med) var(--ease-out),backdrop-filter var(--duration-med) var(--ease-out)}.navbar.scrolled{top:.75rem;padding:.55rem .85rem .55rem 1.25rem;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#050505d9;border-color:#ffffff1a;box-shadow:0 8px 40px #00000080,0 0 0 1px #ffffff0d inset}.nav-brand{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap}.nav-brand:hover{transform:none}.nav-links{display:flex;gap:1.75rem;list-style:none}.nav-link{font-size:.82rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em;position:relative;white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--accent);transition:width var(--duration-med) var(--ease-out)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-cta{font-size:.78rem;font-weight:600;padding:.5rem 1.25rem;background:var(--accent);border:none;border-radius:100px;color:#fff;white-space:nowrap;transition:all var(--duration-med) var(--ease-out)}.nav-cta:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow-strong);transform:translateY(-1px)}.hero{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.hero-radial{position:absolute;width:800px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--accent-glow) 0%,transparent 60%);pointer-events:none;animation:pulse-glow 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}.hero-content{position:relative;z-index:2;padding:0 var(--container-pad);max-width:900px}.hero-eyebrow{font-family:var(--font-mono);font-size:.82rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,8vw,6rem);font-weight:900;color:var(--text-primary);line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}.hero-title-line{display:block}.hero-title-accent{background:linear-gradient(135deg,var(--accent),var(--accent-hover),#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2vw,1.1rem);color:var(--text-secondary);max-width:550px;margin:0 auto 1.5rem;line-height:1.8}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:.95rem 2rem;border-radius:var(--radius-md);cursor:pointer;position:relative;overflow:hidden;border:none;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-med) var(--ease-out)}.btn:hover{transform:scale(1.03) translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary .btn-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-hover),#a78bfa);opacity:0;transition:opacity var(--duration-med) var(--ease-out)}.btn-primary:hover .btn-bg{opacity:1}.btn-primary:hover{box-shadow:0 0 30px var(--accent-glow-strong),0 8px 32px #0000004d}.btn-primary .btn-text,.btn-primary .btn-arrow{position:relative;z-index:1}.btn-arrow{transition:transform var(--duration-fast) var(--ease-out)}.btn:hover .btn-arrow{transform:translate(3px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-hover)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--accent);background:var(--accent-glow)}.scroll-indicator{position:absolute;bottom:clamp(1rem,4vh,3rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.scroll-line{width:1px;height:clamp(20px,5vh,40px);background:linear-gradient(to bottom,var(--accent),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.journey-steps{position:relative;max-width:1000px;margin:4rem auto 0;display:flex;flex-direction:column;gap:4rem}.journey-connector{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff0d;transform:translate(-50%);z-index:1}.journey-connector-fill{position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(to bottom,var(--accent),var(--accent-glow-strong));box-shadow:0 0 20px var(--accent-glow)}.journey-step{position:relative;display:flex;width:100%;justify-content:flex-start;z-index:2}.journey-step:nth-child(2n){justify-content:flex-end}.journey-step-content{width:45%;padding:2.5rem;background:#0f0f1499;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);position:relative;transition:all var(--duration-med) var(--ease-out)}.journey-step:hover .journey-step-content{border-color:var(--accent);background:#14141ccc;transform:translateY(-5px);box-shadow:0 10px 30px #0006}.journey-step-marker{position:absolute;left:50%;top:2.5rem;transform:translate(-50%);width:1.25rem;height:1.25rem;background:var(--bg);border:2px solid var(--border);border-radius:50%;z-index:10;transition:all var(--duration-med) var(--ease-out)}.journey-step.active .journey-step-marker{border-color:var(--accent);background:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.journey-step-num{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent);white-space:nowrap}.journey-step:nth-child(odd) .journey-step-num{right:-2.5rem}.journey-step:nth-child(2n) .journey-step-num{left:-2.5rem}.journey-step-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.journey-step-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.journey-step-tag{display:inline-block;font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1rem;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:100px}.journey-step:before{content:"";position:absolute;top:3.1rem;height:2px;background:#ffffff0d;z-index:1}.journey-step:nth-child(odd):before{left:calc(45% + 1rem);right:50%}.journey-step:nth-child(2n):before{right:calc(45% + 1rem);left:50%}@media(max-width:992px){.journey-connector,.journey-step-marker{left:2rem}.journey-step-content{width:calc(100% - 4rem);margin-left:4rem;padding:1.5rem}.journey-step:nth-child(2n){justify-content:flex-start}.journey-step:before{left:2rem!important;right:auto!important;width:2rem}.journey-step-num{left:-2.5rem!important;right:auto!important}.journey-steps{gap:2.5rem}}.phase-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.phase-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;overflow:hidden;transition:border-color var(--duration-med) var(--ease-out),transform var(--duration-med) var(--ease-out)}.phase-card:hover{border-color:var(--accent);transform:translateY(-4px)}.phase-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--accent-glow) 0%,transparent 50%);opacity:0;transition:opacity var(--duration-slow) var(--ease-out);pointer-events:none}.phase-card:hover .phase-card-glow{opacity:1}.phase-card-header{margin-bottom:1.25rem}.phase-number{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:.5rem}.phase-card-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--text-primary)}.phase-card-body p{font-size:.92rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.7}.phase-checklist{list-style:none;display:flex;flex-direction:column;gap:.6rem}.phase-checklist li{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.6rem;line-height:1.5}.check-icon{color:var(--accent);font-size:.5rem;margin-top:.4rem;flex-shrink:0}.protocol{background:var(--bg-surface)}.protocol-block{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.protocol-header{display:flex;align-items:center;padding:1rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.protocol-dots{display:flex;gap:.45rem;margin-right:1rem}.protocol-dots span{width:10px;height:10px;border-radius:50%;background:var(--text-muted);opacity:.5}.protocol-dots span:first-child{background:#ef4444;opacity:.7}.protocol-dots span:nth-child(2){background:#eab308;opacity:.7}.protocol-dots span:last-child{background:#22c55e;opacity:.7}.protocol-label{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);flex:1}.copy-btn{font-family:var(--font-mono);font-size:.78rem;font-weight:500;padding:.45rem 1.1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;position:relative;overflow:hidden;transition:all var(--duration-fast) var(--ease-out)}.copy-btn:hover{background:var(--accent-hover);transform:scale(1.03)}.copy-btn-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:var(--radius-sm);transform:translateY(100%);transition:transform var(--duration-med) var(--ease-spring)}.copy-btn.copied .copy-btn-check{transform:translateY(0)}.protocol-code{padding:2rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.9;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;max-height:500px;overflow-y:auto}.protocol-code::-webkit-scrollbar{width:6px}.protocol-code::-webkit-scrollbar-track{background:transparent}.protocol-code::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.doctrine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.doctrine-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-med) var(--ease-out),transform var(--duration-med) var(--ease-out)}.doctrine-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.doctrine-index{font-family:var(--font-heading);font-size:3rem;font-weight:900;background:linear-gradient(180deg,rgba(99,102,241,.25),transparent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:.75rem;line-height:1}.doctrine-card h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.doctrine-card p{font-size:.92rem;line-height:1.75;color:var(--text-secondary)}.tools{background:var(--bg-surface)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.tool-card{padding:1.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-med) var(--ease-out),transform var(--duration-med) var(--ease-out),box-shadow var(--duration-med) var(--ease-out)}.tool-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,0 0 20px var(--accent-glow)}.tool-icon{font-size:1.75rem;margin-bottom:1rem}.tool-tag{font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:.5rem}.tool-card h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.6rem}.tool-card p{font-size:.85rem;line-height:1.7;color:var(--text-secondary)}.tool-card{text-decoration:none;display:flex;flex-direction:column}.tool-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow),inset 0 0 20px var(--accent-glow)}.deploy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.deploy-card{padding:2.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--duration-med) var(--ease-out)}.deploy-step-number{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);margin-bottom:1rem}.deploy-title{font-size:1.25rem;margin-bottom:1rem}.footer{min-height:120vh;padding:8rem 0;display:flex;align-items:center;position:relative;background:radial-gradient(circle at bottom,rgba(99,102,241,.05) 0%,transparent 70%)}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem}.footer-feedback-header{margin-bottom:2rem}.footer-feedback-header .section-title{margin-bottom:1rem}.footer-feedback-header .section-subtitle{margin-bottom:0}.footer-terminal{width:100%;max-width:600px;background:#0a0a0f;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #00000080}.terminal-header{padding:.75rem 1rem;background:#ffffff08;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem}.terminal-dots{display:flex;gap:.4rem}.terminal-dots span{width:8px;height:8px;border-radius:50%;background:#fff3}.terminal-title{font-family:var(--font-mono);font-size:.7rem;opacity:.5}.terminal-body{padding:1.5rem;font-family:var(--font-mono);font-size:.9rem;text-align:left}.terminal-line{margin-bottom:.5rem;color:var(--text-primary)}.terminal-line.secondary{opacity:.4}.terminal-status{margin-top:1rem;font-size:.8rem;opacity:.4}.terminal-caret{display:inline-block;width:8px;height:1.2em;background:var(--accent);margin-left:4px;vertical-align:middle;animation:caret-blink 1s step-end infinite}@keyframes caret-blink{50%{opacity:0}}.user-input{color:#fff;white-space:pre-wrap;word-break:break-all}.footer-main .footer-brand{font-size:clamp(3rem,10vw,5rem);font-weight:900;letter-spacing:-.05em;margin-bottom:.5rem;background:linear-gradient(to bottom,#fff,#ffffff4d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;display:block}.footer-tagline{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem}.footer-cta-group{display:flex;flex-direction:column;align-items:center;gap:2rem}.magnetic-btn.primary{padding:1rem 2.5rem;background:var(--accent);color:#fff;border-radius:100px;font-weight:600;text-decoration:none}.footer-socials{display:flex;gap:1.5rem}.social-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .3s ease}.social-link:hover{color:var(--accent)}.footer-bottom{margin-top:4rem;opacity:.5;font-size:.8rem}.footer-credit{color:inherit;text-decoration:none;margin-left:.5rem;transition:color .3s ease;border-bottom:1px solid transparent}.footer-credit:hover{color:var(--accent);border-bottom-color:var(--accent)}@media(max-width:768px){.footer-main .footer-brand{font-size:3rem}}.anim-fade-up{opacity:0;transform:translateY(30px)}.magnetic-btn{transition:transform var(--duration-fast) var(--ease-out)}@media(max-width:768px){.section-title{font-size:clamp(1.8rem,8vw,2.5rem)}.hero-title{font-size:clamp(2.2rem,11vw,4rem);margin-bottom:1.25rem}.hero-subtitle{font-size:.95rem;margin-bottom:1.5rem}.btn{padding:.8rem 1.5rem;font-size:.9rem}.phase-cards,.doctrine-grid,.tools-grid{grid-template-columns:1fr;gap:1rem}.footer-main .footer-brand{font-size:3rem}}@media(max-width:1024px){.nav-links{display:none}.navbar{width:calc(100% - 2rem);padding:.6rem 1.25rem}}@media(max-width:480px){.hero-actions{flex-direction:column;width:100%;padding:0 1rem}.hero-actions .btn{width:100%;justify-content:center}.container{padding:0 1.25rem}.protocol-code{font-size:.75rem;padding:1.25rem}}
