:root{--bg: #fbf7ef;--surface: rgba(255, 253, 247, .82);--surface-solid: #fffdf7;--surface-strong: #12343b;--surface-accent: #ffb36a;--surface-accent-soft: #ffe2c3;--text: #18353c;--text-muted: #5a6c70;--border: rgba(18, 52, 59, .18);--shadow: 0 22px 60px rgba(18, 52, 59, .12);--radius: 28px;--container: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}main{position:relative;z-index:1}.site-background{position:fixed;inset:0;background:radial-gradient(circle at top left,rgba(255,179,106,.4),transparent 30%),radial-gradient(circle at bottom right,rgba(18,52,59,.18),transparent 35%),linear-gradient(180deg,#fffdf7eb,#fbf7eff5);z-index:0}.container{width:min(calc(100% - 2rem),var(--container));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;padding:1rem 0;backdrop-filter:blur(18px)}.shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;border:1px solid var(--border);border-radius:999px;background:#fffdf7b8;box-shadow:var(--shadow)}.brand{display:inline-flex;align-items:center;gap:.85rem}.brand-mark{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--surface-strong);color:#fff;font-weight:700}.brand strong,.footer-title{display:block;font-size:1rem}.brand small{display:block;color:var(--text-muted)}.site-nav{display:flex;flex-wrap:wrap;gap:.9rem}.site-nav a,.footer-links a,.inline-links a{transition:transform .2s ease,color .2s ease}.site-nav a:hover,.footer-links a:hover,.inline-links a:hover{color:var(--surface-strong);transform:translateY(-1px)}.hero-grid,.tool-shell,.content-grid,.card-grid,.article-grid,.trust-grid,.footer-grid{display:grid;gap:1.5rem}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:start;padding:4rem 0 1rem}.page-hero{padding:4rem 0 1rem}.eyebrow,.tool-label,.section-label{margin:0 0 .7rem;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--text-muted)}h1,h2,h3{margin:0;line-height:1.05}h1{font-size:clamp(3rem,6vw,5.6rem);max-width:12ch}h2{font-size:clamp(2rem,3.5vw,3.2rem)}h3{font-size:1.25rem}.display-copy{margin:1.2rem 0 0;max-width:62ch;font-size:1.1rem;color:var(--text-muted)}.hero-intro{margin:1rem 0 0;max-width:70ch;font-size:1.08rem;color:var(--text-muted)}.serif{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.85rem 1.25rem;border-radius:999px;border:1px solid transparent;font-weight:700;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary,.button-dark{background:var(--surface-strong);color:#fff}.button-secondary{background:transparent;color:var(--surface-strong);border-color:var(--border)}.button-secondary:hover,.button-primary:hover,.button-dark:hover{transform:translateY(-1px)}.pill-row,.inline-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.pill,.pill-link{display:inline-flex;align-items:center;padding:.65rem 1rem;border-radius:999px;border:1px solid var(--border);background:#fff9}.section,.card,.copy-panel,.tool-panel,.tool-insights>*,.article-panel,.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.section{padding:1.5rem;margin:2rem auto 0}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.5rem}.card,.copy-panel,.article-panel{padding:1.5rem}.card p,.copy-panel p,.article-panel p,.article-panel li,.faq-item p,.status,.tool-copy,.footer-copy{color:var(--text-muted)}.tool-shell{grid-template-columns:1fr 1fr;align-items:start}.tool-panel,.tool-insights>*{padding:1.5rem}.tool-copy{margin:1rem 0 0}.dropzone{margin-top:1.5rem;padding:1.4rem;border:2px dashed rgba(18,52,59,.22);border-radius:calc(var(--radius) - 8px);background:#ffffff85;text-align:center}.dropzone.is-active{background:var(--surface-accent-soft);border-color:var(--surface-strong)}.dropzone p,.dropzone small{margin:.7rem 0 0;color:var(--text-muted)}.tool-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.status{margin:1rem 0 0}.metadata-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.metadata-badge{padding:.45rem .8rem;border-radius:999px;background:var(--surface-accent-soft);color:var(--surface-strong);font-size:.85rem;font-weight:700}.metadata-list,.stack-list,.check-list{margin:1rem 0 0;padding-left:1.2rem}.metadata-list li,.stack-list li,.check-list li{margin-top:.55rem}.preview-card{min-height:100%}.preview-image,.preview-placeholder{margin-top:1rem;border-radius:calc(var(--radius) - 8px);background:#ffffff94}.preview-image{width:100%;max-height:360px;object-fit:contain}.preview-placeholder{display:grid;place-items:center;min-height:260px;padding:1rem;color:var(--text-muted);text-align:center;border:1px dashed var(--border)}.is-hidden,.sr-only{display:none!important}.trust-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:1.15fr .85fr}.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.sample-box{padding:1.25rem;border-radius:calc(var(--radius) - 8px);border:1px solid var(--border);background:#ffffff80}.sample-box h3{margin-bottom:.7rem}.faq-list{display:grid;gap:1rem}.faq-item{padding:1.2rem 1.3rem}.faq-item summary{cursor:pointer;font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:.8rem 0 0}.site-footer{position:relative;z-index:1;padding:3rem 0 4rem}.footer-grid{grid-template-columns:1fr auto;align-items:center;padding:1.4rem 1.6rem;border:1px solid var(--border);border-radius:var(--radius);background:#fffdf7d9;box-shadow:var(--shadow)}.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.article-panel h2+p,.copy-panel h2+p{margin-top:1rem}.copy-panel+.copy-panel,.article-panel+.article-panel{margin-top:1.5rem}@media(max-width:960px){.hero-grid,.tool-shell,.content-grid,.article-grid,.trust-grid,.footer-grid,.card-grid,.sample-grid{grid-template-columns:1fr}.shell{border-radius:28px;align-items:flex-start}.site-nav{justify-content:flex-start}}@media(max-width:720px){body{font-size:.98rem}.site-header{position:static;padding-top:1.2rem}.shell{flex-direction:column}.button,.tool-actions>*{width:100%}h1{max-width:none}}