:root {
  color-scheme: light;
  --bg: #f7f7f4;
  --bg-soft: #eef2f3;
  --surface: #ffffff;
  --surface-2: #f4f6f7;
  --ink: #142033;
  --ink-2: #4e5969;
  --muted: #7a8492;
  --line: #dce2e6;
  --line-strong: #cbd3d9;
  --accent: #f21052;
  --accent-dark: #ca0a41;
  --accent-soft: #ffe4ec;
  --accent-wash: #fff3f6;
  --navy: #111d32;
  --navy-2: #192740;
  --cream: #fbf8f3;
  --success: #158a67;
  --warning: #b86a0b;
  --blue: #4277d4;
  --shadow-sm: 0 8px 24px rgba(20, 32, 51, .07);
  --shadow-md: 0 22px 55px rgba(20, 32, 51, .11);
  --shadow-lg: 0 34px 90px rgba(20, 32, 51, .16);
  --radius: 18px;
  --radius-lg: 30px;
  --container: 1180px;
  --sans: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif: "Playfair Display", Georgia, serif;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1220;
  --bg-soft: #101a2b;
  --surface: #121d2f;
  --surface-2: #172337;
  --ink: #f4f6fa;
  --ink-2: #b8c1cf;
  --muted: #8793a5;
  --line: #29364a;
  --line-strong: #39485d;
  --accent: #ff2b68;
  --accent-dark: #ff4a7b;
  --accent-soft: #3a1730;
  --accent-wash: #211425;
  --navy: #080e19;
  --navy-2: #111c2f;
  --cream: #141d2b;
  --success: #45c59e;
  --warning: #e5a74f;
  --blue: #77a4ef;
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, .22);
  --shadow-md: 0 22px 55px rgba(0, 0, 0, .3);
  --shadow-lg: 0 34px 90px rgba(0, 0, 0, .4);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; transition: background-color .25s ease, color .25s ease; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
