:root{
  --bg:#f7f8f6;
  --surface:rgba(255,255,255,.78);
  --surface-strong:rgba(255,255,255,.9);
  --ink:#111316;
  --muted:#6b7278;
  --line:rgba(17,19,22,.10);
  --accent:#9b6b43;
  --accent-soft:#d9b998;
  --dark:#111416;
  --shadow:0 30px 80px rgba(28,33,38,.12), 0 2px 12px rgba(20,24,28,.05);
  --radius-xl:34px;
  --radius-lg:24px;
  --radius-md:16px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Segoe UI,Arial,sans-serif;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.96),transparent 32%),
    radial-gradient(circle at 84% 22%,rgba(216,229,237,.44),transparent 34%),
    linear-gradient(180deg,#f8f9f7 0%,#f3f5f4 50%,#f8f7f5 100%);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  opacity:.16;
  background:
    repeating-linear-gradient(114deg,transparent 0 145px,rgba(151,112,79,.18) 146px 147px,transparent 148px 280px),
    repeating-linear-gradient(68deg,transparent 0 185px,rgba(110,135,149,.13) 186px 187px,transparent 188px 340px);
}
a{color:inherit;text-decoration:none}
.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(250,251,250,.78);
  border-bottom:1px solid rgba(17,19,22,.07);
  backdrop-filter:blur(26px) saturate(140%);
  -webkit-backdrop-filter:blur(26px) saturate(140%);
}
.nav-shell{
  height:72px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{
  width:32px;height:36px;display:grid;place-items:center;
  color:var(--accent);font:24px Georgia,serif;
  border:1px solid rgba(155,107,67,.42);
  clip-path:polygon(50% 0,100% 20%,100% 100%,50% 78%,0 100%,0 20%);
}
.brand-name{font-size:13px;font-weight:760;letter-spacing:.22em}
.main-nav{display:flex;gap:28px;font-size:13px;color:#353a3f}
.main-nav a,.login-link{transition:opacity .2s ease}
.main-nav a:hover,.login-link:hover{opacity:.56}
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:13px}

.btn{
  min-height:50px;
  padding:0 22px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid transparent;
  font-weight:700;
  letter-spacing:-.01em;
  transition:.22s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(20,24,28,.12)}
.btn-small{min-height:42px;padding-inline:16px;border-radius:12px;font-size:12px}
.btn-dark{background:linear-gradient(180deg,#24282a,#111315);color:#fff}
.btn-accent{background:linear-gradient(180deg,#ad7d56,#8f6038);color:#fff;box-shadow:0 12px 25px rgba(155,107,67,.22)}
.btn-ghost{background:rgba(255,255,255,.62);border-color:rgba(17,19,22,.13)}

.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:850;color:var(--accent);margin-bottom:16px}

.hero{
  min-height:690px;
  padding:80px 0 54px;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:42px;
  align-items:center;
}
.hero-copy h1{
  margin:0;
  max-width:620px;
  font-size:clamp(62px,6.8vw,102px);
  line-height:.91;
  letter-spacing:-.06em;
}
.hero-copy h1 em{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:var(--accent);
}
.hero-lede{
  max-width:620px;
  margin:26px 0 0;
  font-size:19px;
  line-height:1.55;
  color:#50575d;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 22px}
.micro-proof{display:flex;gap:20px;flex-wrap:wrap;color:#61686d;font-size:12px}

.hero-product-wrap{position:relative}
.hero-product-wrap:before{
  content:"";
  position:absolute;
  inset:-40px -20px -20px -20px;
  border-radius:48px;
  background:
    repeating-linear-gradient(116deg,transparent 0 100px,rgba(157,111,72,.20) 101px 103px,transparent 104px 196px),
    repeating-linear-gradient(68deg,transparent 0 130px,rgba(112,136,151,.12) 131px 133px,transparent 134px 242px),
    linear-gradient(135deg,rgba(255,255,255,.68),rgba(219,229,234,.36));
  box-shadow:inset 0 1px 0 white,0 36px 90px rgba(32,38,44,.10);
}
.hero-product-glow{
  position:absolute;right:-30px;top:-40px;width:220px;height:220px;border-radius:50%;
  background:rgba(255,255,255,.9);filter:blur(45px);opacity:.72;
}
.glass-panel{
  position:relative;
  z-index:2;
  border:1px solid rgba(255,255,255,.92);
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.67));
  backdrop-filter:blur(24px) saturate(135%);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
  box-shadow:var(--shadow);
}
.product-window{
  min-height:490px;
  border-radius:28px;
  overflow:hidden;
  display:grid;
  grid-template-columns:145px 1fr;
  transform:perspective(1200px) rotateY(-2.5deg) rotateX(.5deg);
}
.product-sidebar{
  padding:20px 13px;
  background:rgba(247,248,247,.88);
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:10px;
  color:#626a70;
}
.mini-logo{
  width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;
  background:#efe6dc;color:var(--accent);
  font-weight:800;margin-bottom:10px;
}
.product-sidebar span{padding:9px 10px;border-radius:9px}
.product-sidebar .active{background:#e8ebea;color:#171a1c;font-weight:720}
.product-main{padding:22px;background:rgba(255,255,255,.76)}
.product-topbar{display:flex;align-items:center;justify-content:space-between}
.product-topbar small,.product-topbar strong{display:block}
.product-topbar small{font-size:11px;color:#4c5257;margin-bottom:4px}
.product-topbar strong{font-size:14px}
.avatar{width:30px;height:30px;border-radius:50%;background:#15181a;color:#fff;display:grid;place-items:center;font-size:9px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.kpi-grid article{padding:14px;border-radius:14px;border:1px solid rgba(17,19,22,.07);background:rgba(255,255,255,.86)}
.kpi-grid strong,.kpi-grid span{display:block}
.kpi-grid strong{font-size:19px;letter-spacing:-.04em}
.kpi-grid span{font-size:8px;color:#767d82;margin-top:4px}
.dashboard-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:12px}
.dash-card{padding:15px;border-radius:14px;background:rgba(255,255,255,.84);border:1px solid rgba(17,19,22,.07)}
.dash-title{font-size:10px;font-weight:760}
.donut{width:88px;height:88px;border-radius:50%;margin:12px auto;background:conic-gradient(#304965 0 38%,#9b6b43 38% 66%,#d6b68c 66% 84%,#d9dddf 84%);position:relative}
.donut:after{content:"";position:absolute;inset:21px;border-radius:50%;background:#fff}
.legend{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:7px;color:#6d7479}
.activity-item{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:8px}
.activity-item:last-child{border-bottom:0}
.activity-item i{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#edf5ee;color:#487c53;font-style:normal}
.activity-item b,.activity-item small{display:block}
.activity-item small{color:#7c8287;margin-top:2px}

.capability-strip{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.38);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.capability-strip article{padding:26px 18px;text-align:center;border-right:1px solid var(--line)}
.capability-strip article:last-child{border-right:0}
.capability-strip b,.capability-strip small{display:block}
.capability-strip b{font-size:12px}
.capability-strip small{margin-top:5px;font-size:9.5px;line-height:1.42;color:#72797e}
.cap-icon{display:block;color:var(--accent);font-size:26px;margin-bottom:10px}

.segment-placeholder{padding:78px 0}
.placeholder-inner{
  padding:44px;
  border-radius:28px;
  border:1px dashed rgba(155,107,67,.35);
  background:rgba(255,255,255,.42);
}
.placeholder-inner h2{margin:0;font-size:46px;letter-spacing:-.045em}
.placeholder-inner p{color:var(--muted)}
.segment-anchor{height:1px}

@media (max-width:1040px){
  .main-nav{display:none}
  .nav-shell{grid-template-columns:1fr auto}
  .hero{grid-template-columns:1fr;padding-top:58px}
  .capability-strip{grid-template-columns:repeat(3,1fr)}
  .capability-strip article:nth-child(3){border-right:0}
}
@media (max-width:700px){
  .shell{width:min(var(--max),calc(100% - 28px))}
  .nav-shell{height:64px}
  .brand-name{font-size:10px;letter-spacing:.16em}
  .brand-mark{width:28px;height:31px}
  .login-link{display:none}
  .hero{min-height:0;padding:44px 0 34px}
  .hero-copy h1{font-size:56px}
  .hero-lede{font-size:16px}
  .product-window{grid-template-columns:90px 1fr;min-height:390px}
  .product-sidebar{padding:12px 7px;font-size:7px}
  .product-main{padding:12px}
  .kpi-grid{grid-template-columns:1fr 1fr}
  .dashboard-grid{grid-template-columns:1fr}
  .dashboard-grid .dash-card:first-child{display:none}
  .capability-strip{grid-template-columns:1fr 1fr}
  .capability-strip article:nth-child(odd){border-right:1px solid var(--line)}
  .capability-strip article:nth-child(even){border-right:0}
}


/* =========================
   SEGMENT 2 — CONNECTED BUSINESS
   ========================= */
.connected-business{
  padding:92px 0 104px;
}
.connected-heading{
  display:grid;
  grid-template-columns:1fr .82fr;
  gap:54px;
  align-items:end;
  margin-bottom:34px;
}
.connected-heading h2{
  margin:0;
  max-width:720px;
  font-size:clamp(50px,5.7vw,78px);
  line-height:.95;
  letter-spacing:-.055em;
}
.connected-heading p{
  margin:0 0 5px;
  max-width:560px;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}
.flow-shell{
  border-radius:30px;
  padding:20px 20px 18px;
  overflow:hidden;
}
.flow-track{
  display:grid;
  grid-template-columns:repeat(19,auto);
  align-items:stretch;
  gap:0;
  overflow-x:auto;
  padding:4px 2px 13px;
  scrollbar-width:thin;
  scrollbar-color:rgba(155,107,67,.34) transparent;
}
.flow-track::-webkit-scrollbar{height:6px}
.flow-track::-webkit-scrollbar-thumb{background:rgba(155,107,67,.30);border-radius:999px}
.flow-track article{
  width:158px;
  min-height:146px;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(17,19,22,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.flow-track article:hover{
  transform:translateY(-3px);
  border-color:rgba(155,107,67,.26);
  background:rgba(255,255,255,.84);
}
.flow-step{
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#f0e7de;
  color:var(--accent);
  font-size:9px;
  font-weight:850;
}
.flow-track b,.flow-track small{display:block}
.flow-track b{
  margin:19px 0 6px;
  font-size:14px;
}
.flow-track small{
  max-width:124px;
  color:#777e83;
  font-size:9px;
  line-height:1.45;
}
.flow-arrow{
  width:34px;
  display:grid;
  place-items:center;
  color:#a0a6aa;
  font-size:15px;
}
.carry-line{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  margin-top:3px;
  border-radius:17px;
  background:
    linear-gradient(90deg,rgba(155,107,67,.05),rgba(255,255,255,.66),rgba(155,107,67,.05));
  border:1px solid rgba(155,107,67,.11);
  overflow:hidden;
}
.carry-line:before{
  content:"";
  position:absolute;
  left:4%;right:4%;top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(155,107,67,.30),transparent);
}
.carry-line p{
  position:relative;
  z-index:2;
  margin:0;
  padding:8px 18px;
  background:rgba(250,250,249,.88);
  border-radius:999px;
  color:#5b6267;
  font-size:12px;
}
.carry-line strong{color:var(--ink)}
.carry-dot{
  position:absolute;
  top:50%;
  left:4%;
  z-index:3;
  width:8px;height:8px;
  margin-top:-4px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 7px rgba(155,107,67,.08);
  animation:carryDot 8s ease-in-out infinite;
}
@keyframes carryDot{
  0%,7%{left:4%}
  93%,100%{left:96%}
}

.coverage-heading{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:50px;
  align-items:end;
  margin:76px 0 26px;
}
.coverage-heading h3{
  margin:0;
  max-width:720px;
  font-size:36px;
  line-height:1.05;
  letter-spacing:-.045em;
}
.coverage-heading p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}
.coverage-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.coverage-card{
  min-height:330px;
  padding:24px;
  border-radius:25px;
}
.coverage-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.coverage-number{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:11px;
  background:#f0e7de;
  color:var(--accent);
  font-size:10px;
  font-weight:850;
}
.coverage-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(17,19,22,.07);
  color:var(--accent);
  font-size:20px;
}
.coverage-card h4{
  margin:28px 0 7px;
  font-size:26px;
  letter-spacing:-.045em;
}
.coverage-card p{
  margin:0 0 19px;
  max-width:330px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.coverage-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.coverage-tags span{
  padding:8px 10px;
  border-radius:999px;
  background:rgba(246,247,246,.88);
  border:1px solid rgba(17,19,22,.065);
  color:#565d62;
  font-size:9px;
  font-weight:680;
}
.source-of-truth{
  display:grid;
  grid-template-columns:1fr minmax(0,760px) 1fr;
  gap:28px;
  align-items:center;
  margin-top:66px;
}
.source-rule{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(17,19,22,.16));
}
.source-rule:last-child{
  background:linear-gradient(90deg,rgba(17,19,22,.16),transparent);
}
.source-copy{text-align:center}
.source-copy .eyebrow{margin-bottom:12px}
.source-copy h3{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:30px;
  line-height:1.22;
  letter-spacing:-.025em;
  color:#262a2d;
}

@media (max-width:1040px){
  .connected-heading,.coverage-heading{grid-template-columns:1fr}
  .coverage-grid{grid-template-columns:1fr}
  .coverage-card{min-height:0}
}
@media (max-width:700px){
  .connected-business{padding:66px 0 74px}
  .connected-heading h2{font-size:48px}
  .flow-shell{padding:14px}
  .flow-track article{width:145px}
  .carry-line{justify-content:flex-start;padding:7px}
  .carry-line p{border-radius:13px;line-height:1.4}
  .carry-dot,.carry-line:before{display:none}
  .coverage-heading{margin-top:54px}
  .coverage-heading h3{font-size:30px}
  .source-of-truth{grid-template-columns:1fr}
  .source-rule{display:none}
  .source-copy h3{font-size:25px}
}


/* =========================
   SEGMENT 3 — MATERIAL STORY + PRODUCT PROOF
   ========================= */
.material-story{
  padding:96px 0 84px;
}
.material-story-head,
.product-proof-head{
  display:grid;
  grid-template-columns:1fr .82fr;
  gap:52px;
  align-items:end;
  margin-bottom:32px;
}
.material-story-head h2,
.product-proof-head h2{
  margin:0;
  font-size:clamp(50px,5.5vw,76px);
  line-height:.95;
  letter-spacing:-.055em;
}
.material-story-head h2 em{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:var(--accent);
}
.material-story-head p,
.product-proof-head p{
  margin:0 0 4px;
  color:var(--muted);
  font-size:15px;
  line-height:1.68;
}
.trace-stage{
  position:relative;
  padding:28px;
  border-radius:32px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.68),rgba(236,239,238,.56)),
    repeating-linear-gradient(116deg,transparent 0 98px,rgba(155,107,67,.13) 99px 100px,transparent 101px 186px);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 26px 70px rgba(28,33,38,.08);
  overflow:hidden;
}
.trace-grid{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:12px;
  align-items:stretch;
}
.trace-card{
  min-width:0;
  border-radius:23px;
  overflow:hidden;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(17,19,22,.07);
  box-shadow:0 14px 30px rgba(30,35,40,.05);
}
.trace-label{
  display:flex;
  align-items:center;
  gap:9px;
  padding:15px 16px 0;
}
.trace-label span{
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#f0e7de;
  color:var(--accent);
  font-size:9px;font-weight:850;
}
.trace-label b{font-size:13px}
.trace-visual{
  position:relative;
  height:145px;
  margin:14px 14px 0;
  border-radius:17px;
  overflow:hidden;
  background:
    repeating-linear-gradient(115deg,transparent 0 36px,rgba(148,106,72,.18) 37px 39px,transparent 40px 72px),
    linear-gradient(145deg,#e9e7e2,#faf9f6);
  border:1px solid rgba(17,19,22,.07);
}
.block-visual{
  display:grid;
  place-items:center;
  perspective:600px;
}
.stone-block{
  width:96px;height:86px;
  border-radius:7px;
  background:
    repeating-linear-gradient(116deg,transparent 0 27px,rgba(121,91,67,.34) 28px 31px,transparent 32px 54px),
    linear-gradient(135deg,#ece9e3,#d7d3cc);
  box-shadow:inset -10px -12px 20px rgba(73,63,55,.13),0 18px 28px rgba(44,49,53,.14);
  transform:rotateY(-12deg) rotateX(4deg);
}
.slab-visual{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:5px;
}
.slab-visual i{
  width:14px;height:102px;
  border-radius:4px;
  background:
    repeating-linear-gradient(115deg,transparent 0 20px,rgba(145,101,65,.24) 21px 23px,transparent 24px 41px),
    linear-gradient(90deg,#d6d3ce,#f4f2ee);
  border:1px solid rgba(105,91,78,.13);
  box-shadow:3px 8px 13px rgba(40,45,49,.08);
}
.fab-visual{display:grid;place-items:center}
.cut-grid{
  position:relative;
  width:82%;height:78%;
  border-radius:10px;
  border:1px solid rgba(155,107,67,.25);
}
.cut-grid span{
  position:absolute;
  border-radius:6px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(155,107,67,.42);
}
.cut-a{left:5%;top:7%;width:53%;height:36%}
.cut-b{right:5%;top:7%;width:31%;height:36%}
.cut-c{left:5%;bottom:7%;width:31%;height:43%}
.cut-d{right:5%;bottom:7%;width:53%;height:43%}
.sale-visual{
  display:flex;align-items:flex-end;justify-content:center;
  background:
    linear-gradient(180deg,rgba(255,255,255,.1),rgba(22,25,27,.28)),
    linear-gradient(135deg,#e7ded3,#c7b39e);
}
.countertop{
  width:88%;height:40%;
  margin-bottom:19px;
  border-radius:6px 6px 10px 10px;
  background:
    repeating-linear-gradient(115deg,transparent 0 46px,rgba(122,84,52,.28) 47px 49px,transparent 50px 82px),
    linear-gradient(135deg,#eeeae3,#cfc7be);
  box-shadow:0 14px 28px rgba(20,22,24,.24);
}
.sale-ticket{
  position:absolute;right:12px;top:12px;
  padding:7px 9px;border-radius:9px;
  background:rgba(255,255,255,.82);
  font-size:8px;font-weight:800;
}
.trace-copy{padding:15px 16px 17px}
.trace-copy strong,.trace-copy small{display:block}
.trace-copy strong{font-size:12px}
.trace-copy small{margin-top:4px;color:#7a8085;font-size:9px}
.trace-meta{
  display:flex;justify-content:space-between;gap:10px;
  margin-top:13px;padding-top:11px;
  border-top:1px solid var(--line);
  font-size:8px;color:#656c71;
}
.paid-dot{color:#4d8358;font-weight:800}
.trace-connector{
  width:28px;
  display:grid;place-items:center;
  color:#999fa4;
}
.trace-statement{
  display:grid;
  grid-template-columns:1fr minmax(0,700px) 1fr;
  gap:24px;
  align-items:center;
  margin-top:28px;
}
.trace-statement-line{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(17,19,22,.15));
}
.trace-statement-line:last-child{
  background:linear-gradient(90deg,rgba(17,19,22,.15),transparent);
}
.trace-statement p{
  margin:0;
  text-align:center;
  color:#646b70;
  font-size:12px;
  line-height:1.55;
}
.trace-statement strong{color:var(--ink)}

.product-proof{
  padding:82px 0 104px;
}
.proof-grid{
  display:grid;
  grid-template-columns:1.18fr .92fr .8fr;
  gap:18px;
  align-items:stretch;
}
.proof-panel{
  border-radius:26px;
  padding:22px;
  min-width:0;
}
.proof-panel-head{
  display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
  margin-bottom:18px;
}
.proof-kicker{
  display:block;
  color:var(--accent);
  font-size:8px;
  letter-spacing:.18em;
  font-weight:850;
}
.proof-panel h3{
  margin:7px 0 0;
  font-size:24px;
  letter-spacing:-.045em;
}
.status-chip{
  padding:6px 9px;
  border-radius:999px;
  background:#eaf3ec;
  color:#4e7d57;
  font-size:8px;font-weight:750;
  white-space:nowrap;
}
.status-chip.in-progress{background:#e8f1f7;color:#4d7290}
.status-chip.paid{background:#e9f4e9;color:#4f8058}
.inventory-controls{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:8px;
  margin-bottom:12px;
}
.search-faux,.filter-faux{
  padding:9px 10px;
  border-radius:10px;
  border:1px solid rgba(17,19,22,.08);
  background:rgba(247,248,247,.8);
  color:#858b90;
  font-size:8px;
}
.filter-faux{color:#646b70}
.inventory-table{
  border:1px solid rgba(17,19,22,.07);
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.58);
}
.inventory-row{
  display:grid;
  grid-template-columns:.8fr 1.15fr .9fr .8fr .75fr;
  gap:8px;
  padding:10px 11px;
  border-bottom:1px solid var(--line);
  font-size:8px;
}
.inventory-row:last-child{border-bottom:0}
.inventory-row-head{
  color:#8a9094;
  background:rgba(247,248,247,.84);
  font-size:7px;font-weight:750;
}
.stock-green{color:#4e8058}
.stock-amber{color:#a7772e}
.panel-note{
  margin-top:14px;
  color:#767d82;
  font-size:9px;
  line-height:1.5;
}
.job-header{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:13px;
}
.job-header>div{
  padding:11px;
  border-radius:12px;
  background:rgba(247,248,247,.75);
  border:1px solid rgba(17,19,22,.07);
}
.job-header small,.job-header strong{display:block}
.job-header small{font-size:7px;color:#868c90}
.job-header strong{font-size:10px;margin-top:4px}
.piece-stack{
  border:1px solid rgba(17,19,22,.07);
  border-radius:14px;
  overflow:hidden;
}
.piece-item{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:9px;
  align-items:center;
  padding:10px;
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.55);
}
.piece-item:last-child{border-bottom:0}
.piece-no{
  width:26px;height:26px;
  display:grid;place-items:center;
  border-radius:8px;
  background:#f0e7de;
  color:var(--accent);
  font-size:8px;font-weight:850;
}
.piece-item b,.piece-item small{display:block}
.piece-item b{font-size:9px}
.piece-item small{font-size:7px;color:#858b8f;margin-top:2px}
.piece-state{
  padding:5px 7px;
  border-radius:999px;
  background:#f0f2f1;
  color:#666d72;
  font-size:7px;font-weight:750;
}
.usage-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:12px;
}
.usage-strip span{
  padding:10px;
  border-radius:11px;
  background:rgba(247,248,247,.75);
  border:1px solid rgba(17,19,22,.07);
}
.usage-strip small,.usage-strip b{display:block}
.usage-strip small{font-size:7px;color:#858b90}
.usage-strip b{font-size:10px;margin-top:4px}
.invoice-block{
  border:1px solid rgba(17,19,22,.07);
  border-radius:15px;
  padding:14px;
  background:rgba(255,255,255,.58);
}
.invoice-title-row{
  display:flex;justify-content:space-between;align-items:flex-start;
}
.invoice-title-row small,.invoice-title-row strong{display:block}
.invoice-title-row small{font-size:7px;color:#858b90}
.invoice-title-row strong{font-size:11px;margin-top:4px}
.invoice-customer{
  margin:18px 0 14px;
  padding:10px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.invoice-customer b,.invoice-customer small{display:block}
.invoice-customer b{font-size:9px}
.invoice-customer small{font-size:7px;color:#858b90;margin-top:3px}
.invoice-line,.payment-line{
  display:flex;justify-content:space-between;
  margin:9px 0;
  font-size:8px;
}
.invoice-line.total{
  padding-top:9px;
  border-top:1px solid var(--line);
  font-size:10px;
}
.payment-line{
  margin-top:14px;
  padding:10px;
  border-radius:10px;
  background:#edf5ee;
  color:#4d7f57;
  font-weight:750;
}
.one-source-card{
  margin-top:20px;
  border-radius:24px;
  padding:24px 26px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:22px;
  align-items:center;
}
.one-source-badge{
  padding:10px 12px;
  border-radius:999px;
  background:#f0e7de;
  color:var(--accent);
  font-size:8px;
  letter-spacing:.16em;
  font-weight:850;
}
.one-source-copy h3{
  margin:0;
  font-size:24px;
  letter-spacing:-.04em;
}
.one-source-copy p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}

@media (max-width:1040px){
  .material-story-head,.product-proof-head{grid-template-columns:1fr}
  .trace-grid{
    grid-template-columns:1fr 1fr;
  }
  .trace-connector{display:none}
  .proof-grid{grid-template-columns:1fr 1fr}
  .finance-panel{grid-column:1/-1}
}
@media (max-width:700px){
  .material-story{padding:68px 0 62px}
  .material-story-head h2,.product-proof-head h2{font-size:48px}
  .trace-stage{padding:14px}
  .trace-grid{grid-template-columns:1fr}
  .trace-statement{grid-template-columns:1fr}
  .trace-statement-line{display:none}
  .product-proof{padding:66px 0 78px}
  .proof-grid{grid-template-columns:1fr}
  .finance-panel{grid-column:auto}
  .inventory-controls{grid-template-columns:1fr 1fr}
  .search-faux{grid-column:1/-1}
  .one-source-card{grid-template-columns:1fr}
}


/* =========================
   SEGMENT 4 — FREE TOOLS TEASER
   ========================= */
.free-tools{
  padding:88px 0 94px;
}
.free-tools-head{
  display:grid;
  grid-template-columns:1fr .82fr;
  gap:52px;
  align-items:end;
  margin-bottom:28px;
}
.free-tools-head h2{
  margin:0;
  font-size:clamp(48px,5.2vw,72px);
  line-height:.96;
  letter-spacing:-.055em;
}
.free-tools-head p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.68;
}
.free-tool-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.free-tool-card{
  min-height:300px;
  padding:26px;
  border-radius:26px;
  display:grid;
  grid-template-columns:1fr 210px;
  gap:22px;
  align-items:center;
}
.free-pill{
  display:inline-flex;
  padding:7px 9px;
  border-radius:999px;
  background:#f0e7de;
  color:var(--accent);
  font-size:8px;
  font-weight:850;
  letter-spacing:.16em;
}
.free-tool-copy h3{
  margin:12px 0 8px;
  font-size:28px;
  letter-spacing:-.045em;
}
.free-tool-copy p{
  max-width:420px;
  margin:0 0 20px;
  color:var(--muted);  font-size:12px;
  line-height:1.58;
}
.free-tool-art{
  min-height:190px;
  border-radius:20px;
  border:1px solid rgba(17,19,22,.07);
  background:
    repeating-linear-gradient(116deg,transparent 0 44px,rgba(155,107,67,.15) 45px 46px,transparent 47px 80px),
    linear-gradient(145deg,#eceae6,#faf9f6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  position:relative;
  overflow:hidden;
}
.block-tool-art{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}
.mini-block{
  width:70px;height:78px;
  border-radius:7px;
  background:
    repeating-linear-gradient(116deg,transparent 0 24px,rgba(121,91,67,.33) 25px 28px,transparent 29px 48px),
    linear-gradient(135deg,#ece9e3,#d6d2cc);
  box-shadow:inset -8px -10px 18px rgba(73,63,55,.12),0 14px 24px rgba(44,49,53,.12);
}
.mini-arrow{color:var(--accent);font-size:18px}
.mini-slabs{display:flex;gap:4px;align-items:center}
.mini-slabs i{
  width:9px;height:86px;border-radius:3px;
  background:linear-gradient(90deg,#d6d3ce,#f4f2ee);
  border:1px solid rgba(105,91,78,.12);
  box-shadow:2px 6px 10px rgba(40,45,49,.07);
}
.cutting-tool-art{position:relative}
.mini-sheet-piece{
  position:absolute;
  display:grid;place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(155,107,67,.42);
  color:#5f666b;
  font-size:8px;font-weight:750;
}
.mini-sheet-piece.p1{left:14px;top:18px;width:112px;height:68px}
.mini-sheet-piece.p2{right:14px;top:18px;width:58px;height:68px}
.mini-sheet-piece.p3{left:14px;bottom:18px;width:86px;height:48px}
.drag-hint{
  position:absolute;right:18px;bottom:18px;
  padding:7px 9px;border-radius:999px;
  background:#111416;color:#fff;
  font-size:8px;font-weight:750;
}
.free-tools-bridge{
  margin-top:18px;
  padding:17px 20px;
  border-radius:18px;
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:center;
  background:rgba(255,255,255,.48);
  border:1px solid rgba(17,19,22,.07);
  color:#697075;
  font-size:11px;
}
.free-tools-bridge strong{color:var(--ink)}
@media(max-width:1040px){
  .free-tools-head{grid-template-columns:1fr}
  .free-tool-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .free-tools{padding:68px 0 72px}
  .free-tools-head h2{font-size:46px}
  .free-tool-card{grid-template-columns:1fr;padding:20px}
  .free-tool-art{min-height:170px}
  .free-tools-bridge{align-items:flex-start;flex-direction:column}
}


/* =========================
   SEGMENT 5 — INDUSTRIES / WHY / PRICING / CTA / FOOTER
   ========================= */

.industry-fit{
  padding:88px 0 84px;
}
.industry-fit-head,
.why-head{
  display:grid;
  grid-template-columns:1fr .82fr;
  gap:50px;
  align-items:end;
  margin-bottom:28px;
}
.industry-fit-head h2,
.why-head h2{
  margin:0;
  font-size:clamp(48px,5.2vw,72px);
  line-height:.96;
  letter-spacing:-.055em;
}
.industry-fit-head p,
.why-head p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.68;
}
.industry-ribbon{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:10px;
}
.industry-ribbon article{
  min-height:130px;
  padding:15px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  color:#fff;
  border:1px solid rgba(255,255,255,.36);
  box-shadow:0 15px 35px rgba(30,35,40,.07);
  background:
    linear-gradient(180deg,rgba(16,18,20,.06),rgba(16,18,20,.74)),
    repeating-linear-gradient(116deg,#ded9d2 0 30px,#f0eeea 31px 62px,#a98c73 63px 66px,#d6d0c9 67px 96px);
}
.industry-ribbon article:nth-child(2n){
  background:
    linear-gradient(180deg,rgba(16,18,20,.05),rgba(16,18,20,.74)),
    repeating-linear-gradient(110deg,#4d4f50 0 28px,#313334 29px 55px,#a9a39b 56px 59px,#4c4d4c 60px 90px);
}
.industry-ribbon article:nth-child(3n){
  background:
    linear-gradient(180deg,rgba(16,18,20,.05),rgba(16,18,20,.72)),
    repeating-linear-gradient(121deg,#cab299 0 31px,#eee3d7 32px 64px,#987859 65px 68px,#d7c6b4 69px 100px);
}
.industry-index{
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.82);
  color:#4d5357;
  font-size:8px;
  font-weight:850;
}
.industry-ribbon b{
  max-width:120px;
  font-size:11px;
  line-height:1.3;
}

.why-marble{
  padding:84px 0 92px;
}
.why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.why-card{
  min-height:245px;
  border-radius:23px;
  padding:22px;
}
.why-icon{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:11px;
  background:#f0e7de;
  color:var(--accent);
  font-size:9px;
  font-weight:850;
}
.why-card h3{
  margin:38px 0 8px;
  font-size:22px;
  letter-spacing:-.04em;
}
.why-card p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.62;
}

.pricing-section{
  padding:84px 0 104px;
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:64px;
  align-items:center;
}
.pricing-copy h2{
  margin:0;
  font-size:clamp(52px,5.6vw,78px);
  line-height:.94;
  letter-spacing:-.06em;
}
.pricing-copy h2 em{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:var(--accent);
}
.pricing-copy>p{
  max-width:610px;
  margin:23px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.68;
}
.pricing-includes{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:25px;
  color:#596166;
  font-size:10px;
}
.price-card{
  padding:28px;
  border-radius:28px;
}
.price-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.price-card-top small{
  color:#7d8387;
  font-size:9px;
}
.price-trial{
  padding:7px 9px;
  border-radius:999px;
  background:#f0e7de;
  color:var(--accent);
  font-size:8px;
  font-weight:850;
  letter-spacing:.16em;
}
.price-main{
  display:flex;
  align-items:flex-end;
  gap:14px;
  margin:20px 0 22px;
}
.price-main>strong{
  font-size:72px;
  line-height:.82;
  letter-spacing:-.07em;
}
.price-main div span,
.price-main div small{
  display:block;
}
.price-main div span{
  font-size:11px;
  font-weight:750;
}
.price-main div small{
  margin-top:3px;
  color:#7c8286;
  font-size:9px;
}
.price-rule{
  height:1px;
  background:var(--line);
}
.price-features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 16px;
  padding:19px 0 22px;
  color:#5e656a;
  font-size:9px;
}
.price-features span:before{
  content:"✓";
  color:var(--accent);
  margin-right:7px;
}
.price-cta{width:100%}

.launch-cta{
  position:relative;
  overflow:hidden;
  background:linear-gradient(120deg,#0f1214,#272a2c 54%,#0e1012);
  color:#fff;
}
.launch-cta:before{
  content:"";
  position:absolute;
  inset:-20%;
  opacity:.24;
  background:
    repeating-linear-gradient(116deg,transparent 0 116px,rgba(215,176,141,.26) 117px 119px,transparent 120px 224px),
    repeating-linear-gradient(70deg,transparent 0 160px,rgba(142,162,174,.11) 161px 162px,transparent 163px 300px);
}
.launch-cta-inner{
  position:relative;
  z-index:2;
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}
.cta-eyebrow{
  margin-bottom:14px;
  color:#d1ad8b;
  font-size:9px;
  letter-spacing:.22em;
  font-weight:850;
}
.launch-cta h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(36px,4.1vw,56px);
  line-height:1.06;
  font-weight:400;
  letter-spacing:-.035em;
}
.launch-cta p{
  margin:14px 0 0;
  color:#c2c7c9;
  font-size:12px;
}
.launch-cta-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:13px;
}
.cta-light{
  min-width:230px;
  background:#fff;
  color:#111416;
}
.cta-secondary{
  color:#d6dade;
  font-size:10px;
  border-bottom:1px solid rgba(255,255,255,.28);
  padding-bottom:2px;
}

.site-footer{
  background:#f5f6f4;
  border-top:1px solid rgba(17,19,22,.07);
}
.footer-main{
  padding:52px 0 38px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:60px;
}
.footer-brand-block p{
  max-width:300px;
  margin:13px 0 0;
  color:#72797e;
  font-size:10px;
}
.footer-links{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.footer-links div{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.footer-links b{
  margin-bottom:3px;
  font-size:10px;
}
.footer-links a{
  color:#6c7378;
  font-size:9px;
}
.footer-links a:hover{color:var(--ink)}
.footer-bottom{
  min-height:62px;
  border-top:1px solid rgba(17,19,22,.07);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#858b8f;
}
.footer-bottom small{font-size:8px}

@media(max-width:1100px){
  .industry-ribbon{grid-template-columns:repeat(4,1fr)}
  .why-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .industry-fit-head,.why-head{grid-template-columns:1fr}
  .pricing-section{grid-template-columns:1fr}
  .launch-cta-inner{
    padding:52px 0;
    align-items:flex-start;
    flex-direction:column;
  }
  .launch-cta-actions{align-items:flex-start}
  .footer-main{grid-template-columns:1fr}
}
@media(max-width:700px){
  .industry-fit,.why-marble{padding:66px 0 70px}
  .industry-fit-head h2,.why-head h2{font-size:46px}
  .industry-ribbon{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr}
  .pricing-section{padding:66px 0 80px;gap:36px}
  .pricing-copy h2{font-size:50px}
  .price-features{grid-template-columns:1fr}
  .footer-links{grid-template-columns:1fr 1fr}
  .footer-bottom{
    padding:18px 0;
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =========================
   USER CONTROL
   ========================= */
.user-control{
  padding:78px 0 88px;
}
.user-control-head{
  display:grid;
  grid-template-columns:1fr .82fr;
  gap:50px;
  align-items:end;
  margin-bottom:26px;
}
.user-control-head h2{
  margin:0;
  font-size:clamp(48px,5.2vw,72px);
  line-height:.96;
  letter-spacing:-.055em;
}
.user-control-head p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.68;
}
.user-control-card{
  border-radius:26px;
  padding:22px;
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:18px;
}
.user-role-preview{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(17,19,22,.07);
  background:rgba(255,255,255,.58);
}
.role-row{
  display:grid;
  grid-template-columns:1.05fr .75fr 1.55fr;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border-bottom:1px solid var(--line);
  font-size:9px;
}
.role-row:last-child{border-bottom:0}
.role-row-head{
  background:rgba(247,248,247,.86);
  color:#858b8f;
  font-size:7px;
  font-weight:760;
}
.role-row>span:first-child{
  display:flex;
  align-items:center;
  gap:8px;
}
.role-row i{
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:9px;
  background:#f0e7de;
  color:var(--accent);
  font-size:8px;
  font-style:normal;
  font-weight:850;
}
.permission-chips{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.permission-chips b{
  padding:5px 7px;
  border-radius:999px;
  background:#f0f2f1;
  color:#62696e;
  font-size:7px;
  font-weight:720;
}
.user-control-points{
  display:grid;
  gap:8px;
}
.user-control-points article{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:center;
  padding:12px;
  border-radius:14px;
  background:rgba(247,248,247,.72);
  border:1px solid rgba(17,19,22,.07);
}
.user-control-points article>span{
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:9px;
  background:#111416;
  color:#fff;
  font-size:8px;
  font-weight:800;
}
.user-control-points b,.user-control-points small{display:block}
.user-control-points b{font-size:10px}
.user-control-points small{
  margin-top:3px;
  color:#7a8185;
  font-size:8px;
  line-height:1.4;
}
.user-control-line{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:16px;
  color:#697075;
  font-size:11px;
}
.user-control-line strong{color:var(--ink)}
@media(max-width:900px){
  .user-control-head{grid-template-columns:1fr}
  .user-control-card{grid-template-columns:1fr}
}
@media(max-width:700px){
  .user-control{padding:64px 0 70px}
  .user-control-head h2{font-size:46px}
  .role-row{
    grid-template-columns:1fr .7fr;
  }
  .role-row>span:nth-child(3){
    grid-column:1/-1;
  }
  .role-row-head>span:nth-child(3){display:none}
  .user-control-line{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* Connected navigation + Free Tools menu */
.main-nav{
  align-items:center;
}
.nav-dropdown{
  position:relative;
  display:flex;
  align-items:center;
}
.nav-dropdown-toggle{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:0;
  background:transparent;
  color:#353a3f;
  padding:0;
  font:inherit;
  font-size:13px;
  cursor:pointer;
}
.nav-dropdown-toggle span{
  font-size:10px;
  opacity:.7;
  transform:translateY(-1px);
}
.nav-dropdown-menu{
  position:absolute;
  top:calc(100% + 18px);
  left:50%;
  transform:translateX(-50%) translateY(-6px);
  width:290px;
  padding:8px;
  border-radius:16px;
  background:rgba(252,253,252,.96);
  border:1px solid rgba(17,19,22,.08);
  box-shadow:0 24px 55px rgba(22,27,31,.14);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.18s ease;
  z-index:120;
}
.nav-dropdown.open .nav-dropdown-menu,
.nav-dropdown:hover .nav-dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.nav-dropdown-menu:before{
  content:"";
  position:absolute;
  left:0;right:0;
  top:-18px;
  height:18px;
}
.nav-dropdown-menu a{
  display:block;
  padding:12px 13px;
  border-radius:11px;
  transition:.18s ease;
}
.nav-dropdown-menu a:hover{
  background:#f2f4f3;
  opacity:1;
}
.nav-dropdown-menu b,
.nav-dropdown-menu small{
  display:block;
}
.nav-dropdown-menu b{
  color:#181b1d;
  font-size:11px;
}
.nav-dropdown-menu small{
  margin-top:4px;
  color:#7b8286;
  font-size:8px;
  line-height:1.4;
}
@media(max-width:1040px){
  .nav-dropdown{display:none}
}




/* =========================
   SEGMENT 6 — PRODUCTION POLISH
   ========================= */
.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:1000;
  padding:10px 14px;
  border-radius:10px;
  background:#111416;
  color:#fff;
  font-size:12px;
  font-weight:750;
  transform:translateY(-140%);
  transition:transform .16s ease;
}
.skip-link:focus{transform:translateY(0)}
:focus-visible{
  outline:3px solid rgba(155,107,67,.34);
  outline-offset:3px;
}
button,a,input,select{font:inherit}
button{color:inherit}
#platform,#solutions,#free-tools,#why-marble,#user-control,#pricing{scroll-margin-top:92px}
.mobile-menu-toggle{
  display:none;
  width:42px;
  height:42px;
  border:1px solid rgba(17,19,22,.11);
  border-radius:12px;
  background:rgba(255,255,255,.64);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  cursor:pointer;
}
.mobile-menu-toggle span{
  width:17px;
  height:1.5px;
  border-radius:99px;
  background:#1b1e20;
  transition:transform .18s ease,opacity .18s ease;
}
.mobile-menu-toggle.open span:first-child{transform:translateY(3.75px) rotate(45deg)}
.mobile-menu-toggle.open span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.mobile-menu{
  position:absolute;
  left:0;
  right:0;
  top:100%;
  padding:10px 0 18px;
  background:rgba(250,251,250,.97);
  border-bottom:1px solid rgba(17,19,22,.08);
  box-shadow:0 24px 42px rgba(22,27,31,.10);
  backdrop-filter:blur(26px) saturate(140%);
  -webkit-backdrop-filter:blur(26px) saturate(140%);
}
.mobile-menu[hidden]{display:none!important}
.mobile-menu-inner{display:grid;gap:3px}
.mobile-menu-inner>a{
  padding:12px 4px;
  border-bottom:1px solid rgba(17,19,22,.07);
  font-size:14px;
  font-weight:650;
}
.mobile-menu-actions{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  padding-top:12px;
}
.mobile-menu-actions>a:first-child{font-size:13px;font-weight:700}
.site-header{isolation:isolate}
@media(max-width:1040px){
  .nav-shell{grid-template-columns:1fr auto auto}
  .mobile-menu-toggle{display:flex}
}
@media(max-width:700px){
  .nav-actions .login-link{display:none}
  .nav-actions .btn{min-height:38px;padding-inline:12px;font-size:10px}
}
@media(max-width:430px){
  .brand-name{display:none}
  .nav-shell{gap:10px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .btn:hover{transform:none}
}

/* =========================
   LANGUAGE SWITCHER / RTL
   ========================= */
.sr-only{
  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;
}
.language-switcher{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.language-switcher::before{
  content:"◎";
  position:absolute;
  inset-inline-start:11px;
  pointer-events:none;
  color:#6c7378;
  font-size:12px;
}
.language-switcher::after{
  content:"⌄";
  position:absolute;
  inset-inline-end:10px;
  pointer-events:none;
  color:#71777c;
  font-size:11px;
}
.language-switcher select{
  min-height:36px;
  padding:7px 28px 7px 31px;
  border:1px solid rgba(17,19,22,.11);
  border-radius:10px;
  color:#343a3e;
  background:rgba(255,255,255,.62);
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  font-size:11px;
  font-weight:720;
  outline:none;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.language-switcher select:hover{
  background:rgba(255,255,255,.9);
  border-color:rgba(155,107,67,.28);
}
.language-switcher select:focus-visible{
  border-color:rgba(155,107,67,.42);
  box-shadow:0 0 0 3px rgba(155,107,67,.10);
}
.mobile-language-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:11px 4px;
  border-bottom:1px solid rgba(17,19,22,.07);
}
.mobile-language-row>span{
  font-size:13px;
  font-weight:650;
}
.mobile-language-row .language-switcher select{min-width:126px}

html[dir="rtl"] body{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
}
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .connected-heading,
html[dir="rtl"] .coverage-heading,
html[dir="rtl"] .material-story-head,
html[dir="rtl"] .product-proof-head,
html[dir="rtl"] .why-heading,
html[dir="rtl"] .user-control-heading,
html[dir="rtl"] .pricing-heading,
html[dir="rtl"] .footer-brand-block{
  text-align:right;
}
html[dir="rtl"] .flow-arrow,
html[dir="rtl"] .trace-connector,
html[dir="rtl"] .btn span[aria-hidden="true"],
html[dir="rtl"] .cta-primary span{
  transform:scaleX(-1);
}
html[dir="rtl"] .activity-item,
html[dir="rtl"] .proof-panel-head,
html[dir="rtl"] .user-row,
html[dir="rtl"] .permission-row{
  direction:rtl;
}
html[dir="rtl"] .inventory-row{
  direction:rtl;
}
html[dir="rtl"] .source-rule:first-child,
html[dir="rtl"] .trace-statement-line:first-child{
  transform:scaleX(-1);
}
html[dir="rtl"] .source-rule:last-child,
html[dir="rtl"] .trace-statement-line:last-child{
  transform:scaleX(-1);
}

@media(max-width:1040px){
  .language-switcher-desktop{display:none}
}
@media(max-width:430px){
  .mobile-language-row{gap:10px}
  .mobile-language-row .language-switcher select{min-width:116px}
}


/* Mobile navigation must remain usable on short phone screens. */
@media(max-width:1040px){
  .mobile-menu{
    max-height:calc(100dvh - 64px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}