:root{--bg: #eef1f4;--surface: #ffffff;--ink: #1a1f2b;--muted: #5e6573;--line: #d6dbe2;--accent: #2b3fbf;--accent-ink: #ffffff;--accent-soft: #e3e7fb;--danger: #b92a3a;--ok: #1f7a4d;--bezel: #1b1e24;--radius-s: 8px;--radius-m: 14px;--font: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14171d;--surface: #1d2129;--ink: #eceef2;--muted: #a2a8b4;--line: #313744;--accent: #8d9bff;--accent-ink: #10131a;--accent-soft: #252b45;--danger: #ff7d8a;--ok: #63d39b;--bezel: #000000;color-scheme:dark}}:root[data-theme=dark]{--bg: #14171d;--surface: #1d2129;--ink: #eceef2;--muted: #a2a8b4;--line: #313744;--accent: #8d9bff;--accent-ink: #10131a;--accent-soft: #252b45;--danger: #ff7d8a;--ok: #63d39b;--bezel: #000000;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{display:flex;align-items:baseline;justify-content:space-between;max-width:1180px;margin:0 auto;padding-block:20px 0;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}.brand{font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.topbar-price{color:var(--muted);font-size:.95rem}.layout{max-width:1180px;margin:0 auto;padding-block:24px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:56px;align-items:start;grid-template-areas:"intro stage" "editor stage";grid-template-rows:auto 1fr}.intro{grid-area:intro}.stage{grid-area:stage;position:sticky;top:24px}.editor{grid-area:editor;min-width:0}.phone{width:340px;margin:0 auto;padding:11px;border-radius:54px;background:var(--bezel);box-shadow:0 30px 60px -30px #141e3c73,inset 0 0 0 1.5px #ffffff14}.phone-screen{position:relative;border-radius:44px;overflow:hidden;aspect-ratio:1206 / 2622;background:#222}.phone-screen canvas{display:block;width:100%;height:100%;object-fit:cover}.lock{position:absolute;inset:0;color:#fff;text-align:center;pointer-events:none;text-shadow:0 1px 12px rgba(0,0,0,.18)}.island{width:30%;height:3.6%;background:#000;border-radius:99px;margin:3.2% auto 0}.lock-date{margin-top:7%;font-size:15px;font-weight:600;font-family:-apple-system,system-ui,sans-serif;opacity:.95}.lock-time{font-size:82px;line-height:1;font-weight:700;letter-spacing:-.03em;font-family:-apple-system,SF Pro Rounded,system-ui,sans-serif}.lock-actions{position:absolute;left:11%;right:11%;bottom:5.5%;display:flex;justify-content:space-between}.lock-actions span{width:44px;height:44px;border-radius:50%;background:#1e1e1e59;backdrop-filter:blur(8px)}.stage-note{max-width:340px;margin:16px auto 0;font-size:.85rem;color:var(--muted);text-align:center}.stage-note.paid{color:var(--ok)}.intro h1{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:8px 0 16px;max-width:14ch}.intro p{margin:0 0 28px;color:var(--muted);font-size:1.08rem;max-width:52ch}.notice{border-left:3px solid var(--accent);background:var(--accent-soft);padding:12px 16px;border-radius:0 var(--radius-s) var(--radius-s) 0;margin-bottom:24px}.notice.ok{border-color:var(--ok)}.notice.err{border-color:var(--danger)}.group{border:0;padding:0;margin:0 0 36px;min-width:0}.group legend{font-size:1.25rem;font-weight:700;letter-spacing:-.015em;padding:0;margin-bottom:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field.wide{grid-column:1 / -1}.field label{font-size:.86rem;color:var(--muted);font-weight:500}.input{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:10px 12px;min-height:44px}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.input[readonly]{background:transparent;color:var(--muted)}.input.invalid{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.85rem;margin:6px 0 0}.meter{color:var(--muted);font-size:.82rem;margin:10px 0 0}.row{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:12px;margin:0 0 16px}.row.two{grid-template-columns:1fr 1fr}.row-label{font-size:.92rem;color:var(--muted)}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:3px;flex-wrap:wrap;justify-self:start}.seg label{position:relative}.seg input{position:absolute;opacity:0;inset:0;margin:0}.seg span{display:block;padding:7px 14px;border-radius:99px;font-size:.92rem;cursor:pointer}.seg input:checked+span{background:var(--ink);color:var(--bg)}.seg input:focus-visible+span{outline:2px solid var(--accent)}.presets{display:flex;gap:10px;flex-wrap:wrap}.preset{width:40px;height:40px;border-radius:50%;border:2px solid var(--surface);cursor:pointer;padding:0;box-shadow:0 0 0 1px var(--line);position:relative}.preset[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.preset:after{content:"";position:absolute;inset:31%;border-radius:3px;background:var(--chip)}.colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:4px 0 18px}.color{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:6px 10px 6px 6px;cursor:pointer;font-size:.88rem}.color input{width:32px;height:32px;border:0;padding:0;background:none;border-radius:6px;cursor:pointer;flex:none}.color input::-webkit-color-swatch-wrapper{padding:0}.color input::-webkit-color-swatch{border:1px solid var(--line);border-radius:6px}.color[hidden]{display:none}.logo-pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.check{display:flex;gap:10px;align-items:flex-start;font-size:.94rem;cursor:pointer}.check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);flex:none}.slider{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--muted)}.slider input{width:100%;accent-color:var(--accent)}.btn{font:inherit;font-weight:600;border-radius:99px;padding:11px 20px;min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-pay{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-size:1.05rem;padding:14px 26px}.btn-pay:not(:disabled):hover{filter:brightness(1.08)}.btn-quiet{font-weight:500;font-size:.95rem;padding:9px 18px}.btn-quiet:hover{border-color:var(--ink)}.checkout,.delivered{border-top:1px solid var(--line);padding-top:28px}.legal{margin-bottom:18px;color:var(--ink);max-width:60ch}.fine{font-size:.82rem;color:var(--muted);margin:14px 0 0}.downloads{display:flex;flex-wrap:wrap;gap:10px}.howto{margin-top:22px;max-width:62ch}.howto summary{cursor:pointer;font-weight:600}.howto p{color:var(--muted);font-size:.94rem}.foot{display:flex;gap:20px;flex-wrap:wrap;margin:56px 0 24px;font-size:.85rem}.foot a{color:var(--muted)}.paybar{display:none}@media(max-width:920px){.layout{grid-template-columns:1fr;grid-template-areas:"intro" "stage" "editor";grid-template-rows:auto;padding-block:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.topbar{padding-block:16px 0;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.stage{position:static;margin-bottom:32px}.phone{width:min(230px,60vw);border-radius:40px;padding:8px}.phone-screen{border-radius:33px}.lock-time{font-size:clamp(44px,15vw,60px)}.lock-date{font-size:12px}.lock-actions span{width:32px;height:32px}.intro h1{margin-top:0}.row{grid-template-columns:1fr;gap:8px}.paybar:not([hidden]){display:block;position:fixed;left:0;right:0;bottom:0;z-index:5;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--bg);border-top:1px solid var(--line)}.paybar .btn{width:100%}body.has-paybar{padding-bottom:84px}}@media(max-width:520px){.grid,.row.two{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.doc{max-width:720px;margin:0 auto;padding:24px 24px 64px}.doc h1{font-size:2.1rem;letter-spacing:-.03em;line-height:1.1;margin:16px 0 24px}.doc h2{font-size:1.15rem;margin:32px 0 8px}.doc p,.doc li{color:var(--ink);max-width:68ch}.doc .ph{background:var(--accent-soft);padding:0 4px;border-radius:4px}