@property --pd-c1{syntax:"<color>";inherits:false;initial-value:#363330}@property --pd-c2{syntax:"<color>";inherits:false;initial-value:#1c1b1a}@property --pd-c3{syntax:"<color>";inherits:false;initial-value:#0f0f0e}@property --pd-halo{syntax:"<color>";inherits:false;initial-value:#f5f0e6}.pd{--pd-ivory:#f5f0e6;--pd-muted:#f5f0e6a8;--pd-glass:#ffffff1f;--pd-glass-hover:#ffffff2e;--pd-track:#ffffff14;--pd-group:#ffffff0f;--pd-accent:#0071e3;--pd-live:#30d158;--pd-stop:#3a3a3c;-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);width:340px;color:var(--pd-ivory);font-family:var(--font-sans);text-align:left;-webkit-font-smoothing:antialiased;background:#1e1e228c;border-radius:24px;padding:6px;box-shadow:0 2px 8px #00000047,0 32px 90px #0000008c}.pd-card{--pd-c1:#363330;--pd-c2:#1c1b1a;--pd-c3:#0f0f0e;--pd-halo:#f5f0e6;isolation:isolate;background:linear-gradient(135deg, var(--pd-c1), var(--pd-c2) 50%, var(--pd-c3));transition:--pd-c1 .6s var(--ease-in-out), --pd-c2 .6s var(--ease-in-out), --pd-c3 .6s var(--ease-in-out), --pd-halo .6s var(--ease-in-out);border-radius:18px;position:relative;overflow:hidden}.pd-card[data-active]{--pd-c1:#1c2638;--pd-c2:#0d121f;--pd-c3:#08090f;--pd-halo:#2f6fe0}.pd-halo{z-index:-1;background:var(--pd-halo);filter:blur(70px);opacity:.1;width:220px;height:220px;transition:opacity .6s var(--ease-in-out);pointer-events:none;border-radius:50%;position:absolute;top:-150px;right:-70px}.pd-card[data-active] .pd-halo{opacity:.45}@media (prefers-reduced-motion:no-preference){.pd-card[data-active] .pd-halo{animation:pd-breath 1.6s var(--ease-in-out) infinite alternate}}@keyframes pd-breath{0%{opacity:.3}to{opacity:.55}}.pd-body{padding:16px}@media (prefers-reduced-motion:no-preference){.pd-swap{animation:pd-swap .34s var(--ease-out) both}}@keyframes pd-swap{0%{opacity:0;filter:blur(6px);transform:scale(.98)}to{opacity:1;filter:blur();transform:none}}.pd-head{justify-content:center;align-items:center;height:32px;display:flex;position:relative}.pd-gear{background:var(--pd-glass);width:32px;height:32px;color:var(--pd-ivory);transition:background-color .15s var(--ease-out), scale .15s var(--ease-out);border-radius:999px;place-items:center;display:grid;position:absolute;right:0}.pd-seg{background:var(--pd-track);border-radius:12px;margin-top:16px;padding:0;display:flex;position:relative}.pd-seg-thumb{background:var(--pd-ivory);transition:transform .34s var(--ease-out), width .34s var(--ease-out);border-radius:8px;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 1px 2px #0003}.pd-seg button{z-index:1;white-space:nowrap;height:36px;color:var(--pd-muted);transition:color .15s var(--ease-out);border-radius:12px;flex:auto;padding:0 14px;font-size:12px;font-weight:500;position:relative}.pd-seg button:hover{color:var(--pd-ivory)}.pd-seg button[aria-checked=true]{color:#1c1b1a;font-weight:600}.pd-value{flex-direction:column;align-items:center;margin-top:16px;display:flex}.pd-caption{color:var(--pd-muted);font-size:12px;line-height:16px}.pd-big{font-family:var(--font-rounded);letter-spacing:-1.5px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px;font-size:52px;font-weight:600;line-height:60px}.pd-stepper{gap:2px;margin-top:12px;display:flex}.pd-step{background:var(--pd-glass);width:64px;height:36px;color:var(--pd-ivory);transition:background-color .15s var(--ease-out), scale .15s var(--ease-out), opacity .15s var(--ease-out);touch-action:manipulation;-webkit-user-select:none;user-select:none;place-items:center;display:grid}.pd-step:first-child{border-radius:12px 4px 4px 12px}.pd-step:last-child{border-radius:4px 12px 12px 4px}.pd-step:hover:not(:disabled){background:var(--pd-glass-hover)}.pd-step:active:not(:disabled){scale:.96}.pd-step:disabled{color:#f5f0e64d}.pd-unlimited{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:20px;padding:8px 0;display:flex}.pd-group{background:var(--pd-group);border-radius:12px;margin-top:16px;padding:12px}.pd-row{align-items:center;gap:12px;display:flex}.pd-row+.pd-row{margin-top:12px}.pd-well{background:var(--pd-glass);width:32px;height:32px;transition:background-color .22s var(--ease-out), color .22s var(--ease-out);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.pd-well[data-on]{background:var(--pd-accent);color:#fff}.pd-row-title{font-size:13px;font-weight:500;line-height:18px}.pd-status{flex-shrink:0;place-items:center;width:20px;display:grid}.pd-row-status{color:var(--pd-muted);flex-shrink:0;margin-left:auto;font-size:12px;font-weight:500;line-height:16px}.pd-row-sub{color:var(--pd-muted);align-items:center;gap:4px;margin-top:2px;font-size:12px;line-height:16px;display:flex}.pd-switch{width:38px;height:22px;transition:background-color .2s var(--ease-out);background:#ffffff38;border-radius:999px;flex-shrink:0;margin-left:auto;position:relative}.pd-switch:after{content:"";width:18px;height:18px;transition:translate .2s var(--ease-out);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.pd-switch[aria-checked=true],.pd-switch[data-on]{background:var(--pd-accent)}.pd-switch[aria-checked=true]:after,.pd-switch[data-on]:after{translate:16px}@media (pointer:coarse){.desk-panel :is(.pd-switch,.pd-seg button,.pd-step,.pd-extend,.pd-cta){position:relative}.desk-panel :is(.pd-switch,.pd-seg button,.pd-step,.pd-extend,.pd-cta):before{content:"";width:max(100%, calc(44px / var(--pd-k,1)));height:max(100%, calc(44px / var(--pd-k,1)));position:absolute;top:50%;left:50%;translate:-50% -50%}.desk-panel .pd-seg button:before{width:100%}}.pd-clock{flex-direction:column;align-items:center;margin-top:16px;display:flex}.pd-sub{color:var(--pd-muted);margin-top:4px;font-size:13px;line-height:18px}.pd-gauge{background:var(--pd-track);border-radius:999px;height:4px;margin-top:12px;position:relative;overflow:hidden}.pd-gauge>span{background:var(--pd-ivory);border-radius:999px;transition:width .9s linear;position:absolute;inset:0 auto 0 0}.pd-extend{background:var(--pd-glass);width:100%;height:40px;transition:background-color .15s var(--ease-out), scale .15s var(--ease-out);border-radius:12px;justify-content:center;align-items:center;margin-top:16px;font-size:13px;font-weight:600;display:flex}.pd-extend:hover{background:var(--pd-glass-hover)}.pd-extend:active{scale:.97}.pd-lid-status{align-items:center;gap:8px;margin-top:12px;margin-left:44px;font-size:13px;font-weight:600;display:flex}.pd-checklist{color:var(--pd-muted);grid-template-columns:auto auto;justify-content:start;gap:8px 16px;margin-top:8px;margin-left:44px;font-size:12px;display:grid}.pd-checklist+.pd-row{margin-top:12px}.pd-checklist>span{align-items:center;gap:4px;display:inline-flex}.pd-guard{text-align:center;color:var(--pd-muted);font-variant-numeric:tabular-nums;margin-top:16px;font-size:12px;line-height:16px}.pd-spinner{border:2px solid #f5f0e640;border-top-color:var(--pd-ivory);border-radius:999px;width:14px;height:14px}@media (prefers-reduced-motion:no-preference){.pd-spinner{animation:.9s linear infinite pd-spin}}@keyframes pd-spin{to{rotate:360deg}}.pd-cta{background:var(--pd-accent);color:#fff;width:100%;height:48px;transition:background-color .34s var(--ease-out), color .34s var(--ease-out), scale .15s var(--ease-out);border-radius:18px;place-items:center;margin-top:6px;font-size:15px;font-weight:600;display:grid;position:relative}.pd-cta[data-stop]{background:var(--pd-stop);color:var(--pd-ivory)}button.pd-cta:hover{filter:brightness(.94)}button.pd-cta:active{scale:.985}.pd-cta>span{transition:opacity .26s var(--ease-out), filter .26s var(--ease-out);grid-area:1/1}.pd-cta>span[data-off]{opacity:0;filter:blur(6px)}.desk{background:#0b0f1e url(/images/projects/closia/lp/illus/wallpaper-dawn.webp) 50% 62%/cover no-repeat;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000014,0 40px 100px #00000073}.desk[data-wall=night]{background-image:url(/images/projects/closia/lp/illus/wallpaper-night.webp)}.desk-term{width:min(560px,100% - 540px);position:absolute;top:76px;left:48px}@media (max-width:1023px){.desk-term{width:min(560px,100% - 32px);top:48px;left:16px}}.mb{z-index:2;color:#fff;text-shadow:0 1px 2px #00000040;align-items:center;gap:18px;height:28px;padding:0 14px;font-size:13px;font-weight:500;display:flex;position:relative}.mb-item{border-radius:6px;align-items:center;height:22px;padding:0 6px;display:flex;position:relative}.mb-item[data-open]{background:#fff3}.mb-dot{width:6px;height:6px;transition:opacity .22s var(--ease-out), scale .22s var(--ease-out);background:#30d158;border-radius:999px;position:absolute;top:2px;left:3px}.mb-dot[data-off]{opacity:0;scale:.4}.desk-term .term{opacity:var(--term-in,1)}.desk-panel .pd{transition:opacity .2s var(--ease-out), translate .2s var(--ease-out), scale .2s var(--ease-out)}.desk-panel[data-hidden] .pd{opacity:0;translate:0 -6px;scale:.98}.desk-panel[data-hidden]{visibility:hidden;transition:visibility 0s linear .2s}.desk-cursor{z-index:4;filter:drop-shadow(0 2px 3px #00000059);transition:scale .12s var(--ease-out);pointer-events:none;margin:-2px 0 0 -2px;position:absolute;top:0;left:0}.desk-off{z-index:5;pointer-events:none;background:#000;position:absolute;inset:0}.desk-pill{z-index:6;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);color:#ffffffeb;white-space:nowrap;pointer-events:none;background:#1c1c20c7;border-radius:999px;align-items:center;gap:10px;height:40px;padding:0 16px 0 14px;font-size:14px;font-weight:500;display:inline-flex;position:absolute;top:12%;left:50%;translate:-50%;box-shadow:0 10px 30px #00000059}@media (max-width:1023.98px){.desk-pill{top:50%;translate:-50% -50%}}.desk-track{position:relative}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.desk-track{height:calc(var(--sticky-h) + 120svh)}.desk-sticky{top:max(calc(var(--header-h) + 12px), calc(50svh - var(--sticky-h) / 2));position:sticky}}.desk-stage{position:relative}@media (min-width:1024px){.desk-stage{aspect-ratio:3/2;width:100%;max-height:max(420px, calc(100svh - var(--header-h) - 132px))}.desk-mac{opacity:0;transition:opacity .5s var(--ease-out);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.desk-mac[data-ready]{opacity:1}.desk-track[data-stage=dive]{margin-top:calc(32px - var(--rest-top,0px))}.desk-sticky[data-stage=dive]{pointer-events:none;top:0}.desk-sticky[data-stage=dive]:not([data-open]) .desk-screen{pointer-events:auto}.desk-stage[data-stage=dive]{aspect-ratio:auto;width:100vw;height:100svh;max-height:none;margin-inline:calc(50% - 50vw);overflow:clip}.desk-stage[data-stage=dive] .desk-mac{-webkit-mask-image:none;mask-image:none}.desk-stage[data-stage=dive] .desk-mac[data-dof]>*{filter:blur(calc(var(--dof,0) * 14px));opacity:calc(1 - var(--dof,0) * .4)}.desk-screen .desk[data-dive]{background:0 0}.desk[data-dive]:before{content:"";border-radius:inherit;opacity:var(--wall,1);background:#0b0f1e url(/images/projects/closia/lp/illus/wallpaper-dawn.webp) 50% 62%/cover no-repeat;position:absolute;inset:0}.desk[data-dive][data-clearing] .mb,.desk[data-dive][data-clearing] .desk-cursor,.desk[data-dive][data-clearing] .desk-glare{opacity:var(--win,1)}.desk[data-dive][data-clearing] .desk-term{translate:calc((1 - var(--win,1)) * -56px) 0}.desk[data-dive][data-clearing] .desk-term .term{opacity:calc(var(--term-in,1) * var(--win,1))}.desk[data-dive][data-clearing] .desk-panel{translate:calc((1 - var(--win,1)) * 56px) 0}.desk[data-dive][data-clearing] .desk-panel:not([data-hidden]) .pd{opacity:var(--win,1);transition:none}.desk-portal{pointer-events:none;position:absolute}.desk-night{pointer-events:none;background:#0b0d12;position:absolute;inset:0}.desk-lid{transform-origin:0 0;background:linear-gradient(#151517,#0b0b0d);position:absolute;top:0;left:0}.desk-screen{z-index:1;transform-origin:0 0;position:absolute;top:0;left:0}.desk-screen .desk{box-shadow:none;background-color:#000}.desk-notch{z-index:3;background:#000;border-radius:0 0 9px 9px;position:absolute;top:0;left:50%;translate:-50%}.desk-notch:after{content:"";background:radial-gradient(circle at 38% 36%,#3a4a6e 0 14%,#121a2c 38%,#07090e 70%);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1.5px #0b0c0f}.desk-glare{z-index:4;pointer-events:none;background:linear-gradient(118deg,#ffffff0f 0%,#ffffff04 30%,#0000 48%);position:absolute;inset:0}}
.cl-scope{--bg:#f6f6f6;--surface:#fff;--surface-2:#0000000b;--surface-3:#00000014;--ink:#000000d9;--ink-muted:#000000ad;--ink-subtle:#0000008c;--accent:#0071e3;--accent-hover:#0077ed;--accent-ink:#fff;--link:#06c;--focus:#0071e3;--shadow-k:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--bg);--color-surface:var(--surface);--color-surface-2:var(--surface-2);--color-surface-3:var(--surface-3);--color-ink:var(--ink);--color-ink-muted:var(--ink-muted);--color-ink-subtle:var(--ink-subtle);--color-accent:var(--accent);--color-accent-hover:var(--accent-hover);--color-accent-ink:var(--accent-ink);--color-link:var(--link);--color-focus:var(--focus);--color-charcoal:#1c1b1a;--color-ivory:#f5f0e6;--color-night:#0b1220;--color-live:#34c759;--color-warn:#ff9f0a;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-geist), system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", var(--font-geist), system-ui, sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, var(--font-geist), system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;font-family:var(--font-sans);font-feature-settings:"kern";--text-xs:12px;--text-xs--line-height:16px;--text-sm:13px;--text-sm--line-height:18px;--text-base:15px;--text-base--line-height:22px;--text-md:17px;--text-md--line-height:26px;--text-lg:20px;--text-lg--line-height:28px;--text-xl:24px;--text-xl--line-height:30px;--text-2xl:32px;--text-2xl--line-height:38px;--text-3xl:40px;--text-3xl--line-height:44px;--text-4xl:56px;--text-4xl--line-height:60px;--text-5xl:72px;--text-5xl--line-height:76px;--tracking-tightish:-.01em;--tracking-tight:-.02em;--tracking-tighter:-.03em;--radius-control:6px;--radius-inset:8px;--radius-field:10px;--radius-row:12px;--radius-group:14px;--radius-card:16px;--radius-hero:18px;--radius-sheet:24px;--radius-panel:32px;--shadow-e1:0 1px 2px rgb(0 0 0/calc(.04 * var(--shadow-k))), 0 3px 6px rgb(0 0 0/calc(.06 * var(--shadow-k)));--shadow-e2:0 4px 6px rgb(0 0 0/calc(.06 * var(--shadow-k))), 0 10px 16px rgb(0 0 0/calc(.1 * var(--shadow-k)));--shadow-e3:0 4px 6px rgb(0 0 0/calc(.05 * var(--shadow-k))), 0 16px 40px rgb(0 0 0/calc(.14 * var(--shadow-k)));--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--container:1200px;--gutter:20px;--section-y:clamp(72px, 10vw, 128px);--header-h:60px;color:var(--ink);-webkit-font-smoothing:antialiased}.cl-scope[data-theme=dark]{--bg:#111113;--surface:#1c1c1f;--surface-2:#ffffff12;--surface-3:#ffffff1f;--ink:#ffffffe0;--ink-muted:#ffffffad;--ink-subtle:#ffffff80;--link:#2997ff;--focus:#2997ff;--shadow-k:.35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (min-width:768px){.cl-scope{--gutter:32px}}.cl-scope ::selection{background:color-mix(in srgb, var(--accent) 24%, transparent)}.cl-scope :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cl-scope [data-loop][data-paused],.cl-scope [data-loop][data-paused] *,.cl-scope :is(.pd-spinner,.pd-halo,.term-caret)[data-paused]{animation-play-state:paused!important}@media (prefers-reduced-motion:no-preference){.cl-scope[data-intro-wait] :is(.hero-night,.hero-in-kicker,.hero-in-title,.hero-in-sub,.hero-in-cta>*,.hero-in-meta,.hero-desk){opacity:0}}