/* ============================================================
   PRODUCT LANDING v60 — modern minimal, light scheme
   Teal brand · warm neutrals · scroll narrative
   ============================================================ */
:root{
  --brand-50:#eef4ff;--brand-100:#dce9fd;--brand-200:#bcd4fb;--brand-300:#8fb6f7;
  --brand-400:#5b8ef0;--brand-500:#3b74e4;--brand-600:#2f62c9;--brand-700:#274fa6;--brand-900:#1e3a73;
  --n-0:#fff;--n-25:#fafbfd;--n-50:#f5f7fa;--n-100:#eef1f6;--n-200:#e3e8f0;--n-300:#cdd5e0;
  --n-400:#9aa7b8;--n-500:#64748b;--n-600:#475569;--n-700:#334155;--n-900:#1e293b;
  --ink-900:#17203a;
  --elev-1:0 1px 2px rgba(30,41,59,.05),0 1px 3px rgba(30,41,59,.04);
  --elev-2:0 2px 4px rgba(30,41,59,.04),0 10px 24px rgba(30,41,59,.08);
  --elev-3:0 6px 12px rgba(30,41,59,.06),0 24px 56px rgba(30,41,59,.12);
  --ease-out:cubic-bezier(.22,.68,.32,1);
  --ease-spring:cubic-bezier(.34,1.45,.44,1);
  --font:"Inter","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;min-width:320px;background:var(--n-0);color:var(--n-900);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--brand-100);color:var(--brand-900)}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid rgba(59,116,228,.3);outline-offset:2px;border-radius:4px}

.section-shell{width:min(1140px,100% - 48px);margin-inline:auto}
.eyebrow{margin:0 0 14px;color:var(--brand-600);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.eyebrow.light{color:var(--brand-300)}
h1,h2,h3{letter-spacing:-.03em;line-height:1.18;color:var(--n-900);text-wrap:balance}
h1{margin:0;font-size:clamp(34px,5vw,54px);font-weight:720}
h2{margin:0;font-size:clamp(26px,3.4vw,38px);font-weight:700}
h3{margin:0;font-size:18px;font-weight:680}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:28px;height:72px;
  padding-inline:clamp(20px,4vw,48px);
  background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);
  border-bottom:1px solid rgba(226,231,228,.8);
}
.brand{display:inline-flex;align-items:center;gap:12px;min-height:44px}
.brand-mark{display:grid;grid-template-columns:repeat(3,4px);gap:3px;align-items:end;width:34px;height:34px;place-content:center;border-radius:10px;background:linear-gradient(145deg,#2f62c9,#274fa6);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.brand-mark i{display:block;width:4px;border-radius:2px;background:linear-gradient(180deg,#9db9f5,#3b74e4)}
.brand-mark i:nth-child(1){height:10px}
.brand-mark i:nth-child(2){height:16px}
.brand-mark i:nth-child(3){height:13px}
.brand b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.brand small{display:block;color:var(--n-500);font-size:10px;letter-spacing:.06em}
#productNav{display:flex;align-items:center;gap:4px;margin-left:auto}
#productNav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--n-600);font-size:13px;font-weight:600;transition:color .18s ease}
#productNav a::after{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:2px;border-radius:2px;background:var(--brand-500);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease-out)}
#productNav a:hover{color:var(--n-900)}
#productNav a:hover::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:14px}
.login-link{display:inline-flex;align-items:center;min-height:44px;color:var(--n-700);font-size:13px;font-weight:650;transition:color .18s ease}
.login-link:hover{color:var(--brand-600)}
.nav-burger{display:none}

/* ---------- Buttons ---------- */
.button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;
  border:0;border-radius:10px;background:linear-gradient(180deg,var(--brand-400),var(--brand-500));color:#fff;
  font-size:14px;font-weight:680;letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 5px rgba(39,79,166,.22),0 10px 24px rgba(39,79,166,.18);
  transition:transform .18s var(--ease-out),box-shadow .18s ease,background .18s ease;
}
.button span{transition:transform .22s var(--ease-spring)}
.button:hover{background:linear-gradient(180deg,var(--brand-500),var(--brand-600));transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 8px rgba(39,79,166,.22),0 16px 32px rgba(39,79,166,.24)}
.button:hover span{transform:translateX(4px)}
.button:active{transform:translateY(0);box-shadow:inset 0 1px 3px rgba(30,58,115,.35)}
.button.small{min-height:40px;padding:0 16px;font-size:13px;border-radius:9px}
.text-link{display:inline-flex;align-items:center;min-height:48px;color:var(--brand-600);font-size:14px;font-weight:680;border-bottom:2px solid transparent;transition:border-color .18s ease,color .18s ease}
.text-link:hover{color:var(--brand-700);border-bottom-color:var(--brand-300)}

/* ---------- Hero ---------- */
.hero{
  position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(32px,5vw,72px);align-items:center;
  padding-block:clamp(56px,9vh,110px) clamp(48px,8vh,88px);
}
.hero::before{
  content:"";position:absolute;z-index:-1;inset:-120px -20vw auto;height:560px;pointer-events:none;
  background:
    radial-gradient(42% 46% at 22% 30%,rgba(132,192,183,.24),transparent 70%),
    radial-gradient(36% 40% at 68% 18%,rgba(178,217,210,.28),transparent 70%);
}
.lead{max-width:560px;margin:22px 0 0;color:var(--n-600);font-size:clamp(15px,1.6vw,18px);line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}
.trust-list{display:flex;flex-wrap:wrap;gap:8px 22px;margin:30px 0 0;padding:0;list-style:none;color:var(--n-500);font-size:12.5px;font-weight:600}
.trust-list li{position:relative;padding-left:20px}
.trust-list li::before{content:"";position:absolute;left:0;top:.42em;width:8px;height:8px;border-radius:50%;background:var(--brand-400);box-shadow:0 0 0 3px var(--brand-100)}

/* Workflow card — the "product glimpse" */
.workflow-card{
  position:relative;border:1px solid var(--n-200);border-radius:20px;background:rgba(255,255,255,.86);
  box-shadow:var(--elev-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  padding:26px 26px 20px;animation:wf-float 7s ease-in-out infinite;
}
@keyframes wf-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.workflow-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--n-100)}
.workflow-head span{color:var(--brand-600);font-size:11px;font-weight:750;letter-spacing:.12em}
.workflow-head b{font-size:14px;font-weight:680;color:var(--n-700)}
.workflow-card ol{display:grid;gap:6px;margin:16px 0 0;padding:0;list-style:none}
.workflow-card li{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;
  padding:13px 12px;border-radius:12px;transition:background-color .2s ease,transform .2s var(--ease-out);
}
.workflow-card li:hover{background:var(--brand-50);transform:translateX(4px)}
.step-no{font-size:12px;font-weight:800;color:var(--brand-500);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.workflow-card li b{display:block;font-size:14.5px;font-weight:680}
.workflow-card li p{margin:2px 0 0;color:var(--n-500);font-size:12px}
.workflow-card li em{font-style:normal;color:var(--n-400);font-size:11px;font-weight:650;white-space:nowrap}
.workflow-foot{display:flex;align-items:center;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid var(--n-100);color:var(--n-500);font-size:11.5px;font-weight:600}
.workflow-foot i{width:8px;height:8px;border-radius:50%;background:#3b74e4;box-shadow:0 0 0 4px rgba(59,116,228,.15)}

/* ---------- Source strip ---------- */
.source-strip{border-block:1px solid var(--n-200);background:var(--n-50)}
.source-inner{display:flex;align-items:center;justify-content:center;gap:10px 34px;flex-wrap:wrap;padding-block:20px}
.source-inner b{color:var(--n-500);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.source-inner span{color:var(--n-600);font-size:13.5px;font-weight:650}

/* ---------- Section heading ---------- */
.section-heading{max-width:680px;margin-bottom:44px}
.section-heading>p:not(.eyebrow){margin:14px 0 0;color:var(--n-600);font-size:15.5px;line-height:1.7}
.demo-heading{display:flex;max-width:none;align-items:flex-end;justify-content:space-between;gap:36px}
.demo-heading>div{max-width:560px}
.demo-heading>p{max-width:360px;margin-bottom:4px!important;font-size:13.5px!important}
.block-section{padding-block:clamp(64px,10vh,110px)}

/* ---------- Demo section ---------- */
.demo-section{padding-block:clamp(64px,10vh,110px);background:linear-gradient(180deg,var(--n-50),var(--n-0) 30%)}
.product-demo{border:1px solid var(--n-200);border-radius:22px;background:var(--n-0);box-shadow:var(--elev-3);overflow:hidden}
.demo-tabs{display:flex;gap:4px;padding:10px;border-bottom:1px solid var(--n-200);background:var(--n-50)}
.demo-tab{
  flex:0 0 auto;min-height:44px;padding:0 20px;border:0;border-radius:9px;background:transparent;
  color:var(--n-600);font-size:13.5px;font-weight:680;transition:all .18s var(--ease-out);
}
.demo-tab:hover{background:var(--n-100);color:var(--n-900)}
.demo-tab.is-active{background:var(--n-0);color:var(--brand-600);box-shadow:var(--elev-1)}
.demo-panel{padding:clamp(20px,3.4vw,36px);animation:pd-fade .32s var(--ease-out)}
@keyframes pd-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.demo-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.demo-workspace-head span{display:block;color:var(--brand-600);font-size:10.5px;font-weight:750;letter-spacing:.12em}
.demo-workspace-head b{display:block;margin-top:3px;font-size:19px;font-weight:700;letter-spacing:-.02em}
.demo-data-label{flex:0 0 auto;padding:5px 10px;border:1px solid var(--n-200);border-radius:999px;background:var(--n-50);color:var(--n-500);font-size:10.5px;font-weight:700}
.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.demo-metrics article{padding:16px;border:1px solid var(--n-200);border-radius:14px;background:var(--n-0);transition:transform .2s var(--ease-out),box-shadow .2s ease}
.demo-metrics article:hover{transform:translateY(-3px);box-shadow:var(--elev-2)}
.demo-metrics small{display:block;color:var(--n-500);font-size:11.5px;font-weight:650}
.demo-metrics b{display:block;margin:6px 0 2px;font-size:30px;font-weight:720;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.demo-metrics span{color:var(--n-400);font-size:10.5px;font-weight:600}
.demo-list-card{border:1px solid var(--n-200);border-radius:16px;overflow:hidden}
.demo-list-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--n-100);background:var(--n-25)}
.demo-list-head b{display:block;font-size:14px;font-weight:700}
.demo-list-head div span{display:block;margin-top:2px;color:var(--n-500);font-size:11px}
.demo-list-head>span{color:var(--n-400);font-size:11.5px;font-weight:650}
.demo-project-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid var(--n-100);transition:background-color .18s ease}
.demo-project-row:last-child{border-bottom:0}
.demo-project-row:hover{background:var(--brand-50)}
.demo-project-row b{display:block;font-size:14px;font-weight:680}
.demo-project-row div span{display:block;margin-top:3px;color:var(--n-500);font-size:11.5px}
.demo-project-row button{min-height:38px;padding:0 14px;border:1px solid var(--n-300);border-radius:8px;background:var(--n-0);color:var(--n-700);font-size:12px;font-weight:680;transition:all .16s var(--ease-out)}
.demo-project-row button:hover{border-color:var(--brand-300);background:var(--brand-50);color:var(--brand-700)}
.demo-project-state{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:10.5px;font-weight:750;white-space:nowrap}
.demo-project-state.is-urgent{background:#fbeeef;color:#b0404a;border:1px solid #eccdd1}
.demo-project-state.is-ready{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-200)}
.demo-project-state.is-contact{background:#e9f3f8;color:#2f6f8f;border:1px solid #c7dce8}

/* Sales panel */
.demo-sales-board{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:14px}
.demo-sales-board>article{border:1px solid var(--n-200);border-radius:16px;padding:20px}
.demo-sales-board>article header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--n-100)}
.demo-sales-board>article header b{font-size:15px;font-weight:700;line-height:1.4}
.demo-sales-board dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.demo-sales-board dt{color:var(--n-400);font-size:10.5px;font-weight:650}
.demo-sales-board dd{margin:3px 0 0;font-size:12.5px;font-weight:680}
.demo-sales-board>article>p{margin:0;padding:12px 14px;border-radius:10px;background:var(--n-50);color:var(--n-600);font-size:12.5px;line-height:1.65}
.demo-sales-board>aside{border:1px solid var(--brand-200);border-radius:16px;background:var(--brand-50);padding:20px}
.demo-sales-board>aside>b{color:var(--brand-700);font-size:12px;font-weight:750;letter-spacing:.1em}
.demo-sales-board>aside ol{display:grid;gap:12px;margin:14px 0 0;padding:0;list-style:none}
.demo-sales-board>aside li{display:flex;gap:12px}
.demo-sales-board>aside li span{color:var(--brand-400);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.demo-sales-board>aside li p{margin:0}
.demo-sales-board>aside li strong{display:block;font-size:13px;font-weight:680}
.demo-sales-board>aside li small{color:var(--n-500);font-size:11px}

/* Bid demo panel */
.demo-bid-note{margin:-6px 0 18px;color:var(--n-500);font-size:12.5px}
.demo-bid-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.demo-bid-steps article{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px 12px;padding:18px;border:1px solid var(--n-200);border-radius:14px;background:var(--n-0)}
.demo-bid-steps article>span{grid-row:span 2;display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--n-100);color:var(--n-500);font-size:12px;font-weight:800}
.demo-bid-steps b{display:block;font-size:14px;font-weight:680}
.demo-bid-steps p{margin:3px 0 0;color:var(--n-500);font-size:11.5px;line-height:1.5}
.demo-bid-steps em{grid-column:2;font-style:normal;font-size:10.5px;font-weight:750;color:var(--n-400)}
.demo-bid-steps article.is-complete{border-color:var(--brand-200)}
.demo-bid-steps article.is-complete>span{background:var(--brand-100);color:var(--brand-700)}
.demo-bid-steps article.is-complete em{color:var(--brand-600)}
.demo-bid-steps article.is-processing>span{background:#fbf3e0;color:#96650f;animation:pd-pulse 1s ease-in-out infinite}
@keyframes pd-pulse{50%{opacity:.5}}
.demo-generation-actions{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}
.demo-generate-button{
  min-height:46px;padding:0 20px;border:0;border-radius:10px;
  background:linear-gradient(180deg,var(--brand-400),var(--brand-500));color:#fff;font-size:13.5px;font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 2px 6px rgba(39,79,166,.2);
  transition:transform .18s var(--ease-out),box-shadow .18s ease;
}
.demo-generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(39,79,166,.26)}
.demo-generate-button:disabled{background:var(--n-200);color:var(--n-500);box-shadow:none;cursor:default}
.demo-generation-actions>span{color:var(--n-400);font-size:11.5px}
.demo-generation-result{margin-top:18px;border:1px solid var(--brand-200);border-radius:16px;background:var(--brand-50);overflow:hidden}
.demo-generation-result.demo-generated{animation:pd-pop .4s var(--ease-spring)}
@keyframes pd-pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
.demo-result-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--brand-100)}
.demo-result-head b{display:block;font-size:14px;font-weight:700;color:var(--brand-900)}
.demo-result-head div span{display:block;margin-top:2px;color:var(--brand-600);font-size:11px}
.demo-result-head>span{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:#fbf3e0;color:#96650f;font-size:10.5px;font-weight:750}
.demo-generation-result ul{display:grid;margin:0;padding:10px;list-style:none;gap:6px}
.demo-generation-result li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;border-radius:10px;background:var(--n-0)}
.demo-generation-result li>span{display:grid;place-items:center;height:30px;border-radius:7px;background:var(--n-100);color:var(--n-600);font-size:10px;font-weight:800;letter-spacing:.06em}
.demo-generation-result li b{display:block;font-size:13px;font-weight:680}
.demo-generation-result li small{color:var(--n-500);font-size:11px}
.demo-generation-result li em{font-style:normal;color:var(--brand-600);font-size:11px;font-weight:750}

