:root{--ink:#192130;--muted:#657080;--blue:#2b45e9;--lime:#d7fd70;--line:#e0e4ec;--bg:#f5f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7586ff;outline-offset:3px}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:800;font-size:25px;letter-spacing:-1px;display:flex;align-items:center}.wordmark>span:last-child{color:var(--blue)}.brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--blue);color:var(--lime);font-size:27px;margin-right:10px;padding-bottom:4px}.header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.header nav a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--line);border-radius:7px;padding:11px 17px}.nav-cta span{margin-left:20px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding:66px 40px 70px;align-items:center;background:#07130f;color:#f6faf7;border-radius:0 0 24px 24px}.hero-copy{color:#b8c6bf}.hero .micro{color:#9aaba2}.hero .short-line{background:#45d483}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;margin:0 0 15px}.short-line{width:26px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:60px;line-height:1.08;letter-spacing:-2.7px;margin-bottom:23px;font-weight:750}h1>span{color:var(--blue)}.hero-copy{font-size:18px;line-height:1.65;color:#596371;margin-bottom:26px}.button{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 22px;font-weight:650;border:0;border-radius:7px;font-size:15px;width:fit-content;transition:background .15s,transform .15s}.primary{background:var(--blue);color:white;box-shadow:0 4px 8px #2b45e915}.primary:hover{background:#2037c4;transform:translateY(-1px)}.button span{font-size:22px;line-height:1}.micro{font-size:12px;color:var(--muted);margin:14px 0 0}.hero-note{background:#d7fd70;color:#192130;border-radius:14px;padding:28px 34px 0;position:relative;transform:rotate(1deg)}.note-tag{font-size:11px;font-weight:700;letter-spacing:1.6px;border:1px solid #19213040;padding:5px 9px;border-radius:4px;display:inline-block;margin-bottom:17px}.hero-note h2{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin-bottom:23px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:18px;margin-bottom:17px;align-items:start}.steps li>span{font-size:12px;border:1px solid #19213050;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.steps b{font-size:15px}.steps p{font-size:13px;margin:3px 0 0;color:#3c5031}.note-foot{border-top:1px solid #19213025;padding:15px 0;font-size:13px;display:flex;gap:10px}.builder-section{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:47px 0 64px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.section-heading .eyebrow{color:var(--muted);font-size:11px;margin-bottom:8px}.section-heading h2{font-size:35px;letter-spacing:-1px;line-height:1.2;margin-bottom:0}.local-badge{font-size:12px;color:#4a566a;display:flex;align-items:center;gap:7px;border:1px solid #dce1e9;border-radius:30px;padding:7px 12px;background:#fff}.workspace{display:grid;grid-template-columns:420px minmax(0,1fr);gap:32px;align-items:start}.editor{padding:25px;background:#fff;border:1px solid #e1e5ec;border-radius:12px;box-shadow:0 5px 16px #25375a04}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h3{font-size:17px;letter-spacing:-.3px;margin-bottom:0}.text-button{font-size:12px;color:var(--blue);font-weight:600;padding:4px 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px}.example-notice{font-size:12px;padding:12px 13px;background:#f0f3ff;border-radius:6px;color:#435383;line-height:1.65;margin-bottom:25px}fieldset{padding:0;margin:0 0 24px;border:0;min-width:0}fieldset+fieldset{border-top:1px solid var(--line);padding-top:24px}legend{font-size:15px;font-weight:700;width:100%;padding:0;margin-bottom:17px;display:flex;align-items:center;gap:9px;float:left}legend+*{clear:both}legend>span{font-size:11px;color:var(--blue);background:#f0f3ff;border-radius:5px;padding:3px 6px}label{font-size:14px;font-weight:600;display:block;margin:15px 0 7px}.required{color:var(--blue)}input:not([type=color]):not([type=file]),textarea{width:100%;border:1px solid #dce1e9;border-radius:6px;padding:10px 12px;color:var(--ink);background:#fff;font-size:14px;min-width:0}textarea{resize:vertical;line-height:1.6;min-height:85px}input:hover,textarea:hover{border-color:#a8b1c4}input::placeholder{color:#84909f}.field-hint{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.optional{color:var(--muted);font-weight:400}.upload-box{display:flex;align-items:center;gap:12px;background:#fafbfe;border:1px dashed #cbd2df;border-radius:7px;padding:15px 12px}.upload-box>div{min-width:0}.upload-icon{font-size:23px;color:var(--blue);border:1px solid #e0e6f1;display:grid;place-items:center;background:white;border-radius:6px;width:34px;height:37px;flex-shrink:0}input[type=file]{font-size:12px;max-width:100%;color:var(--muted)}input[type=file]::file-selector-button{border:0;background:#e8edff;color:#263da7;padding:6px 8px;border-radius:4px;margin-right:6px;font:inherit;cursor:pointer}.upload-box .field-hint{margin:8px 0 0;font-size:11px}.logo-status{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:10px;margin-top:6px;overflow-wrap:anywhere}.color-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.swatches{display:flex;gap:7px}.swatch{width:28px;height:28px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px transparent;padding:0}.swatch[aria-pressed=true]{box-shadow:0 0 0 1px var(--ink)}.forest{background:#245c4b}.blue{background:#2b45e9}.purple{background:#773b99}.terracotta{background:#a4422b}.charcoal{background:#263445}.custom-color{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:5px;padding:4px 7px;font-size:11px;font-family:monospace}input[type=color]{width:22px;height:25px;border:0;padding:0;background:none;cursor:pointer}.form-status{font-size:13px;color:#263da7;margin-bottom:10px}.form-status:empty{display:none}.form-status.error{color:#a22424}.export-button{width:100%}.download-note{text-align:center;font-size:11px;color:var(--muted);margin:12px 0 0}.preview-sticky{position:sticky;top:24px}.preview-column{align-self:stretch;min-width:0}.preview-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.preview-title>div:first-child{display:flex;align-items:center;gap:8px}.preview-title h3{font-size:14px}.preview-dot{height:6px;width:6px;background:var(--blue);border-radius:50%}.view-switch{display:flex;border:1px solid #dce1e9;border-radius:6px;padding:3px;background:#ebeff6;gap:2px}.view-switch button{background:none;border:0;border-radius:4px;padding:5px 9px;font-size:11px;color:#626e81}.view-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #27345115;color:var(--ink)}.browser-shell{border:1px solid #d6dce6;border-radius:11px;overflow:hidden;background:#e9edf4;box-shadow:0 20px 45px #2839610d}.browser-bar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#fff;border-bottom:1px solid #dfe4ec;font-size:10px;color:#7b8696}.browser-bar>span:first-child{font-size:9px;letter-spacing:3px;color:#d0d5df}.preview-stage{display:flex;justify-content:center;overflow:hidden}iframe{border:0;width:100%;height:790px;background:white;display:block;transition:width .2s}.preview-stage.phone-mode{padding:12px}.phone-mode iframe{width:375px;max-width:100%;border-radius:8px}.preview-caption{display:flex;align-items:center;gap:11px;font-size:12px;color:var(--muted);padding:17px 5px}.preview-caption>span:first-child{font-size:23px;color:#8792a5;align-self:start}.preview-caption p{margin:0}.file-pill{margin-left:auto;padding:5px 10px;background:#e8edf5;border:1px solid #dce2ec;border-radius:5px;font-size:11px;font-family:monospace}.hosting{display:grid;grid-template-columns:1fr 1.25fr;gap:110px;padding-top:75px;padding-bottom:75px}.hosting .eyebrow{color:var(--blue)}.hosting h2{font-size:42px;letter-spacing:-1.5px;line-height:1.15;margin-bottom:24px}.hosting-intro>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:350px}.file-token{display:inline-flex;gap:16px;align-items:center;border:1px solid #dce1e9;border-radius:8px;padding:12px 18px;margin-top:13px;color:var(--blue);font-family:monospace}.file-token b{color:var(--ink);font-size:14px;font-weight:500}.hosting-guide h3{margin-bottom:9px;font-size:19px}.guide-context,.hosting-guide li p{font-size:13px;color:var(--muted);line-height:1.7}.hosting-guide ol{list-style:none;padding:0;counter-reset:guide;margin-top:26px}.hosting-guide li{counter-increment:guide;position:relative;padding-left:44px;margin-bottom:22px}.hosting-guide li:before{content:counter(guide);position:absolute;left:0;top:0;border-radius:50%;background:#eff2ff;color:var(--blue);width:27px;height:27px;display:grid;place-items:center;font-size:12px}.hosting-guide li b{font-size:14px}.hosting-guide li p{margin:4px 0 0}.hosting-disclaimer{font-size:11px;border-top:1px solid var(--line);padding-top:17px;color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .wordmark{font-size:21px}.footer p{margin:0;font-size:13px;color:var(--muted)}.footer>span{font-size:11px;color:var(--muted)}.skip{position:fixed;top:-100px;left:15px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}@media(min-width:1440px){.wrap{max-width:1360px}.workspace{grid-template-columns:440px minmax(0,1fr)}.hero{gap:150px}}@media(max-width:1000px){.wrap{padding-left:26px;padding-right:26px}.hero{gap:35px}h1{font-size:48px}.hero-note{padding:25px 26px 0}.workspace{grid-template-columns:360px minmax(0,1fr);gap:22px}.editor{padding:20px}.hosting{gap:50px}.view-switch button{padding:5px;font-size:10px}}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.header{height:78px}.header nav{gap:0}.header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:9px 12px}.nav-cta span{margin-left:8px}.wordmark{font-size:23px}.brand-icon{width:30px;height:30px;font-size:23px;border-radius:8px}.hero{grid-template-columns:1fr;gap:36px;padding-top:39px;padding-bottom:42px}h1{font-size:48px;letter-spacing:-2px}.hero-copy{font-size:16px}.hero-copy br{display:none}.hero-note{transform:none;padding:24px 25px 0}.hero-note h2{font-size:27px}.hero-note h2 br{display:none}.note-tag{font-size:10px}.steps li{margin-bottom:16px}.builder-section{padding-top:35px;padding-bottom:40px}.section-heading{display:block}.section-heading h2{font-size:30px}.local-badge{margin-top:18px;width:fit-content}.workspace{grid-template-columns:1fr;gap:30px}.editor{padding:21px}.preview-sticky{position:static}.preview-title{flex-wrap:wrap}.view-switch button{font-size:11px;padding:6px 8px}iframe{height:850px}.hosting{grid-template-columns:1fr;gap:34px;padding-top:44px;padding-bottom:44px}.hosting h2{font-size:36px}.hosting-intro>p:not(.eyebrow){max-width:none}.hosting h2 br{display:none}.footer{flex-wrap:wrap;gap:14px}.footer>span{width:100%}.micro{font-size:11px}}@media(max-width:370px){h1{font-size:41px}.field-grid{grid-template-columns:1fr;gap:0}.editor{padding:16px}.color-row{flex-wrap:wrap}.editor-top{align-items:start}.wordmark{font-size:21px}.hero-note h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.account-section{padding-top:10px;padding-bottom:55px}.auth-card{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;border:1px solid var(--line);border-radius:12px;padding:38px 42px;background:#fff}.auth-intro{padding-top:12px}.auth-intro h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:0 0 20px}.auth-intro>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:390px}.auth-intro .local-note{font-size:12px!important;border-left:2px solid var(--blue);padding-left:14px;margin-top:27px}.auth-tabs{display:flex;background:#f0f3f9;padding:4px;border-radius:7px;gap:4px;margin-bottom:16px}.auth-tabs button{width:50%;border:0;background:transparent;padding:9px 12px;font-size:14px;border-radius:5px;color:var(--muted)}.auth-tabs button[aria-pressed=true]{background:white;color:var(--blue);font-weight:600;box-shadow:0 2px 6px #19213009}#authForm .button{width:100%;margin-top:18px}#passwordHint{margin-top:8px}#authStatus{margin:12px 0 0}#authStatus.error{color:#a22424}.dashboard{border:1px solid var(--line);padding:28px 32px;border-radius:12px;background:#fff}.dashboard-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.dashboard h2{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin-bottom:8px;overflow-wrap:anywhere}.dashboard-heading p{font-size:13px;color:var(--muted)}.dashboard .eyebrow{font-size:11px;color:var(--blue)}.dashboard-bottom{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding-top:22px;margin-top:14px;flex-wrap:wrap}.saved-files{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px}.saved-files>b{font-weight:650}.saved-files>a{padding:6px 9px;background:#f0f3ff;border-radius:5px;color:var(--blue)}#noFiles{color:var(--muted)}#saveStatus{font-size:12px;color:var(--muted);margin-left:auto}.guest-notice{padding:14px 18px;background:#eaf0ff;border:1px solid #dbe3fa;border-radius:7px;margin-bottom:22px;font-size:13px;color:#425783}.guest-notice a{text-decoration:underline;font-weight:600}.editor.guest{opacity:.72}.editor.guest button,.editor.guest input,.editor.guest textarea{cursor:not-allowed}.editor.guest .export-button{cursor:pointer}@media(max-width:760px){.account-section{padding-bottom:38px}.auth-card{grid-template-columns:1fr;gap:20px;padding:24px}.auth-intro h2{font-size:30px}.auth-intro h2 br{display:none}.auth-intro .local-note{margin-top:18px}.dashboard{padding:24px}.dashboard-bottom{gap:18px}#saveStatus{margin-left:0;width:100%}.dashboard-heading{align-items:start}}
.editor{min-width:0}.color-row{flex-wrap:wrap}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.editor-top{flex-wrap:wrap;gap:6px}.export-button{gap:12px;padding-left:16px;padding-right:16px}}@media(max-width:370px){.field-grid{grid-template-columns:1fr}}
.choose-logo{border:0;background:#e8edff;color:#263da7;padding:6px 10px;border-radius:4px;font-size:12px;font-weight:600}