@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');
:root{--navy:#071321;--navy2:#0b1c2e;--panel:#0d2236;--orange:#ef8b21;--gold:#ffad3c;--ink:#eaf1f7;--muted:#91a1af;--line:#1e3549}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}
.nav{height:76px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#071321ee;backdrop-filter:blur(14px);z-index:20}
.brand{font-weight:800;font-size:22px;display:flex;align-items:center;gap:12px}.brand>span:last-child>span{color:var(--orange)}.mark{position:relative;width:32px;height:32px;display:inline-block}.mark i,.kernel-large i{position:absolute;width:17px;height:22px;background:linear-gradient(135deg,var(--gold),#c8650d);border-radius:55% 45% 52% 48%;box-shadow:inset -3px -4px 5px #9b450b}.mark i:nth-child(1){left:7px;top:0;transform:rotate(7deg)}.mark i:nth-child(2){left:0;top:12px;transform:rotate(-34deg)}.mark i:nth-child(3){right:0;top:12px;transform:rotate(34deg)}
nav{display:flex;gap:32px;margin-left:auto;margin-right:34px}nav a{font-size:13px;color:#b8c4ce}nav a:hover{color:white}.small-btn,.primary{background:var(--orange);color:#101820;font-weight:800;padding:12px 19px;border-radius:4px;font-size:12px;letter-spacing:.05em}
.hero{min-height:720px;display:grid;grid-template-columns:44% 56%;align-items:center;padding:70px 5vw 85px;position:relative;overflow:hidden}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#17304755 1px,transparent 1px),linear-gradient(90deg,#17304755 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to right,transparent,#000 50%,#000);opacity:.35;pointer-events:none}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow,.number{font-family:"Space Mono",monospace;color:var(--orange);font-size:11px;letter-spacing:.18em;font-weight:700}.hero h1,.section h2,.about h2,.download h2{font-size:clamp(44px,5vw,76px);line-height:.99;letter-spacing:-.055em;margin:18px 0 24px}.hero h1 em,.section h2 em,.about h2 em{font-style:normal;color:#8193a3}.lead{max-width:590px;color:#aab7c2;font-size:17px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:34px}.primary{padding:15px 22px}.secondary{border:1px solid #3a5064;padding:14px 22px;border-radius:4px;font-size:12px;font-weight:700}.status{margin-top:27px;color:#778b9c;font-size:12px}.status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#63d391;margin-right:8px;box-shadow:0 0 10px #63d391}
.window{margin-left:5%;background:#08131d;border:1px solid #294158;box-shadow:0 35px 80px #0008;transform:perspective(1000px) rotateY(-3deg);border-radius:7px;overflow:hidden}.windowbar{height:40px;background:#122538;border-bottom:1px solid #294158;display:flex;align-items:center;gap:7px;padding:0 13px}.windowbar span{width:8px;height:8px;border-radius:50%;background:#40556a}.windowbar span:first-child{background:var(--orange)}.windowbar b{font-size:9px;color:#8193a3;margin-left:8px;letter-spacing:.08em}.viewport{height:410px;position:relative;background:radial-gradient(circle at 55% 42%,#16304a,#07121d 65%);overflow:hidden}.viewport:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#29445a22 1px,transparent 1px),linear-gradient(90deg,#29445a22 1px,transparent 1px);background-size:28px 28px;transform:perspective(500px) rotateX(62deg) scale(1.5);top:170px}.stock{position:absolute;width:69%;height:115px;background:linear-gradient(160deg,#71899a,#30495e);left:17%;top:165px;transform:skewY(-5deg);box-shadow:0 20px 35px #0009;border:1px solid #a7b7c2}.cut{position:absolute;background:#07131e;border:1px solid #c0cbd2}.c1{width:45px;height:45px;border-radius:50%;left:14%;top:32%}.c2{width:70px;height:30px;right:20%;top:24%}.c3{width:25px;height:55px;right:7%;top:38%}.path{position:absolute;height:2px;background:var(--orange);box-shadow:0 0 7px var(--orange);transform-origin:left}.p1{width:250px;left:12%;top:20%;transform:rotate(9deg)}.p2{width:210px;left:35%;top:67%;transform:rotate(-13deg)}.axis{position:absolute;bottom:28px;left:25px;font:10px "Space Mono";color:#ff6464}.axis .x{color:#64d685;margin-left:20px}.axis .y{color:#5f9dff;margin-left:15px}.hud{position:absolute;right:18px;top:18px;width:150px;padding:12px;background:#07121dcc;border:1px solid #294158;font:9px "Space Mono";color:#91a4b4}.hud b{color:var(--orange);display:block;margin-bottom:6px}.hud small{font-size:7px}.hud div{height:3px;background:#22384a;margin:8px 0}.hud div span{display:block;width:72%;height:100%;background:var(--orange)}.footerbar{height:33px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#61798d;font:8px "Space Mono"}.footerbar span:first-child{color:#6ed699}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 5vw}.metrics>div{padding:32px;border-right:1px solid var(--line)}.metrics>div:first-child{border-left:1px solid var(--line)}.metrics strong{font:12px "Space Mono";color:var(--orange);margin-right:18px}.metrics span{font:700 12px "Space Mono";letter-spacing:.12em}.metrics p{color:#778a9b;font-size:12px;margin:9px 0 0 36px}
.section{padding:120px 5vw 80px;text-align:center}.section h2{font-size:clamp(38px,4.4vw,65px)}.section>p:last-child{max-width:660px;margin:0 auto;color:#8fa0ae;line-height:1.7}
.feature{padding:80px 7vw 120px;display:grid;grid-template-columns:42% 58%;gap:8%;align-items:center}.feature.reverse{grid-template-columns:58% 42%}.feature.reverse .feature-copy{order:2}.feature-copy h3{font-size:43px;letter-spacing:-.04em;line-height:1.05;margin:15px 0 22px}.feature-copy>p{color:#91a2b1;line-height:1.7;font-size:14px}.feature-copy ul{list-style:none;padding:0;margin-top:26px;border-top:1px solid var(--line)}.feature-copy li{border-bottom:1px solid var(--line);padding:13px 0;color:#c0ccd5;font-size:12px}.feature-copy li:before{content:"+";color:var(--orange);margin-right:12px}
.panel{height:390px;background:#0a1927;border:1px solid #294158;position:relative;overflow:hidden;box-shadow:0 25px 60px #0005}.panel-title{height:38px;border-bottom:1px solid #294158;padding:13px 16px;color:#667f93;font:9px "Space Mono";letter-spacing:.1em}.diagram{height:100%;position:relative;background-image:linear-gradient(#1c344722 1px,transparent 1px),linear-gradient(90deg,#1c344722 1px,transparent 1px);background-size:25px 25px}.profile{position:absolute;left:12%;right:10%;height:90px;top:42%;background:#476174;transform:skewY(-4deg);border:1px solid #8aa0af}.profile i{position:absolute;width:48px;height:48px;border-radius:50%;background:#0a1927;border:1px solid #91a4b2;top:20px}.profile i:nth-child(1){left:12%}.profile i:nth-child(2){left:44%}.profile i:nth-child(3){right:10%}.beam{position:absolute;width:72%;height:2px;background:var(--orange);left:14%;top:36%;box-shadow:0 0 10px var(--orange)}.measure{position:absolute;bottom:52px;left:35%;border-top:1px solid var(--orange);width:31%;text-align:center;color:var(--orange);font:9px "Space Mono";padding-top:5px}
.cadshape{position:absolute;width:55%;height:130px;background:linear-gradient(150deg,#8ba0ae,#354f64);left:22%;top:115px;transform:skewY(-7deg);box-shadow:0 25px 35px #0008}.cadshape span,.cadshape i,.cadshape b{position:absolute;background:#0a1927}.cadshape span{width:65px;height:65px;border-radius:50%;left:14%;top:30px}.cadshape i{width:95px;height:42px;right:17%;top:20px}.cadshape b{width:45px;height:30px;right:7%;bottom:12px}.complete{position:absolute;bottom:24px;left:24px;color:#70d39a;font:9px "Space Mono"}
.legend{position:absolute;left:20px;top:60px;font:9px "Space Mono";display:flex;gap:22px;color:#8ea0af}.legend i{width:9px;height:9px;display:inline-block;margin-right:6px}.legend .sim{background:#5c8faf}.legend .step{background:var(--orange)}.overlap{position:absolute;width:55%;height:115px;left:22%;top:145px;clip-path:polygon(0 25%,18% 0,100% 8%,90% 78%,20% 100%);border:2px solid}.one{background:#41657b88;border-color:#6e9ab3}.two{background:#ed892944;border-color:var(--orange);transform:translate(6px,-4px)}.coords{position:absolute;bottom:28px;left:20px;color:#607a8e;font:9px "Space Mono"}
.about{margin:60px 5vw 0;padding:90px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:60% 40%;align-items:end}.about h2{font-size:49px}.about>p{color:#92a2af;line-height:1.8;font-size:14px}
.download{text-align:center;padding:130px 20px}.download h2{font-size:58px;margin:16px}.download>p:not(.eyebrow){color:#8ea0af}.download button{display:block;margin:28px auto 13px;padding:16px 25px;background:#16283a;border:1px solid #2d465b;color:#72879a;font:700 11px "Space Mono";letter-spacing:.08em;border-radius:4px}.download small{color:#52697c}.kernel-large{width:78px;height:68px;position:relative;margin:0 auto 28px}.kernel-large i{width:35px;height:45px}.kernel-large i:nth-child(1){left:22px;top:0}.kernel-large i:nth-child(2){left:5px;top:26px;transform:rotate(-35deg)}.kernel-large i:nth-child(3){right:5px;top:26px;transform:rotate(35deg)}
footer{height:100px;border-top:1px solid var(--line);padding:0 5vw;display:flex;align-items:center;gap:35px;color:#5f7588;font-size:10px}footer p:last-child{margin-left:auto}.mini{transform:scale(.7)}
@media(max-width:900px){nav{display:none}.nav{padding:0 20px}.small-btn{margin-left:auto}.hero{grid-template-columns:1fr;padding:70px 24px}.hero-visual{margin-top:60px}.window{margin:0;transform:none}.metrics{grid-template-columns:1fr;padding:0 24px}.metrics>div,.metrics>div:first-child{border-left:1px solid var(--line)}.feature,.feature.reverse{grid-template-columns:1fr;padding:70px 24px}.feature.reverse .feature-copy{order:0}.about{grid-template-columns:1fr;padding:70px 24px}.about h2{font-size:38px}.panel{height:330px}.hero h1{font-size:48px}.section{padding-left:24px;padding-right:24px}footer{padding:20px 24px;height:auto;flex-wrap:wrap}footer p:last-child{margin-left:0}}

/* V2 readability changes */
.metrics strong,.metrics span{font-size:16px}
.metrics p{font-size:14px;line-height:1.55}

/* V3 typography: SIMULATE / VERIFY / COMPARE establish the minimum readable scale */
.eyebrow,
.number,
.small-btn,
.secondary,
.status,
.metrics strong,
.metrics span,
.metrics p,
.feature-copy > p,
.feature-copy li,
.panel-title,
.footerbar,
.legend,
.coords,
.complete,
.hud,
.hud small,
.measure,
.download button,
.download small,
footer {
  font-size: 16px;
}

/* The three primary process labels should stand above the minimum. */
.metrics strong { font-size: 18px; }
.metrics span { font-size: 20px; }

/* Keep compact software mockups readable without letting them dominate. */
.windowbar b { font-size: 16px; }
.axis { font-size: 16px; }

/* V4 — CAM integration / format support */
.compatibility{
  margin:40px 5vw 100px;
  padding:90px 5%;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#091827,#0c2032);
}
.compat-head{max-width:900px}
.compat-head h2{
  font-size:clamp(38px,4.4vw,65px);
  line-height:1;
  letter-spacing:-.05em;
  margin:18px 0 25px;
}
.compat-head h2 em{font-style:normal;color:#8193a3}
.compat-head>p:last-child{
  max-width:800px;
  color:#aab7c2;
  font-size:18px;
  line-height:1.75;
}
.compat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  margin-top:55px;
}
.compat-grid article{
  background:#091827;
  padding:34px;
  min-height:245px;
}
.compat-grid article>span{
  color:var(--orange);
  font:700 18px "Space Mono",monospace;
}
.compat-grid h3{
  font-size:22px;
  margin:20px 0 14px;
  letter-spacing:-.025em;
}
.compat-grid p{
  color:#91a2b1;
  font-size:16px;
  line-height:1.7;
  margin:0;
}
@media(max-width:900px){
  .compatibility{margin:20px 24px 70px;padding:60px 24px}
  .compat-grid{grid-template-columns:1fr}
}

/* V5 — ExactCAD technology */
.nerd{margin:30px 5vw 110px;border:1px solid var(--line);background:#07101a;position:relative}
.nerd-label{padding:16px 22px;border-bottom:1px solid var(--line);font:700 16px "Space Mono";color:#6f8799;letter-spacing:.1em}
.nerd-layout{display:grid;grid-template-columns:42% 58%;gap:7%;padding:70px 5% 55px}
.nerd h2{font-size:clamp(38px,4.2vw,62px);line-height:1;letter-spacing:-.05em;margin:17px 0}
.nerd-copy p{font-size:17px;line-height:1.75;color:#9eafbb;margin:0 0 22px}
.nerd-copy strong{color:#eef4f8}
.nerd-copy .secret{border-left:3px solid var(--orange);padding-left:20px;color:#c3cdd5}
.tech-compare{display:grid;grid-template-columns:1fr 70px 1fr;border-top:1px solid var(--line)}
.tech-compare>div:not(.versus){padding:30px 35px}
.tech-compare span,.tech-compare b,.tech-compare small{display:block}
.tech-compare span{font:700 16px "Space Mono";color:#6f8799;margin-bottom:13px}
.tech-compare b{font-size:20px;margin-bottom:8px}
.tech-compare small{font-size:16px;color:#718697;line-height:1.5}
.tech-compare .exact span{color:var(--orange)}
.versus{display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line);border-right:1px solid var(--line);font:700 16px "Space Mono";color:#526b7d}
@media(max-width:900px){.nerd{margin:20px 24px 70px}.nerd-layout{grid-template-columns:1fr;padding:50px 24px}.tech-compare{grid-template-columns:1fr}.versus{padding:15px;border:1px solid var(--line)}}

/* V6 — ModelCheck */
.modelcheck{padding:100px 7vw 120px;display:grid;grid-template-columns:44% 56%;gap:7%;align-items:center;border-top:1px solid var(--line)}
.mc-copy h2,.future-compare h2{font-size:clamp(38px,4.3vw,64px);line-height:1;letter-spacing:-.05em;margin:18px 0 26px}
.mc-copy h2 em,.future-compare h2 em{font-style:normal;color:#8193a3}
.mc-copy>p{font-size:17px;line-height:1.75;color:#9eafbb}
.mc-points{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.mc-points span{padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:700 16px "Space Mono";color:#9fb0bd;line-height:1.4}
.mc-visual{border:1px solid #294158;background:#081723;box-shadow:0 25px 60px #0005}
.mc-toolbar{height:55px;border-bottom:1px solid #294158;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font:16px "Space Mono";color:#8195a5}
.mc-toolbar b{color:var(--orange)}
.mc-screen{height:360px;position:relative;overflow:hidden;background:radial-gradient(circle at center,#183149,#07131e 70%);background-image:linear-gradient(#1d384c33 1px,transparent 1px),linear-gradient(90deg,#1d384c33 1px,transparent 1px);background-size:27px 27px}
.mc-part{position:absolute;width:65%;height:115px;left:17%;top:115px;background:linear-gradient(150deg,#7890a0,#344e62);clip-path:polygon(0 18%,10% 0,92% 7%,100% 35%,91% 100%,12% 92%);transform:skewY(-5deg);box-shadow:0 20px 30px #0008}
.fault{position:absolute;background:#ff6b42;box-shadow:0 0 18px #ff5a2e}
.f1{width:48px;height:48px;border-radius:50%;left:16%;top:25%}.f2{width:70px;height:22px;right:20%;top:14%}.f3{width:24px;height:48px;right:8%;bottom:12%}
.mc-callout{position:absolute;background:#08131eee;border:1px solid #ff754f;padding:9px 12px;font:16px "Space Mono";color:#9fb0bd}
.mc-callout b,.mc-callout span{display:block}.mc-callout b{color:#ff754f;margin-bottom:4px}.c-a{left:7%;top:55px}.c-b{right:5%;bottom:65px}
.mc-scale{position:absolute;left:20px;right:20px;bottom:16px;display:flex;align-items:center;gap:12px;font:16px "Space Mono";color:#7790a2}
.mc-scale i{height:5px;flex:1;background:linear-gradient(90deg,#63d391,#e2b43d,#ff6447)}.mc-scale b{color:#ff7555;font-weight:400}
.mc-result{height:65px;border-top:1px solid #294158;display:flex;align-items:center;padding:0 20px;gap:14px;font:16px "Space Mono";color:#93a5b3}.mc-result strong{font-size:26px;color:#ff7555}
.future-compare{margin:0 5vw 110px;padding:70px 5%;display:grid;grid-template-columns:45% 55%;gap:7%;align-items:center;background:#0a1927;border:1px solid var(--line)}
.future-compare>div>p:last-child{font-size:17px;line-height:1.75;color:#9eafbb}
.slider-preview{height:300px;display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid #314a5f;overflow:hidden;background:#07131e}
.side{position:relative;overflow:hidden}.side>span{position:absolute;top:16px;font:700 16px "Space Mono";z-index:2}.voxel>span{left:18px;color:#8ca0af}.exact-side>span{right:18px;color:var(--orange)}
.stair,.smooth{position:absolute;left:15%;right:0;bottom:40px;height:160px;background:#557084}
.stair{clip-path:polygon(0 100%,0 75%,13% 75%,13% 62%,26% 62%,26% 49%,39% 49%,39% 36%,52% 36%,52% 23%,65% 23%,65% 10%,100% 10%,100% 100%)}
.smooth{left:0;right:15%;background:#667f91;clip-path:polygon(0 100%,0 88%,12% 82%,25% 72%,40% 57%,55% 40%,70% 25%,85% 14%,100% 8%,100% 100%)}
.slider-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#e8eef3;transform:translateX(-1px)}.slider-line b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef3f6;color:#142435;font-size:21px}
.slider-preview small{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font:700 16px "Space Mono";white-space:nowrap;color:#61798c}
@media(max-width:900px){.modelcheck,.future-compare{grid-template-columns:1fr;padding:65px 24px}.modelcheck{gap:45px}.future-compare{margin:0 24px 70px}.mc-points{grid-template-columns:1fr}.mc-toolbar{font-size:13px}.mc-scale{font-size:12px}.slider-preview small{font-size:12px}}

/* V7 — actual Kernel3D screenshots */
.real-shot{margin:0;background:#08131d;border:1px solid #294158;box-shadow:0 28px 65px #0007;overflow:hidden}.real-shot a{display:block;cursor:zoom-in;background:#07131e}.real-shot img{display:block;width:100%;height:auto;transition:transform .35s ease,filter .35s ease}.real-shot a:hover img{transform:scale(1.012);filter:brightness(1.04)}.real-shot figcaption{padding:13px 16px;border-top:1px solid #294158;color:#8196a7;font:16px "Space Mono";line-height:1.4}.hero-shot{margin-left:4%;transform:perspective(1100px) rotateY(-2deg)}.hero-shot img,.feature-shot img,.mc-main img{aspect-ratio:16/9;object-fit:cover;object-position:center}.mc-real{display:grid;grid-template-columns:1fr;gap:18px}.mc-pass{max-width:72%;margin-left:auto}.lightbox{position:fixed;inset:0;background:#02070cef;z-index:1000;display:none;align-items:center;justify-content:center;padding:55px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:86vh;object-fit:contain;box-shadow:0 25px 90px #000}.lightbox-close{position:absolute;right:24px;top:16px;background:none;border:0;color:white;font-size:42px;cursor:pointer}.lightbox-caption{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#b7c5cf;font:16px "Space Mono";white-space:nowrap}@media(max-width:900px){.hero-shot{margin:0;transform:none}.mc-pass{max-width:100%}.lightbox{padding:25px}.real-shot figcaption{font-size:14px}}

/* V8 — official Kernel3D logo */
.official-brand{display:flex;align-items:center;overflow:hidden;background:#fff;border-radius:5px;padding:3px 8px}
.official-brand img{display:block;width:auto;height:43px;object-fit:contain}
.nav .official-brand{margin-right:18px}
.footer-brand img{height:38px}
.footer-brand{padding:2px 7px}
@media(max-width:900px){.official-brand img{height:38px}.footer-brand img{height:34px}}

/* V9 — approved transparent logo with white wordmark outline */
.official-brand,
.footer-brand{
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
}
.official-brand img{
  height:48px;
}
.footer-brand img{
  height:42px;
}
@media(max-width:900px){
  .official-brand img{height:42px}
  .footer-brand img{height:38px}
}

/* V10 — double Kernel3D logo size */
.official-brand img{height:96px !important;}
.footer-brand img{height:84px !important;}
.nav{height:112px;}
@media(max-width:900px){
  .official-brand img{height:84px !important;}
  .footer-brand img{height:76px !important;}
  .nav{height:100px;}
}

/* V11 — official logo in bottom CTA */
.download-logo{display:flex;justify-content:center;align-items:center;margin:0 auto 30px}
.download-logo img{display:block;width:min(520px,82vw);height:auto;object-fit:contain}