*{margin:0;padding:0;box-sizing:border-box}:root{--cs-bg-deep: #06060a;--cs-bg-elevated: rgba(18, 18, 28, .72);--cs-text: #f1f5f9;--cs-muted: #a8b8cc;--cs-accent: #6d5cff;--cs-accent-soft: rgba(109, 92, 255, .35);--cs-border: rgba(255, 255, 255, .12);--cs-radius-lg: 16px;--cs-radius-pill: 999px;--font-display: "Syne", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif}body{background-color:var(--cs-bg-deep);color:var(--cs-text);font-family:var(--font-body);line-height:1.5}html{height:100%}html:has(body.globe-page){overflow:hidden;height:100%;height:100dvh;overscroll-behavior:none}body.globe-page{min-height:100vh;min-height:100dvh;height:100%;max-height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}.globe-viewport{position:fixed;left:0;right:0;bottom:0;top:var(--globe-chrome-h, 148px);z-index:1;overflow:hidden;pointer-events:auto;touch-action:none;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:0;left:0;z-index:100;padding:.75rem 1.25rem;background:var(--cs-accent);color:#fff;font-weight:600;text-decoration:none;border-radius:0 0 8px;transform:translateY(-120%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}body.modal-open{overflow:hidden}.globe-chrome{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);z-index:40;background:#06060af5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--cs-border);pointer-events:auto}body.globe-page .globe-chrome .site-header{position:static;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.globe-toolbar{padding:.65rem 1.25rem .85rem}.globe-toolbar-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;max-width:1100px;margin:0 auto}.globe-load-error{margin-top:.5rem}.lang-search-input{flex:1 1 200px;max-width:320px;padding:.55rem 1rem;border-radius:var(--cs-radius-pill);border:1px solid var(--cs-border);background:var(--cs-bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--cs-text);font-family:var(--font-body);font-size:.95rem}.lang-search-input::placeholder{color:var(--cs-muted)}.lang-search-input:focus{outline:none;border-color:var(--cs-accent);box-shadow:0 0 0 3px var(--cs-accent-soft)}.browse-all-btn{padding:.55rem 1.1rem;border-radius:var(--cs-radius-pill);border:1px solid var(--cs-border);background:#ffffff0f;color:var(--cs-text);font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s}.browse-all-btn:hover{background:#ffffff1a;border-color:#ffffff40}.globe-category-chips{padding-top:.15rem;justify-content:center;flex-wrap:wrap;gap:.35rem}@media(max-width:640px){.globe-toolbar{padding:.45rem .65rem .55rem}.globe-category-chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:.3rem;padding-bottom:.2rem;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent 100%);mask-image:linear-gradient(to right,#000 92%,transparent 100%)}.globe-category-chips::-webkit-scrollbar{display:none}.category-chip{flex-shrink:0}}.category-chip{padding:.3rem .75rem;border-radius:var(--cs-radius-pill);border:1px solid var(--cs-border);background:transparent;color:var(--cs-muted);font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.category-chip:hover{color:var(--cs-text);border-color:#ffffff38}.category-chip.is-active{background:var(--cs-accent);color:#fff;border-color:var(--cs-accent)}.browse-all-btn:focus-visible,.lang-search-input:focus-visible,.lang-modal-close:focus-visible,.lang-modal-item:focus-visible,.category-chip:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}.load-error-banner{text-align:center;font-size:.85rem;color:#fecaca;padding:.4rem .85rem;margin:0 auto;max-width:32rem;border:1px solid rgba(248,113,113,.4);border-radius:10px;background:#7f1d1d47}.load-error-banner[hidden]{display:none!important}.load-error{color:#fca5a5;font-size:.9rem;text-align:center;padding:.5rem}.load-error code{font-size:.8rem;color:#fecaca}.globe-status{position:absolute;left:-9999px}#canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;touch-action:none}.language-label{display:inline-flex;align-items:center;gap:6px;color:var(--cs-text);font-family:var(--font-body);font-size:13px;font-weight:700;padding:5px 10px;background:#08080ee0;border:1px solid color-mix(in srgb,var(--lang-accent, #fff) 50%,transparent);border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .25s;pointer-events:auto;touch-action:none;text-shadow:0 1px 6px rgba(0,0,0,.9);-webkit-user-select:none;user-select:none}.language-label-icon{width:16px;height:16px;flex-shrink:0;object-fit:contain}.language-label-text{line-height:1.2}.language-label:hover{transform:scale(1.06);box-shadow:0 0 18px color-mix(in srgb,var(--lang-accent, #6d5cff) 50%,transparent)}.language-label:focus-visible{outline:2px solid var(--cs-accent);outline-offset:3px}@media(pointer:coarse),(hover:none)and (max-width:1024px){.language-label,.language-label *{pointer-events:none;touch-action:none}}#canvas-container canvas{touch-action:none;-webkit-user-select:none;user-select:none}.lang-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1rem}.lang-modal[hidden]{display:none!important;visibility:hidden;pointer-events:none}.css2d-layer{pointer-events:none;touch-action:none}.lang-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lang-modal-panel{position:relative;width:min(560px,100%);max-height:min(80vh,640px);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border-radius:var(--cs-radius-lg);background:#0e0e16f2;border:1px solid var(--cs-border);box-shadow:0 24px 80px #0000008c}.lang-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.lang-modal-title-wrap{min-width:0}.lang-modal-header h2{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.lang-modal-subtitle{margin-top:.25rem;font-size:.85rem;color:var(--cs-muted);font-weight:500}.lang-modal-close{border:none;background:#ffffff14;color:var(--cs-text);width:2.25rem;height:2.25rem;border-radius:8px;font-size:1.35rem;line-height:1;cursor:pointer}.lang-modal-close:hover{background:#ffffff24}.lang-modal-search{padding:.6rem 1rem;border-radius:10px;border:1px solid var(--cs-border);background:#00000059;color:var(--cs-text);font-family:var(--font-body)}.lang-modal-search:focus{outline:none;border-color:var(--cs-accent)}.lang-modal-list{display:flex;flex-wrap:wrap;gap:.45rem;overflow-y:auto;padding:.25rem;flex:1;align-content:flex-start}.lang-modal-item{display:inline-flex;align-items:center;gap:6px;padding:.45rem .85rem;border-radius:var(--cs-radius-pill);border:1px solid color-mix(in srgb,var(--lang-accent, #6d5cff) 40%,transparent);background:#ffffff0d;color:var(--cs-text);font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.lang-modal-item-icon{flex-shrink:0}.lang-modal-item:hover{background:#ffffff1a}.lang-modal-empty{color:var(--cs-muted);font-size:.95rem;width:100%;text-align:center;padding:1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.language-label:hover{transform:none}}.detail-page{overflow-y:auto;background-color:#0a0a10;color:var(--cs-text);font-family:var(--font-body);padding:40px 20px}#detail-nav{max-width:800px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center}.back-button{color:#8cf;text-decoration:none;font-size:18px;font-weight:700;transition:color .2s}.back-button:hover{color:#fff}#detail-container{max-width:800px;margin:0 auto;background:#ffffff0d;padding:40px;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080}.detail-category-badges{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.detail-category-badge{display:inline-block;padding:.25rem .65rem;border-radius:var(--cs-radius-pill);font-size:.8rem;font-weight:600;color:var(--cs-muted);border:1px solid var(--cs-border);text-decoration:none;transition:color .15s,border-color .15s,background .15s}.detail-category-badge:hover{color:var(--cs-text);border-color:#ffffff38;background:#ffffff0f}.detail-category-badge:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}.detail-section h2,.explanation-section h2,.patterns-section h2,.resources-section h2,.tips-section h2{font-size:1.8rem;margin-top:30px;margin-bottom:15px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px}#detail-container .detail-section:first-of-type h2{margin-top:0}.detail-section>p{font-size:1.1rem;line-height:1.6;margin-bottom:20px;color:#cbd5e1}.detail-lead{font-size:.98rem;line-height:1.55;color:var(--cs-muted);margin-bottom:1rem;max-width:52rem}.pattern-card--cheatsheet h3{font-size:1.05rem;color:#e2e8f0}.editor-textarea[readonly]{cursor:text}.uses-list{list-style-type:disc;padding-left:20px;margin-bottom:20px;font-size:1.1rem;color:#cbd5e1}.uses-list li{margin-bottom:8px}.detail-teaching-callout{margin:1.75rem 0 1.5rem;padding:1.1rem 1.35rem;border-radius:var(--cs-radius-lg);border:1px solid color-mix(in srgb,var(--cs-accent) 40%,var(--cs-border));background:color-mix(in srgb,var(--cs-accent) 10%,rgba(0,0,0,.25))}.detail-teaching-callout .detail-teaching-title{font-size:1.25rem;margin:0 0 .75rem;padding-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.detail-teaching-badge{font-size:1.05rem;margin:0 0 .65rem;color:#e2e8f0}.detail-teaching-curve{font-size:1.05rem;line-height:1.6;margin:0;color:#cbd5e1}.patterns-grid{display:grid;grid-template-columns:1fr;gap:20px}.pattern-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:20px}.pattern-card h3{font-size:1.2rem;margin-bottom:10px;color:#fff}.pattern-card pre{background:#1e1e2e;padding:15px;border-radius:6px;overflow-x:auto;margin-bottom:10px;font-family:Consolas,Monaco,monospace;font-size:.95rem;color:#a6accd}.pattern-explanation{font-size:1rem;color:var(--cs-muted);font-style:italic;margin-bottom:15px}.patterns-runner-note{font-size:.95rem;color:var(--cs-muted);line-height:1.55;margin-bottom:1.25rem;max-width:52rem}.pattern-card--external{border-color:#7dd3fc1f}.pattern-runner-hint{font-size:.8rem;color:#7dd3fc;max-width:70%;line-height:1.35}.pattern-action-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.copy-pattern-btn{background:#ffffff1a;color:#f1f5f9;border:1px solid rgba(255,255,255,.2);padding:6px 16px;border-radius:4px;cursor:pointer;font-weight:600;font-size:.88rem;font-family:var(--font-body, inherit);transition:background .2s,border-color .2s}.copy-pattern-btn:hover{background:#ffffff24;border-color:#ffffff4d}.copy-pattern-btn:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}.pattern-docs-link{font-size:.88rem;font-weight:600;color:#a5b4fc;text-decoration:none}.pattern-docs-link:hover{text-decoration:underline}.resources-list{list-style-type:none;padding:0}.resources-list li{margin-bottom:12px;font-size:1.1rem;background:#ffffff08;padding:10px 15px;border-radius:6px;display:flex;align-items:center;gap:10px}.resources-list li.resources-playground{background:#6d5cff14;padding-left:14px}.resources-list li.resources-quick-tour{background:#22c55e0f;padding-left:14px}.resources-list li.resources-practice{background:#fbbf240f;padding-left:14px}.resources-list a{text-decoration:none;font-weight:700;transition:opacity .2s}.resources-list a:hover{opacity:.8;text-decoration:underline}.editor-container{margin-top:15px;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;background:#1e1e2e}.editor-textarea{width:100%;min-height:100px;background:#1e1e2e;color:#a6accd;font-family:Consolas,Monaco,monospace;font-size:.95rem;padding:15px;border:none;resize:vertical;outline:none}.editor-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.65rem;padding:10px 15px;background:#0000004d;border-top:1px solid rgba(255,255,255,.05)}.sandbox-warning{font-size:.8rem;color:var(--cs-muted);font-style:italic}.run-btn{background:#43f;color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s}.run-btn:hover{background:#54f}.output-container{background:#000;color:#0f0;font-family:Consolas,Monaco,monospace;font-size:.9rem;padding:15px;min-height:50px;border-top:1px solid rgba(255,255,255,.1);white-space:pre-wrap}.output-error{color:#f44}.output-info{color:#7dd3fc;border-top-color:#7dd3fc33}.tips-list{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.tip-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:10px}.tip-header{display:flex;justify-content:space-between;align-items:center}.tip-title{font-size:1.1rem;font-weight:700;color:#fff}.tip-card h3.tip-title{margin:0;font-size:1.1rem;font-weight:700;color:#fff;font-family:inherit;line-height:1.25}.tip-tag{font-size:.8rem;padding:3px 8px;border-radius:12px;background:#4433ff4d;color:#acf;text-transform:uppercase;letter-spacing:.5px}.tip-body{font-size:1rem;color:#cbd5e1;line-height:1.5}.tip-actions{display:flex;gap:10px}.tip-btn{background:none;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.tip-btn:hover{background:#ffffff1a;color:#fff}.tip-btn.report:hover{background:#f443;border-color:#ff444480;color:#f44}.tip-form{background:#0000004d;padding:20px;border-radius:8px;border:1px dashed rgba(255,255,255,.2);display:flex;flex-direction:column;gap:15px}.tip-form input,.tip-form select,.tip-form textarea{width:100%;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-family:inherit}.tip-form textarea{min-height:80px;resize:vertical}.tip-form button{align-self:flex-start;background:#43f;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-weight:700}.tip-form button:hover{background:#54f}#compare-container{width:100%;max-width:1000px;min-width:0;margin:0 auto;background:#ffffff0d;padding:40px;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;box-sizing:border-box;overflow-x:hidden}#compare-content{overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.compare-header{text-align:center;margin-bottom:30px}.compare-header h1{font-family:var(--font-display);font-size:2.5rem;margin-bottom:20px}.selectors{display:flex;justify-content:center;align-items:flex-end;gap:20px;flex-wrap:wrap}.compare-select-wrap{display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.compare-select-wrap label{font-size:.85rem;font-weight:600;color:var(--cs-muted);text-align:left}.selectors select{padding:10px 20px;font-size:1.2rem;background:#00000080;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer}.vs{font-size:1.5rem;font-weight:700;color:var(--cs-muted)}.compare-table{table-layout:fixed;width:100%;border-collapse:collapse;margin-top:20px}.compare-table th,.compare-table td{min-width:0;padding:15px;border:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:top}.compare-table th{font-size:1.5rem;background:#0000004d;width:40%}.compare-table th:first-child{width:20%;color:#fff!important}.compare-table td.feature-label{font-weight:700;color:#cbd5e1;background:#0003}.compare-table pre{max-width:100%;box-sizing:border-box;background:#1e1e2e;padding:15px;border-radius:6px;overflow-x:auto;font-family:Consolas,Monaco,monospace;font-size:.95rem;color:#a6accd;margin:0}.same-task-section{width:100%;max-width:none;margin:2.5rem 0 0;padding:1.75rem 1.5rem 2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-sizing:border-box;min-width:0}.same-task-section h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:.5rem}.same-task-note{color:var(--cs-muted);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.same-task-note code{font-size:.85rem;color:#a5b4fc}.same-task-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.same-task-controls label{font-weight:600;color:var(--cs-text)}.same-task-select{padding:8px 14px;font-size:1rem;background:#00000080;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;cursor:pointer;min-width:14rem}.same-task-table{table-layout:fixed;width:100%;margin-top:0}.same-task-table th,.same-task-table td{min-width:0}.same-task-table th:first-child{width:50%}.same-task-table pre{max-width:100%;box-sizing:border-box;overflow-x:auto}@media(max-width:640px){.detail-page{padding:1.25rem .65rem 2rem}.detail-nav-row{max-width:none;width:100%;padding:0 .25rem;box-sizing:border-box}#compare-container{padding:1.15rem .85rem 1.35rem;border-radius:12px}.compare-header{margin-bottom:1.25rem}.compare-header h1{font-size:clamp(1.35rem,5.5vw,1.85rem);margin-bottom:.85rem}.selectors{flex-direction:column;width:100%;gap:.6rem;align-items:stretch}.compare-select-wrap{width:100%}.selectors select{width:100%;max-width:100%;box-sizing:border-box;font-size:1rem;padding:.65rem 1rem}.vs{font-size:1.1rem;line-height:1;text-align:center}.compare-table th,.compare-table td{padding:.6rem .45rem;font-size:.88rem;word-break:break-word}.compare-table th{font-size:1rem}.compare-table pre{font-size:.8rem;padding:.65rem}.same-task-section{margin-top:1.35rem;padding:1.1rem .7rem 1.25rem}.same-task-select{min-width:0;width:100%;max-width:100%}}body.site-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--cs-bg-deep);color:var(--cs-text)}.site-main{flex:1}.site-container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.25rem}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--cs-border);background:#06060aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header-inner{max-width:1100px;margin:0 auto;padding:.85rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.site-logo{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--cs-text);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}.site-logo .brand-mark{color:var(--cs-accent)}.site-nav{display:flex;flex-wrap:wrap;gap:.35rem 1rem}.site-nav-link{color:var(--cs-muted);text-decoration:none;font-weight:600;font-size:.9rem;padding:.35rem .5rem;border-radius:8px}.site-nav-link:hover{color:var(--cs-text);background:#ffffff0f}.site-nav-link.is-active{color:var(--cs-text);background:var(--cs-accent-soft)}.site-footer{border-top:1px solid var(--cs-border);margin-top:auto;padding:2rem 0;background:#00000040}.site-footer-inner{max-width:1100px;margin:0 auto;padding:0 1.25rem;text-align:center}.site-footer-tagline{color:var(--cs-muted);font-size:.9rem;margin-bottom:.75rem}.site-footer-nav{display:flex;justify-content:center;gap:1.25rem;margin-bottom:.75rem}.site-footer-nav a{color:#a5b4fc;font-weight:600;text-decoration:none}.site-footer-nav a:hover{text-decoration:underline}.site-footer-contact{font-size:.8rem;color:var(--cs-muted);margin-bottom:.75rem}.site-footer-contact a{color:#a5b4fc;font-weight:600;text-decoration:none}.site-footer-contact a:hover{text-decoration:underline}.site-footer-copy{font-size:.8rem;color:var(--cs-muted)}.hero{padding:3.5rem 0 4rem;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(109,92,255,.35),transparent)}.hero-inner{text-align:center}.hero-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;color:var(--cs-accent);margin-bottom:1rem}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;letter-spacing:-.03em;margin-bottom:1.25rem}.hero-lead{font-size:1.15rem;color:var(--cs-muted);max-width:42rem;margin:0 auto 2rem;line-height:1.65}.hero-lead--secondary{font-size:1.02rem;margin-top:-.75rem;margin-bottom:2rem;max-width:44rem}.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.35rem;border-radius:var(--cs-radius-pill);font-family:var(--font-body);font-weight:700;font-size:.95rem;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.btn-primary{background:var(--cs-accent);color:#fff;border-color:color-mix(in srgb,var(--cs-accent) 80%,#000)}.btn-primary:hover{box-shadow:0 0 24px var(--cs-accent-soft)}.btn-secondary{background:#ffffff14;color:var(--cs-text);border-color:var(--cs-border)}.btn-secondary:hover{background:#ffffff1f}.btn-ghost{background:transparent;color:var(--cs-muted);border-color:transparent}.btn-ghost:hover{color:var(--cs-text)}.btn-lg{padding:.85rem 1.75rem;font-size:1.05rem}.site-section{padding:3.5rem 0}.site-section--alt{background:#ffffff05}.section-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;text-align:center;margin-bottom:2rem}.feature-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:540px){.feature-grid{grid-template-columns:1fr}}.feature-card{padding:1.5rem;border-radius:var(--cs-radius-lg);border:1px solid var(--cs-border);background:var(--cs-bg-elevated)}.feature-card h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:.5rem}.feature-card p{color:var(--cs-muted);font-size:.95rem;line-height:1.55}.audience-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.audience-columns h3{font-family:var(--font-display);margin-bottom:.5rem}.audience-columns p{color:var(--cs-muted);line-height:1.6}@media(min-width:900px){.audience-columns--six{grid-template-columns:repeat(3,1fr)}}.section-intro{text-align:center;color:var(--cs-muted);max-width:40rem;margin:-.75rem auto 1.5rem;line-height:1.6}.feature-list-plain{list-style:disc;padding-left:1.25rem;max-width:36rem;margin:0 auto 1.25rem;color:var(--cs-muted);line-height:1.65}.feature-list-plain li{margin-bottom:.65rem}.section-footer-link{text-align:center;margin-bottom:0}.section-footer-link a{font-weight:600;color:#a5b4fc;text-decoration:none}.section-footer-link a:hover{text-decoration:underline}.cta-band{text-align:center;padding:4rem 0;background:linear-gradient(180deg,transparent,rgba(109,92,255,.12))}.cta-band-title{font-family:var(--font-display);font-size:1.75rem;margin-bottom:.5rem}.cta-band-text{color:var(--cs-muted);margin-bottom:1.5rem}.about-project-section .about-project-inner{max-width:40rem;margin:0 auto}.about-project-body{color:var(--cs-muted);line-height:1.65;font-size:.98rem}.about-project-body p{margin-bottom:1rem}.about-project-body p:last-child{margin-bottom:0}.about-project-label{margin-bottom:.5rem;font-weight:600;color:var(--cs-text)}.about-project-list{list-style:disc;padding-left:1.25rem;margin:0 0 1.25rem}.about-project-list li{margin-bottom:.5rem}.about-project-body a{color:#a5b4fc;font-weight:600;text-decoration:none}.about-project-body a:hover{text-decoration:underline}.site-page-header{padding:3rem 0 1.5rem;text-align:center}.page-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:.75rem}.page-lead{color:var(--cs-muted);max-width:40rem;margin:0 auto;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding-bottom:3rem}.pricing-card{padding:2rem;border-radius:var(--cs-radius-lg);border:1px solid var(--cs-border);background:#ffffff0a;display:flex;flex-direction:column;gap:1rem}.pricing-card--highlight{border-color:color-mix(in srgb,var(--cs-accent) 55%,transparent);box-shadow:0 0 40px #6d5cff26}.pricing-card h2{font-family:var(--font-display);font-size:1.35rem}.pricing-price{font-size:1.5rem;font-weight:800;color:var(--cs-accent)}.pricing-price-note{font-size:.65em;font-weight:600;color:var(--cs-muted)}.pricing-desc,.pricing-features{color:var(--cs-muted);font-size:.95rem;line-height:1.55}.pricing-features{list-style:disc;padding-left:1.25rem;flex:1}.pricing-error{color:#fecaca;font-size:.9rem}.pricing-trust{font-size:.85rem;color:var(--cs-muted);line-height:1.5;margin:0}.pricing-footnotes .legal-note+.legal-note{margin-top:1rem}.checkout-toast{max-width:40rem;margin:0 auto 1rem;padding:.85rem 1.1rem;border-radius:10px;text-align:center;font-size:.95rem}.checkout-toast--ok{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#bbf7d0}.checkout-toast--muted{background:#94a3b81f;border:1px solid var(--cs-border);color:var(--cs-muted)}.pricing-paid-soon{font-size:.9rem;line-height:1.45;color:color-mix(in srgb,var(--cs-accent) 85%,white);margin:0;padding:.65rem .85rem;border-radius:8px;background:color-mix(in srgb,var(--cs-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--cs-accent) 35%,transparent)}.pricing-paid-soon--subtle{color:var(--cs-muted);background:#ffffff0a;border-color:var(--cs-border)}.waitlist-dialog{max-width:calc(100vw - 2rem);width:min(40rem,100%);padding:0;border:none;border-radius:var(--cs-radius-lg);background:var(--cs-bg-elevated, #151822);color:var(--cs-text, #e8eaef);box-shadow:0 24px 80px #0000008c}.waitlist-dialog::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.waitlist-dialog-panel{padding:1.35rem 1.35rem 1rem}.waitlist-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.waitlist-dialog-title{font-family:var(--font-display);font-size:1.25rem;margin:0;line-height:1.25}.waitlist-dialog-close{flex-shrink:0;width:2.25rem;height:2.25rem;border:none;border-radius:8px;background:#ffffff0f;color:var(--cs-muted);font-size:1.35rem;line-height:1;cursor:pointer}.waitlist-dialog-close:hover{background:#ffffff1a;color:var(--cs-text, #e8eaef)}.waitlist-dialog-lead{font-size:.92rem;color:var(--cs-muted);line-height:1.55;margin:0 0 1.1rem}.waitlist-tally-wrap{width:100%;min-height:min(28rem,70vh);max-height:min(70vh,36rem);border-radius:10px;overflow:auto;overflow-x:hidden;border:1px solid var(--cs-border);background:#0003;-webkit-overflow-scrolling:touch}.waitlist-tally-wrap iframe{display:block;width:100%;min-height:min(26rem,65vh);border:0}.waitlist-dialog-foot{font-size:.82rem;color:var(--cs-muted);margin:1rem 0 0;padding-top:.85rem;border-top:1px solid var(--cs-border)}.waitlist-dialog-foot a{color:var(--cs-accent)}.legal-note{font-size:.9rem;color:var(--cs-muted);max-width:42rem;margin:0 auto;line-height:1.6}.site-container.site-section .legal-note{max-width:none;margin:0;text-align:left}@media(max-width:640px){.site-container.site-section .legal-note{text-align:center}}.legal-note a{color:#a5b4fc}.legal-main .prose,.agents-for-page .prose{padding:2rem 0 4rem;max-width:42rem}.agents-for-lead{font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.agents-for-back{margin-top:2.5rem;margin-bottom:0}.agents-for-back a{font-weight:600}.agents-code-block{overflow-x:auto;margin:1rem 0 1.5rem;padding:1rem 1.125rem;font-size:.8125rem;line-height:1.5;border-radius:10px;background:#0f172a8c;border:1px solid var(--cs-border)}.agents-code-block code{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;white-space:pre;word-break:normal}.prose h2{font-family:var(--font-display);margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem}.prose h3{font-family:var(--font-display);margin-top:1.25rem;margin-bottom:.5rem;font-size:1.05rem;color:var(--cs-text)}.legal-meta{color:var(--cs-muted);font-size:.9rem;margin-bottom:1.5rem}.prose p,.prose li{color:var(--cs-muted);line-height:1.65;margin-bottom:.75rem}.prose ul{padding-left:1.25rem;margin-bottom:1rem}.prose a{color:#a5b4fc}.legal-warning{padding:1rem 1.25rem;border-radius:10px;background:#fbbf241a;border:1px solid rgba(251,191,36,.35);color:#fde68a;margin-bottom:2rem}.site-tool-page #site-header{position:relative}.detail-nav-row{max-width:800px;margin:0 auto 16px;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;justify-content:flex-start;padding:0 20px}.back-button--ghost{font-size:16px;font-weight:600;opacity:.85}