@font-face{font-family:Montserrat;src:url("public/fonts/Montserrat-Variable.ttf") format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url("public/fonts/Inter-Variable.ttf") format("truetype");font-weight:100 900;font-display:swap}:root{--ink:#020910;--navy:#061b33;--blue:#1677ff;--blue2:#3b92f6;--paper:#f2f5f7;--steel:#7c8c99;--line:rgba(125,158,185,.2);--display:Montserrat,sans-serif;--ui:Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:white;font-family:var(--ui);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.boot{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:#01070d;transition:.8s}.boot.done{opacity:0;visibility:hidden;pointer-events:none}.boot-logo{width:250px;height:170px;background:url("assets/logo-seitlich.png") center/contain no-repeat;mix-blend-mode:screen;opacity:0;animation:bootlogo .8s .4s forwards}.boot-track{position:absolute;left:15%;right:15%;top:50%;height:1px;background:#17354f;overflow:hidden}.boot-track i{display:block;width:25%;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);box-shadow:0 0 15px var(--blue);animation:boottrack 1.5s forwards}.boot>span{position:absolute;top:53%;color:#567087;font:7px monospace;letter-spacing:.16em}.boot>span:nth-of-type(1){left:15%}.boot>span:nth-of-type(2){right:15%}.boot button{position:absolute;right:28px;top:27px;border:0;background:none;color:#63788a;font:7px monospace;letter-spacing:.14em}@keyframes bootlogo{to{opacity:1;transform:translateY(-45px)}}@keyframes boottrack{to{transform:translateX(400%)}}.nav{position:absolute;z-index:70;left:0;top:0;width:100%;height:94px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(168,191,210,.15)}.nav-logo{display:block;width:225px;height:46px;background:url("assets/logo-seitlich.png") -686px -43px/1536px 1024px no-repeat}.nav nav{display:flex;gap:3vw;color:#92a5b5;font-size:9px;font-weight:550;letter-spacing:.09em}.nav nav a:hover{color:white}.nav-cta{padding:14px 18px;border:1px solid #405b72;font-size:8px;font-weight:700;letter-spacing:.12em}.nav-cta b{margin-left:22px;color:var(--blue)}.nav-menu{display:none}.scene-rail{position:fixed;z-index:65;right:18px;top:50%;height:180px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#5d7488;font:7px monospace}.scene-rail>b{color:white}.scene-rail>i{width:1px;height:125px;background:#213d54}.scene-rail>i span{display:block;width:1px;height:0;background:var(--blue);box-shadow:0 0 9px var(--blue)}
.hero{position:relative;height:max(850px,100vh);overflow:hidden;background:#01070d}.forge-atmosphere{position:absolute;inset:0;background:radial-gradient(circle at 74% 45%,rgba(12,67,116,.28),transparent 31%),radial-gradient(circle at 84% 24%,rgba(22,119,255,.1),transparent 19%),linear-gradient(104deg,#01070d 0,#03101b 49%,#01070d 100%)}.forge-atmosphere:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(79,126,162,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(79,126,162,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 74% 46%,black,transparent 51%)}.forge-atmosphere:after{content:"";position:absolute;inset:-30%;background:conic-gradient(from 205deg at 72% 49%,transparent 0 39%,rgba(44,139,255,.055) 39.4%,transparent 40.2% 72%,rgba(255,255,255,.035) 72.4%,transparent 73.2%);animation:forgeSweep 18s linear infinite}.forge-axis{position:absolute;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(104,158,199,.25),transparent)}.forge-axis.horizontal{left:49%;right:3%;top:49%;height:1px}.forge-axis.vertical{top:15%;bottom:10%;left:74%;width:1px;background:linear-gradient(transparent,rgba(104,158,199,.2),transparent)}@keyframes forgeSweep{to{transform:rotate(360deg)}}#heroCanvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;cursor:crosshair}.forge-readout{position:absolute;z-index:4;right:4.5vw;top:19%;display:flex;flex-direction:column;align-items:flex-end;padding-right:13px;border-right:1px solid rgba(59,146,246,.55);font-family:monospace;letter-spacing:.14em}.forge-readout span{color:#52728d;font-size:6px}.forge-readout b{margin:6px 0;color:#9db2c3;font-size:7px}.forge-readout small{color:var(--blue);font-size:6px}.hero-copy{position:absolute;z-index:5;left:7vw;top:23%;width:min(720px,52vw);pointer-events:none}.hero-copy a{pointer-events:auto}.tag,.kicker{color:#7690a6;font:7px monospace;letter-spacing:.16em}.tag{display:flex;align-items:center;gap:11px}.tag i{width:28px;height:1px;background:var(--blue);box-shadow:0 0 8px var(--blue)}.hero h1,.duality h2,.lab-copy h2,.capabilities h2,.workflow h2,.territory h2,.final h2{margin:34px 0 28px;font:650 clamp(58px,7vw,110px)/.84 var(--display);letter-spacing:-.06em}.hero h1 em,.duality h2 em,.capabilities h2 em,.workflow h2 em,.territory h2 em,.final h2 em{font-style:normal;color:#aab7c1}.hero-lead{max-width:560px;color:#acbac5;font-size:clamp(15px,1.2vw,18px);line-height:1.75}.hero-actions{display:flex;gap:10px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 20px;border:1px solid #4c6479;color:white;font-size:8px;font-weight:700;letter-spacing:.12em;transition:.25s}.button.primary{background:var(--blue);border-color:var(--blue);box-shadow:0 13px 34px rgba(22,119,255,.2)}.button:hover{transform:translateY(-3px)}.hero-status{position:absolute;z-index:5;left:7vw;bottom:28px;display:flex;gap:26px;color:#587085;font:7px monospace;letter-spacing:.13em}.hero-status i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#3eda84;box-shadow:0 0 8px #3eda84}.twin-label{position:absolute;z-index:5;top:49%;color:#748a9d;font:7px monospace;letter-spacing:.17em}.twin-label.physical{right:47%}.twin-label.digital{right:4%;color:var(--blue)}
.duality{padding:145px 8vw;background:var(--paper);color:var(--navy)}.duality-title{max-width:1150px}.kicker{color:#657d90}.kicker.light{color:#7891a5}.duality h2{font-size:clamp(50px,6vw,90px)}.duality-grid{display:grid;grid-template-columns:1fr 130px 1fr;gap:3vw;margin-top:90px}.duality-grid article{position:relative;min-height:430px;padding:36px;border:1px solid #c4cdd4;background:white}.duality-grid article.digital{background:var(--navy);color:white;border-color:#25455f}.dual-number{color:var(--blue);font:8px monospace}.duality h3{margin:65px 0 20px;font:600 clamp(25px,3vw,40px) var(--display)}.duality article p{color:#687888;line-height:1.75}.duality article.digital p{color:#9bacba}.duality ul{padding:0;list-style:none;border-top:1px solid #d1d7dc}.duality article.digital ul{border-color:#294860}.duality li{padding:11px 0;border-bottom:1px solid #d1d7dc;color:#657583;font-size:9px}.duality article.digital li{border-color:#294860;color:#8fa4b6}.connector{display:flex;flex-direction:column;align-items:center;justify-content:center}.connector i{width:1px;height:90px;background:linear-gradient(transparent,var(--blue))}.connector i:last-child{background:linear-gradient(var(--blue),transparent)}.connector b{width:54px;height:54px;display:grid;place-items:center;margin:12px 0;border:1px solid var(--blue);transform:rotate(45deg);color:var(--blue);font:650 21px var(--display)}.material-sample,.data-sample{position:absolute;left:36px;right:36px;bottom:28px;display:flex;align-items:center;justify-content:space-between;color:#7b8a97;font:6px monospace;letter-spacing:.12em}.material-sample i{width:90px;height:7px;background:linear-gradient(90deg,#596975,#eef1f3,#798996)}.data-sample i{width:6px;height:6px;border-radius:50%;background:#41da86;box-shadow:0 0 8px #41da86}
.twin-lab{height:300vh;background:#020910}.lab-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.lab-image{position:absolute;inset:0;background:url("assets/valve-exploded-cinematic.webp") 58% center/cover no-repeat}.lab-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(69,117,157,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(69,117,157,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 35%,black)}.lab-curtain{position:absolute;right:0;top:0;width:50%;height:100%;background:rgba(2,9,16,.83);backdrop-filter:grayscale(1) contrast(1.15);transition:width .2s}.lab-line{position:absolute;left:50%;top:0;width:1px;height:100%;background:var(--blue);box-shadow:0 0 22px 5px rgba(22,119,255,.5);transition:left .2s}.lab-line i{position:absolute;left:-75px;top:0;width:150px;height:100%;background:linear-gradient(90deg,transparent,rgba(22,119,255,.07),transparent)}.lab-copy{position:absolute;z-index:3;left:7vw;top:18%;width:min(570px,42vw)}.lab-copy h2{font-size:clamp(60px,7vw,110px)}.lab-copy>p{max-width:480px;color:#9caebb;line-height:1.8}.lab-steps{display:flex;flex-direction:column;margin-top:40px;border-top:1px solid #27445d}.lab-steps button{display:grid;grid-template-columns:35px 1fr;padding:12px 0;border:0;border-bottom:1px solid #213c53;background:none;color:#647f96;text-align:left;font-size:8px;font-weight:700;letter-spacing:.12em}.lab-steps button.active{color:white}.lab-steps button.active b{color:var(--blue)}.lab-readout{position:absolute;right:5vw;bottom:5%;display:flex;flex-direction:column;text-align:right}.lab-readout span,.lab-readout small{color:#658198;font:7px monospace;letter-spacing:.13em}.lab-readout b{margin:5px 0;font:600 28px var(--display)}
.capabilities{padding:145px 8vw;background:#f3f5f7;color:var(--navy)}.capabilities>header{display:grid;grid-template-columns:.55fr 1.4fr .8fr;gap:6vw;align-items:end;margin-bottom:90px}.capabilities h2{margin:0;font-size:clamp(50px,6vw,90px)}.capabilities header>p{color:#677786;line-height:1.75}.cap-list{border-top:1px solid #bdc7ce}.cap-list article{border-bottom:1px solid #c4ccd2}.cap-list button{width:100%;display:grid;grid-template-columns:55px 1fr 20px;align-items:center;padding:24px 4px;border:0;background:none;color:#72818e;text-align:left;cursor:pointer}.cap-list button span{font:7px monospace}.cap-list h3{margin:0;font:550 clamp(22px,2.5vw,38px) var(--display)}.cap-list button b{font-size:19px;transition:.3s}.cap-list article>div{display:grid;grid-template-rows:0fr;grid-template-columns:1fr 1fr;padding-left:55px;overflow:hidden;transition:.45s}.cap-list article>div>*{overflow:hidden}.cap-list article>div p{max-width:550px;margin:0;color:#667685;line-height:1.7}.cap-list article>div small{color:#8996a1;font:7px monospace;letter-spacing:.11em}.cap-list article.open button{color:var(--navy)}.cap-list article.open button b{color:var(--blue);transform:rotate(45deg)}.cap-list article.open>div{grid-template-rows:1fr;padding-bottom:26px}
.workflow{position:relative;min-height:930px;padding:130px 8vw;overflow:hidden;background:#020910}.workflow-media{position:absolute;inset:-7%;background:url("assets/valve-exploded-cinematic.webp") center/cover no-repeat;filter:saturate(.65);will-change:transform}.workflow-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,9,16,.64),rgba(2,9,16,.92)),linear-gradient(90deg,#020910,transparent 65%)}.workflow-copy{position:relative;z-index:3}.workflow h2{font-size:clamp(50px,6vw,90px)}.workflow-track{position:absolute;z-index:3;left:8vw;right:8vw;bottom:11%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3a5368}.workflow-track article{padding:28px 30px 0 0}.workflow-track article b{color:var(--blue);font:7px monospace}.workflow-track h3{font:550 18px var(--display)}.workflow-track p{max-width:240px;color:#93a5b4;font-size:11px;line-height:1.65}.workflow-track>i{position:absolute;left:0;top:-1px;width:0;height:1px;background:var(--blue);box-shadow:0 0 12px var(--blue);transition:width .2s}
.territory{position:relative;height:max(850px,100vh);overflow:hidden;background:radial-gradient(circle at 68% 50%,#10395c,#020b14 48%)}#mapCanvas{position:absolute;inset:0;width:100%;height:100%}.territory-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020b14 0,rgba(2,11,20,.92) 39%,rgba(2,11,20,.05) 72%)}.territory-copy{position:absolute;z-index:3;left:7vw;top:15%;width:min(630px,47vw)}.territory h2{font-size:clamp(52px,6vw,90px)}.territory-copy>p{max-width:510px;color:#98aab8;line-height:1.8}.territory-copy>div{margin:35px 0;border-top:1px solid #29465e}.territory-copy>div span{display:block;padding:12px 0;border-bottom:1px solid #203c53;color:#849bad;font:7px monospace;letter-spacing:.12em}.territory-copy>div b{display:inline-block;width:38px;color:var(--blue)}.coords{position:absolute;right:5vw;bottom:5%;color:#668399;font:7px monospace;letter-spacing:.14em}.final{position:relative;min-height:850px;display:flex;align-items:center;padding:120px 8vw;overflow:hidden;background:#f3f5f7;color:var(--navy)}.final-mark{position:absolute;right:2%;top:5%;width:56%;height:88%;background:url("assets/logo-pfeil.webp") center/contain no-repeat;opacity:.12;filter:grayscale(1)}.final-orbit{position:absolute;right:7%;top:14%;width:480px;aspect-ratio:1;border:1px solid #cad2d8;border-radius:50%;animation:orbit 24s linear infinite}.final-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 15px var(--blue)}.final-orbit i:first-child{left:8%;top:20%}.final-orbit i:last-child{right:4%;bottom:35%}@keyframes orbit{to{transform:rotate(360deg)}}.final-copy{position:relative;z-index:3;width:min(800px,64vw)}.final h2{font-size:clamp(53px,6.5vw,100px)}.final-copy>p{max-width:570px;color:#677888;line-height:1.8}.final-copy>div{display:flex;align-items:center;gap:30px;margin-top:35px}.mail{color:#4e6476;font-size:11px}footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding:60px 6vw;background:#01070c;color:#718598;border-top:1px solid #163047;font-size:8px}footer strong{color:#bcc8d1;font:550 14px var(--display)}footer>div{display:flex;flex-direction:column;gap:10px}.reveal{opacity:0;transform:translateY(45px);transition:opacity 1s,transform 1s}.reveal.visible{opacity:1;transform:none}
.assistant{position:fixed;z-index:80;right:24px;bottom:22px;display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid #35526a;background:rgba(3,16,28,.92);backdrop-filter:blur(12px);color:white}.assistant>i{width:26px;height:26px;border:1px solid var(--blue);border-radius:50%;box-shadow:inset 0 0 10px rgba(22,119,255,.2)}.assistant span{display:flex;flex-direction:column;text-align:left}.assistant b{font-size:7px;letter-spacing:.12em}.assistant small{margin-top:4px;color:#698197;font:6px monospace}.chat{position:fixed;z-index:90;right:24px;bottom:22px;width:min(380px,calc(100vw - 30px));height:550px;display:flex;flex-direction:column;border:1px solid #345269;background:#041625;box-shadow:0 30px 80px #000;transform:translateY(120%);opacity:0;transition:.45s}.chat.open{transform:none;opacity:1}.chat>header{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #203c53}.chat>header>div{display:flex;gap:10px;align-items:center}.chat>header i{width:7px;height:7px;border-radius:50%;background:#42da86;box-shadow:0 0 8px #42da86}.chat>header span{display:flex;flex-direction:column}.chat>header b{font-size:9px;letter-spacing:.12em}.chat>header small{margin-top:4px;color:#698197;font:6px monospace}.chat>header button{border:0;background:none;color:#71899d;font-size:24px}.chat-log{flex:1;padding:18px;overflow:auto}.bot,.user{max-width:87%;margin-bottom:11px;padding:12px 13px;font-size:11px;line-height:1.55}.bot{border-left:2px solid var(--blue);background:#0c2941;color:#bcc9d3}.user{margin-left:auto;background:var(--blue)}.quick{display:flex;flex-wrap:wrap;gap:6px;padding:10px 15px;border-top:1px solid #19364d}.quick button{padding:7px;border:1px solid #304d65;background:none;color:#8ba1b2;font-size:8px}.chat form{display:flex;padding:12px 15px;border-top:1px solid #19364d}.chat input{flex:1;padding:11px;border:0;outline:0;background:#0a263d;color:white}.chat form button{width:42px;border:0;background:var(--blue);color:white}.chat>footer{display:block;padding:8px 15px;background:#020d16;color:#45637a;font:6px monospace;letter-spacing:.12em}
@media(max-width:950px){.nav nav{display:none}.duality-grid{grid-template-columns:1fr}.connector{flex-direction:row}.connector i{width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--blue))}.connector i:last-child{background:linear-gradient(90deg,var(--blue),transparent)}.capabilities>header{grid-template-columns:1fr}.lab-copy{width:58vw}.workflow-track{grid-template-columns:1fr 1fr}.final-mark{right:-15%;width:80%}}
@media(max-width:650px){.nav{height:76px;padding:0 20px}.nav-logo{width:150px;height:35px;background-size:1024px 683px;background-position:-457px -28px}.nav-cta{display:none}.nav-menu{display:block;border:0;background:none}.nav-menu i{display:block;width:25px;height:1px;margin:7px;background:white}.scene-rail{display:none}.hero{height:980px}.forge-atmosphere{background:radial-gradient(circle at 50% 27%,rgba(12,67,116,.35),transparent 33%),linear-gradient(180deg,#01070d,#03101b 38%,#01070d)}.forge-axis.horizontal{left:8%;right:8%;top:28%}.forge-axis.vertical{top:8%;bottom:51%;left:50%}.forge-readout{top:10%;right:18px}.hero-copy{left:22px;top:47%;width:calc(100% - 44px)}.hero h1{font-size:53px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-status{left:22px;gap:12px}.hero-status span:nth-child(2){display:none}.twin-label{display:none}.duality,.capabilities,.final{padding:100px 22px}.duality h2,.capabilities h2,.workflow h2,.territory h2,.final h2{font-size:48px}.duality-grid{margin-top:55px}.duality-grid article{padding:24px}.material-sample,.data-sample{left:24px;right:24px}.lab-copy{left:22px;top:14%;width:calc(100% - 44px)}.lab-copy h2{font-size:58px}.lab-image{background-position:65% center}.lab-curtain{background:rgba(2,9,16,.6)}.lab-readout{right:22px}.capabilities>header{margin-bottom:55px}.cap-list button{grid-template-columns:38px 1fr 20px}.cap-list h3{font-size:20px}.cap-list article>div{padding-left:38px;grid-template-columns:1fr}.workflow{min-height:1100px;padding:100px 22px}.workflow-track{left:22px;right:22px;bottom:6%;grid-template-columns:1fr}.workflow-track article{padding-top:14px}.workflow-track p{margin-top:4px}.territory{height:1000px}.territory-copy{left:22px;top:11%;width:calc(100% - 44px)}.territory-shade{background:linear-gradient(180deg,#020b14,rgba(2,11,20,.78) 54%,rgba(2,11,20,.15))}.final-copy{width:100%}.final-copy>div{flex-direction:column;align-items:flex-start}.final-mark{top:42%;right:-30%;width:120%;opacity:.08}.final-orbit{width:390px;right:-45%;top:45%}footer{grid-template-columns:1fr;padding:50px 22px}.assistant{right:14px;bottom:14px}.assistant span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.boot{display:none}.reveal{opacity:1;transform:none}}
.forge-readout i{color:var(--blue);font-style:normal}.forge-readout b{transition:opacity .25s,color .25s}

/* Refined brand integration */
.nav-logo{mix-blend-mode:screen;filter:contrast(1.18) brightness(1.18);opacity:.96}footer .nav-logo{opacity:.88}
.forge-logo-core{position:absolute;z-index:2;left:74.5%;top:49%;width:min(47vw,720px);aspect-ratio:1.5;transform:translate(-50%,-50%);background:url("assets/logo-pfeil.webp") center/contain no-repeat;mix-blend-mode:screen;filter:contrast(1.38) saturate(1.08);opacity:0;transition:opacity .48s;pointer-events:none}.hero.logo-active .forge-logo-core{opacity:.16}

/* Smooth, self-drawn component sequence */
.twin-lab.process-lab{position:relative;height:max(800px,100vh);min-height:800px;overflow:hidden;background:radial-gradient(circle at 72% 48%,#0a2942 0,#03111e 34%,#01070c 70%)}.process-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(81,135,176,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(81,135,176,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 35%,black 58%)}#componentCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.process-lab .lab-copy{top:15%}.process-lab .lab-copy h2{margin-bottom:24px}.process-readout{position:absolute;z-index:3;right:5vw;bottom:6%;display:flex;flex-direction:column;align-items:flex-end;padding-right:14px;border-right:1px solid rgba(22,119,255,.6);font:7px monospace;letter-spacing:.14em}.process-readout span{color:#607e96}.process-readout b{margin:7px 0;color:#e7eff5;font-size:20px}.process-readout small{color:var(--blue)}

/* Cinematic closing scene */
.final{background:#01070d;color:white}.final:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,rgba(16,81,137,.34),transparent 28%),linear-gradient(105deg,#01070d 0,#04121f 54%,#020a12 100%)}.final-fog{position:absolute;inset:-18%;overflow:hidden;filter:blur(34px);opacity:.72}.final-fog i{position:absolute;width:58%;height:35%;border-radius:50%;background:radial-gradient(ellipse,rgba(29,116,190,.28),rgba(8,43,74,.1) 48%,transparent 72%);animation:mistDrift 14s ease-in-out infinite alternate}.final-fog i:first-child{left:-4%;bottom:4%;animation-delay:-3s}.final-fog i:nth-child(2){right:-8%;top:20%;width:48%;animation-duration:18s;animation-delay:-8s}.final-fog i:last-child{left:28%;bottom:-7%;width:64%;animation-duration:20s;animation-delay:-12s}.final-beam{position:absolute;right:7%;top:-28%;width:2px;height:145%;transform:rotate(28deg);background:linear-gradient(transparent,rgba(42,139,255,.75),transparent);box-shadow:0 0 34px 9px rgba(22,119,255,.2);animation:beamPulse 4.5s ease-in-out infinite}.final .final-mark{mix-blend-mode:screen;opacity:.1;filter:contrast(1.35) saturate(1.1)}.final .final-orbit{border-color:rgba(75,133,178,.28)}.final .final-copy>p{color:#9db0bf}.final .mail{color:#8ba4b8}.final h2 em{color:#7e94a5}@keyframes mistDrift{to{transform:translate3d(10%,-9%,0) scale(1.15)}}@keyframes beamPulse{50%{opacity:.35;transform:rotate(28deg) translateX(36px)}}

@media(max-width:650px){.forge-logo-core{left:50%;top:28.5%;width:min(82vw,470px)}.hero.logo-active .forge-logo-core{opacity:.13}.twin-lab.process-lab{height:930px;min-height:930px}.process-grid{mask-image:linear-gradient(180deg,black,transparent 52%)}.process-lab .lab-copy{top:47%}.process-readout{right:22px;top:12%;bottom:auto}.final-fog{inset:-10% -50%}.final-beam{right:-8%}}
@media(prefers-reduced-motion:reduce){.final-fog i,.final-beam{animation:none!important}}
.bot-action{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 11px;border:1px solid rgba(65,145,211,.55);color:#dcecff;font-size:7px;font-weight:750;letter-spacing:.12em}.bot-action:after{content:"→";color:var(--blue)}

/* Restrained final composition */
.forge-logo-core{display:none!important}.final-beam,.final-mark,.final-orbit{display:none!important}.final:before{background:radial-gradient(ellipse at 70% 78%,rgba(18,82,136,.2),transparent 36%),linear-gradient(108deg,#01070d 0,#04111c 58%,#020910 100%)}.final-fog{inset:auto -8% -14%;height:48%;filter:blur(60px);opacity:.36}.final-fog i,.final-fog i:first-child,.final-fog i:nth-child(2),.final-fog i:last-child{top:auto;width:55%;height:72%;bottom:0;background:radial-gradient(ellipse,rgba(30,102,160,.18),rgba(7,39,67,.08) 48%,transparent 74%);animation-duration:22s}.final-fog i:first-child{left:0}.final-fog i:nth-child(2),.final-fog i:last-child{left:auto;right:0;animation-delay:-11s}.final-horizon{position:absolute;left:8%;right:8%;bottom:19%;height:1px;background:linear-gradient(90deg,transparent,rgba(22,119,255,.7) 46%,rgba(128,186,230,.28) 62%,transparent);box-shadow:0 0 22px rgba(22,119,255,.25)}

/* True transparent brand asset */
.nav-logo{width:138px;height:86px;background:url("assets/logo-seitlich.png") center/contain no-repeat;mix-blend-mode:normal;filter:none;opacity:1}footer .nav-logo{width:156px;height:104px;opacity:1}@media(max-width:650px){.nav-logo{width:108px;height:68px;background:url("assets/logo-seitlich.png") center/contain no-repeat}footer .nav-logo{width:138px;height:92px}}
.hero-brand{position:absolute;z-index:3;left:74.5%;top:49%;width:min(38vw,560px);aspect-ratio:1.5;transform:translate(-50%,-50%) scale(.96);background:url("assets/logo-seitlich.png") center/contain no-repeat;opacity:0;transition:opacity .55s,transform .8s;pointer-events:none}.hero.brand-scene .hero-brand{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:650px){.hero-brand{left:50%;top:28%;width:min(72vw,410px)}}
.final-fog i{animation:none}.territory canvas{contain:strict}

/* Crisp horizontal logo lockup: isolated emblem + real type */
.nav-logo{width:auto;height:auto;display:inline-flex;align-items:center;gap:11px;background:none;mix-blend-mode:normal;filter:none;opacity:1;white-space:nowrap}
.brand-mark{width:48px;height:48px;flex:0 0 48px;background:url("assets/logo-seitlich.png") center/contain no-repeat;filter:drop-shadow(0 0 9px rgba(22,119,255,.18))}
.brand-type{display:flex;flex-direction:column;gap:3px;line-height:1}
.brand-type b{color:#f4f7f9;font:720 18px/.9 var(--display);letter-spacing:.055em}
.brand-type b em{color:#2180ff;font-style:normal}
.brand-type small{color:#a7b4bf;font:620 5px/1 var(--ui);letter-spacing:.21em}
footer .nav-logo{width:auto;height:auto;opacity:1}
footer .brand-mark{width:56px;height:56px;flex-basis:56px}
footer .brand-type b{font-size:20px}
footer .brand-type small{font-size:5.5px}
@media(max-width:650px){.nav-logo{width:auto;height:auto;gap:8px;background:none}.brand-mark{width:39px;height:39px;flex-basis:39px}.brand-type b{font-size:15px}.brand-type small{font-size:4.2px;letter-spacing:.17em}footer .nav-logo{width:auto;height:auto}footer .brand-mark{width:48px;height:48px;flex-basis:48px}}

/* Mechanical Signature — the site's singular interactive moment */
.signature-field{position:relative;height:max(860px,100vh);overflow:hidden;background:radial-gradient(circle at 73% 48%,#0b3558 0,#031321 32%,#01070d 70%);isolation:isolate}
.signature-field:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(79,137,181,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(79,137,181,.075) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 72% 50%,#000,transparent 62%)}
.signature-field:after{content:"";position:absolute;inset:-25%;z-index:-1;background:conic-gradient(from 30deg at 72% 50%,transparent 0 23%,rgba(20,117,204,.08) 24%,transparent 25% 72%,rgba(255,255,255,.035) 73%,transparent 74%);animation:signatureSweep 22s linear infinite}
#signatureCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:ew-resize}
.signature-copy{position:absolute;z-index:3;left:7vw;top:18%;width:min(520px,38vw);pointer-events:none}
.signature-copy h2{margin:32px 0 30px;padding-top:.08em;font:500 clamp(50px,5.25vw,82px)/1.04 var(--display);letter-spacing:-.025em}
.signature-copy h2 span,.signature-copy h2 em{display:block;color:#f3f7fa;font-style:normal;font-weight:560}
.signature-copy h2 em{margin-top:.16em}
.signature-copy>p{max-width:430px;color:#9eb0bd;font-size:15px;line-height:1.8}
.signature-copy>small{display:block;margin-top:32px;color:#3e8fe8;font:7px monospace;letter-spacing:.16em}
.signature-meter{position:absolute;z-index:3;right:4.5vw;bottom:7%;width:230px;display:grid;grid-template-columns:1fr auto;gap:7px 15px;font-family:monospace;letter-spacing:.13em;pointer-events:none}
.signature-meter span,.signature-meter small{color:#607b91;font-size:7px}.signature-meter b{color:#edf5fa;font-size:11px}.signature-meter>i{grid-column:1/-1;height:1px;background:#254761}.signature-meter>i em{display:block;width:38%;height:1px;background:#2386ff;box-shadow:0 0 14px #1677ff;transition:width .18s}.signature-meter small{grid-column:1/-1;text-align:right;color:#2d86ef}
.signature-hint{position:absolute;z-index:3;left:52%;bottom:7%;display:flex;align-items:center;gap:9px;color:#5f7a90;font:7px monospace;letter-spacing:.14em;pointer-events:none}.signature-hint i{width:23px;height:1px;background:#1677ff;box-shadow:0 0 9px #1677ff;animation:hintPulse 1.8s ease-in-out infinite}
.signature-control{display:none}
@keyframes signatureSweep{to{transform:rotate(360deg)}}@keyframes hintPulse{50%{width:42px;opacity:.35}}
@media(max-width:850px){.signature-copy{width:44vw}.signature-hint{display:none}}
@media(max-width:650px){.signature-field{height:1060px}.signature-copy{left:22px;top:5%;width:calc(100% - 44px)}.signature-copy h2{font-size:clamp(38px,11.3vw,46px);line-height:1.06}.signature-copy h2 em{margin-top:.16em}.signature-copy>p{max-width:340px;font-size:14px;line-height:1.68}.signature-copy>small{margin-top:16px}.signature-meter{right:22px;bottom:3.2%;width:190px}}
@media(prefers-reduced-motion:reduce){.signature-field:after,.signature-hint i{animation:none!important}}

/* KAI KOPP start sequence: the mark is scanned, energized and locked into place. */
.boot{position:fixed;z-index:1000;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 46%,#0a2d50 0,#020b14 31%,#01060b 68%);transition:opacity .48s,visibility .48s}
.boot:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(74,127,168,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(74,127,168,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000,transparent 62%)}
.boot:after{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(43,139,255,.38),transparent);box-shadow:0 0 22px rgba(22,119,255,.35)}
.boot.done{opacity:0;visibility:hidden;pointer-events:none}
.boot-core{position:relative;z-index:2;width:clamp(190px,19vw,280px);aspect-ratio:1;display:grid;place-items:center}
.boot-emblem{position:absolute;inset:15%;background:url("public/favicon.png") center/contain no-repeat;filter:drop-shadow(0 22px 35px rgba(0,0,0,.75));opacity:0;transform:scale(.72);animation:bootEmblem 1s .08s cubic-bezier(.16,.82,.24,1) forwards}
.boot-halo{position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 17%,#1677ff 19%,transparent 22% 56%,rgba(224,237,247,.72) 58%,transparent 61%);mask:radial-gradient(transparent 63%,#000 64% 66%,transparent 67%);animation:bootHalo 1.45s cubic-bezier(.3,.7,.2,1) forwards;opacity:.85}
.boot-scan{position:absolute;z-index:3;left:12%;right:12%;top:16%;height:1px;background:linear-gradient(90deg,transparent,#dcecff 35%,#1677ff 65%,transparent);box-shadow:0 0 18px 3px rgba(22,119,255,.65);animation:bootScan 1.05s .12s ease-in-out forwards}
.boot-trace{position:absolute;z-index:1;top:50%;width:0;height:1px;background:linear-gradient(90deg,transparent,#1677ff);box-shadow:0 0 13px #1677ff;animation:bootTrace .62s .48s ease-out forwards}.boot-trace.left{right:83%}.boot-trace.right{left:83%;transform:scaleX(-1)}
.boot-wordmark{position:relative;z-index:2;margin-top:14px;text-align:center;opacity:0;transform:translateY(9px);animation:bootType .5s .58s forwards}.boot-wordmark b{font:750 clamp(24px,3vw,39px)/1 var(--display);letter-spacing:.13em}.boot-wordmark b em{color:#1677ff;font-style:normal}.boot-wordmark small{display:block;margin-top:10px;color:#768da1;font:650 7px/1 var(--ui);letter-spacing:.25em}
.boot-status{position:relative;z-index:2;width:min(420px,72vw);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-top:33px;color:#5e778d;font:7px monospace;letter-spacing:.14em;opacity:0;animation:bootType .4s .82s forwards}.boot-status i{height:1px;background:#183c5a;overflow:hidden}.boot-status i:after{content:"";display:block;width:28%;height:1px;background:linear-gradient(90deg,transparent,#2d91ff,transparent);animation:bootStatus .72s .82s linear forwards}
.boot button{position:absolute;z-index:4;right:28px;top:27px;border:0;background:none;color:#63788a;font:7px monospace;letter-spacing:.14em;cursor:pointer}
@keyframes bootEmblem{55%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes bootHalo{to{transform:rotate(300deg);opacity:.2}}@keyframes bootScan{to{top:84%;opacity:0}}@keyframes bootTrace{to{width:min(28vw,380px)}}@keyframes bootType{to{opacity:1;transform:none}}@keyframes bootStatus{to{transform:translateX(260%)}}
@media(max-width:650px){.boot-core{width:210px}.boot-status{width:82vw;gap:10px}.boot-status span{font-size:6px}.boot-trace{display:none}.boot button{top:18px;right:16px}}
@media(prefers-reduced-motion:reduce){.boot-emblem,.boot-wordmark,.boot-status{animation:none;opacity:1;transform:none}.boot-halo,.boot-scan,.boot-status i:after{display:none}}

/* Complete navigation behavior from tablet down. */
@media(max-width:950px){
  .nav-menu{display:block;position:relative;width:42px;height:42px;margin-left:16px;border:0;background:transparent;cursor:pointer}
  .nav-menu i{display:block;width:25px;height:1px;margin:7px auto;background:white;transition:transform .25s,opacity .25s}
  .nav-menu[aria-expanded="true"] i:first-child{transform:translateY(4px) rotate(45deg)}
  .nav-menu[aria-expanded="true"] i:last-child{transform:translateY(-4px) rotate(-45deg)}
  .nav nav{position:absolute;top:94px;left:0;right:0;display:flex;flex-direction:column;gap:0;padding:14px 5vw 22px;border-bottom:1px solid #29465e;background:rgba(2,13,23,.98);box-shadow:0 24px 45px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s}
  .nav nav a{padding:13px 0;border-bottom:1px solid rgba(100,140,170,.14);font-size:10px}
  .nav nav.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
}
@media(max-width:650px){.nav nav{top:76px;padding-inline:20px}}

/* Precision hero — photographic detail, particles only as atmosphere */
.hero-detail-stage{position:absolute;z-index:2;right:0;top:8%;width:61%;height:82%;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .6s}
.hero.detail-scene .hero-detail-stage{opacity:1}.hero.detail-scene #heroCanvas{opacity:.26;filter:blur(.15px)}
.hero-detail{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.035) translate3d(12px,0,0);filter:saturate(.86) contrast(1.08);transition:opacity .7s,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.hero-detail.active{opacity:1;transform:scale(1) translate3d(0,0,0)}
.detail-valve{background-image:linear-gradient(90deg,#01070d 0,rgba(1,7,13,.38) 22%,transparent 48%),url("assets/valve-exploded-cinematic.webp");background-position:58% center}
.detail-actuator{background-image:linear-gradient(90deg,#01070d 0,rgba(1,7,13,.25) 20%,transparent 46%),url("assets/valve-exploded-cinematic.webp");background-position:49% center}
.detail-flange{background-image:linear-gradient(90deg,#01070d 0,rgba(1,7,13,.35) 20%,transparent 49%),url("assets/valve-exploded-cinematic.webp");background-position:61% center}
.hero-detail-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#01070d 0,transparent 28%),linear-gradient(180deg,#01070d 0,transparent 12% 84%,#01070d 100%);pointer-events:none}
.hero-detail-spec{position:absolute;z-index:3;right:4vw;bottom:4%;display:grid;grid-template-columns:auto 70px;gap:7px 12px;align-items:center;color:#9fb2c1;font:6px monospace;letter-spacing:.14em}.hero-detail-spec i{height:1px;background:linear-gradient(90deg,#1677ff,transparent);box-shadow:0 0 10px #1677ff}.hero-detail-spec small{grid-column:1/-1;text-align:right;color:#4d718d;font:6px monospace}

/* Premium mechanical signature — real component + responsive digital scan */
.signature-field{--scan:64%;--sx:0px;--sy:0px;background:#01070d}.signature-field:before{background-image:linear-gradient(rgba(73,123,160,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(73,123,160,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 22%,#000 55%,#000)}.signature-field:after{inset:0;background:radial-gradient(ellipse at 72% 52%,rgba(19,91,149,.22),transparent 37%),linear-gradient(100deg,#01070d 0,transparent 58%);animation:none}
.signature-visual{position:absolute;inset:0;overflow:hidden;isolation:isolate;touch-action:pan-y;cursor:ew-resize}
.signature-photo,.signature-digital{position:absolute;inset:-3%;background:url("assets/valve-exploded-cinematic.webp") 64% center/cover no-repeat;transform:translate3d(var(--sx),var(--sy),0) scale(1.035);transition:transform .12s linear;will-change:transform}
.signature-photo{z-index:0;filter:saturate(.72) contrast(1.12) brightness(.86)}
.signature-digital{z-index:1;clip-path:inset(0 calc(100% - var(--scan)) 0 0);filter:saturate(1.3) contrast(1.12) brightness(1.05);opacity:.88}
.signature-scan{position:absolute;z-index:3;left:var(--scan);top:7%;bottom:7%;width:1px;background:linear-gradient(transparent,#55acff 18%,#1677ff 70%,transparent);box-shadow:0 0 24px 5px rgba(22,119,255,.38);transition:left .08s linear}.signature-scan:before{content:"SCAN / MATERIALTIEFE";position:absolute;top:12%;left:13px;color:#7fb9ef;font:6px monospace;letter-spacing:.16em;white-space:nowrap}.signature-scan:after{content:"";position:absolute;left:-80px;top:0;width:160px;height:100%;background:linear-gradient(90deg,transparent,rgba(22,119,255,.07),transparent)}
.signature-ambient{position:absolute;z-index:2;inset:0;overflow:hidden;mix-blend-mode:screen;pointer-events:none}.signature-ambient i{position:absolute;top:-15%;width:1px;height:130%;background:linear-gradient(transparent,rgba(76,163,235,.28),transparent);filter:blur(.2px);animation:ambientTravel 8s ease-in-out infinite alternate}.signature-ambient i:first-child{left:61%}.signature-ambient i:nth-child(2){left:78%;animation-delay:-3s;animation-duration:11s;opacity:.45}.signature-ambient i:last-child{left:91%;animation-delay:-6s;animation-duration:14s;opacity:.25}
.signature-nodes{position:absolute;z-index:4;inset:0;pointer-events:none}.signature-nodes i{position:absolute;width:5px;height:5px;border:1px solid #62aff5;border-radius:50%;box-shadow:0 0 12px #1677ff;animation:nodeBreath 2.7s ease-in-out infinite}.signature-nodes i:first-child{left:56%;top:32%}.signature-nodes i:nth-child(2){left:72%;top:22%;animation-delay:-.8s}.signature-nodes i:nth-child(3){left:64%;top:68%;animation-delay:-1.6s}.signature-nodes i:last-child{left:84%;top:61%;animation-delay:-2.2s}
.signature-copy{padding:25px 28px 28px;border-left:1px solid rgba(52,135,207,.55);background:linear-gradient(90deg,rgba(1,7,13,.82),rgba(1,7,13,.2));backdrop-filter:blur(3px)}
@keyframes ambientTravel{to{transform:translateX(42px) skewX(-7deg);opacity:.2}}@keyframes nodeBreath{50%{transform:scale(1.8);opacity:.28}}
@media(max-width:650px){.hero-detail-stage{top:4%;width:100%;height:43%}.hero-detail-spec{display:none}.hero.detail-scene #heroCanvas{opacity:.18}.detail-valve{background-position:58% center}.detail-actuator{background-position:48% center}.detail-flange{background-position:62% center}.signature-photo,.signature-digital{inset:0;background-position:61% 68%;background-size:auto 63%;background-repeat:no-repeat}.signature-field:after{background:linear-gradient(180deg,#01070d 0,rgba(1,7,13,.78) 43%,transparent 67%,#01070d 100%)}.signature-scan{top:42%;bottom:6%}.signature-scan:before{display:none}.signature-copy{top:7%;padding:20px;background:rgba(1,7,13,.76)}}
@media(prefers-reduced-motion:reduce){.signature-ambient i,.signature-nodes i{animation:none!important}.hero-detail{transition:none}.signature-photo,.signature-digital{transform:none}}

/* Pixel precision stays the hero — no photographic layer */
.hero-detail-stage{display:none!important}.hero #heroCanvas{opacity:1;filter:none;transition:opacity .4s}

/* Fully self-drawn cutaway signature */
.signature-field{--lens-x:72%;--lens-y:52%;background:radial-gradient(ellipse at 73% 53%,#0a2d49 0,#03121f 34%,#01070d 72%)}
.signature-field:before{z-index:0;background-image:linear-gradient(rgba(81,139,182,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(81,139,182,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse at 72% 52%,#000 0,transparent 67%)}
.signature-field:after{z-index:0;inset:0;background:radial-gradient(circle at var(--lens-x) var(--lens-y),rgba(22,119,255,.15),transparent 18%),linear-gradient(100deg,#01070d 0,rgba(1,7,13,.94) 31%,transparent 61%);animation:none}
#signatureCraftCanvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:crosshair}
.signature-flow{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.signature-flow i{position:absolute;left:72%;top:52%;width:27vw;aspect-ratio:1.65;border:1px solid rgba(59,142,208,.15);border-radius:50%;transform:translate(-50%,-50%) scale(.45);animation:signatureWave 6.5s ease-out infinite}.signature-flow i:nth-child(2){animation-delay:-1.6s}.signature-flow i:nth-child(3){animation-delay:-3.2s}.signature-flow i:last-child{animation-delay:-4.8s}
.signature-axis{position:absolute;z-index:1;pointer-events:none}.signature-axis.axis-x{left:43%;right:3%;top:52%;height:1px;background:linear-gradient(90deg,transparent,rgba(93,151,194,.2),transparent)}.signature-axis.axis-y{top:8%;bottom:7%;left:72%;width:1px;background:linear-gradient(transparent,rgba(93,151,194,.16),transparent)}
.signature-copy{z-index:4;background:linear-gradient(90deg,rgba(1,7,13,.9),rgba(1,7,13,.35) 80%,transparent);backdrop-filter:blur(2px)}.signature-meter,.signature-hint{z-index:4}
@keyframes signatureWave{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}20%{opacity:.7}100%{opacity:0;transform:translate(-50%,-50%) scale(1.65)}}
@media(max-width:650px){#signatureCraftCanvas{clip-path:inset(43% 0 0)}.signature-flow i{left:50%;top:71%;width:78vw}.signature-axis.axis-x{left:5%;right:5%;top:71%}.signature-axis.axis-y{left:50%;top:44%}.signature-field:after{background:radial-gradient(circle at var(--lens-x) var(--lens-y),rgba(22,119,255,.14),transparent 17%),linear-gradient(180deg,#01070d 0,rgba(1,7,13,.98) 40%,transparent 60%,#01070d 100%)}.signature-copy{padding:0 0 22px;border-left:0;border-bottom:1px solid rgba(52,135,207,.32);background:linear-gradient(180deg,rgba(1,7,13,.96),rgba(1,7,13,.78) 86%,transparent);backdrop-filter:none}.signature-control{position:absolute;z-index:5;left:22px;right:22px;bottom:9%;display:grid;grid-template-columns:1fr auto;gap:9px 14px;align-items:center;color:#83a0b5;font:8px monospace;letter-spacing:.14em}.signature-control input{grid-column:1/-1;width:100%;height:28px;margin:0;accent-color:#2085ff;touch-action:pan-x}.signature-control small{color:#398be4;font:8px monospace;letter-spacing:.12em}.signature-hint{display:none}}
@media(prefers-reduced-motion:reduce){.signature-flow i{animation:none!important;opacity:.18}}

/* Readability pass: microcopy remains technical, but no longer tiny. */
.nav nav{font-size:12px}.nav-cta{font-size:10px}.tag,.kicker{font-size:10px}.button{font-size:10px}.forge-readout span,.forge-readout small{font-size:8px}.forge-readout b{font-size:10px}.hero-status,.twin-label{font-size:9px}.dual-number{font-size:10px}.duality li{font-size:13px}.material-sample,.data-sample{font-size:9px}.lab-steps button{font-size:11px}.lab-readout span,.lab-readout small{font-size:9px}.cap-list button span,.cap-list article>div small{font-size:10px}.workflow-track article b{font-size:9px}.workflow-track p{font-size:13px}.territory-copy>div span,.coords{font-size:9px}.signature-copy>small,.signature-meter span,.signature-meter small,.signature-hint{font-size:9px}.process-readout{font-size:9px}.assistant b{font-size:9px}.assistant small,.chat>header small,.chat>footer{font-size:8px}.bot,.user{font-size:13px}.quick button{font-size:10px}.bot-action{font-size:9px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
footer{font-size:12px;line-height:1.65}footer strong{font-size:16px}footer .brand-type small{font-size:7.5px}footer>div{gap:13px}
@media(max-width:650px){.tag,.kicker{font-size:9px}.hero-status{font-size:8px}.signature-copy>p{font-size:15px}.signature-copy>small{font-size:8px;line-height:1.6}.territory-copy>div span{font-size:8px}footer{font-size:13px}footer .brand-type small{font-size:7px}}

/* Supplied KAI KOPP brand assets */
.nav-logo{display:block;width:235px;height:72px;background:url("assets/logo-seitlich.png") center/contain no-repeat;mix-blend-mode:normal;filter:none;opacity:1}.nav-logo .brand-mark,.nav-logo .brand-type{display:none}footer .nav-logo{width:285px;height:96px}.final:after{content:"";position:absolute;z-index:1;right:-9%;top:17%;width:min(68vw,1120px);height:62%;background:url("assets/logo-pfeil.webp") center/contain no-repeat;opacity:.13;filter:saturate(.85);pointer-events:none}.final-copy{z-index:3}
@media(max-width:650px){.nav-logo{width:178px;height:58px}footer .nav-logo{width:240px;height:80px}.final:after{right:-42%;top:34%;width:145vw;height:48%;opacity:.09}}