:root{--forest:#153f38;--coral:#f15b3d;--cream:#f7f4ee;--ink:#17201e;--line:#c9cdc5;--muted:#5b6864;--white:#fff;--radius:1.2rem;--shadow:0 1.25rem 4rem rgba(19,42,37,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button,select,input[type=color],input[type=file]{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--ink);color:var(--white);padding:.75rem 1rem;z-index:30}.skip-link:focus{top:1rem}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.85rem clamp(1rem,4vw,3rem);background:rgba(247,244,238,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.product-mark{display:flex;align-items:center;gap:.65rem;color:inherit;text-decoration:none}.product-mark span{display:grid;place-items:center;width:2.3rem;height:2.3rem;background:var(--forest);color:var(--white);font-weight:900;border-radius:.65rem;letter-spacing:-.08em}.product-mark strong{font-size:.95rem}.privacy-note{margin:0;font-size:.78rem;color:var(--muted)}.privacy-note span{color:#15936d}.header-actions{display:flex;justify-content:flex-end;gap:.6rem}.language-field select{border:1px solid var(--line);border-radius:999px;background:transparent;padding:.55rem}.intro{width:min(calc(100% - 2rem),82rem);margin:auto;padding:clamp(5rem,12vw,10rem) 0 clamp(4rem,8vw,7rem)}.kicker,.step{color:var(--forest);text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:.7rem}.intro h1{max-width:70rem;margin:.15em 0;font-size:clamp(3.5rem,10vw,9rem);line-height:.84;letter-spacing:-.07em}.intro h1 em{color:var(--coral);font-style:normal}.intro>p:not(.kicker){max-width:42rem;font-size:clamp(1.1rem,2vw,1.35rem);color:var(--muted)}.promise-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.promise-row span{padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:750}.studio{width:min(calc(100% - 2rem),96rem);margin:auto;display:grid;grid-template-columns:minmax(28rem,.78fr) minmax(32rem,1.22fr);gap:1.5rem;align-items:start}#site-form,.preview-shell{background:var(--white);border:1px solid #d8dbd4;border-radius:var(--radius);box-shadow:var(--shadow)}#site-form{padding:clamp(1.25rem,3vw,2.5rem)}.editor-heading,.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.editor-heading h2,.preview-toolbar h2{margin:0;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.05em}.step{margin:0 0 .3rem}.status{min-height:2rem;margin:.8rem 0;color:var(--muted);font-size:.85rem}.status[data-error=true]{color:#a31818;font-weight:700}fieldset{min-width:0;border:0;border-top:1px solid var(--line);margin:1.5rem 0 0;padding:1.8rem 0 0}legend{padding:0 .75rem 0 0;font-weight:850;font-size:1rem}legend span{color:var(--coral);margin-right:.4rem}.choice-grid,.block-grid,.color-grid{display:grid;gap:.65rem}.choice-grid{grid-template-columns:repeat(3,1fr)}.choice-grid label,.block-grid label{position:relative;border:1px solid var(--line);border-radius:.85rem;padding:.9rem}.choice-grid input,.block-grid input{position:absolute;inset:.55rem .55rem auto auto;accent-color:var(--forest)}.choice-grid label:has(input:checked),.block-grid label:has(input:checked){border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest);background:#f0f6f2}.choice-grid strong,.choice-grid small{display:block}.choice-grid small,.block-grid small,label small,.field-help{color:var(--muted);font-size:.72rem}.field-row,.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.details-grid{margin-top:1rem}.details-grid label:nth-child(3),.details-grid label:nth-child(6),.details-grid label:nth-child(7),.details-grid label:nth-child(9){grid-column:1/-1}label{display:block;margin-top:.8rem;font-weight:720;font-size:.8rem}.required{color:#a31818;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}input:not([type=checkbox],[type=radio],[type=color],[type=file]),select,textarea{display:block;width:100%;margin-top:.35rem;padding:.72rem .78rem;color:var(--ink);background:#fbfcfa;border:1px solid #aeb7b3;border-radius:.55rem;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid rgba(241,91,61,.45);outline-offset:2px;border-color:var(--coral)}[aria-invalid=true]{border-color:#b11818!important;box-shadow:0 0 0 2px rgba(177,24,24,.12)}.block-grid{grid-template-columns:repeat(4,1fr)}.block-grid label{margin:0;min-height:3.4rem}.block-grid span{display:flex;flex-direction:column}.color-grid{grid-template-columns:repeat(4,1fr)}.color-grid label{text-align:center}.color-grid input{display:block;width:100%;height:3rem;border:1px solid var(--line);border-radius:.55rem;margin-top:.35rem;background:transparent}.image-field{margin-top:1rem;padding:1rem;border-radius:.8rem;background:#f2f4ef}.image-field input[type=file]{display:block;width:100%;margin-top:.5rem}.image-field textarea{background:var(--white)}.quiet-button,.text-button,.view-toggle button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:.55rem .85rem;font-weight:750;font-size:.78rem}.text-button{border:0;text-decoration:underline;text-underline-offset:.25em}.check-panel{margin-top:2rem;padding:1rem;background:var(--forest);color:var(--white);border-radius:var(--radius)}.check-panel h3{margin:0;font-size:1.5rem}.check-panel .step{color:#b5d9ce}.check-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none;font-size:.78rem}.check-panel li::before{content:"✓";display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;margin-right:.45rem;border-radius:50%;background:#bce6d9;color:#083b2f;font-weight:900}.check-panel li[data-pass=false]::before{content:"!";background:#ffd0c8;color:#7c1406}.export-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.primary-button{border:2px solid var(--ink);border-radius:999px;background:var(--coral);color:#111;padding:.8rem 1rem;font-weight:900;box-shadow:.25rem .25rem 0 var(--ink)}.preview-shell{position:sticky;top:5.1rem;overflow:hidden}.preview-toolbar{padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.view-toggle{display:flex;padding:.2rem;background:#edf0eb;border-radius:999px}.view-toggle button{border:0}.view-toggle button[aria-pressed=true]{background:var(--white);box-shadow:0 .1rem .4rem rgba(0,0,0,.12)}.preview-stage{min-height:70vh;display:flex;justify-content:center;padding:1.2rem;background:#dce1dc;overflow:auto}.preview-stage iframe{width:100%;height:70vh;background:var(--white);border:0;border-radius:.3rem;box-shadow:0 .8rem 2.4rem rgba(0,0,0,.16);transition:width .25s ease}.preview-stage[data-view=mobile] iframe{width:390px;max-width:100%}.preview-note{margin:0;padding:.7rem 1rem;color:var(--muted);font-size:.72rem;background:var(--white)}.app-footer{width:min(calc(100% - 2rem),96rem);margin:2rem auto;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.72rem;border-top:1px solid var(--line);padding-top:1rem}.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}@media(max-width:1100px){.studio{grid-template-columns:1fr}.preview-shell{position:relative;top:auto}.preview-stage{min-height:60vh}.preview-stage iframe{height:60vh}}@media(max-width:700px){.topbar{grid-template-columns:1fr auto}.privacy-note{display:none}.intro{padding-top:5rem}.studio{width:min(calc(100% - 1rem),96rem)}#site-form{padding:1rem}.field-row,.details-grid,.choice-grid{grid-template-columns:1fr}.details-grid label{grid-column:auto!important}.block-grid{grid-template-columns:1fr 1fr}.color-grid{grid-template-columns:1fr 1fr}.check-panel ul{grid-template-columns:1fr}.preview-stage{padding:.5rem}.preview-toolbar{align-items:flex-end}.app-footer{flex-direction:column}.intro h1{font-size:clamp(3.2rem,17vw,5.5rem)}}@media(max-width:360px){.product-mark strong{display:none}.block-grid{grid-template-columns:1fr}.preview-toolbar{display:block}.view-toggle{margin-top:.7rem}.export-actions>*{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}