:root{--white:#ffffff;--off-white:#f8f6f2;--paper:#faf9f6;--ink:#0f0f0f;--muted:#6b6b6b;--muted2:#9e9e9e;--rule:#e2e0db;--rule2:#d0cdc7;--red:#e63322;--red-light:#fef1ef;--red-mid:#fbd6d2;--teal:#0d7377;--teal-light:#eaf5f5;--amber:#d4820a;--amber-light:#fdf3e3;--font-serif:'Playfair Display',Georgia,serif;--font-body:'Epilogue',sans-serif;--font-mono:'Fira Code',monospace;--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 12px 40px rgba(0,0,0,0.1);--shadow-xl:0 24px 64px rgba(0,0,0,0.12);}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--white);color:var(--ink);font-family:var(--font-body);font-weight:400;line-height:1.6;overflow-x:hidden;}
.cur{width:8px;height:8px;background:var(--red);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:multiply;}
.cur-o{width:32px;height:32px;border:1.5px solid var(--red);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;opacity:.5;}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(255,255,255,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;padding:0 56px;height:68px;}
.nav-logo{font-family:var(--font-serif);font-size:1.3rem;font-weight:900;color:var(--ink);cursor:pointer;text-decoration:none;letter-spacing:-0.02em;}
.nav-logo em{color:var(--red);font-style:normal;}
.nav-center{display:flex;gap:2px;align-items:center;}
.nav-item{position:relative;}
.nav-item>span{font-family:var(--font-body);font-size:0.8rem;font-weight:500;color:var(--muted);padding:8px 14px;border-radius:6px;cursor:pointer;transition:color .2s,background .2s;display:flex;align-items:center;gap:5px;letter-spacing:0.01em;}
.nav-item>span:hover{color:var(--ink);background:var(--off-white);}
.nav-item>span .arr{font-size:0.6rem;transition:transform .2s;}
.nav-item:hover>span .arr{transform:rotate(180deg);}
.drop{position:absolute;top:calc(100% + 8px);left:0;background:var(--white);border:1px solid var(--rule);border-radius:12px;padding:8px;min-width:210px;box-shadow:var(--shadow-lg);display:none;z-index:300;}
.nav-item:hover .drop{display:block;animation:dropIn .2s ease;}
@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.drop a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:0.82rem;color:var(--muted);text-decoration:none;transition:all .15s;}
.drop a:hover{background:var(--off-white);color:var(--ink);padding-left:16px;}
.drop a .dot{width:6px;height:6px;border-radius:50%;background:var(--rule2);flex-shrink:0;transition:background .15s;}
.drop a:hover .dot{background:var(--red);}
/* BUTTONS */
.btn-ink{background:var(--ink);color:var(--white);font-family:var(--font-body);font-size:0.82rem;font-weight:600;padding:13px 28px;border-radius:100px;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;text-decoration:none;display:inline-block;border:none;letter-spacing:0.02em;}
.btn-ink:hover{background:var(--red);transform:translateY(-2px);box-shadow:0 8px 24px rgba(230,51,34,.25);}
.btn-outline{background:transparent;color:var(--ink);font-family:var(--font-body);font-size:0.82rem;font-weight:500;padding:13px 28px;border-radius:100px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;border:1.5px solid var(--rule2);letter-spacing:0.02em;}
.btn-outline:hover{border-color:var(--ink);background:var(--ink);color:var(--white);transform:translateY(-2px);}
.btn-white{background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:0.82rem;font-weight:600;padding:14px 32px;border-radius:100px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;border:none;position:relative;}
.btn-white:hover{background:var(--red);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px rgba(230,51,34,.4);}
/* SECTIONS */
section{padding:96px 56px;}
section.alt{background:var(--off-white);}
section.ruled{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
.sec-header{margin-bottom:64px;}
.sec-kicker{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--red);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.sec-kicker::before{content:'';width:20px;height:1px;background:var(--red);}
.sec-title{font-family:var(--font-body);font-size:clamp(2.134rem,3.88vw,3.395rem);font-weight:700;line-height:1.0;letter-spacing:-0.03em;color:var(--ink);}
.sec-title em{color:var(--red);font-style:normal;}
.sec-sub{font-size:1rem;color:var(--muted);line-height:1.75;max-width:500px;margin-top:16px;}
/* MARQUEE */
.marquee-wrap{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0;overflow:hidden;white-space:nowrap;background:var(--ink);}
.marquee-inner{display:inline-flex;animation:marquee 30s linear infinite;}
.marquee-item{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(255,255,255,.5);padding:0 32px;}
.marquee-item span{color:var(--red);margin-right:32px;}
@keyframes marquee{to{transform:translateX(-50%)}}
/* HERO - homepage */
.hero{padding-top:68px;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;}
.hero-left{background:var(--off-white);padding:80px 64px 80px 56px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--rule);}
.hero-right{background:var(--white);padding:80px 56px 80px 64px;display:flex;flex-direction:column;justify-content:center;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:0.7rem;color:var(--red);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:28px;}
.hero-eyebrow::before{content:'';width:24px;height:1px;background:var(--red);}
.hero h1{font-family:var(--font-body);font-size:clamp(2.91rem,5.335vw,5.335rem);font-weight:700;line-height:0.95;letter-spacing:-0.03em;color:var(--ink);margin-bottom:28px;}
.hero h1 .italic{font-style:normal;color:var(--red);}
.hero-sub{font-size:1rem;color:var(--muted);line-height:1.75;max-width:440px;margin-bottom:48px;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
.hero-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:16px;overflow:hidden;margin-bottom:40px;}
.hero-stat{background:var(--white);padding:28px 24px;transition:background .2s;cursor:default;}
.hero-stat:hover{background:var(--red-light);}
.stat-n{font-family:var(--font-serif);font-size:2.6rem;font-weight:900;color:var(--ink);line-height:1;letter-spacing:-0.03em;}
.stat-n em{color:var(--red);font-style:normal;}
.stat-l{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted2);margin-top:6px;}
.hero-tagline{font-family:var(--font-serif);font-size:1.4rem;font-style:italic;color:var(--muted);line-height:1.5;margin-bottom:40px;}
.hero-tagline strong{color:var(--ink);font-style:normal;}
.hero-features{display:flex;flex-direction:column;gap:16px;}
.hero-feature{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:10px;background:var(--off-white);border:1px solid var(--rule);transition:border-color .2s,box-shadow .2s;cursor:pointer;text-decoration:none;}
.hero-feature:hover{border-color:var(--rule2);box-shadow:var(--shadow-md);}
.feat-icon{width:36px;height:36px;background:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;border:1px solid var(--rule);}
.feat-title{font-size:0.88rem;font-weight:600;color:var(--ink);margin-bottom:3px;}
.feat-sub{font-size:0.78rem;color:var(--muted2);}
/* MATERIAL GRID */
.mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:16px;overflow:hidden;}
.mat-cell{background:var(--white);padding:32px 28px;text-decoration:none;display:block;cursor:pointer;transition:background .25s;position:relative;}
.mat-cell:hover{background:var(--off-white);}
.mat-cell::after{content:'→';position:absolute;bottom:24px;right:24px;font-size:1rem;color:var(--rule2);transition:color .2s,transform .2s;}
.mat-cell:hover::after{color:var(--red);transform:translate(3px,-3px);}
.mat-icon{font-size:2rem;margin-bottom:16px;}
.mat-name{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;color:var(--ink);margin-bottom:6px;letter-spacing:-0.02em;}
.mat-full{font-family:var(--font-mono);font-size:0.65rem;color:var(--muted2);letter-spacing:0.06em;margin-bottom:12px;}
.mat-desc{font-size:0.82rem;color:var(--muted);line-height:1.65;}
/* TECH CARDS */
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.tech-card{border:1px solid var(--rule);border-radius:14px;padding:28px 24px 24px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);background:var(--white);position:relative;overflow:hidden;text-decoration:none;display:block;}
.tech-card:nth-child(1){--tc:var(--red);--tcl:var(--red-light);}
.tech-card:nth-child(2){--tc:var(--teal);--tcl:var(--teal-light);}
.tech-card:nth-child(3){--tc:var(--amber);--tcl:var(--amber-light);}
.tech-card:nth-child(4){--tc:#7c3aed;--tcl:#f5f0ff;}
.tech-card:nth-child(5){--tc:#0369a1;--tcl:#f0f7ff;}
.tech-card:nth-child(6){--tc:#0f766e;--tcl:#f0faf9;}
.tech-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.1);background:var(--tcl);border-color:transparent;}
.tc-abbr{font-family:var(--font-serif);font-size:2.4rem;font-weight:900;color:var(--tc);line-height:1;margin-bottom:12px;letter-spacing:-0.03em;}
.tc-name{font-size:0.8rem;font-weight:600;color:var(--ink);margin-bottom:10px;}
.tc-desc{font-size:0.82rem;color:var(--muted);line-height:1.65;margin-bottom:18px;}
.tc-link{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--tc);display:flex;align-items:center;gap:5px;transition:gap .2s;}
.tech-card:hover .tc-link{gap:8px;}
/* PROCESS STRIP */
.process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--rule);border-radius:16px;overflow:hidden;}
.proc-step{padding:36px 28px;border-right:1px solid var(--rule);transition:background .2s;}
.proc-step:last-child{border-right:none;}
.proc-step:hover{background:var(--off-white);}
.proc-n{font-family:var(--font-serif);font-size:4rem;font-weight:900;color:var(--rule);line-height:1;letter-spacing:-0.04em;margin-bottom:16px;transition:color .2s;}
.proc-step:hover .proc-n{color:var(--red-mid);}
.proc-title{font-size:0.95rem;font-weight:600;color:var(--ink);margin-bottom:8px;}
.proc-desc{font-size:0.82rem;color:var(--muted);line-height:1.65;}
/* CTA */
.cta-wrap{background:var(--ink);padding:96px 56px;text-align:center;position:relative;overflow:hidden;}
.cta-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(230,51,34,.12) 0%,transparent 70%);}
.cta-wrap h2{font-family:var(--font-body);font-size:clamp(2.328rem,4.85vw,4.365rem);font-weight:700;color:var(--white);letter-spacing:-0.03em;line-height:1.0;margin-bottom:20px;position:relative;}
.cta-wrap h2 em{color:var(--red);font-style:normal;}
.cta-wrap p{color:rgba(255,255,255,.5);margin-bottom:40px;font-size:1rem;position:relative;}
/* FOOTER */
footer{padding:64px 56px 40px;border-top:1px solid var(--rule);background:var(--off-white);}
.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;margin-bottom:48px;}
.footer-brand h3{font-family:var(--font-serif);font-size:1.4rem;font-weight:900;margin-bottom:12px;letter-spacing:-0.02em;}
.footer-brand h3 em{color:var(--red);font-style:normal;}
.footer-brand p{font-size:0.85rem;color:var(--muted);line-height:1.7;max-width:280px;}
.footer-col h4{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted2);margin-bottom:16px;}
.footer-col a{display:block;font-size:0.85rem;color:var(--muted);text-decoration:none;margin-bottom:10px;transition:color .15s;}
.footer-col a:hover{color:var(--ink);}
.footer-bottom{border-top:1px solid var(--rule);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-copy{font-family:var(--font-mono);font-size:0.68rem;color:var(--muted2);letter-spacing:0.06em;}
/* INNER HERO - detail pages */
.inner-hero{padding:128px 56px 72px;background:var(--off-white);border-bottom:1px solid var(--rule);position:relative;overflow:hidden;}
.inner-hero-bg{position:absolute;top:0;right:0;font-family:var(--font-serif);font-size:20vw;font-weight:900;color:rgba(0,0,0,.03);line-height:1;pointer-events:none;letter-spacing:-0.04em;white-space:nowrap;}
.breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.08em;color:var(--muted2);text-transform:uppercase;margin-bottom:24px;}
.bc-link{color:var(--red);text-decoration:none;transition:opacity .15s;}
.bc-link:hover{opacity:.7;}
.back-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);transition:color .15s;margin-bottom:32px;text-decoration:none;border:1px solid var(--rule);padding:7px 14px;border-radius:100px;background:var(--white);}
.back-btn:hover{color:var(--red);border-color:var(--red-mid);background:var(--red-light);}
.inner-hero h1{font-family:var(--font-body);font-size:clamp(2.716rem,5.335vw,5.335rem);font-weight:700;letter-spacing:-0.04em;line-height:0.95;color:var(--ink);max-width:700px;margin-bottom:20px;}
.inner-hero h1 em{color:var(--red);font-style:normal;}
.inner-hero p{font-size:1.05rem;color:var(--muted);line-height:1.75;max-width:580px;}
/* DETAIL BODY */
.detail-body{padding:72px 56px;}
.detail-cols{display:grid;grid-template-columns:1fr 380px;gap:64px;align-items:start;}
.prose h2{font-family:var(--font-serif);font-size:1.7rem;font-weight:700;letter-spacing:-0.03em;color:var(--ink);margin-bottom:14px;margin-top:36px;}
.prose h2:first-child{margin-top:0;}
.prose p{font-size:0.93rem;color:var(--muted);line-height:1.8;margin-bottom:16px;}
.prose ul{list-style:none;margin-top:8px;margin-bottom:20px;}
.prose ul li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:var(--muted);padding:7px 0;border-bottom:1px solid var(--rule);line-height:1.55;}
.prose ul li:last-child{border-bottom:none;}
.prose ul li::before{content:'▸';color:var(--red);flex-shrink:0;margin-top:1px;font-size:0.75rem;}
.callout{background:var(--red-light);border-left:3px solid var(--red);border-radius:0 10px 10px 0;padding:18px 22px;margin:24px 0;font-size:0.88rem;color:var(--ink);line-height:1.7;}
.callout-teal{background:var(--teal-light);border-left:3px solid var(--teal);border-radius:0 10px 10px 0;padding:18px 22px;margin:20px 0;font-size:0.88rem;color:var(--ink);line-height:1.75;}
.callout-amber{background:var(--amber-light);border-left:3px solid var(--amber);border-radius:0 10px 10px 0;padding:18px 22px;margin:20px 0;font-size:0.88rem;color:var(--ink);line-height:1.75;}
/* SIDE CARDS */
.side-card{background:var(--off-white);border:1px solid var(--rule);border-radius:14px;padding:28px;margin-bottom:20px;}
.side-card h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:20px;letter-spacing:-0.02em;padding-bottom:14px;border-bottom:1px solid var(--rule);}
.spec-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--rule);font-size:0.82rem;}
.spec-row:last-child{border-bottom:none;}
.sk{font-family:var(--font-mono);font-size:0.7rem;color:var(--muted2);letter-spacing:0.04em;}
.sv{font-weight:600;color:var(--ink);text-align:right;}
/* TABS */
.learn-tabs-wrap{border-top:1px solid var(--rule);background:var(--off-white);}
.learn-tab-bar{display:flex;align-items:center;gap:10px;padding:28px 56px 0;border-bottom:1px solid var(--rule);}
.learn-tab-btn{font-family:var(--font-body);font-size:0.83rem;font-weight:600;color:var(--muted);padding:10px 24px;border-radius:10px 10px 0 0;border:1px solid transparent;border-bottom:none;cursor:pointer;transition:all .22s;background:transparent;position:relative;bottom:-1px;letter-spacing:0.01em;}
.learn-tab-btn:hover{color:var(--ink);background:var(--white);}
.learn-tab-btn.active{color:var(--ink);background:var(--white);border-color:var(--rule);border-bottom-color:var(--white);}
.learn-tab-btn.active::before{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--red);border-radius:2px 2px 0 0;}
.learn-tab-panel{display:none;padding:56px 56px 72px;background:var(--white);}
.learn-tab-panel.active{display:block;}
/* CONTENT SECTIONS */
.cs-header{margin-bottom:40px;}
.cs-kicker{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--red);margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.cs-kicker::before{content:'';width:20px;height:1px;background:var(--red);}
.cs-title{font-family:var(--font-body);font-size:clamp(1.75rem,2.9vw,2.52rem);font-weight:700;letter-spacing:-0.03em;color:var(--ink);line-height:1.05;}
.cs-title em{color:var(--red);font-style:normal;}
.cs-sub{font-size:0.93rem;color:var(--muted);line-height:1.75;max-width:520px;margin-top:10px;}
/* BASICS GRID */
.basics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;}
.basics-card{background:var(--off-white);border:1px solid var(--rule);border-radius:14px;padding:28px;transition:box-shadow .25s,transform .25s;}
.basics-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);background:var(--white);}
.basics-card-icon{font-size:1.8rem;margin-bottom:14px;}
.basics-card-title{font-size:0.95rem;font-weight:700;color:var(--ink);margin-bottom:8px;letter-spacing:-0.01em;}
.basics-card-body{font-size:0.88rem;color:var(--muted);line-height:1.75;}
/* PROCESS FLOW */
.process-flow{display:flex;gap:0;margin:32px 0;border:1px solid var(--rule);border-radius:16px;overflow:hidden;}
.pf-step{flex:1;padding:28px 22px;border-right:1px solid var(--rule);position:relative;transition:background .2s;}
.pf-step:last-child{border-right:none;}
.pf-step:hover{background:var(--red-light);}
.pf-num{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--red);margin-bottom:10px;}
.pf-title{font-size:0.88rem;font-weight:600;color:var(--ink);margin-bottom:6px;}
.pf-body{font-size:0.82rem;color:var(--muted);line-height:1.65;}
/* ENGINEERING BLOCKS */
.eng-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;}
.eng-block{background:var(--off-white);border:1px solid var(--rule);border-radius:14px;padding:28px;}
.eng-block-title{font-size:0.97rem;font-weight:700;color:var(--ink);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--rule);letter-spacing:-0.01em;}
.eng-block p{font-size:0.88rem;color:var(--muted);line-height:1.78;}
.eng-block ul{list-style:none;margin-top:10px;}
.eng-block ul li{font-size:0.87rem;color:var(--muted);padding:7px 0;border-bottom:1px solid var(--rule);display:flex;gap:8px;align-items:flex-start;line-height:1.6;}
.eng-block ul li:last-child{border-bottom:none;}
.eng-block ul li::before{content:'▸';color:var(--red);flex-shrink:0;font-size:0.72rem;margin-top:2px;}
.eng-formula{background:var(--ink);color:var(--white);border-radius:10px;padding:16px 20px;font-family:var(--font-mono);font-size:0.78rem;line-height:1.8;margin:14px 0;overflow-x:auto;}
.eng-formula span{color:var(--red);}
/* WIDE CALLOUT */
.wide-callout{background:var(--ink);color:var(--white);border-radius:16px;padding:36px 40px;margin:0 0 36px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;}
.wide-callout p{font-size:0.95rem;line-height:1.78;color:rgba(255,255,255,.8);}
.wide-callout strong{color:var(--white);font-weight:600;}
.wc-stat{text-align:center;}
.wc-stat-n{font-family:var(--font-serif);font-size:2.6rem;font-weight:900;color:var(--red);line-height:1;}
.wc-stat-l{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:4px;}
/* PARAM & COMP TABLES */
.param-table{width:100%;border-collapse:collapse;font-size:0.82rem;margin:16px 0;}
.param-table th{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted2);padding:10px 14px;text-align:left;border-bottom:2px solid var(--rule);background:var(--off-white);}
.param-table td{font-size:0.84rem;padding:10px 14px;border-bottom:1px solid var(--rule);color:var(--muted);vertical-align:top;}
.param-table tr:last-child td{border-bottom:none;}
.param-table tr:hover td{background:var(--red-light);}
.param-table .val{font-weight:600;color:var(--ink);font-family:var(--font-mono);font-size:0.78rem;}
.comp-table{width:100%;border-collapse:collapse;margin-top:24px;font-size:0.84rem;}
.comp-table th{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted2);padding:12px 16px;background:var(--off-white);text-align:left;border-bottom:2px solid var(--rule);}
.comp-table td{padding:11px 16px;border-bottom:1px solid var(--rule);color:var(--muted);}
.comp-table tr:hover td{background:var(--off-white);}
.comp-table td:first-child{color:var(--ink);font-weight:600;}
.g{color:var(--teal);font-weight:600;}.y{color:var(--amber);font-weight:600;}.r{color:var(--red);font-weight:600;}
/* DEFECT GRID */
.defect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;}
.defect-card{border:1px solid var(--rule);border-radius:12px;padding:20px;background:var(--white);}
.defect-name{font-weight:700;color:var(--ink);font-size:0.87rem;margin-bottom:6px;}
.defect-cause{font-size:0.82rem;color:var(--muted);margin-bottom:4px;}
.defect-fix{font-size:0.78rem;color:var(--teal);font-family:var(--font-mono);}
/* TESTIMONIAL */
.testimonial{background:var(--ink);border-radius:14px;padding:28px;margin-bottom:20px;}
.t-quote{font-family:var(--font-serif);font-size:1rem;font-style:italic;color:rgba(255,255,255,.85);line-height:1.7;margin-bottom:16px;}
.t-who{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,.4);}
.t-who strong{color:var(--red);}
/* MINI FOOTER */
.mini-footer{padding:32px 56px;border-top:1px solid var(--rule);background:var(--off-white);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.mini-footer-brand{font-family:var(--font-serif);font-size:1rem;font-weight:900;}
.mini-footer-brand em{color:var(--red);font-style:normal;}
.mini-footer-copy{font-family:var(--font-mono);font-size:0.65rem;color:var(--muted2);letter-spacing:0.06em;}
/* CHIP */
.chip{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;padding:4px 10px;border-radius:100px;background:var(--off-white);color:var(--muted);border:1px solid var(--rule);}
.chip.red{background:var(--red-light);color:var(--red);border-color:var(--red-mid);}
.chip.teal{background:var(--teal-light);color:var(--teal);border-color:#b3dada;}
.chip.amber{background:var(--amber-light);color:var(--amber);border-color:#f5d6a0;}
/* RESPONSIVE */
@media(max-width:1024px){.hero{grid-template-columns:1fr;}.hero-right{border-top:1px solid var(--rule);}.mat-grid{grid-template-columns:1fr 1fr;}.tech-grid{grid-template-columns:1fr 1fr;}.process-strip{grid-template-columns:1fr 1fr;}.detail-cols{grid-template-columns:1fr;}.footer-top{grid-template-columns:1fr 1fr;}.eng-grid{grid-template-columns:1fr;}}
@media(max-width:700px){nav{padding:0 20px;}.nav-center{display:none;}section,.inner-hero,.detail-body,.cta-wrap,footer,.mini-footer{padding-left:20px;padding-right:20px;}.hero-left,.hero-right{padding:48px 20px;}.mat-grid,.tech-grid,.process-strip{grid-template-columns:1fr;}.footer-top{grid-template-columns:1fr;}.learn-tab-bar{padding:20px 20px 0;gap:6px;}.learn-tab-panel{padding:32px 20px 48px;}.basics-grid,.eng-grid,.defect-grid{grid-template-columns:1fr;}.process-flow{flex-direction:column;}.pf-step{border-right:none;border-bottom:1px solid var(--rule);}.pf-step:last-child{border-bottom:none;}}