:root{color-scheme:light;--ink:#1a1c1a;--muted:#5c6560;--line:#e4e7e4;--bg:#f3f4f2;--surface:#ffffff;--accent:#2563eb;--accent-dark:#1d4ed8;--danger:#b42318}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column;font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-dark)}.app-nav-preview{display:flex;gap:14px;margin-bottom:18px}.app-nav-preview a{color:var(--ink);font-weight:650;text-decoration:none}.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:-.03em}.mark{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:white;font-weight:800}.main{padding:28px;max-width:1100px}.top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}h1{font-size:28px;margin:0 0 6px;letter-spacing:-.04em}.sub{color:var(--muted);margin:0}.badge{background:#e8f0fe;color:#1d4ed8;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:650}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.home-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:14px}.home-actions h2{margin:0 0 8px;font-size:20px}.home-actions p{margin:0 0 14px;line-height:1.5}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.meter{height:8px;background:#ecefee;border-radius:99px;overflow:hidden;margin-top:8px}.meter span{display:block;height:100%;background:var(--accent)}.btn,.btn-danger,.btn-secondary{border-radius:8px;padding:8px 12px;cursor:pointer;border:1px solid transparent}.btn{background:var(--accent);color:white;text-decoration:none;display:inline-block}.btn:hover{background:var(--accent-dark)}.btn-secondary{background:white;border-color:var(--line)}.btn-danger{background:white;color:var(--danger);border-color:#f3c7c3}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-small{padding:4px 8px;font-size:13px;border-radius:6px}.faq-transfer{margin:14px 0 0}.faq-transfer-actions{display:flex;flex-wrap:wrap;gap:8px}.faq-transfer .sub{margin-top:10px;max-width:70ch}.category-title-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.category-title-row input{flex:1 1;width:auto;min-width:0}.category-title-row .btn-danger,.category-title-row .btn-secondary{flex:none}.split{display:grid;grid-template-columns:260px 1fr;grid-gap:14px;gap:14px}.category-add{display:grid;grid-gap:10px;gap:10px;margin-bottom:10px}.category-add .btn{justify-self:start}.list-btn{width:100%;text-align:left;border:1px solid var(--line);background:white;border-radius:10px;padding:10px;cursor:pointer;margin-bottom:8px}.list-btn.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}input[type=email],input[type=text],select,textarea{width:100%;border:1px solid #cfd6d1;border-radius:8px;padding:8px 10px;background:white}.editor:focus-within,input[type=email]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.editor{border:1px solid #e8e8e8;border-radius:4px;background:white}.editor-tools{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid #f1f1f1;background:white}.editor-tools button{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;border-radius:2px;color:#3f3f3f;padding:0;cursor:pointer}.editor-tools button.active,.editor-tools button:hover{background:#f1f1f1;color:var(--accent)}.editor-sep{width:1px;align-self:stretch;background:#eee;margin:4px 6px}.editor,.editor-surface{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:400;font-style:normal;line-height:1.55;letter-spacing:0;color:#1a1c1a}.editor-frame{position:relative}.editor-surface{min-height:160px;padding:12px 14px;outline:none}.editor-surface img{max-width:100%;height:auto;border-radius:8px}.editor-surface img.is-selected{outline:2px solid var(--accent);outline-offset:2px}.image-resize{position:absolute;width:14px;height:14px;margin:0;padding:0;z-index:2;border:2px solid white;border-radius:3px;background:var(--accent);box-shadow:0 0 0 1px var(--accent);cursor:nwse-resize}.link-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #f1f1f1}.link-form input[type=text]{flex:1 1;min-width:180px}.image-picker{width:min(720px,100%)}.image-picker-back{z-index:60}.image-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.image-library button{padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f3f4f2;aspect-ratio:1}.image-library img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:700px){.image-library{grid-template-columns:repeat(3,minmax(0,1fr))}}.link-form label{display:flex;align-items:center;gap:6px;font-size:13px}.editor-surface ol,.editor-surface ul{margin:0 0 8px 1.2em}.editor-surface blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--line)}.editor-surface h2{font-size:20px;font-weight:650;line-height:1.3;margin:8px 0 4px}.editor-surface h3{font-size:17px;font-weight:650;line-height:1.35;margin:8px 0 4px}.editor-surface p{margin:0 0 8px}.field,label.field{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:var(--muted)}.templates{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.preset{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;border-radius:999px;padding:6px 12px;cursor:pointer}.preset.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.preset i{display:inline-flex}.preset i span{width:12px;height:12px;border-radius:99px;border:1px solid rgba(0,0,0,.08)}.template{text-align:left;border:1px solid var(--line);background:white;border-radius:12px;padding:12px;cursor:pointer}.template.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.template small{display:block;color:var(--muted);margin-top:4px}.colors{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}.note{background:#fff8e8;border:1px solid #f3e2b3;color:#6b5308;border-radius:10px;padding:10px 12px}.error{color:var(--danger);margin:0}.question-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.question-row>div{flex:1 1;min-width:0}.question-row .switch{margin-left:auto}.category-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.category-row>span{flex:1 1;text-align:left}.switch{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch i{width:34px;height:20px;border-radius:99px;background:#d0d5dd;position:relative;display:inline-block}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:white;transition:transform .15s}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translateX(14px)}.switch input:focus-visible+i{box-shadow:0 0 0 2px var(--accent)}.question-form{margin-top:14px;display:grid;grid-gap:10px;gap:10px}.question-form .btn-danger{margin-left:auto}.question-title{font-size:22px;font-weight:650;padding:10px 12px}.plans{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.plan-features{margin:8px 0 14px;padding-left:18px}.plan-features li{margin:4px 0}.price{font-size:28px;margin:8px 0;letter-spacing:-.04em}.appearance-page{max-width:1280px}.appearance-layout{display:grid;grid-template-columns:minmax(260px,2fr) minmax(0,3fr);grid-gap:18px;gap:18px;align-items:start}.appearance-settings{display:flex;flex-direction:column;gap:14px;min-width:0}.appearance-settings .colors,.appearance-settings .templates{grid-template-columns:1fr}.color-field{grid-template-columns:minmax(7.5rem,1fr) auto}.color-field,.color-row{align-items:center;gap:8px}.color-row{display:flex}.colors .color-row input[type=color]{width:42px;height:36px;padding:2px;flex:none;border:1px solid var(--line);border-radius:8px;background:white}.color-row input[type=text]{width:11ch;flex:none;font-family:ui-monospace,Consolas,monospace;font-size:13px;padding:6px 8px}.color-none{height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:white;cursor:pointer}.color-none.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.swatch-none{background:linear-gradient(135deg,transparent 46%,#94a3b8 0,#94a3b8 54%,transparent 0),repeating-conic-gradient(#fff 0 25%,#e5e7eb 0 50%) 50% /8px 8px}.size-slider{margin-top:14px}.size-slider-heading{display:flex;align-items:baseline;gap:8px}.size-slider input[type=range]{width:100%;height:28px;margin:0;accent-color:var(--accent);cursor:-webkit-grab;cursor:grab;touch-action:none}.size-slider span{color:var(--ink);font-weight:650}.preview-wrap{margin-top:0;min-width:0;position:-webkit-sticky;position:sticky;top:12px}.preview-wrap h2{margin:0 0 8px;font-size:20px}.install{max-width:560px;margin:10vh auto;background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.policy{max-width:720px;margin:0 auto;padding:40px 20px 64px}.policy h1{margin:0 0 8px}.policy h2{margin:28px 0 8px;font-size:20px}.policy li,.policy p{line-height:1.55}.policy ul{margin:8px 0 0;padding-left:18px}.contact-form{display:grid;grid-gap:12px;gap:12px;margin-top:16px;max-width:480px}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}.setup-step{margin-bottom:14px}.panel>h2,.setup-step h2{margin:0 0 8px;font-size:20px}.setup-step ol{margin:8px 0 14px;padding-left:18px}.setup-step li{margin:6px 0}.setup-step img{width:100%;border:1px solid var(--line);border-radius:12px;display:block;margin:8px 0 14px}.setup-step code{font-family:ui-monospace,Consolas,monospace;font-size:13px}.modal-back{position:fixed;inset:0;background:rgba(16,24,20,.45);display:grid;place-items:center;z-index:40;padding:20px}.modal{width:min(560px,100%);background:white;border-radius:16px;padding:20px;display:grid;grid-gap:12px;gap:12px;max-height:calc(100vh - 40px);overflow:auto}.question-modal{width:min(760px,100%)}.modal h2{margin:0;font-size:20px}.modal textarea{width:100%;min-height:74px;resize:vertical;font-family:ui-monospace,Consolas,monospace;font-size:13px}.landing{min-height:100vh}.landing-bar,.landing-foot{justify-content:space-between;max-width:1040px;margin:0 auto;padding:20px}.landing-bar,.landing-bar nav,.landing-foot{display:flex;align-items:center;gap:16px}.landing-bar nav a{color:var(--ink);font-weight:650;text-decoration:none}.hero,.landing-block{max-width:1040px;margin:0 auto;padding:12px 20px 28px}.hero{padding-top:48px;padding-bottom:36px}.eyebrow{color:var(--accent-dark);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:13px;margin:0 0 10px}.hero h1{font-size:44px;line-height:1.1;letter-spacing:-.04em;margin:0 0 14px;max-width:16ch}.lede{font-size:18px;max-width:62ch;color:var(--muted)}.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.landing-block>p,.landing-grid article{background:white;border:1px solid var(--line);border-radius:14px;padding:16px}.landing-block>p{margin:0;line-height:1.55}.landing-grid h3{margin:0 0 8px}.landing-grid p{margin:0;color:var(--muted);line-height:1.5}.landing-grid .price{color:var(--ink);font-size:28px;letter-spacing:-.04em;margin:8px 0}.landing-grid .price span{font-size:14px;color:var(--muted);letter-spacing:0}.landing-foot{border-top:1px solid var(--line);margin-top:20px;color:var(--muted)}.landing-foot span{display:flex;align-items:center;gap:16px}.additional-apps{margin-top:auto;border-top:1px solid var(--line)}.additional-apps-inner{max-width:1100px;margin:0 auto;padding:22px 28px 32px}.additional-apps h2{margin:0 0 12px;font-size:16px;letter-spacing:-.02em}.additional-apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.additional-apps-grid.is-fresh{animation:additional-apps-in .35s ease}@keyframes additional-apps-in{0%{opacity:.35}to{opacity:1}}.additional-apps a{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:12px;background:white;border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none}.additional-apps a:hover{border-color:var(--accent)}.additional-apps img{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:none}.additional-apps a strong{display:block;margin-bottom:4px}.additional-apps a p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}@media (prefers-reduced-motion:reduce){.additional-apps-grid.is-fresh{animation:none}}@media (max-width:900px){.additional-apps-grid,.appearance-layout,.appearance-settings .colors,.appearance-settings .templates,.colors,.grid,.home-actions,.landing-grid,.plans,.split,.templates{grid-template-columns:1fr}.preview-wrap{position:static}.hero h1{font-size:34px}.landing-bar{align-items:flex-start;flex-direction:column}}