.feat-art{background:var(--bg);border-radius:16px;place-items:center;height:184px;display:grid;position:relative;overflow:hidden}
.ma{--m:56px;--ivory:#f5f0e6;--pd-ivory:#f5f0e6;--pd-muted:#f5f0e6a8;--pd-glass:#ffffff1f;--pd-accent:#0071e3;color:var(--ivory);font-family:var(--font-sans);background:radial-gradient(55% 110% at 12% 0,#3b5b9ae6,#0000 70%),radial-gradient(50% 100% at 92% 100%,#7a5236d9,#0000 70%),linear-gradient(160deg,#1c2333,#121417);position:absolute;inset:0;overflow:hidden;container-type:inline-size}.ma p{margin:0}.ma-stack{inset:var(--m);flex-direction:column;justify-content:center;gap:12px;display:flex;position:absolute}.ma-lens{margin:calc(-1 * var(--m));padding:var(--m);-webkit-mask-image:linear-gradient(90deg, transparent, #000 calc(var(--m) - 8px), #000 calc(100% - var(--m) + 8px), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 calc(var(--m) - 8px), #000 calc(100% - var(--m) + 8px), transparent);mask-image:linear-gradient(90deg, transparent, #000 calc(var(--m) - 8px), #000 calc(100% - var(--m) + 8px), transparent)}.ma-seg{--sw:calc((100cqw - 2 * var(--m) - 12px) / 4);--s:calc((1 + .3 * var(--zoom)) * (.94 + .06 * var(--wake)));-webkit-backdrop-filter:saturate(160%);backdrop-filter:saturate(160%);height:72px;opacity:var(--wake);transform:translateX(calc(-1 * (var(--pos) - 1.5) * var(--sw) * (1 + .3 * var(--zoom)) * var(--zoom))) scale(var(--s));background:#ffffff1f;border-radius:24px;grid-template-columns:repeat(4,1fr);padding:0 6px;display:grid;position:relative;box-shadow:0 10px 30px #00000040}.ma-thumb{width:var(--sw);background:var(--ivory);translate:calc(var(--pos) * 100%) 0;border-radius:18px;position:absolute;top:6px;bottom:6px;left:6px;box-shadow:0 2px 6px #00000040}.ma-seg>span:not(.ma-thumb){letter-spacing:-.3px;white-space:nowrap;color:#f5f0e6b8;place-items:center;min-width:0;font-size:24px;font-weight:600;display:grid;position:relative}.ma-value{display:none}@container (max-width:520px){.ma-stack{--m:24px}.ma-lens{margin-inline:0;padding-inline:0;-webkit-mask-image:none;mask-image:none}.ma-seg{-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);height:52px;transform:scale(calc(.94 + .06 * var(--wake)));border-radius:18px}.ma-thumb{border-radius:12px}.ma-seg>span:not(.ma-thumb){letter-spacing:0;font-size:13px}.ma-value{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:72px;display:flex}.ma-cap{color:var(--pd-muted);text-wrap:balance;font-size:12px;line-height:16px}.ma-num{font-family:var(--font-rounded);letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:36px;font-weight:600;line-height:40px}.ma-agents{text-align:left;grid-template-columns:auto auto;justify-content:center;column-gap:24px;display:grid}.ma-agents .pd-row{gap:8px}.ma-agents .pd-row+.pd-row{margin-top:0}}@container (max-width:320px){.ma-stack{--m:12px}.ma-seg>span:not(.ma-thumb){font-size:11px}}@media (prefers-reduced-motion:reduce){.ma-seg{transform:none}}
.bv{--m:24px;--ink-0:#000000d9;--low:#ff9f0a;inset:var(--m);font-family:var(--font-sans);color:var(--ink);justify-content:center;align-items:center;display:flex;position:absolute}.bv p{margin:0}.bb{--r:32px;--pad:10px;--ri:calc(var(--r) - var(--pad));--nub-w:9px;--nub-gap:4px;--body:#00000017;--track:transparent;--charge:var(--ink-0);--nub:var(--body);align-items:center;width:100%;height:100%;display:flex}.bb-body{border-radius:var(--r);background:var(--body);flex:1;min-width:0;height:100%;position:relative}.bb-track{inset:var(--pad);border-radius:var(--ri);background:var(--track);position:absolute;overflow:hidden}.bb-fill{width:calc(var(--lvl) * 100%);border-radius:0 var(--ri) var(--ri) 0;background:var(--charge);height:100%;display:block;position:relative}.bb-fill:after{content:"";border-radius:inherit;background:var(--low-fill,var(--low));opacity:0;transition:opacity .34s var(--ease-out);position:absolute;inset:0}.bb[data-low] .bb-fill:after{opacity:1}.bb-nub{width:var(--nub-w);height:34%;margin-left:var(--nub-gap);border-radius:0 var(--nub-w) var(--nub-w) 0 / 0 40% 40% 0;background:var(--nub);flex-shrink:0}.cl-scope[data-theme=dark] .bv{--ink-0:#ffffffe6}.cl-scope[data-theme=dark] .bb{--body:#ffffff21}.bv6{--m:60px}.bv6-cam{transform-origin:62%;align-items:center;gap:10px;width:100%;height:100%;display:flex}.bv6-num{font-family:var(--font-sans);letter-spacing:-.5px;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:34px;font-weight:500;line-height:1}.bv6 .bb{--r:18px;--pad:6px;--nub-w:6px;--nub-gap:3px;--body:#00000042;flex:1;min-width:0}.cl-scope[data-theme=dark] .bv6 .bb{--body:#ffffff4d}@media (max-width:359px){.bv6-num{font-size:30px}}
.mba{color:#fff;background:#0b0f1e url(/images/projects/closia/lp/illus/wallpaper-dawn.webp) 50% 22%/cover no-repeat;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.cl-scope[data-theme=dark] .mba{background-image:url(/images/projects/closia/lp/illus/wallpaper-night.webp)}.mba-slab{align-items:center;gap:20px;font-size:28px;font-weight:500;line-height:1;display:flex}.mba-slab>*{transition:opacity .34s var(--ease-out), transform .34s var(--ease-out)}.mba-slab>[data-off]{opacity:0;transform:translateY(6px)}.mba-item{white-space:nowrap;align-items:center;gap:12px;display:flex}.mba-num{font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.mba-sym{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.mba-sym svg{width:auto;height:22px}.mba-sym>i{background:#30d158;border-radius:999px;width:9px;height:9px;position:absolute;top:-3px;left:-3px}@media (max-width:479px){.mba-slab{gap:12px;font-size:18px}.mba-item{gap:8px}.mba-sym svg{height:14px}.mba-sym>i{width:6px;height:6px;top:-2px;left:-2px}}
.al{--m:24px;padding:var(--m);color:var(--ink);text-align:left;place-items:center;display:grid;position:absolute;inset:0;container-type:inline-size}.al p{margin:0}.al-icon{width:var(--icon,40px);height:var(--icon,40px);flex-shrink:0}.al2{text-align:center;--icon:44px;flex-direction:column;align-items:center;display:flex}.al2-lead{color:var(--ink-subtle);font-size:15px;line-height:20px;margin-top:16px!important}.al2-window{margin-top:2px;display:grid}.al2-reason{letter-spacing:-.025em;white-space:nowrap;grid-area:1/1;font-size:30px;font-weight:600;line-height:38px}@container (max-width:520px){.al2{--icon:40px}.al2-lead{font-size:14px;margin-top:14px!important}.al2-reason{font-size:24px;line-height:30px}}
.sk{min-width:0;transition:translate 90ms var(--ease-out), box-shadow 90ms var(--ease-out), background 90ms var(--ease-out), color 90ms var(--ease-out);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;display:flex}.sk-sym{line-height:1}.sk-label{letter-spacing:.01em;margin-top:.3em;font-weight:500;line-height:1}.sk-magic{border-radius:var(--kr,8px);color:#000c;background:linear-gradient(#fff,#f4f4f6);box-shadow:0 1px #0000001a,0 1px 2px #00000024,0 3px 6px #0000000d}.sk-magic .sk-label{color:#0000009e}.sk-magic[data-down]{background:linear-gradient(#ececef,#e3e3e7);translate:0 2px;box-shadow:0 0 #0000001a,0 .5px 1px #00000029,0 0 #0000}.cl-scope[data-theme=dark] .sk-magic{color:#ffffffe6;background:linear-gradient(#2a2a2e,#222225);box-shadow:0 1px #0009,0 1px 2px #00000080,0 3px 6px #0000004d,inset 0 1px #ffffff0f}.cl-scope[data-theme=dark] .sk-magic .sk-label{color:#ffffffa8}.cl-scope[data-theme=dark] .sk-magic[data-down]{background:linear-gradient(#1a1a1d,#161618);box-shadow:0 0 #0009,0 .5px 1px #00000080,0 0 #0000,inset 0 1px #ffffff08}.s2{--m:24px;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--m), #000 calc(100% - var(--m)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--m), #000 calc(100% - var(--m)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--m), #000 calc(100% - var(--m)), transparent);position:absolute;inset:0;overflow:hidden}.s2-row{--kr:16px;transform-origin:0;will-change:transform;gap:10px;width:404px;height:88px;display:flex;position:absolute;top:50%;left:0}.s2 .sk-sym{font-size:30px;font-weight:400}.s2 .sk:not([data-mod]) .sk-sym{font-size:36px;font-weight:500}.s2 .sk-label{font-size:13px}.s2 .sk-magic[data-down]{translate:0 3px}
.ds{--m:24px;--pd-ivory:#f5f0e6;--pd-muted:#f5f0e6a8;--pd-glass:#ffffff1f;--pd-accent:#0071e3;color:#fff;font-family:var(--font-sans);text-align:left;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.ds p{margin:0}.ds-wall{background:#0b0f1e url(/images/projects/closia/lp/illus/wallpaper-dawn.webp) 50% 58%/cover no-repeat;position:absolute;inset:0}.cl-scope[data-theme=dark] .ds-wall{background-image:url(/images/projects/closia/lp/illus/wallpaper-night.webp)}.ds-black{background:#000;position:absolute;inset:0}.ds-stack{inset:var(--m);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute}.ds-row{-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);width:100%;height:44px;color:var(--pd-ivory);background:#ffffff24;border-radius:22px;flex-shrink:0;align-items:center;gap:10px;padding:6px 11px 6px 6px;font-size:13px;font-weight:500;line-height:18px;display:flex;box-shadow:0 8px 24px #00000038}.ds-row-label{white-space:nowrap;min-width:0}.ds2{--m:16px}.ds2 .ds-stack{gap:12px}.ds2-term{flex-shrink:0;width:100%;height:96px;position:relative}.ds2-glass{-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);background:#18181cb8;border-radius:14px;position:absolute;inset:0;box-shadow:0 8px 24px #00000047}.ds2-bar{align-items:center;gap:6px;height:26px;padding:0 10px;display:flex;position:relative}.ds2-bar i{border-radius:999px;width:9px;height:9px}.ds2-title{color:#ffffffb3;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;inset:0}.ds2-body{font-family:var(--font-mono);white-space:nowrap;gap:4px;padding:2px 12px 0;font-size:11px;line-height:16px;display:grid;position:relative}.ds2-body p{gap:7px;display:flex}.ds2-claude{color:#e08a6a}.ds2-dim{color:#ffffff8c}.ds2-ok{color:#4eba65}.ds2-spin{text-align:center;width:1ch;display:inline-block}
.cl-scope{--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-width:1024px){[data-enter]:not([data-in]),[data-enter]:not([data-in]) [data-enter-item],[data-enter]:not([data-in]) .en-odo>span{opacity:0}[data-enter=title][data-in]{animation:en-title 1.1s var(--ease-expo) backwards}[data-enter=sub][data-in]{animation:en-sub 1s var(--ease-expo) .14s backwards}[data-enter=rise][data-in]{animation:en-rise 1.2s var(--ease-expo) var(--en-delay,.12s) backwards;transform-origin:50% 0}[data-enter][data-in] [data-enter-item]{animation:en-item .9s var(--ease-expo) backwards;animation-delay:calc(var(--en-base,.36s) + var(--i,0) * 70ms)}[data-in] .en-odo>span>span{animation:en-odo 1s var(--ease-expo) backwards;animation-delay:calc(var(--en-base,.38s) + var(--i,0) * 60ms)}}@keyframes en-title{0%{opacity:0;filter:blur(4px);translate:0 40px;-webkit-mask-image:linear-gradient(#000 33%,#0000 66%);mask-image:linear-gradient(#000 33%,#0000 66%);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 300%;mask-size:100% 300%}to{opacity:1;filter:blur();translate:0;-webkit-mask-image:linear-gradient(#000 33%,#0000 66%);mask-image:linear-gradient(#000 33%,#0000 66%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 300%;mask-size:100% 300%}}@keyframes en-sub{0%{opacity:0;filter:blur(4px);translate:0 24px}to{opacity:1;filter:blur();translate:0}}@keyframes en-rise{0%{opacity:0;transform:perspective(1400px)translateY(90px)rotateX(16deg)scale(.94)}to{opacity:1;transform:perspective(1400px)translate(0,0)rotateX(0)scale(1)}}@keyframes en-item{0%{opacity:0;translate:0 32px;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes en-odo{0%{translate:0 140%}to{translate:0}}.en-odo>span{vertical-align:top;margin:-.1em -.16em -.3em;padding:.1em .16em .3em;display:inline-block;overflow:clip}.en-odo>span>span{display:inline-block}@media (prefers-reduced-motion:no-preference){.cl-scope[data-intro] .hero-night{animation:hero-night 2.4s var(--ease-expo) backwards}.cl-scope[data-intro] .hero-in-kicker{animation:hero-kicker 1s var(--ease-expo) .12s backwards}.cl-scope[data-intro] .hero-in-title{animation:en-title 1.3s var(--ease-expo) .22s backwards}.cl-scope[data-intro] .hero-in-sub{animation:en-sub 1.1s var(--ease-expo) .42s backwards}.cl-scope[data-intro] .hero-in-cta>*{animation:en-item 1s var(--ease-expo) .56s backwards}.cl-scope[data-intro] .hero-in-cta>:nth-child(2){animation-delay:.64s}.cl-scope[data-intro] .hero-in-meta{animation:en-sub 1s var(--ease-expo) .72s backwards}.cl-scope[data-intro] .hd-bar{animation:hero-header 1s var(--ease-expo) .35s backwards}}@keyframes hero-night{0%{opacity:0;scale:1.08}to{opacity:1;scale:1}}@keyframes hero-kicker{0%{opacity:0;translate:0 16px;scale:.94}to{opacity:1;translate:0;scale:1}}@keyframes hero-header{0%{opacity:0;translate:0 -14px}to{opacity:1;translate:0}}