:root{color-scheme:dark;--bg:#0a1020;--panel:#101a2e;--line:#29364f;--text:#f5f7ff;--muted:#b2bdd2;--accent:#c5adff;--ink:#1a1031;font-family:Inter,system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.skip{position:absolute;top:-80px;z-index:4;background:var(--accent);color:var(--ink);padding:10px}.skip:focus{top:4px}
.wrap{width:min(1216px,calc(100% - 96px));margin-inline:auto}
.header{border-bottom:1px solid var(--line)}
.nav,footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav{min-height:68px}
.brand{white-space:nowrap;font-size:18px;font-weight:700;letter-spacing:-.025em}
nav{display:flex;gap:30px;color:var(--muted);font-size:14px;font-weight:650}
nav a:hover,.subtle:hover{color:var(--accent)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 17px;background:var(--accent);border:1px solid var(--accent);border-radius:4px;color:var(--ink);font:inherit;font-weight:750;font-size:14px;cursor:pointer;transition:background .18s,border-color .18s}
.button:hover{background:#dccdff;border-color:#dccdff}.button.outline{color:var(--text);background:transparent;border-color:#455575}.button.outline:hover{border-color:var(--accent);color:var(--accent)}.button:disabled{opacity:.7;cursor:wait}
.hero{background:var(--bg)}
.hero-copy{padding-block:clamp(48px,7vw,100px)}

.eyebrow,.tag,figcaption,.strip span,.steps article>span{font-size:12px;font-weight:650;letter-spacing:.035em}
.eyebrow,.tag{color:var(--accent)}
h1,h2,h3,p,figure{margin:0}
h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-.045em}
h1{font-size:clamp(46px,5.5vw,82px);margin:18px 0 22px}
h1 em{color:var(--accent);font-weight:400}
h2{font-size:clamp(37px,4.4vw,59px);margin:14px 0 16px}
h3{font-size:23px;line-height:1.16;letter-spacing:-.035em}
.intro{font-size:clamp(16px,1.5vw,20px);color:var(--muted);max-width:540px}
.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.subtle{font-size:14px;font-weight:650;color:var(--muted)}
.strip{border-block:1px solid var(--line);background:#0e172a}
.strip .wrap{display:flex;align-items:center;gap:32px;min-height:70px}.strip span{color:var(--muted)}.strip .wrap div{display:flex;gap:26px;flex-wrap:wrap;font-size:14px}
.section{padding-block:78px;scroll-margin-top:12px}
.pricing,.steps{display:grid;gap:14px;margin-top:31px}
.pricing{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.card{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:22px;background:var(--bg)}
.featured{background:#17162a}
.card p:not(.tag,.price),.steps p,.summary p:last-child{color:var(--muted);font-size:14px}
.price{font-size:42px;font-weight:650;letter-spacing:-.045em;line-height:1.15}.price.quote{font-size:clamp(23px,2.5vw,37px);min-height:48px;display:flex;align-items:center}
.card .button{margin-top:auto}
.fine{font-size:13px;color:var(--muted);margin-top:16px}
.process{border-block:1px solid var(--line);background:#0d1729}
.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.steps article{border-top:1px solid #43536e;padding-top:15px}
.steps article>span{color:var(--accent)}.steps h3{margin:9px 0}
.intake{display:grid;grid-template-columns: .85fr 1.15fr;gap:48px}
.summary{border:1px solid var(--line);border-radius:4px;background:var(--panel);padding:18px;margin-top:25px;max-width:400px}
.summary strong{display:block;margin-block:5px;font-size:20px}
form{padding:24px;border:1px solid var(--line);border-radius:4px;background:var(--panel)}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700}
.full{grid-column:1/-1}
input,select,textarea{width:100%;border:1px solid #41516f;border-radius:4px;background:#0b1426;color:var(--text);padding:10px 11px;font:inherit;font-size:16px;font-weight:450}
textarea{resize:vertical}::placeholder{color:#97a5bf;opacity:1}
form .button{margin-top:13px}.feedback{padding:12px;margin-top:14px;border:1px solid #8067ac;border-radius:4px}
footer{border-top:1px solid var(--line);padding-block:24px}footer a:not(.brand){color:var(--muted);font-size:14px}footer a:hover{color:var(--accent)}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.card{padding:16px}.card .button{font-size:13px;padding-inline:10px}}
@media(max-width:850px){.pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.intake{gap:22px}}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.nav{min-height:58px;gap:16px;padding-block:12px}.nav nav{gap:14px;font-size:13px}.intake{grid-template-columns:1fr}.section{padding-block:49px}.strip .wrap{align-items:flex-start;flex-direction:column;gap:7px;padding-block:12px}.strip .wrap div{gap:16px}.steps{grid-template-columns:1fr}.card{gap:9px}.card h3{font-size:20px}.card .button{gap:4px}.price{font-size:34px}form{padding:16px}}
@media(max-width:370px){.fields,.pricing{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

#team{padding-bottom:0}
.team-profile{display:grid;grid-template-columns:144px minmax(0,1fr);gap:26px;align-items:center;max-width:640px;border-top:1px solid var(--line);padding-top:22px}
.team-profile img{display:block;width:100%;height:auto;border-radius:4px}
.team-role{color:var(--accent);font-size:14px;font-weight:650;margin:6px 0 9px}
.team-profile p:last-child{color:var(--muted);font-size:15px}
@media(max-width:480px){.team-profile{grid-template-columns:104px minmax(0,1fr);gap:15px}.nav nav{gap:12px}}

@media(max-width:425px){.nav{flex-wrap:wrap;gap:8px}.nav nav{width:100%;gap:20px}}

.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding-bottom:0}
.faq h2{margin:0}
.faq details{border-top:1px solid var(--line);padding:13px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-weight:650;cursor:pointer;padding:3px 0}
.faq summary::marker{color:var(--accent)}
.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.faq details p{color:var(--muted);font-size:14px;margin:7px 0 2px}
#creator-help{color:var(--muted);font-size:12px;font-weight:400}
@media(max-width:680px){.faq{grid-template-columns:1fr;gap:16px}}

.workspace{max-width:1050px}
.workspace h1{font-size:clamp(2.4rem,6vw,4.75rem)}
.workspace section{margin-top:2.5rem}
.workspace h2{margin-bottom:1rem}
.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.action-form{display:grid;gap:.65rem;justify-items:start;margin:.85rem 0;max-width:38rem}
.action-form label{display:grid;width:100%;gap:.4rem}
.job-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}
.workspace .card{min-width:0}
.workspace .card h3{overflow-wrap:anywhere}
.workspace details{padding:.5rem 0}
.workspace details summary{cursor:pointer}
.order-list{padding-inline-start:1.25rem}
.order-list li{padding:.35rem 0}
.preserve{white-space:pre-wrap;overflow-wrap:anywhere}
.action-form fieldset{border:1px solid currentColor;padding:1rem;min-width:0}
.action-form fieldset label{display:flex;align-items:center;gap:.5rem;margin:.4rem 0}
.action-form input[type="radio"]{width:auto}