:root{--bg: #0a0f14;--panel: #0f161e;--border: rgba(45, 212, 191, .14);--gold: #2dd4bf;--gold-dim: #0d9488;--gold-glow: rgba(45, 212, 191, .12);--text: #e6edf3;--text-sub: #7d8a99;--text-dim: #3d4a57;--green: #4ade80;--red: #f87171;--blue: #60a5fa}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace;font-size:14px;line-height:1.6;overflow-x:hidden;min-width:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;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='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}.font-heading{font-family:Syne,sans-serif}.font-mono{font-family:Space Mono,monospace}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold-dim)}nav{position:fixed;top:0;left:0;right:0;height:64px;background:#0a0f14e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:999}.nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none}.nav-logo-icon{width:36px;height:36px;border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--gold-glow);font-family:Syne,sans-serif;font-weight:800;font-size:13px;color:var(--gold);letter-spacing:-.5px;flex-shrink:0}.nav-logo-text{font-family:Syne,sans-serif;font-weight:800;font-size:16px;letter-spacing:.2em;color:var(--text);line-height:1.2;white-space:nowrap}.nav-logo-text span{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-links a{text-decoration:none;font-family:Space Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--text-sub);transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .2s}.nav-links a:hover{color:var(--gold)}.nav-links a:hover:after{transform:scaleX(1)}.nav-ca-copy{display:flex;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:9px;color:var(--gold);background:#2dd4bf0f;border:1px solid var(--border);padding:6px 12px;border-radius:4px;cursor:pointer;transition:border-color .2s,background .2s,color .2s;flex-shrink:0;min-width:4.5em}.nav-ca-copy:hover{border-color:#2dd4bf66;background:var(--gold-glow)}.nav-ca-copy.copied{border-color:var(--green);color:var(--green);background:#4ade8014;min-width:5.5em}.nav-ca-label{letter-spacing:.15em;color:var(--text-sub)}.nav-ca-value{letter-spacing:.05em;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-ca-copy.copied .nav-ca-label,.nav-ca-copy.copied .nav-ca-value{display:none}.nav-ca-copy.copied:after{content:"Copied ✓";color:var(--green);letter-spacing:.1em}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}#hero.hero-section{padding-top:80px}#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:64px;position:relative;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(45,212,191,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,191,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 40%,transparent 100%)}.hero-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(45,212,191,.07) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 24px;overflow:visible;min-width:0}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid var(--border);border-radius:999px;background:var(--panel);font-family:Space Mono,monospace;font-size:9px;color:var(--gold);letter-spacing:.2em;margin-bottom:32px}.badge-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}.hero-title{font-family:Syne,sans-serif;font-size:clamp(42px,6.5vw,72px);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-bottom:24px;opacity:0;animation:fadeUp .8s .2s forwards;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:100%;min-width:0;word-break:keep-all;overflow-wrap:normal}.hero-title-line{display:block;width:100%;text-align:center;line-height:1.05;letter-spacing:-.02em}@media (max-width: 600px){.hero-title{font-size:clamp(28px,10vw,42px)}}@media (min-width: 1400px){.hero-title{font-size:clamp(52px,4vw,72px)}}.hero-title .accent{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dim) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:15px;color:var(--text-sub);max-width:500px;margin:0 auto 40px;opacity:0;animation:fadeUp .8s .4s forwards}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .6s forwards}.btn-primary{padding:12px 28px;background:var(--gold);color:var(--bg);font-family:Syne,sans-serif;font-weight:700;font-size:12px;letter-spacing:.15em;border:none;cursor:pointer;text-decoration:none;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:background .2s}.btn-primary:hover{background:var(--gold-dim)}.btn-secondary{padding:12px 28px;background:transparent;color:var(--gold);font-family:Space Mono,monospace;font-size:11px;border:1px solid rgba(45,212,191,.3);cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--gold);color:var(--text)}.hero-stats{margin-top:64px;display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .8s forwards}.stat-item{text-align:center}.stat-num{font-family:Syne,sans-serif;font-size:28px;font-weight:800;color:var(--gold);display:block;line-height:1.2}.stat-label{font-size:9px;color:var(--text-sub);letter-spacing:.2em;text-transform:uppercase;display:block;line-height:1.3}.stat-sep{width:1px;height:40px;background:var(--border);flex-shrink:0}.stat-pct{font-size:18px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section{padding:96px 0;position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 32px}.section-header{margin-bottom:56px}.section-label{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px;line-height:1}.section-label:before{content:"";width:24px;height:1px;background:var(--gold);flex-shrink:0}.section-title{font-family:Syne,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.01em;line-height:1.15;display:block;text-align:left}.section-header.section-header--center .section-title,.section-header.section-header--center .section-label{text-align:center}.section-header.section-header--center .section-label{justify-content:center}.section-header.section-header--playground{margin-bottom:40px}.section-header.section-header--playground .section-desc{margin:12px auto 0}.section-desc{color:var(--text-sub);margin-top:12px;max-width:520px;font-size:13px;line-height:1.5}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.skill-card{background:var(--bg);padding:28px;cursor:pointer;transition:background .2s;position:relative;overflow:hidden}.skill-card:hover{background:#2dd4bf08}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .3s}.skill-card:hover:before{transform:scaleX(1)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-icon{width:40px;height:40px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--gold-glow);font-size:18px;flex-shrink:0}.card-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.badge{font-family:Space Mono,monospace;font-size:8px;letter-spacing:.1em;padding:3px 7px;border-radius:3px;text-transform:uppercase}.badge-live{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.badge-beta{background:#60a5fa1a;color:#60a5fa;border:1px solid rgba(96,165,250,.2)}.badge-phase2{background:#2dd4bf14;color:var(--gold);border:1px solid var(--border)}.badge-bap{background:#2dd4bf1a;color:var(--gold);border:1px solid rgba(45,212,191,.2)}.badge-cat{background:var(--panel);color:var(--text-sub);border:1px solid var(--border)}.card-name{font-family:Space Mono,monospace;font-size:12px;font-weight:700;color:var(--gold);margin-bottom:6px;letter-spacing:.05em;line-height:1.3;display:block}.card-title{font-family:Syne,sans-serif;font-size:17px;font-weight:700;margin-bottom:10px;color:var(--text);line-height:1.25;display:block}.card-desc{font-size:12px;color:var(--text-sub);line-height:1.6;margin-bottom:20px}.card-meta{display:flex;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--border)}.meta-item{font-size:10px;color:var(--text-sub);line-height:1.3}.meta-item span{color:var(--text);font-weight:700}.try-btn{margin-left:auto;padding:6px 14px;background:transparent;border:1px solid var(--border);color:var(--gold);font-family:Space Mono,monospace;font-size:9px;letter-spacing:.1em;cursor:pointer;transition:all .2s}.try-btn:hover{background:var(--gold);color:var(--bg);border-color:var(--gold)}.category-tabs{display:flex;gap:4px;margin-bottom:32px;flex-wrap:wrap}.tab{padding:8px 20px;background:var(--panel);border:1px solid var(--border);color:var(--text-sub);font-family:Space Mono,monospace;font-size:9px;letter-spacing:.15em;cursor:pointer;transition:all .2s;text-transform:uppercase;line-height:1.2}.tab:hover{color:var(--gold);border-color:#2dd4bf4d}.tab.active{background:var(--gold-glow);color:var(--gold);border-color:#2dd4bf66}#playground{background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.playground-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.playground-grid{grid-template-columns:1fr}}.pg-panel{background:var(--bg);border:1px solid var(--border);border-radius:4px;overflow:hidden}.pg-panel-header{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#2dd4bf08}.pg-panel-title{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;line-height:1.2}.pg-panel-meta{font-size:9px;font-family:Space Mono,monospace;color:var(--text-sub);line-height:1.2}.pg-panel-body{padding:20px}.form-group{margin-bottom:16px}.form-group--row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.form-group--row{grid-template-columns:1fr}}.form-label{display:block;font-family:Space Mono,monospace;font-size:9px;letter-spacing:.15em;color:var(--text-sub);text-transform:uppercase;margin-bottom:8px;line-height:1.3}select,input,textarea{width:100%;background:var(--panel);border:1px solid var(--border);color:var(--text);font-family:DM Mono,monospace;font-size:12px;padding:10px 12px;outline:none;transition:border-color .2s;border-radius:3px}select:focus,input:focus,textarea:focus{border-color:#2dd4bf80}select{cursor:pointer}textarea{resize:vertical;min-height:160px;font-size:11px;line-height:1.7}.run-btn{width:100%;padding:14px;background:var(--gold);color:var(--bg);font-family:Syne,sans-serif;font-weight:800;font-size:12px;letter-spacing:.2em;border:none;cursor:pointer;transition:background .2s;text-transform:uppercase;margin-top:4px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.run-btn:hover{background:var(--gold-dim)}.run-btn:disabled{opacity:.4;cursor:not-allowed}.output-area{font-family:DM Mono,monospace;font-size:11px;line-height:1.8;min-height:400px;padding:20px;white-space:pre-wrap;color:var(--text);position:relative}.output-placeholder{color:var(--text-dim);font-style:italic}.output-line-key{color:var(--gold)}.output-line-val{color:#a3e635}.output-line-str{color:#86efac}.output-line-num{color:#60a5fa}.output-line-bool{color:#f9a8d4}.output-line-err{color:var(--red)}.output-line-comment{color:var(--text-sub)}.output-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.output-status{font-size:9px;font-family:Space Mono,monospace;letter-spacing:.1em;line-height:1.2}.status-ok{color:var(--green)}.status-running{color:var(--gold)}.latency-badge{font-size:9px;font-family:Space Mono,monospace;color:var(--text-sub);background:var(--panel);border:1px solid var(--border);padding:3px 8px;border-radius:3px}.typing:after{content:"▋";animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.roadmap-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:16px}@media (max-width: 768px){.roadmap-strip{grid-template-columns:1fr 1fr}}.phase-card{background:var(--bg);padding:28px 24px;position:relative;overflow:hidden}.phase-card.active{background:#2dd4bf0a}.phase-card.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-dim))}.phase-label{font-family:Space Mono,monospace;font-size:8px;letter-spacing:.25em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;line-height:1.2;display:block}.phase-date{font-size:9px;color:var(--text-sub);margin-bottom:12px;line-height:1.3;display:block}.phase-title{font-family:Syne,sans-serif;font-size:14px;font-weight:700;margin-bottom:12px;line-height:1.3;display:block}.phase-items{list-style:none;display:flex;flex-direction:column;gap:6px}.phase-items li{font-size:10px;color:var(--text-sub);padding-left:12px;position:relative;line-height:1.4}.phase-items li:before{content:"→";position:absolute;left:0;color:var(--gold-dim);font-size:10px}.contract-strip{background:var(--panel);border:1px solid rgba(45,212,191,.2);padding:16px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:48px;border-radius:4px}.contract-label{font-family:Space Mono,monospace;font-size:9px;color:var(--gold);letter-spacing:.2em;white-space:nowrap;line-height:1.2}.contract-addr{font-family:DM Mono,monospace;font-size:12px;color:var(--text);word-break:break-all;line-height:1.4}.contract-addr a{color:var(--gold);text-decoration:none}.contract-addr a:hover{text-decoration:underline}.contract-soon{color:var(--gold);letter-spacing:.15em;font-family:Space Mono,monospace}.contract-pending{font-size:9px;color:var(--text-sub);font-family:Space Mono,monospace;letter-spacing:.1em;margin-left:auto;line-height:1.2}.copy-btn{padding:6px 14px;background:transparent;border:1px solid var(--border);color:var(--text-sub);font-family:Space Mono,monospace;font-size:9px;cursor:pointer;transition:all .2s;white-space:nowrap;margin-left:auto}.copy-btn:hover{color:var(--gold);border-color:var(--gold)}footer{padding:48px 32px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;position:relative;z-index:1}.footer-brand{font-family:Syne,sans-serif;font-weight:800;font-size:14px;letter-spacing:.2em;color:var(--text-sub);line-height:1.2}.footer-brand span{color:var(--gold)}.footer-links{display:flex;gap:24px;align-items:center}.footer-links a{text-decoration:none;font-size:10px;color:var(--text-sub);letter-spacing:.1em;transition:color .2s;line-height:1.2}.footer-links a:hover{color:var(--gold)}.footer-copy{font-size:10px;color:var(--text-dim);line-height:1.3}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;display:none;align-items:center;justify-content:center;padding:24px}.modal-overlay.open{display:flex}.modal{background:var(--panel);border:1px solid var(--border);width:100%;max-width:560px;max-height:80vh;overflow-y:auto;border-radius:4px;padding:32px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.modal-close{background:none;border:none;color:var(--text-sub);font-size:20px;cursor:pointer;transition:color .2s;line-height:1;flex-shrink:0}.modal-close:hover{color:var(--gold)}.modal-name{font-family:Space Mono,monospace;font-size:11px;color:var(--gold);margin-bottom:4px;line-height:1.3;display:block}.modal-title{font-family:Syne,sans-serif;font-size:22px;font-weight:800;line-height:1.25;display:block}.modal-desc{font-size:12px;color:var(--text-sub);line-height:1.7;margin-bottom:20px}.modal-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.modal-example{background:var(--bg);border:1px solid var(--border);padding:16px;font-size:10px;color:#a3e635;overflow-x:auto;border-radius:3px;margin-bottom:16px;line-height:1.7;font-family:DM Mono,monospace}.modal-section-title{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:10px;line-height:1.2;display:block}.param-table{width:100%;border-collapse:collapse;margin-bottom:20px}.param-table th{font-family:Space Mono,monospace;font-size:8px;letter-spacing:.15em;color:var(--text-sub);text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);text-transform:uppercase;vertical-align:middle}.param-table td{font-size:11px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:top;line-height:1.4}.param-name{font-family:Space Mono,monospace;color:var(--gold);font-size:10px}.param-type{color:var(--blue);font-family:Space Mono,monospace;font-size:10px}.param-req{color:var(--red);font-family:Space Mono,monospace;font-size:9px}.param-opt{color:var(--text-sub);font-family:Space Mono,monospace;font-size:9px}.param-desc{color:var(--text-sub);font-size:11px}.try-in-pg{width:100%;padding:12px;background:var(--gold);color:var(--bg);font-family:Syne,sans-serif;font-weight:800;font-size:11px;letter-spacing:.2em;border:none;cursor:pointer;text-transform:uppercase;transition:background .2s;margin-top:8px}.try-in-pg:hover{background:var(--gold-dim)}.divider{height:1px;background:var(--border);margin:48px 0}.ticker-bar{background:var(--panel);border-bottom:1px solid var(--border);padding:8px 0;overflow:hidden;white-space:nowrap}.ticker-inner{display:inline-flex;gap:48px;animation:ticker 30s linear infinite}.ticker-item{font-family:Space Mono,monospace;font-size:9px;color:var(--text-sub);letter-spacing:.1em}.ticker-item .up{color:#4ade80}.ticker-item .down{color:#f87171}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.install-box{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--gold);padding:16px 20px;margin-top:40px;font-family:DM Mono,monospace;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.install-box-label{font-size:9px;color:var(--text-sub);letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px;line-height:1.2}.install-box-meta{font-size:10px;color:var(--text-sub);line-height:1.3}.install-box code{color:var(--text);line-height:1.4}.install-box code .cmd{color:var(--gold)}.skill-card[data-cat].hidden{display:none}@media (max-width: 768px){nav{padding:8px 16px 12px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));min-height:56px;height:auto;flex-wrap:wrap;gap:8px 12px;align-items:center}.nav-logo{flex-shrink:0}.nav-logo-text{font-size:13px;letter-spacing:.1em}.nav-links{gap:16px;flex-shrink:1;min-width:0}.nav-links a{font-size:9px;letter-spacing:.1em}.nav-ca-copy{flex-basis:100%;order:3;width:100%;margin:2px 0 0;justify-content:flex-end;padding:8px 0 0;border-top:1px solid var(--border)}.nav-ca-value{max-width:72px}#hero.hero-section{padding-top:88px}.hero-content{padding:0 16px;max-width:100%}.hero-badge{font-size:8px;padding:5px 12px;margin-bottom:24px}.hero-sub{font-size:14px;margin-bottom:32px}.hero-ctas{flex-direction:column;gap:10px;width:100%;max-width:280px;margin-left:auto;margin-right:auto}.hero-ctas .btn-primary,.hero-ctas .btn-secondary{width:100%;text-align:center}.hero-stats{margin-top:48px;gap:24px}.stat-num{font-size:22px}.stat-sep{height:32px}.section{padding:64px 0}.container{padding:0 20px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.section-header{margin-bottom:36px}.section-title{font-size:clamp(22px,5vw,32px)}.section-desc{font-size:12px}.skills-grid{grid-template-columns:1fr}.skill-card{padding:20px}.card-title{font-size:15px}.card-desc{font-size:11px}.card-meta{flex-wrap:wrap;gap:12px}.try-btn{width:100%;margin-left:0;margin-top:4px}.category-tabs{gap:4px;margin-bottom:24px}.tab{padding:6px 12px;font-size:8px;letter-spacing:.1em}.install-box{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:12px}.install-box code{font-size:11px;word-break:break-all}.install-box .copy-btn{align-self:flex-end}.playground-grid{gap:16px}.pg-panel-header{padding:10px 16px}.pg-panel-body{padding:16px}.output-area{min-height:320px;padding:16px;font-size:10px}.roadmap-strip{gap:1px;margin-top:12px}.phase-card{padding:20px 16px}.phase-title{font-size:13px}.phase-items li{font-size:9px}.contract-strip{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:32px}.contract-strip .contract-pending{margin-left:0}footer{padding:32px 20px;padding-bottom:max(32px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));flex-direction:column;align-items:flex-start;gap:16px}.footer-brand{font-size:12px;letter-spacing:.15em}.footer-links{flex-wrap:wrap;gap:16px}.footer-links a,.footer-copy{font-size:9px}.modal{max-width:calc(100% - 32px);margin:16px;margin-left:max(16px,env(safe-area-inset-left));margin-right:max(16px,env(safe-area-inset-right));padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom));max-height:85vh}.modal-header{margin-bottom:16px}.modal-title{font-size:18px}.modal-desc{font-size:11px}.param-table{font-size:10px;display:block;overflow-x:auto}.param-table th,.param-table td{padding:6px 8px;white-space:nowrap}.param-desc{max-width:140px;white-space:normal}.modal-example{padding:12px;font-size:9px;max-height:200px;overflow:auto}}@media (max-width: 480px){nav{padding:6px 12px 10px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));min-height:52px}.nav-logo-text{font-size:11px;letter-spacing:.05em}.nav-links{gap:12px}.nav-links a{font-size:8px}.nav-ca-copy{flex-basis:100%;order:3;width:100%;justify-content:flex-end;padding-top:6px;margin-top:0}.nav-ca-value{max-width:56px}#hero.hero-section{padding-top:82px}.hero-title{font-size:clamp(24px,11vw,36px)}.hero-sub{font-size:13px}.hero-stats{margin-top:36px;gap:16px}.stat-num{font-size:18px}.stat-label{font-size:8px}.stat-sep{display:none}.section{padding:48px 0}.container{padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.section-header,.section-header.section-header--playground{margin-bottom:28px}.skill-card{padding:16px}.card-icon{width:32px;height:32px;font-size:14px}.tab{padding:5px 10px;font-size:7px}.roadmap-strip{grid-template-columns:1fr}.phase-card{padding:16px 14px}.modal{margin:12px;margin-left:max(12px,env(safe-area-inset-left));margin-right:max(12px,env(safe-area-inset-right));padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.modal-title{font-size:16px}.try-in-pg{font-size:10px;padding:10px}}