@layer components{.signin__card{border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-dialog);flex-direction:column;align-items:center;padding:44px 44px 36px;display:flex;position:relative}.signin__wish{text-align:left;width:210px;margin-top:34px;transform:rotate(2deg)}.signin__wish .paper{flex-direction:column;min-height:110px;padding:18px 20px 14px 17px;display:flex}.signin__wish .fold{--fold:16px}@media (max-width:640px){.signin__card{padding:40px 20px 28px}}}
@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes dialog-fade{0%{opacity:0}}
@layer components{.panel:before{inset:6px 3px 0;box-shadow:0 22px 34px -18px #1e2a444d,0 2px 4px #1e2a441a}.panel__paper{height:100%;min-height:520px;padding:58px 48px 52px;position:relative;overflow:hidden}.panel--wish .panel__paper{background-image:var(--grain), linear-gradient(155deg, #fff 0 60%, #eef2f8 60.15% 100%)}.panel__lede{color:var(--color-meta);margin-top:14px;font-size:18px;line-height:28px}.panel__star{pointer-events:none;filter:drop-shadow(0 6px 6px #78500a40);position:absolute}.panel__star--lg{width:92px;height:92px;bottom:70px;right:44px;transform:rotate(12deg)}.panel__star--sm{width:32px;height:32px;bottom:44px;right:150px}.panel__paper--cobalt{color:#fff;background-color:var(--color-cobalt);background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(155deg,#2f5bff 0 58%,#2a50ec 58.15% 100%);background-size:24px 24px,24px 24px,100% 100%}.panel--agent .panel__lede{color:#fffc}.checks{gap:14px;margin-top:34px;font-size:15px;font-weight:500;display:grid}.checks li{align-items:center;gap:12px;display:flex}.panel--agent .panel__lede,.panel--agent .checks{max-width:calc(100% - 196px)}.check{background:#fff;border-radius:3px;flex:none;width:20px;height:20px;position:relative}.check:after{content:"";border:solid var(--color-cobalt);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.slot{background:#ffffff0f;border:1.5px dashed #fff9;flex-direction:column;align-items:center;gap:6px;width:184px;padding:26px 16px 24px;display:flex;position:absolute;top:160px;right:44px;transform:rotate(-1.5deg)}.slot__plus{border:1.5px dashed #ffffffb3;border-radius:50%;width:60px;height:60px;margin-bottom:12px;position:relative}.slot__plus:before,.slot__plus:after{content:"";background:#fff;width:22px;height:1.5px;margin:-.75px 0 0 -11px;position:absolute;top:50%;left:50%}.slot__plus:after{transform:rotate(90deg)}.slot__title{font-family:var(--font-display);font-size:17px;font-weight:700}.slot__sub{color:#ffffffbf;font-size:12px}.slot__bar{background:#ffffff59;border-radius:2px;width:96px;height:4px;margin-top:14px}@media (max-width:640px){.panel__paper{min-height:0;padding:40px 24px}.panel__star--lg{width:64px;height:64px;bottom:24px;right:24px}.panel__star--sm{display:none}.slot{width:auto;max-width:240px;margin-top:36px;position:relative;top:auto;right:auto}.panel--agent .panel__lede,.panel--agent .checks{max-width:none}}}
@layer components{.hero{--rows:84px minmax(150px, 190px) minmax(300px, 1fr) minmax(150px, 190px) 40px;grid-template-rows:var(--rows);background:var(--color-paper);min-height:max(100svh,700px);display:grid;position:relative;overflow:hidden}.hero__bg{background:#eaf1fb url(/img/tech-grid.jpg) bottom/cover no-repeat;position:absolute;inset:0}.wall{grid-template-rows:var(--rows);pointer-events:none;grid-template-columns:minmax(0,300px) 1fr minmax(0,300px);display:grid;position:absolute;inset:0}.lane{pointer-events:auto;position:relative;overflow:hidden}.lane--top{grid-area:2/1/auto/-1}.lane--bottom{grid-area:4/1/auto/-1}.lane--left{grid-area:3/1}.lane--right{grid-area:3/3}.lane--top,.lane--bottom{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.lane--left,.lane--right{-webkit-mask-image:linear-gradient(#0000,#000 16% 78%,#0000);mask-image:linear-gradient(#0000,#000 16% 78%,#0000)}.lane__track{will-change:transform;width:max-content;height:100%;display:flex}.lane__set{align-items:center;display:flex}.lane--left .lane__track,.lane--right .lane__track,.lane--left .lane__set,.lane--right .lane__set{flex-direction:column;width:100%;height:max-content}.lane__item{transform:translateY(var(--dy,0)) rotate(var(--r,0deg));padding:0 34px}.lane--left .lane__item,.lane--right .lane__item{transform:translateX(calc(var(--dy,0) * .8)) rotate(var(--r,0deg));padding:18px 0}.hero__center{z-index:5;flex-direction:column;grid-row:3;justify-content:center;align-items:center;padding:0 20px;display:flex;position:relative}.hero__line{display:inline-block}.composer{width:min(820px,100vw - 600px);min-width:min(560px,100%);margin-top:40px;position:relative}.composer:after{content:"";z-index:0;position:absolute;inset:4px 3px 1px;box-shadow:0 16px 28px -14px #1e2a4447,0 2px 3px #1e2a441f}.composer__paper{z-index:1;background-image:var(--grain), linear-gradient(90deg, #fff 0 50%, #f6f8fc 50% 100%);align-items:center;gap:20px;min-height:82px;padding:14px 14px 14px 30px;display:flex;position:relative}.composer__peek.agent,.composer__side.agent{pointer-events:none;position:absolute}.composer__peek{z-index:0;bottom:calc(100% - 26px)}.composer__peek--a{left:13%}.composer__peek--b{right:27%}.composer__side{z-index:2;top:50%;transform:translateY(-46%)}.composer__side--l{left:-58px}.composer__side--r{right:-50px}@media (max-width:1100px){.lane--left,.lane--right{display:none}.composer{width:min(760px,100%)}}@media (max-width:899px){.hero{--rows:76px 150px minmax(320px, 1fr) 150px 36px}.lane__item{padding:0 22px}}@media (max-width:640px){.hero{--rows:70px 132px minmax(340px, 1fr) 132px 28px}.lane__item{padding:0 14px}.composer{margin-top:34px}.composer__paper{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.composer__side{display:none}.composer__peek{bottom:calc(100% - 20px)}.composer__peek--a{left:8%}.composer__peek--b{right:10%}}}
