:root{--bg:#e8e5df;--surface:#f4f2ee;--ink:#1c1a17;--muted:#6b665e;--line:#1c1a178c;--accent:#8a4b22;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;line-height:1.5;overflow-x:hidden}h1,h2{letter-spacing:-.02em;margin:0 0 .4em;font-weight:650;line-height:1.05}h1{font-size:clamp(2.2rem,6vw,4.6rem)}h2{font-size:clamp(1.7rem,4vw,3rem)}p{margin:0 0 1em}a{color:inherit}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;font-size:.78rem}.lead{color:var(--muted);font-size:clamp(1rem,1.6vw,1.25rem)}.btn{background:var(--ink);color:var(--bg);border-radius:999px;padding:.85em 1.6em;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn:hover{background:var(--accent)}.btn--small{padding:.55em 1.1em;font-size:.9rem}.loader{z-index:50;background:var(--bg);text-align:center;color:var(--muted);place-content:center;gap:14px;font-size:.9rem;display:grid;position:fixed;inset:0}.loader__track{background:#0000001a;width:180px;height:2px;overflow:hidden}.loader__bar{background:var(--ink);transform-origin:0;height:100%;transition:transform .2s;display:block;transform:scaleX(0)}.topbar{z-index:20;position:fixed;top:0;left:0;right:0}.demobar{background:var(--ink);color:var(--bg);justify-content:center;align-items:center;gap:12px;padding:8px clamp(16px,4vw,48px);font-size:.8rem;line-height:1.3;display:flex}.demobar__badge{background:var(--accent);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:2px 8px;font-size:.68rem;font-weight:700}.demobar__text strong{font-weight:650}.demobar__link{color:var(--bg);text-underline-offset:3px;flex:none;font-weight:600}.show-sm{display:none}.nav{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:12px clamp(16px,4vw,48px);display:flex}.nav__logo{letter-spacing:-.01em;font-weight:700;text-decoration:none}.nav__links{align-items:center;gap:24px;font-size:.92rem;display:flex}.nav__links a:not(.btn){color:var(--muted);text-decoration:none}.story{height:100vh;height:100svh;position:relative;overflow:hidden}#gl{width:100%;height:100%;display:block;position:absolute;inset:0}.hero,.step{z-index:5;pointer-events:none;padding:0 clamp(16px,5vw,72px);position:absolute}.hero a,.step a,.step button{pointer-events:auto}.hero{max-width:760px;bottom:9vh;left:0}.scroll-hint{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:1.5rem;font-size:.8rem;display:inline-block}.scroll-hint:after{content:" ↓"}.step{visibility:hidden;opacity:0}.step--left{max-width:460px;top:50%;left:0;transform:translateY(-50%)}.step--left p:last-child{color:var(--muted)}.step--top{top:calc(13vh + 40px);left:0}.step--center{text-align:center;bottom:7vh;left:0;right:0}.labels{z-index:4;pointer-events:none;position:absolute;inset:0}.labels__lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.labels__lines line{stroke:var(--line);stroke-width:1px}.labels__lines circle{fill:var(--surface);stroke:var(--ink);stroke-width:1.5px}.label{visibility:hidden;border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:transform, opacity;width:200px;padding:10px 12px;font-size:.8rem;line-height:1.35;position:absolute;top:0;left:0;box-shadow:0 1px #0000000a,0 8px 24px #0000000f}.label__num{color:var(--accent);letter-spacing:.08em;font-size:.68rem;font-weight:700;display:block}.label__title{margin:2px 0 3px;font-size:.9rem;display:block}.label__text{color:var(--muted)}.config{z-index:6;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);visibility:hidden;opacity:0;pointer-events:none;border-radius:16px;width:min(360px,34vw);max-height:calc(100svh - 150px);padding:22px;position:absolute;top:calc(50% + 45px);right:clamp(16px,3vw,40px);overflow-y:auto;translate:0 -50%;box-shadow:0 1px #0000000a,0 18px 50px #0000001a}.is-configuring .config{pointer-events:auto}.config .eyebrow{margin-bottom:.5rem}.config__title{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.3rem}.config__hint{color:var(--muted);margin-bottom:1rem;font-size:.82rem}.config__zones{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:1.1rem;display:grid}.config__zone{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #00000014;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;font-size:.8rem;display:flex}.config__zone:hover{border-color:#00000040}.config__zone[aria-selected=true]{border-color:var(--ink);background:var(--bg);font-weight:600}.dot{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0000002e}.config__label{justify-content:space-between;gap:8px;margin-bottom:.6rem;font-size:.82rem;display:flex}.config__zone-name{font-weight:600}.config__mat-name{color:var(--muted);text-align:right}.config__swatches{flex-wrap:wrap;gap:9px;display:flex}.swatch{cursor:pointer;border:0;border-radius:50%;width:34px;height:34px;padding:0;transition:transform .15s;position:relative;box-shadow:inset 0 0 0 1px #00000026}.swatch:hover{transform:scale(1.08)}.swatch[aria-checked=true]{outline:2px solid var(--ink);outline-offset:3px}.swatch--custom{background:conic-gradient(#e64b4b,#e6c84b,#5bd16b,#4bb6e6,#7a5be6,#e64bb4,#e64b4b);overflow:hidden}.swatch--custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;inset:0}.config__actions{justify-content:space-between;align-items:center;gap:10px;margin-top:1.3rem;display:flex}.config__reset,.link{font:inherit;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.82rem;text-decoration:underline}.config__reset:hover,.link:hover{color:var(--ink)}button.btn{font:inherit;cursor:pointer;border:0;font-weight:600}.btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.btn--ghost:hover{background:var(--ink);color:var(--bg)}.summary h2{margin-bottom:.6em}.summary__list{max-width:820px;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0 auto 1.4rem;padding:0;font-size:.82rem;list-style:none;display:flex}.summary__list li{align-items:center;gap:6px;display:flex}.summary__list strong{color:var(--ink);font-weight:600}.summary__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;display:flex}.b2b{z-index:1;background:var(--surface);padding:clamp(72px,12vh,140px) clamp(16px,5vw,72px);position:relative}.b2b>*{max-width:1120px;margin-left:auto;margin-right:auto}.b2b__intro{max-width:820px;margin-bottom:3rem;margin-left:0}.b2b h3{letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.05rem}.benefits{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px 32px;margin-bottom:5rem;padding:0;list-style:none;display:grid}.benefits li{border-top:1px solid #0000001f;padding-top:18px}.benefits p{color:var(--muted);font-size:.92rem}.inquiry{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:clamp(24px,5vw,64px);margin-bottom:5rem;scroll-margin-top:120px;display:grid}.inquiry h3{margin-bottom:.8rem;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.15}.inquiry__copy p:not(.eyebrow){color:var(--muted)}.mail{background:#fff;border-radius:12px;font-size:.86rem;overflow:hidden;box-shadow:0 1px #0000000a,0 18px 50px #00000014}.mail__head{color:var(--ink);border-bottom:1px solid #00000014;gap:3px;padding:16px 20px;display:grid}.mail__head span{color:var(--muted);min-width:64px;display:inline-block}.mail__date{color:var(--muted);margin-top:4px;font-size:.78rem}.mail__body{padding:18px 20px 20px}.mail__table{border-collapse:collapse;width:100%;margin:.4rem 0 1rem}.mail__table th,.mail__table td{text-align:left;vertical-align:middle;border-bottom:1px solid #0000000f;padding:6px 0}.mail__table th{color:var(--muted);width:45%;font-weight:500}.mail__table td{align-items:center;gap:8px;font-weight:600;display:flex}.mail__meta{color:var(--muted);margin-bottom:.4rem}.mail__link{word-break:break-all;margin:0}.mail__url{color:var(--accent)}.process{margin-bottom:4rem}.process h3{margin-bottom:1.4rem;font-size:clamp(1.3rem,2.4vw,1.8rem)}.process ol{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.process li{counter-increment:step;gap:6px;display:grid}.process li:before{content:counter(step, decimal-leading-zero);color:var(--accent);letter-spacing:.08em;font-size:.75rem;font-weight:700}.process span{color:var(--muted);font-size:.9rem}.variants{border-radius:var(--radius);background:#00000014;border:1px solid #00000014;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;display:grid;overflow:hidden}.variants>div{background:var(--surface);padding:22px}.variants p{color:var(--muted);margin-bottom:.6rem;font-size:.9rem}.variants a{font-size:.88rem;font-weight:600}.price{color:var(--muted);margin-top:1.4rem}.price strong{color:var(--ink)}.contact{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);max-width:1264px;margin:0 auto;padding:clamp(72px,12vh,140px) clamp(16px,5vw,72px);scroll-margin-top:90px;display:grid;position:relative}.contact__copy p:not(.eyebrow){color:var(--muted)}.contact__info{gap:14px;margin:2rem 0 0;display:grid}.contact__info dt{font-weight:600}.contact__info dd{color:var(--muted);margin:0}.lead-form{grid-template-columns:1fr 1fr;align-content:start;gap:14px 16px;display:grid}.lead-form label{gap:6px;font-size:.82rem;font-weight:600;display:grid}.lead-form .full{grid-column:1/-1}.lead-form input,.lead-form textarea{font:inherit;background:var(--surface);color:var(--ink);border:1px solid #00000029;border-radius:8px;width:100%;padding:11px 12px;font-size:1rem;font-weight:400}.lead-form input:focus,.lead-form textarea:focus{outline:2px solid var(--ink);outline-offset:1px}.lead-form .hp{position:absolute;left:-9999px}.lead-form__foot{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lead-form__status{color:var(--muted);margin:0;font-size:.88rem}.lead-form__status[data-state=error]{color:#b3261e}.lead-form__status[data-state=ok]{color:#2e6b3a}.footer a{color:inherit}.footer span{opacity:.8;margin-top:4px;display:inline-block}.specs,.cta{z-index:1;padding:clamp(64px,12vh,140px) clamp(16px,5vw,72px);position:relative}.specs{background:var(--surface)}.specs__grid{border-radius:var(--radius);background:#00000014;border:1px solid #00000014;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin:2rem 0 0;display:grid;overflow:hidden}.specs__grid div{background:var(--surface);padding:22px}.specs__grid dt{color:var(--muted);font-size:.8rem}.specs__grid dd{margin:4px 0 0;font-size:1.35rem;font-weight:600}.cta{text-align:center}.cta p{color:var(--muted)}.footer{text-align:center;color:var(--muted);padding:28px;font-size:.8rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.nav__links a:not(.btn),.hide-sm{display:none}.show-sm{display:inline}.demobar{justify-content:space-between;gap:8px;font-size:.72rem}.demobar__badge{display:none}.demobar__link{font-size:.72rem}.inquiry,.contact,.lead-form{grid-template-columns:1fr}.label{width:140px;padding:7px 9px;font-size:.7rem}.label__title{font-size:.78rem}.label__text{display:none}.step--left{top:auto;bottom:8vh;transform:none}.config{border-radius:16px 16px 0 0;width:auto;max-height:48svh;padding:16px 16px 20px;inset:auto 0 0;translate:none}.config__hint{display:none}.config__title{margin-bottom:.7rem;font-size:1.1rem}.config__zones{scrollbar-width:none;gap:6px;margin:0 -16px 1rem;padding:0 16px 4px;display:flex;overflow-x:auto}.config__zone{white-space:nowrap;flex:none}.swatch{width:38px;height:38px}.summary__list{display:none}.summary h2{font-size:1.6rem}}