[hidden] { display: none !important; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 200; padding: 10px 16px; border-radius: 10px; background: var(--ink); color: var(--bg); font-weight: 700; transition: top .2s; }
.skip-link:focus { top: 16px; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent); outline-offset: 3px; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; border-bottom: 1px solid transparent; transition: background .25s, border-color .25s, box-shadow .25s; }
.site-header.scrolled { background: color-mix(in srgb, var(--surface) 88%, transparent); border-color: var(--line); box-shadow: 0 6px 24px rgba(20,32,51,.05); backdrop-filter: blur(18px); }
.header-inner { height: 74px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; }
.brand-mark { width: 32px; height: 32px; display: block; flex: 0 0 auto; background: url("logo-mark.svg") center / contain no-repeat; filter: drop-shadow(0 6px 10px color-mix(in srgb, var(--accent) 20%, transparent)); }
html[data-theme="dark"] .brand-mark { background-image: url("logo-mark-dark.svg"); }
.brand-mark.small { width: 25px; height: 25px; filter: none; }
.brand-word { color: var(--ink); font-size: 18px; font-weight: 800; letter-spacing: -.055em; line-height: 1; }
.brand-word span { color: var(--accent); }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 32px; }
.main-nav a { position: relative; color: var(--ink-2); font-size: 13px; font-weight: 700; }
.main-nav a::after { content: ""; position: absolute; inset: auto 50% -9px; height: 2px; background: var(--accent); transition: left .2s, right .2s; }
.main-nav a:hover { color: var(--ink); }.main-nav a:hover::after { left: 0; right: 0; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 10px; }
.theme-toggle, .menu-toggle { border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 80%, transparent); color: var(--ink); cursor: pointer; }
.theme-toggle { position: relative; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; overflow: hidden; }
.theme-icon { position: absolute; font-size: 16px; line-height: 1; transition: opacity .2s, transform .25s; }
.theme-icon-sun { opacity: 0; transform: translateY(18px) rotate(45deg); }.theme-icon-moon { opacity: 1; transform: none; }
html[data-theme="dark"] .theme-icon-sun { opacity: 1; transform: none; } html[data-theme="dark"] .theme-icon-moon { opacity: 0; transform: translateY(-18px) rotate(-45deg); }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 0 10px; border-radius: 12px; }
.menu-toggle span { display: block; width: 20px; height: 2px; margin: 5px 0; background: currentColor; transition: transform .2s; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; padding: 0 19px; border: 1px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 700; cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
.button:hover { transform: translateY(-2px); }.button-primary { background: var(--accent); color: #fff; box-shadow: 0 11px 25px color-mix(in srgb, var(--accent) 27%, transparent); }.button-primary:hover { background: var(--accent-dark); box-shadow: 0 15px 32px color-mix(in srgb, var(--accent) 35%, transparent); }
.button-secondary { background: color-mix(in srgb, var(--surface) 82%, transparent); border-color: color-mix(in srgb, var(--line) 75%, transparent); color: var(--ink); backdrop-filter: blur(9px); box-shadow: var(--shadow-sm); }
.button-large { min-height: 54px; padding: 0 25px; border-radius: 15px; font-size: 14px; }

.hero { position: relative; isolation: isolate; overflow: hidden; padding: 136px 0 0; background: linear-gradient(180deg, var(--bg-soft), var(--bg) 92%); }
.hero::before { content: ""; position: absolute; z-index: -2; width: 720px; height: 720px; top: -380px; left: 50%; transform: translateX(-50%); border-radius: 50%; background: color-mix(in srgb, var(--accent) 18%, transparent); filter: blur(90px); }
.hero-photo { position: absolute; z-index: -3; inset: 0 0 auto; display: block; width: 100%; height: 665px; opacity: .28; filter: saturate(.76) contrast(1.02); mask-image: linear-gradient(to bottom, #000 25%, rgba(0,0,0,.92) 58%, transparent 100%); }
.hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 29%; }
html[data-theme="dark"] .hero-photo { opacity: .18; filter: saturate(.65) brightness(.64) contrast(1.08); }
.hero-content { position: relative; text-align: center; max-width: 960px; }
.eyebrow { margin: 0 0 19px; color: var(--accent); font-size: 11px; line-height: 1.4; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.hero-eyebrow { display: inline-flex; align-items: center; padding: 8px 14px; border: 1px solid color-mix(in srgb, var(--accent) 20%, var(--line)); border-radius: 999px; background: color-mix(in srgb, var(--accent-wash) 76%, transparent); }
.hero h1, .section-heading h2, .workflow-copy h2, .control-copy h2, .faq-heading h2, .demo-copy h2 { margin: 0; color: var(--ink); font-size: clamp(52px, 7vw, 94px); line-height: .94; letter-spacing: -.065em; font-weight: 700; }
.hero h1 em, .section-heading h2 em, .workflow-copy h2 em, .control-copy h2 em, .faq-heading h2 em, .demo-copy h2 em { color: var(--accent); font-family: var(--serif); font-weight: 700; letter-spacing: -.045em; }
.hero-lead { max-width: 675px; margin: 26px auto 0; color: var(--ink-2); font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; justify-content: center; gap: 12px; margin-top: 31px; }

.product-stage { position: relative; margin-top: 64px; padding-bottom: 76px; }
.browser-frame { position: relative; overflow: hidden; border: 7px solid color-mix(in srgb, var(--surface) 72%, var(--accent-soft)); border-radius: 22px; background: var(--surface); box-shadow: var(--shadow-lg); }
.browser-frame::after { content: ""; pointer-events: none; position: absolute; inset: 0; border-radius: 15px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--line) 80%, transparent); }
.browser-bar { height: 45px; display: grid; grid-template-columns: 130px 1fr 130px; align-items: center; padding: 0 16px; border-bottom: 1px solid var(--line); background: var(--surface-2); }
.browser-dots { display: flex; gap: 7px; }.browser-dots span { width: 9px; height: 9px; border-radius: 50%; background: #ff6570; }.browser-dots span:nth-child(2){background:#ffbd4a}.browser-dots span:nth-child(3){background:#38c990}
.browser-address { justify-self: center; min-width: 310px; padding: 6px 24px; border-radius: 8px; background: color-mix(in srgb, var(--bg-soft) 85%, var(--surface)); color: var(--muted); text-align: center; font-size: 11px; }.lock { color: var(--success); font-size: 7px; vertical-align: 2px; }
.browser-status { justify-self: end; color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }.browser-status i { display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent)}
.app-shell { min-height: 440px; display: grid; grid-template-columns: 158px 1fr; background: var(--surface); }
.app-sidebar { display:flex;flex-direction:column;padding:22px 16px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 55%,var(--surface)); }
.app-logo { display:flex;align-items:center;gap:8px;color:var(--ink);font-size:11px;letter-spacing:-.04em }.app-nav-lines { display:flex;flex-direction:column;gap:14px;margin-top:31px }.app-nav-lines span { width:76%;height:8px;border-radius:5px;background:var(--line) }.app-nav-lines span:nth-child(2),.app-nav-lines span:nth-child(5){width:58%}.app-nav-lines .active{position:relative;width:100%;height:30px;margin:-10px 0 -10px -7px;background:var(--accent-soft)}.app-nav-lines .active::after{content:"";position:absolute;left:9px;top:11px;width:57%;height:8px;border-radius:5px;background:var(--accent)}
.app-user { display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line) }.app-user span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--navy);color:#fff;font-size:10px;font-weight:800}.app-user i{width:52px;height:7px;border-radius:5px;background:var(--line)}
.app-main { padding:28px 31px 32px; overflow:hidden }.app-heading{display:flex;align-items:center;justify-content:space-between}.mini-label{color:var(--accent);font-size:10px;letter-spacing:.16em;font-weight:800}.app-heading h2{margin:2px 0 0;font-size:25px;line-height:1.1;letter-spacing:-.035em}.app-heading button{border:0;border-radius:9px;padding:9px 14px;background:var(--accent);color:#fff;font-size:10px;font-weight:700}.app-tabs{display:flex;gap:24px;margin-top:24px;border-bottom:1px solid var(--line)}.app-tabs span{position:relative;padding:0 0 11px;color:var(--muted);font-size:10px;font-weight:700}.app-tabs .active{color:var(--ink)}.app-tabs .active::after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--accent)}
.app-summary-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px }.app-summary-grid article{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.app-summary-grid span,.app-summary-grid small{display:block;color:var(--muted);font-size:10px}.app-summary-grid strong{display:block;margin:3px 0;color:var(--ink);font-size:20px;line-height:1.2}
.delivery-list{margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.delivery-row{display:grid;grid-template-columns:1.35fr 1fr .85fr .8fr;align-items:center;gap:10px;min-height:51px;padding:0 14px;border-top:1px solid var(--line);font-size:10px;color:var(--ink-2)}.delivery-row>span:first-child{display:flex;align-items:center;gap:8px}.delivery-row b{color:var(--ink);font-size:10px}.delivery-head{min-height:32px;border-top:0;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f4d6dd;color:#8d3550;font-size:10px;font-style:normal;font-weight:800}.avatar.a2{background:#dbe7f4;color:#395c7f}.avatar.a3{background:#e8e0f4;color:#654886}
mark { display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border:0;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:10px;font-weight:800;white-space:nowrap }.ready{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.workshop{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.waiting{background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue)}
.stage-note { position:absolute;bottom:38px;display:grid;grid-template-columns:34px auto;column-gap:10px;align-items:center;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow-md);backdrop-filter:blur(14px)}.stage-note span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff;font-size:10px;font-weight:800}.stage-note b{font-size:11px;line-height:1.2}.stage-note small{color:var(--muted);font-size:10px}.note-left{left:-22px}.note-right{right:-22px}

.capability-strip { border-block:1px solid var(--line);background:var(--surface) }.capability-grid{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.12em}.capability-grid i{width:4px;height:4px;border-radius:50%;background:var(--accent)}
.section { padding: 122px 0; }.feature-section { background:var(--bg) }.section-heading.centered{max-width:780px;margin:0 auto 56px;text-align:center}.section-heading h2,.workflow-copy h2,.control-copy h2,.faq-heading h2,.demo-copy h2{font-size:clamp(40px,5vw,64px);line-height:1.02}.section-heading>p:last-child{max-width:650px;margin:22px auto 0;color:var(--ink-2)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;min-height:430px;padding:31px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.feature-card.featured{transform:translateY(-12px);border-color:color-mix(in srgb,var(--accent) 25%,var(--line));background:linear-gradient(145deg,var(--surface),var(--accent-wash))}.feature-number{position:absolute;right:23px;top:20px;color:var(--line-strong);font:italic 700 44px/1 var(--serif)}.feature-icon{width:56px;height:56px;margin-bottom:28px;border-radius:17px;background:var(--accent-soft);position:relative}.feature-card h3{margin:0;color:var(--ink);font-size:21px;line-height:1.28;letter-spacing:-.035em}.feature-card p{margin:15px 0 21px;color:var(--ink-2);font-size:14px}.feature-card ul{display:grid;gap:8px;margin:0;padding:18px 0 0;border-top:1px solid var(--line);list-style:none}.feature-card li{position:relative;padding-left:17px;color:var(--ink);font-size:13px;font-weight:700}.feature-card li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.inventory-icon{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding-bottom:14px}.inventory-icon span{width:8px;border:2px solid var(--accent);border-radius:2px}.inventory-icon span:nth-child(1){height:19px}.inventory-icon span:nth-child(2){height:26px}.inventory-icon span:nth-child(3){height:15px}.qr-icon{display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);place-content:center;gap:5px}.qr-icon i{border:3px solid var(--accent)}.qr-icon i:last-child{border-width:0;background:repeating-linear-gradient(45deg,var(--accent) 0 2px,transparent 2px 4px)}.flow-icon{display:flex;align-items:center;justify-content:center}.flow-icon span{width:9px;height:9px;border:2px solid var(--accent);border-radius:50%}.flow-icon i{width:8px;height:2px;background:var(--accent)}

.workflow-section{background:var(--bg-soft);border-block:1px solid var(--line)}.workflow-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.workflow-copy>p:not(.eyebrow){margin:24px 0;color:var(--ink-2);font-size:16px}.text-link{display:inline-flex;gap:10px;padding-bottom:4px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:800}.text-link span{color:var(--accent)}.workflow-map{position:relative;display:grid;gap:13px}.flow-rail{position:absolute;z-index:0;left:31px;top:48px;bottom:48px;width:2px;background:var(--line-strong)}.flow-step{position:relative;z-index:1;display:grid;grid-template-columns:64px 1fr 28px;gap:15px;align-items:center;min-height:105px;padding:17px 21px 17px 0;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}.flow-step>span{display:grid;place-items:center;width:62px;height:62px;margin-left:0;border:8px solid var(--bg-soft);border-radius:50%;background:var(--navy);color:#fff;font-size:11px;font-weight:800}.flow-step.active>span{background:var(--accent)}.flow-step small{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em}.flow-step h3{margin:1px 0 2px;font-size:17px;line-height:1.2}.flow-step p{margin:0;color:var(--muted);font-size:13px}.flow-step>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success);font-size:10px}

.modules-section{background:var(--bg)}.modules-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:52px}.modules-heading>p{margin:0 0 4px;color:var(--ink-2)}.module-board{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md)}.module-tabs{display:flex;gap:5px;padding:13px;border-bottom:1px solid var(--line);background:var(--surface-2)}.module-tabs button{flex:1;min-height:43px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;cursor:pointer}.module-tabs button:hover{color:var(--ink)}.module-tabs button.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.module-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;min-height:480px;padding:52px}.panel-kicker{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.16em}.panel-copy h3{margin:9px 0 16px;font-size:34px;line-height:1.12;letter-spacing:-.045em}.panel-copy>p{margin:0;color:var(--ink-2);font-size:14px}.panel-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.panel-points span,.control-badges span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:11px;font-weight:700}
.calendar-ui,.inventory-ui,.workshop-ui,.payment-ui{padding:22px;border:1px solid var(--line);border-radius:19px;background:var(--surface-2);box-shadow:var(--shadow-md)}.calendar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-top b{font-size:14px}.calendar-top button{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);width:28px;height:28px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.calendar-week span{padding-bottom:8px;color:var(--muted);font-size:10px;font-weight:800}.calendar-days span{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;color:var(--ink-2);font-size:11px}.calendar-days span:not(.muted):hover{background:var(--surface)}.calendar-days .muted{color:color-mix(in srgb,var(--muted) 40%,transparent)}.calendar-days .range,.calendar-days .range-start,.calendar-days .range-end{border-radius:0;background:var(--accent-soft);color:var(--accent);font-weight:800}.calendar-days .range-start{border-radius:9px 0 0 9px;background:var(--accent);color:#fff}.calendar-days .range-end{border-radius:0 9px 9px 0;background:var(--accent);color:#fff}.calendar-legend{display:flex;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font-size:10px}.calendar-legend i{width:8px;height:8px;margin-right:7px;border-radius:2px;background:var(--accent)}.calendar-legend span{color:var(--muted)}.calendar-legend b{margin-left:auto;color:var(--ink)}
.dress-card{display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:13px;background:var(--surface)}.dress-shape{position:relative;width:39px;height:45px;margin:auto;background:linear-gradient(145deg,#fbfbfb,#dfe2e7);clip-path:polygon(35% 0,65% 0,72% 27%,100% 100%,0 100%,28% 27%);filter:drop-shadow(0 5px 4px rgba(20,32,51,.13))}.dress-card span,.dress-card p{color:var(--muted);font-size:10px}.dress-card h4{margin:3px 0 0;font-size:13px}.dress-card p{margin:0}.dress-card mark{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.inventory-states{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:13px 0}.inventory-states span{padding:10px;border-radius:10px;background:var(--surface);font-size:10px}.dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%}.dot.pink{background:var(--accent)}.dot.amber{background:var(--warning)}.dot.blue{background:var(--blue)}.dot.green{background:var(--success)}.qr-preview{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:13px;border-radius:12px;background:var(--navy);color:#fff}.fake-qr{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:38px;height:38px;padding:5px;background:#fff}.fake-qr i{background:var(--navy)}.fake-qr i:nth-child(3){grid-row:2/4;grid-column:2}.qr-preview b,.qr-preview span{display:block}.qr-preview b{font-size:11px}.qr-preview span{color:#9eabc0;font-size:10px}.qr-preview button{padding:7px 9px;border:0;border-radius:7px;background:var(--accent);color:#fff;font-size:10px;font-weight:800}
.workshop-top,.permission-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.workshop-top small,.permission-top small{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em}.workshop-top h4,.permission-top h3{margin:2px 0 0;font-size:16px}.workshop-top>span,.permission-top>span{padding:5px 8px;border-radius:8px;background:var(--surface);color:var(--muted);font-size:10px}.workshop-row{display:grid;grid-template-columns:30px 1fr auto;gap:11px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.workshop-row:last-child{border:0;padding-bottom:0}.workshop-row>i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--surface);color:var(--accent);font-size:10px;font-style:normal;font-weight:800}.workshop-row b,.workshop-row span{display:block}.workshop-row b{font-size:12px}.workshop-row span{color:var(--muted);font-size:10px}
.payment-total{position:relative;padding:17px;border-radius:13px;background:var(--navy);color:#fff}.payment-total span,.payment-total small{display:block;color:#9eabc0;font-size:10px}.payment-total strong{display:block;margin:3px 0;font-size:25px}.payment-total small{position:absolute;right:17px;top:19px}.payment-line{display:grid;grid-template-columns:9px 1fr auto;gap:11px;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line)}.payment-line>i{width:7px;height:7px;border-radius:50%;background:var(--success)}.payment-line b,.payment-line span{display:block}.payment-line b{font-size:12px}.payment-line span{color:var(--muted);font-size:10px}.payment-line strong{font-size:12px}.payment-balance{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:13px;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:12px}
.module-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.module-list article{position:relative;min-height:160px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.module-list article:nth-child(3n){border-right:0}.module-list article:nth-child(n+4){border-bottom:0}.module-list span{color:var(--accent);font-size:10px;font-weight:800}.module-list h3{margin:8px 0 5px;font-size:16px}.module-list p{margin:0;color:var(--muted);font-size:13px}

.control-section{padding-top:0}.control-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:75px;border-radius:32px;background:var(--navy);color:#fff;box-shadow:var(--shadow-lg)}.control-card::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-120px;top:-180px;border-radius:50%;background:color-mix(in srgb,var(--accent) 34%,transparent);filter:blur(80px)}.eyebrow.light{color:#ff719a}.control-copy h2,.demo-copy h2{color:#fff}.control-copy>p:not(.eyebrow){margin:22px 0;color:#b8c2d2}.control-badges{display:flex;flex-wrap:wrap;gap:8px}.control-badges span{border-color:#3b4a61;background:#192740;color:#cbd3df}.permission-ui{padding:25px;border:1px solid #35445b;border-radius:20px;background:rgba(255,255,255,.07);box-shadow:0 25px 55px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.permission-top{border-color:#35445b}.permission-top>span{background:#22314a;color:#9fadc2}.permission-row{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #35445b}.person{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f4d6dd;color:#8d3550;font-size:10px;font-weight:800}.person.p2{background:#dbe7f4;color:#395c7f}.person.p3{background:#e8e0f4;color:#654886}.permission-row b,.permission-row span{display:block}.permission-row b{color:#fff;font-size:12px}.permission-row span{color:#aab5c6;font-size:10px}.permission-row mark{background:#22314a;color:#c8d1de}.permission-foot{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.permission-foot span{color:#aeb9c9;font-size:10px}.permission-foot i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#45c59e}.permission-foot button{padding:8px 10px;border:1px solid #46546a;border-radius:8px;background:transparent;color:#fff;font-size:10px;font-weight:700}

.faq-section{background:var(--bg-soft);border-top:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px}.faq-heading{position:sticky;top:130px;align-self:start}.faq-heading>p:last-child{color:var(--ink-2)}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-sm)}.faq-list summary{position:relative;padding:22px 56px 22px 23px;color:var(--ink);font-size:14px;font-weight:700;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span,.faq-list summary span::after{position:absolute;right:24px;top:50%;width:13px;height:2px;background:var(--accent);content:"";transition:transform .2s}.faq-list summary span::after{right:0;top:0;transform:rotate(90deg)}.faq-list details[open] summary span::after{transform:rotate(0)}.faq-list details p{margin:0;padding:0 55px 22px 23px;color:var(--ink-2);font-size:13px}

.demo-section{padding:122px 0;background:var(--bg)}.demo-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding:72px;border-radius:34px;background:var(--navy);box-shadow:var(--shadow-lg)}.demo-card::before{content:"";position:absolute;z-index:-1;inset:auto auto -230px -160px;width:520px;height:520px;border-radius:50%;background:color-mix(in srgb,var(--accent) 30%,transparent);filter:blur(90px)}.demo-copy>p:not(.eyebrow){margin:23px 0;color:#b6c0d0}.demo-expectations{display:grid;gap:11px}.demo-expectations span{display:flex;align-items:center;gap:11px;color:#d8dee8;font-size:13px}.demo-expectations i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #435169;border-radius:8px;color:#ff719a;font-size:9px;font-style:normal;font-weight:800}.form-shell{min-height:535px;padding:28px;border:1px solid #334158;border-radius:22px;background:#f8f9fb;color:#142033;box-shadow:0 28px 65px rgba(0,0,0,.28);transition:background-color .25s,border-color .25s,color .25s}.form-heading{margin-bottom:19px}.form-heading span{color:#f21052;font-size:10px;font-weight:800;letter-spacing:.14em}.form-heading p{margin:3px 0 0;color:#687486;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.demo-form label>span{display:block;margin-bottom:5px;color:#536071;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.demo-form input,.demo-form select{width:100%;height:46px;padding:0 12px;border:1px solid #dbe1e6;border-radius:10px;background:#fff;color:#142033;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s,background-color .25s,color .25s}.demo-form input::placeholder{color:#a3adba}.demo-form input:focus,.demo-form select:focus{border-color:#f21052;box-shadow:0 0 0 3px rgba(242,16,82,.1)}.demo-form [aria-invalid="true"]{border-color:#d02d46;background:#fff7f8}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.turnstile-field:not(:empty){margin:18px 0 0}.turnstile-field iframe{max-width:100%}.form-privacy{margin:18px 0;color:#687486;font-size:12px;line-height:1.55}.form-privacy a{color:#f21052;text-decoration:underline}.button-submit{width:100%;min-height:49px;border:0}.button-submit:disabled{cursor:wait;opacity:.7;transform:none;box-shadow:none}.form-error{min-height:17px;margin:7px 0 0;color:#c22d45;font-size:11px;text-align:center}.form-success{display:flex;min-height:476px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.success-mark{display:grid;place-items:center;width:66px;height:66px;margin-bottom:20px;border-radius:50%;background:#e3f6ef;color:#158a67;font-size:26px}.form-success small{color:#f21052;font-size:10px;font-weight:800;letter-spacing:.14em}.form-success h3{margin:5px 0 8px;font-size:32px;letter-spacing:-.04em}.form-success p{max-width:330px;margin:0;color:#687486;font-size:13px}.form-success button{margin-top:23px;border:0;border-bottom:1px solid #142033;background:transparent;color:#142033;font-size:12px;font-weight:800;cursor:pointer}

/* Refined dark feature surfaces */
.control-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(138deg,#101a2b 0%,#17243a 58%,#251827 100%);box-shadow:0 30px 78px rgba(15,24,40,.22),inset 0 1px 0 rgba(255,255,255,.06)}
.control-card::before{width:360px;height:360px;right:-135px;top:-165px;background:rgba(242,16,82,.15);filter:blur(88px)}
.control-copy>p:not(.eyebrow){color:#c4cddb}
.control-badges span{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:#d3d9e3}
.permission-ui{border-color:rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 24px 52px rgba(4,10,20,.24),inset 0 1px 0 rgba(255,255,255,.045)}
.permission-top,.permission-row{border-color:rgba(255,255,255,.11)}
.permission-top>span,.permission-row mark{background:rgba(255,255,255,.07)}

.demo-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(142deg,#0d1728 0%,#151d30 55%,#251522 100%);box-shadow:0 34px 86px rgba(12,20,34,.25),inset 0 1px 0 rgba(255,255,255,.065)}
.demo-card::before{inset:auto auto -265px -190px;width:500px;height:500px;background:rgba(242,16,82,.18);filter:blur(105px)}
.demo-copy>p:not(.eyebrow){color:#c4cddb}
.demo-expectations i{border:0;background:rgba(255,113,154,.12);color:#ff9fba;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
html[data-theme="dark"] .control-card,html[data-theme="dark"] .demo-card{border-color:rgba(255,255,255,.11);box-shadow:0 30px 80px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.055)}

html[data-theme="dark"] .form-shell{border-color:#3a4960;background:#121d2f;color:#f4f6fa;box-shadow:0 28px 65px rgba(0,0,0,.42)}
html[data-theme="dark"] .form-heading p{color:#aab5c6}
html[data-theme="dark"] .demo-form label>span{color:#c2cad6}
html[data-theme="dark"] .demo-form input,html[data-theme="dark"] .demo-form select{border-color:#3a4960;background:#192740;color:#f4f6fa}
html[data-theme="dark"] .demo-form input::placeholder{color:#7f8da1}
html[data-theme="dark"] .demo-form input:focus,html[data-theme="dark"] .demo-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
html[data-theme="dark"] .demo-form [aria-invalid="true"]{border-color:#ff6b85;background:#2b1a29}
html[data-theme="dark"] .form-privacy{color:#b7c1cf}
html[data-theme="dark"] .form-error{color:#ff8ba0}
html[data-theme="dark"] .success-mark{background:color-mix(in srgb,var(--success) 17%,transparent);color:var(--success)}
html[data-theme="dark"] .form-success p{color:#aab5c6}
html[data-theme="dark"] .form-success button{border-color:#f4f6fa;color:#f4f6fa}

.site-footer{border-top:1px solid var(--line);background:var(--surface)}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:65px}.footer-brand{margin-bottom:14px}.footer-top>div>p{max-width:320px;margin:0;color:var(--muted);font-size:13px}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-nav>div{display:grid;align-content:start;gap:9px}.footer-nav b{margin-bottom:4px;font-size:12px}.footer-nav a{color:var(--muted);font-size:12px}.footer-nav a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;padding-block:19px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}

.legal-main{padding:150px 0 100px}.legal-shell{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:80px;align-items:start}.legal-article{min-width:0}.legal-article h1{max-width:780px;margin:0;font-size:clamp(42px,6vw,70px);line-height:.98;letter-spacing:-.055em}.legal-summary{max-width:700px;margin:25px 0 0;color:var(--ink-2);font-size:17px;line-height:1.75}.legal-meta{display:flex;flex-wrap:wrap;gap:9px 22px;margin:25px 0 0;color:var(--muted);font-size:12px}.legal-draft{margin:38px 0 48px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--warning) 34%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--warning) 8%,var(--surface));color:var(--ink-2);font-size:13px;line-height:1.65}.legal-draft strong{color:var(--ink)}.legal-content section{padding:34px 0;border-top:1px solid var(--line)}.legal-content h2{margin:0 0 14px;font-size:23px;letter-spacing:-.025em}.legal-content h3{margin:24px 0 9px;font-size:16px}.legal-content p,.legal-content li{color:var(--ink-2);font-size:14px;line-height:1.8}.legal-content p{margin:0 0 13px}.legal-content ul,.legal-content ol{display:grid;gap:8px;margin:14px 0 0;padding-left:20px}.legal-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.legal-content strong{color:var(--ink)}.legal-table-wrap{overflow-x:auto;margin-top:20px;border:1px solid var(--line);border-radius:14px}.legal-table{width:100%;min-width:640px;border-collapse:collapse;background:var(--surface)}.legal-table th,.legal-table td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:12px;line-height:1.6}.legal-table th{background:var(--surface-2);color:var(--ink);font-weight:700}.legal-table td{color:var(--ink-2)}.legal-table tr:last-child td{border-bottom:0}.legal-aside{position:sticky;top:110px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.legal-aside b{display:block;margin-bottom:14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.legal-aside nav{display:grid;gap:5px}.legal-aside a{padding:9px 10px;border-radius:9px;color:var(--muted);font-size:13px}.legal-aside a:hover,.legal-aside a[aria-current="page"]{background:var(--accent-wash);color:var(--accent)}.legal-contact{padding:20px;border-radius:14px;background:var(--surface-2)}.legal-contact p:last-child{margin-bottom:0}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}[data-reveal].revealed{opacity:1;transform:none}

@media (max-width: 1024px) {
  .header-inner{grid-template-columns:1fr auto}.main-nav{position:fixed;inset:74px 20px auto;display:none;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-lg)}.main-nav.open{display:grid;gap:0}.main-nav a{padding:13px;border-bottom:1px solid var(--line)}.main-nav a:last-child{border:0}.menu-toggle{display:block}.header-cta{display:none}
  .hero{padding-top:125px}.product-stage{margin-top:55px}.note-left{left:12px}.note-right{right:12px}.app-shell{grid-template-columns:115px 1fr}.app-sidebar{padding-inline:12px}.app-main{padding:24px}.browser-frame{border-width:5px}
  .workflow-layout,.faq-layout{gap:55px}.modules-heading{gap:50px}.module-panel{gap:40px;padding:42px}.control-card,.demo-card{gap:45px;padding:55px}.module-list article{padding:23px}
}

@media (max-width: 820px) {
  .section{padding:90px 0}.hero h1{font-size:clamp(46px,11vw,72px)}.hero-lead{font-size:16px}.product-stage{width:min(calc(100% - 20px),var(--container))}.browser-frame{overflow:auto}.app-shell{min-width:760px}.browser-bar{min-width:760px}.stage-note{display:none}.capability-grid{justify-content:center;flex-wrap:wrap;padding:20px 0}.capability-grid i:nth-of-type(even){display:none}
  .feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-card.featured{transform:none}.workflow-layout,.modules-heading,.control-card,.faq-layout,.demo-card,.footer-top{grid-template-columns:1fr}.workflow-layout,.faq-layout{gap:50px}.workflow-copy{max-width:600px}.modules-heading{gap:18px}.module-panel{grid-template-columns:1fr;min-height:0}.panel-copy{max-width:620px}.module-list{grid-template-columns:repeat(2,1fr)}.module-list article:nth-child(3n){border-right:1px solid var(--line)}.module-list article:nth-child(2n){border-right:0}.module-list article:nth-child(n+4){border-bottom:1px solid var(--line)}.module-list article:nth-child(n+5){border-bottom:0}.control-card,.demo-card{padding:50px}.faq-heading{position:static}.form-shell{min-height:auto}.footer-top{gap:45px}.legal-main{padding-top:125px}.legal-shell{grid-template-columns:1fr;gap:40px}.legal-aside{position:static;order:-1}.legal-aside nav{grid-template-columns:repeat(3,1fr)}
}

@media (max-width: 600px) {
  .container{width:min(calc(100% - 28px),var(--container))}.header-inner{height:66px}.main-nav{inset:66px 14px auto}.brand-word{font-size:16px}.brand-mark{width:28px;height:28px}.theme-toggle,.menu-toggle{width:38px;height:38px}.site-header.scrolled{background:color-mix(in srgb,var(--surface) 94%,transparent)}
  .hero{padding-top:108px}.hero-photo{height:560px}.hero-photo img{object-position:50% 20%}.hero-eyebrow{max-width:315px;padding:7px 11px;font-size:10px}.hero h1{font-size:clamp(40px,13vw,60px);line-height:.97}.hero-lead{font-size:14px}.hero-actions{display:grid}.button-large{width:100%}.product-stage{margin-top:44px;padding-bottom:45px}.browser-frame{border-width:4px;border-radius:15px}.browser-bar{height:39px}.capability-grid{min-height:0;gap:10px 14px;font-size:10px}.capability-grid i{width:3px;height:3px}
  .section{padding:74px 0}.section-heading.centered{margin-bottom:38px}.section-heading h2,.workflow-copy h2,.control-copy h2,.faq-heading h2,.demo-copy h2{font-size:39px}.section-heading>p:last-child{font-size:14px}.feature-card{padding:25px}.feature-number{font-size:38px}.feature-card h3{font-size:19px}
  .workflow-map{gap:10px}.flow-rail{left:25px}.flow-step{grid-template-columns:52px 1fr;gap:10px;padding-right:14px}.flow-step>span{width:50px;height:50px;border-width:6px}.flow-step>b{display:none}.flow-step p{font-size:12px}
  .modules-heading{margin-bottom:35px}.module-tabs{overflow-x:auto;justify-content:flex-start}.module-tabs button{flex:0 0 auto;min-width:112px}.module-panel{padding:26px;gap:28px}.panel-copy h3{font-size:28px}.calendar-ui,.inventory-ui,.workshop-ui,.payment-ui{padding:15px}.calendar-days{gap:2px}.module-list{grid-template-columns:1fr}.module-list article,.module-list article:nth-child(3n),.module-list article:nth-child(2n),.module-list article:nth-child(n+5){border-right:0;border-bottom:1px solid var(--line)}.module-list article:last-child{border-bottom:0}.module-list article{min-height:135px}
  .control-card,.demo-card{width:calc(100% - 20px);padding:35px 23px;border-radius:24px}.permission-ui{padding:18px}.permission-row{grid-template-columns:34px 1fr}.permission-row mark{grid-column:2}.permission-foot{align-items:flex-start;gap:10px}.permission-foot button{white-space:nowrap}.faq-layout{gap:35px}.faq-list summary{padding:19px 48px 19px 18px;font-size:13px}.faq-list details p{padding:0 18px 19px;font-size:12px}
  .demo-section{padding:75px 0}.demo-expectations{margin-bottom:8px}.form-shell{padding:19px}.form-grid{grid-template-columns:1fr}.form-success{min-height:400px}.footer-top{padding-block:48px}.footer-nav{grid-template-columns:1fr 1fr;row-gap:30px}.footer-bottom{gap:20px;align-items:flex-start}.footer-bottom span:last-child{text-align:right}.legal-main{padding:105px 0 70px}.legal-article h1{font-size:42px}.legal-summary{font-size:15px}.legal-draft{margin:30px 0 38px}.legal-aside{padding:14px}.legal-aside b{padding:0 8px}.legal-aside nav{grid-template-columns:1fr}.legal-content section{padding:28px 0}.legal-content h2{font-size:21px}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}
}

.error-page{display:grid;min-height:100vh;place-items:center;padding:40px 20px;background:radial-gradient(circle at 50% 20%,var(--accent-wash),transparent 42%),var(--bg);text-align:center}.error-card{max-width:720px}.error-code{display:inline-block;margin-bottom:18px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.18em}.error-card h1{margin:0;color:var(--ink);font-size:clamp(46px,8vw,82px);line-height:.98;letter-spacing:-.06em}.error-card h1 em{color:var(--accent);font-family:var(--serif)}.error-card p{margin:24px 0 30px;color:var(--ink-2)}