.ent-hero{--ent-gap: 56px;position:relative;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;gap:var(--ent-gap);width:min(var(--shell),100% - 2 * var(--frame-margin));margin-inline:auto;padding:calc(var(--top) + 88px) var(--inset) 96px}.ent-hero:before{position:absolute;inset:0 -10% 0 30%;z-index:-1;background:radial-gradient(40% 50% at 62% 42%,light-dark(rgba(124,92,255,.1),rgba(124,92,255,.18)),transparent 70%),radial-gradient(36% 42% at 80% 66%,light-dark(rgba(255,111,174,.08),rgba(255,111,174,.14)),transparent 70%);content:"";pointer-events:none}.ent-copy h1{font-size:clamp(40px,4vw,54px)}.ent-copy .lede{max-width:440px}.ent-copy .actions{margin-top:32px}.ent-copy .fine{margin:14px 0 0;color:var(--muted);font-size:13px}.ent-visual{position:relative;padding:48px 48px 0 0}.ent-visual .tw-mac{position:relative;z-index:2;border-radius:var(--mac-radius);corner-shape:superellipse(1.8);background:var(--win)}.ent-backs{position:absolute;inset:48px 48px 44px 0}.ent-back{position:absolute;inset:0;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:14px;corner-shape:superellipse(1.8);background:var(--window);box-shadow:0 0 0 .5px var(--window-ring),0 18px 50px -20px #00000040;opacity:calc(1 - var(--n) * .22);transform:translate(calc(var(--n) * 24px),calc(var(--n) * -24px)) scale(calc(1 - var(--n) * .03));transform-origin:top right;animation:ent-back-in .7s var(--ease-quart) calc(var(--n) * .12s) backwards}.ent-back b{margin-left:auto;color:var(--faint);font-size:12px;font-weight:400}.ent-lights,.ent-lights:before,.ent-lights:after{width:10px;height:10px;border-radius:50%;background:var(--trace);box-shadow:inset 0 0 0 .5px var(--window-ring)}.ent-lights{position:relative;margin-left:32px}.ent-lights:before,.ent-lights:after{position:absolute;top:0;content:""}.ent-lights:before{left:-32px}.ent-lights:after{left:-16px}@keyframes ent-back-in{0%{opacity:0;transform:translate(0) scale(.97)}}.ent-tabs{position:relative;display:flex;flex-wrap:wrap;gap:4px 24px;margin:20px 0 0;padding:0;list-style:none}.ent-tabs button{padding:6px 0;background:none;color:var(--muted);font:inherit;font-size:14px;cursor:pointer;transition:color var(--duration-hover) var(--ease-quart)}.ent-tabs button b{font-weight:400}.ent-tabs button[aria-checked=true],.ent-tabs button:hover{color:var(--fg)}.ent-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.ent-tabs:after{position:absolute;top:var(--y, 0);left:0;width:var(--w, 0);height:2px;margin-top:2px;border-radius:1px;background:var(--fg);transform:translate(var(--x, 0));content:""}.ent-tabs.gliding:after{transition:transform var(--duration-row) var(--ease-house),width var(--duration-row) var(--ease-house)}@media(prefers-reduced-motion:reduce){.ent-back{animation:none}.ent-tabs.gliding:after{transition:none}}@media(max-width:1024px){.ent-hero{grid-template-columns:minmax(0,1fr);padding-top:calc(var(--top) + 64px);padding-bottom:72px}.ent-copy .lede{max-width:560px}.ent-visual{max-width:720px}}@media(max-width:800px){.ent-hero{padding:calc(var(--top) + 40px) var(--gutter) 56px}.ent-visual{padding:28px 20px 0 0}.ent-backs{inset:28px 20px 44px 0}.ent-back{transform:translate(calc(var(--n) * 10px),calc(var(--n) * -14px)) scale(calc(1 - var(--n) * .02))}}
