.hero{position:relative;color:var(--color-on-dark);overflow:hidden;background:radial-gradient(900px 520px at 78% 12%,rgba(242,179,91,.16),transparent 62%),radial-gradient(700px 420px at 10% 110%,rgba(124,207,220,.1),transparent 65%),linear-gradient(180deg,var(--night) 0%,var(--night-2) 100%);margin-top:calc(-1 * var(--hh));padding-block:calc(var(--hh) + 2.5rem) calc(var(--section) + 3rem)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 44px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}.hero-grid{position:relative;display:grid;gap:3rem;align-items:center}@media(min-width:1024px){.hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4rem}.hero{padding-top:calc(var(--hh) + 4.5rem)}}.hero-copy{display:grid;gap:1.5rem;justify-items:start}.hero .h1 .warm{color:var(--amber)}.hero .h1 .cool{color:var(--cool)}.hero .lead{color:var(--on-dark-soft)}.hero-actions{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:.5rem}@media(max-width:479px){.hero-actions .btn{width:100%}}.promises{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--line-dark);width:100%}.promises li{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--on-dark-soft);font-weight:500}.promises svg{width:18px;height:18px;color:var(--cool)}.boot .hero-copy>*{animation:hero-in 1s var(--ease-out) both}.boot .hero-copy>:nth-child(2){animation-delay:.08s}.boot .hero-copy>:nth-child(3){animation-delay:.16s}.boot .hero-copy>:nth-child(4){animation-delay:.24s}.boot .hero-copy>:nth-child(5){animation-delay:.32s}.boot .arch{animation:arch-in 1.3s var(--ease-out) .1s both}@keyframes hero-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes arch-in{0%{opacity:0;transform:translateY(24px) scale(.975)}to{opacity:1;transform:none}}.arch{justify-self:center;width:min(100%,440px);display:grid;gap:1rem;position:relative}@media(min-width:1024px){.arch{justify-self:end}}.arch-frame{position:relative;aspect-ratio:4/5;border-radius:50% 50% 22px 22px/40% 40% 22px 22px;padding:14px;background:var(--grain),linear-gradient(160deg,var(--color-arch-1) 0%,var(--color-arch-2) 55%,var(--color-arch-3) 100%);box-shadow:0 40px 90px #00000080,0 0 0 1px #ffffff0f,inset 0 -10px 24px #5038182e,inset 0 2px #ffffff80}.arch-frame:before{content:"";position:absolute;top:-3px;left:50%;width:46px;height:40px;transform:translate(-50%);z-index:3;background:linear-gradient(180deg,var(--color-arch-cap-1),var(--color-arch-cap-2));clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);filter:drop-shadow(0 3px 2px rgba(0,0,0,.25))}.arch-inner{position:relative;height:100%;overflow:hidden;background:var(--color-arch-inner);border-radius:50% 50% 10px 10px/40% 40% 10px 10px;box-shadow:inset 0 0 0 1px #281a0a59,inset 0 14px 34px #0000008c}#airflow{position:absolute;inset:0;width:100%;height:100%;display:block}.arch-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 40% at 18% 6%,rgba(242,179,91,.3),transparent 70%),radial-gradient(60% 34% at 88% 104%,rgba(124,207,220,.22),transparent 70%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 18%,transparent 82%,rgba(0,0,0,.25))}.air-tag{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .55rem;border-radius:6px;background:#081624b8;color:var(--color-on-dark);font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.12);white-space:nowrap}.air-tag i{width:8px;height:8px;border-radius:50%}.air-tag--warm{left:9%;top:40%}.air-tag--warm i{background:var(--amber);box-shadow:0 0 10px var(--amber)}.air-tag--coil{left:50%;top:16%;transform:translate(-50%);color:var(--color-arch-label)}.air-tag--cool{right:9%;bottom:9%}.air-tag--cool i{background:var(--cool);box-shadow:0 0 10px var(--cool)}.air-play{position:absolute;z-index:4;left:26px;bottom:26px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#081624b8;color:var(--color-on-dark);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .25s var(--ease),color .25s var(--ease)}.air-play:hover{background:var(--color-on-dark);color:var(--navy)}.air-play svg{width:16px;height:16px}.arch figcaption{font-size:.875rem;line-height:1.5;color:var(--on-dark-muted);text-align:center;max-width:38ch;justify-self:center}