@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1115;--surface:#11191e;--surface2:#141f25;--edge:#26343a;--ink:#edf1ed;--muted:#9da9a6;--subtle:#647571;--mint:#b7d9ca;--accent:#d9b992;--line:rgba(225,240,235,.12);--max:1420px;--font:'DM Sans',system-ui,sans-serif;--display:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:#bbdace;color:#10201b}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.site-shell{overflow:hidden}.section-wrap{max-width:var(--max);margin:auto;padding-left:clamp(24px,5.5vw,84px);padding-right:clamp(24px,5.5vw,84px)}.skip-link{position:absolute;top:-60px;left:15px;background:white;color:black;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{position:relative;z-index:30;height:90px;max-width:1580px;margin:auto;display:flex;align-items:center;gap:30px;padding:0 clamp(24px,4vw,70px);border-bottom:1px solid var(--line);transition:background .3s}.site-header.scrolled{background:#0b1115ee}.brand{display:flex;gap:13px;align-items:center;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid #5e706b;font-size:22px;font-weight:800;letter-spacing:-3px;border-radius:11px}.brand-dot{color:var(--accent)}.brand-wordmark{font-size:12px;font-weight:800;letter-spacing:.13em}.brand-wordmark small{font-size:10px;color:var(--subtle);font-weight:600;letter-spacing:.08em}.header-nav{display:flex;gap:28px;margin-left:auto}.header-nav a{font-size:12px;font-weight:700;color:#aebbb7;transition:color .2s}.header-nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:28px;margin-left:auto}.availability{font-size:11px;color:#acb9b5;display:flex;align-items:center;gap:8px;white-space:nowrap}.availability-dot{width:6px;height:6px;border-radius:50%;background:#b6d8bd;box-shadow:0 0 0 4px #b6d8bd20}.contact-link{padding:12px 17px;border:1px solid #43554f;border-radius:5px;font-size:12px;font-weight:700;white-space:nowrap}.contact-link span{color:var(--mint);margin-left:18px}.contact-link:hover{background:#1b2d29}
.hero{max-width:1580px;margin:auto;min-height:680px;display:grid;grid-template-columns:52% 48%;position:relative;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(70px,8vw,135px) 28px 50px clamp(24px,5.5vw,84px);position:relative;z-index:2}.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#bdc9c1 0.45px,transparent .45px);background-size:5px 5px;mask-image:linear-gradient(to right,#000,transparent 80%)}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:700;color:#a9baaf;display:flex;align-items:center;gap:14px;margin:0 0 30px}.line-decor{width:24px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.063em}h1{font-size:clamp(64px,6.9vw,105px);line-height:1.07;font-weight:600;margin:0 0 30px}h1 em,h2 em{font-style:normal;font-weight:500;color:var(--mint)}.hero-subtitle{max-width:515px;font-size:clamp(15px,1.45vw,18px);line-height:1.9;color:#a6b4b0;margin:0 0 40px}.hero-cta{display:flex;align-items:center;gap:30px}.button-primary{display:inline-flex;align-items:center;gap:45px;padding:19px 22px;background:#cbded3;border:1px solid #cbded3;border-radius:4px;color:#0e1c18;font-size:12px;font-weight:800;transition:transform .25s,background .25s}.button-primary:hover{transform:translateY(-3px);background:#eef6ee}.button-primary span{font-size:17px;font-weight:400}.button-text{color:#b9c7bf;font-size:12px;font-weight:700}.button-text span{margin-left:15px}.hero-micro{display:flex;align-items:center;gap:15px;position:absolute;bottom:40px;color:#647974;font-size:9px;letter-spacing:.15em}.hero-micro strong{color:#a4b7ad}.micro-line{width:36px;height:1px;background:#435850}
.hero-visual{min-height:650px;position:relative;overflow:hidden;background:#1a292e}.hero-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.62) saturate(.68);transform:scale(1.1) translate(var(--px,0),var(--py,0));transition:transform .45s ease-out}.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b1115 0%,#0b111566 22%,transparent 65%),linear-gradient(0deg,#0b1115 0%,transparent 50%,#06101144 100%)}.visual-grid{position:absolute;inset:0;z-index:1;opacity:.18;background:linear-gradient(90deg,transparent calc(100% - 1px),#d1e6dc 1px) 0 0/75px 75px,linear-gradient(transparent calc(100% - 1px),#d1e6dc 1px) 0 0/75px 75px;mask-image:radial-gradient(ellipse at center,#000,transparent 68%)}.floating-label{position:absolute;z-index:2;backdrop-filter:blur(18px);background:#111a1bcf;border:1px solid #78968b55;border-radius:5px}.floating-label-top{top:66px;right:48px;width:235px;padding:20px;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.1em;font-weight:800}.floating-label-top small{display:block;font-size:9px;letter-spacing:.13em;color:#90aaa2;font-weight:500;margin-top:7px}.floating-label-top .faint{margin-left:auto;color:#8aa79b}.status-ring{width:13px;height:13px;border:1px solid #aad9c2;border-radius:50%;position:relative}.status-ring:after{content:"";position:absolute;inset:3px;background:#b4e2cb;border-radius:50%;box-shadow:0 0 11px #b4e2cb}.hero-orbit{position:absolute;z-index:2;top:39%;left:45%;width:230px;height:230px;border:1px solid #c4ded35e;border-radius:50%;display:grid;place-items:center;animation:orbitTurn 55s linear infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px dashed #c0dac451;border-radius:50%}.hero-orbit:before{inset:26px}.hero-orbit:after{inset:64px}.orbit-center{font-weight:800;font-size:21px;letter-spacing:-2px;color:#dbebe2}.orbit-point{position:absolute;background:#c4e7cf;border-radius:50%;width:6px;height:6px;box-shadow:0 0 17px #dcfae2}.point-a{top:17px;left:56px}.point-b{bottom:50px;right:-3px}.point-c{bottom:7px;left:57px}.floating-label-bottom{bottom:56px;left:25px;width:315px;padding:19px 23px;display:flex;flex-direction:column;gap:9px}.fine-caption{font-size:9px;letter-spacing:.17em;color:#a0b8aa}.floating-label-bottom strong{font-family:var(--display);font-size:17px;letter-spacing:-.045em}.hero-index{position:absolute;bottom:40px;right:42px;color:#d9e9e099;font-size:11px;letter-spacing:.1em;z-index:2}.hero-index span{color:#7b9990}
.marquee-strip{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;white-space:nowrap;overflow:hidden;color:#90a298;font-weight:800;letter-spacing:.22em;font-size:10px}.marquee-inner{min-width:max-content;display:flex;align-items:center;gap:38px;animation:marquee 65s linear infinite}.marquee-inner span{color:var(--accent);font-size:17px}
.work-section{padding-top:137px;padding-bottom:128px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:66px}.section-heading .eyebrow{color:var(--accent)}.section-heading h2,.lab-copy h2{font-size:clamp(42px,5vw,70px);line-height:1.15;font-weight:600;margin-bottom:0}.section-heading>p{max-width:390px;color:#98aaa5;line-height:1.85;font-size:14px;margin-bottom:5px}.track-tabs{display:flex;gap:6px;border-bottom:1px solid #364640;padding-bottom:15px;overflow-x:auto;scrollbar-width:thin}.track-tab{border:1px solid transparent;background:transparent;color:#91a59b;padding:15px 17px;font-size:12px;font-weight:700;white-space:nowrap;border-radius:3px;transition:color .2s,background .2s}.track-tab span{font-size:9px;color:#6c8077;margin-right:9px}.track-tab:hover{color:white;background:#1d282b}.track-tab.active{background:#cadfd3;color:#111b17}.track-tab.active span{color:#526c5f}.track-intro{display:flex;align-items:center;gap:22px;padding:29px 3px 24px;min-height:93px}.track-intro>span:first-child{color:#d8bd9c;font-size:10px;letter-spacing:.14em;font-weight:800;white-space:nowrap}.track-intro p{font-size:13px;color:#a8b8af;margin:0}.counter{color:#678179;font-size:9px;letter-spacing:.1em;margin-left:auto;white-space:nowrap}.tailored-note{display:none}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{border:1px solid #2a3a3b;background:#11191e;border-radius:5px;min-width:0;overflow:hidden;transition:border-color .3s,transform .3s;transition-delay:0s}.project-card:hover{border-color:#71887b;transform:translateY(-4px)}.project-card.wide{grid-column:span 2}.project-click{width:100%;height:100%;border:0;background:transparent;padding:0;color:inherit;text-align:left;display:flex;flex-direction:column}.project-image{height:230px;position:relative;overflow:hidden;width:100%;background:#1b3131}.project-card.wide .project-image{height:310px}.project-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.58) brightness(.74);transition:transform .8s cubic-bezier(.2,.6,.2,1),filter .5s}.project-card:hover .project-image img{transform:scale(1.065);filter:saturate(.82) brightness(.84)}.project-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#11191ec4,transparent 65%),linear-gradient(130deg,#13352b55,transparent)}.project-index{position:absolute;top:22px;left:23px;font-size:10px;letter-spacing:.14em;color:#d6e5d8;font-weight:700}.project-image-symbol{position:absolute;bottom:10px;right:25px;font-size:62px;line-height:1;color:#d8e8db4d;font-weight:200}.project-content{padding:27px 26px 28px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.project-topline{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#a1b8a6;margin-bottom:20px;gap:5px}.project-topline span:last-child{color:#7f9990}.project-content h3{font-family:var(--display);font-size:clamp(21px,2vw,28px);letter-spacing:-.055em;line-height:1.18;margin:0 0 9px;font-weight:650}.project-subtitle{color:#b8cfbc;font-size:12px;margin:0 0 17px}.project-description{font-size:13px;line-height:1.85;color:#91a39e;margin:0 0 29px;max-width:540px}.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.project-tags span{border:1px solid #344741;border-radius:3px;color:#a2bcb0;font-size:10px;padding:7px 9px}.section-footnote{font-size:11px;color:#81948d;margin-top:30px;line-height:1.9}.footnote-star{color:var(--accent);font-size:14px;margin-right:9px}
.lab-section{background:#121d21;border-top:1px solid #27393a;border-bottom:1px solid #27393a;position:relative}.lab-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 50%,#34514922,transparent 48%)}.lab-wrap{position:relative;display:grid;grid-template-columns:42% 58%;align-items:center;gap:6%;padding-top:128px;padding-bottom:135px}.lab-copy .eyebrow{color:var(--accent)}.lab-copy h2{margin:0 0 32px}.lab-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#a1b4ac;max-width:420px}.lab-copy .lab-disclaimer{font-size:11px!important;color:#6f9387!important}.lab-steps{display:flex;gap:6px;margin-top:44px;flex-wrap:wrap}.lab-step{border:1px solid #445b54;background:transparent;color:#a8bcad;padding:13px 15px;border-radius:4px;font-size:12px;font-weight:700}.lab-step span{font-size:9px;margin-right:10px;opacity:.65}.lab-step.selected{background:#cbded3;border-color:#cbded3;color:#102019}.lab-panel{min-width:0;border:1px solid #3a5352;border-radius:7px;overflow:hidden;background:#0b1418;box-shadow:0 28px 80px #03090980}.panel-top{height:52px;padding:0 22px;border-bottom:1px solid #334644;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#879f93;font-size:9px;letter-spacing:.12em}.panel-top>span:first-child{display:flex;align-items:center;gap:6px}.panel-top i{width:6px;height:6px;border-radius:50%;background:#4d675e}.panel-top i:first-child{background:#b98177}.panel-top i:nth-child(2){background:#ceb18a}.panel-top i:nth-child(3){background:#90bcaa}.panel-live{color:#9fd7b2;margin-left:6px}.diagram{display:flex;align-items:center;justify-content:space-between;min-height:275px;padding:35px 24px;gap:4px;background:linear-gradient(#1b28284d 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,#1b28284d 1px,transparent 1px) 0 0/30px 30px}.diagram-node{z-index:1;display:flex;align-items:center;flex-direction:column;justify-content:center;width:120px;min-width:0;height:160px;border:1px solid #354944;background:#101d22cf;border-radius:5px;transition:border-color .3s,box-shadow .3s,transform .3s;text-align:center;padding:11px}.diagram-node.active-node{border-color:#c3dfc9;box-shadow:0 0 30px #a3cdb128;transform:translateY(-3px)}.diagram-node img{height:61px;width:80px;object-fit:contain;margin-bottom:15px}.diagram-node span{font-size:10px;font-weight:800;letter-spacing:.08em}.diagram-node small{font-size:9px;color:#839d93;margin-top:7px}.diag-wire{height:1px;flex:1;min-width:12px;background:#5b8577;position:relative}.diag-wire:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid #5b8577;border-top:3px solid transparent;border-bottom:3px solid transparent}.flow-particle{position:absolute;top:-2px;left:0;background:#d3f5dc;width:5px;height:5px;box-shadow:0 0 12px #d3f5dc;border-radius:50%;animation:flowAcross 3s ease-in-out infinite}.flow-particle.delayed{animation-delay:1.1s}.diagnostic-readout{border-top:1px solid #2b4340;padding:25px 30px 32px}.readout-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#c2dacb;font-weight:800}.readout-pulse{color:#8cbcab;font-size:9px}.readout-metric{display:flex;gap:21px;align-items:center;margin:14px 0}.readout-metric strong{font-family:var(--display);font-weight:500;font-size:49px;letter-spacing:-.07em;color:#e5f2ea}.readout-metric strong small{font-size:17px;letter-spacing:0}.readout-metric>span{font-size:12px;color:#86a29a}.diagnostic-readout p{font-size:12px;line-height:1.85;color:#94b0a3;max-width:520px;min-height:44px}.readout-progress{height:2px;background:#304b41;margin-top:24px}.readout-progress span{display:block;height:100%;background:#c8dfc9;transition:width .4s}
.approach-section{padding-top:145px;padding-bottom:150px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #30423d;border-bottom:1px solid #30423d}.principle{min-width:0;padding:34px 36px 40px 0;border-right:1px solid #30423d}.principle:not(:first-child){padding-left:32px}.principle:last-child{border:0}.principle-no{font-size:10px;letter-spacing:.12em;color:#adc1b4}.principle-art{height:175px;display:grid;place-items:center}.principle-art img{height:130px;width:180px;object-fit:contain;filter:drop-shadow(0 0 14px #77a69515)}.principle h3{font-size:20px;font-family:var(--display);letter-spacing:-.05em;font-weight:600;margin:8px 0 15px}.principle p{max-width:290px;font-size:13px;color:#91a49c;line-height:1.9;margin:0}
.closing-section{padding-top:120px;padding-bottom:145px;border-top:1px solid #33423e;position:relative;isolation:isolate}.closing-section .eyebrow{color:var(--accent)}.closing-section h2{font-size:clamp(52px,6.5vw,90px);max-width:850px;line-height:1.14;margin:0 0 28px;font-weight:600}.closing-section>p:not(.eyebrow){font-size:15px;color:#a1b3a9;margin-bottom:36px}.closing-shape{position:absolute;z-index:-1;right:0;top:35px;line-height:1;font-size:min(30vw,450px);font-weight:800;font-family:var(--display);letter-spacing:-.15em;color:#1f2c2b55;pointer-events:none}.site-footer{border-top:1px solid #33423e;max-width:1580px;margin:0 auto;padding:31px clamp(24px,5.5vw,84px) 68px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7e9489;font-size:11px}.footer-brand{color:#d3e5d5;font-size:12px;font-weight:800;letter-spacing:.11em}.footer-brand span{font-size:8px;vertical-align:super;margin-left:3px}.site-footer a:hover{color:white}.preview-banner{position:fixed;z-index:100;bottom:0;left:0;right:0;background:#e5d7bd;color:#2e2b26;text-align:center;font-size:10px;letter-spacing:.08em;font-weight:800;padding:9px 14px;box-shadow:0 -2px 12px #0004}.preview-indicator{color:#bd6545;margin-right:9px}.preview-secondary{font-weight:500;letter-spacing:normal}
dialog{background:#122025;border:1px solid #536f62;color:#e8f2e9;width:min(780px,calc(100vw - 30px));max-height:min(90vh,900px);padding:0;border-radius:8px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#03100ddd;backdrop-filter:blur(8px)}.modal-content{position:relative;padding:48px clamp(24px,5vw,58px);max-height:90vh;overflow-y:auto}.modal-close{position:sticky;float:right;top:0;background:#24362f;border:1px solid #4e6e5f;border-radius:50%;width:38px;height:38px;color:white;font-size:14px;z-index:2}.modal-eyebrow{color:#bcd4bb;font-size:10px;letter-spacing:.16em;margin-bottom:20px}.modal-content h2{font-size:clamp(35px,5vw,57px);font-weight:600;margin:0 0 12px}.modal-subtitle{font-size:16px;color:#a2c1b3;margin-bottom:28px}.modal-image{height:260px;border-radius:5px;overflow:hidden;margin:0 0 35px;background:#1b312b}.modal-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.63) brightness(.78)}.modal-content h3{font-size:11px;letter-spacing:.17em;color:#e4c3a0;margin:25px 0 12px;text-transform:uppercase}.modal-content p{font-size:14px;line-height:1.9;color:#acbfb6}.modal-tags{margin-top:0}.review-notice{border:1px solid #896f4a;background:#2c3024;padding:17px 19px;margin-top:34px;border-radius:5px}.review-notice span{color:#f3d2a8;font-size:10px;letter-spacing:.13em;font-weight:800}.review-notice p{font-size:12px;margin:8px 0 0}
.reveal{opacity:0;transform:translateY(17px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}@keyframes orbitTurn{to{transform:rotate(360deg)}}@keyframes flowAcross{to{left:100%}}@keyframes marquee{to{transform:translateX(-40%)}}@media(max-width:1150px){.availability{display:none}.header-nav{gap:15px}.hero{grid-template-columns:54% 46%}.hero-visual{min-height:620px}.hero-orbit{left:28%;top:36%}.lab-wrap{gap:3%}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card.wide{grid-column:span 2}.track-intro{flex-wrap:wrap}.counter{margin-left:0}}@media(max-width:780px){.site-header{height:70px}.brand-wordmark small{display:none}.header-nav{display:none}.header-actions{margin-left:auto}.hero{display:flex;flex-direction:column}.hero-copy{padding:90px 24px 85px}.hero-copy h1{font-size:clamp(54px,10vw,84px)}.hero-micro{bottom:22px}.hero-visual{height:420px;min-height:420px}.hero-photo-shade{background:linear-gradient(0deg,#0b1115 0%,transparent 55%)}.floating-label-top{top:26px;right:20px}.floating-label-bottom{bottom:35px;left:20px}.hero-orbit{width:185px;height:185px;top:20%;left:46%}.marquee-strip{height:64px}.work-section{padding-top:88px;padding-bottom:86px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:24px}.track-tabs{margin-right:-24px}.track-intro{align-items:flex-start;gap:12px}.track-intro p{width:100%;order:3}.project-grid{grid-template-columns:1fr;gap:16px}.project-card.wide{grid-column:span 1}.project-card.wide .project-image,.project-image{height:230px}.lab-wrap{grid-template-columns:1fr;padding-top:85px;padding-bottom:90px;gap:45px}.lab-copy h2{font-size:60px}.approach-section{padding-top:90px;padding-bottom:100px}.principles{grid-template-columns:1fr}.principle,.principle:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid #30423d}.principle:last-child{border-bottom:0}.principle-art{height:140px;justify-content:start}.principle h3{margin-top:0}.closing-section{padding-top:95px;padding-bottom:110px}.site-footer{flex-wrap:wrap;justify-content:flex-start;gap:17px 26px}.site-footer>*{width:calc(50% - 13px)}}@media(max-width:440px){.brand-wordmark{font-size:10px}.contact-link{padding:10px}.contact-link span{margin-left:5px}.hero-cta{gap:16px}.button-primary{gap:22px;padding:16px 15px}.hero-subtitle{font-size:15px}.hero-visual{height:375px;min-height:375px}.hero-orbit{left:40%;width:155px;height:155px}.floating-label-bottom{width:260px}.floating-label-top{width:190px;font-size:9px}.diagram{padding:22px 12px;min-height:230px}.diagram-node{width:93px;height:135px;padding:8px}.diagram-node img{height:50px;width:65px}.diagram-node span{font-size:9px}.diagram-node small{font-size:8px}.panel-top{padding:0 12px;font-size:8px}.diagnostic-readout{padding:20px 18px 24px}.readout-heading{font-size:9px}.preview-secondary{display:none}.closing-shape{top:150px}.site-footer>*{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
/* v0.4 — layered hardware explorer and role-aware presentation */
.role-kicker{display:inline-flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.125em;font-weight:700;color:#acc7ba;text-transform:uppercase;margin:-8px 0 28px}.role-kicker:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#c6dcae;box-shadow:0 0 10px #a0d4a680}
.components-section{padding-top:123px;padding-bottom:140px}.components-section .section-heading{margin-bottom:58px}.components-section .section-heading .eyebrow{color:var(--accent)}
.component-explorer{display:grid;grid-template-columns:minmax(245px,32%) minmax(0,68%);border:1px solid #34483f;background:#101a1d;min-height:500px;border-radius:6px;overflow:hidden}
.component-menu{border-right:1px solid #34483f;display:flex;flex-direction:column}
.component-tab{position:relative;display:flex;align-items:center;gap:17px;flex:1;border:0;border-bottom:1px solid #2c413b;background:transparent;color:#8fa89d;padding:23px 26px;text-align:left;transition:background .35s,color .35s}
.component-tab:last-child{border-bottom:0}.component-tab:hover{background:#1a2b2d;color:white}
.component-tab.active{background:#22312f;color:#e9f0e7;box-shadow:inset 3px 0 #c1ddc7}.component-n{align-self:flex-start;font-size:10px;letter-spacing:.09em;color:#a3bba7;margin-top:5px}
.component-name{font:600 17px/1.25 var(--display);letter-spacing:-.045em;flex:1}
.component-name small{display:block;font:400 11px/1.5 var(--font);letter-spacing:0;color:#819b90;margin-top:9px}
.component-arrow{font-size:19px;color:#86a395;align-self:flex-start;opacity:.4;transition:transform .3s,opacity .3s}.component-tab.active .component-arrow,.component-tab:hover .component-arrow{opacity:1;transform:translate(2px,-2px)}
.component-panel{display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);min-width:0}
.component-photo{position:relative;min-height:498px;overflow:hidden;background:#20322f;isolation:isolate}
.component-photo>img:first-child{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;filter:saturate(.57) brightness(.61);transition:transform .9s ease,filter .9s ease}
.component-photo:hover>img:first-child{transform:scale(1.04);filter:saturate(.75) brightness(.7)}
.component-photo-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#071312d9 0%,transparent 45%,#07131280 100%),linear-gradient(90deg,#0b1e189a,transparent)}
.component-stage-label{position:absolute;top:28px;left:27px;font-size:10px;letter-spacing:.15em;color:#c5d8ca;font-weight:700}
.component-schematic{position:absolute;width:min(58%,240px);height:210px;left:50%;top:50%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 13px 15px #061611) drop-shadow(0 0 40px #9bcbac55);animation:schematicFloat 9s ease-in-out infinite}
.component-photo-corner{position:absolute;bottom:28px;left:29px;font-size:10px;letter-spacing:.15em;color:#d2e3d6}
.component-details{padding:34px 30px 33px;display:flex;flex-direction:column;min-width:0}
.component-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:#adc6b7;font-weight:700;margin-bottom:70px}
.component-details h3{font:600 clamp(24px,2.8vw,40px)/1.1 var(--display);letter-spacing:-.06em;margin:0 0 23px}
.component-details>p:not(.component-credit){font-size:13px;color:#a1b6ac;line-height:1.9}
.component-facts{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 36px}
.component-facts span{padding:8px 10px;border:1px solid #345247;border-radius:3px;font-size:10px;color:#b1cbbd}
.component-quote{border-left:2px solid var(--accent);padding:11px 0 11px 17px;margin-top:auto!important;font:500 16px/1.6 var(--display)!important;letter-spacing:-.02em;color:#dae8d9!important}
.component-credit{margin:22px 0 0;color:#718f81;font-size:10px;line-height:1.5}
.image-fallback{object-fit:contain!important;padding:12%;background:radial-gradient(circle at center,#243d36,#0c1d1c)!important;filter:none!important}
.case-study-placeholder{border:1px solid #53634c;padding:16px;border-radius:3px;font-size:11px;letter-spacing:.07em;color:#b9c5b2;margin:24px 0}
.case-study-block{border-top:1px solid #446256;border-bottom:1px solid #446256;margin:30px 0;padding:20px 0}
.case-study-eyebrow{display:block;color:#d9c099;letter-spacing:.14em;font-size:10px;font-weight:700;margin-bottom:12px}
.case-study-row{display:grid;grid-template-columns:28% 1fr;gap:25px;border-top:1px solid #2c403b;padding:17px 0}
.case-study-row strong{font-size:11px;color:#cadfce;line-height:1.6;font-weight:700}
.case-study-row p{margin:0!important;color:#9ab1a5;font-size:12px!important;line-height:1.8!important}
@keyframes schematicFloat{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}
@media(max-width:1150px){.component-explorer{grid-template-columns:31% 69%}.component-panel{grid-template-columns:52% 48%}.component-menu .component-tab{padding:20px 15px}.component-details{padding:27px 21px}.component-meta{margin-bottom:48px}}
@media(max-width:860px){.component-explorer{grid-template-columns:1fr}.component-menu{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #34483f}.component-tab{min-width:185px;flex:auto;border-bottom:0;border-right:1px solid #34483f;padding:15px!important}.component-tab.active{box-shadow:inset 0 -3px #c1ddc7}.component-arrow{display:none}.component-panel{grid-template-columns:50% 50%}.component-photo{min-height:360px}.component-meta{margin-bottom:35px}.component-schematic{height:170px}}
@media(max-width:600px){.role-kicker{font-size:9px}.components-section{padding-top:85px;padding-bottom:88px}.components-section .section-heading{margin-bottom:35px}.component-panel{grid-template-columns:1fr}.component-photo{min-height:310px}.component-details{padding:29px 24px 35px}.component-meta{margin-bottom:24px}.component-quote{margin-top:10px!important}.case-study-row{grid-template-columns:1fr;gap:7px}.component-tab{min-width:165px}.component-name{font-size:14px}.component-name small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.component-schematic{animation:none}}

.blueprint-inline-link{display:inline-flex;gap:18px;align-items:center;margin:14px 0 6px;border:1px solid #78958675;border-radius:4px;color:#d2e9d6;font-size:12px;font-weight:700;padding:15px 19px;transition:background .2s,transform .2s}.blueprint-inline-link:hover{background:#31504355;transform:translateY(-2px)}

/* Exact product model evidence — portfolio v0.5 */
.hardware-section{padding-top:115px;padding-bottom:135px;border-top:1px solid #253c34}
.hardware-section .section-heading .eyebrow{color:var(--accent)}
.hardware-section .section-heading{margin-bottom:55px}
.hardware-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.model-reference-card{border:1px solid #385449;border-radius:6px;background:#111d20;overflow:hidden;min-width:0;transition:transform .3s,border-color .3s}
.model-reference-card:hover{transform:translateY(-3px);border-color:#7da995}
.model-photo{height:275px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 55% 50%,#eff2e9 0%,#d5dbd3 75%);overflow:hidden}
.model-photo img{height:100%;width:100%;object-fit:contain;padding:19px 35px;mix-blend-mode:multiply;transition:transform .5s ease}
.model-reference-card:hover .model-photo img{transform:scale(1.05)}
.model-photo-index{position:absolute;left:25px;top:22px;font-size:9px;font-weight:800;letter-spacing:.13em;background:#0c1818e6;color:#c7e2d2;padding:9px 10px;border-radius:3px}
.model-card-text{padding:34px 34px 28px;display:flex;flex-direction:column;min-height:276px}
.model-kicker{font-size:9px;letter-spacing:.16em;color:#d6bb96;font-weight:800}
.model-card-text h3{font:600 clamp(23px,2.3vw,33px)/1.2 var(--display);letter-spacing:-.055em;margin:14px 0 5px}
.model-card-text .model-number{font-size:12px;color:#c2d9c8;margin:0 0 18px;font-weight:600}
.model-card-text>p:not(.model-number){font-size:13px;line-height:1.8;color:#9eb2a8;margin-bottom:20px}
.model-card-text>small{font-size:11px;color:#7f978a;line-height:1.7;margin-top:auto}
.model-sources{display:flex;gap:20px;flex-wrap:wrap;padding-top:20px;margin-top:25px;border-top:1px solid #324b43}
.model-sources a{font-size:11px;color:#d1e6d5;font-weight:700}
.model-sources a:hover{color:#fff;text-decoration:underline}
.model-pending{border-top:1px solid #365046;margin-top:36px;padding-top:26px;display:flex;gap:32px;align-items:flex-start}
.model-pending>span{color:#d1bd99;font-size:10px;line-height:1.7;letter-spacing:.12em;font-weight:700;flex:0 0 180px}
.model-pending>div{display:flex;gap:10px;flex-wrap:wrap}
.model-pending>div>span{border:1px solid #345044;border-radius:3px;padding:10px 12px;color:#d3e4d5;font-size:11px}
.model-pending small{font-size:10px;color:#95a79b}
.model-inline{margin-top:26px;padding-top:20px;border-top:1px solid #36564a}
.model-inline-row{display:flex;gap:15px;align-items:center;padding:12px;border:1px solid #39574a;border-radius:4px;margin:11px 0}
.model-inline-row img{width:83px;height:59px;object-fit:contain;background:#e6ebe3;border-radius:3px;padding:4px}
.model-inline-row strong{display:block;font-size:13px;color:#d3e6d7}
.model-inline-row small{display:block;font-size:10px;color:#98b1a2;margin-top:5px}
.model-inline-row>span:last-child{margin-left:auto}
@media(max-width:860px){.hardware-section{padding-top:85px;padding-bottom:88px}.model-photo{height:220px}.model-card-text{padding:25px 22px}.model-pending{flex-direction:column;gap:13px}}
@media(max-width:620px){.hardware-models{grid-template-columns:1fr}.model-photo{height:235px}.model-card-text{min-height:unset}.model-photo img{padding:22px}.model-card-text h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.model-reference-card,.model-photo img{transition:none}}

/* Editorial, source-grounded field-study links */
.featured-studies{padding-top:90px;padding-bottom:105px;border-top:1px solid #2b463b}
.featured-studies .section-heading{margin-bottom:45px}
.featured-studies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.featured-study{border:1px solid #3b564c;border-radius:5px;background:linear-gradient(140deg,#19302b,#111c20 65%);transition:transform .25s,border-color .25s}
.featured-study:hover{transform:translateY(-4px);border-color:#a4ccb5}
.featured-study>a{min-height:325px;padding:28px;display:flex;flex-direction:column;height:100%}
.featured-study-tag{font-size:10px;color:#dbba95;letter-spacing:.12em;font-weight:800}
.featured-study-art{font-size:61px;line-height:1;margin:31px 0 17px;color:#add4c0}
.featured-study h3{font:600 clamp(21px,2.2vw,30px)/1.2 var(--display);letter-spacing:-.05em;margin:0 0 13px}
.featured-study p{font-size:12px;line-height:1.82;color:#afc1b5;margin:0 0 27px}
.featured-study-link{font-size:10px;letter-spacing:.05em;color:#cee3d5;font-weight:800;margin-top:auto}
.modal-deep-link{display:inline-flex;padding:14px 18px;border-radius:4px;color:#d0e9d7;border:1px solid #729787;font-size:12px;font-weight:800}
.modal-deep-link:hover{background:#263e35}
@media(max-width:900px){.featured-studies-grid{grid-template-columns:1fr 1fr}.featured-study:last-child{grid-column:span 2}}
@media(max-width:620px){.featured-studies-grid{grid-template-columns:1fr}.featured-study:last-child{grid-column:auto}.featured-studies{padding:65px 24px 75px}.featured-study>a{min-height:280px}}
@media(prefers-reduced-motion:reduce){.featured-study{transition:none}}


/* v0.7: four categories, career evidence and bilingual experience */
#about,#categories,#job-links{scroll-margin-top:85px}
.about-section,.category-overview,.job-links{padding-top:100px;padding-bottom:100px;border-top:1px solid #2f4840}
.about-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-pillars article{display:flex;flex-direction:column;background:#121f23;border:1px solid #365147;padding:34px 30px;min-height:315px;border-radius:5px}
.about-number,.cat-index,.job-card>a>span{font-size:10px;letter-spacing:.15em;color:#dcbf99;font-weight:800}
.about-pillars h3{font:600 clamp(21px,2.3vw,30px)/1.2 var(--display);letter-spacing:-.05em;margin:40px 0 16px}
.about-pillars p,.about-clarifier{font-size:12px;line-height:1.9;color:#abbcb1}
.about-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:18px}
.about-tags span{font-size:10px;color:#c6dfcc;padding:7px 9px;border:1px solid #456356;border-radius:3px}
.about-clarifier{margin:20px 0 0}
.category-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.category-overview-link{display:flex;flex-direction:column;min-height:278px;padding:24px;background:linear-gradient(145deg,#1a302a,#101b20 75%);border:1px solid #3d5b4d;border-radius:4px;transition:transform .22s,border-color .22s}
.category-overview-link:hover{transform:translateY(-3px);border-color:#a9cbb5}
.cat-mark{font-size:49px;line-height:1;margin:27px 0 18px;color:#c3dece}
.category-overview-link strong{font:600 18px/1.3 var(--display);letter-spacing:-.045em;margin:0 0 11px}
.category-overview-link small{font-size:11px;line-height:1.7;color:#9eb5a5}
.cat-arrow{font-size:21px;color:#d5bc95;margin-top:auto;align-self:end}
.project-grid{display:block}
.project-category-group{margin:0 0 44px}
.project-category-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #456053;padding:16px 0 20px}
.project-category-head span{font-size:12px;letter-spacing:.065em;font-weight:800;color:#d6e6d8}
.project-category-head small{font-size:11px;color:#a4b6a8}
.project-category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.job-card{border:1px solid #355246;background:#121f23;border-radius:5px;padding:0;display:flex;flex-direction:column;min-height:195px}
.job-card>a{padding:25px 27px 12px;display:flex;flex-direction:column;gap:11px;flex:1}
.job-card strong{font-size:19px;line-height:1.25;letter-spacing:-.02em}
.job-card small{font-size:11px;line-height:1.75;color:#9eb4a6}
.job-card button{align-self:flex-start;border:1px solid #456452;background:transparent;color:#d4e7d8;font-size:11px;border-radius:3px;margin:5px 27px 22px;padding:9px 12px}
.job-card button:hover{background:#304b3b}
.job-copy-feedback{color:#c3ddca;font-size:11px;overflow-wrap:anywhere;min-height:1em}
.lang-switch{display:inline-flex;align-items:center;justify-content:center;border:1px solid #7b9c8b;background:#182723;color:#e1eadd;border-radius:5px;padding:10px 13px;font-size:12px;font-weight:800;white-space:nowrap}
.lang-switch:hover{background:#2c4638}
.site-header{height:auto;min-height:90px;flex-wrap:wrap;gap:16px;padding-top:15px;padding-bottom:15px}
.header-nav{gap:12px;flex-wrap:wrap;justify-content:center;max-width:610px}
.header-nav a{white-space:nowrap}
.header-actions{gap:11px}
@media(max-width:1180px){.category-overview-grid{grid-template-columns:repeat(2,1fr)}.site-header{gap:13px}.header-nav{order:3;width:100%;max-width:100%;justify-content:flex-start;margin-left:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:9px}.header-actions{margin-left:auto}}
@media(max-width:900px){.about-pillars{grid-template-columns:1fr 1fr}.about-pillars article:last-child{grid-column:span 2}.project-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.about-section,.category-overview,.job-links{padding-top:69px;padding-bottom:70px}.about-pillars,.category-overview-grid,.job-grid,.project-category-cards{grid-template-columns:1fr}.about-pillars article:last-child{grid-column:auto}.about-pillars article{min-height:unset}.category-overview-link{min-height:216px}.cat-mark{margin:15px 0}.site-header{padding-left:20px;padding-right:20px}.availability{display:none}.header-nav{gap:20px}.project-category-head span{font-size:11px}.project-card.wide{grid-column:auto}}
html[lang="he"]{font-family:Arial,"Noto Sans Hebrew",sans-serif}
html[lang="he"] body,html[lang="he"] button{font-family:Arial,"Noto Sans Hebrew",sans-serif}
html[lang="he"] .project-click,html[lang="he"] .modal-content{text-align:start}
html[lang="he"] .header-nav,html[lang="he"] .header-actions{margin-left:0}
html[lang="he"] .header-nav{margin-right:auto}
html[lang="he"] .section-heading h2,html[lang="he"] .hero h1,html[lang="he"] .about-pillars h3,html[lang="he"] .category-overview-link strong{letter-spacing:-.035em}
html[lang="he"] .about-number,html[lang="he"] .cat-index,html[lang="he"] .job-card>a>span{letter-spacing:0}
html[lang="he"] .project-topline,html[lang="he"] .project-tags,html[lang="he"] .component-facts{direction:rtl}
html[lang="he"] .model-number,html[lang="he"] .model-card-text h3,html[lang="he"] .brand-wordmark,html[lang="he"] .job-card strong:lang(en){direction:ltr;unicode-bidi:isolate}
html[lang="he"] .site-header .brand{direction:ltr}
html[lang="he"] .hero-orbit,html[lang="he"] .diagram,html[lang="he"] .component-photo{direction:ltr}
@media(prefers-reduced-motion:reduce){.category-overview-link{transition:none}}

/* Hebrew case-studies and diagrams: preserve technical geometry, mirror text flow. */
html[lang="he"] .case-body,html[lang="he"] .blueprint-page{font-family:Arial,"Noto Sans Hebrew",sans-serif}
html[lang="he"] .case-header,html[lang="he"] .case-hero,html[lang="he"] .case-section{direction:rtl}
html[lang="he"] .case-map-canvas,html[lang="he"] .bp-canvas{direction:ltr}
html[lang="he"] .case-node,html[lang="he"] .bp-node{direction:rtl;text-align:center}
html[lang="he"] .case-hero h1,html[lang="he"] .case-section h2{letter-spacing:-.04em}
html[lang="he"] .case-language-link{border:1px solid #729486;padding:8px 12px;border-radius:4px}

/* Make position-specific context genuinely visible. */
.track-intro .tailored-note{display:inline-flex!important;border:1px solid #719789;padding:9px 13px;border-radius:3px;color:#d3e5d7;font-size:10px;font-weight:700;letter-spacing:.05em}


/* Editorial biography: readable narrative, not another stack of promotional cards. */
.about-story{max-width:900px;margin:0 0 40px;border-inline-start:2px solid #9abbaa;padding-inline-start:clamp(20px,4vw,48px)}
.about-story p{font-size:clamp(16px,1.5vw,20px);line-height:1.95;color:#c6d5ce;letter-spacing:-.012em;margin:0 0 24px}
.about-story p:first-child{color:#eef2eb;font-weight:600}
.about-story p:last-child{margin-bottom:0}
.about-section .about-pillars article{min-height:240px}
.about-section .about-pillars h3{margin:24px 0 14px}
html[lang="he"] .about-story p{letter-spacing:0}
@media(max-width:650px){.about-story{margin-bottom:28px}.about-story p{font-size:16px;line-height:1.9}}


/* Dedicated people-management story: visually distinct from technical project catalog. */
.people-leadership{padding-top:100px;padding-bottom:100px;border-top:1px solid #365147;background:linear-gradient(125deg,rgba(138,172,151,.055),transparent 65%)}
.leadership-editorial{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,5vw,85px);align-items:start}
.leadership-story{max-width:700px}
.leadership-story p{font-size:clamp(16px,1.4vw,20px);line-height:1.95;color:#c9d9d0;margin:0 0 24px}
.leadership-story p:first-child{color:#f0f3ef}
.leadership-focus{border-top:1px solid #527264}
.leadership-focus>div{display:grid;grid-template-columns:38px 1fr;column-gap:14px;padding:23px 0;border-bottom:1px solid #365147}
.leadership-focus span{font-size:11px;color:#c9b18d;grid-row:span 2}
.leadership-focus strong{font-size:17px;color:#e8f0ea}
.leadership-focus p{font-size:13px;color:#aabfb4;line-height:1.75;margin:8px 0 0}
@media(max-width:760px){.people-leadership{padding-top:65px;padding-bottom:65px}.leadership-editorial{grid-template-columns:1fr;gap:24px}}