@font-face{font-family:Manrope;src:url('assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--ink:#f1f2f1;--muted:#c0c6ca;--gold:#d4bd8c;--scroll:0;scroll-behavior:smooth;scroll-padding-top:38px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:400 16px/1.7 Manrope,Arial,sans-serif;background:radial-gradient(ellipse at 82% 3%,#69727c55,transparent 25%),radial-gradient(ellipse at 12% 27%,#6d777c50,transparent 31%),linear-gradient(115deg,#30363d 3%,#40474f 44%,#4f555a 73%,#333940);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #e3c895;outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.25;letter-spacing:-.035em}h1{font-size:clamp(36px,3.6vw,50px);max-width:560px}h2{font-size:clamp(26px,2.6vw,35px)}h3{font-size:20px;letter-spacing:-.025em}em{font-style:normal}.wrap{width:min(1180px,calc(100% - 112px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{width:200px;height:auto;display:block}.header nav{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:13px}.header nav a{position:relative;color:#e5e8ea}.header nav a:after{content:"";position:absolute;height:1px;background:var(--gold);bottom:-8px;left:0;right:100%;transition:right .25s}.header nav a:hover:after{right:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 21px;background:linear-gradient(120deg,#e3d1ac,#c9b181 64%,#ddc69b);color:#272b2f;font-size:13px;font-weight:600;border:1px solid #f3e4c08a;border-radius:6px;box-shadow:inset 0 1px 0 #ffffff60,0 6px 16px #11182026;transition:transform .25s,box-shadow .25s,filter .25s;line-height:1.5}.button span{font-size:20px;font-weight:400;line-height:1}.button:hover{transform:translateY(-3px);filter:brightness(1.06);box-shadow:inset 0 1px 0 #ffffff80,0 10px 24px #11182045}.button-small{padding:10px 18px;gap:22px;font-size:12px}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:22px;position:relative}.text-link span{display:inline-block;font-size:18px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.text-link:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:1px;background:#c9b18170;transform:scaleX(.32);transform-origin:left;transition:transform .3s}.text-link:hover:after{transform:scaleX(1)}.eyebrow,.section-number,.hero-foot,.art-caption,.aperture-caption,.scene-caption,.principles,.partner-note{font-size:10px;letter-spacing:.2em;text-transform:uppercase;line-height:1.7}.eyebrow{color:#d3d6d8;font-weight:600}.hero{position:relative;min-height:605px;display:flex;align-items:center;padding-bottom:88px}.hero-copy{position:relative;z-index:2;width:53%;pointer-events:none;padding-top:24px}.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{margin-bottom:22px;letter-spacing:.23em;font-size:10px}.hero h1{margin-bottom:23px}.hero-lead{max-width:440px;font-size:17px;line-height:1.8;color:#d5dadd}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:31px}.hero-foot{margin-top:38px;color:#afb8bf;font-size:9px;letter-spacing:.24em}.hero-foot span{margin:0 13px;color:#9b8a6b}.hero-art{position:absolute;right:-40px;top:-22px;width:55%;height:600px;--px:0;--py:0;--light-x:65%;--light-y:25%;isolation:isolate}.wire-art:before{content:"";position:absolute;inset:8% -10% 8% 5%;background:radial-gradient(ellipse at 60% 34%,#a5aeb734,transparent 63%);z-index:-1}.wire-art:after{content:"";position:absolute;left:-100px;right:-70px;bottom:40px;height:128px;background:linear-gradient(175deg,transparent,#afb6b211 53%,transparent 90%);border-radius:50%;transform:skewY(-4deg);pointer-events:none;z-index:-1}#wire-canvas{width:100%;height:100%;position:relative;z-index:1}#wire-canvas canvas{width:100%;height:100%;display:block;cursor:grab}#wire-canvas canvas:active{cursor:grabbing}.wire-fallback{display:none;width:72%;height:80%;position:absolute;right:10%;top:3%;filter:drop-shadow(8px 20px 6px #151a2060)}.use-fallback .wire-fallback{display:block}.art-caption{position:absolute;right:2px;top:46%;font-size:8px;color:#d2d6da;z-index:2}.tiny-line{width:22px;height:1px;background:var(--gold);display:block;margin-bottom:16px}.scroll-cue{display:flex;align-items:center;gap:12px;position:absolute;left:0;bottom:29px;font-size:10px;letter-spacing:.09em;color:#aeb7bd}.scroll-cue span{width:16px;height:24px;border:1px solid #aeb7bd66;border-radius:10px;position:relative}.scroll-cue span:after{content:"";position:absolute;top:5px;left:6px;width:2px;height:4px;background:#dac49b;border-radius:2px;animation:scrollCue 2.5s infinite}@keyframes scrollCue{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(6px);opacity:1}}
.page-thread{position:absolute;inset:0 0 auto;pointer-events:none;overflow:hidden;z-index:1}.page-thread svg{width:100%;display:block}.page-thread path{fill:none;stroke-linecap:round;stroke-linejoin:round}.thread-shadow{stroke:#161b23;stroke-width:5;opacity:.34;transform:translate(2px,3px)}.thread-track{stroke:#aaa58e;stroke-width:1.2;opacity:.18}.thread-active{stroke:url(#threadGold);stroke-width:1.8;filter:drop-shadow(0 0 3px #d5b47e45)}.thread-head{fill:#f0ddb6;filter:drop-shadow(0 0 6px #d5b47e)}.section{position:relative;padding-top:38px;padding-bottom:45px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-number{color:#b7bdc3;letter-spacing:.1em;font-size:9px}.surface{position:relative;z-index:2}.solution-panel{color:#272e35;background:radial-gradient(ellipse at 10% 0,#f1f2ef,transparent 63%),linear-gradient(120deg,#d9dddf,#bdc3c7);border:1px solid #f1f3f2a8;border-radius:20px;padding:36px 40px 0;box-shadow:0 18px 45px #11182125,inset 0 1px 1px #fff9}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:33px}.panel-heading h2{font-size:29px;letter-spacing:-.04em}.panel-heading p{font-size:12px;line-height:1.7;color:#68717a}.services{display:grid;grid-template-columns:repeat(3,1fr);position:relative}.service{text-align:left;padding:0 25px 20px;position:relative;background:transparent;color:#343c43;min-width:0;transition:background .3s}.service:first-child{padding-left:0}.service:last-child{padding-right:0}.service+.service:before{content:"";position:absolute;left:0;top:60px;bottom:25px;width:1px;background:#8a929a50}.service-content strong{font-size:17px;letter-spacing:-.02em;font-weight:600;display:block;margin-bottom:10px;color:#222b33}.service-content>span{display:block;font-size:13px;line-height:1.8;max-width:265px}.service-art{height:102px;display:flex;align-items:center;gap:19px}.service-art small{font-size:10px;letter-spacing:.1em;color:#727b83;transition:color .3s}.socket{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#979fa7,#f1f3f2);box-shadow:inset 3px 4px 8px #46525c80,0 1px 1px #fff;position:relative;transition:transform .4s}.socket:before{content:"";position:absolute;inset:8px;background:linear-gradient(140deg,#b3bac0,#e1e5e7);border-radius:inherit;box-shadow:0 3px 5px #1b27344d}.socket-1{border-radius:13px}.socket-2{border-radius:18px 18px 27px 27px}.socket i{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,#ece0c5,#a18a5e);box-shadow:2px 4px 4px #28313b50,inset 1px 1px 0 #fff8;z-index:1;transition:box-shadow .3s,transform .3s}.socket i:before{content:"";position:absolute;bottom:8px;left:6px;width:1px;height:53px;background:linear-gradient(0deg,#bba375,#f9e4bc);transform-origin:bottom;transform:rotate(-18deg);opacity:.55}.service.active .socket i{box-shadow:0 0 0 6px #bda37028,2px 4px 4px #28313b40}.service:hover .socket{transform:translateY(-5px)}.service:hover .service-art small,.service.active .service-art small{color:#73603d}.service-arrow{position:absolute;right:25px;top:43px;font-size:19px;color:#9b834f;opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}.service.active .service-arrow,.service:hover .service-arrow{opacity:1;transform:translate(0)}.process-detail{border-top:1px solid #7f8b972e;display:flex;align-items:flex-start;gap:24px;padding:24px 0 27px;min-height:120px}.detail-index{font-size:12px;color:#867149;border:1px solid #a595713d;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;flex-shrink:0}.process-detail h3{font-size:15px;margin-bottom:7px}.process-detail p{font-size:12px;color:#5a6570;line-height:1.8;max-width:755px}.detail-mark{font-size:25px;margin-left:auto;color:#6c747a}.security{padding-top:32px}.security-panel{border:1px solid #aeb8bf78;border-radius:20px;background:radial-gradient(ellipse at var(--light-x,65%) var(--light-y,25%),#8896a035,transparent 62%),linear-gradient(115deg,#30373f,#424c56);min-height:420px;display:flex;align-items:center;padding:56px 48px;overflow:hidden;box-shadow:inset 0 1px 1px #d5dde82a,0 15px 40px #10182129;--px:0;--py:0;--open:.2}.security-copy{position:relative;width:48%;z-index:3}.security h2{font-size:34px;margin-bottom:22px}.security-copy>p{font-size:15px;color:#d0d6db;max-width:405px;line-height:1.85}.gold-link{margin-top:30px;font-size:13px}.partner-note{display:block;color:#9aa8b2;letter-spacing:.12em;font-size:8px;margin-top:16px}.glass-scene{position:absolute;right:38px;top:45px;width:400px;height:355px;perspective:1000px;transform:translate(calc(var(--px)*8px),calc(var(--py)*6px));transition:transform .5s}.glass-pane{position:absolute;width:146px;height:223px;top:54px;border:1px solid #d8e2e99c;border-right-width:3px;border-radius:7px;background:linear-gradient(135deg,#d7e2e926,#e8f3ff03 45%,#c9dcec11);box-shadow:inset 1px 1px 0 #ffffff60,7px 12px 17px #10192324;transform:rotateY(-28deg) rotateZ(-9deg);transition:transform .7s}.glass-pane span{font-size:9px;letter-spacing:.19em;text-transform:uppercase;position:absolute;top:75px;left:22px;line-height:2.4;color:#bfcbd5}.pane-back{left:44px;top:18px;transform:translateX(calc(var(--open)*-13px)) rotateY(-28deg) rotateZ(-9deg)}.pane-front{left:195px;top:86px;transform:translateX(calc(var(--open)*13px)) rotateY(-28deg) rotateZ(-9deg)}.gold-clasp{position:absolute;left:171px;top:158px;width:32px;height:51px;border-radius:4px;background:linear-gradient(100deg,#e9d9b3,#baa271 65%,#8c7751 66%,#bca374);box-shadow:5px 10px 8px #10172266,inset 1px 1px 1px #fff9;transform:rotate(-9deg);transition:filter .4s}.security-panel:hover .gold-clasp{filter:brightness(1.17)}.glass-shadow{position:absolute;bottom:15px;left:35px;width:320px;height:35px;border-radius:50%;background:#10182266;filter:blur(18px);transform:rotate(-12deg)}.principles{display:flex;justify-content:space-between;gap:20px;padding:22px 8px 0;color:#c2c9ce;letter-spacing:.16em;font-size:9px}.principles span{display:flex;align-items:center;gap:12px}.principles span:before{content:"";width:4px;height:4px;border-radius:50%;background:#c9b183}
.brands-section{background:radial-gradient(ellipse at 65% 40%,#f0f1ed,#c5cbd0);color:#28313a;padding-block:49px 57px;margin-top:30px;border-block:1px solid #edf0f181;box-shadow:0 12px 32px #171d2322;z-index:2}.brands-section .eyebrow{color:#626d77}.brands-section .section-number{color:#77818a}.brands-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.brands-heading h2{font-size:30px}.brands-heading h2 span{color:#6a737b;font-weight:400}.brands-heading>p{font-size:12px;color:#606c76}.brand-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brand-card{background:radial-gradient(ellipse at 15% 0,#6976829c,transparent 75%),linear-gradient(135deg,#3a444e,#303941);border:1px solid #6e7b88;border-radius:12px;color:#f1f3f3;min-height:190px;padding:30px 20px 31px;display:flex;align-items:center;gap:16px;position:relative;box-shadow:0 7px 15px #12203315,inset 0 1px 0 #cbd7e526;transition:transform .35s,box-shadow .35s,border-color .35s}.brand-card:hover{transform:translateY(-6px);box-shadow:0 16px 24px #1220332e;border-color:#ceb98c}.brand-text{position:relative;z-index:2}.brand-card h3{font-size:18px;margin-bottom:10px;letter-spacing:-.02em}.brand-card p{font-size:11px;color:#c4cdd5;max-width:205px;line-height:1.8}.brand-arrow{position:absolute;bottom:13px;right:18px;color:#c3ced6;font-size:19px;transition:transform .25s}.brand-card:hover .brand-arrow{transform:translate(3px,-3px);color:#e6c993}.brand-sculpture{display:block;width:58px;height:85px;flex-shrink:0;position:relative;perspective:400px}.brand-sculpture i{position:absolute;display:block;box-shadow:3px 5px 6px #101a2370;transition:transform .5s}.skills i{width:46px;height:17px;border-radius:3px;background:linear-gradient(130deg,#d5dce0,#77818b 75%);transform:rotate(-29deg) skewX(-15deg);left:3px;top:16px;border-top:1px solid #edf1f2}.skills i:first-child{background:linear-gradient(130deg,#ebddbc,#a89267);border-color:#f4e7c6}.skills i:nth-child(2){top:38px}.skills i:nth-child(3){top:60px}.brand-card:hover .skills i:nth-child(2){transform:translateX(5px) rotate(-29deg) skewX(-15deg)}.brand-card:hover .skills i:nth-child(3){transform:translateX(10px) rotate(-29deg) skewX(-15deg)}.boost i{bottom:8px;width:12px;height:30px;left:3px;background:linear-gradient(90deg,#f0deb3,#ae9565);transform:skewY(-14deg);border-top:1px solid #f9e5b9}.boost i:nth-child(2){height:47px;left:21px;background:linear-gradient(90deg,#b4bdc5,#64717c)}.boost i:nth-child(3){height:68px;left:39px;background:linear-gradient(90deg,#d0d8de,#82909c)}.brand-card:hover .boost i{transform:translateY(-5px) skewY(-14deg)}.price i{width:39px;height:51px;left:9px;top:11px;background:linear-gradient(135deg,#d3dbe1,#6b7a88);transform:skewY(-27deg) rotateY(-28deg);border:1px solid #d7e0e598;border-radius:3px}.price i:nth-child(2){top:24px;left:16px;background:linear-gradient(135deg,#e3d3af,#a18a60)}.price i:nth-child(3){top:38px;left:22px;background:linear-gradient(135deg,#a6b2bd,#536574)}.brand-card:hover .price i:nth-child(3){transform:translateX(6px) skewY(-27deg) rotateY(-28deg)}
.contact{padding-block:85px 75px}.contact-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact .eyebrow{margin-bottom:17px;font-size:9px}.contact h2{font-size:34px;margin-bottom:17px}.contact p:not(.eyebrow){font-size:14px;color:#c8d0d6}.contact .button{min-width:165px;flex-shrink:0}.footer{padding:28px 0 100px;background:linear-gradient(100deg,#2c333a,#343e47);border-top:1px solid #8e9aa530;position:relative;z-index:2}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .brand img{width:167px}.footer p,.footer span{font-size:10px;color:#a6b3bd}.preview-toolbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:4px;padding:5px 6px 5px 15px;background:#202830eb;backdrop-filter:blur(16px);border:1px solid #8d99a55c;border-radius:11px;box-shadow:0 8px 30px #09101955;white-space:nowrap}.preview-label{font-size:9px;color:#9facb9;text-transform:uppercase;letter-spacing:.12em;margin-right:10px}.preview-toolbar>a{font-size:11px;padding:8px 13px;color:#b2bdc7;border-radius:6px;border:1px solid transparent}.preview-toolbar>a>span{color:#c2a97c;font-size:9px;margin-right:7px}.preview-toolbar>a[aria-current]{border-color:#bdab852d;background:#53616d55;color:#f4f1e8}.preview-toolbar>a:hover{background:#66748055;color:white}.motion-toggle{display:flex;align-items:center;justify-content:center;width:33px;height:33px;background:transparent;border-left:1px solid #6b78833d;margin-left:6px;color:#d9c398;font-size:12px}.menu-button{display:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}.brand-card:nth-child(2){transition-delay:.06s}.brand-card:nth-child(3){transition-delay:.12s}.skip{position:fixed;top:10px;left:10px;z-index:40;background:#e4d1a7;color:#222;padding:10px 15px;transform:translateY(-150%)}.skip:focus{transform:none}.contact-dialog{border:1px solid #9daab775;border-radius:16px;background:linear-gradient(135deg,#4f5b66,#303b45);color:#eef1f3;width:min(500px,calc(100% - 40px));padding:44px;box-shadow:0 25px 100px #080e1866}.contact-dialog::backdrop{background:#111c2c99;backdrop-filter:blur(7px)}.contact-dialog h2{font-size:29px;margin:15px 0 20px}.contact-dialog p:not(.eyebrow){font-size:14px;color:#d0d8df}.contact-dialog .button{margin-top:30px}.dialog-close{position:absolute;right:13px;top:8px;font-size:29px;font-weight:400;background:transparent;color:#c6d0d9}
/* Bevágások: az embléma síkja és eredeti arányai végig változatlanok. */
body[data-concept=cut]{background:radial-gradient(ellipse at 78% 7%,#a9b1b444,transparent 24%),radial-gradient(ellipse at 15% 35%,#6e7b8640,transparent 30%),linear-gradient(110deg,#353b42,#4a5158 70%,#3b444d)}[data-concept=cut] .hero{min-height:625px}[data-concept=cut] .hero h1 em{color:#d4bd8c}[data-concept=cut] .hero-art{right:-27px;top:-4px;height:550px;width:53%}.aperture{position:relative;width:100%;height:100%}.aperture-body{width:100%;height:100%;overflow:visible;display:block}.aperture:before{content:"";position:absolute;inset:5% 4% 12%;background:radial-gradient(ellipse at var(--light-x,65%) var(--light-y,25%),#d3dce84d,transparent 62%);z-index:-1;transition:background .25s}.logo-seat{position:absolute;left:50%;top:48.2%;width:38%;height:auto;aspect-ratio:288/310;transform:translate(-50%,-50%);filter:drop-shadow(0 11px 5px #0d141aa8)}.exact-emblem{width:100%;height:100%;display:block;filter:brightness(calc(1 + var(--px,0)*.12));transition:filter .35s}.aperture-gold{filter:drop-shadow(0 0 4px #edc48045);stroke-dasharray:600;stroke-dashoffset:0;animation:edgeLight 5s ease-in-out infinite}.aperture-caption{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);font-size:8px;white-space:nowrap;color:#afb9c2}@keyframes edgeLight{0%,100%{opacity:.5}50%{opacity:1}}
[data-concept=cut] .solution-panel{background:radial-gradient(ellipse at 3% 0,#707d8950,transparent 65%),linear-gradient(115deg,#39434d,#303b46);color:#f1f4f6;border:1px solid #99a8b559;border-radius:4px 19px 4px 19px;padding:33px 34px 0;box-shadow:0 15px 38px #151c2530,inset 0 1px 0 #e2ebf520)}[data-concept=cut] .panel-heading{margin-bottom:26px}[data-concept=cut] .panel-heading h2{font-size:28px}[data-concept=cut] .panel-heading p{color:#aab6c0}[data-concept=cut] .services-layout{display:grid;grid-template-columns:1.06fr 1fr;gap:42px;align-items:center}[data-concept=cut] .services{display:flex;flex-direction:column;gap:10px}[data-concept=cut] .service{display:flex;align-items:center;padding:13px 10px 13px 0;gap:20px;border-radius:9px;color:#b6c2cc}[data-concept=cut] .service+.service:before{display:none}[data-concept=cut] .service-content strong{color:#f1f2f3;font-size:16px;margin-bottom:7px}[data-concept=cut] .service-content>span{font-size:12px;max-width:310px}[data-concept=cut] .service-art{height:70px;width:64px;flex-shrink:0;display:block;position:relative}[data-concept=cut] .service-art small{display:none}[data-concept=cut] .socket{width:62px;height:68px;border-radius:0;clip-path:polygon(50% 0,98% 25%,98% 75%,50% 100%,2% 75%,2% 25%);background:linear-gradient(135deg,#8795a360,#58697820);box-shadow:none}[data-concept=cut] .socket:before{inset:1px;border-radius:0;clip-path:inherit;background:linear-gradient(135deg,#576776,#374653);box-shadow:none}[data-concept=cut] .socket i{width:22px;height:22px;border-radius:7px;background:transparent;border:1px solid #b7a581;box-shadow:none;transform:rotate(30deg)}[data-concept=cut] .socket i:before{display:none}[data-concept=cut] .socket-1 i{border-radius:3px}[data-concept=cut] .socket-2 i{border-radius:50%}[data-concept=cut] .service.active{background:linear-gradient(90deg,#8194a312,transparent)}[data-concept=cut] .service.active .socket i{background:#cfb78328;box-shadow:0 0 16px #ceaa6920}[data-concept=cut] .service-arrow{top:10px;right:7px;font-size:14px}[data-concept=cut] .process-detail{border-color:#a1b2c12b;margin-top:24px;min-height:120px}[data-concept=cut] .process-detail p{color:#b1bfca}[data-concept=cut] .detail-index{color:#d5bd8d}[data-concept=cut] .detail-mark{color:#b9c7d3}.document-scene{height:282px;border-radius:4px 20px 4px 20px;background:radial-gradient(ellipse at 10% 0,#f1f4f3,#b3bec7);box-shadow:inset 0 1px 0 #fff9,0 14px 25px #15213033;position:relative;perspective:800px;overflow:hidden}.paper{position:absolute;width:86px;height:127px;left:34px;top:60px;border-radius:2px;background:linear-gradient(145deg,#f2f5f4,#d5dde1);border:1px solid #fff8;box-shadow:7px 9px 10px #66788744;transform:rotateY(-14deg) rotate(-4deg);transition:transform .5s}.paper-back{left:54px;top:44px}.paper-front{top:80px}.paper span{display:block;width:18px;height:9px;margin:19px 15px 10px;background:#9eaab4}.paper i{display:block;width:52px;height:3px;background:#acb8c1;margin:11px 14px}.paper i:last-child{width:35px}.data-sheet{position:absolute;right:25px;top:73px;width:124px;height:123px;border:1px solid #f8fbfc88;border-radius:8px;background:linear-gradient(135deg,#eef2f099,#c4ced680);box-shadow:5px 10px 15px #61738438;transform:rotateY(-8deg);padding:19px 14px}.data-sheet>div{display:flex;align-items:center;gap:9px;margin-bottom:18px}.data-sheet b{width:10px;height:10px;background:#687b89;border-radius:2px;box-shadow:0 2px 2px #35495644}.data-sheet i{width:67px;height:4px;background:#9baab5}.data-sheet>div:nth-child(2) i{width:44px}.data-arrow{position:absolute;left:47%;top:116px;color:#a38753;font-size:30px;transition:transform .5s}.scene-caption{position:absolute;bottom:26px;left:0;width:100%;text-align:center;color:#6a7a86;font-size:8px;letter-spacing:.16em}.document-scene[data-step="1"] .paper-front{transform:translateX(8px) rotateY(-14deg) rotate(0deg)}.document-scene[data-step="1"] .data-arrow{transform:translateX(6px)}.document-scene[data-step="2"] .data-sheet b{background:#b79b65;box-shadow:0 0 0 3px #b89c6220}
[data-concept=cut] .security-panel{border-radius:3px;background:radial-gradient(ellipse at var(--light-x,65%) var(--light-y,25%),#8494a44a,transparent 67%),linear-gradient(100deg,#37424d,#64727d);border-color:#8293a52b;padding-block:63px;min-height:390px}[data-concept=cut] .security-copy{width:48%}.cutaway{position:absolute;right:-2%;top:0;width:53%;height:100%;overflow:hidden}.cut-layer{position:absolute;inset:0;transition:transform .7s;background:linear-gradient(125deg,#526272,#93a1ac);box-shadow:-15px 0 25px #172b3c80}.back-layer{clip-path:polygon(80% 0,100% 0,100% 100%,2% 100%);background:linear-gradient(115deg,#8797a7,#bbc5c9);transform:translateX(calc(var(--open)*15px))}.front-layer{clip-path:polygon(0 0,79% 0,1% 100%,0 100%);background:linear-gradient(135deg,#445463,#526270);transform:translateX(calc(var(--open)*-8px))}.cut-light{position:absolute;left:49%;top:-20%;height:140%;width:2px;background:linear-gradient(0deg,transparent 20%,#a58a55,#f2dbae 50%,#b39a63,transparent 80%);transform:rotate(38deg);box-shadow:0 0 16px 3px #d5b16e2b;opacity:calc(.25 + var(--open)*.75)}.cutaway>span{position:absolute;bottom:74px;right:35px;color:#354653;font-size:10px;letter-spacing:.18em;line-height:2;text-transform:uppercase}.cutaway:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#e0e9ef22,transparent 65%)}
[data-concept=cut] .brands-section{background:none;border:0;box-shadow:none;margin-top:0;padding-block:28px 35px}[data-concept=cut] .brands-section>.wrap{background:linear-gradient(115deg,#e7ebeb,#bdc9cf);padding:33px 36px 28px;border-radius:4px 22px 4px 22px;box-shadow:0 12px 25px #182a3b22;border:1px solid #dce5eb;position:relative}[data-concept=cut] .brands-heading{margin-bottom:26px}[data-concept=cut] .brands-heading h2{font-size:29px}[data-concept=cut] .brands-heading h2 br{display:none}[data-concept=cut] .brands-heading h2 span{margin-left:8px}[data-concept=cut] .brands-heading>p{display:none}[data-concept=cut] .brand-links{display:block}[data-concept=cut] .brand-card{min-height:83px;background:transparent;color:#2c3d4a;box-shadow:none;border-radius:4px;border:1px solid #879aaa44;padding:15px 25px;margin-top:9px;gap:28px;transition:background .3s,transform .3s,border .3s}[data-concept=cut] .brand-card:hover{background:#f4f7f23d;transform:translateX(4px);border-color:#a6936f}[data-concept=cut] .brand-sculpture{width:33px;height:45px;transform:scale(.58);transform-origin:0 30%;margin-right:5px}[data-concept=cut] .brand-text{display:flex;align-items:center;gap:30px;width:100%}[data-concept=cut] .brand-card h3{margin:0;min-width:180px;font-size:19px}[data-concept=cut] .brand-card p{font-size:12px;color:#5d6d7a;max-width:none}[data-concept=cut] .brand-arrow{position:static;color:#a78c58;margin-left:auto}[data-concept=cut] .contact{padding-block:38px 65px}[data-concept=cut] .contact-inner{padding:39px 35px;border:1px solid #a6b6c44a;border-radius:4px 18px 4px 18px;background:linear-gradient(115deg,#45566455,#28394788);box-shadow:inset 0 1px 0 #c3d1dd15}[data-concept=cut] .contact h2{font-size:29px}[data-concept=cut] .contact-inner:after{content:"";position:absolute;bottom:-1px;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,#d3b87f70,transparent)}
.motion-paused{scroll-behavior:auto}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition-duration:0s!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .glass-scene{transform:none}.motion-paused .exact-emblem{filter:none}
@media(min-width:1500px){.hero{min-height:670px}.hero-art{height:630px;right:-30px}.hero-copy{padding-top:0}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header nav{gap:20px}.brand img{width:176px}.hero-actions{gap:22px;flex-wrap:wrap}.hero-art{right:-25px;width:54%}.art-caption{display:none}.hero-lead{font-size:15px;max-width:375px}.hero{min-height:590px}.solution-panel{padding-inline:28px}.panel-heading h2{font-size:27px}.service{padding-inline:20px}.service-content strong{font-size:15px}.security-panel{padding:40px 34px;min-height:385px}.glass-scene{transform:scale(.87) translate(calc(var(--px)*8px),calc(var(--py)*6px));transform-origin:right center;right:14px}.brand-card{gap:12px;padding-inline:16px}.brand-sculpture{transform:scale(.8);transform-origin:left center;width:46px}.brand-card h3{font-size:15px}.brand-card p{font-size:10px}[data-concept=cut] .services-layout{gap:24px}.data-sheet{right:14px;width:100px}.paper{left:16px}.paper-back{left:30px}.data-arrow{left:44%}.data-sheet i{width:49px}.contact h2{font-size:30px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.header{height:86px;gap:16px}.brand img{width:159px}.header nav{gap:16px;font-size:11px}.header>.button{padding:9px 14px;font-size:11px;gap:14px}.hero{min-height:570px;padding-bottom:85px}.hero-copy{width:55%}h1{font-size:36px}.hero-lead{font-size:14px}.hero .eyebrow{font-size:8px;max-width:270px}.hero-art{right:-13px;top:5px;height:470px;width:52%}.hero .button{font-size:11px;padding:12px 14px;gap:16px}.hero-actions{gap:18px}.hero-foot{font-size:7px;letter-spacing:.16em}.hero-foot span{margin:0 8px}.solution-panel{padding:28px 24px 0}.panel-heading{gap:15px}.panel-heading h2{font-size:24px}.panel-heading p{font-size:10px;max-width:150px}.service-content>span{font-size:11px}.service-content strong{font-size:14px;min-height:36px}.service{padding-inline:16px}.service-art{height:86px}.socket{width:50px;height:50px}.service-art small{font-size:8px}.service-arrow{right:15px}.security-panel{min-height:370px;padding:34px 29px}.security h2{font-size:28px}.security-copy>p{font-size:13px}.glass-scene{transform:scale(.7);right:-6px;top:5px}.gold-link{font-size:11px}.brands-heading h2{font-size:27px}.brands-heading>p{font-size:10px}.brand-links{gap:10px}.brand-card{display:block;padding:23px 18px 35px;min-height:230px}.brand-sculpture{height:78px;margin-bottom:10px;transform:scale(.76);transform-origin:top left}.brand-card h3{font-size:16px}.brand-card p{font-size:11px}.contact h2{font-size:26px}.contact p:not(.eyebrow){font-size:12px}.footer p{display:none}[data-concept=cut] .hero-art{top:38px;right:-14px;height:440px}[data-concept=cut] .hero{min-height:590px}[data-concept=cut] .panel-heading h2{font-size:24px}[data-concept=cut] .solution-panel{padding-inline:24px}[data-concept=cut] .services-layout{grid-template-columns:1.05fr 1fr;gap:22px}[data-concept=cut] .service{gap:12px}[data-concept=cut] .service-art{width:43px;height:51px}[data-concept=cut] .socket{width:43px;height:50px}[data-concept=cut] .service-content strong{min-height:0;font-size:14px}[data-concept=cut] .service-content>span{font-size:11px}.document-scene{height:252px}.paper{width:67px;height:105px;left:15px;top:76px}.paper-back{left:29px;top:60px}.paper i{width:39px;margin:8px 12px}.paper span{margin:14px 12px 10px}.data-sheet{right:13px;width:84px;height:108px;top:78px;padding:17px 10px}.data-sheet i{width:37px}.data-sheet div{gap:6px;margin-bottom:14px}.data-arrow{left:43%;top:111px;font-size:23px}.scene-caption{font-size:7px}[data-concept=cut] .brands-section>.wrap{padding:28px}[data-concept=cut] .brands-heading h2{font-size:25px}[data-concept=cut] .brand-card{display:flex;padding:14px 17px;gap:20px}[data-concept=cut] .brand-text{gap:20px}[data-concept=cut] .brand-card h3{min-width:148px;font-size:17px}[data-concept=cut] .brand-card p{font-size:11px}[data-concept=cut] .brand-sculpture{margin-bottom:0}[data-concept=cut] .contact-inner{padding:28px}[data-concept=cut] .contact h2{font-size:25px}}
@media(max-width:620px){:root{scroll-padding-top:20px}.wrap{width:calc(100% - 36px)}.header{height:78px;gap:13px}.header .brand img{width:145px}.header>.button{margin-left:auto;font-size:10px;padding:8px 11px;gap:10px}.menu-button{display:grid;place-content:center;gap:5px;width:29px;height:35px;background:transparent;flex-shrink:0}.menu-button span{width:18px;height:1px;background:#c7d1d9}.header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:24px;background:#34424df5;border:1px solid #8e9da859;border-radius:10px;box-shadow:0 15px 30px #121f2c55;backdrop-filter:blur(15px);font-size:14px;z-index:10}.menu-open nav{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.hero{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding-top:25px;padding-bottom:45px}.hero-copy{width:100%;padding:0;pointer-events:auto}.hero .eyebrow{font-size:8px;max-width:none;margin-bottom:15px;letter-spacing:.17em}h1{font-size:34px;max-width:355px;line-height:1.2}.hero h1{margin-bottom:19px}.hero-lead{font-size:14px;max-width:365px}.hero-actions{margin-top:22px;gap:22px}.hero .button{font-size:11px;gap:17px}.hero-actions .text-link{font-size:11px;gap:12px}.hero-foot{margin-top:23px;font-size:7px}.hero-art{position:relative;right:auto;top:auto;align-self:center;width:100%;height:360px;margin-top:5px;margin-bottom:-28px}.wire-art:after{left:-10px;right:-10px;bottom:0;height:65px}.wire-art:before{inset:0}.art-caption{display:block;right:2px;top:49%;font-size:7px}.scroll-cue{bottom:2px;font-size:9px}.scroll-cue span{width:13px;height:20px}.scroll-cue span:after{left:5px}.section{padding-top:30px;padding-bottom:27px}.section-top{margin-bottom:15px;gap:15px}.eyebrow{font-size:8px;letter-spacing:.17em}.section-number{font-size:8px;letter-spacing:.06em}.solution-panel{border-radius:14px;padding:25px 21px 0}.panel-heading{display:block;margin-bottom:23px}.panel-heading h2{font-size:23px}.panel-heading p{display:none}.services{display:flex;flex-direction:column;gap:0}.service{display:flex;align-items:center;gap:17px;padding:15px 0!important;border-bottom:1px solid #73829122}.service:last-child{border-bottom:0}.service+.service:before{display:none}.service-art{height:62px;width:54px;flex-shrink:0;position:relative}.service-art small{display:none}.service-content strong{min-height:0;margin-bottom:7px;font-size:15px}.service-content>span{font-size:12px;max-width:none}.socket{width:47px;height:47px}.socket i:before{height:29px}.service-arrow{top:7px;right:2px;font-size:15px}.process-detail{padding:20px 0 23px;gap:12px;min-height:169px}.process-detail h3{font-size:14px}.process-detail p{font-size:11px}.detail-index{width:25px;height:25px;font-size:10px}.detail-mark{display:none}.security-panel{padding:30px 24px 10px;min-height:0;display:block;border-radius:14px}.security-copy{width:100%}.security h2{font-size:26px;margin-bottom:16px}.security-copy>p{font-size:13px;max-width:325px}.gold-link{margin-top:24px}.partner-note{font-size:7px;margin-top:14px}.glass-scene{position:relative;right:auto;top:auto;width:320px;height:245px;transform:scale(.78);transform-origin:20% 10%;margin:26px auto -15px;max-width:100%}.glass-pane{width:127px;height:199px}.pane-back{left:26px}.pane-front{left:168px;top:65px}.gold-clasp{left:148px;top:139px}.glass-pane span{font-size:8px;left:17px}.glass-shadow{left:20px;width:260px;bottom:-35px}.principles{gap:10px;padding:15px 0 0;font-size:7px;letter-spacing:.06em;flex-wrap:wrap;justify-content:flex-start}.principles span{gap:7px;margin-right:8px}.brands-section{padding-block:32px 35px;margin-top:13px}.brands-heading{display:block;margin-bottom:22px}.brands-heading h2{font-size:26px}.brands-heading>p{margin-top:13px;font-size:11px}.brand-links{display:block}.brand-card{display:flex;min-height:125px;margin-top:12px;padding:23px 21px 26px;gap:18px}.brand-sculpture{width:50px;height:70px;transform:scale(.75);margin:0}.brand-card h3{font-size:18px;margin-bottom:7px}.brand-card p{font-size:11px}.brand-arrow{right:16px;bottom:10px;font-size:18px}.contact{padding-block:43px 39px}.contact-inner{display:block}.contact .eyebrow{margin-bottom:13px}.contact h2{font-size:27px;max-width:310px;line-height:1.25}.contact p:not(.eyebrow){font-size:13px;max-width:290px}.contact .button{margin-top:25px;min-width:153px}.footer{padding:22px 0 100px}.footer-inner{gap:15px}.footer .brand img{width:142px}.footer span{font-size:8px}.preview-toolbar{bottom:12px;width:max-content;max-width:calc(100% - 24px);padding:4px 5px 4px 8px;border-radius:9px}.preview-label{display:none}.preview-toolbar>a{padding:8px 11px;font-size:11px}.motion-toggle{margin-left:4px;width:29px}.page-thread{opacity:.65}.thread-active{stroke-width:1.1}.contact-dialog{padding:34px 27px}.contact-dialog h2{font-size:25px}
[data-concept=cut] .hero{min-height:0}[data-concept=cut] .hero-art{position:relative;right:auto;top:auto;width:100%;height:363px;margin-top:9px;margin-bottom:0}[data-concept=cut] .aperture-caption{bottom:0;font-size:7px}[data-concept=cut] .solution-panel{padding:24px 21px 0;border-radius:4px 15px 4px 15px}[data-concept=cut] .panel-heading h2{font-size:23px}[data-concept=cut] .services-layout{display:flex;flex-direction:column;gap:18px}[data-concept=cut] .services{gap:2px;width:100%}[data-concept=cut] .service{padding:11px 0!important;border-bottom-color:#9badbd1c;gap:16px}[data-concept=cut] .service-content>span{font-size:12px}[data-concept=cut] .service-content strong{font-size:15px}[data-concept=cut] .process-detail{margin-top:20px;min-height:178px}.document-scene{width:100%;height:217px}.paper{left:28px;top:58px}.paper-back{left:45px;top:41px}.data-sheet{right:26px;top:56px;width:96px;height:110px}.data-sheet i{width:47px}.data-arrow{left:46%;top:88px}.scene-caption{bottom:17px;font-size:7px}[data-concept=cut] .security-panel{padding:30px 24px 0;min-height:0;overflow:hidden}[data-concept=cut] .security-copy{width:100%}.cutaway{position:relative;right:auto;width:calc(100% + 48px);margin:24px -24px 0;height:216px}.cutaway>span{bottom:35px;right:20px;font-size:8px}[data-concept=cut] .brands-section{padding:20px 0}[data-concept=cut] .brands-section>.wrap{padding:26px 19px;border-radius:4px 15px 4px 15px}[data-concept=cut] .brands-heading h2{font-size:25px}[data-concept=cut] .brands-heading h2 span{display:block;margin-left:0}[data-concept=cut] .brand-card{gap:5px;padding:17px 11px;min-height:100px;margin-top:10px}[data-concept=cut] .brand-text{display:block}[data-concept=cut] .brand-card h3{font-size:17px;min-width:0;margin-bottom:6px}[data-concept=cut] .brand-card p{font-size:10px;max-width:215px}[data-concept=cut] .brand-sculpture{width:34px;transform:scale(.5);flex-shrink:0}[data-concept=cut] .brand-arrow{font-size:17px;align-self:flex-end}[data-concept=cut] .contact{padding-top:25px;padding-bottom:35px}[data-concept=cut] .contact-inner{padding:28px 23px}[data-concept=cut] .contact h2{font-size:26px}}
.hero-art{overflow:hidden}
.wire-art:before,.aperture:before{mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%)}
.wire-art:after{opacity:.3}
.service-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.service-wires path{fill:none;stroke:#bda574;stroke-width:1.4;filter:drop-shadow(1px 2px 1px #51412f40);stroke-linecap:round}
.service-wires path:first-child{stroke:#9b8b6b;opacity:.26;stroke-width:1}
.service-art,.service-content{position:relative;z-index:1}
.service .socket i:before{display:none}
.cutaway{background:linear-gradient(125deg,#1c2833,#2d3c48 60%,#617380);mask-image:linear-gradient(90deg,transparent,#000 18%)}
.cut-light{inset:0;width:100%;height:100%;background:none;transform:none;box-shadow:none}
.cut-light svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 7px #dfbd8055)}
@media(max-width:620px){.art-caption{display:none}}
@media(max-width:380px){.header{gap:9px}.header .brand img{width:130px}.header>.button{gap:6px;padding:8px 10px}.hero-actions{gap:15px}.hero .button{gap:10px;padding:11px 12px;font-size:10px}.hero-actions .text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.reveal{opacity:1;transform:none}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Palatanulmányok — valódi embléma a külön generált anyagfelületen. */
[data-concept=cut] .hero-art{width:60%;height:600px;right:-65px;top:-25px;overflow:visible}
.slate-study:before{display:none}
.slate-images{position:absolute;inset:0;mask-image:radial-gradient(ellipse at 52% 47%,#000 35%,#000e 47%,transparent 72%);overflow:hidden}
.slate-image{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s;transform:translate(calc(var(--px,0)*-4px),calc(var(--py,0)*-3px)) scale(1.015)}
.slate-image.selected{opacity:1}
.slate-study .logo-seat{left:50%;top:46%;width:25%;filter:drop-shadow(0 3px 1px #161d23d9) drop-shadow(0 10px 9px #10151b55)}
.slate-study[data-slate="2"] .logo-seat{top:48%;left:52%}
.slate-study[data-slate="3"] .logo-seat{top:46%;left:47%}
.slate-light{position:absolute;inset:5%;background:radial-gradient(ellipse at var(--light-x,65%) var(--light-y,25%),#d7e2e514,transparent 58%);mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000,transparent 68%);pointer-events:none}
.slate-picker{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;white-space:nowrap}
.slate-picker>span{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);font-size:8px;text-transform:uppercase;letter-spacing:.19em;color:#c0c7cd}
.slate-picker button{padding:9px 11px;border:1px solid #aab6bd38;border-radius:4px;background:#3b454c66;font-size:9px;line-height:1.5;color:#c1c8ce;transition:border-color .2s,background .2s}
.slate-picker button small{font-size:8px;color:#b69f78;margin-right:4px}
.slate-picker button[aria-pressed=true]{background:#6e767c55;border-color:#c7b084a1;color:#fff1d4}
.slate-picker button:hover{background:#8d979d33}
/* Unequal stone edges remain visible; only the moving tail carries light. */
.page-thread{z-index:4}
.page-thread path{stroke-linecap:butt;stroke-linejoin:bevel;fill:none}
.fissure-rim{stroke:#c4cbd04a;stroke-width:5;transform:translate(1.4px,1px)}
.fissure-bed{stroke:#18222bba;stroke-width:3.7}
.fissure-branches{stroke:#1d273055;stroke-width:1.2}
.fissure-light{stroke:#f5d79d;filter:drop-shadow(0 0 3px #e7b65e88)}
.socket i:before{display:none}
.glass-shield{position:absolute;top:17px;left:21px;width:30px;height:35px;color:#dbc18d;filter:drop-shadow(0 1px 2px #0c182b55)}
.visually-hidden{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;min-width:0!important}
/* Each brand retains its own real mark and original colors. */
.brand-card{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:22px;min-height:200px}
.brand-identity{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ffffff80;border-radius:5px;min-height:76px;padding:15px 18px;box-shadow:0 4px 13px #0c1c2929}
.brand-identity img{width:100%;max-width:230px;height:48px;object-fit:contain;display:block}
.brand-identity.price img{height:55px}
.brand-identity.price{padding-block:11px}
.boost-wordmark{font-family:Inter,Arial,sans-serif;font-weight:800;letter-spacing:-.03em;color:#1a1a1a;font-size:28px;line-height:1.2;white-space:nowrap}
.brand-card p{font-size:12px;max-width:230px}
[data-concept=cut] .brand-card{flex-direction:row;align-items:center;gap:30px;padding:14px 20px}
[data-concept=cut] .brand-identity{width:220px;min-height:68px;flex-shrink:0;padding:10px 17px;box-shadow:0 3px 10px #172d3d0d}
[data-concept=cut] .brand-identity img{height:43px}
[data-concept=cut] .brand-identity.price{padding-block:6px}
[data-concept=cut] .brand-identity.price img{height:51px}
[data-concept=cut] .boost-wordmark{font-size:25px}
[data-concept=cut] .brand-text{width:auto;flex:1}
@media(max-width:1000px){[data-concept=cut] .hero-art{right:-35px;width:57%;height:530px;top:10px}.slate-picker{gap:4px}.slate-picker button{font-size:8px;padding:8px 7px}.brand-card{padding:17px}.brand-identity{padding-inline:12px}.boost-wordmark{font-size:23px}}
@media(max-width:700px){[data-concept=cut] .hero-art{position:relative;width:calc(100% + 42px);right:auto;top:auto;margin:3px -21px 0;height:390px}.slate-picker{bottom:7px}.slate-picker button{font-size:8px;padding:8px}.slate-study .logo-seat{width:25%}.brand-card{min-height:0;gap:17px;padding:20px}.brand-identity{min-height:78px;max-width:100%;width:100%}.brand-identity img{max-width:230px}.brand-card p{max-width:none;padding-bottom:8px}.boost-wordmark{font-size:28px}[data-concept=cut] .brand-card{flex-direction:column;align-items:stretch;gap:14px;padding:16px}[data-concept=cut] .brand-identity{width:100%;min-height:68px}[data-concept=cut] .brand-text{width:auto;display:block}[data-concept=cut] .brand-card p{max-width:100%;font-size:11px;padding-bottom:0}[data-concept=cut] .brand-arrow{position:absolute;bottom:12px;right:11px}.glass-shield{width:27px;height:32px;top:15px;left:18px}.fissure-rim{stroke-width:4}.fissure-bed{stroke-width:2.8}}
/* Referencia szerinti gyártott lapok: sima grafit, finom szemcse, vágott élek. */
.slate-images{mask-image:radial-gradient(ellipse at 55% 43%,#000 39%,#000e 49%,transparent 72%)}
.slate-image{transform:none;object-fit:initial}
.slate-study .logo-seat,.slate-study[data-slate="3"] .logo-seat{left:57%;top:47%;width:25%}
.slate-study[data-slate="2"] .logo-seat{left:53%;top:48%;width:25%}
.slate-study .exact-emblem{filter:drop-shadow(1px 1px 0 #eee0c180) drop-shadow(2px 3px 0 #7c6848)}
.fissure-rim{stroke:#bcc7ce33;stroke-width:4;transform:translate(1px,.6px)}
.fissure-bed{stroke:#19232c9c;stroke-width:2.8}
.fissure-branches{stroke:#1d273038;stroke-width:.8}
@media(max-width:700px){[data-concept=cut] .hero-art{width:calc(100% + 36px);margin-inline:-18px}}
.slate-image{object-fit:cover;transform:translate(calc(var(--px,0)*-3px),calc(var(--py,0)*-2px)) scale(1.015)}
.slate-study .logo-seat,.slate-study[data-slate="2"] .logo-seat{left:50%;top:49%;width:25%}
.slate-study[data-slate="3"] .logo-seat{left:50%;top:52%;width:25%}
.slate-images{mask-image:radial-gradient(ellipse at 53% 45%,#000 35%,#000e 46%,transparent 72%)}
.fissure-light{filter:drop-shadow(0 0 4px #e7b65e99)}
.slate-images{mask-image:linear-gradient(to right,transparent,#000 16%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 80%,transparent);mask-composite:intersect}
.hero-copy .slate-picker{position:relative;left:auto;bottom:auto;transform:none;display:flex;flex-wrap:wrap;width:max-content;max-width:100%;margin-top:27px;pointer-events:auto;gap:5px}
.hero-copy .slate-picker>span{position:static;transform:none;flex-basis:100%;margin-bottom:3px;font-size:7px;color:#aeb8bf}
.hero-copy .slate-picker button{font-size:8px;padding:7px 9px}
[data-concept=cut] .hero-copy{padding-top:0}
@media(max-width:700px){.hero-copy .slate-picker{margin-top:24px}[data-concept=cut] .hero-art{margin-top:10px;height:365px}.hero-copy .slate-picker button{padding:8px 9px}}
/* The joints belong to the background planes and disappear under content. */
.page-thread{z-index:1}
.section-top,.brands-heading,.principles,.hero-copy,.scroll-cue{position:relative;z-index:3}
.scroll-cue{position:absolute}
.hero-art{z-index:2}
.fissure-light{stroke:#f8d49a;filter:drop-shadow(0 0 4px #ecb25f99)}
.security{padding-top:65px}
.brands-section{margin-top:66px}
[data-concept=cut] .brands-section{padding-top:70px;margin-top:0}
.contact{padding-top:100px}
[data-concept=cut] .contact{padding-top:95px}
.footer{background:linear-gradient(148deg,#38434d 0%,#38434d 53%,#49555e 53.12%,#303a43 53.3%,#37434d 85%)}
@media(max-width:700px){.security{padding-top:56px}.brands-section{margin-top:50px}[data-concept=cut] .brands-section{padding-top:58px}.contact,[data-concept=cut] .contact{padding-top:82px}}
.slate-study .exact-emblem{filter:drop-shadow(.6px .8px 0 #f4dba775) drop-shadow(1.5px 2px 0 #745025)}
.slate-study .logo-seat{filter:drop-shadow(0 4px 2px #111a23dd) drop-shadow(0 12px 10px #12182066)}
.slate-study .exact-emblem g path{stroke:#f5d29377;stroke-width:.45;stroke-linejoin:round}
.page-thread .architecture .plane-upper{fill:url(#planeUpper)}
.page-thread .architecture .plane-lower{fill:url(#planeLower)}
/* A recessed overlap has a broad shadowed bed, with no outlined tube. */
.page-thread .plane-recess{fill:#17232cb3}
.page-thread .fissure-light{stroke:#edc983;stroke-linecap:butt;filter:drop-shadow(0 2px 5px #edb96c);transform:translateY(2px)}
/* Shared monochrome family, directly on the surface. No logo plaques. */
.brand-card,[data-concept=cut] .brand-card{background:transparent;border:0;border-top:1px solid #85939d55;border-radius:0;box-shadow:none;color:#25333d}
.brand-card:hover,[data-concept=cut] .brand-card:hover{background:#ffffff18;box-shadow:none;border-color:#657583;transform:translateY(-2px)}
.brand-identity,[data-concept=cut] .brand-identity{position:relative;display:flex;justify-content:flex-start;gap:0;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;min-height:68px;height:68px;overflow:hidden;width:220px;max-width:100%}
.brand-identity img,[data-concept=cut] .brand-identity img{width:220px;max-width:100%;height:auto;object-fit:contain;filter:grayscale(1) invert(1) brightness(4) invert(1);mix-blend-mode:multiply}
.brand-identity.price,[data-concept=cut] .brand-identity.price{padding:0}
.brand-identity.price img,[data-concept=cut] .brand-identity.price img{width:242px;max-width:none;height:auto;margin-left:-8px}
.boost-symbol{display:block;width:39px;height:51px;overflow:hidden;flex-shrink:0;margin-right:4px}
.boost-symbol img,[data-concept=cut] .boost-symbol img{display:block;width:240px;height:auto;max-width:none;margin:0}
.boost-wordmark,[data-concept=cut] .boost-wordmark{font-family:Arial,sans-serif;font-size:25px;font-weight:500;letter-spacing:-.045em;color:#171e24;line-height:1.2}
.brand-card p,[data-concept=cut] .brand-card p{color:#566772}
.brand-arrow,[data-concept=cut] .brand-arrow{color:#566772}
@media(max-width:1000px) and (min-width:701px){.brand-identity{width:200px}.brand-identity img{width:200px}.brand-identity.price img{width:220px}.boost-wordmark{font-size:23px}.boost-symbol{width:35px;height:46px}.boost-symbol img{width:217px}}
@media(max-width:700px){.brand-card,[data-concept=cut] .brand-card{padding-inline:5px;gap:7px}.brand-identity,[data-concept=cut] .brand-identity{height:65px;min-height:65px;width:220px}.brand-card p{padding-bottom:0}}
.brand-identity img,[data-concept=cut] .brand-identity img{filter:url(#brandMono);mix-blend-mode:normal}
.boost-symbol{width:54px;height:52px;margin-right:4px}
.boost-symbol img,[data-concept=cut] .boost-symbol img{width:240px;height:auto;max-width:none}
.boost-wordmark,[data-concept=cut] .boost-wordmark{font-size:24px;font-weight:600;letter-spacing:-.045em}
.brand-identity.boost:after{content:"";position:absolute;left:57px;right:4px;bottom:14px;height:1.5px;background:#1a242e;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}
.boost-symbol{clip-path:polygon(0 0,100% 0,100% 74%,45% 74%,45% 100%,0 100%)}
/* Reference material: satin champagne brass, fine grain, quiet beveled edges. */
.slate-study .exact-emblem{filter:none}
.slate-study .exact-emblem .emblem-depth path{stroke:none}
.slate-study .exact-emblem .emblem-face path{stroke:#d9caac66;stroke-width:.65;stroke-linejoin:round}
.slate-study .logo-seat{filter:drop-shadow(0 5px 3px #11171dcc) drop-shadow(0 13px 9px #11182055)}
.page-thread .fissure-light{stroke:#e3c697;filter:none;stroke-linecap:butt;transform:translateY(3px)}
.page-thread .fissure-glow{stroke:#d5b37d;fill:none;stroke-linecap:butt;transform:translateY(4px)}
/* Hero: a fixed material surface, an inset workflow window, and one seam. */
[data-concept=cut] .slate-image{transform:none}
[data-concept=cut] .slate-light{display:none}
.hero-edge-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}
.hero-edge-light .fissure-light{fill:none;stroke:#e3c697;stroke-linecap:butt;filter:none;transform:none}
.hero-edge-light .fissure-glow{fill:none;stroke:#d5b37d;stroke-linecap:butt;transform:none}
[data-concept=cut] .page-thread .fissure-light,[data-concept=cut] .page-thread .fissure-glow{transform:none}
.process-reveal{position:absolute;pointer-events:none;z-index:2}
.slate-study .logo-seat{z-index:3}
.slate-study .exact-emblem .emblem-face path{stroke:#f0dbb08c;stroke-width:.75}
/* The footer is the continuation of the surface, without a separate diagonal. */
[data-concept=cut] .footer{background:linear-gradient(110deg,#353f48,#46515a 70%,#39434c)}
/* Clean, continuous graphite. No enlarged noise or raster image boundary. */
body[data-concept=cut]{background:linear-gradient(90deg,#363f48,#505a63 70%,#424c55)}
body[data-concept=cut]:before{display:none}
.preview-toolbar[hidden]{display:none!important}
.hero-material{position:absolute;z-index:1;pointer-events:none;overflow:hidden}
.process-reveal{z-index:0}
.hero-edge-light{z-index:2}
.slate-study .logo-seat{z-index:3;filter:drop-shadow(1px 3px 1px #111b24cc) drop-shadow(0 9px 7px #101b2455)}
.slate-study .exact-emblem .emblem-face path{stroke:#fff1ccaa;stroke-width:1;paint-order:stroke fill}

/* Scoped to the accepted inset version. Hero and shared concepts are untouched. */
body[data-reveal="inset"] .service-panels.solution-panel{padding:32px;background:linear-gradient(115deg,#414d57,#36434e);border:1px solid #99a8b559;border-radius:4px 19px 4px 19px;box-shadow:inset 0 1px 0 #e2ebf520;color:#eef0ef}
body[data-reveal="inset"] .service-panels .panel-heading{padding:0;margin-bottom:30px}
body[data-reveal="inset"] .service-panels .panel-heading h2{font-size:30px;line-height:1.3}
body[data-reveal="inset"] .service-panels .panel-heading p{color:#bec7ce;font-size:12px}
.service-panels .expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-panels .expertise-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a9b8c038;border-radius:4px 20px 4px 20px;background:linear-gradient(135deg,#46515c,#35414b);box-shadow:inset 0 1px 0 #e1e9ec12,0 12px 32px #15202a17;min-width:0;display:flex;flex-direction:column;transition:border-color .5s,box-shadow .5s}
.service-panels .expertise-card.is-interacting{border-color:#c6b68d85;box-shadow:inset 0 1px 0 #e1e9ec20,0 18px 38px #15202a24}
.service-panels .expertise-card:focus-visible{outline:1px solid #dec79b;outline-offset:5px}
.service-panels .expertise-flow{grid-column:1/-1;min-height:390px;display:grid;grid-template-columns:36% 64%;align-items:center;background:linear-gradient(110deg,#35414b,#47545f)}
.service-panels .expertise-copy{position:relative;z-index:2;padding:0 27px 32px;pointer-events:none}
.service-panels .expertise-flow .expertise-copy{padding:40px 0 40px 34px}
.service-panels .expertise-kicker{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.15em;color:#c6cdd1;margin-bottom:17px;font-weight:600}
.service-panels .expertise-kicker>span{color:#c9b68e;font-size:10px;letter-spacing:.04em;border-right:1px solid #c2af8645;padding-right:12px}
.service-panels .expertise-copy h3{font-size:24px;line-height:1.28;font-weight:600;letter-spacing:-.035em;margin:0 0 16px;color:#f0f2f2}
.service-panels .expertise-flow h3{font-size:31px}
.service-panels .expertise-copy>p{color:#c5cdd3;font-size:12px;line-height:1.85;margin:0;max-width:370px}
.service-panels .expertise-meta{display:block;color:#b8ae97;font-size:8px;line-height:1.8;letter-spacing:.045em;margin-top:25px}
.service-panels .expertise-visual{position:relative;height:266px;order:-1;perspective:1000px;overflow:hidden;mask-image:linear-gradient(to bottom,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent)}
.service-panels .expertise-flow .expertise-visual{order:0;height:390px;mask-image:linear-gradient(to right,transparent,#000 14%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 90%,transparent)}
.service-panels .scene-parallax{height:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 55%;will-change:transform}
.service-panels .scene-float{height:100%;animation:serviceFloat 8s ease-in-out infinite;animation-play-state:paused}
.service-panels .service-scene{width:100%;height:100%;display:block;overflow:visible;mask-image:radial-gradient(ellipse at 55% 48%,#000 42%,#000d 62%,transparent 80%)}
.service-panels .scene-flow{mask-image:none}
.service-panels .scene-hardware{transform:scale(1.02);transform-origin:50% 58%}
.service-panels .scene-design{transform:scale(.98)}
.service-panels .scene-software{transform:scale(1.02)}
.service-panels .card-corner{position:absolute;bottom:19px;right:23px;color:#bead89;font-size:17px;opacity:.65;transition:transform .4s,opacity .4s}
.service-panels .is-interacting .card-corner{opacity:1;transform:translate(2px,-2px)}
.service-panels .service-assurance{display:flex;justify-content:space-between;gap:20px;padding:24px 4px 0;color:#bfc7cd;font-size:10px}
.service-panels .service-assurance span{display:flex;gap:10px;align-items:center}
.service-panels .service-assurance span:before{content:"";width:4px;height:4px;background:#bda981;transform:rotate(45deg);flex-shrink:0}
.service-panels .signal-route{fill:none;stroke:#dfc28d;stroke-width:1.6;opacity:.35;transition:opacity .5s}
.service-panels .signal-particle{fill:#f9e9c8;filter:drop-shadow(0 0 5px #efd198);opacity:.8}
.service-panels .is-interacting .signal-route{opacity:.8}
.service-panels .flow-node{transition:transform .45s cubic-bezier(.2,.7,.2,1);transform-origin:var(--node-x) var(--node-y);transform-box:view-box}
.service-panels .flow-node.is-near{transform:translateY(-5px) scale(1.035)}
.service-panels .node-hit{fill:transparent;pointer-events:all}
.service-panels .node-rim{fill:none;stroke:#f6dcac;stroke-width:2;opacity:0;transition:opacity .4s}
.service-panels .flow-node.is-near .node-rim{opacity:.95;filter:drop-shadow(0 0 5px #d2b47966)}
.service-panels .design-scan{fill:none;stroke:#e4cea5;stroke-width:1.4;opacity:.35}
.service-panels .code-line{fill:none;stroke:#dfc9a0;stroke-width:2;stroke-dasharray:260;stroke-dashoffset:260;animation:codeWrite 7s infinite;animation-delay:calc(var(--line)*.2s);animation-play-state:paused;opacity:.6}
.service-panels .software-success{stroke:#efdcb7;stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:buildDone 7s infinite;animation-play-state:paused;opacity:0}
.service-panels .software-preview{stroke:#e6d4b0;stroke-width:3;fill:none;animation:buildDone 7s .6s infinite;animation-play-state:paused;opacity:0}
.service-panels .is-running .scene-float,.service-panels .is-running .code-line,.service-panels .is-running .software-success,.service-panels .is-running .software-preview{animation-play-state:running}
.service-panels .is-interacting .code-line,.service-panels .is-interacting .software-success,.service-panels .is-interacting .software-preview{animation-duration:4s}
@keyframes serviceFloat{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}
@keyframes codeWrite{0%,12%{stroke-dashoffset:260;opacity:0}35%,73%{stroke-dashoffset:0;opacity:.8}92%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes buildDone{0%,40%{opacity:0}55%,80%{opacity:.9}100%{opacity:0}}
@media(max-width:1000px){.service-panels .expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-panels .expertise-software{grid-column:1/-1;display:grid;grid-template-columns:45% 55%;align-items:center;min-height:315px}.service-panels .expertise-software .expertise-copy{padding:30px}.service-panels .expertise-software .expertise-visual{order:0;height:310px}.service-panels .expertise-flow{grid-template-columns:39% 61%}.service-panels .expertise-flow .expertise-copy{padding-left:27px}.service-panels .expertise-flow h3{font-size:28px}.service-panels .expertise-kicker{font-size:7px;letter-spacing:.1em}.service-panels .expertise-flow .expertise-visual{height:365px}}
@media(max-width:700px){body[data-reveal="inset"] .service-panels.solution-panel{padding:23px 16px}body[data-reveal="inset"] .service-panels .panel-heading{display:block;padding-top:14px;margin-bottom:23px}body[data-reveal="inset"] .service-panels .panel-heading h2{font-size:25px}body[data-reveal="inset"] .service-panels .panel-heading p{margin-top:14px;font-size:11px}.service-panels .expertise-grid{grid-template-columns:1fr;gap:18px}.service-panels .expertise-card,.service-panels .expertise-flow,.service-panels .expertise-software{display:flex;grid-column:auto;min-height:0;flex-direction:column}.service-panels .expertise-copy,.service-panels .expertise-flow .expertise-copy,.service-panels .expertise-software .expertise-copy{padding:0 25px 30px}.service-panels .expertise-card .expertise-visual{order:-1;height:275px;width:100%;mask-image:linear-gradient(to bottom,#000 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent)}.service-panels .expertise-flow .expertise-visual{height:290px}.service-panels .expertise-copy h3,.service-panels .expertise-flow h3{font-size:26px}.service-panels .expertise-kicker{font-size:8px}.service-panels .expertise-copy>p{font-size:12px}.service-panels .expertise-meta{font-size:8px;margin-top:20px}.service-panels .service-assurance{display:grid;gap:12px;padding-left:4px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.service-panels *{animation:none!important;transition:none!important}.service-panels .scene-parallax,.service-panels .flow-node{transform:none!important}.service-panels .signal-particle{opacity:.65}}
.motion-paused .service-panels *{animation-play-state:paused!important}

/* Packets replace the baked-in beads. Guides never add a second wire. */
.service-panels .flow-routes .signal-route,.service-panels .hardware-traces .signal-route{stroke:none;opacity:0}
.service-panels .flow-packet{fill:url(#flow-packet-metal);stroke:#f5dfb2;stroke-width:.7;filter:drop-shadow(0 1px 1px #1b242b80)}
.service-panels .pcb-pulse{fill:none;stroke:#efcf96;stroke-width:2.1;stroke-linecap:round;filter:drop-shadow(0 0 1px #e7bd7660)}
.service-panels .processor-receive{fill:#e5c489;opacity:0;pointer-events:none;animation:processorReceive 7.14s infinite;animation-play-state:paused}
.service-panels .is-running .processor-receive{animation-play-state:running}
@keyframes processorReceive{0%,42%,52%,92%,100%{opacity:0}47%,97%{opacity:.09}}

.service-panels .software-traces .signal-route{fill:none;stroke:#dfc9a5;stroke-width:2.4;stroke-linejoin:miter;opacity:.9}
.service-panels .signal-particle{opacity:0}

/* Shared panel system. The approved hero remains untouched. */
body[data-reveal="inset"] .expertise-kicker{display:flex;align-items:center;gap:12px;font-size:8px;line-height:1.6;letter-spacing:.13em;color:#c6cdd1;font-weight:600;text-transform:uppercase;margin:0 0 17px}
body[data-reveal="inset"] .expertise-kicker>span{color:#c9b68e;font-size:10px;letter-spacing:.04em;border-right:1px solid #c2af8645;padding-right:12px;flex-shrink:0}
body[data-reveal="inset"] .section-top .expertise-kicker{margin:0;white-space:nowrap}
body[data-reveal="inset"] .trust-panel{display:block;padding:32px 36px 30px;background:linear-gradient(120deg,#414e59,#303d48);border-radius:4px 22px 4px 22px;overflow:hidden;color:#edf0f2;min-height:0}
.shield-lead{display:grid;grid-template-columns:43% 57%;align-items:center;gap:0}
.trust-heading{padding:16px 0 25px 6px;position:relative;z-index:1}
.trust-heading h2{font-size:36px;line-height:1.18;margin:14px 0 20px}
.trust-heading>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#c5ced5;max-width:440px}

.spatial-picture{overflow:hidden;position:relative;mask-image:radial-gradient(ellipse at 50% 48%,#000 49%,transparent 74%);transition:transform .9s}
.spatial-picture img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;animation:spatialDrift 9s ease-in-out infinite;animation-play-state:paused}
.shield-picture{height:340px;margin:-16px -25px 0 0}
.shield-picture img{object-position:50% 50%;transform:scale(1.09)}
.protection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid #adbbc13d;padding:27px 6px 0}
.protection-grid article+article{border-left:1px solid #adbbc126;padding-left:26px}
.protection-grid h3{font-size:20px;line-height:1.3;letter-spacing:-.03em;margin:15px 0}
.protection-grid p{font-size:12px;line-height:1.85;color:#c2cdd5;margin:0}
body[data-reveal="inset"] .brands-section{background:none;padding-top:0;padding-bottom:0}
body[data-reveal="inset"] .brands-section>.brand-panel{padding:36px;background:linear-gradient(120deg,#485661,#35434e);border:1px solid #9facb64f;border-radius:4px 22px 4px 22px;color:#edf0f2}
body[data-reveal="inset"] .brands-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}
body[data-reveal="inset"] .brands-heading h2{font-size:32px;color:#f0f2f3}
body[data-reveal="inset"] .brands-heading h2 span{color:#b6c0c9}
body[data-reveal="inset"] .brands-heading p{display:block;font-size:12px;color:#bac5ce;line-height:1.8}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-card{display:flex;flex-direction:column;padding:25px 22px 28px;min-width:0;border:1px solid #a8b4be40;border-radius:3px 20px 3px 20px;background:linear-gradient(150deg,#50606d,#35444f);transition:transform .5s,border-color .5s}
.product-card:hover{transform:translateY(-5px);border-color:#d6be8f88}
.product-logo{display:flex;align-items:center;height:72px;margin-bottom:25px}
.product-logo img{width:100%;height:auto;max-height:72px;object-fit:contain;object-position:left center;filter:none}
.product-card h3{font-size:22px;line-height:1.35;letter-spacing:-.035em;margin:0 0 20px;color:#eef1f2}
.product-card>p{font-size:12px;line-height:1.9;color:#cbd3d9;margin:0 0 22px}
.product-link{font-size:11px;color:#e2cda3;margin-top:auto;padding-top:25px;border-top:1px solid #d5e2eb22;line-height:1.5}
.product-link:hover{text-decoration:underline;text-underline-offset:5px}
.product-card .brand-coming{color:#ddc69b;margin-top:0;font-size:12px}
.harness-panel{padding:32px 36px 26px;display:grid;grid-template-columns:44% 56%;gap:0;align-items:center;background:linear-gradient(125deg,#394752,#283640);border:1px solid #9dacb447;border-radius:4px 22px 4px 22px;overflow:hidden}
.harness-copy{padding:12px 0 20px 4px;position:relative;z-index:1}
.harness-panel h2{font-size:32px;line-height:1.22;margin:18px 0 22px}
.harness-panel p:not(.eyebrow){font-size:13px;line-height:1.85;color:#bbc7d0;max-width:440px;margin:0 0 16px}

.harness-visual{height:370px;margin:0 -35px 0 -5px}
.harness-visual img{object-position:50% 50%}
.harness-features{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #adbbc130;padding:24px 4px 0;font-size:10px;color:#c7d0d7}
.harness-features span:before{content:'◆';font-size:7px;color:#c9b68e;margin-right:10px}
.ambient-active .spatial-picture img{animation-play-state:running}
.spatial-picture:hover{transform:translateY(-5px) scale(1.025)}
@keyframes spatialDrift{0%,100%{translate:0 1px}50%{translate:0 -4px}}
body[data-reveal="inset"] .contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:40px}.contact-intro h2{font-size:32px;line-height:1.3}.contact-intro>p:not(.eyebrow){font-size:14px;line-height:1.9;margin:24px 0 30px;color:#c2ccd3}.contact-intro>a{display:block;font-size:13px;margin:12px 0}.hex-form label{font-size:11px;color:#d2d9df;display:block;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hex-form input:not([type=checkbox]),.hex-form textarea{font:inherit;font-size:14px;width:100%;display:block;background:#25333e6b;border:1px solid #a8b7c34f;color:#f4f5f6;border-radius:4px;padding:12px;margin:7px 0 20px;box-sizing:border-box}.hex-form textarea{resize:vertical;min-height:120px}.hex-form input:focus-visible,.hex-form textarea:focus-visible{outline:2px solid #d3bd92;outline-offset:2px}.hex-form .form-check{display:flex;align-items:start;gap:11px;margin:0 0 18px;font-size:10px;line-height:1.8}.form-check input{width:16px;height:16px;flex-shrink:0;accent-color:#d5be8e;margin-top:2px}.form-check a{text-decoration:underline;text-underline-offset:3px}.form-trap{position:absolute;left:-10000px}.hex-form .button{margin-top:8px;font-size:13px}.hex-form .form-mode,.hex-form .form-status{font-size:10px;line-height:1.7;color:#becad4;margin:14px 0 0}.hex-form .form-status{color:#e5d0a8}
.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:11px;color:#b5c2cd}
.footer-links button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.footer-links a:hover,.footer-links button:hover{color:#e4cda0}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0 0;border-top:1px solid #a9b5bd25}
.footer .footer-tagline{display:block;margin:0;color:#b5c2cd;font-size:11px;white-space:nowrap}
.footer .footer-inner{padding-bottom:22px;justify-content:space-between}
.footer .footer-inner>span{font-size:11px;color:#b5c2cd}
body[data-reveal="inset"] .footer{padding-bottom:42px}
.legal-page .footer>.footer-links{padding-block:10px 28px}
@media(max-width:1000px){.shield-picture{height:300px}.harness-visual{height:330px}.harness-panel h2,.trust-heading h2{font-size:30px}.protection-grid{gap:20px}.protection-grid article+article{padding-left:18px}.footer-bottom{gap:18px}.footer-links{gap:16px}}
@media(max-width:800px){.brand-grid{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:220px 1fr;column-gap:28px;padding:25px}.product-logo{grid-row:1/6;align-self:center;margin:0}.product-card h3 br{display:none}.product-card h3{font-size:23px;margin:0 0 14px}.product-card>p{margin-bottom:15px}.product-link{padding-top:15px}.contact-layout{gap:30px!important}.footer-bottom{flex-wrap:wrap}.shield-lead{grid-template-columns:46% 54%}.shield-picture{height:300px}.protection-grid{gap:18px}.protection-grid article+article{padding-left:15px}.protection-grid .expertise-kicker{gap:8px;font-size:7px}.protection-grid .expertise-kicker>span{padding-right:8px}.protection-grid h3{font-size:18px}.harness-panel{grid-template-columns:48% 52%}.harness-visual{height:320px}}
@media(max-width:700px){body[data-reveal="inset"] .trust-panel,body[data-reveal="inset"] .brands-section>.brand-panel{padding:24px 18px}.section-top{align-items:center}.section-top>.eyebrow{max-width:45%}body[data-reveal="inset"] .section-top .expertise-kicker{font-size:7px;gap:8px}body[data-reveal="inset"] .section-top .expertise-kicker>span{padding-right:8px}.shield-lead{display:flex;flex-direction:column-reverse}.shield-picture{height:245px;width:calc(100% + 28px);margin:-12px -14px 0}.trust-heading{padding:0 6px 28px}.trust-heading h2{font-size:29px}.trust-heading>p:not(.eyebrow){font-size:13px}.protection-grid{grid-template-columns:1fr;gap:24px;padding-top:26px}.protection-grid article+article{padding:24px 0 0;border-left:0;border-top:1px solid #adbbc126}.protection-grid h3{font-size:23px}body[data-reveal="inset"] .protection-grid .expertise-kicker{font-size:8px;gap:12px}.protection-grid p{font-size:13px}.protection-grid .expertise-kicker>span{padding-right:12px}body[data-reveal="inset"] .brands-heading{display:block}body[data-reveal="inset"] .brands-heading h2{font-size:28px}.brands-heading p{margin-top:18px}.product-card{display:flex;padding:25px}.product-logo{align-self:stretch;width:100%;height:62px;margin-bottom:24px}.product-logo img{max-width:290px}.product-card h3 br{display:block}.product-card h3{font-size:24px}.product-card>p{font-size:13px;margin-bottom:25px}.harness-panel{display:flex;flex-direction:column;padding:22px}.harness-visual{order:-1;height:245px;width:calc(100% + 36px);margin:-8px -18px 0}.harness-panel h2{font-size:28px}.harness-copy{padding:0 3px 22px}.harness-features{display:grid;gap:14px;width:100%;padding-top:22px}body[data-reveal="inset"] .contact-layout{display:block;padding:28px 23px}.contact-intro{margin-bottom:35px}.contact-intro h2{font-size:28px}.form-grid{grid-template-columns:1fr;gap:0}.footer-links{gap:18px}.footer-bottom{align-items:flex-start;flex-direction:column}.footer .footer-tagline{font-size:10px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.spatial-picture,.product-card{transition:none!important;transform:none!important}.spatial-picture img{animation:none!important}}
.motion-paused .spatial-picture img{animation-play-state:paused!important}
/* The light-panel base theme must not darken captions on these slate cards. */
body[data-reveal="inset"] .brands-section .section-top>.eyebrow{color:#c6cdd1}
/* Live stories: image, text and light share one SVG transform at every size. */
.spatial-scene{display:block;width:100%;height:100%;animation:spatialDrift 9s ease-in-out infinite;animation-play-state:paused}
.shield-story{transform:scale(1.09)}
.ambient-active .spatial-scene{animation-play-state:running}
.protection-route{fill:none;stroke:none}
.protection-rim{fill:none;stroke:#f3d8a5;stroke-width:3;stroke-linejoin:round;opacity:0;filter:drop-shadow(0 0 6px #e8c89580)}
.shield-caption{fill:#f3eddf;pointer-events:none;filter:drop-shadow(0 2px 2px #15222b70)}
.shield-caption-tag{font:600 19px 'Manrope',sans-serif;letter-spacing:3px;fill:#d8bf8d}
.shield-caption-line{font:500 30px 'Manrope',sans-serif;letter-spacing:-.5px}
.protection-grid article{transition:background .8s}
.protection-grid article.story-active h3{color:#ecd9b5;transition:color .8s}
.terminal-code{font:15px ui-monospace,SFMono-Regular,Consolas,monospace;fill:#aab6bf;letter-spacing:.15px}
.terminal-code.code-comment{fill:#d1b78d}.terminal-code.code-accent{fill:#dcc298}
.terminal-caret{fill:none;stroke:#ecd2a0;stroke-width:2;opacity:0}
.language-picker{position:relative;flex-shrink:0;z-index:30;color:#d4dce1;font-size:11px}
.language-picker summary{list-style:none;display:flex;align-items:center;gap:7px;padding:8px 0;cursor:pointer;white-space:nowrap}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1}
.language-chevron{font-size:14px;color:#ccb88f;transition:rotate .2s}
.language-picker[open] .language-chevron{rotate:180deg}
.language-options{position:absolute;top:calc(100% + 12px);right:-12px;width:195px;padding:9px;background:linear-gradient(135deg,#465562,#2e3c47);border:1px solid #c9b68e55;box-shadow:0 15px 40px #14202b66;border-radius:3px 14px 3px 14px}
.language-options button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 10px;background:transparent;color:#e5e9ec;font:inherit;text-align:left;border-radius:3px}
.language-options button[aria-current]{color:#e6cfa5;background:#d9c29612;cursor:pointer}
.language-options button:disabled{color:#9cabb6;cursor:default}
.language-options small{font-size:9px;color:#a4afb8}
.language-options button>span{font-size:9px;letter-spacing:.1em}
.language-picker summary:focus-visible,.language-options button:focus-visible{outline:1px solid #d7be8c;outline-offset:5px}
@media(max-width:800px){.header{gap:16px}.header nav{gap:16px}.language-picker{font-size:10px}}
@media(max-width:620px){.header{gap:10px}.header .brand img{width:125px}.language-picker{margin-left:auto}.header>.button{margin-left:0;padding:8px 10px}.language-picker summary{gap:4px}.language-picker summary>svg{width:14px;height:14px}.language-options{right:-68px}.menu-button{width:25px}.harness-panel p:not(.eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){.spatial-scene{animation:none!important}.protection-grid article,.protection-grid article h3{transition:none!important}}
.motion-paused .spatial-scene{animation-play-state:paused!important}
/* Shield face projection: caption and underline remain in the same tilted plane. */
.shield-underline{fill:none;stroke:#efd5a5;stroke-width:2;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 4px #e8c68b66)}
.shield-energy-segment{fill:none;stroke:#f0d6a6;stroke-width:3.5;stroke-linecap:round;filter:blur(1.2px);opacity:0}
.shield-picture{mask-image:radial-gradient(ellipse at 50% 48%,#000 54%,transparent 78%)}
/* One component scale for the five sections and every outbound product link. */
body[data-reveal="inset"] main>.section{padding-top:38px;padding-bottom:45px}
body[data-reveal="inset"] main>.section>.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}
body[data-reveal="inset"] main>.section>.section-top>.eyebrow{font-size:10px;font-weight:600;line-height:1.7;letter-spacing:.2em;color:#d3d6d8}
body[data-reveal="inset"] main>.section h2,body[data-reveal="inset"] main>.section .panel-heading h2{font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-.035em;color:#f0f2f3;margin:0 0 22px}
body[data-reveal="inset"] main>.section .eyebrow+h2{margin-top:18px}
body[data-reveal="inset"] .brands-heading h2 span{font-weight:600;color:inherit}
body[data-reveal="inset"] :is(.product-card,.protection-grid article,.expertise-card:not(.expertise-flow)) h3{font-size:24px;font-weight:600;line-height:1.28;letter-spacing:-.035em;margin:0 0 18px}
:is(body[data-reveal="inset"],body.legal-page) .action-link{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#e2cda3;border-top:1px solid #d5e2eb22;padding-top:25px;margin-top:24px;text-decoration:none}
body[data-reveal="inset"] .product-card .action-link{margin-top:auto}
:is(body[data-reveal="inset"],body.legal-page) .action-link:hover{text-decoration:underline;text-underline-offset:5px}
:is(body[data-reveal="inset"],body.legal-page) .action-link:focus-visible{outline:2px solid #e3c895;outline-offset:6px}
@media(max-width:700px){
 body[data-reveal="inset"] main>.section{padding-top:30px;padding-bottom:27px}
 body[data-reveal="inset"] main>.section>.section-top{gap:15px;margin-bottom:15px}
 body[data-reveal="inset"] main>.section>.section-top>.eyebrow{font-size:9px}
 body[data-reveal="inset"] main>.section h2,body[data-reveal="inset"] main>.section .panel-heading h2{font-size:28px}
 body[data-reveal="inset"] :is(.product-card,.protection-grid article,.expertise-card:not(.expertise-flow)) h3{font-size:24px}
}

/* The same secondary action inside cards, the hero and the contact panel. */
:is(body[data-reveal="inset"],body.legal-page) .action-link{margin-bottom:0;text-decoration:none}
body[data-reveal="inset"] .hero-actions .action-link{margin-top:0;flex-shrink:0}
body[data-reveal="inset"] .hero-actions .action-link span{margin-left:12px;font-size:inherit}
.legal-page .action-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.legal-page .action-links .action-link{margin:0}
@media(max-width:700px){.legal-page .action-links{grid-template-columns:1fr;gap:20px}}

[hidden]{display:none!important}.cookie-banner{position:fixed;z-index:1000;bottom:18px;left:18px;right:18px;max-width:1000px;margin:auto;padding:22px 26px;display:flex;gap:25px;align-items:center;background:#25333ef5;border:1px solid #cfba9277;border-radius:5px 18px 5px 18px;box-shadow:0 15px 80px #101a24aa;color:#e5ebef}.cookie-banner strong{font-size:15px;color:#e4cfaa}.cookie-banner p{font-size:11px;line-height:1.8;margin:7px 0 0}.cookie-banner a,.cookie-dialog>a{text-decoration:underline;text-underline-offset:3px}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.cookie-actions button{border:1px solid #cbb88e88;background:#465460;color:#eef1f3;font:inherit;font-size:11px;line-height:1.5;padding:11px 15px;border-radius:3px;cursor:pointer}.cookie-actions button:hover{background:#586774}.cookie-actions button:focus-visible{outline:2px solid #e5cfa7;outline-offset:3px}.cookie-banner .cookie-actions{min-width:360px}.cookie-dialog{width:min(540px,calc(100vw - 36px));max-height:85vh;overflow:auto;padding:30px;background:#344450;color:#e7edf1;border:1px solid #cbb79088;border-radius:5px 20px 5px 20px;box-sizing:border-box}.cookie-dialog::backdrop{background:#101922c9;backdrop-filter:blur(4px)}.cookie-dialog h2{font-size:25px}.cookie-dialog p{font-size:12px;line-height:1.8;color:#c1cdd6}.cookie-category{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 0;border-top:1px solid #a6b6c044}.cookie-category strong{font-size:13px}.cookie-category p{font-size:11px;margin:5px 0 0}.cookie-category>span{white-space:nowrap;font-size:10px;color:#d4be96}.cookie-category input{width:20px;height:20px;flex-shrink:0;accent-color:#d2b98b}.cookie-dialog>a{display:inline-block;margin-top:25px;font-size:11px}.cookie-preview{color:#d8bd90!important}
.legal-page{background:#35434f;color:#e5ebef;min-height:100vh}.legal-nav{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid #a8b6c133}.legal-nav img{width:180px}.legal-nav a{font-size:12px}.legal-content{max-width:830px;margin:70px auto 90px;padding:0 24px}.legal-content h1{font-size:40px;line-height:1.2;letter-spacing:-.035em;margin:20px 0 30px}.legal-content h2{font-size:23px;margin:38px 0 18px}.legal-content h3{font-size:17px;margin:30px 0 15px}.legal-content p,.legal-content li{font-size:14px;line-height:1.9;color:#c9d3dc}.legal-content a{color:#e0c79a;text-decoration:underline;text-underline-offset:3px}.legal-content table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.8;margin:25px 0}.legal-content td,.legal-content th{padding:14px 12px;border-bottom:1px solid #a8b6c133;text-align:left;vertical-align:top;overflow-wrap:anywhere}.legal-content td:first-child{width:30%;color:#dec79e}.legal-note{background:#d3b77d12;border-left:2px solid #c8b082;padding:15px 20px}.legal-note p{font-size:12px;margin:0}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.team-card{padding:27px;border:1px solid #9cabb645;background:linear-gradient(135deg,#475762,#344450);border-radius:3px 18px 3px 18px}.team-card h2{font-size:22px;margin-top:10px}.team-card .role{font-size:11px;color:#ddc59b}.team-card p{font-size:12px}.about-statements{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.about-statements div{border-top:1px solid #c7b08466;padding:20px 0}.about-statements strong{display:block;color:#dfc699;font-size:30px}.about-statements span{font-size:11px;color:#bdcbd5}
@media(max-width:700px){.cookie-banner{display:block;left:10px;right:10px;bottom:10px;padding:20px}.cookie-banner .cookie-actions{min-width:0;margin-top:15px}.cookie-actions button{flex:1;min-width:120px}.legal-nav{padding:25px 20px}.legal-nav img{width:145px}.legal-content{margin-top:45px}.legal-content h1{font-size:31px}.team-grid{grid-template-columns:1fr}.legal-content table{font-size:11px}.legal-content td{padding:10px 6px}.about-statements strong{font-size:26px}}

/* Solid fallback also covers Safari's overscroll / unpainted viewport tiles. */
html{background-color:#424c55}
body[data-reveal="inset"]{background-color:#424c55}
.page-thread[hidden]{display:none!important}
.lightweight-rendering .page-thread{display:none!important}
.lightweight-rendering body[data-reveal="inset"]{background:#424c55}
.lightweight-rendering .reveal{opacity:1;transform:none;transition:none}
.lightweight-rendering .scene-parallax,
.lightweight-rendering .scene-float{transform:none!important;will-change:auto!important;animation:none!important}
.lightweight-rendering .service-panels .expertise-visual{perspective:none}
.lightweight-rendering .spatial-picture{transform:none;transition:none}
.lightweight-rendering .spatial-scene{animation:none!important;transform:none!important}
.lightweight-rendering .service-scene *,
.lightweight-rendering .spatial-scene *,
.lightweight-rendering .slate-study .logo-seat,
.lightweight-rendering .slate-study .exact-emblem{filter:none!important;will-change:auto}
.lightweight-rendering .header nav,
.lightweight-rendering .cookie-banner,
.lightweight-rendering dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
.lightweight-rendering .product-card:hover{transform:none}
.lightweight-rendering .surface{background-color:#3b4954}
.lightweight-rendering .section,
.lightweight-rendering .brands-section,
.lightweight-rendering .harness{position:relative}
/* Local, static joints retain the graphite palette without a giant SVG layer. */
.lightweight-rendering .security:before,
.lightweight-rendering .brands-section:before,
.lightweight-rendering .harness:before,
.lightweight-rendering .contact:before{content:"";position:absolute;pointer-events:none;left:0;right:0;top:-35px;height:40px;background:linear-gradient(174deg,transparent 46%,#27353e 48%,#637078 49%,transparent 52%)}
.motion-scrolling *,
.motion-scrolling *:before,
.motion-scrolling *:after{animation-play-state:paused!important}

/* Approved mineral-slate system. Artwork uses real alpha, never edge masks. */
:root{--panel:#a8b3ba;--ink:#24313b;--copy:#33444f;--bronze:#685027;--panel-line:#ffffff38}
html{background:#4b5862;color-scheme:dark;overflow-x:hidden;scroll-behavior:auto}
/* Content is ready when scrolled into view; never wait for an entrance fade. */
body[data-reveal="inset"] .reveal{opacity:1;transform:none;transition:none}
body[data-reveal="inset"] :is(.solution-panel,.trust-panel,.brand-panel,.harness-panel,.contact-inner){contain:layout paint}
body[data-reveal="inset"],.lightweight-rendering body[data-reveal="inset"],body.legal-page{background:#4b5862;color:#f5f7f8}
body[data-reveal="inset"] .page-thread{opacity:1;height:0;overflow:visible}
/* The five main panels share one surface, including all nested cards. */
body[data-reveal="inset"] :is(.service-panels.solution-panel,.trust-panel,.brands-section>.brand-panel,.harness-panel,.contact-inner),
body[data-reveal="inset"] :is(.expertise-card,.expertise-flow,.product-card),.legal-content,.team-card{background:var(--panel);color:var(--ink);border-color:var(--panel-line);box-shadow:none;color-scheme:light}
body[data-reveal="inset"] main>.section :is(h2,h3),body[data-reveal="inset"] .brands-heading h2 span,.legal-content :is(h1,h2,h3){color:var(--ink)}
body[data-reveal="inset"] main>.section :is(.panel-heading p,.expertise-copy>p,.trust-heading>p,.protection-grid p,.product-card>p,.harness-copy>p,.contact-intro>p,.contact-intro>a,.brands-heading p,.service-assurance,.harness-features,.hex-form label,.form-status),.legal-content :is(p,li,td){color:var(--copy)}
body[data-reveal="inset"] main>.section :is(.expertise-kicker,.eyebrow){color:var(--ink)}
body[data-reveal="inset"] main>.section>.section-top :is(.expertise-kicker,.eyebrow){color:#eef1f3}
body[data-reveal="inset"] .expertise-kicker>span{color:var(--bronze);border-right-color:#68502755}
body[data-reveal="inset"] .section-top .expertise-kicker>span{color:#e4cc99;border-right-color:#e4cc9955}
body[data-reveal="inset"] main>.section :is(.expertise-meta,.action-link),.legal-content a,.team-card .role,.legal-content td:first-child{color:var(--bronze)}
body[data-reveal="inset"] .protection-grid article.story-active h3{color:#745116}
body[data-reveal="inset"] :is(.service-assurance span:before,.harness-features span:before){color:var(--bronze)}
body[data-reveal="inset"] .service-assurance span:before{background:var(--bronze)}
:is(body[data-reveal="inset"],body.legal-page) .action-link,
body[data-reveal="inset"] :is(.protection-grid,.protection-grid article+article,.harness-features,.footer-bottom){border-color:transparent}
:is(body[data-reveal="inset"],body.legal-page) .footer{background:transparent;border-top-color:transparent}
body[data-reveal="inset"] :is(.hero-lead,.hero-foot,.footer-links,.footer-tagline,.footer-inner>span){color:#edf1f4}
/* Small, independent artwork layers: no blur, masks, 3D promotion or drift. */
.service-panels .expertise-card{isolation:auto}
.service-panels .expertise-visual,.service-panels .expertise-flow .expertise-visual{perspective:none;mask-image:none;-webkit-mask-image:none;contain:paint}
.service-panels .scene-parallax,.service-panels .scene-float{transform:none;will-change:auto;animation:none}
.service-panels .service-scene,.spatial-scene{mask-image:none;-webkit-mask-image:none;transform:none;animation:none}
.spatial-picture,.shield-picture,.spatial-picture:hover{mask-image:none;-webkit-mask-image:none;transform:none;transition:none;contain:paint}
.service-scene *,.spatial-scene *{filter:none!important;will-change:auto}
.service-panels .expertise-card.is-interacting{border-color:#68502777;box-shadow:none}
.product-card:hover{transform:none;border-color:#68502777}
.shield-caption{fill:var(--ink)}
.shield-caption-tag{fill:var(--bronze)}
.shield-underline,.shield-energy-segment,.protection-rim{stroke:#8b6528}
.terminal-code{fill:#293e4a}.terminal-code.code-comment,.terminal-code.code-accent{fill:#705021}.terminal-caret{stroke:#705021}
.service-panels .code-line,.service-panels .software-traces .signal-route,.service-panels .design-scan,.service-panels .pcb-pulse{stroke:#8a6835}
.service-panels .node-rim{stroke:#8a6835}
/* Form controls, dialogs and legal pages use the same readable palette. */
.hex-form select{font:inherit;font-size:14px;width:100%;display:block;border-radius:4px;padding:12px;margin:7px 0 20px;box-sizing:border-box;min-height:46px}
body[data-reveal="inset"] .contact-inner :is(input:not([type=checkbox]),textarea,select){background:#c6cfd4;border:1px solid #6c7b8577;color:var(--ink);color-scheme:light}
body[data-reveal="inset"] .contact-inner select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%2333444f' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
body[data-reveal="inset"] .contact-inner .form-check input{accent-color:#72582e;color-scheme:light}
.hex-form :is(input,textarea,select):focus-visible{outline:2px solid #705021;outline-offset:2px}
.cookie-banner,.cookie-dialog{background:var(--panel);color:var(--ink);border-color:#d7dfe4;box-shadow:0 8px 30px #15222b33;color-scheme:light}
.cookie-banner strong,.cookie-category>span{color:var(--bronze)}
.cookie-dialog p{color:var(--copy)}
.cookie-actions button{background:#c6cfd4;color:var(--ink);border-color:#6c7b8577}
.cookie-actions button:hover{background:#d2d9de}
.cookie-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#15222b99}
.legal-content{padding:36px;border-radius:4px 22px 4px 22px}
.legal-content .about-statements span{color:var(--copy)}
.legal-content .about-statements strong{color:var(--bronze)}
.legal-content .legal-note{background:#ffffff1c;border-color:var(--bronze)}
.language-options{background:#414f5a;border-color:#d7c19577}
.language-options a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 14px;color:#f5f7f8;text-decoration:none;white-space:nowrap}
.language-options a:hover,.language-options a[aria-current]{background:#ffffff12;color:#ffe2ae}
.language-options a:focus-visible{outline:2px solid #f3d9ac;outline-offset:-3px}
.language-options a>span{font-size:9px}
.legal-nav{gap:20px}.legal-nav>.language-picker{margin-left:auto}
html[lang="de"] .shield-caption-line{font-size:23px}
html[lang="en"] .shield-caption-line{font-size:28px}
html[lang="de"] .shield-caption-tag{font-size:17px;letter-spacing:1.5px}
html[lang="de"] h1{hyphens:none}
.lightweight-rendering :is(.security,.brands-section,.harness,.contact):before{display:none}
@media(max-width:700px){
 .section-top>.eyebrow{overflow-wrap:anywhere}
 body[data-reveal="inset"] .section-top .expertise-kicker{white-space:normal;text-align:right}
 .legal-nav{flex-wrap:wrap}.legal-nav img{width:130px}
 .cookie-banner{max-height:calc(100dvh - 30px);overflow:auto}
 .legal-content{padding:26px 20px;margin-left:16px;margin-right:16px}
 .legal-content h1{overflow-wrap:anywhere}
 .hex-form input:not([type=checkbox]),.hex-form textarea,.hex-form select{font-size:16px}
 html[lang="de"] .hero h1{font-size:32px}
}
@media(max-width:430px){.header>.button-small{display:none}.legal-nav>.button{font-size:11px;padding:9px}}
/* Override the shared heading selectors, including their responsive variants. */
body[data-reveal="inset"] #app main>.section :is(h2,h3),
body[data-reveal="inset"] #app .brands-heading h2 span{color:var(--ink)}
body[data-reveal="inset"] #app .protection-grid article.story-active h3{color:#745116}