:root,html[data-theme=light]{color-scheme:light;--bg: #f6f3ed;--bg-elevated: #fffdf8;--ink: #1a1612;--muted: #6b6358;--line: #e0d6ca;--copper: #a66b2e;--copper-dim: #c49a6c;--signal: #2d6b4f;--danger: #b42318;--noise: rgba(166, 107, 46, .06);--surface: #ffffff;--surface-alt: #f3ede4;--surface-featured: linear-gradient(160deg, #fff9f0, #f5ebe0);--input-bg: #ffffff;--card-shadow: 0 16px 48px rgba(26, 22, 18, .08);--focus-ring: rgba(166, 107, 46, .22);--notebook-line: rgba(26, 22, 18, .085);--notebook-margin: rgba(166, 107, 46, .22);--punch-fill: #2c2824;--punch-ring: rgba(255, 255, 255, .35);--punch: rgba(26, 22, 18, .12);--btn-bg: #a66b2e;--btn-fg: #fffdf8;--btn-border: rgba(120, 72, 28, .35);--btn-hover-bg: #8f5a26;--radius: 14px;--font-display: "Instrument Serif", Georgia, serif;--font-body: "DM Sans", "Segoe UI", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--dev-badge-bg: #0f0f0f;--dev-badge-fg: #ffffff;--dev-badge-fg-hover: #fffdf8}html[data-theme=dark]{color-scheme:dark;--bg: #0a0c0f;--bg-elevated: #12161c;--ink: #f3f0e8;--muted: #9a9488;--line: #3a424f;--copper: #d4a574;--copper-dim: #8c6b4a;--signal: #7dd3a8;--danger: #f0a8a8;--noise: rgba(212, 165, 116, .04);--surface: #0c0f13;--surface-alt: #141820;--surface-featured: linear-gradient(160deg, #141820, #0f1218);--input-bg: #0c0f13;--card-shadow: 0 24px 80px rgba(0, 0, 0, .35);--focus-ring: rgba(212, 165, 116, .15);--notebook-line: rgba(212, 165, 116, .11);--notebook-margin: rgba(212, 165, 116, .18);--punch-fill: #ddd8cf;--punch-ring: rgba(0, 0, 0, .28);--punch: rgba(0, 0, 0, .45);--btn-bg: #d4a574;--btn-fg: #1c140c;--btn-border: rgba(140, 107, 74, .45);--btn-hover-bg: #e0b88a;--dev-badge-bg: #f3f0e8;--dev-badge-fg: #0a0c0f;--dev-badge-fg-hover: #0a0c0f}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.45}.notebook-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-color:var(--bg);background-image:linear-gradient(90deg,transparent 0,transparent calc(3.5rem - 1px),var(--notebook-margin) calc(3.5rem - 1px),var(--notebook-margin) 3.5rem,transparent 3.5rem),repeating-linear-gradient(0deg,transparent,transparent 27px,var(--notebook-line) 27px,var(--notebook-line) 28px);background-size:100% 100%,100% 28px;background-position:0 0,0 8px;opacity:1}.punch-holes{position:absolute;top:2.5rem;left:.68rem;bottom:2.5rem;width:18px;background-image:radial-gradient(circle at 9px 9px,var(--punch-fill) 0 5px,var(--punch-ring) 5px 6px,color-mix(in srgb,var(--punch-fill) 40%,var(--bg)) 6px 7px,transparent 7px);background-size:18px 44px;background-repeat:repeat-y;opacity:.9}.grid-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--noise) 1px,transparent 1px);background-size:100% 48px;-webkit-mask-image:radial-gradient(circle at 30% 20%,black,transparent 70%);mask-image:radial-gradient(circle at 30% 20%,black,transparent 70%);opacity:.45}.shell{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,3vw,1.5rem) 4rem;padding-left:max(3.85rem,clamp(1.25rem,4vw,3rem))}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.fine-print{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 88%,transparent)}.fine-link{display:inline-flex;align-items:center;gap:.3rem;color:inherit;text-decoration:none;padding:.15rem 0;cursor:pointer;transition:color .15s var(--ease-out),opacity .15s}.fine-link:hover{color:var(--copper);opacity:1}.fine-icon{width:1.35rem;height:1.35rem;opacity:.8;transition:opacity .15s var(--ease-out),color .15s var(--ease-out)}.fine-link:hover .fine-icon{opacity:1}.dev-logo{display:block;height:1.35rem;width:1.35rem;flex-shrink:0;transition:color .15s var(--ease-out)}.dev-logo-bg{fill:currentColor}.dev-logo-text{fill:var(--dev-badge-fg);transition:fill .15s var(--ease-out)}.fine-link-dev{color:var(--dev-badge-bg)}.fine-link-dev:hover{color:var(--copper)}.fine-link-dev .dev-logo{opacity:1}.fine-link-dev:hover .dev-logo-text{fill:var(--dev-badge-fg-hover)}.fine-sep{opacity:.45;-webkit-user-select:none;user-select:none}.theme-toggle{border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);border-radius:999px;padding:.45rem .85rem;font-size:.82rem;cursor:pointer}.theme-toggle:hover{border-color:var(--copper-dim)}.hero{display:grid;gap:1.5rem;align-items:end;margin-bottom:1.75rem;perspective:900px}@media(min-width:720px){.hero{grid-template-columns:1.2fr .8fr}}.hero h1{margin:0;font-family:var(--font-body);font-size:clamp(2.6rem,7vw,4rem);font-weight:700;line-height:1.02;letter-spacing:-.03em;color:var(--ink)}.hero h1 em{font-style:italic;color:var(--copper)}.lede{margin:.75rem 0 0;max-width:38ch;color:var(--muted);font-size:1.05rem;line-height:1.5}.sample-panel{position:relative;margin:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);padding:.85rem 1rem;box-shadow:var(--card-shadow);transform-style:preserve-3d;transition:transform .12s var(--ease-out),box-shadow .12s;will-change:transform;cursor:pointer}.sample-panel *{cursor:pointer}.sample-panel figcaption{display:grid;gap:.25rem;margin-bottom:.65rem;font-size:.82rem;color:var(--muted)}.caption-title{display:block;color:var(--ink);font-size:.88rem;font-weight:600;letter-spacing:.02em}.caption-desc{display:block;font-size:.78rem;line-height:1.4}.sample-list{list-style:none;margin:0;padding:0}.sample-list li{display:grid;grid-template-columns:minmax(4.25rem,auto) max-content minmax(0,1fr);gap:.5rem .65rem;align-items:center;padding:.35rem 0;border-bottom:1px dashed var(--line);font-size:.9rem;line-height:1.35}@media(max-width:520px){.sample-list li{grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:.2rem}.sample-list li .tag{grid-column:1;grid-row:1}.sample-list li .demo-price{grid-column:2;grid-row:1;justify-self:end}.sample-list li .muted{grid-column:1 / -1;grid-row:2;font-size:.78rem;line-height:1.4}}.sample-list li:last-child{border-bottom:none}.field-hint{font-size:.8rem;color:var(--muted);text-transform:none;letter-spacing:normal;line-height:1.4}textarea{padding:.8rem .95rem;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);resize:vertical;min-height:4.5rem;font:inherit}.condition-detail-wrap.hidden{display:none}.tag{font-weight:700;letter-spacing:.06em;color:var(--copper);font-size:.75rem}.price{font-variant-numeric:tabular-nums;font-weight:700;color:var(--copper)}.demo-price{display:inline-flex;align-items:baseline;gap:0;cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap}.price-digits{white-space:nowrap}.price-symbol{font-weight:700;margin-right:.05em}.price-digit{display:inline-block;transition:transform .18s var(--ease-out),opacity .18s;transform-origin:center bottom}.price-digit.lift{transform:translateY(-5px) scale(1.08);color:var(--signal)}.price-digit.flip{animation:digitFlip .35s var(--ease-out)}@keyframes digitFlip{0%{transform:rotateX(0);opacity:1}49%{transform:rotateX(90deg);opacity:.2}50%{transform:rotateX(-90deg);opacity:.2}to{transform:rotateX(0);opacity:1}}.sample-row{animation:rowFade .6s var(--ease-out) both;transition:background .15s;border-radius:6px;padding-left:.25rem;padding-right:.25rem}.sample-row:hover{background:color-mix(in srgb,var(--copper) 8%,transparent)}.sample-row:nth-child(1){animation-delay:.05s}.sample-row:nth-child(2){animation-delay:.12s}.sample-row:nth-child(3){animation-delay:.2s}@keyframes rowFade{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.stat strong.price-animate{animation:tallyIn .7s var(--ease-out) both}@keyframes tallyIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.field-block{display:grid;gap:.4rem}.field-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.field-desc{margin:0;font-size:.84rem;font-weight:400;line-height:1.5;color:var(--muted);text-transform:none;letter-spacing:normal}.field-desc .inline-em{color:var(--ink);font-weight:600}.field-context{margin:.15rem 0 0;padding:.55rem .65rem;font-size:.82rem;line-height:1.45;color:var(--ink);background:var(--surface-alt);border-left:3px solid var(--copper-dim);border-radius:0 8px 8px 0}.field-context-error{border-left-color:var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface-alt))}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent);font-style:italic}.muted{color:var(--muted);font-size:.8rem}.card{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--bg-elevated);box-shadow:var(--card-shadow)}.panel-form{padding:1.25rem 1.25rem 1.35rem;display:grid;gap:1rem;animation:rise .55s var(--ease-out) both}.panel-results{margin-top:1rem;padding:1.25rem;animation:rise .55s var(--ease-out) both}.results-title{margin:0;font-family:var(--font-body);font-size:1.45rem;font-weight:700;letter-spacing:-.02em}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.form-head h2{margin:0;font-family:var(--font-body);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.svc-status{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.5rem 0 0}.svc-status-offline{font-size:.8rem;color:var(--danger)}.svc-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .7rem .32rem .55rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-alt) 70%,transparent);font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.svc-chip .svc-name{color:color-mix(in srgb,var(--ink) 82%,var(--muted))}.svc-chip .svc-status-text{font-weight:500;font-size:.72rem;color:var(--muted);letter-spacing:.01em}.svc-chip.svc-on .svc-status-text{color:color-mix(in srgb,var(--signal) 70%,var(--muted))}.svc-chip.svc-warn .svc-status-text{color:color-mix(in srgb,var(--copper) 75%,var(--muted))}.svc-dot{width:.55rem;height:.55rem;border-radius:50%;background:color-mix(in srgb,var(--muted) 55%,var(--line));flex-shrink:0}.svc-chip.svc-on .svc-dot{background:var(--signal);box-shadow:0 0 0 2px color-mix(in srgb,var(--signal) 25%,transparent);animation:svcPulse 2.4s ease-in-out infinite}.svc-chip.svc-on{border-color:color-mix(in srgb,var(--signal) 35%,var(--line))}.svc-chip.svc-warn .svc-dot{background:var(--copper);box-shadow:0 0 0 2px color-mix(in srgb,var(--copper) 30%,transparent)}.svc-chip.svc-warn{border-color:color-mix(in srgb,var(--copper) 40%,var(--line))}.svc-chip.svc-off .svc-dot{background:color-mix(in srgb,var(--muted) 70%,var(--line))}.svc-chip.svc-off{border-color:var(--line);opacity:.82}@keyframes svcPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}.celebrate-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10000;overflow:hidden}input,select,button{font:inherit}input,select{padding:.8rem .95rem;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}input:focus,select:focus{outline:none;border-color:var(--copper-dim);box-shadow:0 0 0 3px var(--focus-ring)}.submit-primary{position:relative;overflow:visible;border:1px solid var(--btn-border);border-radius:10px;padding:.95rem 1.15rem;background:var(--btn-bg);color:var(--btn-fg);font-weight:700;font-size:.95rem;letter-spacing:.02em;cursor:pointer;box-shadow:0 1px color-mix(in srgb,var(--ink) 10%,transparent),0 6px 18px color-mix(in srgb,var(--copper) 22%,transparent);transition:transform .14s var(--ease-out),box-shadow .14s,background .14s,filter .14s}.submit-primary:hover:not(:disabled){background:var(--btn-hover-bg);filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 2px color-mix(in srgb,var(--ink) 8%,transparent),0 10px 26px color-mix(in srgb,var(--copper) 32%,transparent)}.submit-primary:active:not(:disabled){transform:translateY(0) scale(.99);box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 12%,transparent)}.submit-primary .btn-label{position:relative;z-index:1}.submit-confetti{position:fixed;pointer-events:none;border-radius:1px;transform:translate(-50%,-50%);animation:confettiBurst 2.35s var(--ease-out) forwards;will-change:transform,opacity;z-index:10001}.submit-confetti.confetti-soft{animation-duration:2s}.copy-pop{position:fixed;z-index:10002;pointer-events:none;width:1.35rem;height:1.35rem;color:var(--copper);transform:translate(-50%,-50%);animation:copyPop 1.1s var(--ease-out) forwards}.copy-pop svg{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--ink) 25%,transparent))}@keyframes copyPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}18%{opacity:1;transform:translate(-50%,-58%) scale(1.15)}to{opacity:0;transform:translate(-50%,-120%) scale(.85)}}.submit-confetti.is-spark{border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,#e8c49a 90%,transparent)}@keyframes confettiBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(0)}55%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.35) rotate(var(--spin))}}@media(prefers-reduced-motion:reduce){.svc-chip.svc-on .svc-dot{animation:none}}.submit-primary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring),0 6px 20px color-mix(in srgb,var(--copper) 18%,transparent)}button:disabled{opacity:.55;cursor:wait}.hidden{display:none}.loading{display:flex;align-items:center;gap:.75rem;color:var(--muted)}.spinner{width:1.1rem;height:1.1rem;border:2px solid var(--line);border-top-color:var(--copper);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1rem 0 .5rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.8rem;color:var(--ink)}.stat span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat strong{display:block;margin-top:.25rem;font-size:clamp(.95rem,2.5vw,1.55rem);font-weight:700;line-height:1.25;color:var(--ink);font-variant-numeric:tabular-nums}.stat.featured{border-color:var(--copper-dim);background:var(--surface-featured)}.meta-row{font-size:.88rem;color:var(--muted)}.draft-block{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.draft-block h3{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.25rem;font-weight:400}.draft-field{margin-top:.75rem}.draft-field label{text-transform:uppercase;font-size:.72rem;letter-spacing:.06em;color:var(--muted)}.draft-box-wrap{margin-top:.35rem}.draft-box-wrap.scrollable{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.draft-box-wrap.scrollable .draft-box{margin-top:0;border:none;border-radius:0}.draft-box{margin-top:.35rem;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:.9rem;white-space:pre-wrap;line-height:1.5}.specs-grid{display:grid;gap:.35rem;margin-top:.35rem}.spec-row{display:grid;grid-template-columns:8rem 1fr;gap:.5rem;font-size:.88rem}.shipping-callout{margin-top:.5rem;padding:.65rem .75rem;border-radius:8px;border:1px dashed var(--copper-dim);font-size:.82rem;color:var(--muted)}.warn{color:var(--danger);font-weight:600}.table-wrap{overflow-x:auto;margin-top:.75rem;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:.84rem}th,td{text-align:left;padding:.55rem .65rem;border-bottom:1px solid var(--line)}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-alt)}td{color:var(--ink);background:var(--bg-elevated)}tr:last-child td{border-bottom:none}.comp-listing-cell{max-width:22rem}.comp-listing{display:flex;align-items:flex-start;gap:.55rem}.comp-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--line);flex-shrink:0;background:var(--surface-alt)}.comp-thumb--empty{display:block;background:var(--surface-alt)}.comp-title-wrap{min-width:0;line-height:1.35}.comp-title-link{color:var(--ink);text-decoration:none;font-weight:500}.comp-title-link:hover{color:var(--copper)}.comp-title-text{color:var(--ink)}.comp-where-link{color:var(--copper);text-decoration:none;font-weight:600;font-size:.82rem}.comp-where-link:hover{text-decoration:underline;text-underline-offset:2px}.comp-price{color:var(--copper);font-variant-numeric:tabular-nums}.comp-source-cell{color:var(--muted);font-size:.8rem}.price-sheet-block{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.price-sheet-heading{margin:0 0 .5rem;font-family:var(--font-body);font-size:1.05rem;font-weight:700}.brief{margin-top:1rem;padding:1rem;border-left:3px solid var(--copper);background:var(--surface-alt);color:var(--ink);line-height:1.55;border-radius:0 10px 10px 0}.listing-setup .setup-lede{margin:.35rem 0 .75rem;font-size:.9rem;color:var(--muted)}.platform-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.platform-tab{font-family:var(--font-body);font-size:.82rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.platform-tab.active{border-color:var(--copper);background:var(--surface-alt)}.platform-tagline{margin:0 0 1rem;font-size:.88rem;color:var(--muted)}.section-group{margin-bottom:1.25rem}.section-group-title{margin:0 0 .65rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--copper-dim);font-weight:600}.form-section h5{margin:.75rem 0 .35rem;font-size:1rem;font-family:var(--font-display);font-weight:400}.section-desc{margin:0 0 .5rem;font-size:.85rem;color:var(--muted)}.field-hint{margin:.25rem 0 0;font-size:.82rem;color:var(--muted)}.char-note{font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted);margin-left:.35rem}.draft-box.multiline{max-height:14rem;overflow-y:auto;scrollbar-gutter:stable}.draft-box-wrap.scrollable .draft-box.multiline{max-height:14rem}.ghost.primary-copy{border-color:var(--copper-dim)}.copy-row{margin-top:.85rem;display:flex;gap:.5rem;flex-wrap:wrap}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.55rem .95rem;cursor:pointer}.ghost:hover{border-color:var(--copper-dim)}.error{color:var(--danger)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.sample-panel{transform:none!important}}