:root {
  --navy-950:#061627; --navy-900:#0a2139; --navy-850:#0c2947; --navy-800:#103453;
  --cyan:#05bce2; --cyan-2:#30d8f2; --ice:#eaf9fc; --white:#fff;
  --ink:#0c1c2b; --muted:#667381; --line:rgba(12,28,43,.13); --shell:min(1240px, calc(100vw - 48px));
  --font-display:"Barlow Condensed", Arial, sans-serif; --font-body:"Inter", Arial, sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#f6f8f9;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}
body.menu-open{overflow:hidden} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,textarea{font:inherit}.shell{width:var(--shell);margin-inline:auto}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.025;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;border-bottom:1px solid rgba(255,255,255,.12);transition:.35s}.site-header.scrolled{background:rgba(6,22,39,.94);backdrop-filter:blur(16px)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand img{width:260px;height:auto}.main-nav{display:flex;align-items:center;gap:36px;color:#dbe8f2;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.main-nav>a:not(.nav-cta){position:relative}.main-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--cyan);transition:.25s}.main-nav>a:hover::after{width:100%}.nav-cta{padding:13px 18px;border:1px solid rgba(255,255,255,.35);transition:.25s}.nav-cta:hover{border-color:var(--cyan);background:rgba(5,188,226,.09)}.nav-cta span{color:var(--cyan);margin-left:8px}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:8px}.menu-toggle span{display:block;height:2px;background:white;margin:6px 0}
.hero{position:relative;min-height:900px;height:100vh;background:radial-gradient(circle at 70% 46%,#103a5d 0,#0a2139 38%,#061627 75%);color:white;overflow:hidden;padding-top:88px}.hero::after{content:"";position:absolute;right:-12vw;top:0;width:58vw;height:100%;background:linear-gradient(135deg,transparent 20%,rgba(5,188,226,.045) 20.2%,transparent 20.5%),linear-gradient(45deg,transparent 58%,rgba(255,255,255,.025) 58.2%,transparent 58.5%)}.hero-grid,.cta-grid{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to right,transparent 0,#000 30%,#000 80%,transparent)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-one{right:2%;top:15%;width:550px;height:550px;background:radial-gradient(circle,rgba(5,188,226,.15),transparent 68%)}.hero-glow-two{left:-16%;bottom:-36%;width:680px;height:680px;background:radial-gradient(circle,rgba(5,188,226,.1),transparent 68%)}.hero-layout{position:relative;z-index:2;height:calc(100% - 70px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{display:flex;align-items:center;gap:11px;color:#9fc0d7;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.eyebrow span{width:28px;height:2px;background:var(--cyan)}.hero h1{font-family:var(--font-display);font-size:clamp(78px,8vw,128px);font-weight:600;letter-spacing:-.035em;line-height:.78;text-transform:uppercase;margin:30px 0 36px}.hero h1 em{font-style:normal;color:var(--cyan-2);text-shadow:0 0 42px rgba(5,188,226,.22)}.hero-lead{font-size:18px;line-height:1.65;color:#b7c9d7;max-width:650px}.hero-actions{display:flex;gap:14px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 23px;border:1px solid transparent;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:.25s}.button-primary{background:var(--cyan);color:#052038;box-shadow:0 12px 36px rgba(5,188,226,.2)}.button-primary:hover{background:var(--cyan-2);transform:translateY(-2px)}.button-ghost{border-color:rgba(255,255,255,.25);color:white}.button-ghost:hover{border-color:white;background:rgba(255,255,255,.05)}.hero-tags{display:flex;gap:8px;margin-top:42px;flex-wrap:wrap}.hero-tags span{border:1px solid rgba(255,255,255,.16);color:#a9bdca;padding:7px 11px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.hero-visual{height:670px;position:relative;display:grid;place-items:center}.hero-logo-fx{perspective:1100px;isolation:isolate}.hero-logo-fx::before{content:"";position:absolute;width:74%;height:74%;border:1px solid rgba(255,255,255,.08);transform:skewY(-8deg);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 58%);box-shadow:inset 0 0 70px rgba(5,188,226,.025)}.fx-beam{position:absolute;width:2px;height:78%;top:11%;background:linear-gradient(transparent,rgba(48,216,242,.55),transparent);opacity:.25;transform:rotate(28deg)}.fx-beam-one{left:31%;animation:beamDrift 8s ease-in-out infinite}.fx-beam-two{right:24%;animation:beamDrift 10s ease-in-out -3s infinite reverse;opacity:.12}.logo-orbit-line{position:absolute;width:79%;height:1px;background:linear-gradient(90deg,transparent,rgba(48,216,242,.32),transparent);transform:rotate(-13deg);animation:linePulse 5s ease-in-out infinite}.logo-fx-stage{position:relative;width:min(520px,39vw);aspect-ratio:1;display:grid;place-items:center;transform-style:preserve-3d;animation:stageFloat 7s ease-in-out infinite}.logo-aura{position:absolute;inset:14%;background:radial-gradient(ellipse,rgba(5,188,226,.23),rgba(5,188,226,.06) 36%,transparent 70%);filter:blur(35px);animation:auraPulse 5s ease-in-out infinite}.logo-depth{position:relative;width:84%;height:84%;display:grid;place-items:center;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-10deg);animation:logoTilt 9s ease-in-out infinite}.logo-layer{position:absolute;width:100%;filter:brightness(.36) saturate(1.4);opacity:.72}.layer-5{transform:translate3d(22px,16px,-40px)}.layer-4{transform:translate3d(17px,12px,-30px)}.layer-3{transform:translate3d(12px,9px,-20px)}.layer-2{transform:translate3d(7px,5px,-10px)}.logo-layer.layer-main{position:relative;z-index:4;filter:drop-shadow(0 30px 38px rgba(0,0,0,.42)) brightness(1.08) contrast(1.05);opacity:1;transform:translateZ(18px)}.logo-shine{position:absolute;z-index:5;inset:9%;background:linear-gradient(112deg,transparent 32%,rgba(255,255,255,.5) 48%,transparent 62%);mix-blend-mode:soft-light;transform:translateX(-130%) skewX(-16deg);animation:logoShine 6s ease-in-out infinite}.logo-floor{position:absolute;width:72%;height:13%;bottom:9%;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 68%);filter:blur(12px);transform:rotateX(72deg);animation:floorPulse 7s ease-in-out infinite}.hero-brand-caption{position:absolute;right:4%;bottom:13%;display:flex;flex-direction:column;align-items:flex-end;border-right:2px solid var(--cyan);padding-right:13px}.hero-brand-caption span{font:600 18px var(--font-display);letter-spacing:.19em}.hero-brand-caption small{font-size:8px;color:#658297;letter-spacing:.24em}.hero-foot{position:absolute;z-index:3;bottom:24px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;color:#5f7e93;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.scroll-line{position:absolute;left:50%;width:100px;height:1px;background:rgba(255,255,255,.16);transform:translateX(-50%);overflow:hidden}.scroll-line i{display:block;width:40%;height:100%;background:var(--cyan);animation:scrollLine 2s ease-in-out infinite}
.trust-strip{height:90px;background:var(--cyan);color:#06203a;display:flex;align-items:center;overflow:hidden}.marquee{width:100%}.marquee-track{width:max-content;display:flex;align-items:center;gap:32px;animation:marquee 24s linear infinite}.marquee span{font-family:var(--font-display);font-size:29px;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.marquee i{width:8px;height:8px;transform:rotate(45deg);background:#06203a}
.section{padding:130px 0}.section-index{display:inline-block;color:#71808d;font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:27px}.section-index.light{color:#78a0b9}.section-head{display:grid;grid-template-columns:1.15fr .65fr;gap:120px;align-items:end;margin-bottom:64px}.section h2{font-family:var(--font-display);font-size:clamp(56px,6vw,82px);line-height:.94;letter-spacing:-.025em;text-transform:uppercase;margin:0}.section h2 span{color:#84919b;font-weight:500}.section-head p{color:var(--muted);max-width:500px;margin:0 0 7px}
.services{background:#f6f8f9}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;min-height:580px;padding:32px;background:white;border:1px solid #e2e7ea;display:flex;flex-direction:column;overflow:hidden;transition:.35s}.service-card::before{content:"";position:absolute;inset:auto -25% -40% 30%;height:70%;background:radial-gradient(circle,rgba(5,188,226,.08),transparent 68%);opacity:0;transition:.35s}.service-card:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(9,32,52,.12);border-color:rgba(5,188,226,.4)}.service-card:hover::before{opacity:1}.service-card.featured{background:var(--navy-900);color:white;border-color:var(--navy-900)}.card-number{position:absolute;right:28px;top:25px;color:#b6c0c7;font:600 12px var(--font-display);letter-spacing:.12em}.featured .card-number{color:#52768e}.service-icon{width:67px;height:67px;background:#eef3f5;display:grid;place-items:center;margin:35px 0 46px}.featured .service-icon{background:rgba(5,188,226,.1)}.service-icon svg{width:31px;fill:none;stroke:var(--cyan);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-copy>span{font-size:9px;font-weight:700;letter-spacing:.15em;color:#7d8b96;text-transform:uppercase}.featured .card-copy>span{color:#68a6c5}.service-card h3{font-family:var(--font-display);font-size:37px;line-height:1;text-transform:uppercase;margin:13px 0 23px}.service-card p{font-size:14px;color:#6b7883}.featured p{color:#a9becd}.service-card ul{list-style:none;padding:0;margin:22px 0}.service-card li{position:relative;padding:7px 0 7px 18px;font-size:12px;font-weight:600;border-bottom:1px solid #edf0f2}.featured li{border-color:rgba(255,255,255,.1)}.service-card li::before{content:"";position:absolute;left:0;top:15px;width:6px;height:2px;background:var(--cyan)}.service-card>a{position:relative;margin-top:auto;padding-top:22px;border-top:1px solid #dce2e5;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.13em;display:flex;justify-content:space-between}.featured>a{border-color:rgba(255,255,255,.15)}.service-card>a span{color:var(--cyan);font-size:17px}
.safety{position:relative;background:linear-gradient(145deg,#081b2e,#0b2945);color:white;overflow:hidden}.safety::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 61%,rgba(5,188,226,.035) 61.2%,transparent 61.4%)}.safety-watermark{position:absolute;right:-40px;top:70px;font:700 210px/1 var(--font-display);letter-spacing:.02em;color:rgba(255,255,255,.018);writing-mode:vertical-rl}.safety .shell{position:relative;z-index:2}.safety-intro{display:grid;grid-template-columns:1.08fr .72fr;gap:110px;align-items:end;margin-bottom:70px}.safety h2{color:white}.safety h2 span{color:var(--cyan)}.safety-lead>p{margin:0;color:#a2b8c7;max-width:520px}.safety-promise{margin-top:30px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:15px;color:#d9e8ef;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.safety-promise i{width:9px;height:9px;border-radius:50%;background:#4cdda2;box-shadow:0 0 0 7px rgba(76,221,162,.1)}.principle-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.phase-card{position:relative;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);padding:30px;min-height:650px;display:flex;flex-direction:column;transition:.35s}.phase-card:hover{background:rgba(255,255,255,.065);border-color:rgba(5,188,226,.42);transform:translateY(-5px)}.phase-card::before{content:"";position:absolute;top:-1px;left:30px;width:55px;height:3px;background:var(--cyan)}.phase-card header{display:grid;grid-template-columns:54px 1fr;gap:17px;align-items:center;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.13)}.phase-card header>span{font:600 34px var(--font-display);color:rgba(255,255,255,.16)}.phase-card header small,.stop-work small,.quality-seal small{display:block;color:#5e8ba6;font-size:8px;font-weight:700;letter-spacing:.18em}.phase-card h3{font:600 28px/1 var(--font-display);text-transform:uppercase;margin:4px 0 0}.principle-list{list-style:none;padding:0;margin:14px 0}.principle-list li{display:grid;grid-template-columns:31px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09)}.principle-list li>span{font:600 11px var(--font-display);color:var(--cyan);letter-spacing:.09em}.principle-list p{margin:0;color:#acbfcb;font-size:12px;line-height:1.55}.stop-work{margin-top:auto;padding:18px;background:rgba(5,188,226,.09);border-left:3px solid var(--cyan);display:grid;grid-template-columns:35px 1fr;gap:13px}.stop-icon{width:31px;height:31px;border:1px solid var(--cyan);color:var(--cyan);font:700 20px/29px var(--font-display);text-align:center}.stop-work strong{display:block;margin-top:5px;color:#e6f4f8;font-size:11px;line-height:1.55}.quality-seal{margin-top:auto;padding:18px;border:1px solid rgba(255,255,255,.12);display:flex;gap:14px;align-items:center}.quality-seal img{width:43px;height:43px;object-fit:contain}.quality-seal span{display:flex;flex-direction:column}.quality-seal strong{font:500 15px/1.25 var(--font-display);text-transform:uppercase;margin-top:4px}
.approach{background:var(--navy-950);color:white;position:relative;overflow:hidden}.approach::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,rgba(5,188,226,.035) 55.2%,transparent 55.4%)}.approach-layout{position:relative;display:grid;grid-template-columns:.8fr 1fr;gap:120px}.approach-sticky{position:sticky;top:150px;align-self:start}.approach h2 span{color:var(--cyan)}.approach-sticky>p{max-width:470px;color:#8ca6b8;margin:30px 0}.approach-mark{width:72px;height:72px;border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;margin-top:48px}.approach-mark img{width:48px}.steps{border-top:1px solid rgba(255,255,255,.13)}.step{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:45px 0;border-bottom:1px solid rgba(255,255,255,.13);transition:.25s}.step:hover{padding-left:12px;border-color:rgba(5,188,226,.5)}.step>span{font:600 15px var(--font-display);color:var(--cyan)}.step small{color:#557388;font-size:9px;letter-spacing:.17em}.step h3{font:600 33px var(--font-display);text-transform:uppercase;margin:4px 0 13px}.step p{max-width:530px;margin:0;color:#8fa6b6;font-size:14px}
.company{background:#fff}.company-layout{display:grid;grid-template-columns:1fr .8fr;gap:130px;align-items:center}.company-copy .lead{font-size:19px;line-height:1.6;color:#314454;margin-top:35px}.company-copy>p:not(.lead){color:#71808c;max-width:650px}.text-link{display:inline-flex;align-items:center;gap:45px;margin-top:25px;text-transform:uppercase;font-weight:700;font-size:11px;letter-spacing:.13em;border-bottom:1px solid var(--ink);padding-bottom:8px}.text-link span{color:var(--cyan);font-size:17px}.value-panel{background:#f1f5f6;padding:29px}.panel-top{display:flex;justify-content:space-between;border-bottom:1px solid #ccd5da;padding-bottom:18px;color:#7a8994;font-size:9px;font-weight:700;letter-spacing:.15em}.value-list>div{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:25px 4px;border-bottom:1px solid #d6dee2}.value-list strong{font:600 13px var(--font-display);color:var(--cyan)}.value-list span{display:flex;flex-direction:column}.value-list b{font:600 21px var(--font-display);text-transform:uppercase}.value-list small{color:#7b8993;margin-top:4px}
.cta-section{position:relative;padding:120px 0;background:linear-gradient(135deg,#0d2c4b,#061627);color:white;overflow:hidden}.cta-section::after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(5,188,226,.1);filter:blur(90px);left:-200px;bottom:-240px}.cta-grid{opacity:.07}.cta-layout{position:relative;z-index:2;display:grid;grid-template-columns:.75fr 1fr;gap:110px;align-items:start}.cta-copy h2{font:600 clamp(58px,6vw,82px)/.94 var(--font-display);text-transform:uppercase;margin:0}.cta-copy h2 span{color:var(--cyan)}.cta-copy>p{max-width:460px;color:#91a9b9;margin-top:28px}.contact-note{display:flex;gap:14px;align-items:center;margin-top:50px;color:#b5c8d4;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.contact-note i{width:8px;height:8px;border-radius:50%;background:#4cdda2;box-shadow:0 0 0 7px rgba(76,221,162,.1)}.contact-form{background:white;color:var(--ink);padding:38px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form label>span{display:block;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#667580;margin-bottom:7px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #cbd4d9;padding:10px 1px 13px;background:transparent;outline:none;transition:.2s;margin-bottom:22px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan)}.contact-form textarea{resize:vertical}.form-foot{display:flex;align-items:center;justify-content:space-between;gap:25px}.checkbox{display:flex;align-items:flex-start;gap:9px;max-width:330px}.checkbox input{width:auto;margin:3px 0}.checkbox>span{font-size:9px!important;line-height:1.5;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}.contact-form .button{border:0;white-space:nowrap}.form-status{font-size:12px;color:#168163;margin:16px 0 0;display:none}
footer{background:#04111e;color:white}.footer-top{padding:55px 0;display:grid;grid-template-columns:330px 1fr auto;align-items:center;gap:60px;border-bottom:1px solid rgba(255,255,255,.11)}.footer-top img{width:300px}.footer-top p{color:#7f97a8;font-size:13px}.footer-top>a{text-transform:uppercase;font-size:10px;letter-spacing:.13em}.footer-top>a span{color:var(--cyan);margin-left:12px}.footer-bottom{min-height:76px;display:flex;justify-content:space-between;align-items:center;color:#536c7e;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.footer-bottom div{display:flex;gap:28px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.18s}.reveal-delay-small{transition-delay:.12s}.reveal-delay-large{transition-delay:.24s}
.logo-fx-stage{width:min(620px,43vw);aspect-ratio:1.18}.logo-depth{width:96%;height:82%;will-change:transform}.logo-extrusion,.logo-edge{position:absolute;inset:0;-webkit-mask:url("assets/werkonis-mark-hero.svg") center/contain no-repeat;mask:url("assets/werkonis-mark-hero.svg") center/contain no-repeat}.logo-extrusion{z-index:1;background:linear-gradient(145deg,#04111e 10%,#08799b 62%,#03101d);transform:translate3d(22px,18px,-26px);filter:drop-shadow(0 32px 28px rgba(0,0,0,.44))}.logo-edge{z-index:2;background:linear-gradient(130deg,rgba(123,230,248,.85),#0b6584 38%,#041726 72%);transform:translate3d(9px,7px,-8px);filter:drop-shadow(0 0 8px rgba(5,188,226,.18))}.logo-main{position:relative;z-index:4;width:100%;height:100%;object-fit:contain;transform:translateZ(26px);filter:drop-shadow(0 19px 24px rgba(0,0,0,.28)) contrast(1.07) saturate(1.08);backface-visibility:hidden}.logo-shine{-webkit-mask:url("assets/werkonis-mark-hero.svg") center/contain no-repeat;mask:url("assets/werkonis-mark-hero.svg") center/contain no-repeat}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:560px}.service-card p,.service-card li,.service-card>a,.service-icon,.card-number,.card-copy>span{transition:color .35s,border-color .35s,background-color .35s}.service-card.active{background:var(--navy-900);color:white;border-color:var(--navy-900);box-shadow:0 28px 60px rgba(9,32,52,.17);transform:translateY(-8px)}.service-card.active::before{opacity:1}.active .card-number{color:#52768e}.active .service-icon{background:rgba(5,188,226,.1)}.active .card-copy>span{color:#68a6c5}.active p{color:#a9becd}.active li{border-color:rgba(255,255,255,.1)}.active>a{border-color:rgba(255,255,255,.15)}
@keyframes stageFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes logoTilt{0%,100%{transform:rotateX(5deg) rotateY(-10deg)}50%{transform:rotateX(-1deg) rotateY(5deg)}}@keyframes auraPulse{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes logoShine{0%,48%{transform:translateX(-140%) skewX(-16deg)}72%,100%{transform:translateX(150%) skewX(-16deg)}}@keyframes floorPulse{0%,100%{opacity:.5;transform:rotateX(72deg) scale(.9)}50%{opacity:.8;transform:rotateX(72deg) scale(1.04)}}@keyframes beamDrift{0%,100%{transform:translateX(-20px) rotate(28deg);opacity:.1}50%{transform:translateX(22px) rotate(28deg);opacity:.32}}@keyframes linePulse{0%,100%{opacity:.25;transform:rotate(-13deg) scaleX(.85)}50%{opacity:.7;transform:rotate(-13deg) scaleX(1.08)}}@keyframes scrollLine{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1050px){:root{--shell:min(100% - 36px,900px)}.hero{height:auto;min-height:950px}.hero-layout{grid-template-columns:1fr 420px}.hero h1{font-size:82px}.hero-visual{height:600px}.logo-fx-stage{width:400px}.section-head,.company-layout,.cta-layout{gap:60px}.service-grid{grid-template-columns:1fr}.service-card{min-height:440px}.service-icon{margin-bottom:30px}.approach-layout{gap:60px}.main-nav{gap:20px}}
@media(max-width:780px){:root{--shell:calc(100vw - 32px)}.nav-wrap{height:72px}.brand img{width:205px}.menu-toggle{display:block;z-index:3}.main-nav{position:fixed;inset:0;background:#061627;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px;gap:28px;transform:translateX(100%);transition:.35s;font-size:19px}.main-nav.open{transform:none}.main-nav .nav-cta{margin-top:15px}.hero{padding-top:72px;min-height:1120px}.hero-layout{height:auto;padding-top:80px;display:block}.hero h1{font-size:clamp(66px,19vw,92px);margin-top:25px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{height:440px;margin-top:35px}.logo-fx-stage{width:350px}.hero-logo-fx::before{width:90%;height:88%}.hero-brand-caption{right:2%;bottom:7%}.hero-foot{display:none}.trust-strip{height:70px}.section{padding:85px 0}.section-head,.company-layout,.cta-layout{grid-template-columns:1fr;gap:45px}.section-head{margin-bottom:42px}.section h2,.cta-copy h2{font-size:55px}.section-head p{font-size:14px}.service-card{padding:26px;min-height:520px}.service-card.active{transform:translateY(-4px)}.approach-layout{grid-template-columns:1fr}.approach-sticky{position:relative;top:auto}.approach-mark{display:none}.step{grid-template-columns:46px 1fr}.company-layout{gap:60px}.cta-section{padding:85px 0}.contact-form{padding:25px}.field-row{grid-template-columns:1fr;gap:0}.form-foot{align-items:flex-start;flex-direction:column}.footer-top{grid-template-columns:1fr;gap:22px}.footer-top img{width:250px}.footer-bottom{padding:25px 0;gap:18px;align-items:flex-start;flex-direction:column}.reveal-delay,.reveal-delay-small,.reveal-delay-large{transition-delay:0s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (min-width:781px) and (max-width:1050px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:780px){.service-grid{grid-template-columns:1fr}.logo-fx-stage{width:min(390px,94vw);aspect-ratio:1.18}.logo-depth{width:96%;height:82%}.hero-brand-caption{bottom:4%}}
@media(max-width:1050px){.safety-intro{grid-template-columns:1fr;gap:35px}.principle-phases{grid-template-columns:1fr}.phase-card{min-height:0}.safety-watermark{font-size:150px}.main-nav{gap:14px;font-size:11px}}
@media(max-width:780px){.safety-intro{margin-bottom:45px}.principle-phases{gap:12px}.phase-card{padding:24px}.phase-card header{grid-template-columns:44px 1fr}.safety-watermark{display:none}}

/* Bildwelt und konkretisierte Leistungsdarstellung */
.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:1px solid rgba(255,255,255,.13);max-width:680px}.hero-benefits>div{display:grid;grid-template-columns:25px 1fr;gap:8px;padding:17px 13px 0 0}.hero-benefits b{color:var(--cyan);font:600 10px var(--font-display);letter-spacing:.1em}.hero-benefits span{color:#829cac;font-size:9px;line-height:1.45;text-transform:uppercase;letter-spacing:.07em}
.industry-stage{position:relative;height:min(680px,68vw);min-height:520px;background:#061627;overflow:hidden;color:white}.industry-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.87) contrast(1.05)}.industry-stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,30,.96) 0,rgba(4,17,30,.74) 38%,rgba(4,17,30,.13) 72%),linear-gradient(0deg,rgba(4,17,30,.46),transparent 45%)}.industry-stage-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.industry-stage-content>span{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.industry-stage h2{font:600 clamp(55px,6vw,86px)/.92 var(--font-display);text-transform:uppercase;margin:25px 0 40px;max-width:720px}.stage-meta{display:flex;flex-direction:column;border-left:2px solid var(--cyan);padding-left:16px}.stage-meta span{font-size:8px;color:#7893a5;letter-spacing:.16em;text-transform:uppercase}.stage-meta strong{font:500 17px var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin-top:3px}
.service-card{padding:0 32px 32px;min-height:750px}.service-photo{height:210px;margin:0 -32px 5px;overflow:hidden;position:relative;background:#0a2139}.service-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,22,39,.45),transparent 52%);opacity:.6;transition:.35s}.service-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05);transition:transform .65s ease,filter .35s}.service-card:hover .service-photo img,.service-card.active .service-photo img{transform:scale(1.045);filter:saturate(.93) contrast(1.07)}.service-card .card-number{top:229px}.service-card .service-icon{margin-top:35px}.service-scope{display:flex;flex-wrap:wrap;gap:5px;margin:18px 0 5px}.service-scope span{padding:5px 7px;border:1px solid #dfe5e8;color:#72808a;font-size:8px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:.35s}.active .service-scope span{border-color:rgba(255,255,255,.13);color:#7f9caf}
.safety-photo{position:absolute;inset:0 0 auto 58%;height:520px;opacity:.17;mask-image:linear-gradient(to left,#000 40%,transparent);pointer-events:none}.safety-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) saturate(.75)}
@media(max-width:780px){.hero-benefits{grid-template-columns:1fr;gap:8px}.hero-benefits>div{padding-top:12px}.industry-stage{height:620px;min-height:0}.industry-stage-shade{background:linear-gradient(0deg,rgba(4,17,30,.95) 0,rgba(4,17,30,.55) 70%,rgba(4,17,30,.18))}.industry-stage-content{justify-content:flex-end;padding-bottom:60px}.industry-stage h2{font-size:51px}.service-card{min-height:730px}.service-photo{height:200px}.safety-photo{inset:0 0 auto 18%;opacity:.1}}

/* Kompakte Leistungsübersicht: nur Bilder, Stichpunkte und Kartenabstände */
@media(min-width:1051px){
  .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .service-card{min-height:610px;padding:0 24px 24px}
  .service-photo{height:142px;margin:0 -24px 4px}
  .service-card .card-number{top:158px;right:20px}
  .service-card .service-icon{width:52px;height:52px;margin:23px 0 21px}
  .service-card .service-icon svg{width:25px}
  .service-card h3{font-size:27px;margin:10px 0 15px}
  .service-card p{font-size:12px;line-height:1.5}
  .service-card ul{margin:14px 0}
  .service-card li{padding:5px 0 5px 15px;font-size:10px;line-height:1.35}
  .service-card li::before{top:11px;width:5px}
  .service-scope{gap:4px;margin:12px 0 5px}
  .service-scope span{padding:4px 6px;font-size:7px}
  .service-card>a{padding-top:16px;font-size:9px}
}

/* Dauerhaftes WERKONIS Markenmotto */
.hero h1.brand-motto{
  max-width:650px;
  margin:26px 0 30px;
  font-size:clamp(66px,6.4vw,98px);
  line-height:.87;
  letter-spacing:-.03em;
  text-transform:none;
}
.hero h1.brand-motto em{display:inline-block}
@media(max-width:1050px){.hero h1.brand-motto{font-size:74px}}
@media(max-width:780px){.hero h1.brand-motto{font-size:clamp(54px,15vw,72px);line-height:.9}}

/* Werkonis-Team beim sicheren Walzenwechsel */
.industry-stage{background:#061627 url("assets/images/werkonis-team-walzenwechsel.webp") center 45%/cover no-repeat}
.industry-stage>img{object-position:center 46%;filter:saturate(.9) contrast(1.04)}

/* Rechtliche Unterseiten */
.legal-body{background:#f4f7f8;color:var(--ink)}
.legal-header{position:relative;background:var(--navy-950);border-bottom:1px solid rgba(255,255,255,.12)}
.legal-nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.legal-back{color:#bad0dc;border-bottom:1px solid #446176;padding:9px 0;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.legal-back span{color:var(--cyan);margin-right:9px}
.legal-hero{background:linear-gradient(135deg,#0c2947,#061627);color:white;padding:92px 0 78px;position:relative;overflow:hidden}
.legal-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 45%,transparent)}
.legal-hero .shell{position:relative;z-index:1}
.legal-kicker{color:var(--cyan);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px}
.legal-hero h1{font:600 clamp(58px,7vw,96px)/.9 var(--font-display);margin:0;text-transform:uppercase;letter-spacing:-.02em}
.legal-hero>div>p:last-child{max-width:690px;color:#9db4c2;margin:24px 0 0}
.legal-main{padding:80px 0 110px}
.legal-layout{display:grid;grid-template-columns:250px minmax(0,760px);gap:75px;align-items:start}
.legal-index{position:sticky;top:30px;border-top:2px solid var(--cyan);padding-top:20px}
.legal-index span{display:block;color:#86959f;font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}
.legal-index strong{display:block;font:600 23px/1.15 var(--font-display);text-transform:uppercase;color:#17344a}
.legal-index a{display:inline-block;margin-top:24px;color:#566b78;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #a9b7be;padding-bottom:5px}
.legal-content{background:white;border:1px solid #dce4e7;padding:clamp(28px,5vw,58px);box-shadow:0 20px 55px rgba(7,31,49,.06)}
.legal-alert{padding:18px 20px;margin:0 0 38px;border-left:3px solid var(--cyan);background:#eaf8fb;color:#365663;font-size:12px;line-height:1.6}
.legal-content section{padding:0 0 32px;margin:0 0 32px;border-bottom:1px solid #e2e8ea}
.legal-content section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.legal-content h2{font:600 27px/1.1 var(--font-display);text-transform:uppercase;color:#17344a;margin:0 0 16px}
.legal-content h3{font-size:14px;color:#203a4b;margin:24px 0 9px}
.legal-content p,.legal-content li{color:#64737d;font-size:13px;line-height:1.75}
.legal-content ul{padding-left:19px}
.legal-content a{color:#087d9d;border-bottom:1px solid rgba(8,125,157,.35)}
.legal-placeholder{display:inline-block;background:#fff3ce;color:#765d13;padding:2px 7px;border:1px solid #ead68d;font-weight:600}
.legal-footer-note{font-size:9px;color:#597184;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:780px){.legal-nav{min-height:72px}.legal-nav .brand img{width:205px}.legal-hero{padding:70px 0 58px}.legal-main{padding:55px 0 80px}.legal-layout{grid-template-columns:1fr;gap:28px}.legal-index{position:relative;top:auto}.legal-content{padding:28px 22px}}

/* Leistungsprofil und Vertrauenscenter */
.trust-profile{background:#eef3f5;position:relative;overflow:hidden}
.trust-profile::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 65%,rgba(5,188,226,.045) 65.2%,transparent 65.4%);pointer-events:none}
.trust-center{position:relative;background:var(--navy-900);color:white;padding:45px;display:grid;grid-template-columns:.8fr 1fr;gap:70px;align-items:center}
.trust-copy h3{font:600 42px/1 var(--font-display);text-transform:uppercase;margin:13px 0 15px}
.trust-copy p{color:#8fa8b8;font-size:13px;max-width:520px}
.trust-copy .button{margin-top:17px}
.trust-facts{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}
.trust-facts>div{min-height:115px;padding:22px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;justify-content:space-between}
.trust-facts b{font:600 11px var(--font-display);color:var(--cyan)}
.trust-facts span{font:500 17px/1.25 var(--font-display);text-transform:uppercase;color:#dbe9f1}
.service-card-links{position:relative;margin-top:auto;padding-top:16px;border-top:1px solid #dce2e5;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.service-card-links a{text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;justify-content:space-between;gap:8px}
.service-card-links a:last-child{color:#087f9c}.service-card-links span{color:var(--cyan);font-size:14px}.active .service-card-links{border-color:rgba(255,255,255,.15)}.active .service-card-links a:first-child{color:#dcebf2}

/* Mehrstufiger Projekt-Check */
.project-wizard{min-height:650px;position:relative}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.wizard-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:18px}
.wizard-top>div{display:flex;flex-direction:column}
.wizard-top>div span{font-size:8px;font-weight:700;letter-spacing:.15em;color:#0798ba}
.wizard-top>div strong{font:600 20px var(--font-display);text-transform:uppercase;color:#17344a;margin-top:3px}
.wizard-counter{font:500 14px var(--font-display);color:#8998a1}.wizard-counter b{font-size:28px;color:var(--cyan)}
.wizard-progress{height:3px;background:#e4eaed;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:30px}
.wizard-progress i{height:3px;background:#d7e0e4;transition:.3s}.wizard-progress i.active{background:var(--cyan)}
.wizard-step{display:none;border:0;padding:0;margin:0;min-width:0}.wizard-step.active{display:block;animation:wizardIn .35s ease}
.wizard-step legend{font:600 30px/1.05 var(--font-display);text-transform:uppercase;color:#17344a;margin:0 0 10px;padding:0;width:100%}
.wizard-intro{font-size:12px;color:#74838d;margin:0 0 22px}
.service-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.service-choices label{position:relative;cursor:pointer}
.service-choices input{position:absolute;opacity:0;pointer-events:none}
.service-choices label>span{display:grid;grid-template-columns:30px 1fr;column-gap:10px;min-height:92px;padding:16px;border:1px solid #dbe3e7;transition:.25s}
.service-choices label>span b{grid-row:1/3;color:var(--cyan);font:600 10px var(--font-display);padding-top:3px}
.service-choices label>span strong{font:600 17px var(--font-display);text-transform:uppercase;color:#1b3a4e}
.service-choices label>span small{color:#83919a;font-size:9px}
.service-choices input:checked+span{border-color:var(--cyan);background:#edfafd;box-shadow:inset 3px 0 var(--cyan)}
.service-choices input:focus-visible+span{outline:2px solid #087d9d;outline-offset:2px}
.project-wizard label>span{display:block;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#667580;margin-bottom:7px}
.project-wizard input,.project-wizard textarea,.project-wizard select{width:100%;border:0;border-bottom:1px solid #cbd4d9;padding:10px 1px 13px;background:transparent;color:var(--ink);outline:none;transition:.2s;margin-bottom:22px;border-radius:0}
.project-wizard .service-choices input{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0}
.project-wizard .service-choices label>span{display:grid;grid-template-columns:30px 1fr;column-gap:10px;margin:0;font-size:inherit;letter-spacing:normal;text-transform:none;color:inherit}
.project-wizard input:focus,.project-wizard textarea:focus,.project-wizard select:focus{border-color:var(--cyan)}
.project-wizard [aria-invalid="true"]{border-color:#bd3f3f}
.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}
.project-wizard .button-ghost{color:var(--navy-900);border-color:#bcc9d0;background:white}
.project-wizard .button-ghost:hover{border-color:var(--navy-900);background:#f3f6f7}
.file-drop{display:grid!important;place-items:center;text-align:center;border:1px dashed #b7c6ce;background:#f7f9fa;padding:25px 20px;cursor:pointer;transition:.25s}
.file-drop:hover{border-color:var(--cyan);background:#f0fafc}.file-drop input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.file-drop-icon{display:grid!important;place-items:center;width:34px;height:34px;border:1px solid var(--cyan);color:#0a92b0!important;font-size:21px!important;margin:0 0 11px!important}
.file-drop strong{font:600 16px var(--font-display);text-transform:uppercase;color:#284354}
.file-drop small{font-size:9px;color:#7f8d96;margin-top:4px}.file-drop em{font-style:normal;font-size:10px;color:#0c829c;margin-top:10px}
.request-review{background:#f4f7f8;border-left:3px solid var(--cyan);padding:18px 20px;margin:20px 0}
.request-review dl{display:grid;grid-template-columns:135px 1fr;gap:7px 16px;margin:0}.request-review dt{font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#81909a}.request-review dd{margin:0;color:#334d5c;font-size:11px;overflow-wrap:anywhere}
.project-wizard .consent{display:flex;gap:10px;align-items:flex-start;max-width:none}.project-wizard .consent input{width:auto;margin:4px 0 0;flex:0 0 auto}.project-wizard .consent>span{font-size:10px!important;line-height:1.55;letter-spacing:0!important;text-transform:none!important;font-weight:500!important}.project-wizard .consent a{color:#087d9d;text-decoration:underline}
.form-note{color:#82919b;font-size:9px;margin:12px 0 0}.mail-fallback{display:none;color:#087d9d;font-size:10px;text-decoration:underline;margin-top:12px}.form-status.error{display:block;color:#a23838}.form-status.success{display:block;color:#168163}
.button:disabled{opacity:.55;cursor:wait;transform:none!important}
@keyframes wizardIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

/* SEO-Leistungsunterseiten */
.service-detail-hero{background:linear-gradient(135deg,#0d2e4e,#061627);color:white;padding:90px 0 75px;position:relative;overflow:hidden}
.service-detail-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 55%,transparent)}
.service-detail-hero .shell{position:relative;z-index:1;display:grid;grid-template-columns:1fr .68fr;gap:80px;align-items:end}
.service-detail-hero h1{font:600 clamp(60px,7vw,98px)/.87 var(--font-display);text-transform:uppercase;margin:20px 0 25px;letter-spacing:-.025em}.service-detail-hero h1 span{color:var(--cyan)}
.service-detail-hero p{color:#9db4c3;max-width:690px}.service-detail-hero img{width:100%;height:320px;object-fit:cover;border:1px solid rgba(255,255,255,.14);filter:saturate(.82)}
.service-detail-main{padding:85px 0 105px;background:#f5f7f8}
.service-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:65px;align-items:start}
.service-detail-content{background:white;border:1px solid #dce4e7;padding:50px}.service-detail-content section{padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid #e3e8ea}.service-detail-content section:last-child{border:0;margin:0;padding:0}
.service-detail-content h2{font:600 34px/1 var(--font-display);text-transform:uppercase;color:#17344a;margin:0 0 18px}.service-detail-content p,.service-detail-content li{color:#687985;font-size:13px;line-height:1.75}.service-detail-content ul{padding-left:18px}
.service-detail-aside{position:sticky;top:30px;background:var(--navy-900);color:white;padding:30px}.service-detail-aside h2{font:600 27px/1 var(--font-display);text-transform:uppercase;margin:0 0 15px}.service-detail-aside p{color:#91a9b8;font-size:12px}.service-detail-aside .button{width:100%;margin-top:15px}.service-detail-links{margin-top:25px;border-top:1px solid rgba(255,255,255,.13)}.service-detail-links a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#a9bfcd}.service-detail-links a span{color:var(--cyan)}

@media(max-width:1050px){.trust-center{gap:40px}.service-detail-hero .shell{gap:40px}.service-detail-grid{grid-template-columns:1fr 280px;gap:35px}}
@media(max-width:780px){.trust-center{grid-template-columns:1fr;padding:28px;gap:30px}.trust-facts{grid-template-columns:1fr}.service-choices{grid-template-columns:1fr}.wizard-actions{align-items:stretch;flex-direction:column-reverse}.wizard-actions .button{width:100%}.request-review dl{grid-template-columns:1fr;gap:2px}.request-review dd{margin-bottom:8px}.service-detail-hero{padding:65px 0}.service-detail-hero .shell{grid-template-columns:1fr}.service-detail-hero img{height:230px}.service-detail-main{padding:55px 0 80px}.service-detail-grid{grid-template-columns:1fr}.service-detail-content{padding:28px 22px}.service-detail-aside{position:relative;top:auto}}