:root{--ink:#0d1015;--panel:#111419;--panel2:#171c24;--line:#2b323e;--paper:#f5f3ee;--muted:#9da6b5;--lime:#c7ff3d;--violet:#7867f2;--cyan:#2ed8c3;--danger:#ff6d7a;--max:1180px;--radius:26px;--shadow:0 30px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(13,16,21,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.navin{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}.brand img{width:38px;height:38px}.navlinks{display:flex;gap:28px;color:#b9c0cb;font-size:14px}.navlinks a:hover{color:white}.actions{display:flex;gap:10px;align-items:center}.btn{border:0;border-radius:999px;padding:13px 19px;background:var(--paper);color:#101319;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:.25s transform,.25s box-shadow,.25s background}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.2)}.btn.lime{background:var(--lime)}.btn.ghost{background:transparent;color:var(--paper);border:1px solid var(--line)}.hero{position:relative;min-height:760px;padding:110px 0 90px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:-10% -5% auto 45%;height:700px;background:radial-gradient(circle at 40% 40%,rgba(120,103,242,.25),transparent 48%),radial-gradient(circle at 65% 55%,rgba(46,216,195,.16),transparent 38%);pointer-events:none}.railgrid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);font-weight:900;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:26px;height:3px;border-radius:3px;background:var(--lime)}h1{font-size:clamp(52px,6.8vw,92px);line-height:.96;margin:22px 0 24px;letter-spacing:-.055em;max-width:830px}.accent{color:var(--lime)}.lede{font-size:20px;line-height:1.65;color:#b6bfcb;max-width:680px}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.micro{display:flex;gap:22px;margin-top:34px;color:#808b99;font-size:13px;flex-wrap:wrap}.micro span{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
.console{position:relative;background:linear-gradient(180deg,#151a22,#0f1319);border:1px solid #303744;border-radius:32px;padding:18px;box-shadow:var(--shadow);transform:rotate(1.4deg)}.console:after{content:"";position:absolute;width:110px;height:6px;background:var(--lime);border-radius:99px;top:-3px;left:50px;box-shadow:0 0 30px rgba(199,255,61,.45)}.chrome{display:flex;justify-content:space-between;align-items:center;padding:9px 10px 17px;color:#768191;font-size:11px;letter-spacing:.1em}.lights{display:flex;gap:6px}.lights i{display:block;width:8px;height:8px;border-radius:50%;background:#39414d}.screen{background:#0c0f14;border:1px solid #232a34;border-radius:22px;overflow:hidden}.screen-top{padding:22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #242b35}.screen-kicker{color:#8893a1;font-size:11px;letter-spacing:.13em}.screen-title{font-size:22px;font-weight:850;margin-top:5px}.pulse{width:38px;height:38px;border-radius:13px;background:rgba(199,255,61,.12);border:1px solid rgba(199,255,61,.24);position:relative}.pulse:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--lime);animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(.7);opacity:.4}50%{transform:scale(1.2);opacity:1}}.screen-body{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:12px}.metric{background:#121720;border:1px solid #252c37;border-radius:18px;padding:16px}.metric b{display:block;font-size:26px;margin-top:6px}.metric small{color:#778292}.metric.wide{grid-column:1/-1}.bar{height:8px;border-radius:8px;background:#232a35;margin-top:14px;overflow:hidden}.bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--lime),var(--cyan));animation:load 3s ease-in-out infinite alternate}@keyframes load{from{width:58%}to{width:84%}}.flow{display:flex;gap:7px;margin-top:12px}.node{height:48px;flex:1;border-radius:14px;background:#191f28;border:1px solid #2b3340;display:flex;align-items:center;justify-content:center;color:#8f99a6;font-size:10px;position:relative}.node.active{color:#12151a;background:var(--lime);font-weight:900}.node:not(:last-child):after{content:"";position:absolute;width:10px;height:1px;background:#3a4350;right:-9px}
.section{padding:105px 0}.section.alt{background:#f0eee8;color:#14171c}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:46px}.section-head h2{font-size:clamp(38px,4vw,62px);line-height:1;letter-spacing:-.045em;margin:0;max-width:750px}.section-head p{max-width:470px;color:#8c96a5;line-height:1.6}.alt .section-head p{color:#5f6671}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{border:1px solid var(--line);background:var(--panel);border-radius:28px;padding:30px;min-height:360px;position:relative;overflow:hidden;transition:.3s transform,.3s border-color}.product-card:hover{transform:translateY(-7px);border-color:#4a5361}.product-card.featured{background:var(--paper);color:#101319}.product-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;top:-70px;border:34px solid rgba(120,103,242,.08)}.sym{width:52px;height:52px;border-radius:16px;border:1px solid #343c48;display:flex;align-items:center;justify-content:center;color:var(--lime);margin-bottom:42px}.featured .sym{border-color:#d5d2c8;color:#6b58ee}.sym svg{width:26px;height:26px}.product-card h3{font-size:28px;margin:0 0 10px}.product-card p{color:#8e98a7;line-height:1.55}.featured p{color:#5e6570}.tag{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--lime);text-transform:uppercase}.featured .tag{color:#6b58ee}.feature-list{display:grid;gap:10px;margin-top:28px;font-size:14px;color:#b4bdc9}.featured .feature-list{color:#41464e}.feature-list div:before{content:"↳";color:var(--lime);margin-right:10px}.featured .feature-list div:before{color:#6b58ee}
.price-lab{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.control-panel{background:#111419;color:var(--paper);border-radius:30px;padding:28px;position:sticky;top:100px}.segment{display:grid;grid-template-columns:repeat(3,1fr);background:#0a0d11;padding:5px;border-radius:16px}.segment button{border:0;background:transparent;color:#8994a2;padding:12px 8px;border-radius:12px;font-weight:800;cursor:pointer}.segment button.active{background:#202733;color:white}.control{margin-top:26px}.labelrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.labelrow b{font-size:14px}.counter{display:flex;align-items:center;gap:10px;background:#0a0d11;border-radius:12px;padding:5px}.counter button{width:30px;height:30px;border:0;border-radius:9px;background:#232a34;color:white;cursor:pointer}.counter span{min-width:30px;text-align:center;font-weight:900}.cycle{display:flex;gap:10px;margin-top:26px}.cycle button{flex:1;padding:12px;border-radius:14px;border:1px solid #303946;background:transparent;color:#a9b2bf;font-weight:800;cursor:pointer}.cycle button.active{border-color:var(--lime);color:var(--lime);background:rgba(199,255,61,.07)}.quote-card{background:white;color:#101319;border-radius:30px;padding:36px;box-shadow:0 18px 50px rgba(28,26,22,.08)}.q-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.q-price{font-size:58px;font-weight:950;letter-spacing:-.055em}.q-price small{font-size:15px;color:#707782;font-weight:700;letter-spacing:0}.breakdown{border-top:1px solid #e2dfd7;margin-top:28px;padding-top:18px;display:grid;gap:13px}.lineitem{display:flex;justify-content:space-between;color:#5e6570}.lineitem.total{color:#111;font-weight:900;font-size:18px;padding-top:10px}.save{display:inline-block;background:#e8ffd0;color:#2e4e00;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900}.paychips{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.chip{border:1px solid #ddd9cf;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.architecture{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.arch{background:#151a21;border:1px solid var(--line);border-radius:22px;padding:24px;min-height:190px}.arch .num{font-size:12px;color:var(--lime);font-weight:900}.arch h4{font-size:21px;margin:42px 0 8px}.arch p{font-size:13px;color:#8f99a7;line-height:1.5}.security{display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-card{border:1px solid #d9d5cb;border-radius:24px;padding:28px;background:#f8f6f1}.security-card h3{font-size:24px;margin:20px 0 8px}.security-card p{color:#60666f;line-height:1.6}.icon-dark{width:46px;height:46px;border-radius:14px;background:#111419;color:var(--lime);display:flex;align-items:center;justify-content:center}.icon-dark svg{width:24px;height:24px}.cta{padding:90px 0}.cta-box{background:var(--lime);color:#101319;border-radius:38px;padding:56px;display:flex;justify-content:space-between;gap:40px;align-items:center;position:relative;overflow:hidden}.cta-box:after{content:"W/X";font-size:160px;font-weight:1000;position:absolute;right:-16px;bottom:-66px;color:rgba(16,19,25,.07);letter-spacing:-.1em}.cta-box h2{font-size:clamp(36px,5vw,64px);line-height:.96;margin:0;letter-spacing:-.05em;max-width:720px}.cta-box .btn{background:#111419;color:white;z-index:1;white-space:nowrap}.footer{padding:50px 0 70px;border-top:1px solid #242a33;color:#7f8997}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:40px}.footer h5{color:white;margin:0 0 14px}.footer a{display:block;margin:9px 0;font-size:13px}.tiny{font-size:12px;color:#697381;line-height:1.6}.reveal{opacity:0;transform:translateY(18px);transition:.7s opacity,.7s transform}.reveal.visible{opacity:1;transform:none}
/* Checkout */.subhero{padding:70px 0 28px}.subhero h1{font-size:clamp(42px,5.5vw,72px);max-width:900px}.checkout-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:20px 0 90px}.form-card,.summary-card{background:#151a22;border:1px solid #2a323d;border-radius:28px;padding:30px}.form-card h2,.summary-card h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#9da6b5;font-weight:800}.field input,.field select{background:#0d1015;border:1px solid #303844;border-radius:14px;padding:13px 14px;color:white;outline:none}.field input:focus,.field select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(199,255,61,.08)}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-option{display:flex;gap:12px;align-items:center;padding:15px;border-radius:16px;border:1px solid #303844;cursor:pointer}.pay-option:has(input:checked){border-color:var(--lime);background:rgba(199,255,61,.06)}.pay-option input{accent-color:var(--lime)}.legalcheck{display:flex;gap:10px;align-items:start;color:#99a2af;font-size:13px;line-height:1.5}.legalcheck input{margin-top:3px;accent-color:var(--lime)}.summary-card{position:sticky;top:100px;height:max-content}.sumplan{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #2a313c;padding-bottom:20px}.sumprice{font-size:36px;font-weight:950}.summary-lines{display:grid;gap:12px;margin:22px 0}.summary-lines div{display:flex;justify-content:space-between;color:#9ba5b3}.summary-lines b{color:white}.statusbox{border-radius:16px;padding:15px;background:rgba(46,216,195,.08);border:1px solid rgba(46,216,195,.2);color:#9eeadd;font-size:13px;line-height:1.5}.errorbox{background:rgba(255,109,122,.08);border-color:rgba(255,109,122,.25);color:#ffb1b9}.success-wrap{min-height:78vh;display:flex;align-items:center;justify-content:center;padding:60px 20px}.success-card{width:min(720px,100%);background:#151a22;border:1px solid #2d3540;border-radius:34px;padding:42px;text-align:center}.success-mark{width:82px;height:82px;border-radius:26px;background:var(--lime);color:#111;display:grid;place-items:center;margin:0 auto 26px;font-size:38px;font-weight:900;box-shadow:0 0 50px rgba(199,255,61,.25)}.credentials{margin:28px 0;text-align:left;background:#0c0f14;border:1px solid #2b323d;border-radius:20px;padding:20px}.cred{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #232a33}.cred:last-child{border:0}.cred span{color:#818c9b}.cred b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{position:relative;background:#111419;display:flex;align-items:flex-end;padding:60px;overflow:hidden}.login-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(120,103,242,.35),transparent 40%),linear-gradient(115deg,transparent 45%,rgba(199,255,61,.1) 45% 46%,transparent 46%)}.login-art h1{font-size:62px;position:relative}.login-box{display:grid;place-items:center;background:#f2f0ea;color:#111}.login-card{width:min(460px,calc(100% - 40px));padding:36px}.login-card .field input{background:white;color:#111;border-color:#d4d0c6}.login-card .btn{width:100%;justify-content:center;margin-top:10px}.login-card p{color:#626973}.legal-page{padding:70px 0 110px}.legal-page h1{font-size:56px}.legal-page .paper{background:#f3f0e9;color:#191c21;border-radius:28px;padding:40px;line-height:1.7}.paper .warn{background:#fff4cc;border:1px solid #eddc96;border-radius:16px;padding:16px;margin-bottom:24px}
@media(max-width:900px){.navlinks{display:none}.hero{padding-top:70px}.hero-grid,.price-lab,.checkout-grid,.login-shell{grid-template-columns:1fr}.console{transform:none}.product-grid,.architecture{grid-template-columns:1fr 1fr}.control-panel,.summary-card{position:static}.section-head{display:block}.section-head p{margin-top:20px}.login-art{min-height:380px}.footer-grid{grid-template-columns:1fr 1fr}.cta-box{display:block}.cta-box .btn{margin-top:26px}.security{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:min(100% - 24px,var(--max))}.navin{height:68px}.actions .ghost{display:none}.hero{min-height:auto;padding:70px 0}.product-grid,.architecture,.security,.form-grid,.payment-grid,.screen-body{grid-template-columns:1fr}.metric.wide,.field.full{grid-column:auto}.hero h1{font-size:50px}.section{padding:75px 0}.quote-card,.control-panel,.form-card,.summary-card{padding:22px}.q-price{font-size:44px}.cta-box{padding:34px 26px}.footer-grid{grid-template-columns:1fr}.login-art{padding:30px}.login-art h1{font-size:44px}.login-box{padding:40px 0}}

/* WERKLYX approved brand mark v1.1 */
.brand-logo{display:inline-flex;align-items:center;line-height:0}
.brand-logo img{width:190px!important;height:auto!important;max-height:42px;object-fit:contain}
.footer .brand-logo img{width:205px!important;max-height:46px}
@media(max-width:600px){.brand-logo img{width:154px!important;max-height:36px}.footer .brand-logo img{width:176px!important}}

/* ===== WERKLYX v1.2 cinematic scroll storytelling ===== */
.scroll-story{position:relative;height:560vh;background:radial-gradient(circle at 65% 20%,rgba(120,103,242,.14),transparent 24%),radial-gradient(circle at 55% 70%,rgba(46,216,195,.08),transparent 28%),#0b0e13;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.story-spacer{height:100%}.story-sticky{position:sticky;top:78px;height:calc(100vh - 78px);min-height:640px;overflow:hidden;display:grid;align-items:center}.story-progress{position:sticky;top:78px;z-index:12;width:100%;height:2px;background:rgba(255,255,255,.06);pointer-events:none}.story-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--violet));box-shadow:0 0 18px rgba(46,216,195,.35)}
.story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:center;height:100%;position:relative}.story-copy{position:relative;z-index:8}.story-state{min-height:330px;display:flex;flex-direction:column;justify-content:center}.story-index{font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#75808f;margin-bottom:22px}.story-copy h2{font-size:clamp(48px,5.2vw,76px);line-height:.94;letter-spacing:-.055em;margin:0 0 24px}.story-copy h2 span{color:var(--lime)}.story-copy p{font-size:17px;line-height:1.65;color:#9da8b7;max-width:470px}.story-nav{display:flex;gap:8px;flex-wrap:wrap}.story-nav span{font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;padding:9px 10px;border:1px solid #262d37;border-radius:99px;color:#5e6876;transition:.35s}.story-nav span.active{color:#101319;background:var(--lime);border-color:var(--lime)}
.story-stage{height:min(720px,82vh);position:relative;perspective:1400px;transform-style:preserve-3d;isolation:isolate}.orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-a{width:610px;height:610px}.orbit-b{width:460px;height:460px;border-style:dashed;opacity:.65}.suite-halo{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(199,255,61,.12),rgba(120,103,242,.06) 35%,transparent 68%);filter:blur(18px);opacity:.7}
.device{position:absolute;width:min(650px,88%);height:420px;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(0deg) rotateY(0deg);border-radius:34px;background:linear-gradient(145deg,#303744,#11161e 35%,#090c10);padding:9px;box-shadow:0 55px 100px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.08);transform-style:preserve-3d;will-change:transform,opacity;z-index:3}.device:before{content:"";position:absolute;inset:-1px;border-radius:35px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 30%,rgba(199,255,61,.15),transparent 72%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.device-edge{position:absolute;right:-4px;top:96px;display:grid;gap:10px}.device-edge span{width:4px;height:55px;border-radius:4px;background:#353e4b}.device-edge span+span{height:30px}.device-screen{height:100%;border-radius:27px;overflow:hidden;background:#0b0f14;border:1px solid #252d38}.wx-topbar{height:60px;border-bottom:1px solid #232b35;display:flex;align-items:center;padding:0 18px;gap:12px;background:#10151c}.wx-topbar img{width:30px;height:30px;border-radius:9px}.wx-topbar div{display:grid}.wx-topbar small{font-size:8px;color:#788391;letter-spacing:.14em}.wx-topbar b{font-size:11px;margin-top:2px}.wx-topbar em{margin-left:auto;font-style:normal;font-size:8px;font-weight:900;color:#122000;background:var(--lime);padding:6px 8px;border-radius:99px}.wx-app{height:calc(100% - 60px);display:grid;grid-template-columns:48px 1fr}.wx-app aside{border-right:1px solid #222a34;padding:18px 11px;display:grid;align-content:start;gap:16px}.wx-app aside i{display:block;width:25px;height:25px;border-radius:8px;background:#1b222c;position:relative}.wx-app aside i.active{background:rgba(199,255,61,.12);border:1px solid rgba(199,255,61,.25)}.wx-app aside i.active:after{content:"";position:absolute;left:8px;top:8px;width:7px;height:7px;border-radius:2px;background:var(--lime)}.wx-main{padding:20px;overflow:hidden}.wx-heading{display:flex;justify-content:space-between;align-items:center}.wx-heading div{display:grid}.wx-heading small{font-size:8px;letter-spacing:.14em;color:#687482}.wx-heading strong{font-size:22px;margin-top:3px}.wx-heading button{border:0;border-radius:10px;background:var(--lime);padding:9px 12px;font-size:9px;font-weight:900}.wx-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.wx-kpis span{border:1px solid #252d38;background:#111720;border-radius:12px;padding:10px;display:grid}.wx-kpis small{font-size:7px;color:#697583;text-transform:uppercase;letter-spacing:.08em}.wx-kpis b{font-size:18px;margin-top:4px}.wx-schedule{display:grid;grid-template-columns:30px 1fr 1fr;gap:7px;margin-top:12px}.wx-schedule .time{font-size:8px;color:#576272;padding-top:8px}.job{min-height:47px;border-radius:10px;padding:8px;display:grid;align-content:center}.job b{font-size:9px}.job small{font-size:7px;margin-top:2px;opacity:.7}.job.lime{background:rgba(199,255,61,.13);border:1px solid rgba(199,255,61,.28)}.job.cyan{background:rgba(46,216,195,.12);border:1px solid rgba(46,216,195,.22)}.job.violet{background:rgba(120,103,242,.15);border:1px solid rgba(120,103,242,.28)}.job.soft{background:#171e27;border:1px solid #27303b}
.story-layer{position:absolute;width:230px;min-height:142px;background:rgba(20,25,33,.94);border:1px solid #343d49;border-radius:22px;padding:18px;box-shadow:0 22px 55px rgba(0,0,0,.38);backdrop-filter:blur(16px);left:50%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(.75);will-change:transform,opacity;z-index:5}.story-layer:before{content:"";position:absolute;inset:0;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 40%);pointer-events:none}.story-layer .layer-icon{width:36px;height:36px;border-radius:11px;background:#0d1117;border:1px solid #303945;color:var(--lime);display:grid;place-items:center;margin-bottom:13px}.story-layer .layer-icon svg{width:20px;height:20px}.story-layer small{display:block;color:#6f7a89;font-size:8px;font-weight:900;letter-spacing:.13em}.story-layer b{display:block;margin-top:5px;font-size:15px}.story-layer p{font-size:10px!important;line-height:1.45!important;color:#7f8a99!important;margin:8px 0 0!important}.layer-rental .layer-icon{color:var(--cyan)}.layer-team .layer-icon{color:#a995ff}.layer-cloud .layer-icon{color:#fff}.suite-lockup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;display:grid;justify-items:center;gap:14px;z-index:8;will-change:opacity,transform}.suite-lockup img{width:min(420px,70vw);height:auto}.suite-lockup span{font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;color:#687381}

/* Function explorer */
.function-showcase{background:#0d1015}.function-shell{display:grid;grid-template-columns:250px 1fr;border:1px solid #2a323e;border-radius:32px;overflow:hidden;background:#11151c;min-height:620px;box-shadow:0 40px 90px rgba(0,0,0,.2)}.function-rail{border-right:1px solid #28303a;padding:16px;display:grid;align-content:start;gap:8px;background:#0c1015}.function-rail button{appearance:none;border:1px solid transparent;background:transparent;color:#828d9b;border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:.25s}.function-rail button:hover{background:#141a22;color:#fff}.function-rail button.active{background:#171e27;color:white;border-color:#303a46;box-shadow:inset 3px 0 var(--lime)}.function-rail svg{width:25px;height:25px;flex:0 0 auto}.function-rail span{display:grid;gap:2px}.function-rail b{font-size:13px}.function-rail small{font-size:10px;color:#667180}.function-canvas{position:relative;min-width:0}.function-panel{position:absolute;inset:0;padding:44px;display:grid;grid-template-columns:.75fr 1.25fr;gap:36px;align-items:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:.38s opacity,.38s transform,.38s visibility}.function-panel.active{opacity:1;visibility:visible;transform:none;position:relative;min-height:620px}.function-copy h3{font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.045em;margin:12px 0 18px}.function-copy p{color:#8e99a7;line-height:1.65}.mini-features{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.mini-features span{font-size:10px;font-weight:800;color:#b3bdca;border:1px solid #303945;border-radius:999px;padding:8px 10px;background:#141a22}.ui-window{border:1px solid #303946;border-radius:25px;background:#090c11;box-shadow:0 30px 70px rgba(0,0,0,.4);overflow:hidden;transform:rotate(.5deg)}.ui-toolbar{height:46px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #222a34;padding:0 15px;color:#687382;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.ui-toolbar i{width:7px;height:7px;border-radius:50%;background:#303845}.ui-toolbar span{margin-left:auto}.planner-demo{padding:16px;display:grid;gap:7px}.planner-head,.planner-row{display:grid;grid-template-columns:42px repeat(3,1fr);gap:7px;align-items:stretch}.planner-head b{font-size:8px;color:#64707e;padding:7px}.planner-row em{font-style:normal;color:#4e5966;font-size:8px;padding-top:10px}.planner-row>span{min-height:52px;border:1px solid #1f2731;border-radius:9px}.planner-row .p{padding:8px;display:grid;align-content:center}.p b{font-size:9px}.p small{font-size:7px;opacity:.65;margin-top:3px}.p.lime{background:rgba(199,255,61,.13);border-color:rgba(199,255,61,.2)}.p.cyan{background:rgba(46,216,195,.11);border-color:rgba(46,216,195,.2)}.p.violet{background:rgba(120,103,242,.14);border-color:rgba(120,103,242,.22)}.p.soft{background:#151b23}.fleet-demo{padding:22px;display:grid;gap:10px}.car-row{display:grid;grid-template-columns:11px 1fr auto;align-items:center;gap:12px;border:1px solid #252d38;background:#11161d;border-radius:13px;padding:13px}.car-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor}.car-dot.lime{background:var(--lime);color:var(--lime)}.car-dot.violet{background:var(--violet);color:var(--violet)}.car-dot.cyan{background:var(--cyan);color:var(--cyan)}.car-row div{display:grid}.car-row b{font-size:11px}.car-row small{font-size:8px;color:#67717f;margin-top:2px}.car-row em{font-style:normal;font-size:8px;color:#172100;background:var(--lime);padding:7px 8px;border-radius:999px;font-weight:900}.car-row em.busy{background:#282134;color:#b6a9ff}.rental-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.rental-flow span{font-size:8px;font-weight:900;border:1px solid #2c3541;border-radius:9px;padding:8px 10px}.rental-flow i{width:30px;height:1px;background:linear-gradient(90deg,#384250,var(--cyan))}.tenant-demo{padding:24px}.tenant-root{border:1px solid #313a46;background:#131922;border-radius:17px;padding:15px;display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center}.tenant-root img{width:42px;height:42px;border-radius:12px;grid-row:1/3}.tenant-root b{font-size:12px}.tenant-root small{font-size:8px;color:#6f7a88}.tenant-branches{position:relative;display:grid;gap:9px;margin:22px 0 0 32px;padding-left:24px}.tenant-branches:before{content:"";position:absolute;left:0;top:-22px;bottom:20px;width:1px;background:#313a46}.tenant-branches span{position:relative;border:1px solid #252e39;background:#0f141a;border-radius:12px;padding:11px 12px;display:grid}.tenant-branches span:before{content:"";position:absolute;width:24px;height:1px;background:#313a46;left:-24px;top:50%}.tenant-branches b{font-size:10px}.tenant-branches small{font-size:7px;color:#65707e;margin-top:3px}.tablet-demo{width:min(330px,100%);margin:auto;background:linear-gradient(145deg,#2c3440,#0c1015);border-radius:31px;padding:9px;box-shadow:0 35px 70px rgba(0,0,0,.45);position:relative}.tablet-demo:before{content:"";display:block;position:absolute;inset:8px;border-radius:23px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.tablet-camera{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:27px;height:4px;border-radius:8px;background:#394250;z-index:2}.tablet-logo{background:#0b0f14;border-radius:23px 23px 0 0;padding:36px 24px 22px;display:grid;justify-items:center}.tablet-logo img{width:60px;height:60px;border-radius:18px;box-shadow:0 0 30px rgba(199,255,61,.08)}.tablet-logo b{font-size:18px;margin-top:10px;letter-spacing:.08em}.tablet-logo small{font-size:8px;color:#687482;margin-top:4px}.tablet-login{background:#f2efe9;color:#16191e;border-radius:0 0 23px 23px;padding:22px;display:grid;gap:7px}.tablet-login span{font-size:8px;font-weight:900;color:#626a74}.tablet-login div{border:1px solid #d7d2c8;background:white;border-radius:10px;padding:10px;font-size:9px;color:#525a64}.tablet-login button{border:0;border-radius:10px;background:#111419;color:white;padding:11px;margin-top:5px;font-size:9px;font-weight:900;box-shadow:inset 3px 0 var(--lime)}

@media(max-width:1000px){.scroll-story{height:auto;padding:90px 0}.story-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible}.story-progress,.story-spacer{display:none}.story-grid{grid-template-columns:1fr;gap:55px}.story-state{min-height:0}.story-stage{height:720px}.story-layer{opacity:1!important}.layer-plan{transform:translate(calc(-50% - 170px),calc(-50% - 250px)) scale(.82)!important}.layer-rental{transform:translate(calc(-50% + 170px),calc(-50% - 250px)) scale(.82)!important}.layer-team{transform:translate(calc(-50% - 170px),calc(-50% + 245px)) scale(.82)!important}.layer-cloud{transform:translate(calc(-50% + 170px),calc(-50% + 245px)) scale(.82)!important}.suite-lockup{display:none}.function-shell{grid-template-columns:1fr}.function-rail{border-right:0;border-bottom:1px solid #28303a;grid-template-columns:repeat(4,1fr)}.function-rail button{justify-content:center}.function-rail button span small{display:none}.function-panel,.function-panel.active{grid-template-columns:1fr;min-height:780px}.function-panel{padding:34px}.ui-window{max-width:620px;width:100%;margin:auto}}
@media(max-width:650px){.scroll-story{padding:70px 0}.story-nav{display:none}.story-stage{height:760px}.device{width:96%;height:370px}.wx-main{padding:14px}.wx-heading strong{font-size:18px}.story-layer{width:178px;padding:13px;min-height:118px}.story-layer p{display:none}.layer-plan{transform:translate(calc(-50% - 88px),calc(-50% - 255px)) scale(.88)!important}.layer-rental{transform:translate(calc(-50% + 88px),calc(-50% - 255px)) scale(.88)!important}.layer-team{transform:translate(calc(-50% - 88px),calc(-50% + 250px)) scale(.88)!important}.layer-cloud{transform:translate(calc(-50% + 88px),calc(-50% + 250px)) scale(.88)!important}.orbit-a{width:430px;height:430px}.orbit-b{width:330px;height:330px}.function-rail{grid-template-columns:1fr 1fr}.function-rail button{justify-content:flex-start}.function-rail button span small{display:block}.function-panel,.function-panel.active{padding:24px;min-height:840px}.planner-head,.planner-row{grid-template-columns:34px repeat(3,1fr)}.function-copy h3{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-story{height:auto;padding:90px 0}.story-sticky{position:relative;top:auto;height:auto}.story-progress,.story-spacer{display:none}.story-layer{opacity:1!important}.layer-plan{transform:translate(calc(-50% - 190px),calc(-50% - 210px)) scale(.85)!important}.layer-rental{transform:translate(calc(-50% + 190px),calc(-50% - 210px)) scale(.85)!important}.layer-team{transform:translate(calc(-50% - 190px),calc(-50% + 210px)) scale(.85)!important}.layer-cloud{transform:translate(calc(-50% + 190px),calc(-50% + 210px)) scale(.85)!important}.suite-lockup{display:none}.reveal{opacity:1;transform:none;transition:none}.pulse:after,.bar i{animation:none}}

/* =========================================================
   WERKLYX 1.3 · PRODUCT STORY / DEEP DIVE
   ========================================================= */
.cyan-text{color:var(--cyan)!important}.violet-text{color:#a995ff!important}.cyan-accent{color:var(--cyan)!important}.violet-accent{color:#a995ff!important}.inline-arrow{display:inline-flex;margin-top:20px;font-weight:900;color:var(--lime);font-size:14px}.dark-cta{background:#111419!important;color:#fff!important}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}
.hero-v2{min-height:840px;padding:92px 0 96px}.hero-grid-v2{grid-template-columns:minmax(0,1fr) minmax(480px,.92fr);gap:54px}.hero-copy-v2 h1{font-size:clamp(54px,6vw,88px);max-width:760px}.hero-copy-v2 .lede{max-width:720px}.hero-glow{position:absolute;border-radius:50%;filter:blur(5px);pointer-events:none}.hero-glow-a{width:620px;height:620px;right:-120px;top:80px;background:radial-gradient(circle,rgba(120,103,242,.15),transparent 67%)}.hero-glow-b{width:460px;height:460px;right:190px;top:280px;background:radial-gradient(circle,rgba(46,216,195,.12),transparent 69%)}.slogan-rotator{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px;color:#7f8997;font-size:14px;font-weight:800}.slogan-rotator span,.slogan-rotator strong{padding:8px 11px;border:1px solid #28313d;border-radius:999px;background:rgba(20,25,33,.7)}.slogan-rotator strong{color:#14180e;background:var(--lime);border-color:var(--lime)}

.hero-engine{--rx:0deg;--ry:0deg;position:relative;height:610px;perspective:1200px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out}.hero-engine:before{content:"";position:absolute;left:50%;top:50%;width:350px;height:350px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(199,255,61,.10),rgba(120,103,242,.04) 45%,transparent 70%);border-radius:50%;filter:blur(10px)}.engine-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:520px;height:520px;animation:engineOrbit 24s linear infinite}.orbit-two{width:405px;height:405px;border-style:dashed;animation:engineOrbitReverse 18s linear infinite}.engine-orbit:before,.engine-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 22px rgba(199,255,61,.8)}.engine-orbit:before{left:50%;top:-4px}.engine-orbit:after{right:9%;bottom:17%;background:var(--cyan);box-shadow:0 0 22px rgba(46,216,195,.8)}@keyframes engineOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes engineOrbitReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}.engine-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:.7}.engine-path{fill:none;stroke:#35404e;stroke-width:1.5;stroke-dasharray:5 7}.flow-dot{fill:var(--lime);filter:drop-shadow(0 0 7px rgba(199,255,61,.8))}.dot-b{fill:var(--cyan)}.dot-c{fill:#9e8eff}
.engine-core{position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%) translateZ(55px);border-radius:48px;background:linear-gradient(145deg,rgba(30,37,47,.96),rgba(10,13,18,.98));border:1px solid #36404d;box-shadow:0 35px 100px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;z-index:7}.engine-core:after{content:"";position:absolute;inset:-1px;border-radius:48px;padding:1px;background:linear-gradient(140deg,rgba(199,255,61,.7),transparent 35%,transparent 70%,rgba(46,216,195,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.engine-core img{width:64px;height:64px;border-radius:18px;margin-bottom:13px;box-shadow:0 0 35px rgba(199,255,61,.08)}.engine-core small{font-size:8px;letter-spacing:.18em;color:#707b89;font-weight:900}.engine-core b{font-size:18px;line-height:1.18;margin-top:8px;letter-spacing:-.02em}.core-status{margin-top:16px;display:flex;align-items:center;gap:7px;font-size:8px;color:#74808d}.core-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px rgba(199,255,61,.7);animation:pulse 2s infinite}
.engine-card{position:absolute;width:260px;min-height:200px;border-radius:24px;background:linear-gradient(160deg,rgba(24,30,39,.96),rgba(11,14,19,.98));border:1px solid #303946;padding:16px;box-shadow:0 25px 70px rgba(0,0,0,.4);z-index:3;opacity:.54;filter:saturate(.65);transition:.5s cubic-bezier(.2,.8,.2,1) transform,.5s opacity,.5s border-color,.5s filter;overflow:hidden}.engine-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.05),transparent 45%);pointer-events:none}.engine-card.active{opacity:1;filter:none;border-color:rgba(199,255,61,.42);z-index:6}.engine-plan{left:10px;top:52px;transform:rotate(-7deg) scale(.91)}.engine-rental{right:-4px;top:112px;transform:rotate(6deg) scale(.88)}.engine-hr{left:32px;bottom:40px;transform:rotate(5deg) scale(.86)}.hero-engine[data-active="plan"] .engine-plan{transform:translate(22px,12px) rotate(-2deg) scale(1.05) translateZ(70px)}.hero-engine[data-active="rental"] .engine-rental{transform:translate(-22px,14px) rotate(1deg) scale(1.05) translateZ(70px)}.hero-engine[data-active="hr"] .engine-hr{transform:translate(35px,-22px) rotate(1deg) scale(1.05) translateZ(70px)}.hero-engine[data-active="rental"] .engine-core,.hero-engine[data-active="hr"] .engine-core{border-color:#3c4654}.engine-card-head{display:grid;grid-template-columns:37px 1fr auto;gap:9px;align-items:center}.engine-icon{width:37px;height:37px;border-radius:12px;background:rgba(199,255,61,.09);border:1px solid rgba(199,255,61,.18);display:grid;place-items:center;color:var(--lime)}.engine-icon.cyan{color:var(--cyan);background:rgba(46,216,195,.09);border-color:rgba(46,216,195,.18)}.engine-icon.violet{color:#a995ff;background:rgba(120,103,242,.11);border-color:rgba(120,103,242,.22)}.engine-icon svg{width:20px;height:20px}.engine-card-head div{display:grid}.engine-card-head small{font-size:7px;letter-spacing:.13em;color:#697583;font-weight:900}.engine-card-head b{font-size:10px;margin-top:2px}.engine-card-head em{font-style:normal;font-size:7px;border:1px solid #343e4b;border-radius:999px;padding:6px 7px;color:#8792a0}.engine-card>a{display:block;margin-top:12px;color:#7b8795;font-size:8px;font-weight:900}.engine-card:hover>a{color:var(--lime)}.engine-calendar{margin-top:14px;display:grid;grid-template-columns:36px 1fr;gap:6px;align-items:stretch}.engine-calendar span{font-size:7px;color:#56616e;padding-top:7px}.engine-calendar i{font-style:normal;border-radius:8px;padding:7px 8px;font-size:7px;font-weight:800;border:1px solid #28313c}.job-lime{background:rgba(199,255,61,.08);color:#cce98d}.job-violet{background:rgba(120,103,242,.11);color:#b5aaff}.job-cyan{background:rgba(46,216,195,.08);color:#87e5da}.engine-fleet{display:grid;gap:6px;margin-top:13px}.engine-fleet>div{display:grid;grid-template-columns:8px 1fr;gap:8px;align-items:center;border:1px solid #252d37;border-radius:9px;padding:7px;background:#11161d}.engine-fleet span{display:flex;justify-content:space-between;align-items:center}.engine-fleet b{font-size:8px}.engine-fleet small{font-size:7px;color:#66727f}.state{width:7px;height:7px;border-radius:50%}.state.ok{background:var(--lime);box-shadow:0 0 10px rgba(199,255,61,.45)}.state.busy{background:#9b89ff;box-shadow:0 0 10px rgba(120,103,242,.45)}.engine-team{display:grid;gap:7px;margin-top:14px}.engine-team>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #242d37;padding:7px 2px}.engine-team b{font-size:8px}.engine-team span{font-size:7px;padding:5px 7px;border-radius:999px}.shift{background:rgba(199,255,61,.08);color:#c9e985}.absence{background:rgba(120,103,242,.15);color:#bcb2ff}.engine-switch{position:absolute;right:8px;bottom:22px;z-index:12;background:rgba(8,11,15,.86);border:1px solid #2b3440;border-radius:999px;padding:5px;display:flex;gap:3px;backdrop-filter:blur(12px)}.engine-switch button{border:0;background:transparent;color:#65717f;padding:8px 11px;border-radius:999px;font-size:8px;font-weight:900;cursor:pointer}.engine-switch button.active{background:var(--lime);color:#111}.engine-caption{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);width:min(430px,80%);text-align:center;color:#6e7987;font-size:9px;line-height:1.45;z-index:11}

.promise-strip{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#0b0e13}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr)}.promise-grid>div{padding:30px 30px 32px;border-right:1px solid rgba(255,255,255,.06)}.promise-grid>div:first-child{padding-left:0}.promise-grid>div:last-child{border-right:0;padding-right:0}.promise-grid strong{display:block;font-size:16px;letter-spacing:-.015em}.promise-grid span{display:block;color:#737e8b;font-size:12px;line-height:1.55;margin-top:8px}

.product-deep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-deep-card{min-height:520px;border-radius:30px;border:1px solid #2b3440;background:linear-gradient(160deg,#151a22,#0d1117);padding:30px;position:relative;overflow:hidden;transition:.35s transform,.35s border-color,.35s box-shadow;display:flex;flex-direction:column}.product-deep-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-150px;top:-140px;background:radial-gradient(circle,rgba(199,255,61,.11),transparent 66%)}.rental-card:before{background:radial-gradient(circle,rgba(46,216,195,.13),transparent 66%)}.hr-card:before{background:radial-gradient(circle,rgba(120,103,242,.15),transparent 66%)}.product-deep-card:hover{transform:translateY(-8px);border-color:#4a5666;box-shadow:0 30px 70px rgba(0,0,0,.24)}.product-card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:62px}.big-sym{width:60px;height:60px;border-radius:18px;border:1px solid rgba(199,255,61,.2);background:rgba(199,255,61,.07);display:grid;place-items:center;color:var(--lime)}.big-sym.cyan{color:var(--cyan);background:rgba(46,216,195,.06);border-color:rgba(46,216,195,.18)}.big-sym.violet{color:#a995ff;background:rgba(120,103,242,.08);border-color:rgba(120,103,242,.2)}.big-sym svg{width:29px;height:29px}.product-no{font:900 44px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#202731}.product-deep-card h3{font-size:31px;line-height:1.05;letter-spacing:-.035em;margin:10px 0 14px}.product-deep-card>p{color:#8792a0;line-height:1.55;font-size:14px}.product-deep-card ul{margin:22px 0 32px;padding:0;list-style:none;display:grid;gap:9px}.product-deep-card li{font-size:12px;color:#a9b3c0;padding-left:18px;position:relative}.product-deep-card li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--lime)}.rental-card li:before{background:var(--cyan)}.hr-card li:before{background:#9c8aff}.deep-link{margin-top:auto;font-size:12px;font-weight:900;color:#eef1f5;display:flex;justify-content:space-between;border-top:1px solid #28313c;padding-top:18px}.deep-link b{color:var(--lime);font-size:18px}.rental-card .deep-link b{color:var(--cyan)}.hr-card .deep-link b{color:#a995ff}

.connected-section{background:linear-gradient(180deg,#0d1015,#11151b)}.connected-flow{border:1px solid #2b3440;border-radius:30px;background:#0a0e13;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.23)}.flow-selector{display:flex;gap:8px;padding:7px;background:#11161d;border-radius:18px}.flow-selector button{border:0;background:transparent;color:#687482;padding:12px 15px;border-radius:12px;font-weight:850;cursor:pointer}.flow-selector button.active{background:#202833;color:#fff;box-shadow:inset 3px 0 var(--lime)}.flow-scenes{min-height:270px;display:grid;place-items:center;padding:40px 24px}.flow-scene{display:none;width:100%;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center}.flow-scene.active{display:grid;animation:flowIn .35s ease-out}@keyframes flowIn{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:none}}.flow-scene>i{font-style:normal;color:#44505e;font-size:25px}.flow-step{border:1px solid #29323d;border-radius:20px;background:#121821;padding:22px;min-height:150px}.flow-step span{font-size:8px;font-weight:950;letter-spacing:.16em;color:var(--lime)}.flow-step b{display:block;font-size:20px;margin-top:30px}.flow-step small{display:block;color:#778391;line-height:1.5;margin-top:7px}.compact-showcase .function-shell{min-height:560px}.compact-showcase .function-panel.active{min-height:560px}.compact-showcase .function-rail{grid-template-columns:1fr}.hr-demo{padding:18px}.hr-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.hr-kpis span{border:1px solid #29323d;border-radius:12px;padding:10px;background:#121820}.hr-kpis small{display:block;color:#687482;font-size:7px}.hr-kpis b{display:block;font-size:18px;margin-top:4px}.hr-row{display:grid;grid-template-columns:1fr auto;gap:4px;border-bottom:1px solid #242c35;padding:11px 3px;align-items:center}.hr-row b{font-size:10px}.hr-row small{grid-row:2;color:#65717e;font-size:7px}.hr-row em{grid-column:2;grid-row:1/3;font-style:normal;font-size:7px;background:rgba(199,255,61,.09);color:#c9e985;padding:6px 8px;border-radius:999px}.hr-row em.violet-pill{background:rgba(120,103,242,.14);color:#b7abff}

.different-section{background:#0a0d12}.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.difference-card{border:1px solid #28313c;border-radius:24px;background:#11161d;padding:26px;min-height:240px}.difference-card>span{font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--lime)}.difference-card h3{font-size:22px;line-height:1.08;margin:44px 0 10px}.difference-card p{color:#7e8996;line-height:1.55;font-size:13px}.difference-card:nth-child(2n)>span{color:var(--cyan)}.difference-card:nth-child(3n)>span{color:#a995ff}

/* Product detail pages */
.product-page .product-hero{position:relative;min-height:740px;padding:115px 0 95px;display:flex;align-items:center;overflow:hidden}.product-hero:before{content:"";position:absolute;right:-180px;top:70px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(199,255,61,.13),rgba(120,103,242,.08) 36%,transparent 70%);pointer-events:none}.rental-page .product-hero:before{background:radial-gradient(circle,rgba(46,216,195,.14),rgba(120,103,242,.05) 38%,transparent 70%)}.hr-page .product-hero:before{background:radial-gradient(circle,rgba(120,103,242,.17),rgba(46,216,195,.05) 38%,transparent 70%)}.product-hero-grid{position:relative;display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}.product-hero h1{font-size:clamp(52px,6.5vw,88px);line-height:.95;letter-spacing:-.055em}.product-hero-visual{min-height:500px;position:relative;display:flex;align-items:center;justify-content:center}.visual-badge{position:absolute;top:7px;right:10px;display:flex;align-items:center;gap:7px;color:#6e7987;font:900 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.visual-badge svg{width:17px;height:17px;color:var(--lime)}.rental-visual .visual-badge svg{color:var(--cyan)}.hr-visual .visual-badge svg{color:#a995ff}.plan-hero-board,.rental-hero-board,.hr-hero-board{width:min(520px,100%);border-radius:31px;border:1px solid #34404d;background:linear-gradient(155deg,#171d26,#090d12);padding:22px;box-shadow:0 45px 100px rgba(0,0,0,.45);transform:rotate(1.2deg);position:relative}.plan-hero-board:before,.rental-hero-board:before,.hr-hero-board:before{content:"";position:absolute;left:45px;right:45px;top:-2px;height:4px;border-radius:9px;background:var(--lime);box-shadow:0 0 25px rgba(199,255,61,.4)}.rental-hero-board:before{background:var(--cyan);box-shadow:0 0 25px rgba(46,216,195,.4)}.hr-hero-board:before{background:#9c8aff;box-shadow:0 0 25px rgba(120,103,242,.4)}.mock-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27313d;padding:5px 2px 16px;gap:12px}.mock-top span{font-size:7px;font-weight:900;letter-spacing:.13em;color:#65717f}.mock-top b{font-size:15px}.mock-top em{font-style:normal;font-size:8px;color:#111;background:var(--lime);border-radius:999px;padding:7px 9px;font-weight:900}.rental-hero-board .mock-top em{background:var(--cyan)}.hr-hero-board .mock-top em{background:#9c8aff;color:white}.mock-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-top:17px}.mock-person{border:1px solid #27313c;border-radius:13px;padding:10px;min-height:220px}.mock-person>strong{font-size:9px;color:#8994a2}.mock-job{display:block;border-radius:9px;padding:10px 8px;margin-top:10px;font-size:8px}.mock-job small{display:block;margin-top:3px;opacity:.65}.mock-job.lime{background:rgba(199,255,61,.10);border:1px solid rgba(199,255,61,.17)}.mock-job.violet{background:rgba(120,103,242,.14);border:1px solid rgba(120,103,242,.2)}.mock-job.cyan{background:rgba(46,216,195,.10);border:1px solid rgba(46,216,195,.17)}.mock-away{display:grid;place-items:center;min-height:155px;margin-top:10px;border:1px dashed #3a4653;border-radius:9px;color:#756a9e;font-size:8px}.mock-alert{display:flex;align-items:center;gap:10px;margin-top:12px;border:1px solid rgba(199,255,61,.18);background:rgba(199,255,61,.055);border-radius:12px;padding:10px}.mock-alert i{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px rgba(199,255,61,.6)}.mock-alert span{display:grid}.mock-alert b{font-size:8px}.mock-alert small{font-size:7px;color:#71808d}.rental-hero-cars{display:grid;gap:9px;margin:18px 0}.rental-hero-cars>div{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:center;border:1px solid #29333f;border-radius:12px;background:#10151c;padding:12px}.rental-hero-cars span{display:grid}.rental-hero-cars b{font-size:10px}.rental-hero-cars small{font-size:7px;color:#65717f}.rental-hero-cars em{font-style:normal;font-size:7px;color:#8ce9de}.rental-timeline{display:flex;align-items:center;gap:8px;justify-content:center;padding:13px 0 3px}.rental-timeline span{font-size:7px;font-weight:900;padding:7px 8px;border:1px solid #2b3541;border-radius:8px}.rental-timeline i{height:1px;width:22px;background:linear-gradient(90deg,#37424f,var(--cyan))}.hr-hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.hr-hero-kpis div{border:1px solid #29323d;background:#10151c;border-radius:12px;padding:12px}.hr-hero-kpis small{font-size:7px;color:#687482}.hr-hero-kpis b{display:block;font-size:19px;margin-top:5px}.hr-hero-list{display:grid;gap:7px}.hr-hero-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #27303a;padding:10px 2px}.hr-hero-list span{font-size:9px;font-weight:800}.hr-hero-list em{font-style:normal;font-size:7px;border-radius:999px;padding:6px 8px}.hr-hero-list .present{background:rgba(199,255,61,.09);color:#c6e982}.hr-hero-list .away{background:rgba(120,103,242,.14);color:#b6abff}
.product-intro{padding-top:90px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.benefit{border:1px solid #29323d;background:#11161d;border-radius:25px;padding:27px;min-height:270px}.benefit>span{font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--lime)}.rental-page .benefit>span{color:var(--cyan)}.hr-page .benefit>span{color:#a995ff}.benefit h3{font-size:23px;margin:53px 0 10px;letter-spacing:-.025em}.benefit p{color:#7e8996;line-height:1.58;font-size:13px}.feature-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.feature-split h2{font-size:clamp(38px,4.6vw,66px);line-height:.98;letter-spacing:-.045em;margin:17px 0}.feature-split p{color:#5f6671;line-height:1.65}.feature-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.feature-checks span{border:1px solid #d8d4cb;background:#f8f6f1;border-radius:13px;padding:12px;font-size:12px;font-weight:800;color:#3e454e}.feature-checks span:before{content:"✓";color:#5f4ff0;margin-right:8px}.steps-visual{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#111419;color:white;border-radius:30px;padding:36px;box-shadow:0 30px 60px rgba(0,0,0,.14)}.steps-visual>div{display:grid;place-items:center;gap:8px;width:78px;height:92px;border:1px solid #303a46;background:#161c24;border-radius:16px}.steps-visual b{font-size:10px;color:var(--lime)}.steps-visual span{font-size:9px;font-weight:850}.steps-visual>i{width:17px;height:1px;background:#46515e}.feature-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.matrix-item{border:1px solid #29323d;background:#11161d;border-radius:22px;padding:24px;min-height:175px}.alt .matrix-item{border-color:#d8d4ca;background:#f8f6f1}.matrix-item b{font-size:17px}.matrix-item p{font-size:12px;color:#7f8996;line-height:1.55;margin:24px 0 0}.alt .matrix-item p{color:#626971}.automation-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.automation-levels article{background:#111419;color:white;border-radius:24px;padding:27px;min-height:260px}.automation-levels span{font-size:9px;font-weight:950;letter-spacing:.13em;color:var(--lime)}.automation-levels h3{font-size:28px;margin:52px 0 10px}.automation-levels p{font-size:13px;line-height:1.55;color:#8893a1}.safety-note{margin-top:15px;border-radius:18px;border:1px solid #d5d1c7;background:#fff;padding:20px 22px;display:flex;gap:18px;align-items:center}.safety-note b{white-space:nowrap}.safety-note span{color:#646b74;line-height:1.5;font-size:12px}.why-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.why-large{border:1px solid #2a333f;background:linear-gradient(145deg,#151a22,#0d1117);border-radius:28px;padding:34px;min-height:240px}.why-large h3{font-size:30px;margin:0 0 60px}.why-large p{color:#84909d;line-height:1.6}.contract-visual{min-height:430px;display:grid;place-items:center;position:relative}.doc-sheet{width:310px;min-height:390px;background:white;color:#15191f;border-radius:6px;padding:30px;box-shadow:0 30px 70px rgba(0,0,0,.18);transform:rotate(3deg)}.doc-sheet small{font-size:8px;font-weight:900;color:#7e858f;letter-spacing:.14em}.doc-sheet b{display:block;font-size:27px;margin:7px 0 5px}.doc-sheet p{font-size:9px!important;color:#808690!important}.doc-sheet span{display:block;font-size:8px;color:#8a9099;margin-top:28px}.doc-sheet strong{display:block;font-size:14px;margin-top:3px}.signature-line{border-bottom:1px solid #bbb;margin-top:52px}.doc-status{position:absolute;right:12%;top:17%;background:var(--cyan);color:#0a1715;border-radius:999px;padding:10px 14px;font-size:9px;font-weight:950;box-shadow:0 10px 25px rgba(46,216,195,.3)}.portal-feature-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}.portal-phone{width:min(340px,100%);margin:auto;border:8px solid #252d37;background:#f3f0ea;color:#171a1f;border-radius:38px;padding:37px 22px 24px;position:relative;box-shadow:0 40px 80px rgba(0,0,0,.35)}.phone-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:80px;height:16px;background:#1c232c;border-radius:0 0 12px 12px}.portal-phone>small{font-size:8px;color:#7b818a;font-weight:900}.portal-phone h3{font-size:27px;margin:7px 0 20px}.phone-field{background:white;border:1px solid #ddd8cf;border-radius:13px;padding:12px;margin-top:9px}.phone-field span{display:block;font-size:8px;color:#767d86}.phone-field b{display:block;margin-top:3px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.photo-grid i{height:52px;background:linear-gradient(145deg,#c9c9c7,#eeece6);border-radius:9px}.portal-phone button{width:100%;border:0;background:#111419;color:white;border-radius:12px;padding:13px;font-weight:900}.portal-copy{display:grid;gap:12px}.absence-calendar{background:#111419;border-radius:30px;padding:30px;color:white;box-shadow:0 35px 70px rgba(0,0,0,.16)}.cal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303944;padding-bottom:16px}.cal-head b{font-size:12px;letter-spacing:.14em}.cal-head span{font-size:9px;color:#7b8694}.cal-row{display:grid;grid-template-columns:70px repeat(6,1fr);gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #242c36}.cal-row b{font-size:9px}.cal-row i{height:34px;border:1px solid #29323d;border-radius:8px}.cal-row i.vac,.cal-row i.sick,.cal-row i.train{font-style:normal;display:grid;place-items:center;font-size:8px;font-weight:900}.cal-row i.vac{background:rgba(120,103,242,.17);color:#c3baff}.cal-row i.sick{background:rgba(255,109,122,.12);color:#ff9ba5}.cal-row i.train{background:rgba(46,216,195,.12);color:#83e9dd}.timeclock-demo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clock-face,.clock-stats{border:1px solid #2a333f;border-radius:28px;background:#11161d;padding:34px}.clock-face{display:flex;flex-direction:column;align-items:center;text-align:center}.clock-face small{font-size:9px;letter-spacing:.15em;color:#747f8c}.clock-face strong{font:900 55px/1 ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:35px}.clock-face>span{font-size:11px;color:#7c8794;margin-top:10px}.clock-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:35px}.clock-actions button{border:1px solid #313b47;background:#171e27;color:#a9b3bf;border-radius:12px;padding:11px;font-size:10px;font-weight:900}.clock-actions button:first-child{background:var(--lime);color:#111;border-color:var(--lime)}.clock-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clock-stats div{border:1px solid #2c3541;border-radius:17px;padding:22px;display:flex;flex-direction:column;justify-content:center}.clock-stats small{color:#707b88;font-size:9px}.clock-stats b{font-size:24px;margin-top:6px}.detail-accordion{border-top:1px solid #303944}.detail-accordion-item{border-bottom:1px solid #303944}.detail-accordion-item button{width:100%;border:0;background:transparent;color:white;padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:850;cursor:pointer;text-align:left}.detail-accordion-item button b{font-size:24px;color:var(--lime);transition:.25s transform}.detail-accordion-item>div{display:grid;grid-template-rows:0fr;transition:.35s grid-template-rows}.detail-accordion-item>div>p{overflow:hidden;margin:0;color:#818c99;line-height:1.6;max-width:840px}.detail-accordion-item.open>div{grid-template-rows:1fr}.detail-accordion-item.open>div>p{padding-bottom:24px}.detail-accordion-item.open button b{transform:rotate(45deg)}.governance-flow{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;background:#111419;color:white;border-radius:28px;padding:34px}.governance-flow span{border:1px solid #303a46;border-radius:12px;padding:14px 16px;font-size:11px;font-weight:900}.governance-flow i{font-style:normal;color:#56616f}

@media(max-width:1050px){.hero-grid-v2,.product-hero-grid{grid-template-columns:1fr}.hero-engine{width:min(690px,100%);margin:30px auto 0}.product-deep-grid,.difference-grid{grid-template-columns:1fr 1fr}.promise-grid{grid-template-columns:1fr}.promise-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.06);padding:24px 0}.flow-scene.active{grid-template-columns:1fr}.flow-scene>i{transform:rotate(90deg);text-align:center}.feature-split,.portal-feature-grid{grid-template-columns:1fr}.product-hero-visual{min-height:470px}.benefit-grid,.feature-matrix,.automation-levels{grid-template-columns:1fr 1fr}.compact-showcase .function-rail{grid-template-columns:repeat(3,1fr)}.timeclock-demo{grid-template-columns:1fr}}
@media(max-width:760px){.navlinks{display:none}.hero-v2{padding-top:72px}.hero-grid-v2{grid-template-columns:1fr}.hero-engine{height:640px;transform:none!important}.engine-lines,.engine-orbit{opacity:.5}.engine-core{width:190px;height:190px}.engine-plan{left:0;top:40px}.engine-rental{right:0;top:150px}.engine-hr{left:10px;bottom:55px}.hero-engine[data-active="plan"] .engine-plan{transform:translate(8px,10px) rotate(-2deg) scale(.94)}.hero-engine[data-active="rental"] .engine-rental{transform:translate(-8px,8px) rotate(1deg) scale(.94)}.hero-engine[data-active="hr"] .engine-hr{transform:translate(10px,-10px) rotate(1deg) scale(.94)}.engine-card{width:225px;min-height:185px}.engine-switch{right:50%;transform:translateX(50%);bottom:12px}.engine-caption{bottom:-20px}.product-deep-grid,.difference-grid,.benefit-grid,.feature-matrix,.automation-levels,.why-row{grid-template-columns:1fr}.product-deep-card{min-height:auto}.product-card-top{margin-bottom:36px}.flow-selector{overflow-x:auto}.flow-selector button{white-space:nowrap}.function-shell{display:block}.compact-showcase .function-rail{grid-template-columns:repeat(3,1fr)}.function-panel,.function-panel.active{min-height:780px}.product-page .product-hero{padding-top:85px}.feature-checks{grid-template-columns:1fr}.steps-visual{justify-content:center}.steps-visual>i{display:none}.safety-note{display:grid}.safety-note b{white-space:normal}.timeclock-demo{grid-template-columns:1fr}.clock-face strong{font-size:42px}.governance-flow{align-items:stretch;flex-direction:column}.governance-flow i{transform:rotate(90deg);text-align:center}.product-hero-visual{min-height:400px}.plan-hero-board,.rental-hero-board,.hr-hero-board{padding:16px}.mock-columns{grid-template-columns:1fr 1fr}.mock-person:last-child{display:none}.cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.hero-engine{height:610px}.engine-core{width:160px;height:160px;padding:18px;border-radius:36px}.engine-core img{width:50px;height:50px}.engine-core b{font-size:14px}.engine-card{width:188px;padding:12px}.engine-plan{top:55px}.engine-rental{top:190px}.engine-hr{bottom:70px}.engine-caption{width:95%}.product-hero-visual{min-height:350px}.mock-top em{display:none}.cal-row{grid-template-columns:55px repeat(6,1fr);gap:3px}.cal-row i{height:28px}.clock-stats{grid-template-columns:1fr 1fr}.product-page .section{padding:78px 0}.section-head{display:grid}.section-head h2{font-size:42px}.product-hero h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){.engine-orbit,.core-status i{animation:none}.hero-engine{transform:none!important}.engine-card{transition:none}.flow-scene.active{animation:none}}


/* =========================================================
   WERKLYX 1.5 — MOBILE + LEGAL + CONSENT LAYER
   ========================================================= */
:root{--safe-bottom:env(safe-area-inset-bottom,0px)}
img,svg,video,canvas{max-width:100%}
button,a,input,select{touch-action:manipulation}
.mobile-nav-toggle,.mobile-drawer{display:none}
.mobile-nav-toggle{width:44px;height:44px;border:1px solid #303844;background:#151a22;color:#fff;border-radius:14px;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mobile-nav-toggle span,.mobile-nav-toggle:before,.mobile-nav-toggle:after{content:"";display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:.2s transform,.2s opacity}
.mobile-nav-toggle span{margin:5px 0}
.mobile-nav-toggle.open:before{transform:translateY(7px) rotate(45deg)}
.mobile-nav-toggle.open span{opacity:0}
.mobile-nav-toggle.open:after{transform:translateY(-7px) rotate(-45deg)}
.mobile-drawer{position:fixed;inset:68px 0 0;z-index:49;background:rgba(13,16,21,.98);backdrop-filter:blur(24px);padding:18px 18px calc(24px + var(--safe-bottom));overflow:auto}
.mobile-drawer.open{display:block}
.mobile-drawer nav{display:grid;gap:8px}
.mobile-drawer nav a{padding:16px;border:1px solid #29313c;border-radius:16px;background:#131820;font-weight:850}
.mobile-drawer .mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.mobile-drawer .btn{justify-content:center}
body.mobile-menu-open{overflow:hidden}

.legal-page{min-height:70vh}
.legal-page h1{max-width:900px}
.legal-page .paper{max-width:980px}
.legal-page h2{font-size:26px;line-height:1.2;margin:36px 0 12px}
.legal-page h3{font-size:18px;margin:26px 0 8px}
.legal-page p,.legal-page li{color:#363b43}
.legal-page ul,.legal-page ol{padding-left:22px}
.legal-page li{margin:7px 0}
.legal-meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.legal-badge{display:inline-flex;align-items:center;border:1px solid #d7d2c7;background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;color:#444a52}
.legal-badge.warn{border-color:#e8cf79;background:#fff6cf;color:#685600}
.legal-placeholder{display:inline-block;background:#fff0bd;color:#674f00;border:1px dashed #c8a21f;border-radius:6px;padding:1px 5px;font-weight:800}
.legal-note{border-left:4px solid #7867f2;background:#ebe7ff;padding:16px 18px;border-radius:0 14px 14px 0;margin:18px 0;color:#41366f}
.legal-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #ddd8cf;border-radius:16px;margin:18px 0}
.legal-table{width:100%;min-width:680px;border-collapse:collapse;background:#fff}
.legal-table th,.legal-table td{padding:13px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #ebe7de;font-size:13px}
.legal-table th{background:#f7f5f0;color:#20242a}
.legal-table tr:last-child td{border-bottom:0}

.cookie-banner{position:fixed;left:18px;right:18px;bottom:calc(18px + var(--safe-bottom));z-index:120;display:none;max-width:1120px;margin:auto;background:#11161d;color:#f5f3ee;border:1px solid #303844;border-radius:22px;box-shadow:0 26px 80px rgba(0,0,0,.48);padding:20px}
.cookie-banner.show{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.cookie-banner h3{margin:0 0 6px;font-size:18px}
.cookie-banner p{margin:0;color:#a7b0bd;font-size:13px;line-height:1.55;max-width:760px}
.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cookie-actions .btn{padding:11px 15px;font-size:13px}
.cookie-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:129;display:none;align-items:center;justify-content:center;padding:18px}
.cookie-modal-backdrop.show{display:flex}
.cookie-modal{width:min(680px,100%);max-height:min(760px,90vh);overflow:auto;background:#f4f1ea;color:#16191e;border-radius:26px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.cookie-modal-head{display:flex;align-items:start;justify-content:space-between;gap:16px}
.cookie-modal h2{margin:0;font-size:28px}
.cookie-close{width:38px;height:38px;border-radius:12px;border:1px solid #d4d0c6;background:white;cursor:pointer;font-size:22px}
.cookie-category{border-top:1px solid #d8d4ca;padding:18px 0;display:grid;grid-template-columns:1fr auto;gap:16px}
.cookie-category:first-of-type{margin-top:18px}
.cookie-category h3{margin:0 0 6px;font-size:16px}.cookie-category p{margin:0;color:#676d75;font-size:13px;line-height:1.5}
.cookie-switch{width:46px;height:27px;border-radius:999px;background:#c8c7c3;position:relative;border:0;cursor:pointer}
.cookie-switch:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s transform}
.cookie-switch.on{background:#111419}.cookie-switch.on:after{transform:translateX(19px)}
.cookie-switch[disabled]{opacity:.55;cursor:not-allowed}.cookie-switch.required{background:#111419}.cookie-switch.required:after{transform:translateX(19px)}
.cookie-modal-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}
.cookie-settings-link{cursor:pointer}

.checkout-legal-box{margin-top:26px;border:1px solid #303844;border-radius:18px;padding:18px;background:#10151c;display:grid;gap:12px}
.checkout-legal-box .legalcheck a{text-decoration:underline;text-underline-offset:3px}
.b2b-hint{padding:12px 14px;border-radius:14px;background:rgba(120,103,242,.09);border:1px solid rgba(120,103,242,.23);color:#c8c1ff;font-size:12px;line-height:1.5}

@media(max-width:900px){
  .mobile-nav-toggle{display:block}.nav .actions{display:none}.navin{gap:12px}
  .navin>.brand{min-width:0}.brand-logo img{max-width:152px!important;height:auto!important}
  .hero,.hero-v2,.product-hero{overflow:hidden}
  .legal-page{padding-top:48px}.legal-page h1{font-size:clamp(40px,10vw,58px)}
  .cookie-banner.show{grid-template-columns:1fr}.cookie-actions{justify-content:flex-start}
}
@media(max-width:600px){
  .wrap{width:calc(100% - 28px)}
  .navin{height:68px}.brand-logo img{width:138px!important;max-height:32px!important}
  .hero h1,.hero-v2 h1,.product-hero h1{font-size:clamp(42px,13vw,58px)!important;line-height:.98}
  .lede{font-size:17px;line-height:1.62}
  .hero-actions,.cta-actions{display:grid;width:100%}.hero-actions .btn,.cta-actions .btn{justify-content:center;width:100%}
  .micro{gap:10px 14px}
  .section-head h2{font-size:clamp(36px,10vw,46px)!important}
  .product-card,.product-deep-card,.security-card,.arch,.matrix-item,.why-large{padding:22px;border-radius:22px}
  .quote-card,.control-panel,.form-card,.summary-card{border-radius:22px}
  .price-lab{gap:16px}.q-top{display:grid;gap:12px}.q-price{font-size:42px}
  .segment{grid-template-columns:1fr}.segment button{padding:12px}
  .cycle{display:grid;grid-template-columns:1fr 1fr}
  .form-grid,.payment-grid{gap:10px}.field input,.field select{min-height:48px;font-size:16px}
  .payment-grid{grid-template-columns:1fr}.pay-option{min-height:62px}
  .checkout-grid{padding-bottom:65px}.summary-card{order:-1}
  .legal-page .paper{padding:22px 18px;border-radius:20px}.legal-page h2{font-size:22px;margin-top:30px}.legal-page h3{font-size:17px}
  .legal-page p,.legal-page li{font-size:14px;line-height:1.7}
  .footer{padding-bottom:calc(56px + var(--safe-bottom))}.footer-grid{gap:24px}.footer h5{margin-top:8px}
  .cookie-banner{left:10px;right:10px;bottom:calc(10px + var(--safe-bottom));padding:16px;border-radius:18px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.cookie-actions .btn{justify-content:center;margin:0}
  .cookie-modal{padding:20px 16px;border-radius:22px}.cookie-modal h2{font-size:24px}.cookie-category{grid-template-columns:1fr auto}
  .mobile-drawer .mobile-actions{grid-template-columns:1fr}
  .engine-caption{font-size:11px;line-height:1.4}.hero-engine{max-width:100%}
  .product-hero-visual,.contract-visual{min-height:320px}
  .doc-sheet{width:min(280px,88vw);min-height:350px;padding:24px}
  .absence-calendar{padding:18px;border-radius:22px;overflow-x:auto}.absence-calendar>*{min-width:520px}
  .timeclock-demo{gap:10px}.clock-face,.clock-stats{padding:22px;border-radius:22px}
  .function-rail{overflow-x:auto;grid-template-columns:repeat(4,minmax(145px,1fr))!important}.function-rail button{min-width:145px}
  .function-panel,.function-panel.active{min-height:0!important;padding:24px!important}
  .flow-selector{margin-inline:-14px;padding-inline:14px}
  .mock-columns{grid-template-columns:1fr!important}.mock-columns>*:nth-child(n+2){display:none}
}
@media(max-width:390px){
  .brand-logo img{width:126px!important}.mobile-nav-toggle{width:40px;height:40px}
  .hero h1,.hero-v2 h1,.product-hero h1{font-size:40px!important}
  .cookie-actions{grid-template-columns:1fr}
  .clock-stats{grid-template-columns:1fr}
}


/* =========================================================
   WERKLYX 1.6 — BOOKING + MAIL AUTOMATION
   ========================================================= */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:start;padding:34px 0 110px}
.contact-side{position:sticky;top:96px}.automation-list{display:grid;gap:10px;margin:22px 0}.automation-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:14px;border:1px solid #303844;border-radius:15px;background:#10151c}.automation-list b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(199,255,61,.1);color:var(--lime);font-size:12px}.automation-list span{color:#b9c1cc;font-size:13px;line-height:1.45}.contact-consent{margin-top:18px}.field textarea{width:100%;resize:vertical;min-height:150px;background:#0e1319;border:1px solid #303844;color:#f5f3ee;border-radius:14px;padding:14px 15px;font:inherit;line-height:1.5}.field textarea:focus{outline:2px solid rgba(199,255,61,.25);border-color:var(--lime)}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.successbox{border-color:rgba(46,216,195,.35)!important;background:rgba(46,216,195,.08)!important;color:#c9fff7!important}.setup-form{display:grid;gap:12px;margin:18px auto;max-width:520px}.setup-form label{display:grid;gap:8px;text-align:left;color:#aeb6c2;font-size:13px}.setup-form input{min-height:50px;border-radius:14px;border:1px solid #303844;background:#10151c;color:#fff;padding:0 14px;font:inherit}.support-fab{position:fixed;right:18px;bottom:calc(18px + var(--safe-bottom));z-index:80;display:flex;align-items:center;gap:8px;background:#c7ff3d;color:#101319;border-radius:999px;padding:10px 14px 10px 10px;box-shadow:0 16px 46px rgba(0,0,0,.35);font-size:13px;font-weight:900;text-decoration:none}.support-fab span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#111419;color:#c7ff3d;font-size:16px}.cookie-banner.show~.support-fab{bottom:160px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-side{position:static;order:-1}}
@media(max-width:600px){.contact-grid{padding-top:18px}.support-fab{right:10px;bottom:calc(10px + var(--safe-bottom));padding:8px}.support-fab b{display:none}.support-fab span{width:34px;height:34px}.cookie-banner.show~.support-fab{display:none}.setup-form .btn{width:100%;justify-content:center}}