@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg-main: #0C0D10;--surface-main: #15181E;--surface-elevated: #181B22;--border-subtle: #292D34;--accent-cyan: #7DD3FC;--text-primary: #F4F5F7;--text-secondary: #929BA8;--color-success: #6ED6A0;--color-error: #F87171;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-citation: "Georgia", Cambria, "Times New Roman", Times, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}@layer base{html{margin:0;padding:0;background-color:#0c0d10;color:#f4f5f7;overflow-x:clip;overflow-y:auto;scroll-behavior:smooth}body{margin:0;padding:0;background-color:#0c0d10;color:#f4f5f7;font-family:var(--font-body);font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:clip;overflow-y:visible}#root{min-height:100vh;background-color:#0c0d10}}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,.font-heading,.font-headline-2xl,.font-headline-xl,.font-headline-lg,.font-headline-md,.font-headline-2xl-mobile,.font-headline-xl-mobile,.font-headline-lg-mobile{font-family:var(--font-heading)!important;letter-spacing:-.025em!important;text-rendering:optimizeLegibility}h1,.font-headline-2xl{font-weight:700;letter-spacing:-.035em!important;line-height:1.15}h2,.font-headline-xl{font-weight:600;letter-spacing:-.028em!important;line-height:1.25}h3,.font-headline-lg{font-weight:600;letter-spacing:-.02em!important;line-height:1.3}h4,.font-headline-md{font-weight:500;letter-spacing:-.015em!important;line-height:1.35}h5,h6{font-weight:500;letter-spacing:-.01em!important;line-height:1.4}p,.font-body,.font-body-lg,.font-body-md,.font-body-sm{font-family:var(--font-body)}p{line-height:1.68;letter-spacing:-.005em}cite,.citation,.font-citation,.citation-text,.evidence-source-excerpt,.citation-chip,.source-citation,.cited-source,.citation-reference,.requirements-document__source{font-family:var(--font-citation)!important}.citation-chip{font-family:var(--font-citation)!important;font-style:italic;letter-spacing:.02em}blockquote,.quote,.quotation,.quotation-bubble,.editorial-quote,.conflict-quote{font-family:var(--font-citation);font-style:italic!important;line-height:1.75;letter-spacing:.01em}blockquote{position:relative;margin:1.25rem 0;padding:1rem 1.25rem;border-left:3px solid #7bd0ff;background:linear-gradient(135deg,#ffffff08,#7bd0ff0d);border-radius:0 10px 10px 0;color:#e3e1e9;font-size:.95rem;box-shadow:inset 0 1px 2px #0000004d}.evidence-source-excerpt{font-family:var(--font-citation)!important;font-style:italic!important;font-size:.94rem;line-height:1.75;padding:1rem 1.25rem;background:#121318d9;border-left:3px solid #7bd0ff;border-radius:0 8px 8px 0;color:#e3e1e9;box-shadow:inset 0 1px 3px #0006}.metadata,.meta-italic,.metadata-italic,.caption-italic,.subtext-italic,.evidence-drawer__section-label,.requirements-document__eyebrow,.source-vault__eyebrow,.analysis-trace__eyebrow,.requirements-document__finding-meta,.evidence-location,.meta-subtext,.citation-meta,.timestamp-meta{font-style:italic}.requirements-document__eyebrow,.source-vault__eyebrow,.analysis-trace__eyebrow,.evidence-drawer__section-label{font-family:var(--font-body);font-style:italic;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;color:#8e9193}.requirements-document__finding-meta{font-style:italic;font-size:.78rem;color:#8e9193;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.evidence-location{font-style:italic;font-size:.82rem;color:#7bd0ff}button,input,select,textarea,.btn,.studio-nav-btn{font-family:var(--font-body)}.font-label-mono,.font-label-mono-sm,code,pre,kbd{font-family:var(--font-mono)!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0d0e13}::-webkit-scrollbar-thumb{background:#292a2f;border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#00a6e0}@keyframes pulseGlow{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.24;transform:scale(1.08)}}.animate-pulse-glow{animation:pulseGlow 10s ease-in-out infinite}.mermaid-svg-container,.mermaid-viewport{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;width:100%;max-width:100%;max-height:440px;overflow:auto;background:#0f1117b3;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;box-sizing:border-box}.mermaid-svg-container svg,.mermaid-viewport svg{max-width:100%!important;max-height:400px!important;height:auto!important;width:auto!important;margin:0 auto!important;display:block}.mermaid-card{background:var(--surface-container-low, #181920);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;margin-top:12px;width:100%;box-sizing:border-box}.mermaid-card.fullscreen{position:fixed;top:20px;right:20px;bottom:20px;left:20px;z-index:9999;background:#0f1015;border:1px solid rgba(255,255,255,.16);box-shadow:0 25px 60px #000000d9;display:flex;flex-direction:column;padding:24px}.mermaid-card.fullscreen .mermaid-viewport{max-height:calc(100vh - 120px);height:100%;flex:1}.mermaid-card.fullscreen .mermaid-viewport svg{max-height:calc(100vh - 160px)!important}.mermaid-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.diagram-tabs{display:flex;gap:6px}.diagram-tabs .tab-btn{padding:6px 12px;font-size:11px;font-family:inherit;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--on-surface-variant, #94a3b8);cursor:pointer;transition:all .2s ease}.diagram-tabs .tab-btn:hover{background:#ffffff14;color:#fff}.diagram-tabs .tab-btn.active{background:#0284c733;border-color:#0284c7;color:#38bdf8;font-weight:600}.mermaid-controls{display:flex;gap:8px}.mermaid-controls .btn{padding:5px 10px;font-size:11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--on-surface, #e2e8f0);border-radius:6px;cursor:pointer}.mermaid-controls .btn:hover{background:#ffffff1f}.scroll-reveal{opacity:0;transform:perspective(1200px) rotateX(4deg) translateY(44px) scale(.975);filter:blur(10px);transform-origin:center bottom;transition:opacity 1.15s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1),filter 1.15s cubic-bezier(.16,1,.3,1);will-change:opacity,transform,filter}.scroll-reveal.is-revealed{opacity:1;transform:perspective(1200px) rotateX(0) translateY(0) scale(1);filter:blur(0)}.scroll-reveal-left{opacity:0;transform:perspective(1200px) rotateY(4deg) translate(-54px) scale(.98);filter:blur(10px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1);will-change:opacity,transform,filter}.scroll-reveal-left.is-revealed{opacity:1;transform:perspective(1200px) rotateY(0) translate(0) scale(1);filter:blur(0)}.scroll-reveal-right{opacity:0;transform:perspective(1200px) rotateY(-4deg) translate(54px) scale(.98);filter:blur(10px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1);will-change:opacity,transform,filter}.scroll-reveal-right.is-revealed{opacity:1;transform:perspective(1200px) rotateY(0) translate(0) scale(1);filter:blur(0)}.scroll-reveal-zoom{opacity:0;transform:scale(1.1);filter:blur(12px);transition:opacity 1.35s cubic-bezier(.16,1,.3,1),transform 1.35s cubic-bezier(.16,1,.3,1),filter 1.35s cubic-bezier(.16,1,.3,1);will-change:opacity,transform,filter}.scroll-reveal-zoom.is-revealed{opacity:1;transform:scale(1);filter:blur(0)}.delay-75{transition-delay:75ms}.delay-150{transition-delay:.15s}.delay-225{transition-delay:225ms}.delay-300{transition-delay:.3s}.delay-375{transition-delay:375ms}.delay-450{transition-delay:.45s}.delay-550{transition-delay:.55s}#overview .scroll-reveal,#overview .scroll-reveal-left,#overview .scroll-reveal-right,#overview .scroll-reveal-zoom{opacity:1!important;transform:none!important;filter:none!important}@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal-left,.scroll-reveal-right,.scroll-reveal-zoom,.scroll-reveal:not(.is-revealed),.scroll-reveal-left:not(.is-revealed),.scroll-reveal-right:not(.is-revealed),.scroll-reveal-zoom:not(.is-revealed){opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}.scroll-reveal:not(#overview *):not(.is-revealed),.scroll-reveal-left:not(#overview *):not(.is-revealed),.scroll-reveal-right:not(#overview *):not(.is-revealed),.scroll-reveal-zoom:not(#overview *):not(.is-revealed){transition:none!important;opacity:0}.ambient-glow-card{position:relative;overflow:hidden;transition:box-shadow .7s cubic-bezier(.16,1,.3,1),border-color .7s cubic-bezier(.16,1,.3,1),background-color .7s cubic-bezier(.16,1,.3,1)}.ambient-glow-card:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.04) 40%,rgba(104,252,191,.09) 50%,rgba(123,208,255,.06) 60%,transparent 80%);pointer-events:none}.ambient-glow-card.is-revealed:after{animation:specularSweep 1.8s cubic-bezier(.16,1,.3,1) forwards}@keyframes specularSweep{0%{left:-150%;opacity:0}30%{opacity:1}to{left:170%;opacity:0}}.ambient-glow-card:hover{box-shadow:0 16px 40px -10px #00a6e02e,0 0 20px -4px #68fcbf1f;border-color:#7bd0ff52!important}.scroll-progress-bar{position:fixed;top:56px;left:0;height:2px;background:linear-gradient(90deg,#00a6e0,#7bd0ff 60%,#68fcbf);z-index:49;transition:width .08s cubic-bezier(.1,.9,.2,1);box-shadow:0 0 12px #68fcbfcc,0 0 28px #7bd0ff80}.scroll-progress-bar:after{content:"";position:absolute;right:-2px;top:-3px;width:8px;height:8px;border-radius:9999px;background:#68fcbf;box-shadow:0 0 10px #68fcbf,0 0 20px #7bd0ff;animation:laserPulse 1.8s ease-in-out infinite}@keyframes laserPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:1}}.scroll-hud-capsule{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateZ(0);z-index:40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#121318d6;border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:6px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 40px #0000008c,0 0 16px #00a6e01a;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.scroll-hud-capsule.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%) translate3d(0,24px,0)}.hero-scroll-indicator{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;transition:opacity .4s ease,transform .4s ease;pointer-events:none}.hero-scroll-indicator.is-hidden{opacity:0;transform:translate(-50%) translateY(12px)}.hero-scroll-pill{width:20px;height:32px;border-radius:9999px;border:1.5px solid rgba(255,255,255,.22);display:flex;justify-content:center;padding-top:5px;background:#12131866;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-scroll-pip{width:3px;height:6px;border-radius:9999px;background:#68fcbf;box-shadow:0 0 8px #68fcbf;animation:scrollPipBounce 2.2s cubic-bezier(.65,0,.35,1) infinite}@keyframes scrollPipBounce{0%{transform:translateY(0);opacity:1}60%{transform:translateY(12px);opacity:.1}to{transform:translateY(0);opacity:1}}.step-card{position:relative;background:#121318b8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),background-color .45s cubic-bezier(.16,1,.3,1);overflow:hidden}.step-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 40%,rgba(255,255,255,.03));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.step-card:hover{transform:translateY(-6px);border-color:#7bd0ff66;box-shadow:0 24px 48px -12px #000c,0 0 35px #7bd0ff24}.step-card-mint:hover{border-color:#ffffff73;box-shadow:0 24px 48px -12px #000c,0 0 35px #ffffff1f}.step-card-lavender:hover{border-color:#e0b6ff66;box-shadow:0 24px 48px -12px #000c,0 0 35px #e0b6ff24}.wave-bar{width:3px;border-radius:3px;background:#7bd0ff;animation:wavePulse 1.2s ease-in-out infinite alternate}.wave-bar:nth-child(2){animation-delay:.15s}.wave-bar:nth-child(3){animation-delay:.3s}.wave-bar:nth-child(4){animation-delay:.45s}.wave-bar:nth-child(5){animation-delay:.6s}@keyframes wavePulse{0%{height:4px;opacity:.4}to{height:16px;opacity:1}}.workflow-connector-line{background:linear-gradient(90deg,#7bd0ff66,#63f3ab99,#e0b6ff80);background-size:200% 100%;animation:flowLine 5s linear infinite}@keyframes flowLine{0%{background-position:0% 0%}to{background-position:200% 0%}}.studio-nav-item{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.625rem .25rem;font-size:.8125rem;font-weight:500;color:#929ba8;transition:color .15s ease;white-space:nowrap;background:transparent;border:none;cursor:pointer}.studio-nav-item:hover,.studio-nav-item.is-active{color:#f4f5f7}.studio-nav-item.is-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#7dd3fc;border-radius:9999px;box-shadow:0 0 10px #7dd3fc66}.borderless-surface{background-color:#15181e;border-radius:.75rem}.doc-section-card{position:relative;background-color:#15181e;border-radius:.75rem;padding:1.75rem;transition:background-color .2s ease}.doc-section-divider{height:1px;background-color:#292d34;margin:1.5rem 0}.unified-input-surface{background-color:#15181e;border-radius:.875rem;box-shadow:0 8px 30px #00000059;transition:box-shadow .2s ease,border-color .2s ease}.unified-input-surface:focus-within{box-shadow:0 12px 38px #00000080,0 0 0 1px #7dd3fc40}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#292d34;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#3b424d}
