:root{--base: #f8f9fb;--white: #ffffff;--navy: #0f172a;--navy-mid: #1e293b;--blue: #2563eb;--blue-light: #3b82f6;--blue-pale: rgba(37, 99, 235, .08);--red: #dc2626;--grey: #64748b;--grey-light: #94a3b8;--grey-border: #e2e8f0;--green: #059669;--sky: #0ea5e9;--cyan: #0891b2;--amber: #d97706;--violet: #7c3aed;--rose: #e11d48;--slate: #475569;--grid-fine: rgba(59, 130, 246, .06);--grid-strong: rgba(59, 130, 246, .12);--grid-dark-fine: rgba(148, 163, 184, .08);--grid-dark-strong: rgba(148, 163, 184, .15);--font-display: "Chakra Petch", sans-serif;--font-mono: "Martian Mono", monospace;--accent: var(--blue)}body{font-family:var(--font-mono);background:var(--base);color:var(--navy);line-height:1.7;font-size:13px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-weight:700}h1 em,h2 em{font-style:italic;color:var(--accent);font-weight:600}.subtitle{font-size:.8125rem;color:var(--grey);line-height:1.8;max-width:640px}.grid-bg-light{background-color:var(--base);background-image:repeating-linear-gradient(0deg,var(--grid-fine) 0px,var(--grid-fine) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,var(--grid-fine) 0px,var(--grid-fine) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(0deg,var(--grid-strong) 0px,var(--grid-strong) 1px,transparent 1px,transparent 160px),repeating-linear-gradient(90deg,var(--grid-strong) 0px,var(--grid-strong) 1px,transparent 1px,transparent 160px)}.grid-bg-dark{background-color:var(--navy);color:var(--grey-light);background-image:repeating-linear-gradient(0deg,var(--grid-dark-fine) 0px,var(--grid-dark-fine) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,var(--grid-dark-fine) 0px,var(--grid-dark-fine) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(0deg,var(--grid-dark-strong) 0px,var(--grid-dark-strong) 1px,transparent 1px,transparent 160px),repeating-linear-gradient(90deg,var(--grid-dark-strong) 0px,var(--grid-dark-strong) 1px,transparent 1px,transparent 160px)}nav.top-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#f8f9fbeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--grey-border)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:56px}nav.top-nav .logo-mark{color:var(--navy);border-color:var(--navy)}nav.top-nav .logo-mark:hover{color:var(--blue);border-color:var(--blue)}.nav-center-links{display:flex;align-items:center;gap:0;list-style:none}.nav-center-links li{display:flex;align-items:center}.nav-center-links li+li:before{content:"";width:1px;height:16px;background:var(--grey-border);display:block}.nav-center-links a{font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--grey);text-decoration:none;padding:6px 14px;transition:color .3s}.nav-center-links a:hover{color:var(--navy)}nav.top-nav[data-accent=blue] .nav-center-links a.active{color:var(--blue)}nav.top-nav[data-accent=sky] .nav-center-links a.active{color:var(--sky)}nav.top-nav[data-accent=violet] .nav-center-links a.active{color:var(--violet)}nav.top-nav[data-accent=cyan] .nav-center-links a.active{color:var(--cyan)}nav.top-nav[data-accent=amber] .nav-center-links a.active{color:var(--amber)}nav.top-nav[data-accent=rose] .nav-center-links a.active{color:var(--rose)}nav.top-nav[data-accent=green] .nav-center-links a.active{color:var(--green)}.nav-right-links{display:flex;align-items:center;gap:12px}.nav-right-links a{font-family:var(--font-display);font-size:.75rem;font-weight:600;text-decoration:none;letter-spacing:.06em;text-transform:uppercase;padding:7px 16px;transition:all .3s}.nav-sign-in{color:var(--grey)}.nav-sign-in:hover{color:var(--navy)}.nav-trial{color:var(--white);background:var(--blue);border-radius:2px}.nav-trial:hover{background:#1d4ed8}.logo-mark.color-sky:after{background:var(--sky)}.logo-mark.color-cyan:after{background:var(--cyan)}.logo-mark.color-amber:after{background:var(--amber)}.logo-mark.color-violet:after{background:var(--violet)}.logo-mark.color-rose:after{background:var(--rose)}.logo-mark.color-slate:after{background:var(--slate)}.logo-mark.size-xl{font-size:2.5rem;padding:12px 28px;letter-spacing:.12em}.logo-mark.size-xl:after{width:14px;height:14px}.logo-mark.size-lg{font-size:1.5rem;padding:8px 20px}.logo-mark.size-lg:after{width:10px;height:10px}.logo-mark.size-md{font-size:1rem;padding:6px 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:10px 24px;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{filter:brightness(1.1)}.btn-outline{background:transparent;border:1px solid var(--navy);color:var(--navy)}.btn-outline:hover{background:var(--navy);color:var(--white)}.btn-large{padding:14px 28px;font-size:.8125rem}.btn-accent{background:var(--accent);color:var(--white)}.btn-accent:hover{filter:brightness(1.1)}.section-stamp{display:inline-flex;align-items:stretch;border:2px solid var(--navy);margin-bottom:32px;font-family:var(--font-display);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.stamp-num{background:var(--navy);color:var(--white);padding:4px 10px}.stamp-title{padding:4px 12px;color:var(--navy);border-right:2px solid var(--navy)}.grid-bg-dark .section-stamp{border-color:var(--grey-light)}.grid-bg-dark .stamp-num{background:var(--grey-light);color:var(--navy)}.grid-bg-dark .stamp-title{color:var(--grey-light);border-color:var(--grey-light)}.section-header{text-align:center;max-width:640px;margin:0 auto 64px}.section-header h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;color:var(--navy);margin-bottom:16px}.section-label{display:inline-block;font-family:var(--font-display);font-size:.625rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.dim-arrow-left{border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:8px solid var(--blue)}.dim-arrow-right{border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:8px solid var(--blue)}.dim-line{flex:1;height:1px;background:var(--blue);opacity:.3}.grid-bg-dark .dim-arrow-left{border-right-color:var(--blue-light)}.grid-bg-dark .dim-arrow-right{border-left-color:var(--blue-light)}.grid-bg-dark .dim-line{background:var(--blue-light)}.grid-bg-dark .dim-label{color:var(--grey-light)}.annotation{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--grey)}.grid-bg-dark .annotation{color:var(--grey-light)}section.hero{padding:120px 0 80px;position:relative}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-content{max-width:560px}.hero h1 em{font-style:italic;color:var(--accent);font-weight:600}.hero-description{font-size:.8125rem;color:var(--grey);line-height:1.8;margin-bottom:32px;max-width:480px}.hero-buttons{display:flex;gap:12px;margin-bottom:24px}.hero-meta{display:flex;align-items:center;gap:20px;font-size:.6875rem;color:var(--grey)}.hero-meta-item{display:flex;align-items:center;gap:6px}.hero-visual{position:relative}.hero-card{background:var(--white);border:1px solid var(--grey-border);padding:24px;position:relative;z-index:2}.hero-float{position:absolute;background:var(--white);border:1px solid var(--grey-border);padding:10px 14px;font-size:.6875rem;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);z-index:3}.hero-float-1{top:20px;right:-20px}.hero-float-2{bottom:40px;left:-40px}.cta{padding:80px 0;text-align:center}.cta-content{max-width:640px;margin:0 auto}.cta p{font-size:.8125rem;color:var(--grey);margin-bottom:32px;line-height:1.8}.cta .btn{padding:14px 32px}.cta-note{margin-top:16px;font-size:.6875rem;color:var(--grey)}footer{background:var(--navy);color:var(--grey-light);padding:48px 0;background-image:repeating-linear-gradient(0deg,var(--grid-dark-fine) 0px,var(--grid-dark-fine) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,var(--grid-dark-fine) 0px,var(--grid-dark-fine) 1px,transparent 1px,transparent 32px)}.footer-brand .logo-mark{margin-bottom:16px}.footer-brand p{font-size:.6875rem;line-height:1.8;color:var(--grey)}.footer-bottom a{color:var(--accent);text-decoration:none}.title-block-iso{position:absolute;bottom:0;right:0;border-left:2px solid var(--blue);border-top:2px solid var(--blue);padding:4px 10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);line-height:1.5;background:var(--white)}.title-block-iso .iso-dwg{font-weight:500}.title-block-iso .iso-rev{color:var(--red)}.grid-bg-dark .title-block-iso{background:var(--navy);border-color:var(--blue-light);color:var(--blue-light)}.trim-marks{position:relative}.trim-marks:before,.trim-marks:after{content:"";position:absolute;pointer-events:none}.trim-marks:before{top:-4px;left:-4px;width:14px;height:14px;border-top:1.5px solid var(--blue);border-left:1.5px solid var(--blue)}.trim-marks:after{top:-4px;right:-4px;width:14px;height:14px;border-top:1.5px solid var(--blue);border-right:1.5px solid var(--blue)}.trim-marks .trim-bl,.trim-marks .trim-br{position:absolute;width:14px;height:14px;pointer-events:none}.trim-marks .trim-bl{bottom:-4px;left:-4px;border-bottom:1.5px solid var(--blue);border-left:1.5px solid var(--blue)}.trim-marks .trim-br{bottom:-4px;right:-4px;border-bottom:1.5px solid var(--blue);border-right:1.5px solid var(--blue)}.grid-bg-dark .trim-marks:before,.grid-bg-dark .trim-marks:after{border-color:var(--blue-light)}.grid-bg-dark .trim-marks .trim-bl,.grid-bg-dark .trim-marks .trim-br{border-color:var(--blue-light)}.fold-mark-tl{top:0;left:24px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(59,130,246,.15)}.fold-mark-tr{top:0;right:24px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(59,130,246,.15)}.fold-mark-bl{bottom:0;left:24px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(59,130,246,.15)}.fold-mark-br{bottom:0;right:24px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(59,130,246,.15)}.construction-line-left{position:absolute;left:-40px;top:50%;width:40px;height:1px;background:linear-gradient(to right,transparent,rgba(37,99,235,.2));pointer-events:none}.construction-line-right{position:absolute;right:-40px;top:50%;width:40px;height:1px;background:linear-gradient(to left,transparent,rgba(37,99,235,.2));pointer-events:none}@keyframes drawLineRight{0%{width:0}to{width:60px}}.tolerance{font-family:var(--font-mono);font-size:9px;color:var(--red);letter-spacing:.04em}.scale-indicator{font-family:var(--font-mono);font-size:9px;color:var(--grey-light);letter-spacing:.06em;text-transform:uppercase}.mockup-ref{position:absolute;font-family:var(--font-mono);font-size:9px;color:var(--blue);letter-spacing:.06em;text-transform:uppercase}.mockup-ref-top{top:-24px;right:0}.mockup-ref-top:before{content:"";position:absolute;bottom:-6px;right:16px;width:1px;height:6px;background:var(--blue);opacity:.4}.mockup-ref-bottom{bottom:-24px;left:0}.mockup-ref-bottom:before{content:"";position:absolute;top:-6px;left:16px;width:1px;height:6px;background:var(--blue);opacity:.4}.footer-col-title .fct-num{padding:3px 8px;border-left:1px solid rgba(51,65,85,.6);color:var(--blue-light)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.05s}.reveal-delay-2{transition-delay:.1s}.reveal-delay-3{transition-delay:.15s}.reveal-delay-4{transition-delay:.2s}.reveal-delay-5{transition-delay:.25s}.reveal-delay-6{transition-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .6s ease-out forwards}.animate-delay-1{animation-delay:.1s;opacity:0}.animate-delay-2{animation-delay:.2s;opacity:0}.animate-delay-3{animation-delay:.3s;opacity:0}.animate-delay-4{animation-delay:.4s;opacity:0}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}}@media(max-width:768px){.container{padding:0 16px}.nav-center-links{display:none}.footer-grid{grid-template-columns:1fr 1fr}section.hero{padding:100px 0 60px}.construction-line-left,.construction-line-right{display:none}}