:root{--page-bg: #f5f7f2;--page-ink: #121511;--page-muted: #5d665b;--page-line: rgba(18, 21, 17, .14);--page-panel: rgba(255, 255, 255, .74);--page-accent: #0c7568;--page-red: #a23b28;--page-blue: #215f9a;--page-yellow: #c49a23;--page-soft: #e8eee6;color-scheme:light;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}*{box-sizing:border-box}html{background:var(--page-bg);color:var(--page-ink)}body{margin:0;min-width:320px}a{color:inherit}.site-shell{margin:0 auto;max-width:1180px;padding:0 1rem}.topbar{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1rem 0}.brand{align-items:center;display:inline-flex;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.86rem;font-weight:900;gap:.55rem;letter-spacing:.03em;text-decoration:none;text-transform:uppercase}.brand-mark{background:var(--page-ink);border-radius:8px;color:var(--page-bg);display:inline-grid;height:2rem;place-items:center;width:2rem}.nav{display:flex;flex-wrap:wrap;gap:.85rem}.nav a{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.86rem;font-weight:800;text-decoration:none}.hero{display:grid;gap:2rem;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);min-height:calc(100vh - 7rem);padding:6vh 0 2rem}.eyebrow{color:var(--page-red);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:5.8rem;letter-spacing:0;line-height:.9;margin-bottom:1.2rem;max-width:11ch}h2{font-size:2.85rem;line-height:1;margin-bottom:1rem}h3{font-family:ui-sans-serif,system-ui,sans-serif;font-size:1rem;line-height:1.2;margin-bottom:.45rem}.lead{color:var(--page-muted);font-size:1.22rem;line-height:1.45;max-width:42rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.button{align-items:center;background:transparent;border:1px solid var(--page-ink);border-radius:999px;color:var(--page-ink);cursor:pointer;display:inline-flex;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.88rem;font-weight:900;justify-content:center;min-height:2.75rem;padding:0 1rem;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button.is-loading{cursor:progress;gap:.55rem;opacity:1}.button.is-loading:before{animation:button-spin .76s linear infinite;border:2px solid color-mix(in srgb,currentColor 28%,transparent);border-top-color:currentColor;border-radius:999px;content:"";height:.9rem;width:.9rem}.button.primary{background:var(--page-ink);color:var(--page-bg)}.button:hover:not(:disabled){background:var(--page-accent);border-color:var(--page-accent);color:#fff;transform:translateY(-1px)}.button.primary:hover:not(:disabled){background:var(--page-accent)}.button:focus-visible,.language-button:focus-visible,.workflow-step:focus-visible,.copy-button:focus-visible,.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--page-accent) 28%,transparent);outline-offset:3px}.button:disabled{cursor:not-allowed;opacity:.42}.button.is-loading:disabled{cursor:progress;opacity:1}@keyframes button-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.button.is-loading:before{animation:none}}.hero-panel{align-self:end;border-left:1px solid var(--page-line);display:grid;gap:.8rem;padding-left:1.2rem}.metric{border-bottom:1px solid var(--page-line);padding-bottom:.8rem}.metric strong{display:block;font-size:clamp(1.8rem,5vw,3.6rem);line-height:.95}.metric span{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.84rem;font-weight:700}.section{border-top:1px solid var(--page-line);padding:4rem 0}.grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--page-panel);border:1px solid var(--page-line);border-radius:8px;min-height:10rem;padding:1rem}.card p,.section-copy{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.94rem;line-height:1.55}.code-block{background:#171713;border-radius:8px;color:#f7f4ed;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.55;overflow:auto;padding:1rem}.home-main{display:grid;gap:1.1rem;padding-bottom:3rem}.product-intro{align-items:start;display:grid;gap:1.4rem;grid-template-columns:minmax(0,1fr) auto;padding:4rem 0 1.4rem}.intro-copy h1{max-width:13ch}.intro-controls{background:var(--page-panel);border:1px solid var(--page-line);border-radius:999px;display:flex;gap:.25rem;padding:.25rem}.language-button,.copy-button,.icon-button{border:0;cursor:pointer;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:900}.language-button{background:transparent;border-radius:999px;color:var(--page-muted);min-height:2rem;padding:0 .75rem;transition:background .16s ease,color .16s ease}.language-button.is-active{background:var(--page-ink);color:var(--page-bg)}.language-button:hover{background:var(--page-soft);color:var(--page-ink)}.language-button.is-active:hover{background:var(--page-accent);color:#fff}.workflow-steps{display:grid;gap:.5rem;grid-template-columns:repeat(5,minmax(0,1fr))}.workflow-step{align-items:center;background:#ffffff9e;border:1px solid var(--page-line);border-radius:8px;color:var(--page-muted);display:grid;gap:.28rem .65rem;grid-template-columns:auto minmax(0,1fr);min-height:4.8rem;padding:.7rem;text-decoration:none;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.workflow-step span{align-items:center;background:var(--page-soft);border-radius:999px;color:var(--page-muted);display:inline-flex;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:900;height:1.8rem;justify-content:center;min-width:1.8rem;padding:0 .45rem}.workflow-step strong{color:var(--page-ink);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.9rem;line-height:1.15}.workflow-step small{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:700;grid-column:2;line-height:1.35}.workflow-step:hover{background:#fff;border-color:color-mix(in srgb,var(--page-accent) 42%,var(--page-line));transform:translateY(-1px)}.workflow-step.is-active{background:#fff;border-color:color-mix(in srgb,var(--page-accent) 58%,var(--page-line));box-shadow:0 12px 34px #12151114}.workflow-step.is-active span,.workflow-step.is-complete span{background:var(--page-accent);color:#fff}.workflow-step.is-complete{border-color:color-mix(in srgb,var(--page-accent) 34%,var(--page-line))}.workflow-stage{display:grid;gap:1rem}.workflow-panel[hidden]{display:none}.global-status{color:var(--page-accent);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.9rem;font-weight:900;min-height:1.4rem}.global-status.is-error{color:var(--page-red)}.builder-shell{display:grid;gap:1rem;grid-template-columns:minmax(0,.95fr) minmax(20rem,1.05fr)}.builder-panel{border:1px solid var(--page-line);border-radius:8px;padding:1rem}.paste-panel{background:#fff}.preview-panel{background:linear-gradient(135deg,rgba(12,117,104,.12),transparent 44%),var(--page-soft)}.panel-head{margin-bottom:1.1rem}.panel-head.compact{margin-bottom:.7rem}.field-label{color:var(--page-ink);display:block;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:900;margin:.85rem 0 .32rem}.text-field,.url-input,.table-input,.table-textarea{background:#fbfcf9;border:1px solid var(--page-line);border-radius:8px;color:var(--page-ink);font:700 .92rem ui-sans-serif,system-ui,sans-serif;min-width:0;width:100%}.text-field,.table-input{min-height:2.6rem;padding:0 .72rem}.url-input,.table-textarea{line-height:1.5;padding:.72rem;resize:vertical}.table-textarea{min-height:5.2rem}.table-input.subtle{color:var(--page-muted);font-size:.78rem;margin-top:.35rem}.builder-actions,.section-head,.snippet-head,.edit-form{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem}.builder-actions{margin-top:1rem}.status-line{color:var(--page-accent);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.88rem;font-weight:900;min-height:1.3rem;padding-top:.8rem}.status-line.is-error{color:var(--page-red)}.local-note{color:var(--page-accent);flex-basis:100%;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.84rem;font-weight:900;margin:0;min-height:1.2rem}.local-note.is-error{color:var(--page-red)}.issue-list{border-left:3px solid var(--page-red);color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.84rem;margin-top:.75rem;padding-left:.75rem}.issue-list p{margin-bottom:.35rem}.widget-preview{display:grid;gap:.9rem}.preview-empty,.table-empty{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.92rem}.mini-widget{background:#fbfcf9;border:1px solid var(--page-line);border-radius:8px;padding:.9rem}.mini-bar{align-items:center;display:flex;gap:1rem;justify-content:space-between}.mini-bar span{color:var(--page-muted);display:block;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:900;text-transform:uppercase}.mini-bar strong{display:block;font-size:1.1rem}.mini-bar button{background:var(--page-ink);border:0;border-radius:999px;color:var(--page-bg);font:900 .76rem ui-sans-serif,system-ui,sans-serif;min-height:2.25rem;padding:0 .8rem;transition:background .16s ease,transform .16s ease;white-space:nowrap}.mini-bar button:hover{background:var(--page-accent);transform:translateY(-1px)}.mini-links{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.8rem}.mini-links a,.mini-drawer a{background:#ffffffb8;border:1px solid color-mix(in srgb,var(--site-accent, var(--page-accent)) 32%,var(--page-line));border-radius:8px;color:var(--page-ink);text-decoration:none}.mini-links a{align-items:center;display:grid;gap:.5rem;grid-template-columns:1.8rem minmax(0,1fr);min-height:3rem;padding:.45rem}.mini-links span{background:color-mix(in srgb,var(--site-accent, var(--page-accent)) 16%,transparent);border-radius:6px;color:var(--site-accent, var(--page-accent));display:grid;font:900 .75rem ui-sans-serif,system-ui,sans-serif;height:1.8rem;place-items:center;width:1.8rem}.mini-links b,.mini-drawer b{display:block;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-drawer{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.mini-drawer a{display:block;min-height:5.4rem;padding:.65rem}.mini-drawer span{color:var(--page-muted);display:-webkit-box;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.74rem;line-height:1.35;margin-top:.35rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.section-head{justify-content:space-between;margin-bottom:1rem}.table-wrap{border:1px solid var(--page-line);border-radius:8px;overflow-x:auto}.site-table{border-collapse:collapse;min-width:960px;width:100%}.site-table th,.site-table td{border-bottom:1px solid var(--page-line);padding:.7rem;text-align:left;vertical-align:top}.site-table th{background:var(--page-soft);color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:900;text-transform:uppercase}.color-input{border:1px solid var(--page-line);border-radius:8px;height:2.4rem;padding:.2rem;width:3.1rem}.icon-button{background:var(--page-soft);border-radius:999px;color:var(--page-red);height:2rem;transition:background .16s ease,color .16s ease,transform .16s ease;width:2rem}.icon-button:hover{background:var(--page-red);color:#fff;transform:translateY(-1px)}.result-grid,.proof-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid{grid-template-columns:minmax(0,1fr)}.result-item,.snippet-box,.proof-item{background:#fff;border:1px solid var(--page-line);border-radius:8px;padding:1rem}.publish-section{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr)}.publish-card{background:#fff;border:1px solid var(--page-line);border-radius:8px;display:grid;gap:.65rem;padding:1rem}.publish-card span{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:900;text-transform:uppercase}.publish-card strong{color:var(--page-accent);font-size:3.2rem;line-height:.9}.publish-card p{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.9rem;line-height:1.45}.publish-actions{display:flex;flex-wrap:wrap;gap:.65rem}.result-item{display:grid;gap:.55rem}.result-item span,.snippet-head span{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:900;text-transform:uppercase}.result-item code{overflow-wrap:anywhere}.copy-button{background:var(--page-ink);border-radius:999px;color:var(--page-bg);min-height:2.3rem;padding:0 .8rem;transition:background .16s ease,color .16s ease,transform .16s ease;width:fit-content}.copy-button:disabled{cursor:not-allowed;opacity:.42}.copy-button:hover{background:var(--page-accent)}.copy-button:disabled:hover{background:var(--page-ink)}.copy-button.is-copied{background:var(--page-accent);color:#fff;transform:translateY(-1px)}.snippet-box{margin-top:.85rem}.result-section.is-pending .result-item,.result-section.is-pending .snippet-box{background:#ffffff7a}.snippet-head{justify-content:space-between;margin-bottom:.7rem}.edit-section{align-items:end;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr)}.maintenance-section{background:linear-gradient(180deg,transparent,rgba(255,255,255,.36))}.edit-form{justify-content:end}.edit-form .text-field{flex:1 1 11rem}.proof-item{display:grid;gap:.55rem;min-height:9rem}.proof-item strong{color:var(--page-accent);font-size:2.4rem;line-height:.95}.proof-item span{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.9rem;font-weight:800;line-height:1.45}.seo-section{display:grid;gap:1.2rem}.seo-copy{max-width:48rem}.seo-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.seo-card{background:#fff;border:1px solid var(--page-line);border-radius:8px;display:grid;gap:.55rem;min-height:12rem;padding:1rem}.seo-card>span,.keyword-row li{color:var(--page-red);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.74rem;font-weight:900;text-transform:uppercase}.seo-card p{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.9rem;line-height:1.5;margin-bottom:0}.keyword-row{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:0;padding:0}.keyword-row li{background:var(--page-soft);border:1px solid var(--page-line);border-radius:999px;color:var(--page-muted);padding:.5rem .7rem}.network-list{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.site-card{border:1px solid var(--page-line);border-radius:8px;display:grid;gap:.75rem;min-height:11rem;padding:1rem;text-decoration:none}.site-card:hover{border-color:color-mix(in srgb,var(--site-accent, var(--page-accent)) 55%,var(--page-line))}.site-card span{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:800}.site-card p{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.9rem;line-height:1.45}.site-footer{color:var(--page-muted);font-family:ui-sans-serif,system-ui,sans-serif;padding:2rem 0 3rem}@media(max-width:760px){h1{font-size:3.1rem}h2{font-size:2rem}.hero,.grid,.product-intro,.workflow-steps,.builder-shell,.edit-section,.publish-section,.result-grid,.proof-grid,.seo-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-panel{border-left:0;border-top:1px solid var(--page-line);padding-left:0;padding-top:1rem}.product-intro{padding-top:2rem}.intro-controls{justify-self:start}.mini-links,.mini-drawer{grid-template-columns:1fr}.section-head{align-items:start}}