:root {
    --ink: #151918;
    --muted: #626965;
    --paper: #f4f2ec;
    --lime: #caff72;
    --pink: #ff55b8;
    --blue: #4d82ff;
    --line: rgba(21, 25, 24, .12);
    --radius: 28px;
}

* { box-sizing: border-box; }
::selection { color: #111216; background: #e8e8e6; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }

.page-shell, .section-shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.section-shell { margin-top: 150px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 22px; color: #4e5651; font-size: 12px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: #64ab3b; box-shadow: 0 0 0 4px rgba(100, 171, 59, .15); }
.eyebrow-light { color: rgba(255,255,255,.68); justify-content: center; }
.site-header { position: sticky; z-index: 100; top: 0; height: 64px; }
.site-header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 9px; font-size: 20px; font-weight: 820; letter-spacing: -.05em; }
.brand > span:not(.brand-mark) { color: #6c736f; }
.brand-mark { width: 27px; height: 24px; display: block; object-fit: contain; }
.header-cta { padding: 11px 18px; color: white; background: var(--ink); border-radius: 999px; font-size: 13px; font-weight: 700; }

.hero { min-height: 700px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; padding-block: 45px 100px; }
.hero h1 { margin: 0; }
.section-heading h2, .feature-copy h2, .video-section h2 { margin: 0 0 20px; }
.hero h1, .section-heading h2, .feature-copy h2, .video-section h2 { font-size: clamp(48px, 5.8vw, 84px); line-height: .98; letter-spacing: -.07em; font-weight: 690; }
h1 em, h2 em { font-family: Georgia, serif; font-weight: 400; }
.hero-lede { max-width: 560px; margin: 28px 0 32px; color: var(--muted); font-size: 18px; line-height: 1.6; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 28px; border-radius: 999px; padding: 17px 22px 17px 26px; font-size: 14px; font-weight: 750; transition: transform .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; }
.button-primary { color: white; background: var(--ink); box-shadow: 0 14px 32px rgba(21,25,24,.16); }
.button-primary span { color: var(--ink); background: var(--lime); }
.button-note { margin: 14px 0 0 24px; color: #7c827e; font-size: 12px; }
.hero-demo { position: relative; min-height: 530px; display: grid; place-items: center; }
.demo-glow { position: absolute; width: 90%; height: 85%; border-radius: 50%; background: radial-gradient(circle, rgba(202,255,114,.7), rgba(113,180,229,.22) 45%, transparent 72%); filter: blur(25px); }
.browser-card { z-index: 1; width: min(630px, 100%); padding: 10px; background: #202424; border: 1px solid rgba(255,255,255,.15); border-radius: 20px; box-shadow: 0 45px 90px rgba(14,20,18,.25); transform: rotate(2deg); }
.browser-bar { height: 34px; display: flex; align-items: center; gap: 5px; padding: 0 8px; }
.browser-bar > span { width: 7px; height: 7px; border-radius: 50%; background: #707573; }
.browser-address { margin: auto; width: 44%; color: #9ca29f; background: #151817; border-radius: 8px; padding: 6px 12px; text-align: center; font-size: 8px; }
.demo-site { position: relative; height: 370px; overflow: hidden; border-radius: 12px; background: #df572e; color: #fff5df; }
.demo-site::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: radial-gradient(#862913 1px, transparent 1px); background-size: 6px 6px; }
.demo-site-nav { position: relative; z-index: 1; padding: 18px 22px; display: flex; align-items: center; gap: 16px; font-size: 7px; }
.demo-site-nav b { margin-right: auto; font-size: 11px; letter-spacing: .12em; }
.demo-site-nav i { width: 30px; height: 3px; background: rgba(255,255,255,.45); }
.demo-site-nav button { border: 1px solid rgba(255,255,255,.55); background: transparent; color: white; padding: 6px 10px; border-radius: 99px; font-size: 7px; }
.demo-site-copy { position: absolute; z-index: 1; left: 10%; top: 28%; display: flex; flex-direction: column; gap: 17px; }
.demo-site-copy small { font-size: 7px; letter-spacing: .2em; }
.demo-site-copy strong { font: 400 44px/1 Georgia, serif; letter-spacing: -.04em; }
.demo-site-copy span { font-size: 8px; }
.coffee-cup { position: absolute; width: 175px; height: 200px; right: 10%; bottom: 3%; border-radius: 20px 20px 55px 55px; background: linear-gradient(100deg, #f7dfad, #fff6df 50%, #cda366); transform: rotate(-8deg); box-shadow: -20px 30px 40px rgba(80,22,8,.23); }
.coffee-cup::before { content: ""; position: absolute; left: 16px; right: 16px; top: 12px; height: 30px; border-radius: 50%; background: #4b2017; box-shadow: inset 0 5px #e0ba86; }
.coffee-cup::after { content: ""; position: absolute; width: 52px; height: 75px; right: -42px; top: 55px; border: 16px solid #e2c48e; border-left: 0; border-radius: 0 50% 50% 0; }
.coffee-cup span { position: absolute; width: 60px; height: 2px; top: -35px; left: 55px; background: rgba(255,255,255,.4); transform: rotate(85deg); box-shadow: 18px 12px rgba(255,255,255,.25); filter: blur(2px); }
.prompt-chip, .built-chip { position: absolute; z-index: 2; border: 1px solid rgba(255,255,255,.65); box-shadow: 0 20px 45px rgba(21,25,24,.17); backdrop-filter: blur(12px); border-radius: 14px; font-size: 11px; }
.prompt-chip { left: 0; bottom: 65px; max-width: 230px; padding: 14px; background: rgba(255,255,255,.72); }
.prompt-chip span { color: #9a48ff; margin-right: 7px; }
.built-chip { right: -3px; top: 85px; padding: 11px 14px; color: white; background: rgba(22,27,26,.9); }
.built-chip span { color: var(--lime); }

.prompt-stage { position: relative; min-height: 700px; display: grid; place-items: center; overflow: hidden; color: white; background: #141818; }
.prompt-stars { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; }
.prompt-content { z-index: 1; width: min(720px, calc(100% - 40px)); text-align: center; transform: translateY(-20px); }
.prompt-content h2 { margin: 0; font-size: clamp(40px, 5vw, 68px); line-height: 1; letter-spacing: -.06em; }
.prompt-content > p:not(.eyebrow) { margin: 13px 0 30px; color: rgba(255,255,255,.65); }
.prompt-box-shell { position: relative; isolation: isolate; }
.prompt-box-shell::after { content: ""; position: absolute; z-index: 0; top: calc(100% - 28px); right: -6%; left: -6%; height: 98px; border-radius: 50%; background: radial-gradient(ellipse at 50% 22px, rgba(181, 72, 42, .44) 28%, rgba(112, 43, 28, .17) 54%, transparent 64%); filter: blur(12px); clip-path: inset(22px -30px -30px -30px); opacity: 0; pointer-events: none; transition: opacity .45s ease-out; }
.prompt-box { min-height: 120px; display: flex; flex-direction: column; padding: 19px; border: 1px solid rgba(255,255,255,.1); background: #171a19; border-radius: 24px; text-align: left; box-shadow: 0 30px 55px rgba(0,0,0,.27); cursor: text; transition: border-color .25s ease, box-shadow .25s ease; }
.prompt-box-shell .prompt-box { position: relative; z-index: 1; }
.prompt-box textarea { width: 100%; min-height: 42px; max-height: 210px; flex: none; resize: none; overflow-y: hidden; padding: 0; border: 0; outline: 0; color: white; background: transparent; font-size: 14px; line-height: 1.5; scrollbar-color: #555960 transparent; scrollbar-width: thin; }
.prompt-box textarea::placeholder { color: #929693; }
.prompt-box textarea::-webkit-scrollbar { width: 6px; }
.prompt-box textarea::-webkit-scrollbar-track { background: transparent; }
.prompt-box textarea::-webkit-scrollbar-thumb { border-radius: 999px; background: #555960; }
.prompt-box textarea::-webkit-scrollbar-thumb:hover { background: #6b7078; }
.prompt-actions { display: flex; align-items: center; gap: 10px; color: #888d89; font-size: 11px; }
.prompt-add, .prompt-microphone, .prompt-send { display: grid; place-items: center; border: 0; border-radius: 50%; cursor: pointer; }
.prompt-add { width: 28px; height: 28px; color: #aaa; background: #252928; font-size: 19px; }
.prompt-uploads { min-width: 0; flex: 1; display: flex; gap: 7px; overflow-x: auto; scrollbar-width: thin; }
.prompt-upload { position: relative; width: 82px; height: 54px; flex: 0 0 82px; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 8px; color: #d8dadd; background: #222526; }
.prompt-upload img { width: 100%; height: 100%; display: block; object-fit: cover; }
.prompt-upload-file { height: 100%; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 6px 7px; }
.prompt-upload-extension { color: #f0f1f1; font: 700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .06em; }
.prompt-upload-name { overflow: hidden; color: #92979b; font-size: 8px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.prompt-upload-spinner { position: absolute; z-index: 2; inset: 0; margin: auto; width: 20px; height: 20px; border: 2px solid rgba(255,255,255,.28); border-top-color: #fff; border-radius: 50%; background: rgba(17,18,22,.5); box-shadow: 0 0 0 27px rgba(17,18,22,.28); animation: prompt-upload-spin .7s linear infinite; }
.prompt-upload.is-ready .prompt-upload-spinner, .prompt-upload.is-failed .prompt-upload-spinner { display: none; }
.prompt-upload-remove { position: absolute; z-index: 3; top: 4px; right: 4px; width: 20px; height: 20px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; opacity: 0; color: #fff; background: rgba(10,11,14,.82); font-size: 15px; line-height: 1; cursor: pointer; transform: scale(.85); transition: opacity .15s ease, transform .15s ease, background-color .15s ease; }
.prompt-upload:hover .prompt-upload-remove, .prompt-upload:focus-within .prompt-upload-remove { opacity: 1; transform: scale(1); }
.prompt-upload-remove:hover { background: rgba(50,52,58,.95); }
.prompt-upload-remove:focus-visible { opacity: 1; outline: 2px solid #fff; outline-offset: 2px; transform: scale(1); }
@keyframes prompt-upload-spin { to { transform: rotate(360deg); } }
.prompt-microphone { width: 28px; height: 28px; margin-left: auto; padding: 6px; color: #aaa; background: #252928; transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.prompt-microphone svg { width: 100%; height: 100%; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.prompt-microphone:not(:disabled):hover { color: #fff; background: #363b39; box-shadow: 0 4px 12px rgba(0,0,0,.3); transform: translateY(-1px); }
.prompt-microphone:not(:disabled):active { box-shadow: none; transform: scale(.92); }
.prompt-microphone:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.prompt-microphone.is-listening { color: #fff; background: #b5482a; box-shadow: 0 0 0 5px rgba(181,72,42,.2); animation: microphone-pulse 1.4s ease-in-out infinite; }
.prompt-microphone.is-listening:hover { background: #c15334; box-shadow: 0 0 0 6px rgba(181,72,42,.24); }
.prompt-microphone:disabled { opacity: .4; cursor: not-allowed; }
.prompt-send { width: 32px; height: 32px; color: #171a19; background: white; font-size: 18px; }
.prompt-send:disabled { opacity: .45; cursor: wait; }

@keyframes microphone-pulse { 50% { box-shadow: 0 0 0 8px rgba(181,72,42,.08); } }

.idea-section { display: grid; grid-template-columns: 1.2fr .9fr; gap: 70px; align-items: center; }
.idea-visual { position: relative; height: 590px; overflow: hidden; background: #1b1f1e; border-radius: 25px; }
.idea-orb { position: absolute; width: 185px; height: 185px; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%,-50%); background: radial-gradient(circle at 65% 42%, #f62974 0 18%, transparent 48%), radial-gradient(circle at 30% 52%, #ca5bdf, #743bb2 42%, #e93279 76%, #f04f34); box-shadow: inset -25px -16px 40px rgba(96,10,97,.32), 0 0 60px rgba(235,47,133,.24); animation: orb-float 4s ease-in-out infinite; }
.orb-orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(255,255,255,.06); border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-one { width: 320px; height: 320px; }.orbit-two { width: 460px; height: 460px; }
.pause-mark { position: absolute; right: 24px; bottom: 20px; color: #686b69; font-size: 16px; font-weight: 800; }
.idea-steps { display: grid; gap: 25px; }
.idea-step { display: grid; grid-template-columns: 35px 1fr; gap: 14px; padding: 5px 0 26px; border-bottom: 1px solid var(--line); opacity: .35; transition: opacity .4s; }
.idea-step.is-active { opacity: 1; }
.idea-step > span { padding-top: 8px; font: 13px Georgia,serif; }
.idea-step h2 { margin: 0 0 8px; font-size: clamp(30px,3vw,45px); letter-spacing: -.055em; }
.idea-step p { max-width: 520px; margin: 0; color: var(--muted); line-height: 1.45; }

.section-heading { max-width: 760px; margin-bottom: 55px; }
.section-heading h2, .feature-copy h2, .video-section h2 { font-size: clamp(42px,5vw,68px); }
.section-heading > p:last-child, .feature-copy > p:not(.eyebrow), .video-section > div > p:last-child { color: var(--muted); font-size: 17px; line-height: 1.65; }
.site-carousel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; overflow: hidden; }
.site-preview { position: relative; height: 465px; overflow: hidden; border-radius: 22px; box-shadow: 0 18px 50px rgba(20,30,25,.1); transition: transform .3s; }
.site-preview:hover { transform: translateY(-6px); }
.preview-nav { position: relative; z-index: 2; padding: 22px; display: flex; justify-content: space-between; font-size: 10px; font-weight: 800; letter-spacing: .12em; }.preview-nav span { font-size: 6px; }
.preview-copy { position: absolute; z-index: 2; left: 30px; bottom: 35px; display: flex; flex-direction: column; gap: 12px; }.preview-copy small { font-size: 7px; letter-spacing: .2em; }.preview-copy b { font: 400 37px/1.02 Georgia,serif; }
.preview-interior { color: #eee8dd; background: linear-gradient(rgba(15,22,18,.15),rgba(15,22,18,.65)), linear-gradient(120deg,#879b80,#2b3f33 48%,#b7a38a); }.preview-interior::after { content:""; position:absolute; width:240px;height:290px;right:-20px;top:90px;background:linear-gradient(120deg,#d4bd9c,#6c7e6b);border-radius:120px 10px 0 0;transform:rotate(-8deg); }
.preview-florist { color: #443326; background: linear-gradient(150deg,#f5d7c0,#fbf3e5 45%,#c8d7a9); }.preview-florist::after { content:"✿"; position:absolute; right:20px;top:70px;color:#b64e6a;font-size:230px;line-height:1;transform:rotate(12deg);opacity:.7; }
.preview-trainer { color:#f8f4e6;background:linear-gradient(rgba(19,27,27,.15),rgba(19,27,27,.65)),linear-gradient(120deg,#162b2c,#5e8174 52%,#d5a573); }.preview-trainer::after { content:"";position:absolute;width:170px;height:330px;right:40px;top:90px;border-radius:100px 100px 25px 25px;background:linear-gradient(90deg,#604630,#d2a477,#5c3e2e);transform:rotate(7deg); }

.feature-grid, .domain-section, .agent-section { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.feature-copy p { max-width: 590px; }.check-list { display:flex; flex-wrap:wrap; gap:10px; padding:0; margin:30px 0 0; list-style:none; }.check-list li { padding:10px 13px; border:1px solid var(--line); border-radius:99px; font-size:12px; }.check-list li::before { content:"✓"; margin-right:7px;color:#4d8c31; }
.analytics-card { padding: 24px; border-radius: 25px; background: #181c1b; color: white; box-shadow: 0 30px 60px rgba(17,28,22,.18); }
.customer-activity-card { display:grid;grid-template-columns:minmax(205px,.78fr) minmax(0,1.42fr);min-height:430px;padding:0;overflow:hidden; }
.customer-list-panel { min-width:0;border-right:1px solid rgba(255,255,255,.09);background:#111317; }
.customer-list-toolbar { min-height:55px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.09); }
.customer-list-toolbar>span { color:#767b83;font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase; }
.customer-list-toolbar button { width:max-content;padding:0;border:0;color:#92969d;background:transparent;font-size:9px;cursor:pointer; }.customer-list-toolbar button b{color:#e2e3e5;font-weight:650}
.customer-session { position:relative;width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:14px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.065);color:#f2f3f4;background:transparent;text-align:left;cursor:pointer; }
.customer-session::before { content:"";position:absolute;inset:7px auto 7px 0;width:2px;border-radius:0 2px 2px 0;background:transparent; }
.customer-session.is-selected { background:#1b1e23; }.customer-session.is-selected::before{background:#e7e7e4}
.customer-session img { width:34px;height:34px;border-radius:50%;object-fit:cover;filter:saturate(.75); }
.customer-identity,.customer-visit { min-width:0;display:flex;flex-direction:column;gap:3px; }.customer-identity b{overflow:hidden;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.customer-identity small,.customer-visit small{overflow:hidden;color:#777c84;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.customer-visit{text-align:right}.customer-visit b{color:#a5a9b0;font-size:7px;font-weight:550}
.customer-journey-panel { min-width:0;display:grid;grid-template-rows:1fr;background:#0b0c0f; }
.business-site-preview { position:relative;height:100%;min-height:430px;overflow:hidden;color:#22201d;background:#f3efe8; }
.business-site-preview::after { content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#525b55 .55px,transparent .55px);background-size:5px 5px; }
.shoe-store-page { position:absolute;z-index:1;inset:0 0 auto;height:710px;background:#f3efe8;animation:shoe-store-scroll 12s cubic-bezier(.65,0,.35,1) infinite; }
.shoe-store-hero { position:relative;height:430px;overflow:hidden;color:#24211e;background:#f3efe8; }
.business-site-nav { position:relative;z-index:4;display:flex;align-items:center;gap:16px;padding:19px 22px;color:#6f6a63;font-size:6px; }.business-site-nav>b{margin-right:auto;color:#24211e;font-size:11px;letter-spacing:.08em}.business-site-nav button{padding:6px 9px;border:1px solid #817b72;border-radius:99px;color:#24211e;background:rgba(255,255,255,.38);font-size:6px}
.business-site-copy { position:absolute;z-index:4;left:8%;top:26%;width:50%; }.business-site-copy small{color:#7d766d;font-size:6px;letter-spacing:.2em}.business-site-copy strong{display:block;margin:13px 0 9px;color:#24211e;font:500 29px/1.01 Georgia,serif;letter-spacing:-.04em}.business-site-copy p{max-width:145px;margin:0 0 18px;color:#726c64;font-size:7px;line-height:1.45}.shop-collection-pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:99px;color:#fff;background:#24211e;font-size:7px;font-weight:700;box-shadow:0 5px 12px rgba(36,33,30,.15)}
.shoe-hero-image { position:absolute;z-index:1;width:74%;height:90%;right:0;bottom:0;object-fit:contain;object-position:right bottom; }
.shoe-store-products { height:280px;padding:30px 24px;color:#24211e;background:#ebe5dc;border-top:1px solid rgba(36,33,30,.09); }.shoe-store-products>div:first-child{display:flex;align-items:flex-end;justify-content:space-between}.shoe-store-products>div>small{color:#8a837a;font-size:6px;letter-spacing:.16em}.shoe-store-products>div>strong{font:500 20px Georgia,serif}
.shoe-product-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px; }.shoe-product-grid article{min-width:0;padding:8px;border:1px solid rgba(36,33,30,.1);border-radius:7px;background:#f7f4ef;transition:transform .25s,background .25s,box-shadow .25s}.shoe-product-grid article:nth-child(2){animation:shoe-card-hover 12s ease infinite}.shoe-product-grid article img{display:block;width:100%;height:74px;margin-bottom:8px;border-radius:5px;background:#fff;object-fit:contain}.shoe-product-grid article b,.shoe-product-grid article small{display:block;font-size:7px}.shoe-product-grid article small{margin-top:3px;color:#847d74}
.visitor-cursor { position:absolute;z-index:4;left:15%;top:30%;pointer-events:none;animation:visitor-cursor-browse 12s cubic-bezier(.45,0,.35,1) infinite; }.visitor-cursor>i{display:block;width:21px;height:27px;background:#202422;clip-path:polygon(0 0,100% 68%,55% 72%,38% 100%)}.visitor-cursor>span{position:absolute;left:16.5px;top:22.5px;width:max-content;padding:7.5px 10.5px;border-radius:4.5px 10.5px 10.5px 10.5px;color:#000;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.2);font-size:10.5px;font-weight:700}
.shop-collection-pill { animation:shop-link-hover 12s ease infinite; }
@keyframes shoe-store-scroll{0%,31%{transform:translateY(0)}43%,80%{transform:translateY(-280px)}96%,100%{transform:translateY(0)}}
@keyframes visitor-cursor-browse{0%{left:14%;top:22%}8%{left:47%;top:14%}25%,31%{left:17%;top:61%}43%{left:74%;top:76%}54%,69%{left:49%;top:55%}80%{left:24%;top:70%}96%,100%{left:14%;top:22%}}
@keyframes shop-link-hover{0%,17%,32%,100%{transform:none;background:#24211e;box-shadow:0 5px 12px rgba(36,33,30,.15)}22%,29%{transform:translateY(-2px);background:#3a3631;box-shadow:0 8px 16px rgba(36,33,30,.2)}}
@keyframes shoe-card-hover{0%,48%,70%,100%{transform:none;background:#f7f4ef;box-shadow:none}54%,66%{transform:translateY(-5px);background:#fff;box-shadow:0 9px 18px rgba(36,33,30,.12)}}
.dashboard-preview{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:22px;color:#e7e8eb;background:#0e0f12;box-shadow:0 25px 70px rgba(0,0,0,.22)}
.dashboard-alert{min-height:42px;display:flex;align-items:center;gap:9px;padding:9px 18px;border-bottom:1px solid rgba(231,183,92,.16);color:#d7b572;background:rgba(205,151,56,.06)}.dashboard-alert svg{width:15px;height:15px;flex:none;fill:rgba(215,181,114,.13);stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dashboard-alert strong{font-size:9px;font-weight:600;letter-spacing:.01em}
.dashboard-toolbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.dashboard-toolbar>div{min-width:0;display:flex;flex-direction:column;gap:5px}.dashboard-toolbar small{color:#656a73;font:600 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.dashboard-toolbar strong{font-size:14px;font-weight:600;letter-spacing:-.02em}.dashboard-toolbar>span{flex:none;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#8f949d;background:#15171b;font-size:8px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid rgba(255,255,255,.08)}.dashboard-metrics article{position:relative;min-width:0;padding:16px 18px}.dashboard-metrics article+article{border-left:1px solid rgba(255,255,255,.08)}.dashboard-metrics small{display:block;margin-bottom:10px;color:#666b75;font:600 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}.dashboard-metrics strong{font-size:22px;font-weight:550;letter-spacing:-.045em}.dashboard-metrics span{margin-left:8px;color:#bfc2c7;font-size:8px;font-weight:600}
.dashboard-charts{display:grid;grid-template-columns:1.35fr .85fr}.dashboard-chart{min-width:0;padding:16px 18px}.dashboard-sales-chart{grid-row:span 2;border-right:1px solid rgba(255,255,255,.08)}.dashboard-customer-chart{border-bottom:1px solid rgba(255,255,255,.08)}.dashboard-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;color:#888d96;font-size:9px}.dashboard-chart-heading b{color:#bfc2c8;font-size:8px;font-weight:600}.dashboard-sales-chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid path{fill:none;stroke:rgba(255,255,255,.065);stroke-width:1}.chart-area{fill:url("#none");fill:rgba(255,255,255,.035)}.chart-line{fill:none;stroke:#dadbd9;stroke-width:2;stroke-linecap:round}.dashboard-sales-chart circle{fill:#f1f1ef;stroke:#0e0f12;stroke-width:3}.dashboard-axis{display:flex;justify-content:space-between;color:#535862;font:500 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.customer-bars{height:63px;display:flex;align-items:flex-end;gap:6px;padding-top:4px;border-bottom:1px solid rgba(255,255,255,.07)}.customer-bars i{height:var(--bar-height);flex:1;border-radius:2px 2px 0 0;background:#6d7178}.customer-bars i:nth-last-child(-n+2){background:#cfd0ce}.dashboard-customer-chart .dashboard-axis{margin-top:7px}
.source-chart-content{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center}.source-donut{width:62px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at center,#0e0f12 0 49%,transparent 51%),conic-gradient(#d9dad8 0 68%,#777a80 68% 89%,#34363b 89%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.source-donut strong{font-size:12px;font-weight:600}.source-donut small{margin-top:2px;color:#666b74;font-size:6px}.source-chart-content ul{min-width:0;padding:0;margin:0;list-style:none}.source-chart-content li{display:grid;grid-template-columns:6px minmax(0,1fr) auto;gap:6px;align-items:center;padding:4px 0;color:#777c85;font-size:7px}.source-chart-content li i{width:5px;height:5px;border-radius:50%;background:#d9dad8}.source-chart-content li:nth-child(2) i{background:#777a80}.source-chart-content li:nth-child(3) i{background:#34363b}.source-chart-content li b{color:#b5b8be;font-weight:600}
.domain-section { padding:60px;border-radius:var(--radius);background:#e8e4da }.domain-window{display:grid;gap:18px}.domain-card{border:1px solid rgba(21,25,24,.16);border-radius:22px;background:transparent}.domain-browser{overflow:hidden}.domain-browser-controls{height:58px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(21,25,24,.16)}.domain-browser-controls i{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(21,25,24,.16);border-radius:10px;color:#737976;font-size:25px;font-style:normal;font-weight:300;line-height:1}.domain-browser-controls i:last-child{font-size:19px}.domain-browser-address{min-height:68px;display:flex;align-items:center;gap:15px;margin:16px;padding:9px 20px;border:1px solid rgba(21,25,24,.16);border-radius:14px}.domain-browser-address svg,.domain-email-icon{width:18px;height:18px;flex:none;color:#737976;stroke-width:1.65}.domain-browser-address span,.domain-email-address{min-width:0;display:flex;flex:1;flex-direction:column}.domain-browser-address small,.domain-email-address small{margin-bottom:4px;color:#9da1aa;font:600 11px/1 Georgia,serif;letter-spacing:.025em}.domain-browser-address strong,.domain-email-address strong{overflow:hidden;font:700 clamp(21px,2.15vw,30px)/1 Georgia,serif;letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis}.domain-email{min-height:92px;display:flex;align-items:center;gap:22px;padding:16px 16px 16px 26px}.domain-email-icon{width:20px;height:20px}.domain-email-send{width:48px;height:48px;display:grid;flex:none;place-items:center;border:1px solid rgba(21,25,24,.16);border-radius:12px;color:#737976}.domain-email-send svg{width:21px;height:21px;stroke-width:1.5}
.feature-visual-placeholder{min-height:236px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.16);border-radius:22px;color:#6f727a;background:#0e0f12;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.all-in-one .section-heading{max-width:760px;margin-bottom:64px}.suite-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.suite-item{min-width:0;padding:22px 32px 32px}.suite-item+ .suite-item{border-left:1px solid rgba(255,255,255,.09)}.suite-index{display:block;color:#4f535b;font:500 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.suite-item img{width:100%;aspect-ratio:1;display:block;object-fit:contain}.suite-item h3{margin:10px 0 10px;color:#e2e3e7;font-size:15px;letter-spacing:-.025em}.suite-item p{margin:0;color:#898e97;font-size:13px;line-height:1.65}
.comparison-section .section-heading{max-width:800px}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.comparison-card{min-width:0;min-height:390px;padding:36px 32px;border:1px solid;border-radius:30px}.comparison-card-heading{display:flex;align-items:center;gap:20px;margin-bottom:26px}.comparison-card h3{margin:0;margin-right:auto;font-size:23px;font-weight:650;line-height:1.15;letter-spacing:-.035em}.comparison-status{width:30px;height:30px;display:grid;flex:none;place-items:center;border-radius:50%;font-size:22px;font-weight:750;line-height:1}.comparison-status svg{width:18px;height:18px;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.comparison-card ul{display:grid;gap:16px;margin:0;padding:0;list-style:none}.comparison-card li{position:relative;padding-left:12px;color:#c7c9ce;font-size:14px;line-height:1.5}.comparison-card li::before{content:"•";position:absolute;left:0;color:currentColor}.comparison-card-limited{border-color:#e7888d;background:rgba(98,25,31,.09)}.comparison-card-limited h3{color:#ff9ba0}.comparison-card-limited .comparison-status{color:#782a31;background:#ff9ba0}.comparison-card-featured{border-color:#62dc9a;background:rgba(24,100,62,.09)}.comparison-card-featured h3{color:#68e6a2}.comparison-card-featured .comparison-status{color:#155d3b;background:#6ee5a5}
.import-section .import-flow{display:grid;grid-template-columns:minmax(205px,1fr) 34px minmax(190px,.8fr) 34px minmax(205px,1fr);gap:12px;align-items:center;min-height:250px;margin-top:40px}.import-files,.import-result{display:grid;gap:8px}.import-label{margin-bottom:3px;color:#6f747d;font:600 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}.import-file,.import-product{min-width:0;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025)}.import-file-type{width:39px;height:42px;display:grid;flex:none;place-items:end center;padding-bottom:7px;border-radius:6px;color:#fff;font-size:7px;font-weight:800;letter-spacing:.04em}.import-file-xlsx .import-file-type{background:#18864b}.import-file-pdf .import-file-type{background:#d44949} .import-file-www .import-file-type{background:#266894} .import-file-zip .import-file-type{background:#6f5bd3}.import-file>span:last-child,.import-product>span{min-width:0;display:block}.import-file strong,.import-product strong{display:block;overflow:hidden;color:#e2e3e7;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.import-file small,.import-product small{display:block;margin-top:3px;color:#717680;font-size:8px}.import-arrow{color:#50545c;font-size:20px;text-align:center}.import-ai-step{display:grid;justify-items:center}.import-ai-step .import-command{margin:0}.import-result{padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#15171b;box-shadow:0 18px 40px rgba(0,0,0,.2)}.import-result .import-result-status{display:flex;align-items:center;gap:5px;color:#92969e;font-size:11px}.import-result-status i{width:30px;height:30px;display:grid;flex:none;place-items:center;margin-right:3px;border-radius:50%;color:#155d3b;background:#6ee5a5;font-style:normal}.import-result-status i svg{width:18px;height:18px;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.import-result-status strong{color:#68e6a2;font:inherit}.import-product{justify-content:flex-start;background:rgba(255,255,255,.02)}.import-product img{width:42px;height:42px;display:block;flex:none;border-radius:6px;background:#f7f4ef;object-fit:contain}.import-product b{flex:none;margin-left:auto;color:#b6bac1;font-size:9px;font-weight:600}
.import-section .import-flow{grid-template-columns:190px 40px minmax(190px,220px) 40px 220px;gap:0;justify-content:center}.import-section .import-label{font-size:11px}.import-section .import-result{padding:0;border:0;background:transparent;box-shadow:none}.import-section .import-result-status{font-size:12px}.import-more-products{padding-top:2px;color:#717680;font:600 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;letter-spacing:.05em}.import-section .import-arrow{justify-self:center;color:#8d929b;font-size:36px;font-weight:600;line-height:1}.import-ai-step .import-command{width:100%;max-width:none}
.payments-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:90px;align-items:center}.payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:1px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.1);list-style:none;box-shadow:0 24px 60px rgba(0,0,0,.2)}.payment-methods li{min-width:0;min-height:108px;display:grid;place-items:center;background:#111317}.payment-methods img{width:92px;height:58px;display:block;object-fit:contain}.payment-methods li:nth-child(7) img{width:98px}
.agent-console{min-height:240px;display:flex;flex-direction:column;justify-content:center;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:22px;color:white}.message{max-width:78%;padding:14px 17px;border-radius:14px;font-size:12px}.message-user{align-self:flex-end;margin:0 0 24px;background:#343a37}.message-agent{align-self:flex-start;margin:0;padding:0;border-radius:0;background:transparent}.message-agent p{margin:0;line-height:1.55}
.automation-user{max-width:86%;margin-bottom:14px;line-height:1.45}.automation-task{width:max-content;display:flex;align-items:center;gap:7px;margin:0 0 20px;padding:6px 10px 6px 7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#aeb2ba;background:rgba(255,255,255,.035);font-size:9px;font-weight:600;letter-spacing:.01em}.automation-task span{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:#17181b;background:#d7d8da;font-size:10px;font-weight:800}
.provider-question{width:max-content;max-width:100%;display:flex;align-items:center;padding:8px 20px 8px 9px;border-radius:999px;white-space:nowrap}.provider-rotator{width:102px;height:32px;flex:0 0 102px;overflow:hidden;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.provider-track{display:flex;height:160px;flex-direction:column;animation:provider-rotate 5s cubic-bezier(.75,0,.25,1) infinite}.provider-option{height:32px;display:flex;flex:0 0 32px;align-items:center;gap:7px;padding:0 11px;color:#fff;font-size:10px;font-weight:700;letter-spacing:-.01em}.provider-option img{width:14px;height:14px;flex:none;filter:brightness(0) invert(1)}.provider-chatgpt{background:#10a37f}.provider-claude{background:#d97757}.provider-grok{background:#111}.provider-gemini{background:linear-gradient(115deg,#1a73e8,#7b61ff 58%,#e85aad)}.provider-question-copy{padding-left:3px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes provider-rotate{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-32px)}50%,70%{transform:translateY(-64px)}75%,95%{transform:translateY(-96px)}100%{transform:translateY(-128px)}}
.marketing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.marketing-cards article{padding:25px;border:1px solid var(--line);border-radius:20px;background:#eeece5}.marketing-cards article>span{color:#969c98;font:12px Georgia,serif}.marketing-cards h3{margin:23px 0 8px;font-size:21px;letter-spacing:-.04em}.marketing-cards p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.seo-visual,.mail-visual,.journey-visual{height:120px;margin:18px 0 0;border-radius:13px;background:#fff}.seo-visual{display:flex;align-items:center;padding:24px;font-size:30px;color:#4285f4}.seo-visual span{display:block;width:70%;margin-left:15px;padding:9px;border:1px solid #ddd;border-radius:99px;color:#818782;font-size:9px}.mail-visual{padding:23px}.mail-visual i{display:block;width:65%;height:7px;margin:8px;background:#d8ddd9}.mail-visual i:first-child{width:25%;height:12px;background:#a6e26a}.journey-visual{display:flex;align-items:center;justify-content:center;gap:13px}.journey-visual i{width:15px;height:15px;border-radius:50%;background:#a7e56b;box-shadow:26px 0 0 -6px #c2c8c4}.journey-visual i:last-child{background:#141817}
.video-section{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.video-placeholder{position:relative;height:410px;display:grid;place-items:center;border-radius:var(--radius);background:radial-gradient(circle at 62% 34%,#e5be83,transparent 25%),linear-gradient(140deg,#594d3d,#c2915b 45%,#263c32);overflow:hidden}.video-placeholder::after{content:"Miejsce na film";position:absolute;left:18px;top:18px;padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.7);font-size:9px}.video-placeholder button{width:70px;height:70px;border:0;border-radius:50%;background:white;font-size:20px;box-shadow:0 15px 35px rgba(0,0,0,.2);cursor:pointer}.video-placeholder span{position:absolute;right:18px;bottom:18px;color:white;font-size:10px}
.final-cta{display:flex;flex-direction:column;align-items:center;padding:80px 0;text-align:center;color:white}.final-cta-title{margin:0 0 28px;font-size:clamp(36px,5vw,58px);letter-spacing:-.05em}.final-cta .prompt-box-shell{width:min(720px,100%)}.button-light{color:#151918;background:white}.button-light span{color:white;background:#151918}
.footer-backdrop{margin-top:150px;padding:24px;background:linear-gradient(180deg,#08090a 0%,#08090a 7%,rgba(8,9,10,.94) 10%,rgba(8,9,10,.7) 14%,rgba(8,9,10,.3) 20%,transparent 28%),linear-gradient(168deg,#08090a 0%,#0e0b0e 5%,#171015 11%,#2b161e 20%,#57252a 33%,#bd4c44 56%,#ff8259 78%,#ff4d96 100%)}
.site-footer{min-height:620px;display:grid;grid-template-columns:minmax(150px,1.05fr) repeat(3,minmax(110px,1fr));gap:clamp(26px,3vw,58px);align-items:start;padding:56px;border-radius:0 0 16px 16px;color:#f7f8f8;background:#08090a;font-size:13px}
.footer-brand-column{min-height:506px;display:flex;flex-direction:column;align-items:flex-start}
.brand-footer{font-size:17px}
.footer-copyright{max-width:170px;margin:15px 0 0;color:#777b84;font-size:11px;line-height:1.5}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.footer-column h2{margin:2px 0 6px;color:#f7f8f8;font-size:13px;font-weight:600;letter-spacing:-.015em}
.footer-column a{color:#9397a0;line-height:1.25;transition:color .18s ease}
.footer-column a:hover{color:#f7f8f8}
.footer-column a:focus-visible{outline:2px solid #f7f8f8;outline-offset:4px}
.footer-company-name,.footer-company-details,.footer-company-details p{margin:0;color:#9397a0;line-height:1.25}
.footer-company-details{display:grid;gap:17px}
.footer-address{margin:0;color:#9397a0;font-style:normal;line-height:1.65}
@media (max-width:1100px){.footer-backdrop{padding:18px}.site-footer{min-height:0;grid-template-columns:1.25fr repeat(2,1fr);gap:48px 36px;padding:42px 36px}.site-footer>.footer-brand-column{min-height:474px;grid-row:span 3;justify-content:flex-start}}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes orb-float{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,calc(-50% - 12px)) scale(1.03)}}

/* Linear-inspired landing theme */
.landing-body {
    --ink: #f7f8f8;
    --muted: #8b8f98;
    --paper: #08090a;
    --lime: #e8e8e6;
    --line: rgba(255, 255, 255, .1);
    color: var(--ink);
    background: radial-gradient(ellipse 70% 34% at 50% -8%, rgba(255, 255, 255, .07), transparent 70%), #08090a;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-feature-settings: "cv01", "cv02", "cv03", "cv04", "cv06", "cv09", "cv11";
}
.landing-body h1 em,
.landing-body h2 em { color: #9da1aa; font: inherit; font-style: normal; }
.landing-body .section-heading h2,
.landing-body .feature-copy h2,
.landing-body .video-section h2 { font-weight: 550; line-height: 1.02; letter-spacing: -.05em; }
.landing-body .brand { font-weight: 600; letter-spacing: -.035em; }
.landing-body .button,
.landing-body .header-cta { font-weight: 500; }
.landing-body .eyebrow { font-weight: 500; letter-spacing: .09em; }
.landing-body .site-header { border-bottom: 1px solid rgba(255, 255, 255, .08); background: rgba(8, 9, 10, .86); backdrop-filter: blur(18px); }
.landing-body .brand > span:not(.brand-mark) { color: #969aa3; }
.landing-body .header-cta { padding: 8px 14px; color: #101114; background: #e8e8e6; box-shadow: 0 6px 22px rgba(0, 0, 0, .25); }
.landing-body .eyebrow { color: #7f848e; }
.landing-body .eyebrow > span { background: #c9c9c7; box-shadow: 0 0 0 4px rgba(255, 255, 255, .08), 0 0 18px rgba(255, 255, 255, .18); }
.landing-body .hero { min-height: 760px; padding-top: 80px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.landing-body .hero-copy { position: relative; z-index: 2; }
.landing-body .hero h1 { max-width: 660px; font-size: clamp(52px, 5.7vw, 82px); font-weight: 550; line-height: 1.02; letter-spacing: -.055em; }
.landing-body .hero-lede { color: #90949d; }
.landing-body .button-primary { color: #111216; background: #e8e8e6; box-shadow: 0 14px 34px rgba(0,0,0,.35); }
.landing-body .button-primary span { color: #e8e8e6; background: #242529; }
.landing-body .button-note { color: #666b74; }
.landing-body .demo-glow { width: 110%; height: 92%; background: radial-gradient(circle, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05) 43%, transparent 72%); filter: blur(35px); }
.landing-body .browser-card { padding: 8px; border-color: rgba(255, 255, 255, .15); border-radius: 15px; background: #15171b; box-shadow: 0 40px 100px rgba(0, 0, 0, .48), 0 0 0 1px rgba(255,255,255,.04); transform: none; }
.landing-body .prompt-chip,
.landing-body .built-chip { border-color: rgba(255, 255, 255, .12); color: #d9dbe0; background: rgba(18, 19, 24, .88); box-shadow: 0 20px 50px rgba(0, 0, 0, .42); }
.landing-body .prompt-chip span,
.landing-body .built-chip span { color: #d6d6d4; }
.landing-body .prompt-stage { height: calc(100svh - 64px); min-height: 0; border-bottom: 1px solid rgba(255, 255, 255, .08); background: #0b0c0f; }
.landing-body .prompt-content h2 { font-weight: 550; letter-spacing: -.05em; }
.landing-body .prompt-box { border-color: rgb(96 96 96 / 14%); border-radius: 16px; background: rgba(17, 18, 22, .92); box-shadow: 0 30px 80px rgba(0, 0, 0, .52), inset 0 1px rgba(255,255,255,.025); }
.landing-body .prompt-box:focus-within { box-shadow: 0 30px 80px rgba(0, 0, 0, .54), inset 0 1px rgba(255,255,255,.04); }
.landing-body .prompt-box-shell:focus-within::after { opacity: .7; }
.landing-body .prompt-send { color: #111216; background: #e8e8e6; }
.landing-body .idea-visual,
.landing-body .analytics-card,
.landing-body .idea-orb { background: radial-gradient(circle at 65% 34%, #f1f1ef 0 8%, transparent 42%), radial-gradient(circle at 28% 64%, #b5b5b2, #70706e 46%, #292a2d 78%); box-shadow: inset -25px -16px 40px rgba(0, 0, 0, .46), 0 0 80px rgba(255, 255, 255, .12); }
.landing-body .idea-step > span,
.landing-body .marketing-cards article > span { font-family: inherit; }
.landing-body .idea-step h2 { font-weight: 550; letter-spacing: -.04em; }
.landing-body .check-list li::before { color: #c8c8c6; }
.landing-body .site-preview { border: 1px solid rgba(255,255,255,.12); box-shadow: 0 22px 60px rgba(0,0,0,.32); }
.landing-body .domain-section { background: transparent; }
.landing-body .domain-card { border-color: rgba(255,255,255,.13); color: #e9eaed; background: transparent; }
.landing-body .domain-browser-controls i,
.landing-body .domain-email-send { border-color: rgba(255,255,255,.13); color: #7b7f88; }
.landing-body .domain-browser-address,
.landing-body .domain-email-address { border-color: rgba(255,255,255,.13); }
.landing-body .domain-browser-address svg,
.landing-body .domain-email-icon { color: #8a909c; }
.landing-body .ai-node { background: radial-gradient(circle at 30% 30%, #eeeeec, #888886 52%, #343538); box-shadow: 0 0 50px rgba(255, 255, 255, .13); }
.landing-body .flow-line i { background: #c8c8c6; }
.landing-body .marketing-cards article { border-color: rgba(255,255,255,.1); background: #0e0f12; }
.landing-body .seo-visual,
.landing-body .mail-visual,
.landing-body .journey-visual { background: #15161b; }
.landing-body .seo-visual { color: #b8b8b6; }
.landing-body .seo-visual span { border-color: rgba(255,255,255,.1); }
.landing-body .mail-visual i { background: #34363e; }
.landing-body .mail-visual i:first-child { background: #c8c8c6; }
.landing-body .journey-visual i { background: #c8c8c6; box-shadow: 26px 0 0 -6px #3d3f48; }
.landing-body .journey-visual i:last-child { background: #f2f3f5; }
.landing-body .video-placeholder { border: 1px solid rgba(255,255,255,.1); background: radial-gradient(circle at 62% 34%, rgba(255, 255, 255, .18), transparent 28%), linear-gradient(140deg,#15161a,#2a2b2e 48%,#0d0e11); }
.landing-body .video-placeholder::after { color: #d7d9de; background: rgba(10,11,14,.72); }
.landing-body .button-light { color: #111216; background: #e8e8e6; }
.landing-body .button-light span { color: #e8e8e6; background: #242529; }
.landing-body .site-preview,
.landing-body .video-placeholder { filter: grayscale(1); }
.landing-body .site-footer { color: #f7f8f8; }

/* Waitlist */
.waitlist-body{min-height:100vh;color:white;background:#131716}.waitlist-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.waitlist-brand{position:absolute;z-index:2;left:40px;top:35px;color:white}.waitlist-brand>span:not(.brand-mark){color:#9ea5a1}.waitlist-panel{display:flex;align-items:center;justify-content:center;padding:110px 60px 60px}.waitlist-card{width:min(470px,100%)}.waitlist-card .eyebrow{color:#aeb4b0}.waitlist-card h1{margin:0;font-size:clamp(44px,5vw,70px);line-height:1;letter-spacing:-.065em}.waitlist-card>p{color:#9da39f;line-height:1.6}.waitlist-form{margin-top:34px}.field-wrap{display:flex;padding:7px;border:1px solid #3d4340;background:#1d2220;border-radius:15px}.field-wrap:focus-within{border-color:#8fbc64;box-shadow:0 0 0 3px rgba(171,231,107,.1)}.field-wrap input{min-width:0;flex:1;padding:12px;border:0;outline:0;color:white;background:transparent}.field-wrap button{display:flex;align-items:center;gap:14px;padding:12px 16px;border:0;border-radius:10px;background:var(--lime);color:#151918;font-size:12px;font-weight:800;cursor:pointer}.field-wrap button span{font-size:18px}.form-error{margin:11px 3px;color:#ff9aa1;font-size:12px}.fine-print{font-size:10px!important;color:#69706c!important}.turnstile-container{height:1px;overflow:hidden}.waitlist-art{position:relative;overflow:hidden;margin:16px;border-radius:24px;background:radial-gradient(circle at 70% 30%,#4f84ff,transparent 38%),radial-gradient(circle at 20% 80%,#f541ae,transparent 42%),#202524}.waitlist-art::before{content:"";position:absolute;width:520px;height:520px;right:-120px;bottom:-100px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 140px rgba(255,255,255,.025)}.waitlist-preview{position:absolute;width:73%;left:12%;top:20%;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#202423;box-shadow:0 30px 60px rgba(0,0,0,.25);transform:rotate(-3deg)}.waitlist-preview .demo-site{height:320px}.waitlist-proof{position:absolute;left:9%;bottom:8%;padding:13px 16px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(25,29,28,.75);backdrop-filter:blur(12px);font-size:11px}.waitlist-proof span{color:var(--lime)}.success-icon{display:grid;place-items:center;width:60px;height:60px;margin-bottom:26px;border-radius:50%;background:var(--lime);color:#151918;font-size:25px}.back-link{display:inline-block;margin-top:20px;color:var(--lime);font-size:13px}

/* Waitlist aligned with the monochrome landing theme */
.waitlist-body {
    --ink: #f7f8f8;
    --muted: #8b8f98;
    --lime: #e8e8e6;
    min-height: 100vh;
    color: var(--ink);
    background: #08090a;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-feature-settings: "cv01", "cv02", "cv03", "cv04", "cv06", "cv09", "cv11";
}
.waitlist-body .waitlist-brand { font-weight: 600; letter-spacing: -.035em; }
.waitlist-body .waitlist-brand > span:not(.brand-mark) { color: #969aa3; }
.waitlist-body .waitlist-panel {
    position: relative;
    border-right: 1px solid rgba(255,255,255,.08);
    background: radial-gradient(ellipse 80% 55% at 30% 100%, rgba(255,255,255,.045), transparent 70%);
}
.waitlist-body .waitlist-card { width: min(500px, 100%); }
.waitlist-body .waitlist-card .eyebrow { color: #7f848e; font-weight: 500; letter-spacing: .09em; }
.waitlist-body .waitlist-card .eyebrow > span { background: #c9c9c7; box-shadow: 0 0 0 4px rgba(255,255,255,.08), 0 0 18px rgba(255,255,255,.18); }
.waitlist-body .waitlist-card h1 {
    font-size: clamp(50px, 5.5vw, 76px);
    font-weight: 550;
    line-height: 1.02;
    letter-spacing: -.055em;
}
.waitlist-body .waitlist-card h1 em { color: #9da1aa; font: inherit; font-style: normal; }
.waitlist-body .waitlist-card > p { max-width: 460px; color: #8b8f98; font-size: 16px; line-height: 1.6; }
.waitlist-body .waitlist-form { margin-top: 38px; }
.waitlist-body .field-wrap {
    padding: 6px;
    border-color: rgba(255,255,255,.12);
    border-radius: 12px;
    background: #111216;
    box-shadow: inset 0 1px rgba(255,255,255,.025), 0 18px 50px rgba(0,0,0,.2);
}
.waitlist-body .field-wrap:focus-within { border-color: rgba(255,255,255,.3); box-shadow: 0 0 0 3px rgba(255,255,255,.055); }
.waitlist-body .field-wrap input { color: #f0f0ee; }
.waitlist-body .field-wrap input::placeholder { color: #666a72; }
.waitlist-body .field-wrap button {
    color: #111216;
    background: #e8e8e6;
    border-radius: 8px;
    font-weight: 500;
}
.waitlist-body .field-wrap button:disabled { cursor: wait; opacity: .72; }
.waitlist-body .form-error { color: #c7c7c5; }
.waitlist-body .fine-print { color: #666a72!important; }
.waitlist-body .waitlist-art {
    margin: 14px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    background: radial-gradient(circle at 68% 24%, rgba(255,255,255,.13), transparent 36%), radial-gradient(circle at 18% 88%, rgba(255,255,255,.07), transparent 40%), #0e0f12;
}
.waitlist-body .waitlist-art::before { border-color: rgba(255,255,255,.1); box-shadow: 0 0 0 70px rgba(255,255,255,.018), 0 0 0 140px rgba(255,255,255,.012); }
.waitlist-body .waitlist-preview {
    border-color: rgba(255,255,255,.12);
    border-radius: 14px;
    background: #15171b;
    box-shadow: 0 35px 90px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.025);
    transform: none;
}
.waitlist-body .waitlist-proof { border-color: rgba(255,255,255,.11); color: #c9cbd0; background: rgba(15,16,19,.82); }
.waitlist-body .waitlist-proof span { color: #d8d8d6; }
.waitlist-body .success-icon { width: 56px; height: 56px; color: #111216; background: #e8e8e6; font-size: 21px; }
.waitlist-body .back-link { color: #d4d4d2; font-weight: 500; }

.waitlist-navigation {
    position: absolute;
    z-index: 3;
    top: 27px;
    left: 32px;
    display: flex;
    align-items: center;
    gap: 14px;
}
.waitlist-navigation .waitlist-brand { position: static; }
.waitlist-back {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #d4d4d2;
    font-size: 18px;
    line-height: 1;
    backdrop-filter: blur(12px);
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.waitlist-back:hover { border-color: rgba(255,255,255,.28); background: #1b1c21; transform: translateX(-2px); }
.waitlist-back:focus-visible { outline: 2px solid #f7f8f8; outline-offset: 3px; }

.waitlist-body .waitlist-request-layout .waitlist-panel {
    border-right: 0;
    background: radial-gradient(ellipse 80% 55% at 30% 100%, rgba(255,255,255,.045), transparent 70%);
}
.waitlist-summary {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    padding: 110px 60px 60px;
    border-left: 1px solid rgba(255,255,255,.08);
    background: #57252a;
}
.waitlist-summary::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    background: #57252a;
}
.waitlist-gradient {
    position: absolute;
    z-index: -2;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1.2s ease-out;
}
.waitlist-gradient.is-ready { opacity: 1; }
.waitlist-summary::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(145deg, rgba(87,37,42,.2), transparent 52%, rgba(87,37,42,.28)),
        radial-gradient(circle at 50% 50%, transparent 32%, rgba(87,37,42,.3) 100%);
    pointer-events: none;
}
.waitlist-summary-card { position: relative; width: min(540px, 100%); }
.waitlist-success-check {
    position: relative;
    width: clamp(150px, 18vw, 250px);
    height: auto;
    color: #08090a;
    stroke-width: 2.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.waitlist-summary-status {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 28px;
    color: #08090a;
    font-size: 13px;
    font-weight: 550;
    letter-spacing: .01em;
}
.waitlist-summary-status > span {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1.8px solid #08090a;
    color: #08090a;
    background: transparent;
    font-size: 12px;
}
.waitlist-prompt,
.waitlist-files {
    padding: 22px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
    background: rgba(8,9,10,.72);
    backdrop-filter: blur(18px);
    box-shadow: 0 24px 70px rgba(0,0,0,.22);
}
.waitlist-prompt > span,
.waitlist-files > span {
    display: block;
    margin-bottom: 13px;
    color: #686c75;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.waitlist-prompt p {
    margin: 0;
    color: #d7d9de;
    font-size: 15px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}
.waitlist-prompt-empty p { color: #8b8f98; }
.waitlist-files { margin-top: 12px; padding-block: 18px; }
.waitlist-files > span { margin-bottom: 14px; }
.waitlist-upload-previews { gap: 7px; }
@media (prefers-reduced-motion: reduce) {
    .waitlist-gradient { display: none; }
}

@media (max-width: 900px) {
    .waitlist-body .waitlist-panel{border-right:0}
    .page-shell,.section-shell{width:min(100% - 32px,680px)}.section-shell{margin-top:100px}.hero{grid-template-columns:1fr;gap:20px;padding-top:70px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-lede{margin-inline:auto}.hero h1{font-size:clamp(50px,12vw,72px)}.hero-demo{min-height:500px}.prompt-chip{left:10px}.idea-section,.feature-grid,.domain-section,.agent-section,.payments-section,.video-section{grid-template-columns:1fr;gap:45px}.idea-section,.domain-section{padding:0}.idea-visual{height:480px}.site-carousel{grid-template-columns:repeat(3,300px);overflow-x:auto;padding-bottom:15px;scroll-snap-type:x mandatory}.site-preview{scroll-snap-align:start}.domain-section{padding:30px}.suite-grid,.comparison-grid{grid-template-columns:1fr}.suite-item+ .suite-item{border-top:1px solid rgba(255,255,255,.09);border-left:0}.suite-item{padding-inline:28px}.suite-item img{max-width:440px;margin-inline:auto}.comparison-card+.comparison-card{border-top:1px solid rgba(255,255,255,.1);border-left:0}.comparison-card>p{min-height:0}.import-flow{grid-template-columns:1fr;gap:20px;max-width:380px;margin:40px auto 0}.import-arrow{transform:rotate(90deg)}.import-ai-step{gap:18px}.import-command{width:min(100%,290px)}.marketing-cards{grid-template-columns:1fr}.video-section>div:last-child{order:-1}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div{justify-content:flex-end}.waitlist-layout{grid-template-columns:1fr}.waitlist-art{display:none}.waitlist-panel{padding:130px 25px 60px}.waitlist-brand{left:25px}
    .import-section .import-flow{width:100%;max-width:360px;grid-template-columns:minmax(0,1fr);gap:16px}.import-section .import-files,.import-section .import-result{width:100%}.import-section .import-arrow{justify-self:center;line-height:1;transform:rotate(90deg)}
    .comparison-card{min-height:0}.comparison-card+.comparison-card{border-left-width:1px}.comparison-card-limited+.comparison-card-limited{border-color:#e7888d}.comparison-card-limited+.comparison-card-featured{border-color:#62dc9a}
    .footer-backdrop{margin-top:100px;padding:16px}
    .site-footer{min-height:0;grid-template-columns:1.25fr repeat(2,1fr);gap:48px 36px;padding:42px 36px}
    .site-footer>.footer-brand-column{min-height:474px;grid-row:span 3;justify-content:flex-start}
    .waitlist-request-layout .waitlist-panel{padding-bottom:45px}
    .waitlist-request-layout .waitlist-summary{padding:45px 25px 60px;border-left:0}
    .waitlist-navigation{left:17px}
}
@media (max-width: 560px) {
    .site-header{height:56px}.landing-body .header-cta{padding:6px 10px;font-size:11px}.hero{min-height:auto;padding:55px 0 75px}.hero h1{font-size:48px}.hero-lede{font-size:16px}.button{gap:12px;padding-left:20px}.hero-demo{min-height:390px}.demo-site{height:280px}.coffee-cup{width:125px;height:145px}.prompt-chip{bottom:22px}.built-chip{top:38px}.prompt-stage{min-height:610px}.landing-body .prompt-stage{height:calc(100svh - 56px);min-height:0}.prompt-content h2{font-size:42px}.prompt-box{min-height:140px}.idea-visual{height:380px}.idea-orb{width:145px;height:145px}.idea-step{grid-template-columns:27px 1fr}.idea-step h2{font-size:29px}.feature-copy h2,.section-heading h2,.video-section h2{font-size:42px}.customer-activity-card{grid-template-columns:1fr}.customer-list-panel{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.customer-session:nth-child(n+4){display:none}.business-site-preview{min-height:315px}.business-site-nav span{display:none}.business-site-copy strong{font-size:27px}.domain-section,.import-section{padding:25px}.domain-card{height:92px}.domain-browser,.domain-email{gap:8px;padding:12px}.domain-browser-controls{gap:3px}.domain-browser-controls i{width:24px;height:28px;font-size:14px}.domain-browser-address,.domain-email-address{height:50px;padding:0 12px}.domain-browser-address strong,.domain-email-address strong{font-size:15px}.domain-email-send{width:50px;height:50px}.all-in-one .section-heading{margin-bottom:42px}.suite-item{padding:18px 18px 28px}.suite-item img{max-width:320px}.comparison-card{padding:28px 22px 24px}.comparison-index{margin-bottom:22px}.comparison-card dl div{grid-template-columns:68px minmax(0,1fr)}.agent-console{padding:20px 14px}.provider-question{max-width:100%;margin-inline:0;font-size:9px}.provider-rotator{width:82px;flex-basis:82px}.provider-option{padding-inline:7px}.marketing-cards article{padding:18px}.video-placeholder{height:300px}.site-footer{grid-template-columns:1fr}.site-footer>div{justify-content:flex-start}.waitlist-panel{padding-inline:18px}.field-wrap{display:block}.field-wrap button{width:100%;justify-content:center;margin-top:4px}.waitlist-card h1{font-size:47px}
    .waitlist-request-layout .waitlist-summary{padding-inline:18px}
    .waitlist-summary-status{margin-bottom:20px}
    .waitlist-prompt,.waitlist-files{padding:18px}
    .payment-methods li { min-height: 86px; }
    .payment-methods img { width: 76px; height: 48px; }
    .payment-methods li:nth-child(7) img { width: 82px; }
    .provider-question { padding-inline: 7px 14px; }
    .provider-rotator { width: 88px; flex-basis: 88px; }
    .provider-option { padding-inline: 8px; }
    .comparison-grid { gap: 16px; }
    .comparison-card { padding: 28px 22px; }
    .comparison-card h3 { font-size: 21px; }
    .comparison-card li { font-size: 13px; }
    .domain-card { height: auto; }
    .domain-browser { gap: 0; padding: 0; }
    .domain-browser-controls { height: 54px; gap: 6px; padding-inline: 10px; }
    .domain-browser-controls i { width: 34px; height: 34px; font-size: 23px; }
    .domain-browser-address { height: auto; min-height: 62px; margin: 12px; padding: 8px 12px; }
    .domain-browser-address strong,
    .domain-email-address strong { font-size: 18px; }
    .domain-email { gap: 12px; padding: 13px 12px 13px 16px; }
    .domain-email-address { height: auto; padding: 0; }
    .domain-email-send { width: 44px; height: 44px; }
    .dashboard-metrics strong { display: block; font-size: 20px; }
    .dashboard-metrics span { display: block; margin: 6px 0 0; }
    .dashboard-charts { grid-template-columns: 1fr; }
    .dashboard-sales-chart { grid-row: auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
    .dashboard-sales-chart svg { max-height: 145px; }
    .dashboard-customer-chart { min-height: 135px; }
    .dashboard-source-chart { min-height: 125px; }
    .footer-backdrop { padding: 10px; }
    .site-footer { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 42px 24px; padding: 32px 24px; border-radius: 0 0 13px 13px; }
    .site-footer > .footer-brand-column { min-height: 150px; grid-column: 1/-1; grid-row: auto; justify-content: flex-start; }
    .footer-column { gap: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.idea-orb,.shoe-store-page,.visitor-cursor,.shop-collection-pill,.shoe-product-grid article:nth-child(2),.provider-track,.prompt-microphone.is-listening{animation:none}
    .prompt-box-shell::after{transition:none}
    .landing-body .prompt-box-shell:focus-within::after{opacity:.46}
}