:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06080d;--bg-soft:#0c1118;--surface:#ffffff0e;--surface-strong:#ffffff17;--line:#b3e5ff2b;--line-strong:#59d9ff6b;--text:#eef7fb;--muted:#a8b6c2;--soft:#d2e4ee;--blue:#51a8ff;--cyan:#42e2c3;--amber:#f0c66b;--shadow:0 24px 70px #00000059;--radius:8px;--container:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff07 1px, transparent 1px), var(--bg);min-width:320px;color:var(--text);background-size:72px 72px,72px 72px,auto;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}::selection{background:#42e2c359}::selection{background:#42e2c359}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}main{overflow:hidden}.container{width:min(calc(100% - 40px), var(--container));margin:0 auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06080dc7;border-bottom:1px solid #ffffff14;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.logo{z-index:2;align-items:center;width:clamp(196px,16vw,224px);min-width:clamp(196px,16vw,224px);display:inline-flex;position:relative;overflow:visible}.main-nav{background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex}.main-nav a{min-height:38px;color:var(--muted);border-radius:999px;align-items:center;padding:0 16px;font-size:.92rem;font-weight:650;transition:color .18s,background .18s;display:inline-flex}.main-nav a:hover,.main-nav a.is-active{color:var(--text);background:#ffffff14}.nav-toggle{width:44px;height:44px;color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:background-color .18s,border-color .18s;display:none}.nav-toggle:hover,.nav-toggle:focus-visible,.nav-toggle[aria-expanded=true]{background:#ffffff14;border-color:#ffffff24}.nav-toggle span{background:currentColor;border-radius:999px;width:18px;height:2px;transition:transform .2s,opacity .2s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero-section{isolation:isolate;align-items:center;min-height:calc(100vh - 76px);padding:48px 0 92px;display:grid;position:relative}.hero-section:after{content:"";background:linear-gradient(90deg,#0000,#59d9ff73,#0000);height:1px;position:absolute;inset:auto 0 0}.hero-section__inner{grid-template-columns:minmax(0,.98fr) minmax(420px,.82fr);align-items:center;gap:clamp(44px,6vw,86px);display:grid}.hero-section__visual{border-radius:var(--radius);min-height:clamp(430px,45vw,590px);box-shadow:var(--shadow);background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/58px 58px,linear-gradient(90deg,#ffffff07 1px,#0000 1px) 0 0/58px 58px,linear-gradient(#51a8ff0f,#ffffff03),#06080d;border:1px solid #59d9ff2e;place-items:center;padding:clamp(22px,3vw,38px);display:grid;position:relative;overflow:hidden}.hero-portrait{border-radius:inherit;background:radial-gradient(circle at 74% 34%,#59d9ff26,#0000 40%),radial-gradient(circle at 22% 82%,#42e2c31a,#0000 32%),linear-gradient(120deg,#0000 20%,#59d9ff13,#0000 60%),linear-gradient(#ffffff06,#ffffff02);place-items:end;padding:clamp(22px,4.2vw,58px) 0 0 clamp(22px,4vw,52px);display:grid;position:absolute;inset:0}.hero-portrait__image-wrap{--hero-portrait-height:clamp(430px, 44.9vw, 552px);z-index:1;width:min(95%,455px);height:var(--hero-portrait-height);place-items:end;display:grid;position:absolute;bottom:0;right:0;transform:translate(20px,10px)}.hero-portrait__image-wrap:before{z-index:-1;content:"";background:radial-gradient(circle,#59d9ff1f,#59d9ff06 56%,#0000 72%);border-radius:42% 52% 44% 54%;position:absolute;inset:10% -8% 2% 8%}.hero-portrait__image-wrap img{width:auto;height:var(--hero-portrait-height);filter:drop-shadow(0 28px 44px #0000006b);max-width:none;display:block}.hero-portrait__caption{z-index:2;color:#eef7fbdb;letter-spacing:0;border-left:2px solid #42e2c38f;gap:4px;max-width:min(46%,220px);padding-left:16px;font-size:clamp(.88rem,1.2vw,1rem);font-weight:760;display:grid;position:absolute;bottom:clamp(18px,3vw,42px);left:clamp(20px,3.2vw,40px);right:auto}.hero-portrait__caption:after{content:"Wuhrmann Solutions";color:#a8b6c2d1;font-size:.72rem;font-weight:680}.header-logo-intro{aspect-ratio:1340/400;width:100%;overflow:visible}.header-logo-intro__svg{width:100%;height:100%;display:block;overflow:visible}.header-logo-intro__animated{opacity:0}.header-logo-intro--ready .header-logo-intro__animated{opacity:1}.header-logo-intro__dot{opacity:0;transform-box:fill-box;transform-origin:50%;will-change:transform, opacity;pointer-events:none}.header-logo-intro--ready .header-logo-intro__dot{animation:1.86s cubic-bezier(.26,.74,.18,1) both header-logo-dot-arrive}.header-logo-intro__emblem{opacity:0;transform-box:view-box;transform-origin:205.721px 207.327px;pointer-events:none}.header-logo-intro--ready .header-logo-intro__emblem{animation:.42s 4.46s both header-logo-emblem-in}.header-logo-intro__divider{opacity:0;transform-box:fill-box;transform-origin:bottom;pointer-events:none}.header-logo-intro--ready .header-logo-intro__divider{animation:.46s cubic-bezier(.3,0,.2,1) 4.84s both header-logo-divider-draw}.header-logo-intro__line-pulse{opacity:0;transform-box:fill-box;transform-origin:50%;pointer-events:none}.header-logo-intro--ready .header-logo-intro__line-pulse{animation:.52s ease-out 4.86s both header-logo-line-pulse}.header-logo-intro__text-mask{transform-box:fill-box;transform-origin:0;transform:scaleX(0)}.header-logo-intro--ready .header-logo-intro__text-mask{animation:.72s cubic-bezier(.32,0,.12,1) 5.2s both header-logo-text-reveal}.header-logo-intro__final{opacity:0;pointer-events:none}.header-logo-intro--ready .header-logo-intro__final{animation:.22s 5.94s forwards header-logo-final-swap}.hero-section__content{z-index:2;max-width:680px;position:relative}.hero-section h1{max-width:680px;font-size:clamp(3.5rem,6.2vw,6.45rem)}.eyebrow,.section-kicker{color:var(--cyan);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-weight:780}.eyebrow{font-size:.8125rem}.hero-section .eyebrow{margin-bottom:2px;font-size:.875rem}.section-kicker{font-size:1.1875rem;line-height:1.15}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text);letter-spacing:0;line-height:1.08}h1{max-width:940px;margin-bottom:24px;font-size:clamp(3.2rem,9vw,7.4rem);font-weight:820}h2{margin-bottom:22px;font-size:clamp(2rem,4.2074vw,4.4rem);font-weight:800}h3{margin-bottom:14px;font-size:1.2rem;font-weight:760}p{color:var(--muted)}.hero-section__lead{max-width:680px;color:var(--soft);margin-bottom:34px;font-size:clamp(1.16rem,2vw,1.55rem)}.button-row{flex-wrap:wrap;gap:14px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:760;line-height:1;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{color:#021016;background:linear-gradient(135deg, var(--cyan), var(--blue));box-shadow:0 14px 34px #42e2c32e}.button--secondary{color:var(--text);background:linear-gradient(135deg,#51a8ff29,#42e2c30f),#ffffff12;border-color:#59d9ff6b;box-shadow:0 12px 28px #51a8ff1f,inset 0 1px #ffffff1a}.button__arrow{line-height:1}.page-section{padding:104px 0}.page-section--muted{background:#ffffff06;border-block:1px solid #ffffff0f}.page-section--teaser{background:#0a1118b3;border-block:1px solid #59d9ff24;position:relative}.solution-layout,.teaser-layout,.contact-section__inner,.about-layout{grid-template-columns:minmax(160px,.42fr) minmax(0,1fr);align-items:start;gap:clamp(32px,7vw,92px);display:grid}.teaser-copy,.about-content{max-width:780px}.statement{text-align:center;justify-items:center;max-width:860px;margin:0 auto;display:grid}.statement__lead{max-width:720px}.mission-lead{max-width:820px}.mission-lead span{display:block}.mission-lead span+span{margin-top:2px}.statement__lead.about-teaser__lead{max-width:860px;font-size:clamp(1.0625rem,1.6vw,1.22rem)}.statement .button{margin-top:10px}.statement-portrait{background:radial-gradient(circle at 50% 28%,#59d9ff38,#0000 60%),linear-gradient(160deg,#51a8ff24,#07101999);border:1px solid #59d9ff57;border-radius:50%;width:119px;height:119px;margin-bottom:26px;display:grid;overflow:hidden;box-shadow:0 18px 40px #00000073,0 0 0 7px #42e2c312}.statement-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.teaser-copy p:not(.section-kicker),.large-text,.contact-section p:not(.section-kicker),.subpage-hero p:not(.section-kicker),.section-heading p:not(.section-kicker),.statement__lead,.about-content p:not(.section-kicker){font-size:clamp(1.0625rem,1.6vw,1.22rem)}.section-heading p{max-width:640px}.section-heading{max-width:800px;margin-bottom:38px}#mission-title{color:var(--cyan);font-size:clamp(2rem,4.4031vw,4.6rem)}@media (width>=768px){:is(.section-heading:has(#problem-title),.section-heading:has(#case-benefit-title)){max-width:none}#problem-title,#case-benefit-title{white-space:nowrap}}.card-grid{gap:18px;display:grid}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid .reveal,.benefit-grid .reveal,.benefit-cards .reveal{display:grid}.solution-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:end}.solution-layout h2{font-size:clamp(1.9rem,3.4247vw,3.2rem)}.solution-layout .large-text{margin-bottom:0}.info-card,.contact-panel{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0e;border:1px solid #ffffff1c}.info-card{min-height:230px;padding:26px;transition:transform .22s,border-color .22s}.info-card:hover{border-color:#59d9ff5c;transform:translateY(-4px)}.info-card--compact{min-height:0}.info-card--compact p{font-size:.97rem}.info-card .icon-3d{margin-bottom:22px}.info-card__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.info-card__top .icon-3d{margin-bottom:22px}.info-card--step{min-height:0}.step-num{color:var(--cyan);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.82rem;font-weight:780}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.benefit-item,.trait-grid span{border-radius:var(--radius);min-height:64px;color:var(--soft);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:12px;padding:18px;font-weight:720;display:flex}.benefit-item{min-height:80px}.benefit-item span{background:var(--cyan);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 18px #42e2c366}.trait-grid span:before{content:"";background:var(--cyan);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 18px #42e2c366}.teaser-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(24px,4vw,52px)}.teaser-copy h2{font-size:clamp(1.9rem,3.4vw,3.2rem)}.pipeline{align-items:center;gap:clamp(12px,1.7vw,20px);min-height:300px;display:flex}.pipeline__stage{justify-items:center;gap:13px;min-width:clamp(94px,10vw,132px);display:grid}.pipeline__tile{width:var(--tile-width);height:var(--tile-height);color:#d2e4eec7;background:linear-gradient(135deg,#ffffff21,#ffffff05),#ffffff0d;border:1px solid #ffffff1f;border-radius:7px;place-items:center;animation:5.6s ease-in-out infinite alternate pipeline-float;display:grid}.pipeline__tile svg{width:var(--icon-width,min(42px, 50%));height:var(--icon-height,auto);fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #42e2c338);overflow:visible}.pipeline__tile--bottle{--tile-width:clamp(72px, 7.6vw, 104px);--tile-height:clamp(54px, 5.4vw, 72px);--icon-width:min(30px, 42%)}.pipeline__tile--shirt{--tile-width:clamp(92px, 9.4vw, 128px);--tile-height:clamp(58px, 6.2vw, 84px);--icon-width:min(46px, 48%)}.pipeline__tile--football{--tile-width:clamp(78px, 8.2vw, 112px);--tile-height:clamp(66px, 6.8vw, 94px);--icon-width:min(54px, 62%)}.pipeline__stage--raw .pipeline__tile--bottle{transform:rotate(-6deg)translate(-10px)}.pipeline__stage--raw .pipeline__tile--shirt{animation-delay:1.4s;transform:rotate(4deg)translate(8px)}.pipeline__stage--raw .pipeline__tile--football{animation-delay:2.8s;transform:rotate(-3deg)translate(-7px)}.pipeline__stage--clean .pipeline__tile{--tile-width:clamp(86px, 7.4vw, 104px);--tile-height:clamp(58px, 5.4vw, 72px);--icon-width:clamp(34px, 3.2vw, 40px);--icon-height:clamp(34px, 3.2vw, 40px);color:var(--cyan);background:linear-gradient(135deg,#42e2c32e,#51a8ff1f),#ffffff0f;border-color:#59d9ff4d;transform:none}.pipeline__stage--clean .pipeline__tile:nth-child(2){animation-delay:1.9s}.pipeline__stage--clean .pipeline__tile:nth-child(3){animation-delay:3.4s}.pipeline__track{background:linear-gradient(90deg,#59d9ff14,#59d9ff66,#59d9ff14);flex:clamp(76px,8vw,112px);min-width:clamp(62px,7vw,104px);height:2px;position:relative}.pipeline__pulse{background:var(--cyan);opacity:0;border-radius:50%;width:9px;height:9px;animation:4.8s linear infinite pipeline-pulse;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 16px #42e2c3d9}.pipeline__pulse--late{animation-delay:2.4s}.pipeline__pulse--offset{animation-delay:1.2s}.pipeline__pulse--offset-late{animation-delay:3.6s}.pipeline__node{--pipeline-node-size:clamp(126px, 10.5vw, 132px);flex:0 0 var(--pipeline-node-size);width:var(--pipeline-node-size);aspect-ratio:1;border-radius:var(--radius);text-align:center;background:#071019db;border:1px solid #59d9ff6b;place-items:center;padding:13px;animation:4.8s ease-in-out infinite pipeline-glow;display:grid}.pipeline-logo{aspect-ratio:1;place-items:center;width:100%;max-width:90px;display:grid}.pipeline-logo img{filter:drop-shadow(0 0 20px #42e2c329);width:100%;height:auto;display:block}.contact-section{scroll-margin-top:92px}.contact-section__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}.contact-section h2{font-size:clamp(2rem,3.6vw,3.3rem)}.contact-panel{background:radial-gradient(circle at 18% 0,#42e2c321,#0000 42%),linear-gradient(160deg,#51a8ff1a,#ffffff09),#0a1118c7;border-color:#59d9ff33;justify-self:end;gap:18px;max-width:520px;padding:clamp(30px,3.8vw,42px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff14}.contact-panel:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--blue));opacity:.82;height:2px;position:absolute;inset:0 0 auto}.contact-panel>span{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;background:#42e2c314;border:1px solid #42e2c347;border-radius:999px;justify-self:start;padding:5px 10px;font-size:.78rem;font-weight:780}.contact-panel .button{color:#021016;justify-self:stretch;min-height:54px}.contact-panel .button span{color:inherit;font-size:inherit;font-weight:inherit;text-transform:none}.contact-panel__title{color:var(--text);margin:0;font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:820;line-height:1.1}.contact-panel a:not(.button){color:var(--text);overflow-wrap:anywhere;justify-self:start;margin:-4px 0 6px;font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:780;transition:color .2s}.contact-panel a:not(.button):hover{color:var(--cyan)}.subpage-hero{background:linear-gradient(135deg,#42e2c314,#0000 36%),linear-gradient(90deg,#51a8ff1a,#0000 60%),#ffffff04;border-bottom:1px solid #ffffff14;align-items:end;min-height:62vh;padding:126px 0 132px;display:grid;position:relative}.subpage-hero__inner{width:min(100vw - 40px,940px);max-width:940px;margin-inline:auto}.subpage-hero h1{text-wrap:balance;font-size:clamp(2.7rem,6.458vw,6.1rem)}.subpage-hero--demo h1{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:clamp(2.6rem,5.6vw,4.7rem)}.subpage-hero p.eyebrow{font-size:1.1875rem}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s,transform .7s cubic-bezier(.22,.61,.36,1);transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:none}.hero-points{flex-wrap:wrap;gap:10px 26px;margin:34px 0 0;padding:0;list-style:none;display:flex}.hero-points li{color:var(--soft);align-items:center;gap:9px;font-size:.95rem;font-weight:680;display:flex}.hero-points li:before{content:"";background:var(--cyan);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 14px #42e2c380}.hero-section__content,.hero-section__visual{animation:.9s cubic-bezier(.22,.61,.36,1) both hero-rise}.scroll-cue{z-index:3;cursor:pointer;opacity:.78;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:8px 12px;transition:opacity .25s,transform .25s;animation:.9s cubic-bezier(.22,.61,.36,1) .62s both scroll-cue-rise;display:inline-flex;position:absolute;bottom:clamp(20px,3.4vh,38px);left:50%;transform:translate(-50%)}.scroll-cue:hover,.scroll-cue:focus-visible{opacity:1}.scroll-cue:focus-visible{outline:2px solid var(--cyan);outline-offset:6px;border-radius:16px}.scroll-cue__mouse{border:2px solid #59d9ff8c;border-radius:13px;justify-content:center;width:26px;height:42px;padding-top:7px;display:flex;box-shadow:0 0 18px #42e2c32e}.scroll-cue__wheel{background:var(--cyan);border-radius:4px;width:4px;height:8px;animation:1.9s ease-in-out infinite scroll-cue-wheel}.scroll-cue__chevron{border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);width:9px;height:9px;animation:1.9s ease-in-out infinite scroll-cue-bounce;transform:rotate(45deg)}.scroll-cue__hand{width:30px;color:var(--cyan);filter:drop-shadow(0 0 12px #42e2c340);animation:2s ease-in-out infinite scroll-cue-swipe;display:none}.scroll-cue__hand svg{width:100%;height:auto;display:block}@media (width<=640px){.scroll-cue__mouse,.scroll-cue__chevron{display:none}.scroll-cue__hand{display:block}}.hero-section__visual{animation-delay:.14s}.icon-3d{background:radial-gradient(circle at 30% 22%,#42e2c329,#0000 58%),linear-gradient(160deg,#51a8ff24,#07101966);border:1px solid #59d9ff38;border-radius:16px;flex:none;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 14px 30px #00000059,inset 0 1px #ffffff24}.icon-3d svg{filter:drop-shadow(0 6px 10px #02101673);width:34px;height:34px}.icon-3d--sm{border-radius:13px;width:46px;height:46px}.icon-3d--sm svg{width:27px;height:27px}.case-process{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px;margin:0;padding:0;list-style:none;display:grid;position:relative}.case-process:before{z-index:0;content:"";background:linear-gradient(90deg,#0000,#59d9ff61 10% 90%,#0000);height:2px;position:absolute;top:29px;left:5%;right:5%}.case-process li{z-index:1;align-content:start;gap:16px;display:grid;position:relative}.case-process .icon-3d{z-index:1;background:radial-gradient(circle at 30% 22%,#42e2c329,#0000 58%),linear-gradient(160deg,#51a8ff24,#07101966),#0c1d2b;position:relative}.case-process__copy{gap:4px;display:grid}.case-process h3{margin:2px 0 4px;font-size:1.04rem}.case-process p{margin:0;font-size:.94rem}@property --ba-pos{syntax:"<length-percentage>";inherits:true;initial-value:50%}.ba{aspect-ratio:1820/864;border-radius:var(--radius);max-width:960px;box-shadow:var(--shadow);cursor:ew-resize;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:none;background:#0d1118;border:1px solid #ffffff1f;margin-inline:auto;position:relative;overflow:hidden;container-type:inline-size}.ba__media{position:absolute;inset:0}.ba__media--out{pointer-events:none;animation:.5s forwards ba-fade-out}.ba__layer{position:absolute;inset:0}.ba__layer--before{background:#11161f}.ba__layer--after{left:var(--ba-pos);background:#f6fafc;overflow:hidden}.ba__layer img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;display:block;transform:translateZ(0)}.ba__layer--after img{width:100cqw;position:absolute;top:0;right:0}@keyframes ba-fade-out{0%{opacity:1}to{opacity:0}}.ba__tag{color:var(--soft);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#071019d1;border:1px solid #ffffff29;border-radius:999px;padding:6px 13px;font-size:.72rem;font-weight:780;position:absolute;top:16px;left:16px}.ba__tag--after{color:var(--cyan);border-color:#42e2c380;left:auto;right:16px}.ba__divider{top:0;bottom:0;left:var(--ba-pos);pointer-events:none;background:linear-gradient(#42e2c340,#42e2c3e6,#42e2c340);width:2px;position:absolute;transform:translate(-1px)}.ba__handle{top:50%;left:var(--ba-pos);width:46px;height:46px;color:var(--cyan);pointer-events:none;background:#071019eb;border:1px solid #42e2c3b3;border-radius:50%;justify-content:center;align-items:center;gap:4px;font-size:1.05rem;font-weight:800;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000073}.ba__range{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ba:has(.ba__range:focus-visible) .ba__handle{outline:2px solid var(--cyan);outline-offset:3px}.benefit-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.benefit-card{border-radius:var(--radius);color:var(--soft);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:15px;padding:16px 20px;font-weight:720;transition:transform .22s,border-color .22s;display:flex}.benefit-card:hover{border-color:#59d9ff66;transform:translateY(-3px)}.cta-panel{max-width:880px;box-shadow:var(--shadow);text-align:center;background:radial-gradient(circle at 50% 0,#42e2c31f,#0000 58%),#0a1118cc;border:1px solid #59d9ff3d;border-radius:12px;justify-items:center;margin:0 auto;padding:clamp(48px,7vw,84px) clamp(24px,6vw,88px);display:grid}.cta-panel p:not(.section-kicker){max-width:560px;margin-bottom:30px;font-size:clamp(1.0625rem,1.6vw,1.22rem)}.download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.download-tile{border-radius:var(--radius);color:var(--soft);background:#ffffff08;border:1px dashed #fff3;gap:4px;padding:24px;display:grid}.download-tile strong{font-size:1.08rem}.download-tile>span:not(.badge){color:var(--muted);font-size:.92rem}.badge{color:var(--amber);letter-spacing:.05em;text-transform:uppercase;background:#f0c66b14;border:1px solid #f0c66b6b;border-radius:999px;justify-self:start;margin-bottom:10px;padding:4px 11px;font-size:.7rem;font-weight:780}.notice-stack{gap:14px;max-width:760px;display:grid}.notice{border-radius:var(--radius);background:#51a8ff0f;border:1px solid #59d9ff38;align-items:center;gap:16px;padding:18px 22px;display:flex}.notice--warning{background:linear-gradient(135deg,#f0c66b33,#ef9d4b1c),#1a11079e;border-color:#f0c66b99;padding-left:26px;position:relative;overflow:hidden;box-shadow:0 18px 46px #ef9d4b2e,inset 0 1px #ffffff0f}.notice--warning:before{content:"";background:linear-gradient(180deg, var(--amber), #ef9d4b8c);width:4px;position:absolute;inset:0 auto 0 0}.notice--warning p{color:var(--soft)}.notice--warning .icon-3d{background:radial-gradient(circle at 30% 22%,#f0c66b3d,#0000 58%),linear-gradient(160deg,#ef9d4b2e,#07101966);border-color:#f0c66b6b}.notice p{margin:0;font-size:.98rem}.about-page{scroll-margin-top:92px}.about-page .about-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:end;gap:clamp(36px,5vw,70px)}.about-content{max-width:760px}.about-portrait{aspect-ratio:360/416;border-radius:var(--radius);width:min(360px,82vw);box-shadow:var(--shadow);background:radial-gradient(circle at 50% 32%,#59d9ff33,#0000 36%),linear-gradient(135deg,#42e2c31f,#51a8ff14),#ffffff0d;border:1px solid #59d9ff3d;justify-self:start;place-items:end center;display:grid;position:relative;overflow:hidden}.about-portrait:after{content:"";background:linear-gradient(90deg,#0000,#42e2c3bf,#0000);height:1px;position:absolute;inset:auto 18% 0}.about-portrait img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 36px #00000059);width:92.5%;max-width:none;height:auto;position:relative;transform:scaleX(-1)}.trait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.site-footer{background:#05070b;border-top:1px solid #ffffff14}.site-footer__inner{grid-template-columns:minmax(0,1.4fr) minmax(180px,.7fr) minmax(220px,.9fr);gap:34px;padding:46px 0;display:grid}.footer-title{color:var(--text);margin-bottom:12px;font-weight:780}.site-footer__brand p:not(.footer-title){max-width:32ch;line-height:1.45}.site-footer__nav,.site-footer__contact{align-content:start;gap:8px;display:grid}.site-footer a,.site-footer span{color:var(--muted)}.site-footer a:hover{color:var(--text)}@keyframes header-logo-dot-arrive{0%{opacity:0;filter:drop-shadow(0 0 10px #04edef61);transform:translate(var(--start-x), var(--start-y)) scale(1.62)}10%{opacity:.98;transform:translate(var(--start-x), var(--start-y)) scale(1.48)}48%{filter:drop-shadow(0 0 8px #04edef47);transform:translate(var(--curve-x), var(--curve-y)) scale(1.24)}78%{transform:translate(var(--settle-x), var(--settle-y)) scale(1.08)}to{filter:drop-shadow(0 0 #04edef00);opacity:1;transform:translate(0)scale(1)}}@keyframes header-logo-emblem-in{0%{opacity:0;filter:blur(4px);transform:scale(.985)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes header-logo-divider-draw{0%{opacity:1;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes header-logo-line-pulse{0%{opacity:0;transform:translateY(18px)scaleY(.35)}24%{opacity:.9}to{opacity:0;transform:translateY(-318px)scaleY(1)}}@keyframes header-logo-text-reveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes header-logo-final-swap{to{opacity:1}}@keyframes hero-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes nav-rise{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-cue-rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:.78;transform:translate(-50%)}}@keyframes scroll-cue-wheel{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(11px)}}@keyframes scroll-cue-bounce{0%,to{opacity:.4;transform:rotate(45deg)translate(-2px,-2px)}50%{opacity:1;transform:rotate(45deg)translate(1px,1px)}}@keyframes scroll-cue-swipe{0%{opacity:0;transform:translateY(8px)}25%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes pipeline-float{0%{translate:0 4px}to{translate:0 -4px}}@keyframes pipeline-pulse{0%{opacity:0;left:0%}12%{opacity:1}88%{opacity:1}to{opacity:0;left:100%}}@keyframes pipeline-glow{0%,to{border-color:#59d9ff4d;box-shadow:0 18px 50px #42e2c314}50%{border-color:#59d9ff94;box-shadow:0 18px 62px #42e2c338}}@media (width<=920px){.site-header__inner{min-height:68px;position:relative}.logo{z-index:3}.nav-toggle{z-index:3;display:inline-flex;position:relative}.main-nav{z-index:2;width:100vw;height:100svh;min-height:100svh;max-height:100svh;padding:calc(6rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));overscroll-behavior:contain;box-shadow:none;background:linear-gradient(#111824 0%,#090e16 100%);border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:.58rem;margin:0;display:none;position:fixed;inset:0;overflow-y:auto}.main-nav--open{animation:.22s both nav-rise;display:grid}.main-nav a{isolation:isolate;min-height:3.75rem;color:var(--muted);text-align:center;overflow-wrap:anywhere;border:1px solid #0000;border-radius:10px;justify-content:center;padding:.95rem 1.1rem;font-size:1.06rem;font-weight:650;transition:color .18s,border-color .18s,background .18s;position:relative}.main-nav a:hover,.main-nav a:focus-visible{color:var(--text);background:#151e2b;border-color:#ffffff1a}.main-nav a.is-active{color:var(--text);background:linear-gradient(90deg,#51a8ff2b,#42e2c314);border-color:#59d9ff3d}.main-nav a.is-active:before{background:linear-gradient(180deg, #59d9ff, var(--cyan));content:"";border-radius:0 999px 999px 0;width:3px;height:22px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 14px #42e2c347}.hero-section__inner,.solution-layout,.teaser-layout,.contact-section__inner,.about-layout,.about-page .about-layout{grid-template-columns:1fr}.about-portrait,.contact-panel{justify-self:start}.hero-section{min-height:auto;padding:56px 0}.hero-section__content{display:contents}.hero-section__inner{row-gap:22px}.hero-section__heading .hero-section__lead{margin-bottom:20px}.hero-section__heading{order:1}.hero-section__visual{order:2;width:min(100%,660px);min-height:390px}.hero-section .scroll-cue{order:3;justify-self:center;margin:-4px 0 0;animation:none;position:static;transform:none}.hero-section__actions{flex-direction:column;order:4;display:flex}.hero-section__actions .hero-points{margin-top:0}.hero-section__actions .button-row{order:2;margin-top:26px}.hero-section__heading,.hero-section__actions{max-width:720px;animation:.9s cubic-bezier(.22,.61,.36,1) both hero-rise}.hero-section h1{font-size:clamp(3.1rem,10vw,5.4rem)}.hero-portrait__image-wrap{--hero-portrait-height:clamp(380px, 60vw, 430px);width:min(82%,390px);transform:translate(18px,8px)}.card-grid--three{grid-template-columns:1fr}.card-grid--four,.benefit-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.case-process{grid-template-columns:1fr;gap:30px}.case-process:before{background:linear-gradient(#0000,#59d9ff61 8% 92%,#0000);width:2px;height:auto;inset:8px auto 8px 28px}.case-process li{grid-template-columns:auto 1fr;align-items:start}.pipeline{min-height:230px}.pipeline__node{--pipeline-node-size:112px}.pipeline-logo{max-width:80px}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.container{width:min(calc(100% - 28px), var(--container))}.hero-section__inner{transform:translateY(-32px)}.subpage-hero__inner{width:min(100vw - 28px,940px)}.subpage-hero{align-items:start;min-height:calc(100svh - 69px);padding:48px 0 120px}.logo{width:min(202px,100vw - 108px);min-width:min(202px,100vw - 108px)}.main-nav{padding:calc(5rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));grid-template-columns:1fr;gap:.38rem}.main-nav a{text-align:left;justify-content:flex-start;min-height:3.7rem;padding:.94rem 1.15rem}h1{font-size:clamp(2.9rem,14vw,4.6rem)}h2{font-size:clamp(1.85rem,9vw,3rem)}.page-section{padding:72px 0}.button{width:100%;min-height:52px}.button-row{width:100%}.pipeline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:auto;display:grid}.pipeline__track{display:none}.pipeline__node{--pipeline-node-size:76px}.pipeline__stage--raw .pipeline__tile--bottle,.pipeline__stage--raw .pipeline__tile--shirt,.pipeline__stage--raw .pipeline__tile--football{transform:none}.benefit-grid,.trait-grid,.card-grid--four,.benefit-cards{grid-template-columns:1fr}.hero-section__visual{min-height:340px}.hero-portrait{padding:18px 0 0 18px}.hero-portrait__image-wrap{--hero-portrait-height:clamp(330px, 88vw, 365px);width:min(82%,310px);transform:translate(18px,26px)}.hero-portrait__caption{max-width:44%;font-size:.84rem;bottom:18px;left:18px;right:auto}.pipeline{gap:8px;min-height:190px}.pipeline__stage{gap:8px;min-width:58px}.pipeline__tile--bottle{--tile-width:54px;--tile-height:40px}.pipeline__tile--shirt{--tile-width:64px;--tile-height:44px}.pipeline__tile--football{--tile-width:56px;--tile-height:48px}.pipeline__tile svg{--icon-width:min(28px, 50%)}.pipeline__stage--clean .pipeline__tile{--tile-width:58px;--tile-height:48px;--icon-width:28px;--icon-height:28px}.pipeline__node{--pipeline-node-size:92px;padding:10px}.pipeline-logo{max-width:68px}.download-grid{grid-template-columns:1fr}.hero-points{gap:10px 18px}.ba__tag{font-size:.68rem}.site-footer__inner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.header-logo-intro__animated{opacity:0!important}.header-logo-intro__dot,.header-logo-intro__emblem,.header-logo-intro__divider,.header-logo-intro__line-pulse,.header-logo-intro__text-mask,.header-logo-intro__final{animation:none!important}.header-logo-intro__final{opacity:1!important}.reveal{opacity:1!important;transform:none!important}.hero-section__content,.hero-section__heading,.hero-section__actions,.hero-section__visual{animation:none!important}}
