*{box-sizing:border-box}html{color:#ddd;background:#0b0b0c}body{margin:0;font-family:Arial,sans-serif}button{font:inherit;color:inherit}.canvas-page{background:radial-gradient(70% 60% at 22% 18%,#ffffff13,#0000 70%),radial-gradient(60% 55% at 85% 95%,#8ca5d20d,#0000 70%),radial-gradient(120% 90%,#121214,#08080a);height:100svh;min-height:240px;position:relative;overflow:clip}.canvas-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff09,#0000 45%);position:absolute;inset:-20%}@media (prefers-reduced-motion:no-preference){.canvas-page:before{animation:40s ease-in-out infinite alternate ambient-drift}}@keyframes ambient-drift{0%{transform:translate(-12%,-8%)}to{transform:translate(14%,10%)}}.section-backdrop{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.section-glow{opacity:1;transform:translate3d(calc(var(--px,0) * -1.2vw), calc(var(--py,0) * -1.2vh), 0);transition:opacity 1.8s;position:absolute;inset:-4%}.pointer-light{width:160vw;height:160vh;transform:translate3d(calc(var(--px,0) * 22vw), calc(var(--py,0) * 22vh), 0);background:radial-gradient(circle,#ffffff0d,#0000 32%);position:absolute;top:-30vh;left:-30vw}.section-glow[data-leaving]{opacity:0}.backdrop-wordmark{font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-weight:900;font-size:calc(.67 * clamp(56px, min(15vw, calc(92vw / (var(--chars) * .84))), 280px));letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:#ffffff13;opacity:0;transform-origin:0 100%;line-height:.8;position:absolute;bottom:clamp(56px,7vw,104px);left:clamp(12px,2.5vw,40px);transform:translateY(.12em);-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.backdrop-wordmark[data-active]{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.section-glow{transition:opacity 1.8s,transform 1.4s cubic-bezier(.2,.7,.2,1);animation:1.8s backwards glow-in}.pointer-light{transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}.backdrop-wordmark{transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}}@media (prefers-reduced-motion:reduce){.section-glow{transition:none;transform:none}.pointer-light{transform:none}}@keyframes glow-in{0%{opacity:0}}.canvas-page[data-intro=pending] .section-glow,.canvas-page[data-intro=pending] .pointer-light{opacity:0}.canvas-page[data-intro=pending] .backdrop-wordmark[data-active]{opacity:0;transform:translateY(.12em)}.pointer-light{transition:opacity 1.6s}@media (prefers-reduced-motion:no-preference){.canvas-page[data-intro=playing] .backdrop-wordmark{transition-delay:.9s}.canvas-page[data-intro=playing] .section-glow{transition-delay:.2s}.pointer-light{transition:opacity 1.6s,transform 1.6s cubic-bezier(.2,.7,.2,1)}}.intro-marks{z-index:2;pointer-events:none;display:none;position:absolute;inset:clamp(14px,2vw,28px)}.intro-marks i{opacity:0;border:0 solid #ffffff8c;width:18px;height:18px;position:absolute}.intro-marks i:first-child{--dx:-1;--dy:-1;border-width:1px 0 0 1px;top:0;left:0}.intro-marks i:nth-child(2){--dx:1;--dy:-1;border-width:1px 1px 0 0;top:0;right:0}.intro-marks i:nth-child(3){--dx:1;--dy:1;border-width:0 1px 1px 0;bottom:0;right:0}.intro-marks i:nth-child(4){--dx:-1;--dy:1;border-width:0 0 1px 1px;bottom:0;left:0}.intro-marks b{opacity:0;background:linear-gradient(90deg,#0000,#ffffff59 20% 80%,#0000);height:1px;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.canvas-page[data-intro=playing] .intro-marks{display:block}.canvas-page[data-intro=playing] .intro-marks i{animation:2.4s cubic-bezier(.2,.7,.2,1) both mark-open}.canvas-page[data-intro=playing] .intro-marks b{animation:1.6s cubic-bezier(.6,0,.2,1) both horizon}}@keyframes mark-open{0%{opacity:0;transform:translate(calc(var(--dx) * -30vw), calc(var(--dy) * -26vh))}15%{opacity:1}55%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes horizon{0%{opacity:0;transform:scaleX(0)}30%{opacity:1}70%{opacity:.6;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.carousel-stage{z-index:1;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;position:relative}.carousel-stage[data-openable=true]{cursor:pointer}.carousel-stage[data-dragging=true]{cursor:grabbing}.carousel-stage:focus-visible{outline-offset:-6px;outline:2px solid #777}.carousel-stage canvas{touch-action:pan-y;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.service-overview{z-index:5;color:#ddd;width:min(440px,100% - 24px);position:absolute;top:clamp(12px,2vw,28px);right:clamp(12px,2.5vw,40px)}.service-overview>summary{cursor:pointer;justify-content:flex-end;align-items:center;gap:12px;width:fit-content;min-height:44px;margin-left:auto;padding:8px 0 8px 12px;font-size:13px;line-height:1.4;list-style:none;display:flex}.service-overview>summary::-webkit-details-marker{display:none}.service-overview>summary:after{content:"+";font-size:19px;font-weight:400}.service-overview[open]>summary:after{content:"−"}.service-overview>summary:hover{color:#fff}.service-overview>summary:focus-visible{outline-offset:4px;outline:2px solid #ddd}.service-overview-body{overscroll-behavior:contain;scrollbar-width:thin;background:#121214;border:1px solid #454548;max-height:calc(100svh - 120px);padding:28px;font-size:14px;line-height:1.65;overflow-y:auto}.service-overview-body h2{letter-spacing:-.04em;margin:0;font-size:30px;line-height:1.2}.service-overview-body p{color:#b4b4b9;margin:10px 0 0}.service-overview-body section{border-top:1px solid #454548;margin-top:28px;padding-top:24px}.service-overview-body h3{letter-spacing:-.02em;margin:0;font-size:18px;line-height:1.3}.service-overview-body dl{margin:20px 0 0}.service-overview-body dl>div+div{margin-top:18px}.service-overview-body dt{font-weight:600}.service-overview-body dd{color:#b4b4b9;margin:4px 0 0}@media (max-width:760px){.service-overview-body{padding:22px}.canvas-page:has(.service-overview[open]) .drag-hint{opacity:0}.drag-hint{left:16px;transform:none}}.carousel-fallback{place-content:center;justify-items:center;gap:12px;height:100%;padding:24px;display:grid}.carousel-fallback p{text-align:center;margin:0}.carousel-fallback button{cursor:pointer;background:#1b1b1d;border:1px solid #555;padding:8px 12px}.fallback-cards{align-items:center;max-width:80vw;height:180px;padding:24px;display:flex}.fallback-cards span{background:#2a2a2a;border:1px solid #555;border-radius:5px;width:clamp(20px,5vw,58px);height:112px;margin-left:-8px;transform:rotate(-12deg)}.fallback-cards span:nth-child(5){height:128px}.pager{z-index:2;color:#ffffff80;letter-spacing:.16em;text-transform:uppercase;gap:10px;font:500 10px/1 ui-monospace,SF Mono,Menlo,monospace;display:grid;position:absolute;bottom:clamp(16px,2.6vw,36px);left:clamp(16px,2.5vw,40px)}.pager-scale{align-items:flex-end;gap:14px;display:flex}.pager-section{gap:6px;padding-top:14px;display:grid;position:relative}.pager-index{color:#ffffff47;transition:color .4s;position:absolute;top:0;left:0}.pager-section[data-current] .pager-index{color:var(--accent)}.pager-ticks{align-items:flex-end;height:30px;display:flex}.pager-tick{cursor:pointer;background:0 0;border:0;width:9px;height:30px;padding:0;position:relative}.pager-tick:before{content:"";background:#ffffff38;width:1px;height:7px;transition:height .35s cubic-bezier(.2,.7,.2,1),background .35s;position:absolute;bottom:0;left:4px}.pager-tick[data-major]:before{background:#ffffff5c;height:12px}.pager-section[data-current] .pager-tick:before{background:#ffffff8c}.pager-tick:hover:before{background:#fffc;height:16px}.pager-tick[data-active]:before{background:#fff;height:24px}.pager-tick[data-active]:after{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;top:0;left:2.5px}.pager-tick:focus-visible{outline-offset:2px;outline:1px solid #ffffffb3}.pager-rule{background:#ffffff29;height:1px;transition:background .4s}.pager-section[data-current] .pager-rule{background:linear-gradient(90deg, var(--accent), transparent)}.pager-readout{align-items:baseline;gap:8px;margin:0;display:flex}.pager-count{color:#fff;font-variant-numeric:tabular-nums}.pager-total{color:#ffffff4d}.pager-name{color:#ffffff80;letter-spacing:.12em;margin-left:6px}@media (prefers-reduced-motion:no-preference){.pager-tick{transform-origin:50% 100%;animation:.6s cubic-bezier(.2,.7,.2,1) backwards tick-in;animation-delay:calc(.7s + var(--i) * 28ms)}.pager-index,.pager-rule,.pager-readout{animation:.8s 1.1s backwards fade-in}}@keyframes tick-in{0%{transform:scaleY(0)}}@keyframes fade-in{0%{opacity:0}}.carousel-stage{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.canvas-page[data-open] .carousel-stage{transform:translate(-17vw)}.detail{z-index:3;color:#ffffff9e;background:#0c0c0edb;border:1px solid #ffffff1a;border-radius:4px;gap:28px;width:min(380px,100vw - 32px);padding:26px 26px 20px;font-size:14px;line-height:1.55;display:grid;position:absolute;top:50%;right:clamp(16px,4vw,72px);transform:translateY(-50%)}.detail:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 70%);height:1px;position:absolute;top:-1px;left:-1px;right:-1px}.detail-head,.detail-foot{letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font:500 10px/1 ui-monospace,SF Mono,Menlo,monospace;display:flex}.detail-section{color:var(--accent)}.detail-close,.detail-foot button{cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:#ffffff80;background:0 0;border:0;margin:-6px -8px;padding:6px 8px;transition:color .2s}.detail-close:hover,.detail-foot button:hover{color:#fff}.detail-close:focus-visible,.detail-foot button:focus-visible{outline-offset:2px;outline:1px solid #ffffffb3}.detail-close span{border:1px solid #ffffff40;border-radius:3px;padding:3px 5px;display:inline-block}.detail-foot{color:#ffffff4d;border-top:1px solid #ffffff14;padding-top:14px}.detail-body{gap:12px;display:grid}.detail-code{letter-spacing:.14em;color:#ffffff59;margin:0;font:500 11px/1 ui-monospace,SF Mono,Menlo,monospace}.detail-title{letter-spacing:-.02em;color:#f2f2f2;margin:0 0 4px;font:600 30px/1.08 Helvetica Neue,Arial,sans-serif}.detail-summary{margin:0}.detail-points{color:#ffffffc7;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.detail-points li{align-items:center;gap:12px;display:flex}.detail-points li:before{content:"";background:var(--accent);flex:none;width:16px;height:1px}@media (prefers-reduced-motion:no-preference){.detail{animation:.7s cubic-bezier(.2,.7,.2,1) .15s backwards detail-in}.detail-body>*{animation:.6s cubic-bezier(.2,.7,.2,1) backwards rise}.detail-body>:nth-child(2){animation-delay:50ms}.detail-body>:nth-child(3){animation-delay:.1s}.detail-points li{animation:.6s cubic-bezier(.2,.7,.2,1) backwards rise;animation-delay:calc(.18s + var(--n) * 50ms)}.detail-points{animation:none!important}}@keyframes detail-in{0%{opacity:0;transform:translate(24px,-50%)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (max-width:760px){.canvas-page[data-open] .carousel-stage{transform:translateY(-18svh)}.detail{gap:18px;padding:20px;top:auto;bottom:12px;right:12px;transform:none}.detail-title{font-size:24px}.pager{transition:opacity .4s}.canvas-page[data-open] .pager{opacity:0;pointer-events:none}@keyframes detail-in{0%{opacity:0;transform:translateY(24px)}}}.drag-hint{z-index:2;pointer-events:none;white-space:nowrap;letter-spacing:.2em;text-transform:uppercase;color:#ffffff73;align-items:center;gap:12px;margin:0;font:500 10px/1 ui-monospace,SF Mono,Menlo,monospace;transition:opacity .8s;display:flex;position:absolute;bottom:clamp(16px,2.6vw,36px);left:50%;transform:translate(-50%)}.drag-hint[data-hidden]{opacity:0}.drag-hint-line{background:#fff3;width:28px;height:1px;position:relative}.drag-hint-line:after{content:"";background:#fffc;border-radius:50%;width:3px;height:3px;position:absolute;top:-1px;left:0}.drag-hint-line:first-child:after{left:auto;right:0}@media (prefers-reduced-motion:no-preference){.drag-hint-line:first-child:after{animation:2.4s ease-in-out infinite nudge-left}.drag-hint-line:last-child:after{animation:2.4s ease-in-out infinite nudge-right}}@keyframes nudge-left{50%{transform:translate(-25px)}}@keyframes nudge-right{50%{transform:translate(25px)}}.drag-hint-coarse{display:none}@media (pointer:coarse){.drag-hint-fine{display:none}.drag-hint-coarse{display:inline}}@media (max-width:760px){.drag-hint{top:20px;bottom:auto}}.grain{z-index:4;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -0.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}