.phone-stage{position:relative;isolation:isolate;display:flex;align-items:flex-start;justify-content:center;gap:1rem}@media(min-width:640px){.phone-stage{gap:1.5rem}}.phone{position:relative;z-index:1;width:44%;max-width:15rem;border-radius:2.45rem;padding:7px;transform-origin:50% 100%;background:linear-gradient(150deg,#474c51,#1a1d20 20%,#0c0e10 52%,#16191c 78%,#3d4247);box-shadow:inset 0 0 0 1px #caaf7d80,inset 0 1px #ffffff4d,0 1px 2px #151a1e24,0 18px 36px -18px #151a1e66,0 56px 96px -44px #151a1e99}.phone:first-of-type{z-index:2}.phone+.phone{margin-top:3rem}.phone:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent 10%,hsl(0 0% 100% / .55) 32%,hsl(39 52% 78% / .9) 50%,hsl(0 0% 100% / .55) 68%,transparent 90%) top / 100% 1px no-repeat}.phone-screen{position:relative;overflow:hidden;border-radius:1.95rem;background:#0b0d0f;box-shadow:0 0 0 1px #0000008c}.phone-screen img{display:block;width:100%;height:auto}.phone-screen:before{content:"";position:absolute;z-index:3;top:2.1%;left:50%;width:28%;height:3.3%;translate:-50% 0;border-radius:999px;background:#050607}.phone-screen:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(128deg,hsl(0 0% 100% / .11),transparent 32%,transparent 72%,hsl(0 0% 100% / .05))}.phone-off{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(130% 80% at 28% 0%,#1d2226,#050607 72%)}.phone-glare{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.phone-glare>i{position:absolute;top:-20%;bottom:-20%;left:0;width:60%;transform:translate3d(-130%,0,0);background:linear-gradient(105deg,transparent 22%,hsl(0 0% 100% / .2) 48%,hsl(39 60% 85% / .14) 54%,transparent 78%)}.phone-stage:before,.phone-glow{content:"";position:absolute;z-index:0;left:50%;bottom:-6%;width:92%;height:42%;translate:-50% 0;pointer-events:none;opacity:.65;background:radial-gradient(closest-side,hsl(39 42% 64% / .5),hsl(39 42% 64% / .12) 55%,transparent)}.phone-stage[data-revealing]:before{content:none}.phone-stage[data-revealing] :is(.phone,.phone-off,.phone-glare>i,.phone-glow){will-change:transform,opacity}.glass-field{position:relative;isolation:isolate}.glass-field:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(36rem 26rem at var(--fx, 16%) var(--fy, 34%),hsl(var(--brass) / .2),transparent 70%),radial-gradient(32rem 26rem at var(--gx, 82%) var(--gy, 72%),hsl(189 57% 34% / .22),transparent 70%)}.field-top{--fy: 12%;--gy: 22%}.field-mid{--fy: 50%;--gy: 50%}.svc-panel{--glass-fill: .5;border-radius:1.75rem;padding:.5rem}.svc-panel>li{border-color:#f2f2ee12}.svc-panel>li:last-child{border-bottom:0}.svc-panel a{position:relative;padding-inline:1rem;border-radius:1.25rem}.svc-panel a>:not(.svc-hl){position:relative}.svc-hl{display:none;position:absolute;inset:.3rem 0;border-radius:1.25rem;pointer-events:none;background:#ffffff0f;box-shadow:inset 0 0 0 1px #f2f2ee1a,inset 0 1px #f2f2ee33}.svc-photo{box-shadow:var(--gl-shadow-lg)}.svc-photo:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff52}@media(min-width:1024px){.svc-panel{padding:.75rem}.svc-panel a{padding-inline:1.5rem}.svc-hl{display:block}}.stat-tile{border-radius:1.5rem;padding:1.5rem 1.4rem 1.35rem}@media(min-width:768px){.stat-tile{padding:1.9rem 1.75rem 1.6rem}}.ans-panel{--glass-fill: .5;border-radius:1.75rem;padding:.25rem 1.25rem}.ans-panel>:last-child>div{border-bottom:0}@media(min-width:768px){.ans-panel{padding:.5rem 2rem}}.inv-card{--glass-fill: .42;--glass-blur: 18px;border-radius:2rem;padding:1.75rem 1.5rem 2rem}@media(min-width:640px){.inv-card{padding:2.75rem 3rem 3rem}}@supports (grid-template-rows: subgrid){.hero-words{display:grid;grid-template-columns:minmax(0,1fr)}.hero-words>*{grid-column:1}.hero-words>.hero-greet{grid-row:2;justify-self:start}.hero-words>h1{grid-row:1 / span 3;display:grid;grid-template-rows:subgrid}.hero-words>h1>:first-child{grid-row:1}.hero-words>h1>:last-child{grid-row:3}}