:root{--bg:#1e2428;--panel:#30373c;--panel2:#20262a;--panel3:#171d20;--text:#f5f7f8;--muted:#b9c2c7;--green:#59df3d;--green2:#1fa438;--line:rgba(255,255,255,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#252b30 0%,#1c2125 100%);color:var(--text)}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:34px;padding:18px clamp(22px,5vw,72px);background:rgba(28,33,37,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;flex-wrap:wrap;font-weight:900;font-style:italic;font-size:28px;line-height:1}.brand span{color:#fff}.brand b{color:var(--green)}.brand small{width:100%;margin-top:6px;font-size:9px;letter-spacing:.16em;color:#8f999f;font-style:normal}.site-header nav{display:flex;gap:26px;margin-left:auto;font-size:14px;color:#d8dddf}.site-header nav a:hover{color:var(--green)}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 24px;border-radius:8px;background:linear-gradient(135deg,var(--green2),var(--green));font-weight:800;box-shadow:0 12px 28px rgba(42,193,53,.2);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(42,193,53,.3)}.btn-small{min-height:38px;padding:0 18px}.hero{min-height:700px;display:grid;grid-template-columns:minmax(420px,.82fr) minmax(620px,1.18fr);align-items:center;gap:44px;padding:72px clamp(22px,5vw,72px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(88,214,61,.14),transparent 30%),linear-gradient(rgba(26,31,35,.35),rgba(26,31,35,.86)),url('/static/images/pcb_background.jpg') center/cover;opacity:.82}.hero>*{position:relative}.eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.13em}.hero h1,.section h2{margin:.2em 0;font-size:clamp(44px,5vw,74px);line-height:1.02;letter-spacing:-.045em}.hero h1 span{color:var(--green)}.lead{max-width:610px;font-size:19px;line-height:1.65;color:var(--muted)}.checks{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px;color:#e5e9eb}.checks li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:50%;background:rgba(88,214,61,.18);color:var(--green);font-weight:900}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.text-link{font-size:14px;color:#d9dfe2}.product-stage{min-height:500px;position:relative}.screen{position:absolute;left:1%;top:38px;width:79%;aspect-ratio:16/10;padding:11px 11px 48px;border-radius:18px;background:linear-gradient(145deg,#535a5f,#15191c);box-shadow:0 36px 80px rgba(0,0,0,.46);transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.screen:after{content:"";position:absolute;left:43%;bottom:-74px;width:120px;height:80px;background:linear-gradient(#4b5156,#23282c);clip-path:polygon(34% 0,66% 0,78% 78%,100% 100%,0 100%,22% 78%)}.screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;border-radius:9px}.floating-slip{position:absolute;right:0;top:14px;width:38%;padding:8px;border-radius:18px;background:#1b2024;box-shadow:0 28px 70px rgba(0,0,0,.58),0 0 0 1px rgba(88,214,61,.48);transform:rotate(1.5deg);z-index:2}.floating-slip img{display:block;width:100%;border-radius:9px}.section{margin:0 clamp(22px,5vw,72px) 28px;padding:48px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(52,59,64,.96),rgba(37,43,48,.96));box-shadow:0 16px 38px rgba(0,0,0,.17)}.section-head h2,.dashboard-showcase h2,.pricing h2{font-size:clamp(30px,4vw,52px)}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.example-card{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(155deg,rgba(18,24,27,.94),rgba(31,38,42,.9));transition:.22s}.example-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--green),transparent)}.example-card:hover,.visual-card:hover{transform:translateY(-5px);border-color:rgba(89,223,61,.42);box-shadow:0 20px 44px rgba(0,0,0,.25)}.card-glow{position:absolute;width:130px;height:130px;right:-60px;top:-65px;background:radial-gradient(circle,rgba(89,223,61,.17),transparent 70%)}.status{display:inline-block;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:900}.won{background:#238d33}.example-card h3{margin:18px 0 6px}.example-card p{color:var(--green);font-weight:800}.example-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.example-card dt{font-size:11px;color:#9da7ac}.example-card dd{margin:5px 0 0;font-size:22px;font-weight:900}.positive{color:var(--green)}.disclaimer{margin:18px 0 0;padding:12px 14px;border-left:3px solid var(--green);background:rgba(18,24,27,.4);font-size:12px;color:#aab3b8}.visual-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.visual-card{position:relative;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#232a2f,#171d20);transition:.22s;overflow:hidden}.visual-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--green),rgba(89,223,61,.08))}.step-number{position:absolute;z-index:2;left:28px;top:28px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green2);font-weight:900;box-shadow:0 8px 20px rgba(31,164,56,.35)}.visual-frame{height:210px;border-radius:12px;overflow:hidden;background:#0f1417;border:1px solid rgba(255,255,255,.08)}.visual-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.visual-card:nth-child(1) .visual-frame img{object-position:center}.visual-card:nth-child(2) .visual-frame img{object-position:left top}.visual-card h3{font-size:21px;margin:18px 2px 6px}.visual-card p,.dashboard-showcase p,.pricing p{color:var(--muted);line-height:1.6}.dashboard-showcase{display:grid;grid-template-columns:.72fr 1.28fr;gap:38px;align-items:center;overflow:hidden}.showcase-media{position:relative}.showcase-media:before{content:"";position:absolute;inset:8% -5% -8% 10%;background:radial-gradient(circle,rgba(89,223,61,.18),transparent 65%);filter:blur(20px)}.showcase-media img{position:relative;width:100%;display:block;border-radius:15px;border:1px solid rgba(255,255,255,.11);box-shadow:0 25px 55px rgba(0,0,0,.36)}.feature-pills{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.feature-pills span{padding:14px;border:1px solid var(--line);border-radius:10px;background:rgba(16,22,25,.48)}.feature-pills span:before{content:"✓";margin-right:9px;color:var(--green);font-weight:900}.analytics-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 28px;background:linear-gradient(90deg,#20272b,#2e363b)}.metric{padding:18px 26px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{display:block;font-size:42px}.metric span{color:var(--muted)}.metric.accent strong{color:var(--green)}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.price-card{padding:28px;border:1px solid rgba(88,214,61,.5);border-radius:16px;background:linear-gradient(150deg,rgba(18,23,26,.95),rgba(30,38,41,.86));box-shadow:0 20px 45px rgba(0,0,0,.22)}.price{display:flex;align-items:end;gap:10px}.price strong{font-size:62px}.price span{padding-bottom:10px;color:var(--muted)}.price-card ul{columns:2;padding-left:20px;line-height:2;color:#e6ebed}.price-card .btn{width:100%;margin-top:10px}.price-card small{display:block;text-align:center;margin-top:12px;color:#aab3b8}footer{display:flex;align-items:center;gap:28px;padding:34px clamp(22px,5vw,72px);border-top:1px solid var(--line);color:#aeb7bc}footer .brand{margin-right:auto}footer a:hover{color:var(--green)}@media(max-width:1100px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:54px}.product-stage{min-height:500px}.visual-steps{grid-template-columns:1fr 1fr}.visual-card:last-child{grid-column:1/-1}.dashboard-showcase,.pricing{grid-template-columns:1fr}.floating-slip{width:36%}}@media(max-width:720px){.site-header{padding:14px 18px;gap:10px}.site-header a.nav-guide-link{font-size:12px}.site-header .brand{font-size:23px}.hero{padding:46px 18px 40px;min-height:auto}.hero h1{font-size:46px}.checks{grid-template-columns:1fr}.product-stage{min-height:365px}.screen{width:92%;top:28px;left:0}.floating-slip{width:43%;right:-2px}.section{margin:0 12px 18px;padding:24px}.example-grid,.visual-steps{grid-template-columns:1fr}.visual-card:last-child{grid-column:auto}.feature-pills,.analytics-strip{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.price-card ul{columns:1}footer{align-items:flex-start;flex-direction:column}.hero-actions .btn{width:100%}.visual-frame{height:180px}}

/* Landing page v4 refinements */
.hero{grid-template-columns:minmax(430px,.92fr) minmax(560px,1.08fr);gap:58px;min-height:720px}
.product-stage{min-height:540px;max-width:850px;width:100%;justify-self:end}
.screen{left:2%;top:40px;width:76%;aspect-ratio:1.56/1;padding:10px 10px 44px;transform:perspective(1300px) rotateY(-3deg) rotateX(1deg)}
.screen img{object-fit:contain;object-position:center;background:#0d1215}
.floating-slip{right:0;top:18px;width:39%;transform:rotate(1deg);box-shadow:0 32px 76px rgba(0,0,0,.62),0 0 0 1px rgba(88,214,61,.55)}
.section{background:linear-gradient(145deg,rgba(55,63,68,.97),rgba(35,42,47,.97))}
.visual-steps{gap:24px}
.visual-card{padding:14px 14px 20px;background:linear-gradient(165deg,#242c31,#161c20)}
.visual-frame{height:300px;border-radius:12px;background:#0c1114;display:flex;align-items:center;justify-content:center}
.visual-frame img{width:100%;height:100%;object-fit:contain;background:#0c1114}
.visual-card:nth-child(1) .visual-frame img{object-position:center top}
.visual-card:nth-child(2) .visual-frame img{object-position:center}
.visual-card:nth-child(3) .visual-frame img{object-position:center}
.visual-card h3{margin:16px 4px 5px}
.visual-card p{margin:0 4px}
.dashboard-showcase{grid-template-columns:.62fr 1.38fr;gap:42px}
.showcase-media img{transform:scale(1.035);transform-origin:center}
.example-card{background:linear-gradient(150deg,rgba(20,27,30,.98),rgba(33,42,46,.94))}
.analytics-strip{background:linear-gradient(100deg,#222a2f,#323b40)}
.price-card .btn{box-shadow:0 0 0 1px rgba(89,223,61,.28),0 14px 34px rgba(42,193,53,.28)}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.product-stage{justify-self:center;max-width:900px}.visual-frame{height:270px}}
@media(max-width:720px){.product-stage{min-height:390px}.screen{width:90%;aspect-ratio:1.5/1}.floating-slip{width:44%}.visual-frame{height:220px}.showcase-media img{transform:none}}

/* v5 image clarity */
.screen img,.floating-slip img,.showcase-media img{image-rendering:auto;backface-visibility:hidden;transform:translateZ(0)}
.screen{transform:perspective(1300px) rotateY(-2deg) rotateX(.5deg)}

/* v6: sharper, lighter WebP screenshots and distinct product views */
.screen img{object-fit:contain;object-position:center top;background:#090d0f}
.visual-card:nth-child(1) .visual-frame img{object-position:center top}
.visual-card:nth-child(2) .visual-frame img{object-position:center top}
.visual-card:nth-child(3) .visual-frame img{object-position:center top}
.visual-frame{height:235px}
.visual-frame img{object-fit:cover}
.showcase-media img{transform:none}
@media(max-width:720px){.visual-frame{height:205px}.screen img{object-fit:contain}}

/* v7: compact showcase and fuller hero monitor */
.screen{
  width:80%;
  aspect-ratio:1.56/1;
  padding:8px 8px 40px;
}
.screen img{
  object-fit:cover;
  object-position:center top;
}

.dashboard-showcase{
  grid-template-columns:.72fr 1.28fr;
  gap:30px;
  padding:34px 40px;
  min-height:0;
}
.dashboard-showcase .showcase-copy h2{
  font-size:clamp(29px,3.2vw,46px);
  line-height:1.02;
}
.dashboard-showcase .showcase-copy p{
  margin-top:10px;
  line-height:1.5;
}
.dashboard-showcase .feature-pills{
  gap:9px;
  margin-top:18px;
}
.dashboard-showcase .feature-pills span{
  padding:10px 12px;
  font-size:14px;
}
.showcase-media{
  display:flex;
  justify-content:center;
  align-items:center;
}
.showcase-media img{
  width:auto;
  max-width:100%;
  max-height:570px;
  border-radius:12px;
}

.analytics-strip{
  padding:16px 22px;
}
.metric{
  position:relative;
  padding:15px 24px 15px 30px;
}
.metric:before{
  content:"";
  position:absolute;
  left:12px;
  top:18px;
  width:4px;
  height:38px;
  border-radius:4px;
  background:rgba(89,223,61,.35);
}
.metric strong{
  font-size:38px;
  line-height:1;
}
.metric span{
  display:block;
  margin-top:7px;
  font-size:13px;
}
.metric.accent:before{
  background:var(--green);
  box-shadow:0 0 18px rgba(89,223,61,.28);
}

.pricing{
  padding-top:38px;
  padding-bottom:38px;
}
.price-card{
  background:linear-gradient(150deg,rgba(246,248,249,.97),rgba(224,230,233,.96));
  color:#101719;
}
.price-card .price span,
.price-card small{
  color:#59656a;
}
.price-card ul{
  color:#172024;
}

@media(max-width:1100px){
  .dashboard-showcase{padding:32px;grid-template-columns:1fr}
  .showcase-media img{max-height:680px}
}
@media(max-width:720px){
  .screen{width:93%;padding:6px 6px 34px}
  .dashboard-showcase{padding:24px}
  .showcase-media img{width:100%;max-height:none}
  .pricing{padding-top:28px;padding-bottom:28px}
}

/* v8: alternate dashboard graphic and light pricing section */
.dashboard-showcase .showcase-media img{
  width:100%;
  max-height:none;
  aspect-ratio:995/465;
  object-fit:cover;
  object-position:center;
}

.pricing{
  background:linear-gradient(145deg,#f7f8f9,#edf1f3);
  border-color:rgba(255,255,255,.72);
  color:#11191d;
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.pricing .eyebrow{color:#249f35}
.pricing h2{color:#11191d}
.pricing > div:first-child p:not(.eyebrow){color:#566269}
.pricing .price-card{
  background:linear-gradient(150deg,rgba(18,23,26,.98),rgba(30,38,41,.96));
  color:#f5f7f8;
  border-color:rgba(89,223,61,.5);
  box-shadow:0 20px 45px rgba(0,0,0,.24);
}
.pricing .price-card .price span,
.pricing .price-card small{color:#aab3b8}

/* v9: calibration / model validation section */
.calibration-section .section-head p:not(.eyebrow){
  max-width:640px;
  margin-top:10px;
  color:var(--muted);
  line-height:1.6;
}
.calibration-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:26px;
}
.calibration-metrics .metric{
  padding:18px 22px 18px 30px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(16,22,25,.4);
}
.calibration-section .disclaimer{margin-top:22px}
.calibration-link{display:inline-block;margin-top:16px;font-weight:700;color:var(--green)}
.calibration-link:hover{text-decoration:underline}
@media(max-width:720px){
  .calibration-metrics{grid-template-columns:1fr}
}
.pricing .price-card ul{color:#e6ebed}
@media(max-width:900px){#desktop-language-picker{display:inline-flex !important}}
.site-header a.nav-guide-link{color:var(--green);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;font-size:14px}
.site-header a.nav-guide-link:hover{color:#fff}
