.csx{--stage:var(--color-stage);--stage-deep:#171c10;--cream:var(--color-cream);--sand:var(--color-sand);--ink:var(--color-ink);--ink-soft:var(--color-ink-soft);--brand:var(--color-brand);--brand-light:var(--color-brand-light);--brand-dark:var(--color-brand-dark);--copper:var(--color-accent);--copper-dark:var(--color-accent-dark);--copper-deep:var(--color-accent-deep);--on-stage:var(--color-cream);--on-stage-muted:#f8f6f0a3;--hair:#f8f6f024;--hair-ink:#2c241724;--f-display:var(--font-chivo),system-ui,sans-serif;--f-mono:var(--font-chivo-mono),ui-monospace,Menlo,Consolas,monospace;--ease:cubic-bezier(.16,1,.3,1);--gx:max(clamp(16px,4.2vw,64px),env(safe-area-inset-left,0px));--gxr:max(clamp(16px,4.2vw,64px),env(safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.csx *{box-sizing:border-box}.csx{background:var(--stage-deep);color:var(--on-stage);font-family:var(--f-display);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:clip}.csx img,.csx video,.csx canvas{max-width:100%;display:block}.csx canvas.fill{width:100%;height:100%}.csx a{color:inherit}.csx :focus-visible{outline:2px solid var(--brand-light);outline-offset:3px;border-radius:6px}.csx .wrap{padding-left:var(--gx);padding-right:var(--gxr)}.csx .mono{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}.csx .eyebrow{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-light);align-items:center;gap:.7em;font-size:.74rem;display:flex}.csx .eyebrow:before{content:"";opacity:.7;background:currentColor;width:28px;height:1px}.csx h1,.csx h2,.csx h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:850;line-height:.95}.csx p{margin:0}.csx .lede{color:var(--on-stage-muted);max-width:38ch;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.55}.csx .green{color:var(--brand-light)}.csx .copper{color:var(--copper)}.csx .sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes cs-grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,2%)}80%{transform:translate(5%,5%)}to{transform:translate(0)}}@keyframes cs-pop{0%{opacity:0;transform:scale(.6)rotate(-12deg)}to{opacity:1;transform:none}}.csx .rail{right:max(14px,env(safe-area-inset-right,0px));z-index:80;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.csx .rail a{width:10px;height:10px;transition:all .4s var(--ease);border:1px solid #f8f6f073;border-radius:50%;display:block;position:relative}.csx .rail a.on{background:var(--brand-light);border-color:var(--brand-light);transform:scale(1.25)}.csx .rail a span{opacity:0;pointer-events:none;white-space:nowrap;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--cream);color:var(--ink);transition:all .3s var(--ease);border-radius:6px;padding:5px 9px;font-size:.66rem;position:absolute;top:50%;right:20px;transform:translate(8px,-50%)}.csx .rail a:hover span{opacity:1;transform:translateY(-50%)}@media (max-width:760px){.csx .rail{display:none}}.csx section{position:relative}.csx .fill{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.csx .shade{pointer-events:none;position:absolute;inset:0}.csx .cbtn{cursor:pointer;transition:transform .5s var(--ease),box-shadow .5s var(--ease);border:0;border-radius:999px;align-items:center;gap:.6em;padding:16px 26px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.csx .cbtn-copper{background:var(--copper-dark);color:#fff;box-shadow:0 18px 40px -14px #c2693e99}.csx .cbtn-copper:hover{background:var(--copper-deep)}.csx .cbtn-ghost{color:var(--on-stage);background:0 0;border:1px solid #f8f6f059}.csx .cbtn-ghost:hover{background:#f8f6f014}.csx .cbtn .roll{height:1.3em;line-height:1.3em;display:inline-grid;overflow:hidden}.csx .cbtn .roll span{transition:transform .5s var(--ease);display:block}.csx .cbtn:hover .roll span{transform:translateY(-100%)}.csx .cbtn svg{width:18px;height:18px;transition:transform .5s var(--ease)}.csx .cbtn:hover svg{transform:translate(4px)}.csx .hero{background:var(--stage-deep);height:100svh;overflow:hidden}.csx .hz{--ice:#a9d1e6;--hz-gap:clamp(36px,4.6vw,80px);padding-top:calc(env(safe-area-inset-top,0px) + clamp(104px,13vh,128px));padding-bottom:max(clamp(18px,3.4vh,36px),env(safe-area-inset-bottom,0px));grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2vh,24px);display:grid}.csx .hz>:not(.hz-bg){z-index:1;position:relative}.csx .hz-bg{background:linear-gradient(90deg,#0e181d 0%,#13222a 36%,#1a2417 50%,#29291a 64%,#25250f 100%);position:absolute;inset:0}.csx .hz-bg .glow{filter:blur(20px);border-radius:50%;width:42vw;height:56vh;position:absolute;top:22%}.csx .hz-bg .glow.cold{background:radial-gradient(closest-side,#78b4d74d,#0000);right:50%}.csx .hz-bg .glow.warm{background:radial-gradient(closest-side,#e8b25c38,#0000);left:50%}.csx .hz-bg .seam{background:linear-gradient(#0000 4%,#f8f6f052 22% 80%,#0000 98%);width:1px;position:absolute;top:0;bottom:0;left:50%}.csx .hz-head{justify-items:center;gap:clamp(10px,1.6vh,18px);display:grid}.csx .hz h1{column-gap:var(--hz-gap);letter-spacing:-.05em;grid-template-columns:1fr 1fr;width:100%;font-size:clamp(2.6rem,5.1vw,5.6rem);font-weight:900;line-height:.92;display:grid}.csx .hz h1 .l,.csx .hz h1 .r{padding-bottom:.06em;display:block;overflow:hidden}.csx .hz h1 .l{text-align:right;color:var(--ice)}.csx .hz h1 .r{color:var(--brand-light)}.csx .hz h1 .l>span,.csx .hz h1 .r>span{display:inline-block}.csx .hz-usp{column-gap:var(--hz-gap);width:100%;color:var(--on-stage-muted);grid-template-columns:1fr 1fr;margin:0;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.4;display:grid}.csx .hz-usp .l{text-align:right}.csx .hz-usp b{color:var(--cream);font-weight:700}.csx .hz-mid{justify-content:space-between;align-items:center;gap:24px;min-height:0;display:flex;position:relative}.csx .hz-bag{pointer-events:none;justify-content:center;display:flex;position:absolute;inset:0}.csx .hz-bag .in{height:100%;max-height:640px;position:relative}.csx .hz-bag img{filter:drop-shadow(0 40px 40px #0000008c);width:auto;height:100%;display:block}.csx .hz-bag .mist{z-index:1;filter:blur(14px);pointer-events:none;background:radial-gradient(closest-side,#dcf0ff42,#0000);border-radius:50%;width:52%;height:40%;animation:6s ease-in-out infinite alternate hz-mist;position:absolute;top:6%;left:8%}@keyframes hz-mist{0%{opacity:.45;transform:translate(0)scale(1)}to{opacity:.95;transform:translate(-6%,-12%)scale(1.25)}}.csx .hz-zone{z-index:1;align-content:center;gap:10px;max-width:22rem;display:grid;position:relative}@media (max-width:1180px){.csx .hz-zone{max-width:16rem}.csx .hz-zone .zh{font-size:1.2rem}}.csx .hz-zone.warm{text-align:right;justify-items:end}.csx .hz-zone .k{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem}.csx .hz-zone.cold .k{color:var(--ice)}.csx .hz-zone.warm .k{color:var(--brand-light)}.csx .hz-zone .zh{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.25rem,1.9vw,1.9rem);font-weight:800;line-height:1.12}.csx .hz-zone .zp{color:var(--on-stage-muted);margin:0;font-size:clamp(.92rem,1vw,1.02rem)}.csx .hz-zone ul{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.csx .hz-zone.warm ul{justify-content:flex-end}.csx .hz-zone li{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--hair);border-radius:999px;padding:6px 10px;font-size:.64rem}.csx .hz-bar-wrap{justify-content:center;display:flex}.csx .hz-bar{border:1px solid var(--hair);-webkit-backdrop-filter:blur(10px);background:#12160cd1;border-radius:999px;align-items:center;gap:clamp(14px,2vw,28px);max-width:100%;padding:8px 8px 8px clamp(18px,2vw,28px);display:flex}.csx .hz-bar p{color:var(--on-stage-muted);margin:0;font-size:clamp(.92rem,1.05vw,1.05rem)}.csx .hz-bar p b{color:var(--brand-light);font-weight:700}.csx .hz-bar .cbtn-xl{white-space:nowrap;background:var(--brand-light);color:var(--stage-deep);padding:15px 24px 15px 10px;font-size:clamp(.98rem,1.1vw,1.1rem);animation-name:hz-ring;box-shadow:0 22px 50px -16px #8fb56e99}.csx .hz-bar .cbtn-xl:hover{background:color-mix(in srgb,var(--brand-light) 80%,var(--cream))}.csx .hz-bar .cbtn-tag{background:var(--stage-deep);color:var(--brand-light)}@keyframes hz-ring{0%{box-shadow:0 22px 50px -16px #8fb56e99,0 0 #8fb56e80}70%,to{box-shadow:0 22px 50px -16px #8fb56e99,0 0 0 18px #8fb56e00}}@media (prefers-reduced-motion:reduce){.csx .hz-bar .cbtn-xl{animation:none}}@media (max-width:760px){.csx .hero.hz{height:auto;min-height:100svh;padding-top:calc(env(safe-area-inset-top,0px) + 98px);grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""bag bag""bar bar""cold warm";gap:16px 14px}.csx .hz-head{grid-area:head}.csx .hz{--hz-gap:20px}.csx .hz h1{font-size:clamp(1.9rem,10vw,2.6rem);line-height:.94}.csx .hz-usp{font-size:.92rem;line-height:1.35}.csx .hz-mid{display:contents}.csx .hz-bag{grid-area:bag;position:relative}.csx .hz-bag .in{height:auto}.csx .hz-bar-wrap{grid-area:bar}.csx .hz-zone.cold{padding-left:var(--gx);grid-area:cold}.csx .hz-zone.warm{padding-right:var(--gxr);grid-area:warm}.csx .hz-bag img{height:clamp(220px,36svh,320px)}.csx .hz-zone{gap:6px;max-width:none}.csx .hz-zone .zh{font-size:1.02rem}.csx .hz-zone .zp{display:none}.csx .hz-zone li{padding:5px 8px;font-size:.56rem}.csx .hz-bar{text-align:center;border-radius:22px;flex-direction:column;gap:18px;width:100%;padding:16px}.csx .hz-bar .cbtn-xl{white-space:normal;width:100%;padding:18px 20px}.csx .hz-bg .glow{width:80vw;height:40vh;top:24%}}@media (max-width:760px) and (max-height:700px){.csx .hz-bag img{height:clamp(180px,30svh,260px)}}.csx .marquee{background:var(--brand);color:var(--stage-deep);white-space:nowrap;z-index:3;padding-block:18px;position:relative;overflow:hidden}.csx .marquee .track{gap:0;animation:31.5s linear infinite cs-mq;display:inline-flex}.csx .marquee span{letter-spacing:-.03em;align-items:center;gap:1.1em;padding-right:1.1em;font-size:clamp(1.3rem,2.6vw,2.2rem);font-weight:850;display:inline-flex}.csx .marquee span:after{content:"";background:var(--stage-deep);opacity:.8;border-radius:50%;width:.45em;height:.45em}@keyframes cs-mq{to{transform:translate(-50%)}}.csx .marquee.cream{background:var(--cream);color:var(--ink)}.csx .marquee.cream span:after{background:var(--copper)}.csx .hook{background:var(--stage-deep);padding-block:clamp(110px,18vh,200px) clamp(70px,12vh,140px)}.csx .hook .eyebrow{margin-bottom:34px}.csx .say{letter-spacing:-.045em;text-wrap:balance;max-width:16ch;font-size:clamp(2.3rem,6.4vw,6.4rem);font-weight:850;line-height:.98}.csx .say .w{color:#f8f6f06b;transition:color .25s}.csx .dilemma{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;gap:clamp(24px,4vw,64px);margin-top:clamp(70px,12vh,140px);display:grid}.csx .stage-box{aspect-ratio:16/10;background:#000;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000000b3}.csx .stage-box>*{object-fit:cover;width:100%;height:100%;transition:opacity .7s var(--ease),transform 1.4s var(--ease);position:absolute;inset:0}.csx .stage-box [data-opt]{opacity:0;transform:scale(1.06)}.csx .stage-box[data-state=ja] [data-opt=ja],.csx .stage-box[data-state=nein] [data-opt=nein]{opacity:1;transform:scale(1)}.csx .stage-box[data-state=ja] .base,.csx .stage-box[data-state=nein] .base{opacity:0}.csx .stage-cap{bottom:18px;left:18px;right:18px;z-index:2;flex-wrap:wrap;align-items:center;gap:10px;width:auto;height:auto;display:flex;position:absolute;inset-block-start:auto}.csx .stage-cap .chip{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);border:1px solid var(--hair);background:#171c10b3;border-radius:999px;padding:8px 12px;font-size:.66rem}.csx .dl-side{flex-direction:column;justify-content:space-between;gap:28px;min-width:0;display:flex}.csx .dl-side h3{font-size:clamp(1.6rem,2.6vw,2.4rem)}.csx .choice{gap:12px;display:grid}.csx .choice button{all:unset;cursor:pointer;border:1px solid var(--hair);transition:all .5s var(--ease);background:#f8f6f008;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px 22px;display:grid}.csx .choice button:hover,.csx .choice button[aria-pressed=true]{background:var(--cream);color:var(--ink);border-color:var(--cream);transform:translate(6px)}.csx .choice button:focus-visible{outline:2px solid var(--brand-light);outline-offset:3px}.csx .choice .k{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-size:.7rem}.csx .choice .t{letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.csx .choice .t small{letter-spacing:0;opacity:.7;margin-top:2px;font-size:.9rem;font-weight:400;display:block}.csx .choice .arr{opacity:.6;border:1px solid;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.csx .verdict{color:var(--on-stage-muted);min-height:3.2em;padding-top:14px;font-size:1.05rem;position:relative}.csx .verdict:before{content:"";background:var(--copper);border-radius:2px;width:28px;height:2px;position:absolute;top:0;left:0}.csx .verdict b{color:var(--on-stage)}@media (max-width:900px){.csx .dilemma{grid-template-columns:1fr}}.csx .problem{background:var(--stage-deep);height:100svh;overflow:hidden}.csx .problem .bgimg{filter:saturate(.75)brightness(.55);transform:scale(1.15)}.csx .problem .shade{background:radial-gradient(120% 90% at 70% 40%,#171c1040,#171c10eb 70%)}.csx .problem-in{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);height:100%;padding-top:80px;display:grid;position:relative}.csx .problem h2{font-size:clamp(2.4rem,5.4vw,5.4rem)}.csx .problem .lede{margin-top:22px}.csx .deck{height:min(420px,56vh);position:relative}.csx .ccard{background:var(--cream);color:var(--ink);will-change:transform;border-radius:26px;flex-direction:column;justify-content:space-between;padding:clamp(22px,3vw,38px);display:flex;position:absolute;inset:0;box-shadow:0 40px 80px -30px #000000bf}.csx .ccard:nth-child(2){background:var(--sand)}.csx .ccard:nth-child(3){background:#e4dccb}.csx .ccard:nth-child(4){background:var(--copper);color:#fff}.csx .ccard .num{font-family:var(--f-mono);letter-spacing:.16em;justify-content:space-between;font-size:.74rem;display:flex}.csx .ccard h3{letter-spacing:-.04em;font-size:clamp(1.8rem,3.2vw,3rem)}.csx .ccard p{opacity:.78;max-width:36ch;font-size:1.02rem;line-height:1.5}.csx .ccard .ic{background:#2c241714;border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.csx .ccard:nth-child(4) .ic{background:#ffffff2e}.csx .ccard .ic svg{width:28px;height:28px}.csx .problem-result{z-index:2;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-stage-muted);font-size:.74rem;position:absolute;bottom:clamp(20px,5vh,48px);left:0;right:0}.csx .problem-result b{color:var(--copper);font-weight:500}@media (max-width:900px){.csx .problem-in{grid-template-columns:1fr;align-content:center;gap:28px;padding-top:70px}.csx .deck{height:min(320px,42vh)}.csx .problem .lede{display:none}}.csx .solution{background:radial-gradient(80% 70% at 50% 60%,#3a4529 0%,var(--stage) 45%,var(--stage-deep) 100%);height:100svh;overflow:hidden}.csx .sol-words{text-align:center;z-index:1;place-items:center;display:grid;position:absolute;inset:0}.csx .sol-words h2{letter-spacing:-.06em;font-size:clamp(3rem,13vw,14rem);font-weight:900;line-height:.84}.csx .sol-words h2 span{display:block}.csx .sol-words h2 .o{-webkit-text-stroke:2px var(--brand-light);color:#0000}.csx .sol-bag{z-index:3;filter:drop-shadow(0 50px 60px #0009);aspect-ratio:734/1000;width:min(44vh,66vw);position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.csx .sol-bag .front{width:100%;height:auto;display:block}.csx .sol-bag .top{opacity:0;position:absolute;bottom:0;left:-8%;right:-8%}.csx .sol-bag .top img{width:100%;height:auto;display:block}.csx .sol-tag{letter-spacing:-.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:clamp(.82rem,1.1vw,1rem);font-weight:800;display:flex;position:absolute;box-shadow:0 14px 30px -12px #0009}.csx .sol-tag i{border-radius:50%;width:9px;height:9px}.csx .sol-tag.cold{color:var(--ink);background:linear-gradient(135deg,#eef1f3,#b3bbc2);top:14%;left:6%}.csx .sol-tag.cold i{background:#5b7fa3}.csx .sol-tag.main{background:var(--cream);color:var(--ink);top:9%;right:4%}.csx .sol-tag.main i{background:var(--brand)}.csx .sol-chip{z-index:4;letter-spacing:-.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:14px 20px;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:800;display:flex;position:absolute;top:50%;box-shadow:0 20px 40px -18px #0009}.csx .sol-chip.a{left:var(--gx);background:var(--cream);color:var(--ink)}.csx .sol-chip.b{right:var(--gxr);color:var(--ink);background:linear-gradient(135deg,#e9ecef,#aab2b9)}.csx .sol-chip i{background:var(--brand);border-radius:50%;width:10px;height:10px}.csx .sol-chip.b i{background:#5b7fa3}.csx .sol-eq{z-index:5;text-align:center;justify-items:center;gap:10px;display:grid;position:absolute;bottom:clamp(24px,6vh,60px);left:0;right:0}.csx .sol-eq .pill{background:var(--brand);color:var(--stage-deep);letter-spacing:-.02em;border-radius:999px;padding:12px 22px;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:850}.csx .sol-eq p{color:var(--on-stage);-webkit-backdrop-filter:blur(14px);border:1px solid var(--hair);background:#171c10b8;border-radius:16px;max-width:46ch;padding:12px 18px}.csx .dive{background:#000;height:100svh;overflow:hidden}.csx .dive video{transform-origin:50%}.csx .dive .shade{background:linear-gradient(#0000 65%,#0000008c),linear-gradient(#00000073,#0000 30%)}.csx .dive-say{z-index:3;text-align:center;pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.csx .dive-say h2{text-shadow:0 10px 40px #00000073;font-size:clamp(2.6rem,8vw,8rem)}.csx .dive-say .s2{place-items:center;display:grid;position:absolute;inset:0}.csx .hs{z-index:4;opacity:0;width:min(330px,40vw);position:absolute}.csx .hs .dot{background:var(--cream);border-radius:50%;width:22px;height:22px;margin-bottom:14px;position:relative;box-shadow:0 0 0 8px #f8f6f040}.csx .hs .dot:after{content:"";border:1px solid var(--cream);animation:cs-ping 2s var(--ease) infinite;border-radius:50%;position:absolute;inset:-8px}@keyframes cs-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.csx .hs .box{-webkit-backdrop-filter:blur(16px);border:1px solid var(--hair);background:#171c10c7;border-radius:20px;padding:20px 22px}.csx .hs .box h3{letter-spacing:-.03em;margin-bottom:8px;font-size:1.5rem;line-height:1.05}.csx .hs .box p{color:var(--on-stage-muted);font-size:.95rem;line-height:1.5}.csx .hs .box ul{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.csx .hs .box li{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--hair);border-radius:999px;padding:6px 9px;font-size:.62rem}.csx .hs.l{top:18%;left:clamp(16px,8vw,140px)}.csx .hs.r{bottom:14%;right:clamp(16px,8vw,140px)}.csx .hs.r .dot{margin-left:auto}@media (max-width:760px){.csx .hs{width:min(300px,78vw)}.csx .hs.l{top:14%;left:16px}.csx .hs.r{bottom:10%;right:16px}}.csx .dive-meter{left:var(--gx);z-index:5;font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--on-stage-muted);align-items:center;gap:14px;font-size:.66rem;display:flex;position:absolute;bottom:24px}.csx .dive-meter i{background:#f8f6f033;width:120px;height:2px;display:block;position:relative;overflow:hidden}.csx .dive-meter i b{background:var(--brand-light);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.csx .fold{background:var(--cream);color:var(--ink)}.csx .fold .head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:28px;padding-block:clamp(90px,14vh,160px) clamp(30px,6vh,60px);display:grid}.csx .fold .eyebrow{color:var(--brand-dark)}.csx .fold h2{color:var(--ink);font-size:clamp(2.6rem,6.4vw,6.4rem)}.csx .fold .lede{color:var(--ink-soft)}.csx .fold-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,5vw,90px);padding-bottom:clamp(60px,10vh,120px);display:grid}.csx .fold-media{top:calc(env(safe-area-inset-top,0px) + 90px);background:#111;border-radius:30px;height:calc(100vh - 130px);max-height:760px;position:sticky;overflow:hidden}.csx .fold-media>*{object-fit:cover;clip-path:inset(100% 0 0);width:100%;height:100%;transition:clip-path 1.1s var(--ease);position:absolute;inset:0}.csx .fold-media>.on{clip-path:inset(0)}.csx .fold-media .badge{clip-path:none;z-index:3;background:var(--cream);width:auto;height:auto;color:var(--ink);font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:9px 14px;font-size:.68rem;inset:auto auto 18px 18px}.csx .steps{flex-direction:column;display:flex}.csx .step{border-top:1px solid var(--hair-ink);opacity:.28;min-height:78vh;transition:opacity .6s var(--ease);flex-direction:column;justify-content:center;gap:16px;padding-block:40px;display:flex}.csx .step.on{opacity:1}.csx .step .sn{font-family:var(--f-mono);letter-spacing:.16em;color:var(--brand-dark);font-size:.74rem}.csx .step h3{color:var(--ink);font-size:clamp(2rem,3.6vw,3.4rem)}.csx .step p{color:var(--ink-soft);max-width:40ch;font-size:1.08rem}.csx .feat{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.csx .feat span{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--sand);color:var(--ink);border-radius:999px;padding:8px 12px;font-size:.66rem}@media (max-width:900px){.csx .fold .head,.csx .fold-grid{grid-template-columns:1fr}.csx .fold-media{top:calc(env(safe-area-inset-top,0px) + 70px);z-index:2;height:42vh}.csx .step{min-height:60vh}}.csx .layers{background:var(--stage);height:100svh;overflow:hidden}.csx .layers .shade{background:linear-gradient(90deg,#171c10f5 0%,#171c10db 34%,#171c1040 58%,#171c1000 75%)}.csx .lay-v{object-position:30% 50%;transform:translate(18%)scale(1.05)}@media (max-width:760px){.csx .lay-v{object-position:50% 30%;transform:none}.csx .rpet video{object-position:30% 50%}}.csx .layers-in{z-index:2;flex-direction:column;justify-content:center;gap:28px;max-width:min(560px,100%);height:100%;display:flex;position:relative}.csx .layers h2{font-size:clamp(2.4rem,5.4vw,5.2rem)}.csx .lyr{border-top:1px solid var(--hair);gap:0;display:grid}.csx .lyr>div{border-bottom:1px solid var(--hair);opacity:.3;transition:opacity .5s var(--ease);grid-template-columns:52px 1fr;gap:16px;padding:18px 0;display:grid}.csx .lyr .ln{font-family:var(--f-mono);color:var(--brand-light);padding-top:4px;font-size:.74rem}.csx .lyr h3{letter-spacing:-.02em;font-size:1.35rem;line-height:1.15}.csx .lyr p{color:var(--on-stage-muted);margin-top:4px;font-size:.98rem;line-height:1.5}@media (max-width:760px){.csx .layers .shade{background:linear-gradient(#171c1033 20%,#171c10f2 70%)}.csx .layers-in{justify-content:flex-end;gap:16px;padding-bottom:40px}.csx .lyr>div{padding:12px 0}.csx .lyr p{display:none}}.csx .rpet{background:var(--stage);height:100svh;overflow:hidden}.csx .rpet .shade{background:linear-gradient(#171c10bf,#171c1000 32% 62%,#171c10e6)}.csx .rpet-top{left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 100px);z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute}.csx .rpet h2{font-size:clamp(2.4rem,6vw,6rem)}.csx .rpet h2 .from,.csx .rpet h2 .to{display:inline-block}.csx .rpet-count{font-family:var(--f-mono);letter-spacing:-.04em;color:var(--brand-light);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1}.csx .rpet-count small{letter-spacing:.16em;text-transform:uppercase;color:var(--on-stage-muted);margin-top:8px;font-size:.7rem;display:block}.csx .chain{z-index:2;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid;position:absolute;bottom:clamp(24px,6vh,60px);left:0;right:0}.csx .chain div{opacity:.4;border-top:2px solid #f8f6f02e;min-width:0;padding-top:16px;transition:border-color .4s,opacity .4s}.csx .chain div.on{border-color:var(--brand-light);opacity:1}.csx .chain .cn{font-family:var(--f-mono);letter-spacing:.14em;color:var(--brand-light);font-size:.64rem}.csx .chain .t4{letter-spacing:-.01em;margin:6px 0 0;font-size:clamp(.82rem,1.15vw,1.05rem);font-weight:750;line-height:1.25}@media (max-width:760px){.csx .chain{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}}.csx .macro{background:var(--stage-deep);padding-block:clamp(90px,14vh,170px)}.csx .macro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,90px);display:grid}.csx .macro-img{aspect-ratio:4/5;border-radius:30px;position:relative;overflow:hidden}.csx .macro-img img{object-fit:cover;width:100%;height:120%;position:absolute;inset:-10% 0}.csx .macro h2{font-size:clamp(2.4rem,5.6vw,5.4rem)}.csx .ticks{border-top:1px solid var(--hair);gap:0;margin-top:30px;display:grid}.csx .ticks div{border-bottom:1px solid var(--hair);justify-content:space-between;gap:20px;padding:16px 0;font-size:1.05rem;display:flex}.csx .ticks div span:last-child{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-light);text-align:right;font-size:.72rem}@media (max-width:900px){.csx .macro-grid{grid-template-columns:1fr}.csx .macro-img{aspect-ratio:16/11}}.csx .design{background:var(--sand);color:var(--ink);overflow:hidden}.csx .design-pin{flex-direction:column;justify-content:center;gap:clamp(18px,4vh,40px);height:100svh;padding-top:70px;display:flex}.csx .design .eyebrow{color:var(--brand-dark)}.csx .design-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}.csx .design h2{color:var(--ink);font-size:clamp(2.4rem,6vw,6rem)}.csx .design .lede{color:var(--ink-soft)}.csx .htrack{width:max-content;padding-left:var(--gx);padding-right:var(--gxr);will-change:transform;gap:clamp(14px,2vw,28px);display:flex}.csx .dcard{perspective:900px;flex:none;width:clamp(250px,28vw,400px)}.csx .dcard .in{background:var(--cream);aspect-ratio:4/5;transform-style:preserve-3d;transition:transform .6s var(--ease),box-shadow .6s var(--ease);border-radius:26px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #2c241773}.csx .dcard img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease)}.csx .dcard:hover img{transform:scale(1.05)}.csx .dcard .glare{pointer-events:none;background:radial-gradient(circle at var(--gx2,50%) var(--gy2,50%),#ffffff59,transparent 45%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.csx .dcard:hover .glare{opacity:1}.csx .dcard .cap{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;gap:10px;margin-top:14px;font-size:.68rem;display:flex}.csx .dcard .cap b{color:var(--ink);font-weight:500}.csx .dcard.text .in{background:var(--stage);color:var(--on-stage);flex-direction:column;justify-content:space-between;padding:clamp(22px,3vw,34px);display:flex}.csx .dcard.text h3{font-size:clamp(1.8rem,2.6vw,2.6rem)}.csx .dcard.text ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.csx .dcard.text li{color:var(--on-stage-muted);align-items:baseline;gap:10px;font-size:1rem;display:flex}.csx .dcard.text li:before{content:"";background:var(--brand-light);border-radius:50%;flex:none;width:7px;height:7px;transform:translateY(-2px)}.csx .dcard.text .logos{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-light);font-size:.68rem}.csx .specs{background:var(--cream);color:var(--ink);padding-block:clamp(90px,14vh,170px)}.csx .specs .eyebrow{color:var(--brand-dark)}.csx .specs h2{color:var(--ink);margin-top:20px;font-size:clamp(2.4rem,6vw,6rem)}.csx .spec-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,80px);margin-top:clamp(40px,7vh,80px);display:grid}.csx .drawing{background:var(--sand);border-radius:30px;padding:clamp(16px,3vw,36px)}.csx .drawing svg{width:100%;height:auto;display:block;overflow:visible}.csx .drawing .dim{stroke:var(--ink);stroke-width:1.4px}.csx .drawing .bagline{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round}.csx .drawing .cool{fill:#759c5438;stroke:var(--brand-dark);stroke-width:2px}.csx .drawing .main{fill:#c2693e1f;stroke:var(--copper);stroke-width:2px}.csx .drawing text{font-family:var(--f-mono);letter-spacing:.08em;fill:var(--ink);font-size:13px}.csx .drawing text.big{font-family:var(--f-display);letter-spacing:-.02em;font-size:30px;font-weight:850}.csx .drawing .grp{transition:opacity .4s}.csx .drawing:hover .grp{opacity:.35}.csx .drawing .grp:hover{opacity:1}.csx .kpis{border-top:1px solid var(--hair-ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.csx .kpi{border-bottom:1px solid var(--hair-ink);padding:22px 0}.csx .kpi:nth-child(odd){padding-right:16px}.csx .kpi .v{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,4vw,3.6rem);font-weight:900;line-height:1}.csx .kpi .v small{letter-spacing:0;color:var(--ink-soft);margin-left:4px;font-size:.4em;font-weight:700}.csx .kpi .l{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:8px;font-size:.68rem}.csx .spec-list{gap:0;margin-top:34px;display:grid}.csx .spec-list details{border-bottom:1px solid var(--hair-ink)}.csx .spec-list summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:1.15rem;font-weight:800;list-style:none;display:flex}.csx .spec-list summary::-webkit-details-marker{display:none}.csx .spec-list summary i{border:1px solid var(--hair-ink);width:28px;height:28px;transition:transform .4s var(--ease),background .3s;border-radius:50%;flex:none;place-items:center;display:grid}.csx .spec-list details[open] summary i{background:var(--brand);border-color:var(--brand);color:#fff;transform:rotate(45deg)}.csx .spec-list summary:hover i{background:var(--sand)}.csx .spec-list .body{color:var(--ink-soft);gap:8px;max-width:52ch;padding:0 0 20px;display:grid}@media (max-width:900px){.csx .spec-grid{grid-template-columns:1fr}}.csx .life{background:#000;height:100svh;overflow:hidden}.csx .life .fill{transform:scale(1.2)}.csx .life .shade{background:linear-gradient(#171c100d 25%,#171c108c 55%,#171c10f2 92%)}.csx .life-q{z-index:2;position:absolute;bottom:clamp(40px,10vh,110px);left:0;right:0}.csx .life-q h2{letter-spacing:-.055em;font-size:clamp(2.6rem,7.6vw,8rem)}.csx .life-q h2 span{display:block}.csx .benefits{background:var(--stage-deep);padding-block:clamp(80px,12vh,140px)}.csx .ben-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin-top:40px;display:grid}.csx .ben{border:1px solid var(--hair);transition:border-color .5s,transform .6s var(--ease);border-radius:26px;flex-direction:column;gap:16px;min-width:0;padding:clamp(22px,2.6vw,34px);display:flex;position:relative;overflow:hidden}.csx .ben:before{content:"";opacity:0;height:120%;transition:opacity .6s,transform .8s var(--ease);background:radial-gradient(closest-side,#759c5459,#0000);position:absolute;inset:auto -30% -60%;transform:translateY(40%)}.csx .ben:hover{border-color:#8fb56e99;transform:translateY(-6px)}.csx .ben:hover:before{opacity:1;transform:translateY(0)}.csx .ben>*{position:relative}.csx .ben .who{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-light);font-size:.7rem}.csx .ben h3{letter-spacing:-.03em;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.05}.csx .ben p{color:var(--on-stage-muted);font-size:1rem}.csx .benefits h2{max-width:18ch;font-size:clamp(2.2rem,5vw,4.6rem)}@media (max-width:900px){.csx .ben-grid{grid-template-columns:1fr}}.csx .real{background:var(--stage);padding-block:clamp(90px,14vh,170px);overflow:hidden}.csx .real-grid{grid-template-columns:minmax(0,1fr) minmax(0,.62fr);align-items:center;gap:clamp(24px,5vw,80px);display:grid}.csx .real h2{font-size:clamp(2.4rem,5.6vw,5.4rem)}.csx .phone{aspect-ratio:9/16;background:#000;border-radius:36px;max-height:78vh;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 50px 90px -30px #000c,0 0 0 8px #f8f6f00f}.csx .phone video{object-fit:cover;width:100%;height:100%}.csx .phone .snd{z-index:2;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);border:1px solid var(--hair);cursor:pointer;background:#171c10b3;border-radius:999px;padding:8px 12px;font-size:.62rem;position:absolute;bottom:14px;right:14px}.csx .strip-wrap{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;margin-top:clamp(40px,8vh,80px);overflow:hidden}.csx .strip-wrap.is-drag{cursor:grabbing}.csx .strip-wrap.is-drag figure img{transform:none}.csx .strip{will-change:transform;gap:16px;width:max-content;display:flex}.csx .strip-wrap:focus-visible{outline:2px solid var(--brand-light);outline-offset:-4px}.csx .strip figure{aspect-ratio:3/4;border-radius:20px;flex:none;width:clamp(180px,20vw,280px);margin:0;position:relative;overflow:hidden}.csx .strip img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;transition:transform .8s var(--ease),filter .5s}.csx .strip figure:hover img{filter:saturate(1.1);transform:scale(1.06)}.csx .strip figcaption{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;background:#171c10b3;border-radius:999px;padding:6px 9px;font-size:.6rem;position:absolute;bottom:10px;left:10px}@media (max-width:900px){.csx .real-grid{grid-template-columns:1fr}.csx .phone{width:min(320px,80vw);max-height:70vh}}.csx .cta{background:var(--stage);border-top:1px solid var(--hair);padding-block:clamp(100px,16vh,190px) 40px;position:relative;overflow:hidden}.csx .cta .glow{pointer-events:none;background:radial-gradient(closest-side,#759c5447,#0000);width:70vw;max-width:900px;height:70vw;max-height:900px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.csx .cta-mark{background:var(--cream);border-radius:28px;width:96px;height:96px;margin-bottom:34px;padding:14px;position:relative}.csx .cta h2{letter-spacing:-.06em;font-size:clamp(3rem,10vw,10rem);font-weight:900;line-height:.86;position:relative}.csx .cta-l{will-change:transform;display:block}.csx .cta .sub{color:var(--on-stage-muted);margin-top:26px;font-size:clamp(1.1rem,1.8vw,1.5rem);position:relative}.csx .cta .sub b{color:var(--on-stage)}.csx .cta-row{flex-wrap:wrap;gap:12px;margin-top:48px;display:flex;position:relative}.csx .contact{border-top:1px solid var(--hair);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(60px,10vh,110px);display:grid;position:relative}.csx .contact>div{border-bottom:1px solid var(--hair);min-width:0;padding:24px 20px 24px 0}.csx .contact .k{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-light);margin-bottom:8px;font-size:.66rem}.csx .contact .v{overflow-wrap:anywhere;font-size:1.05rem;line-height:1.45}.csx .copy{all:unset;cursor:pointer;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-stage-muted);border-bottom:1px solid var(--hair);margin-top:8px;font-size:.62rem;display:inline-block}.csx .copy:hover{color:var(--cream)}.csx .foot{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-stage-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:60px;font-size:.66rem;display:flex;position:relative}@media (max-width:900px){.csx .contact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.csx .contact{grid-template-columns:1fr}}.csx .toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--cream);color:var(--ink);z-index:160;transition:transform .5s var(--ease);border-radius:999px;padding:12px 18px;font-weight:700;position:fixed;transform:translate(-50%,140%)}.csx .toast.on{transform:translate(-50%)}.csx .drawing{grid-template-columns:1fr 1fr;gap:clamp(8px,2vw,24px);display:grid}@media (max-width:560px){.csx .drawing{grid-template-columns:1fr}.csx .drawing svg{max-width:340px;margin-inline:auto}}@media (max-width:760px){.csx{font-size:15px}.csx .say{font-size:clamp(2rem,10vw,3.2rem)}.csx .hook{padding-block:96px 64px}.csx .dilemma{gap:22px;margin-top:56px}.csx .stage-box{aspect-ratio:4/3;border-radius:20px}.csx .choice button{gap:12px;padding:16px}.csx .choice .t{font-size:1.08rem}.csx .problem h2{font-size:clamp(1.9rem,8.6vw,2.8rem)}.csx .problem .eyebrow{display:none}.csx .ccard{border-radius:20px}.csx .ccard h3{font-size:1.6rem}.csx .ccard p{font-size:.95rem}.csx .ccard .ic{border-radius:12px;width:44px;height:44px}.csx .problem-result{font-size:.62rem;line-height:1.7}.csx .sol-words h2{font-size:clamp(2.8rem,15vw,5rem)}.csx .sol-chip{padding:10px 14px;font-size:.92rem;top:20%}.csx .sol-bag{width:min(40vh,70vw);bottom:12%}.csx .sol-eq p{padding:10px 14px;font-size:.9rem}.csx .dive-say h2{font-size:clamp(2.4rem,12vw,4rem)}.csx .hs .box{border-radius:16px;padding:14px 16px}.csx .hs .box h3{font-size:1.2rem}.csx .hs .box p{font-size:.85rem}.csx .hs .dot{width:16px;height:16px;margin-bottom:10px}.csx .dive-meter{bottom:max(16px,env(safe-area-inset-bottom,0px))}.csx .fold .head{padding-block:80px 24px}.csx .fold-media{border-radius:20px}.csx .step{min-height:56vh;padding-block:28px}.csx .step h3{font-size:1.7rem}.csx .step p{font-size:1rem}.csx .layers h2{font-size:clamp(2rem,10vw,3rem)}.csx .rpet-top{top:calc(env(safe-area-inset-top,0px) + 76px)}.csx .rpet h2{font-size:clamp(2.1rem,10vw,3.2rem)}.csx .rpet-count{font-size:2rem}.csx .chain .t4{font-size:.78rem}.csx .macro{padding-block:80px}.csx .design-pin{gap:20px;padding-top:64px}.csx .design h2{font-size:clamp(2.1rem,10vw,3.2rem)}.csx .design .lede{font-size:.98rem}.csx .dcard{width:72vw}.csx .specs{padding-block:80px}.csx .specs h2{font-size:clamp(2.1rem,10vw,3.2rem)}.csx .life-q h2{font-size:clamp(2.2rem,11vw,3.6rem)}.csx .life video{object-position:62% 50%}.csx .benefits h2{font-size:clamp(2rem,9vw,3rem)}.csx .real h2{font-size:clamp(2.1rem,10vw,3.2rem)}.csx .cta h2{font-size:clamp(2.8rem,14vw,4.6rem)}.csx .cta-row .cbtn{justify-content:center;width:100%}.csx .marquee{padding-block:12px}.csx .toast{max-width:calc(100% - 32px)}}@media (max-width:760px) and (max-height:700px){.csx .problem-in{gap:16px;padding-top:60px}.csx .deck{height:min(260px,40vh)}.csx .ccard p{display:none}}@media (hover:none),(pointer:coarse){.csx .hz-bar,.csx .stage-cap .chip,.csx .sol-eq p,.csx .hs .box{-webkit-backdrop-filter:none}.csx .hs .box{background:#171c10e6}.csx .sol-eq p{background:#171c10e0}.csx .stage-cap .chip{background:#171c10d9}.csx .hz-bar{background:#12160ceb}}@media (prefers-reduced-motion:reduce){.csx .marquee .track{animation:none}.csx *,.csx :before,.csx :after{transition-property:color,background-color,border-color,opacity,box-shadow,visibility!important}.csx .hs,.csx .hs-dot,.csx .hs-lines line{opacity:1!important}}.csx h1,.csx h2,.csx h3,.csx h4{color:inherit;overflow-wrap:normal}.csx p{text-wrap:pretty}.csx .faq-cs{background:var(--stage-deep);padding-block:clamp(70px,11vh,130px)}.csx .faq-cs h2{max-width:18ch;margin-top:20px;font-size:clamp(2rem,4.6vw,4.2rem)}.csx .faq-list{max-width:960px;margin-top:clamp(28px,5vh,48px)}.csx .faq-list h3{line-height:1.25}.csx .cta-mark img{object-fit:contain;width:100%;height:100%}.csx .contact .v a{text-decoration:none}.csx .contact .v a:hover{color:var(--brand-light)}.csx .hero h1 .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.csx [data-magnetic]{will-change:transform}.csx .hz h1 .l>span,.csx .hz h1 .r>span{animation:cs-lineup 1.2s .15s var(--ease) both}.csx .hz h1 .r>span{animation-delay:.27s}.csx .hz-usp,.csx .hz-zone>*,.csx .hz-bar-wrap{animation:cs-fadeup 1s .5s var(--ease) both}.csx .hz-zone.warm>*{animation-delay:.58s}.csx .hz-bar-wrap{animation-delay:.66s}.csx .hz-bag img{animation:hz-bagin 1.4s .1s var(--ease) both}@keyframes cs-lineup{0%{transform:translateY(110%)}}@keyframes cs-fadeup{0%{opacity:0;transform:translateY(24px)}}@keyframes hz-bagin{0%{opacity:0;transform:translateY(30px)scale(.94)}}@media (prefers-reduced-motion:reduce){.csx .hz h1 .l>span,.csx .hz h1 .r>span,.csx .hz-usp,.csx .hz-zone>*,.csx .hz-bar-wrap,.csx .hz-bag img,.csx .hz-bag .mist{animation:none}}.csx .say{margin:0}.csx .say .w.on{color:var(--on-stage)}.csx .say .w.hl.on{color:var(--brand-light)}.csx .say .w.hl{color:#f8f6f06b}.csx .fold .eyebrow,.csx .design .eyebrow,.csx .specs .eyebrow{color:#495f34}.csx .step{opacity:1}.csx .step .sn{color:#495f34}.csx .step:not(.on) .sn,.csx .step:not(.on) p{color:#6e6656}.csx .step:not(.on) h3{color:#8a8070}.csx .step:not(.on) .feat span{opacity:.75}.csx .lyr>div{opacity:.55}.csx .lyr>div.on{opacity:1}.csx .chain div{opacity:.6}.csx .chain div.on{opacity:1}.csx .rail{gap:0}.csx .rail a{border:0;border-radius:0;place-items:center;width:24px;height:24px;display:grid}.csx .rail a:before{content:"";width:10px;height:10px;transition:all .4s var(--ease);border:1px solid #f8f6f073;border-radius:50%}.csx .rail a.on{background:0 0;transform:none}.csx .rail a.on:before{background:var(--brand-light);border-color:var(--brand-light);transform:scale(1.25)}.csx .rail a span{right:28px}.csx .deck{height:min(470px,60vh)}.csx .ccard{justify-content:flex-start;padding:0;overflow:hidden}.csx .ccard .pimg{flex:1;min-height:0;position:relative}.csx .ccard .pimg img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.csx .ccard .pimg .num{font-family:var(--f-mono);letter-spacing:.16em;color:var(--cream);background:#171c10b8;border-radius:999px;padding:6px 10px;font-size:.7rem;position:absolute;top:14px;left:14px}.csx .ccard .ptxt{padding:clamp(16px,2.2vw,26px)}.csx .ccard h3{font-size:clamp(1.5rem,2.4vw,2.2rem)}.csx .ccard p{margin-top:6px;font-size:1rem}@media (max-width:900px){.csx .deck{height:min(420px,54vh)}}@media (max-width:760px){.csx .ccard h3{font-size:1.35rem}.csx .ccard p{font-size:.92rem}}.csx .drawing.sketch{background:#e9e9e6;margin:0;padding:0;display:block;overflow:hidden}.csx .drawing.sketch img{width:100%;height:auto;display:block}.csx .design-cta{justify-items:start;gap:18px;display:grid}.csx .cbtn-xl{animation:cs-ring 2.6s var(--ease) infinite;gap:.8em;padding:20px 30px 20px 14px;font-size:clamp(1.08rem,1.35vw,1.3rem);box-shadow:0 22px 50px -16px #c2693ebf}.csx .cbtn-tag{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--cream);color:var(--copper-deep);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.62em;display:inline-flex}.csx .cbtn-tag:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite alternate cs-blink}@keyframes cs-ring{0%{box-shadow:0 22px 50px -16px #c2693ebf,0 0 #de8c608c}70%,to{box-shadow:0 22px 50px -16px #c2693ebf,0 0 0 18px #de8c6000}}@keyframes cs-blink{to{opacity:.25}}@media (prefers-reduced-motion:reduce){.csx .cbtn-xl,.csx .cbtn-tag:before{animation:none}}@media (max-width:760px){.csx .cbtn-xl{justify-content:center;padding:18px 20px;font-size:1.02rem;overflow:visible}.csx .cbtn-xl .cbtn-tag{padding:5px 9px;font-size:.6rem;position:absolute;top:-11px;left:18px;box-shadow:0 6px 14px -6px #00000080}}.csx .hs-lines{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.csx .hs-lines line{stroke:var(--cream);stroke-width:1.5px;stroke-dasharray:5 5;opacity:0}.csx .hs-dot{z-index:5;background:var(--cream);opacity:0;pointer-events:none;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 8px #f8f6f040}.csx .hs-dot:after{content:"";border:1px solid var(--cream);animation:cs-ping 2s var(--ease) infinite;border-radius:50%;position:absolute;inset:-8px}.csx .hs.l{left:var(--gx);top:auto;bottom:clamp(56px,11vh,110px)}.csx .hs.r{right:var(--gxr);top:auto;bottom:clamp(56px,11vh,110px);left:auto}@media (max-width:760px){.csx .hs{width:calc(100vw - 32px);max-width:420px}.csx .hs.l{bottom:56px;left:16px}.csx .hs.r{right:16px;top:calc(env(safe-area-inset-top,0px) + 76px);bottom:auto}.csx .hs .box{padding:12px 14px}.csx .hs .box p{display:none}.csx .hs .box h3{margin-bottom:4px;font-size:1.1rem}.csx .hs .box ul{margin-top:6px}}.csx .fold-wipe{--p:0;background:#f3f3f1;position:absolute;inset:0}.csx .fold-wipe canvas{clip-path:none;width:100%;height:100%;display:block;position:absolute;inset:0}.csx .fold-wipe .lbl{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);background:#171c10d1;border-radius:999px;padding:8px 12px;font-size:.66rem;transition:opacity .3s;position:absolute;top:16px}.csx .fold-wipe .lbl.a{opacity:calc(1 - var(--p) * 1.6);left:16px}.csx .fold-wipe .lbl.b{opacity:calc(var(--p) * 1.6 - .2);right:16px}@media (max-width:760px){.csx .fold-wipe .lbl{padding:6px 9px;font-size:.58rem}.csx .fold-wipe .lbl.b{right:10px}.csx .fold-wipe .lbl.a{left:10px}}.csx .fold-stage{display:contents}.csx .fold-prog,.csx .step-media{display:none}@media (max-width:900px) and (prefers-reduced-motion:no-preference){.csx .fold-grid{height:330svh;padding-bottom:0;display:block}.csx .fold-stage{height:100svh;padding-top:calc(env(safe-area-inset-top,0px) + 84px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 22px);flex-direction:column;gap:14px;display:flex;position:sticky;top:0}.csx .fold-grid .fold-media{z-index:auto;border-radius:22px;flex:auto;height:auto;min-height:0;max-height:none;position:relative;top:auto}.csx .fold-prog{flex:none;gap:6px;display:flex}.csx .fold-prog i{background:var(--hair-ink);height:3px;transition:background-color .4s var(--ease);border-radius:3px;flex:1}.csx .fold-prog i.on{background:var(--brand-dark)}.csx .fold-grid .steps{flex:none;display:grid}.csx .fold-grid .step{opacity:0;min-height:0;transition:opacity .45s var(--ease),transform .45s var(--ease);pointer-events:none;border-top:0;grid-area:1/1;gap:10px;padding:0;transform:translateY(14px)}.csx .fold-grid .step.on{opacity:1;pointer-events:auto;transform:none}.csx .fold-grid .step h3{font-size:1.6rem}.csx .fold-grid .step p{max-width:none;font-size:.98rem}.csx .fold-grid .step .feat{margin-top:2px}}@media (max-width:900px) and (prefers-reduced-motion:no-preference) and (max-height:700px){.csx .fold-grid .step p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.csx .fold-grid .step .feat{display:none}}@media (max-width:900px) and (prefers-reduced-motion:reduce){.csx .fold-grid .fold-media{display:none}.csx .step{opacity:1;min-height:0;padding-block:28px}.csx .step:not(.on) h3,.csx .step:not(.on) p,.csx .step:not(.on) .sn{color:inherit}.csx .step-media{aspect-ratio:4/3;background:#111;border-radius:20px;margin-bottom:8px;display:block;position:relative;overflow:hidden}.csx .step[data-i="2"] .step-media{aspect-ratio:1;background:#f4f4f2}.csx .step-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.csx .step-media .badge{z-index:3;background:var(--cream);color:var(--ink);font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:7px 12px;font-size:.62rem;position:absolute;bottom:12px;left:12px}.csx .step[data-i="2"] .step-media .badge{display:none}}@media (prefers-reduced-motion:reduce){.csx .design-pin{height:auto;padding-block:90px 60px}.csx .htrack{scroll-snap-type:x mandatory;width:auto;max-width:100%;padding-bottom:16px;overflow-x:auto}.csx .htrack>*{scroll-snap-align:start}.csx .dive-say .s1{display:none}}.csx .marquee:hover .track,.csx .marquee:focus .track{animation-play-state:paused}.csx .marquee:focus-visible{outline:2px solid var(--brand-light);outline-offset:-4px}.csx .hero-pause{bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:4}.csx .life .hero-pause{z-index:4}