.ab-hero{padding-top:clamp(2rem,1rem + 3vw,4.5rem)}.ab-hero:before{z-index:-1;background:radial-gradient(ellipse 36% 50% at 72% 34%, rgb(var(--accent-rgb) / .1), transparent 70%);content:"";pointer-events:none;position:absolute;inset:0}.ab-hero-grid{align-items:center;gap:2.5rem;display:grid}@media (min-width:1024px){.ab-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:2rem}}.ab-hero-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);margin-top:1.25rem;font-size:clamp(2.75rem,1rem + 3.4vw,4.75rem);font-weight:600;line-height:.92}.ab-hero-body{max-width:34rem;color:var(--color-muted);text-wrap:pretty;margin-top:1.5rem;font-size:1rem;line-height:1.6}.ab-focus{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;display:flex}.ab-focus li{border:1px solid var(--color-line-strong);background:color-mix(in oklab, var(--color-paper) 70%, transparent);color:var(--color-ink);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.75rem;font-weight:600;display:inline-flex}.ab-visual{flex-direction:column;align-items:center;gap:1.5rem;display:flex}@media (min-width:640px){.ab-visual{flex-direction:row;justify-content:center;gap:2rem}}@media (min-width:1024px){.ab-visual{justify-content:flex-end}}.ab-orb{aspect-ratio:1;border:2px solid var(--color-accent);background:radial-gradient(circle at 50% 88%, rgb(var(--accent-rgb) / .5), transparent 62%), var(--color-paper);width:min(82vw,25rem);box-shadow:0 0 0 8px rgb(var(--accent-rgb) / .06), 0 0 46px rgb(var(--accent-rgb) / .45), inset 0 0 50px rgb(var(--accent-rgb) / .22);border-radius:50%;flex-shrink:0;display:block;position:relative;overflow:hidden}@media (min-width:1024px){.ab-orb{width:clamp(18rem,26vw,26rem)}}.ab-orb-img{width:92%;height:auto;position:absolute;bottom:0;left:50%;translate:-50%}.ab-plate{border-left:1px solid rgb(var(--accent-rgb) / .7);padding:.25rem 0 .25rem .875rem;position:relative}.ab-plate:before,.ab-plate:after{background:var(--color-accent);content:"";width:.75rem;height:1px;position:absolute;left:-1px}.ab-plate:before{top:-.5rem}.ab-plate:after{bottom:-.5rem}.ab-plate-name{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--color-ink);font-size:clamp(1.5rem,1.2rem + .8vw,2rem);line-height:.95;display:block}.ab-plate-title{letter-spacing:.18em;text-transform:uppercase;max-width:10rem;color:var(--color-accent-strong);margin-top:.75rem;font-size:.625rem;font-weight:600;line-height:1.5;display:block}.ab-stats{border:1px solid var(--color-line-strong);background:color-mix(in oklab, var(--color-paper) 75%, transparent);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(2.25rem,1.5rem + 2vw,3.5rem);display:grid}.ab-stat{text-align:center;flex-direction:column;align-items:center;gap:.625rem;min-width:0;padding:1.125rem .5rem;display:flex}.ab-stat+.ab-stat{border-left:1px solid var(--color-line)}@media (min-width:640px){.ab-stat{text-align:left;flex-direction:row;justify-content:center;gap:1.125rem;padding:1.5rem 1rem}}.ab-stat-icon{border:1px solid var(--color-line-strong);width:2.5rem;height:2.5rem;color:var(--color-accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}@media (min-width:640px){.ab-stat-icon{width:3rem;height:3rem}}.ab-stat-text{flex-direction:column;min-width:0;display:flex}.ab-stat-value{font-family:var(--font-display);color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:clamp(2.25rem,1.4rem + 2.6vw,3.75rem);line-height:.9}.ab-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink);margin-top:.4rem;font-size:.5625rem;font-weight:600}@media (min-width:640px){.ab-stat-label{letter-spacing:.16em;font-size:.6875rem}}.ab-sec{scroll-margin-top:calc(var(--header-h) + 2rem);padding-top:clamp(3.5rem,2.25rem + 3.4vw,6rem)}.ab-split{gap:2rem;display:grid}@media (min-width:1024px){.ab-split{grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:start;gap:3rem}.ab-split-center{align-items:center}}.ab-side{min-width:0}.ab-h2{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);margin-top:1rem;font-size:clamp(2.25rem,1rem + 2.5vw,3.5rem);font-weight:600;line-height:.95}.ab-side-copy{max-width:24rem;color:var(--color-muted);text-wrap:pretty;margin-top:1.25rem;font-size:.9375rem;line-height:1.6}.ab-pill{border:1px solid rgb(var(--accent-rgb) / .7);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink);border-radius:999px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.625rem 1.125rem;font-size:.6875rem;font-weight:600;transition:background-color .3s,color .3s;display:inline-flex}.ab-pill:hover,.ab-pill:focus-visible{background:var(--color-accent);color:#0b0b0b}.ab-tl{--tl-progress:1;--tl-x:.4375rem;min-width:0;position:relative}.ab-tl-rail{top:.55rem;bottom:1.25rem;left:var(--tl-x);background:var(--color-line-strong);width:1px;position:absolute;translate:-50%}.ab-tl-fill{background:var(--color-accent);box-shadow:0 0 8px rgb(var(--accent-rgb) / .6);transform:scaleY(var(--tl-progress));transform-origin:top;position:absolute;inset:0}.ab-tl-item{gap:.3rem;padding:0 0 1.5rem 2rem;display:grid;position:relative}.ab-tl-item:last-child{padding-bottom:0}@media (min-width:768px){.ab-tl-item{grid-template-columns:7rem minmax(0,1fr);column-gap:1.5rem;padding-left:2.25rem}}.ab-tl-marker{top:.3rem;left:var(--tl-x);border:2px solid var(--color-canvas);background:var(--color-line-strong);border-radius:50%;width:.625rem;height:.625rem;transition:background-color .4s,box-shadow .4s;position:absolute;translate:-50%}.ab-tl-item[data-current] .ab-tl-marker{width:.9375rem;height:.9375rem;top:.15rem}.ab-tl:not([data-tl=live]) .ab-tl-marker,.ab-tl-item[data-active] .ab-tl-marker{background:var(--color-accent);box-shadow:0 0 10px rgb(var(--accent-rgb) / .7)}.ab-tl:not([data-tl=live]) .ab-tl-item[data-current] .ab-tl-marker,.ab-tl-item[data-current][data-active] .ab-tl-marker{box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .22), 0 0 14px rgb(var(--accent-rgb) / .8)}.ab-tl-when{flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;display:flex}@media (min-width:768px){.ab-tl-when{flex-direction:column}}.ab-tl-period{color:var(--color-ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem;font-weight:700}.ab-tl-now{letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-strong);font-size:.5625rem;font-weight:600}.ab-tl-body{min-width:0}.ab-tl-head{font-size:.9375rem;line-height:1.35}.ab-tl-role{letter-spacing:.02em;text-transform:uppercase;color:var(--color-ink);font-weight:700}.ab-tl-dash{color:var(--color-accent);margin-inline:.625rem}.ab-tl-org{color:var(--color-muted);font-size:.875rem;font-weight:400}.ab-tl-desc{max-width:60rem;color:var(--color-muted);text-wrap:pretty;margin-top:.3rem;font-size:.875rem;line-height:1.55}.ab-tl[data-reveal=on] .ab-tl-item{transition:opacity .7s var(--ease-soft), transform .7s var(--ease-soft)}.ab-tl[data-reveal=on] .ab-tl-item:not([data-seen]){opacity:0;transform:translateY(14px)}@media (prefers-reduced-motion:reduce){.ab-tl-marker{transition:none}}.ab-work{gap:1rem;display:grid}@media (min-width:768px){.ab-work{grid-template-columns:repeat(3,minmax(0,1fr))}}.ab-card{border:1px solid rgb(var(--accent-rgb) / .4);background:var(--color-paper);height:100%;box-shadow:0 24px 50px -36px rgb(var(--accent-rgb) / .7);border-radius:12px;flex-direction:column;transition:border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.ab-card:hover,.ab-card:focus-visible{border-color:rgb(var(--accent-rgb) / .85);box-shadow:0 28px 60px -30px rgb(var(--accent-rgb) / .8)}.ab-card-media{aspect-ratio:16/10;background:#0b0b0b;display:block;position:relative;overflow:hidden}.ab-card-media:after{background:linear-gradient(to bottom, transparent 45%, var(--color-paper) 100%);content:"";position:absolute;inset:0}.ab-card-img{object-fit:cover;width:100%;height:100%;transition:scale .7s var(--ease-soft)}.ab-card:hover .ab-card-img,.ab-card:focus-visible .ab-card-img{scale:1.06}.ab-card-body{flex-direction:column;flex:1;gap:.3rem;margin-top:-1.75rem;padding:0 3.75rem 1.125rem 1.125rem;display:flex;position:relative}.ab-card-num{font-family:var(--font-display);color:var(--color-accent);font-size:1.75rem;line-height:1}.ab-card-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);font-size:clamp(1.125rem,1rem + .4vw,1.375rem);font-weight:600;line-height:1.05}.ab-card-tags{color:var(--color-muted);margin-top:.3rem;font-size:.6875rem;font-weight:500}.ab-card-go{border:1px solid var(--color-line-strong);width:2.25rem;height:2.25rem;color:var(--color-ink);border-radius:50%;place-items:center;transition:background-color .3s,border-color .3s,color .3s;display:grid;position:absolute;bottom:1rem;right:1rem}.ab-card:hover .ab-card-go,.ab-card:focus-visible .ab-card-go{border-color:var(--color-accent);background:var(--color-accent);color:#0b0b0b}@media (prefers-reduced-motion:reduce){.ab-card-img{transition:none}.ab-card:hover .ab-card-img,.ab-card:focus-visible .ab-card-img{scale:1}}.ab-exp{gap:.75rem;display:grid}@media (min-width:640px){.ab-exp{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.ab-exp{grid-template-columns:repeat(3,minmax(0,1fr))}}.ab-exp-card{border:1px solid var(--color-line);background:color-mix(in oklab, var(--color-paper) 80%, transparent);border-radius:12px;align-items:flex-start;gap:1rem;min-width:0;padding:1.125rem 1.25rem;transition:border-color .3s;display:flex}.ab-exp-card:hover{border-color:rgb(var(--accent-rgb) / .5)}.ab-exp-icon{width:2rem;height:2rem;color:var(--color-accent);flex-shrink:0}.ab-exp-title{color:var(--color-ink);font-size:.9375rem;font-weight:600;line-height:1.3}.ab-exp-desc{color:var(--color-muted);margin-top:.3rem;font-size:.8125rem;line-height:1.5}.ab-tools{gap:1.25rem 1rem;display:grid}@media (min-width:640px){.ab-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.ab-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}.ab-tool-group{flex-direction:column;min-width:0;display:flex}.ab-tool-group-name{letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink);margin-bottom:.5rem;font-size:.625rem;font-weight:600}.ab-tool-list{border:1px solid var(--color-line);background:color-mix(in oklab, var(--color-paper) 80%, transparent);border-radius:10px;flex-wrap:wrap;flex:1;align-content:flex-start;gap:.4rem;padding:.625rem;display:flex}.ab-tool{border:1px solid var(--color-line);background:var(--color-canvas);max-width:100%;color:var(--color-ink-soft);border-radius:7px;align-items:center;gap:.4rem;padding:.375rem .6rem;font-size:.75rem;font-weight:500;line-height:1.25;display:inline-flex}.ab-tool-logo,.ab-tool-icon{flex-shrink:0;width:.9375rem;height:.9375rem}.ab-tool-logo{background:currentColor}.ab-tool-icon{color:var(--color-muted)}.ab-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:640px){.ab-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media (min-width:1280px){.ab-steps{grid-template-columns:repeat(6,minmax(0,1fr))}}.ab-step{border:1px solid var(--color-line);background:color-mix(in oklab, var(--color-paper) 80%, transparent);border-radius:12px;min-width:0;padding:1rem .875rem;position:relative}@media (min-width:640px){.ab-step:not(:last-child):after{color:var(--color-muted);content:"→";font-size:.875rem;line-height:1;position:absolute;top:50%;right:-1.125rem;translate:0 -50%}}@media (min-width:640px) and (max-width:1279px){.ab-step:nth-child(3n):after{content:none}}.ab-step-num{font-family:var(--font-display);color:var(--color-accent);font-size:1.5rem;line-height:1;display:block}.ab-step-title{letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink);margin-top:.75rem;font-size:.8125rem;font-weight:700}.ab-step-desc{color:var(--color-muted);margin-top:.4rem;font-size:.75rem;line-height:1.5}.ab-close{isolation:isolate;scroll-margin-top:calc(var(--header-h) + 2rem);padding-block:clamp(3.5rem,2.25rem + 3.4vw,6rem) clamp(2.5rem,1.75rem + 2vw,4rem);position:relative}.ab-close:before{z-index:-1;background:radial-gradient(ellipse 34% 60% at 80% 55%, rgb(var(--accent-rgb) / .14), transparent 70%);content:"";pointer-events:none;position:absolute;inset:0}.ab-close-grid{align-items:center;gap:2rem;display:grid}@media (min-width:1200px){.ab-close-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(1.5rem,.5rem + 2vw,3rem)}}.ab-cpanel{--cta-panel-ink:#f5f2ea;--cta-panel-dark:#0b0b0b;--cpad:clamp(1.5rem, .9rem + 2vw, 3rem);--cgap:clamp(1.5rem, .75rem + 1.6vw, 2.75rem);isolation:isolate;min-width:0;padding:var(--cpad);box-shadow:inset 0 1px 0 #ffaa8299, 0 40px 90px -40px rgb(var(--accent-rgb) / .7);color:var(--cta-panel-dark);background:linear-gradient(165deg,#ff6b2e 0%,#f8581c 38%,#ea4f13 72%,#e04a10 100%);border-radius:18px;position:relative;overflow:hidden;container-type:inline-size}.ab-cpanel-grid{gap:var(--cgap);display:grid}@container (min-width:600px){.ab-cpanel-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:center}}.ab-cpanel-head{min-width:0;container-type:inline-size}.ab-cpanel-label{letter-spacing:.18em;text-transform:uppercase;color:var(--cta-panel-dark);align-items:center;gap:.5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.ab-cpanel-label-dot{background:var(--cta-panel-dark);border-radius:50%;width:6px;height:6px}.ab-cpanel-title{font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;color:var(--cta-panel-dark);margin-top:1.25rem;font-size:clamp(1.875rem,12.4cqi,5.5rem);font-weight:600;line-height:.97}.ab-cpanel-accent{color:var(--cta-panel-ink)}.ab-cpanel-side{min-width:0;color:var(--cta-panel-ink);position:relative}.ab-cpanel-side:before{inset:calc(-.5 * var(--cgap)) calc(-1 * var(--cpad)) calc(-1 * var(--cpad));z-index:-1;content:"";-webkit-mask-image:linear-gradient(to bottom, transparent, #000 calc(.5 * var(--cgap)));-webkit-mask-image:linear-gradient(to bottom, transparent, #000 calc(.5 * var(--cgap)));mask-image:linear-gradient(to bottom, transparent, #000 calc(.5 * var(--cgap)));background:linear-gradient(170deg,#c0400c 0%,#a8370b 60%,#8f2d09 100%);position:absolute}.ab-cpanel-side:after{top:calc(-.5 * var(--cgap));content:"";background:#0b0b0b4d;width:4rem;height:1px;position:absolute;left:0}@container (min-width:600px){.ab-cpanel-side{flex-direction:column;justify-content:center;align-self:stretch;display:flex}.ab-cpanel-side:before{inset:calc(-1 * var(--cpad)) calc(-1 * var(--cpad)) calc(-1 * var(--cpad)) calc(-.5 * var(--cgap));-webkit-mask-image:linear-gradient(to right, transparent, #000 calc(.5 * var(--cgap)));-webkit-mask-image:linear-gradient(to right, transparent, #000 calc(.5 * var(--cgap)));mask-image:linear-gradient(to right, transparent, #000 calc(.5 * var(--cgap)));background:linear-gradient(160deg,#c0400c 0%,#a8370b 60%,#8f2d09 100%)}.ab-cpanel-side:after{top:12%;bottom:12%;left:calc(-.5 * var(--cgap));width:1px;height:auto}}.ab-cpanel-side .cta-pill{align-self:flex-start}.ab-cpanel-copy{text-wrap:pretty;max-width:34ch;color:var(--cta-panel-ink);margin-top:1.25rem;font-size:clamp(.9375rem,.9rem + .25vw,1.0625rem);font-weight:450;line-height:1.6}.ab-cpanel-actions{flex-wrap:wrap;gap:.625rem;margin-top:1.5rem;display:flex}.ab-cpanel .cta-btn{letter-spacing:.08em;gap:.5rem;min-height:2.875rem;padding-inline:1rem;font-size:.75rem}.ab-btn-arrow{transition:translate .3s var(--ease-soft)}@media (prefers-reduced-motion:no-preference){.ab-cpanel .cta-btn:hover .ab-btn-arrow,.ab-cpanel .cta-btn:focus-visible .ab-btn-arrow{translate:2px -2px}}.ab-cpanel :focus-visible{outline:2px solid var(--cta-panel-ink);outline-offset:3px}.ab-cpanel-head :focus-visible{outline-color:var(--cta-panel-dark)}.ab-close-laptop{align-self:center}@media (max-width:1199px){.ab-close-laptop .laptop3d{width:min(100%,44rem)}}[data-anim=play]>.ab-cpanel,[data-anim=play] .ab-cpanel-head,[data-anim=play] .ab-cpanel-side,[data-anim=play]>.ab-close-laptop{transition:opacity .8s var(--ease-soft), transform .8s var(--ease-soft)}[data-anim=play] .ab-cpanel-head{transition-delay:.15s}[data-anim=play] .ab-cpanel-side{transition-delay:.3s}[data-anim=play]>.ab-close-laptop{transition-delay:.2s}[data-anim=ready]>.ab-cpanel{opacity:0;transform:translateY(24px)}[data-anim=ready] .ab-cpanel-head,[data-anim=ready] .ab-cpanel-side{opacity:0;transform:translateY(12px)}[data-anim=ready]>.ab-close-laptop{opacity:0}.ab-laptop{min-width:0;position:relative}.ab-laptop:before{background:radial-gradient(ellipse 34% 40% at 58% 44%, rgb(var(--accent-rgb) / .34), transparent 70%), radial-gradient(ellipse 46% 12% at 52% 80%, rgb(var(--accent-rgb) / .42), transparent 75%);content:"";filter:blur(24px);pointer-events:none;position:absolute;inset:-4% -4% -2%}:root[data-theme=light] .ab-laptop:before{opacity:.45}.ab-laptop .laptop3d{aspect-ratio:4/3;-webkit-mask-composite:source-in;width:min(100%,46rem);margin-inline:auto;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 9% 91%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.ab-laptop .laptop3d canvas{display:block}.ab-laptop .laptop3d-fallback{box-shadow:0 30px 70px -30px rgb(var(--accent-rgb) / .6);background:#0b0b0b;border:10px solid #111113;border-radius:14px;position:absolute;inset:12% 8% 18%;overflow:hidden}.ab-laptop .laptop3d-fallback img{width:100%;height:auto;display:block}