/* ---------- Feature grid ---------- */
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feature-grid article{
  position:relative;padding:28px 26px;border:1px solid var(--n-200);border-radius:18px;background:var(--n-0);
  transition:transform .24s var(--ease-out),box-shadow .24s ease,border-color .24s ease;
}
.feature-grid article:hover{transform:translateY(-5px);box-shadow:var(--elev-2);border-color:var(--brand-200)}
.feature-index{
  display:grid;width:40px;height:40px;place-items:center;margin-bottom:20px;border-radius:11px;
  background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-600);font-size:15px;font-weight:800;
  transition:all .24s var(--ease-out);
}
.feature-grid article:hover .feature-index{background:var(--brand-500);border-color:var(--brand-500);color:#fff;transform:scale(1.06)}
.feature-grid h3{margin-bottom:10px}
.feature-grid article>p{margin:0 0 16px;color:var(--n-600);font-size:13.5px;line-height:1.7}
.feature-grid ul{display:grid;gap:8px;margin:0;padding:14px 0 0;list-style:none;border-top:1px solid var(--n-100)}
.feature-grid li{position:relative;padding-left:18px;color:var(--n-500);font-size:12.5px;font-weight:600}
.feature-grid li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:2px;background:var(--brand-400)}

/* ---------- Bid section (dark contrast) ---------- */
.bid-section{background:linear-gradient(160deg,#131c33,#0f1729 60%,#111a2e);color:#e8edf7;padding-block:clamp(64px,10vh,110px)}
.bid-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
.bid-copy h2{color:#f0f4fc}
.bid-copy>p{margin:18px 0 0;max-width:520px;color:#9aa9c7;font-size:15px;line-height:1.75}
.boundary{margin-top:28px;padding:18px 20px;border:1px solid rgba(143,182,247,.3);border-radius:14px;background:rgba(91,142,240,.12)}
.boundary b{color:#9db9f5;font-size:13px;font-weight:750}
.boundary p{margin:7px 0 0;color:#9aa9c7;font-size:12.5px;line-height:1.7}
.bid-checklist{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.045);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px;box-shadow:0 24px 64px rgba(0,0,0,.3)}
.bid-checklist header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 16px 14px}
.bid-checklist header b{color:#f0f4fc;font-size:14.5px;font-weight:700}
.bid-checklist header span{color:#7c8db0;font-size:11px;font-weight:600}
.bid-checklist>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;margin:2px 0;padding:14px 16px;border-radius:13px;transition:background-color .2s ease}
.bid-checklist>div:hover{background:rgba(255,255,255,.05)}
.bid-checklist i{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;font-style:normal;font-size:14px;font-weight:800}
.bid-checklist i.ok{background:rgba(47,191,143,.16);color:#4ade9d}
.bid-checklist i.warn{background:rgba(230,176,77,.16);color:#ecc069}
.bid-checklist i.draft{background:rgba(132,192,183,.16);color:#9db9f5}
.bid-checklist p{margin:0}
.bid-checklist p b{display:block;color:#eef5f2;font-size:14px;font-weight:680}
.bid-checklist p span{display:block;margin-top:3px;color:#8b9cbd;font-size:11.5px;line-height:1.5}
.bid-checklist em{font-style:normal;color:#7c8db0;font-size:10.5px;font-weight:700;white-space:nowrap}

/* ---------- Private section ---------- */
.private-section{padding-block:clamp(64px,10vh,110px)}
.private-panel{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:clamp(28px,4vw,64px);align-items:center;
  padding:clamp(28px,4.5vw,56px);border:1px solid var(--n-200);border-radius:24px;
  background:linear-gradient(150deg,var(--brand-50),var(--n-0) 55%);
}
.private-points{display:grid;gap:14px}
.private-points p{margin:0;padding:16px 18px;border:1px solid var(--n-200);border-radius:14px;background:var(--n-0);box-shadow:var(--elev-1);transition:transform .2s var(--ease-out)}
.private-points p:hover{transform:translateX(4px)}
.private-points b{display:block;font-size:14px;font-weight:700}
.private-points span{display:block;margin-top:4px;color:var(--n-500);font-size:12.5px;line-height:1.6}

/* ---------- Pricing ---------- */
.pricing-grid{display:grid;grid-template-columns:minmax(0,460px);justify-content:center}
.pricing-grid article{
  position:relative;padding:34px 32px 30px;border:1.5px solid var(--brand-300);border-radius:22px;background:var(--n-0);
  box-shadow:0 24px 64px rgba(39,79,166,.13);
}
.recommend-label{
  position:absolute;top:-13px;left:32px;padding:5px 12px;border-radius:999px;
  background:linear-gradient(180deg,var(--brand-400),var(--brand-500));color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;
  box-shadow:0 4px 12px rgba(39,79,166,.3);
}
.price-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--n-100)}
.price-top>span{font-size:17px;font-weight:750}
.price-offer{text-align:right}
.price-amounts{display:flex;align-items:baseline;gap:10px}
.price-original{color:var(--n-400);font-size:15px;font-weight:600}
.price-current{font-size:40px;font-weight:760;letter-spacing:-.04em;color:var(--brand-600);line-height:1}
.price-offer small{display:block;margin-top:4px;color:var(--n-500);font-size:11px;font-weight:650}
.pricing-grid article>p{margin:18px 0;color:var(--n-600);font-size:13.5px;line-height:1.7}
.pricing-grid ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0 0 24px;padding:0;list-style:none}
.pricing-grid li{position:relative;padding-left:22px;color:var(--n-700);font-size:12.5px;font-weight:620}
.pricing-grid li::before{content:"✓";position:absolute;left:0;top:0;color:var(--brand-500);font-weight:800}
.pricing-grid article>a{
  display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:11px;
  background:linear-gradient(180deg,var(--brand-400),var(--brand-500));color:#fff;font-size:14.5px;font-weight:720;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 22px rgba(39,79,166,.22);
  transition:transform .18s var(--ease-out),box-shadow .18s ease;
}
.pricing-grid article>a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(39,79,166,.28)}
.price-note{max-width:560px;margin:22px auto 0;color:var(--n-400);font-size:12px;text-align:center}

/* ---------- Deploy ---------- */
.deploy-section{background:var(--n-50);border-block:1px solid var(--n-200);padding-block:clamp(64px,10vh,110px)}
.deploy-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);gap:clamp(32px,5vw,72px)}
.deploy-layout>div>p{margin:16px 0 0;color:var(--n-600);font-size:14.5px;line-height:1.75;max-width:420px}
.deploy-layout ol{position:relative;display:grid;gap:4px;margin:0;padding:0;list-style:none}
.deploy-layout ol::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--brand-200),var(--n-200))}
.deploy-layout li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:14px 0}
.deploy-layout li b{
  z-index:1;display:grid;width:48px;height:48px;place-items:center;border-radius:14px;
  background:var(--n-0);border:1px solid var(--brand-200);color:var(--brand-600);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;
  box-shadow:var(--elev-1);
}
.deploy-layout li p{margin:0;padding-top:2px}
.deploy-layout li strong{display:block;font-size:15px;font-weight:700}
.deploy-layout li span{display:block;margin-top:4px;color:var(--n-500);font-size:12.5px;line-height:1.6}

/* ---------- Trial ---------- */
.trial-section{background:linear-gradient(165deg,#131c33,#0f1729);color:#e8edf7;padding-block:clamp(64px,10vh,110px)}
.trial-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.trial-copy h2{color:#f0f4fc}
.trial-copy>p{margin:16px 0 0;color:#9aa9c7;font-size:14.5px;line-height:1.75;max-width:420px}
.trial-copy ul{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}
.trial-copy li{position:relative;padding-left:24px;color:#bcc8e2;font-size:13px;font-weight:620}
.trial-copy li::before{content:"✓";position:absolute;left:0;color:#4ade9d;font-weight:800}
.trial-form{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:clamp(22px,3vw,32px);
  border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 64px rgba(0,0,0,.28);
}
.form-head{grid-column:1/-1;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.form-head b{display:block;color:#f0f4fc;font-size:16px;font-weight:720}
.form-head span{display:block;margin-top:3px;color:#7c8db0;font-size:11.5px}
.trial-form label{display:grid;gap:7px;min-width:0}
.trial-form label.wide,.form-submit,.form-message,.privacy-note{grid-column:1/-1}
.trial-form label>span{color:#9db6ad;font-size:11.5px;font-weight:680}
.trial-form input,.trial-form select{
  width:100%;min-height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.16);border-radius:9px;
  background:rgba(12,27,25,.5);color:#eef5f2;font:inherit;font-size:13.5px;outline:0;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.trial-form input::placeholder{color:#64748b}
.trial-form input:hover,.trial-form select:hover{border-color:rgba(255,255,255,.3)}
.trial-form input:focus,.trial-form select:focus{border-color:var(--brand-300);box-shadow:0 0 0 3px rgba(132,192,183,.18);background:rgba(12,27,25,.75)}
.trial-form input[readonly]{opacity:.65}
.trial-form select option{color:#1d2724}
.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.form-submit{justify-content:center;width:100%;margin-top:4px}
.form-submit:disabled{opacity:.6}
.form-message{margin:0;min-height:18px;color:#4ade9d;font-size:12.5px;font-weight:650}
.form-message.error{color:#f2a0a6}
.privacy-note{color:#64748b;font-size:10.5px;line-height:1.6}

/* ---------- Footer ---------- */
footer{border-top:1px solid var(--n-200);background:var(--n-0)}
.footer-inner{display:flex;align-items:center;gap:24px;padding-block:28px;flex-wrap:wrap}
.footer-brand .brand-mark{width:30px;height:30px}
.footer-inner p{margin:0;color:var(--n-400);font-size:11.5px}
.footer-inner a{margin-left:auto;color:var(--n-600);font-size:12.5px;font-weight:680;transition:color .18s ease}
.footer-inner a:hover{color:var(--brand-600)}

/* ---------- Scroll reveal (JS-gated) ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s var(--ease-out)}
.reveal.is-visible{opacity:1;transform:none}

/* ---------- Responsive ---------- */
@media(max-width:1020px){
  .hero{grid-template-columns:1fr;gap:44px}
  .workflow-card{max-width:560px}
  .demo-heading{display:block}
  .demo-heading>p{max-width:none;margin-top:12px!important}
  .feature-grid{grid-template-columns:1fr 1fr}
  .bid-layout,.deploy-layout,.trial-layout,.private-panel{grid-template-columns:1fr}
  .deploy-layout ol{max-width:640px}
}
@media(max-width:860px){
  .nav-burger{display:grid;gap:5px;width:44px;height:44px;place-content:center;margin-left:auto;border:1px solid var(--n-200);border-radius:10px;background:var(--n-0)}
  .nav-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--n-700);transition:transform .22s var(--ease-out),opacity .18s ease}
  .nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #productNav{
    position:absolute;top:72px;left:12px;right:12px;display:grid;gap:2px;padding:10px;margin:0;
    border:1px solid var(--n-200);border-radius:14px;background:var(--n-0);box-shadow:var(--elev-3);
    opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s var(--ease-out);
  }
  #productNav.is-open{opacity:1;pointer-events:auto;transform:none}
  #productNav a{min-height:46px;padding:0 14px;border-radius:9px}
  #productNav a:hover{background:var(--n-50)}
  #productNav a::after{display:none}
  .header-actions{margin-left:0}
  .header-actions .login-link{display:none}
  .demo-metrics{grid-template-columns:1fr 1fr}
  .demo-sales-board{grid-template-columns:1fr}
  .demo-bid-steps{grid-template-columns:1fr}
  .pricing-grid ul{grid-template-columns:1fr}
}
@media(max-width:640px){
  .section-shell{width:calc(100% - 36px)}
  .site-header{gap:14px;height:64px;padding-inline:16px}
  #productNav{top:64px}
  html{scroll-padding-top:76px}
  .hero{padding-block:44px 56px}
  .hero-actions{gap:14px}
  .trust-list{gap:8px 16px}
  .workflow-card{padding:20px 16px 16px;border-radius:16px}
  .workflow-card li{grid-template-columns:34px minmax(0,1fr);gap:10px}
  .workflow-card li em{display:none}
  .source-inner{gap:8px 20px;padding-block:16px}
  .demo-tabs{overflow-x:auto}
  .demo-tab{padding:0 14px}
  .demo-project-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .demo-project-row button{justify-self:start}
  .demo-sales-board dl{grid-template-columns:1fr 1fr}
  .feature-grid{grid-template-columns:1fr}
  .price-top{display:block}
  .price-offer{margin-top:12px;text-align:left}
  .trial-form{grid-template-columns:1fr}
  .footer-inner{display:grid;gap:12px}
  .footer-inner a{margin-left:0}
}

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

/* ============================================================
   TRIAL SECTION REDESIGN v63.3 — light, elevated, trustworthy
   ============================================================ */
.trial-section{
  position:relative;background:linear-gradient(160deg,var(--brand-50) 0%,var(--n-0) 55%);
  color:var(--n-900);padding-block:clamp(64px,10vh,110px);overflow:hidden;
}
.trial-section::before{
  content:"";position:absolute;z-index:0;inset:-10% -20% auto;height:420px;pointer-events:none;
  background:radial-gradient(38% 46% at 78% 20%,rgba(143,182,247,.3),transparent 70%),
             radial-gradient(30% 38% at 18% 60%,rgba(188,212,251,.26),transparent 70%);
}
.trial-layout{position:relative;z-index:1}
.trial-copy .eyebrow.light{color:var(--brand-600)}
.trial-copy h2{color:var(--n-900)}
.trial-copy>p{color:var(--n-600)}
.trial-copy ul li{color:var(--n-700);padding-left:30px}
.trial-copy ul li::before{
  content:"✓";position:absolute;display:grid;place-items:center;left:0;top:.1em;width:20px;height:20px;
  border-radius:50%;background:var(--brand-100);color:var(--brand-600);font-size:11px;font-weight:800;
}
.trial-copy ul li{position:relative}

/* Elevated white form card */
.trial-form{
  position:relative;border:1px solid var(--n-200);border-radius:22px;background:var(--n-0);
  box-shadow:0 4px 8px rgba(30,58,115,.04),0 28px 72px rgba(30,58,115,.12);
  -webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;
}
.trial-form::before{
  content:"";position:absolute;inset:0 0 auto;height:4px;
  background:linear-gradient(90deg,var(--brand-400),var(--brand-500) 55%,var(--brand-300));
}
.form-head{border-bottom:1px solid var(--n-100)}
.form-head b{color:var(--n-900);font-size:16.5px}
.form-head span{color:var(--n-400)}
.trial-form label>span{color:var(--n-600);font-size:11.5px;font-weight:680}
.trial-form input,.trial-form select{
  min-height:46px;border:1px solid var(--n-200);border-radius:10px;background:var(--n-50);color:var(--n-900);
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.trial-form input::placeholder{color:var(--n-400)}
.trial-form input:hover,.trial-form select:hover{border-color:var(--n-300);background:var(--n-25)}
.trial-form input:focus,.trial-form select:focus{
  border-color:var(--brand-500);background:var(--n-0);box-shadow:0 0 0 4px rgba(59,116,228,.13);
}
.trial-form input[readonly]{background:var(--n-100);color:var(--n-500);opacity:1}
.trial-form select{
  appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
}
.trial-form .form-submit{
  min-height:52px;border-radius:11px;font-size:15px;letter-spacing:.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 26px rgba(39,79,166,.24);
}
.trial-form .form-submit:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(39,79,166,.3)}
.form-message{color:var(--brand-600)}
.form-message.error{color:#c8464f}
.privacy-note{color:var(--n-400)}