:root{--navy:#071b42;--navy-2:#0d2b5e;--orange:#ff7a1a;--orange-2:#ff9d4d;--cream:#fff8f1;--ink:#13213c;--muted:#69758b;--line:#e8ecf3;--white:#fff;--shadow:0 18px 55px rgba(13,43,94,.12);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Prompt',system-ui,sans-serif;color:var(--ink);background:#f7f9fc;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--navy)}.brand strong{color:var(--orange)}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),#ffad54);color:#fff;font-weight:700;box-shadow:0 7px 18px rgba(255,122,26,.28)}.main-nav{display:flex;align-items:center;gap:24px;font-size:14px}.main-nav>a:not(.button):hover{color:var(--orange)}.nav-toggle{display:none;background:none;border:0;font-size:24px}.inline-form{display:inline}.nav-logout{border:0;background:none;color:var(--muted);padding:0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:13px 22px;background:linear-gradient(135deg,var(--orange),#ff923f);color:#fff;font-weight:600;box-shadow:0 10px 25px rgba(255,122,26,.22);transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,122,26,.3)}.button.small{padding:9px 15px;border-radius:10px;font-size:13px}.button.wide{width:100%}.button.light{background:#fff;color:var(--navy);box-shadow:none}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.text-link{font-weight:600;color:var(--orange)}.flash{max-width:780px;margin:18px auto 0;padding:12px 18px;border-radius:12px;font-size:14px}.flash.success{background:#e9fbf1;color:#187249}.flash.error{background:#fff0f0;color:#aa2f2f}.hero{min-height:680px;background:var(--navy);color:#fff;display:grid;grid-template-columns:44% 56%;align-items:center;overflow:hidden;padding-left:max(6vw,28px)}.hero-copy{padding:65px 0;position:relative;z-index:2}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.13em;font-weight:600;color:#ffbd87;margin-bottom:16px}.eyebrow.orange{color:var(--orange)}.hero h1{font-size:clamp(40px,5.1vw,76px);line-height:1.08;margin:0 0 24px;letter-spacing:-.035em}.hero h1 span{color:var(--orange-2)}.hero p{color:#c9d4e7;font-size:17px;max-width:610px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.trust-row{display:flex;gap:22px;margin-top:36px;color:#bfcce2;font-size:13px}.hero-visual{height:100%;position:relative;display:flex;align-items:center}.hero-visual:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:rgba(49,93,170,.2);filter:blur(1px);right:8%;top:12%}.hero-visual img{width:115%;height:100%;object-fit:cover;object-position:center;position:relative}.floating-note{position:absolute;left:13%;bottom:14%;background:rgba(255,255,255,.94);color:var(--navy);padding:13px 17px;border-radius:14px;display:grid;box-shadow:var(--shadow)}.floating-note span{font-size:11px;color:var(--muted)}.section{padding:95px max(6vw,28px)}.section-heading{max-width:700px;margin-bottom:46px}.section-heading h2,.showcase h2,.cta h2{font-size:clamp(30px,3vw,48px);line-height:1.2;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 10px 35px rgba(13,43,94,.06)}.steps article>span{font-size:13px;color:var(--orange);font-weight:700}.steps h3{font-size:21px;margin:25px 0 8px}.steps p{color:var(--muted);margin:0}.showcase{margin:0 max(4vw,20px);border-radius:32px;background:#0b2653;color:#fff;padding:75px max(4vw,30px);display:grid;grid-template-columns:38% 62%;gap:55px;align-items:center}.showcase p{color:#bdcbe2}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sample-card{aspect-ratio:3/4;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;position:relative;overflow:hidden}.sample-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(2,15,38,.85))}.sample-card>*{position:relative}.sample-card span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#fff}.sample-card strong{font-size:16px}.bakery{background:linear-gradient(160deg,#f6d4a2,#b96c2f)}.beauty{background:linear-gradient(160deg,#d9c6ff,#6c4bb9)}.drink{background:linear-gradient(160deg,#ffb15f,#b94716)}.pricing-section{background:#fff;margin-top:95px}.pricing-card{max-width:1050px;margin:auto;border:1px solid var(--line);border-radius:26px;padding:36px 42px;display:grid;grid-template-columns:1.2fr 1fr auto;gap:35px;align-items:center;box-shadow:var(--shadow)}.pricing-card h3{font-size:28px;margin:5px 0}.pricing-card p{color:var(--muted);margin:0}.plan-name{font-size:11px;color:var(--orange);font-weight:700;letter-spacing:.12em}.plan-features{display:grid;gap:8px;font-size:14px}.cta{margin:0 max(4vw,20px) 40px;border-radius:30px;background:linear-gradient(135deg,var(--orange),#ff9c45);color:#fff;padding:55px max(5vw,35px);display:flex;align-items:center;justify-content:space-between}.cta .eyebrow{color:#fff1e7}.site-footer{padding:35px max(6vw,28px);background:#061837;color:#fff;display:flex;justify-content:space-between;align-items:center}.site-footer p{margin:4px 0;color:#aebbd0;font-size:13px}.footer-status{font-size:13px;color:#c6d1e3}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#4ed68b;margin-right:7px}.auth-shell{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 460px;align-items:center;gap:70px;padding:60px max(10vw,35px);background:linear-gradient(135deg,#071b42 0%,#102f64 48%,#f8fafc 48%)}.auth-copy{color:#fff;max-width:560px}.auth-copy h1{font-size:48px;line-height:1.2;margin:0 0 18px}.auth-copy p{color:#c2cee1}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 40px rgba(18,42,84,.07)}.form-card{padding:32px;display:grid;gap:19px}.form-card label{display:grid;gap:7px;font-size:13px;font-weight:500}.form-card input,.form-card select,.form-card textarea,.revision-form textarea{width:100%;border:1px solid #dce2ec;border-radius:11px;padding:12px 14px;background:#fff;color:var(--ink);outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,26,.1)}.form-foot{text-align:center;color:var(--muted);font-size:13px}.form-foot a{color:var(--orange);font-weight:600}.app-shell{max-width:1260px;margin:auto;padding:55px 25px 90px}.app-shell.narrow{max-width:930px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.page-title h1{font-size:38px;margin:0 0 4px}.page-title p{margin:0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.stat-grid span{display:block;color:var(--muted);font-size:12px}.stat-grid strong{display:block;font-size:30px;color:var(--navy);margin:6px 0}.stat-grid small{color:#9aa4b5;font-size:11px}.api-state{font-size:18px!important;color:#c47a2c!important}.api-state.on{color:#198d59!important}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.dashboard-grid>.card{padding:27px}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head h2,.quick-card h2{margin:0;font-size:20px}.card-head a{font-size:13px;color:var(--orange)}.empty{text-align:center;padding:45px 20px}.empty>span{font-size:30px;color:var(--orange)}.empty h3{margin:10px 0 5px}.empty p{color:var(--muted)}.job-list{margin-top:15px}.job-row{display:grid;grid-template-columns:52px 1fr auto;gap:13px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.job-row img{width:52px;height:52px;object-fit:cover;border-radius:10px}.job-row div{display:grid}.job-row div span{font-size:11px;color:var(--muted)}.pill{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:600;white-space:nowrap}.pill.warning{background:#fff5e5;color:#aa661c}.pill.success{background:#e6f9ef;color:#187249}.pill.danger{background:#ffeded;color:#ae3434}.quick-card ul{padding-left:19px;color:var(--muted);font-size:14px}.two-col{grid-template-columns:1fr 1fr}.two-col .full{grid-column:1/-1}.upload-box{border:2px dashed #d7deea;border-radius:16px;padding:30px!important;text-align:center;place-items:center;background:#f9fbfe;cursor:pointer}.upload-box:hover{border-color:var(--orange)}.upload-box strong{font-size:16px}.upload-box small{color:var(--muted)}.upload-box input{max-width:320px;background:transparent;border:0}.style-picker{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.style-picker legend{font-size:13px;font-weight:500;margin-bottom:8px}.style-picker label{border:1px solid var(--line);border-radius:14px;padding:11px;cursor:pointer}.style-picker input{position:absolute;opacity:0}.style-picker label:has(input:checked){border-color:var(--orange);box-shadow:0 0 0 2px rgba(255,122,26,.12)}.style-swatch{height:80px;border-radius:9px}.style-swatch.minimal{background:linear-gradient(145deg,#f6f0e7,#e5d5bc)}.style-swatch.bright{background:linear-gradient(145deg,#ffb458,#ff606e)}.style-swatch.premium{background:linear-gradient(145deg,#152c59,#9a6d31)}.submit-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.submit-row p{font-size:12px;color:var(--muted)}.job-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.job-card{overflow:hidden}.job-card>img{width:100%;aspect-ratio:16/10;object-fit:cover}.job-card-body{padding:20px}.job-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.job-card h2{font-size:20px;margin:14px 0 0}.job-card p{color:var(--muted);margin:4px 0 15px}.job-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--line);padding-top:14px}.job-card dl div{display:grid}.job-card dt{font-size:10px;color:var(--muted)}.job-card dd{font-size:11px;margin:0;font-weight:600}.revision-form{display:grid;gap:8px;margin-top:15px}.revision-form textarea{height:75px;font-size:12px}.api-badge{padding:8px 13px;border-radius:999px;background:#fff4e5;color:#9b621f;font-size:12px}.api-badge.connected{background:#e7f9ef;color:#187249}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:800px}.table-wrap th,.table-wrap td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:13px}.table-wrap th{font-size:11px;color:var(--muted);background:#f9fafc}.table-product{display:flex;align-items:center;gap:10px}.table-product img{width:42px;height:42px;object-fit:cover;border-radius:8px}.table-wrap td strong,.table-wrap td small{display:block}.table-wrap td small{color:var(--muted)}.table-wrap select{border:1px solid var(--line);border-radius:8px;padding:7px}.empty-cell{text-align:center!important;color:var(--muted);padding:50px!important}@media(max-width:950px){.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.nav-toggle{display:block}.hero{grid-template-columns:1fr;padding:0}.hero-copy{padding:70px 28px 15px}.hero-visual{height:420px}.hero-visual img{width:100%;object-position:65% center}.steps,.job-cards{grid-template-columns:1fr 1fr}.showcase{grid-template-columns:1fr}.pricing-card{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr;background:linear-gradient(160deg,#071b42 0%,#102f64 42%,#f8fafc 42%);gap:35px}.auth-copy{padding-top:25px}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:640px){.hero h1{font-size:43px}.hero-actions,.trust-row{flex-wrap:wrap}.trust-row{gap:10px 15px}.hero-visual{height:320px}.section{padding:70px 20px}.steps,.sample-grid,.job-cards{grid-template-columns:1fr}.showcase{margin:0 12px;padding:55px 22px}.sample-grid{grid-template-columns:repeat(3,1fr)}.sample-card{padding:10px}.sample-card strong{font-size:11px}.cta{margin:0 12px 25px;padding:40px 24px;align-items:flex-start;flex-direction:column;gap:25px}.site-footer{align-items:flex-start;flex-direction:column;gap:15px}.auth-shell{padding:30px 18px}.auth-copy h1{font-size:34px}.form-card{padding:22px}.page-title{align-items:flex-start;flex-direction:column}.page-title h1{font-size:31px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article{padding:17px}.stat-grid strong{font-size:24px}.two-col{grid-template-columns:1fr}.two-col .full{grid-column:auto}.style-picker{grid-template-columns:1fr 1fr 1fr}.style-swatch{height:55px}.submit-row{align-items:flex-start;flex-direction:column}.job-cards{grid-template-columns:1fr}.pricing-card{padding:28px 22px}}