*,*::before,*::after{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--space-5));-webkit-text-size-adjust:100%}body{margin:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-sans);font-size:var(--text-body);line-height:1.6;word-spacing:.04em;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}img{height:auto}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,fieldset,legend{margin:0;padding:0}fieldset{border:0;min-width:0}ul,ol{list-style:none}h1,h2,h3,h4{color:var(--color-ink);font-family:var(--font-display);font-weight:700;font-style:normal;line-height:1.15;letter-spacing:-.025em;word-spacing:0;overflow-wrap:anywhere;min-width:0}h2{font-size:var(--text-h2);text-wrap:balance}h3{font-size:var(--text-h3);line-height:1.25;letter-spacing:-.015em;font-weight:600}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--color-red);outline-offset:3px}.on-dark :focus-visible{outline-color:var(--color-on-dark)}.on-dark{color:var(--color-on-dark-2)}.on-dark h1,.on-dark h2,.on-dark h3{color:var(--color-on-dark)}.surface-gray{background:var(--color-paper-2)}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--space-8)}.lede{margin-top:var(--space-4);font-size:var(--text-body-l);color:var(--color-muted)}.on-dark .lede{color:var(--color-on-dark-2)}.eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--color-red);font-size:var(--text-small);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.eyebrow::before{content:"";flex:none;width:24px;height:2px;background:currentColor}.surface-gray .eyebrow{color:var(--color-red-dark)}.on-dark .eyebrow{color:var(--color-red-bright)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (min-width:60rem){.section{padding-block:var(--space-9)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px;padding:var(--space-3) var(--space-6);border:1px solid #fff0;border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:600;line-height:1.2;white-space:nowrap;transition:background-color var(--dur-button) var(--ease-out),border-color var(--dur-button) var(--ease-out),color var(--dur-button) var(--ease-out),transform var(--dur-button) var(--ease-out)}.btn svg{flex:none;transition:transform var(--dur-button) var(--ease-out)}.btn:hover{transform:translateY(-2px)}.btn:hover svg{transform:translateX(3px)}.btn:active{transform:none}.btn[disabled],.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn[data-loading="true"]{opacity:.7;cursor:progress;pointer-events:none}.btn--primary{background:var(--color-red);color:var(--color-on-dark);box-shadow:var(--shadow-red)}.btn--primary:hover{background:var(--color-red-dark)}.btn--ghost{border-color:var(--color-ink);color:var(--color-ink)}.btn--ghost:hover{background:var(--color-ink);color:var(--color-on-dark)}.on-dark .btn--ghost{border-color:var(--color-dim);color:var(--color-on-dark)}.on-dark .btn--ghost:hover{background:var(--color-on-dark);border-color:var(--color-on-dark);color:var(--color-ink)}.btn--small{min-height:44px;padding:var(--space-2) var(--space-5);font-size:.9375rem}.arrow-link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;white-space:nowrap;color:var(--color-ink)}.arrow-link svg{transition:transform var(--dur-button) var(--ease-out)}.arrow-link:hover svg{transform:translateX(4px)}.js [data-reveal]{opacity:0;transform:translateY(16px) scale(.98);transition:opacity var(--dur-section) var(--ease-out),transform var(--dur-section) var(--ease-out);transition-delay:calc(var(--d, 0) * 80ms)}.js [data-reveal].is-in{opacity:1;transform:none}.w{display:inline-block;overflow:clip;overflow-clip-margin:.04em;padding-bottom:.14em;margin-bottom:-.14em;vertical-align:top}.w>span{display:inline-block}.js [data-split] .w>span{transform:translateY(115%);transition:transform var(--dur-section) var(--ease-out);transition-delay:calc(var(--i, 0) * 35ms)}.js [data-split].is-in .w>span{transform:none}.hero{background:var(--color-ink)}.hero__pin{position:relative;overflow:clip;isolation:isolate;background:var(--color-ink)}.hero__pin::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:56px 56px}.hero__pin::after{content:"";position:absolute;z-index:-1;top:420px;right:-30%;left:-10%;height:640px;background:radial-gradient(45% 50% at 62% 34%,var(--color-blue-glow),transparent 72%),radial-gradient(38% 40% at 44% 82%,var(--color-red-glow),transparent 72%);animation:glow 14s var(--ease-in-out) infinite}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr)}.hero__copy{position:relative;z-index:2;padding-top:var(--space-7)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;margin-bottom:var(--space-4);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border:1px solid var(--color-rule-dark);border-radius:var(--radius-pill);background:var(--color-raised);color:var(--color-on-dark);font-size:var(--text-small);font-weight:500;animation:rise-in var(--dur-section) var(--ease-out) both}.badge b{flex:none;padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--color-red);font-size:var(--text-caption);font-weight:600}.hero__title{font-size:var(--text-display);text-wrap:balance}.hero__title .accent{color:var(--color-red-bright)}.hero__title .w>span{animation:word-up var(--dur-hero) var(--ease-out) both;animation-delay:calc(var(--i) * 45ms)}.hero__sub{max-width:36em;margin-top:var(--space-4);color:var(--color-on-dark-2);font-size:var(--text-body-l);text-wrap:pretty;animation:fade-in var(--dur-hero) var(--ease-out) 380ms both}.hero__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6);animation:rise-in var(--dur-hero) var(--ease-out) 480ms both}.hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-5);margin-top:var(--space-6);animation:fade-in var(--dur-hero) var(--ease-out) 620ms both}.hero__stats dt{order:2;font-size:var(--text-small)}.hero__stats dd{order:1;color:var(--color-on-dark);font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1.2}.hero__stats div{display:flex;flex-direction:column}@keyframes word-up{from{transform:translateY(115%)}to{transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes rise-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes glow{0%,100%{transform:none}50%{transform:translate(3%,-5%) scale(1.06)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.stage{--open:1;--reveal:1;--p:0;--mx:0;--my:0;position:relative;width:100%;aspect-ratio:1 / .92;margin-top:var(--space-5);perspective:1600px;perspective-origin:50% 40%}.stage::before{content:"";position:absolute;inset:2% -8% 4% -8%;pointer-events:none;background:radial-gradient(52% 48% at 58% 44%,rgb(120 150 220 / .32),transparent 72%)}.scene{position:absolute;inset:0;transform-style:preserve-3d;transform:translateX(calc(var(--p) * -3%)) rotateX(calc(6deg - var(--p) * 6deg - var(--my) * 4deg)) rotateY(calc(-10deg + var(--p) * 12deg + var(--mx) * 7deg))}.stage__floor{position:absolute;left:-4%;right:-4%;bottom:0;height:22%;background:radial-gradient(closest-side,var(--color-floor),transparent);transform:translateZ(-60px)}.stage__item{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:auto;max-width:none;transform:translateZ(var(--z));translate:calc(var(--mx) * var(--d) * -14px) calc(var(--my) * var(--d) * -10px);filter:drop-shadow(0 22px 26px rgb(0 0 0 / .5)) drop-shadow(0 0 1px rgb(205 218 245 / .45));user-select:none;pointer-events:none;-webkit-user-drag:none}.stage__item--laptop,.stage__item--lead{opacity:var(--open);transform:translateZ(calc(var(--z) + var(--p) * 70px)) translateY(calc((1 - var(--open)) * 10%)) scale(calc(0.94 + var(--open) * 0.06))}.stage__item--back{opacity:var(--reveal);translate:calc((1 - var(--reveal)) * 22% + var(--mx) * var(--d) * -14px) calc(var(--my) * var(--d) * -10px)}.stage__item--monitor{--x:50%;--y:4%;--w:46%;--z:-150px;--d:0.5}.stage__item--tower{--x:28%;--y:0%;--w:29%;--z:-90px;--d:0.7}.stage__item--keyboard{--x:46%;--y:50%;--w:50%;--z:-30px;--d:0.9}.stage__item--mouse{--x:87%;--y:54%;--w:12%;--z:-20px;--d:1}.stage__item--laptop{--x:0%;--y:34%;--w:76%;--z:60px;--d:1.4}.float-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;background:none;color:var(--color-on-dark-2);font-size:var(--text-caption);line-height:1.3;text-shadow:0 1px 2px rgb(0 0 0 / .7),0 0 14px rgb(0 0 0 / .55);animation:float 6s var(--ease-in-out) infinite}.float-chip b{display:block;color:var(--color-on-dark);font-size:var(--text-small);font-weight:600;white-space:nowrap}.float-chip svg{flex:none;width:26px;height:26px;color:var(--color-red-bright);filter:drop-shadow(0 1px 3px rgb(0 0 0 / .6))}.float-chip--a{left:0;top:0}.float-chip--b{right:0;bottom:var(--space-1);animation-delay:-3s}@media (min-width:40rem){.hero__actions{flex-direction:row;flex-wrap:wrap}.hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-5) var(--space-7)}.stage{width:min(100%, 560px);margin-inline:auto}}@media (min-width:60rem){.hero{height:140vh;min-height:980px}.hero__pin{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));min-height:640px}.hero__pin::after{top:-20%;right:-10%;bottom:-20%;left:35%;height:auto}.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);height:100%;align-items:center}.hero__copy{padding-top:0}.stage{width:100%;margin-top:0}.float-chip--a{left:0;top:20%}.float-chip--b{right:0;bottom:6%}}.brandstrip{padding-block:var(--space-6) var(--space-7);background:var(--color-ink);overflow:clip;border-top:1px solid var(--color-rule-dark)}.brandstrip__label{margin-bottom:var(--space-5);color:var(--color-on-dark-2);font-family:var(--font-sans);font-size:var(--text-small);font-weight:500;letter-spacing:.12em;text-align:center;text-transform:uppercase}.marquee-wrap{-webkit-mask-image:linear-gradient(90deg,transparent,var(--color-ink) 8%,var(--color-ink) 92%,transparent);mask-image:linear-gradient(90deg,transparent,var(--color-ink) 8%,var(--color-ink) 92%,transparent)}.marquee{display:flex;width:max-content;animation:marquee 34s linear infinite}.marquee:hover,.marquee:focus-within{animation-play-state:paused}.marquee__set{display:flex;gap:var(--space-4);padding-right:var(--space-4)}.marquee a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:200px;height:80px;padding-inline:var(--space-5);background:none;color:var(--color-on-dark-2);font-size:var(--text-caption);text-align:center;opacity:.86;transition:transform var(--dur-button) var(--ease-out),opacity var(--dur-button) var(--ease-out)}.marquee a img{width:auto;height:44px;max-width:150px;object-fit:contain;pointer-events:none}.marquee a img[src*="logo-hp"],.marquee a img[src*="logo-dell"]{height:54px}.marquee a:hover,.marquee a:focus-visible{transform:translateY(-3px);opacity:1;color:var(--color-on-dark)}.brandstrip__note{margin-top:var(--space-4);padding-inline:var(--gutter);font-size:var(--text-caption);text-align:center}@keyframes marquee{to{transform:translateX(-50%)}}.clients{padding-block:var(--space-6);background:var(--color-paper);overflow:clip;border-bottom:1px solid var(--color-rule)}.clients__title{margin-bottom:var(--space-4);font-size:var(--text-h2);text-align:center}.marquee--clients{animation-duration:120s;animation-direction:reverse}.marquee--clients:hover,.marquee--clients:focus-within{animation-play-state:running}.marquee .client-logo{display:flex;align-items:center;justify-content:center;flex:none;height:80px;padding-inline:var(--space-6);filter:grayscale(1);opacity:.6;transition:filter 400ms var(--ease-out),opacity 400ms var(--ease-out),transform var(--dur-button) var(--ease-out)}.marquee .client-logo img{width:auto;height:var(--h,44px);max-width:200px;object-fit:contain;pointer-events:none}.marquee .client-logo:hover{filter:none;opacity:1;transform:translateY(-3px)}@media (min-width:60rem){.clients{padding-block:var(--space-7)}}.split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.switch{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:320px;margin-top:var(--space-5);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-paper-2)}.switch::before{content:"";position:absolute;top:var(--space-1);bottom:var(--space-1);left:var(--space-1);width:calc(50% - var(--space-1));border-radius:var(--radius-pill);background:var(--color-red);transition:transform var(--dur-state) var(--ease-out)}[data-mode="beli"] .switch::before{transform:translateX(100%)}.switch label{position:relative;display:block;cursor:pointer}.switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.switch span{display:flex;align-items:center;justify-content:center;height:44px;border-radius:var(--radius-pill);font-weight:600;transition:color var(--dur-button) var(--ease-out)}.switch input:checked+span{color:var(--color-on-dark)}.switch input:focus-visible+span{outline:2px solid var(--color-ink);outline-offset:2px}.swap-stack{display:grid;overflow:clip}.swap{grid-area:1 / 1;transition:transform var(--dur-state) var(--ease-out),opacity var(--dur-button) var(--ease-out),visibility var(--dur-state);transition-delay:calc(var(--i, 0) * 45ms)}[data-mode="sewa"] .swap--beli,[data-mode="beli"] .swap--sewa{opacity:0;visibility:hidden}[data-mode="sewa"] .swap--beli{transform:translateY(70%)}[data-mode="beli"] .swap--sewa{transform:translateY(-70%)}.compare__cta{display:grid;justify-items:start;margin-top:var(--space-6);overflow:visible}.compare__card{padding:var(--space-2) var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);box-shadow:var(--shadow)}.compare__row{display:grid;gap:var(--space-1);padding-block:var(--space-4);border-bottom:1px solid var(--color-rule)}.compare__row:last-child{border-bottom:0}.compare__row dt{color:var(--color-muted);font-size:var(--text-small)}.compare__row dd{color:var(--color-ink);font-weight:600}@media (min-width:40rem){.compare__row{grid-template-columns:170px minmax(0,1fr);align-items:baseline;gap:var(--space-5)}}@media (min-width:60rem){.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-8);align-items:start}.compare__card{padding:var(--space-3) var(--space-6)}}.rail-head{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-5)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink-2);font-size:var(--text-small);font-weight:600;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.chip:hover{border-color:var(--color-ink)}.chip[aria-pressed="true"]{background:var(--color-red);border-color:var(--color-red);color:var(--color-on-dark)}.rail{--rail-pad:max(var(--gutter), calc((100% - var(--container)) / 2));display:flex;gap:var(--space-5);padding:var(--space-3) var(--rail-pad) var(--space-6);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--rail-pad);scrollbar-width:none;cursor:grab}.rail::-webkit-scrollbar{display:none}.rail.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none}.rail.is-drag a{pointer-events:none}.product{flex:0 0 min(82%, 340px);display:flex;flex-direction:column;scroll-snap-align:start;border:1px solid var(--color-rule);border-radius:var(--radius);overflow:hidden;background:var(--color-paper);transition:opacity var(--dur-state) var(--ease-out),transform var(--dur-card) var(--ease-out),box-shadow var(--dur-card) var(--ease-out),border-color 300ms var(--ease-out)}.product:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--color-paper)}.product.is-out{opacity:0;transform:scale(.96)}.product__media{display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-paper-2)}.product__media img{width:min(80%, 230px);pointer-events:none}.product__body{display:flex;flex:1;flex-direction:column;padding:var(--space-5)}.product__brand{color:var(--color-red);font-size:var(--text-caption);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.product h3{font-size:var(--text-h4)}.product__specs{display:grid;gap:var(--space-1);margin-block:var(--space-4);font-size:var(--text-small)}.product__specs div{display:flex;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-rule)}.product__specs dt{color:var(--color-muted)}.product__specs dt{flex:none}.product__specs dd{color:var(--color-ink);font-weight:600;text-align:right}.product__media img{aspect-ratio:4 / 3;object-fit:contain;transition:scale var(--dur-card) var(--ease-out)}.product:hover .product__media img{scale:1.04}.product__source{margin-top:var(--space-2);margin-bottom:var(--space-4);color:var(--color-ink-2);font-size:var(--text-caption)}.product__price{margin-bottom:var(--space-3);color:var(--color-muted);font-size:var(--text-small)}.product .btn{width:100%;margin-top:auto}.rail-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.rail-bar{flex:1 1 120px;height:2px;background:var(--color-rule)}.rail-bar span{display:block;height:100%;background:var(--color-red);transform:scaleX(var(--rail,0));transform-origin:left}.rail-nav{display:flex;gap:var(--space-2)}.rail-nav button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-rule);border-radius:50%;background:var(--color-paper);color:var(--color-ink);transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.rail-nav button:hover{background:var(--color-red);border-color:var(--color-red);color:var(--color-on-dark)}@media (min-width:60rem){.rail-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}.dial{display:grid;justify-items:center;gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-6) var(--space-5);border-radius:var(--radius);background:var(--color-ink);box-shadow:var(--shadow)}.dial__face{position:relative;width:min(100%, 260px);aspect-ratio:1}.dial__face svg{width:100%;height:100%;transform:rotate(-90deg)}.dial__tick{stroke:var(--color-rule-dark);stroke-width:2;transition:stroke var(--dur-button) var(--ease-out);transition-delay:calc(var(--t) * 6ms)}.dial__tick.is-on{stroke:var(--color-on-dark)}.dial__arc{fill:none;stroke:var(--color-red);stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--arc, 0) * 100)}.dial__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dial__num{color:var(--color-on-dark);font-family:var(--font-display);font-size:3.25rem;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.dial__label{max-width:11em;margin-top:var(--space-2);font-size:var(--text-small);line-height:1.35}.years__legend{margin-bottom:var(--space-3);color:var(--color-on-dark);font-weight:600;text-align:center;width:100%}.years{display:grid;grid-template-columns:repeat(5,48px);gap:var(--space-2)}.years label{position:relative;display:block;cursor:pointer}.years input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.years span{display:flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--color-rule-dark);border-radius:50%;color:var(--color-on-dark);font-weight:600;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.years label:hover span{border-color:var(--color-on-dark-2)}.years input:checked+span{background:var(--color-red);border-color:var(--color-red)}.years input:focus-visible+span{outline:2px solid var(--color-on-dark);outline-offset:3px}.steps{position:relative;display:grid;gap:var(--space-6)}.steps::before,.steps::after{content:"";position:absolute;left:27px;top:28px;bottom:56px;width:2px;background:var(--color-rule)}.steps::after{background:var(--color-red);transform:scaleY(var(--line,0));transform-origin:top}.step{position:relative;z-index:1;display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--space-4);align-items:start}.step__n{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-paper);box-shadow:var(--shadow);color:var(--color-ink);font-family:var(--font-display);font-size:1.125rem;font-weight:700;transition:background-color var(--dur-state) var(--ease-out),color var(--dur-state) var(--ease-out)}.step.is-on .step__n{background:var(--color-red);color:var(--color-on-dark)}.step h3{font-size:var(--text-h4)}.step p{margin-top:var(--space-1);color:var(--color-muted)}.rental__foot{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);margin-top:var(--space-7)}.rental__foot small{color:var(--color-muted);font-size:var(--text-small)}@media (min-width:60rem){.rental__left{position:sticky;top:calc(var(--header-h) + var(--space-5))}.steps{gap:var(--space-8);padding-top:var(--space-3)}.rental__foot{flex-direction:row;align-items:center;justify-content:space-between}}.builder__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);margin-top:var(--space-6)}.builder__form{display:grid;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);box-shadow:var(--shadow)}.builder__legend{display:block;margin-bottom:var(--space-2);color:var(--color-ink);font-weight:600}.pick{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pick label{position:relative;display:block;cursor:pointer}.pick input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.pick span{display:flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink-2);font-size:var(--text-small);font-weight:600;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.pick label:hover span{border-color:var(--color-ink)}.pick input:checked+span{background:var(--color-red);border-color:var(--color-red);color:var(--color-on-dark)}.pick input:focus-visible+span{outline:2px solid var(--color-ink);outline-offset:2px}.range-row{display:flex;align-items:center;gap:var(--space-4)}.range-row output{flex:none;min-width:3.5em;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-h3);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}input[type="range"]{flex:1;min-width:0;height:44px;margin:0;accent-color:var(--color-red);cursor:pointer}.brief{position:relative;overflow:clip;isolation:isolate;padding:var(--space-5);border-radius:var(--radius);background:var(--color-ink)}.brief::before{content:"";position:absolute;z-index:-1;inset:40% -20% -40% 30%;background:radial-gradient(closest-side,var(--color-red-glow),transparent)}.brief__title{margin-bottom:var(--space-3);font-size:var(--text-small)}.brief__text{color:var(--color-on-dark);font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;line-height:1.3;letter-spacing:-.015em}.brief__text.is-swap{animation:brief-in var(--dur-state) var(--ease-out)}@keyframes brief-in{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}.brief__units{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px;margin-block:var(--space-5)}.brief__units i{display:block;aspect-ratio:1;border-radius:3px;background:var(--color-rule-dark);transition:background-color var(--dur-micro) var(--ease-out);transition-delay:calc(var(--u) * 3ms)}.brief__units i.is-on{background:var(--color-red)}.brief__hint{margin-bottom:var(--space-5);font-size:var(--text-small)}@media (min-width:60rem){.builder__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-6);margin-top:var(--space-7)}.builder__form{padding:var(--space-6)}.brief{position:sticky;top:calc(var(--header-h) + var(--space-5));align-self:start;padding:var(--space-6)}}.why{position:relative;overflow:clip;isolation:isolate;background:var(--color-ink)}.why::before{content:"";position:absolute;z-index:-1;inset:40% 50% -30% -20%;background:radial-gradient(closest-side,var(--color-blue-glow),transparent)}.why__head{max-width:42em;margin-bottom:var(--space-6)}.bento{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);perspective:1200px}.bento__card{padding:var(--space-5);border:1px solid var(--color-rule-dark);border-radius:var(--radius);background:var(--color-raised)}.bento__icon{display:flex;align-items:center;justify-content:flex-start;width:auto;height:auto;margin-bottom:var(--space-5);color:var(--color-red-bright)}.bento__icon svg{width:36px;height:36px}.bento__card p{margin-top:var(--space-2)}.bento__card h3{font-size:var(--text-h4)}@media (min-width:40rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento__card:first-child{grid-column:span 2}}@media (min-width:60rem){.bento{grid-template-columns:repeat(12,minmax(0,1fr))}.bento__card{grid-column:span 3;padding:var(--space-6)}.bento__card:first-child{grid-column:span 6}.bento__card:nth-child(4),.bento__card:nth-child(5){grid-column:span 6}.why__head{margin-bottom:var(--space-7)}}.insight-list{display:grid;gap:var(--space-3)}.insight{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);transition:transform var(--dur-card) var(--ease-out),box-shadow var(--dur-card) var(--ease-out)}.insight:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.insight h3{font-size:var(--text-h4)}.insight span{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-red-tint);color:var(--color-red);transition:background-color var(--dur-button) var(--ease-out),color var(--dur-button) var(--ease-out)}.insight:hover span{background:var(--color-red);color:var(--color-on-dark)}.final{padding-block:var(--space-7)}.final__panel{position:relative;overflow:clip;isolation:isolate;display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-5);border-radius:28px;background:var(--color-ink);text-align:center}.final__panel::before{content:"";position:absolute;z-index:-1;inset:-40% 30% -40% -30%;background:radial-gradient(closest-side,var(--color-red-glow),transparent);animation:glow 12s var(--ease-in-out) infinite}.final__panel::after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:56px 56px}.final h2{max-width:20em}.final p{max-width:36em;margin-top:var(--space-3)}.final__actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-top:var(--space-6)}@media (min-width:40rem){.final__actions{flex-direction:row;justify-content:center;width:auto}}@media (min-width:60rem){.final{padding-block:var(--space-9)}.final__panel{padding-block:var(--space-9)}}.toast{position:fixed;left:50%;bottom:var(--space-5);z-index:150;max-width:calc(100vw - 2 * var(--gutter));padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-hover);font-size:var(--text-small);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity var(--dur-button) var(--ease-out),transform var(--dur-button) var(--ease-out),visibility var(--dur-button)}.toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0)}.badge span{white-space:nowrap}@media (max-width:30rem){.badge{font-size:var(--text-caption);gap:var(--space-2)}.badge b{padding-inline:var(--space-2)}}@media (max-width:39.99rem){.hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.hero__stats dd{font-size:1.25rem}.hero__stats dt{font-size:var(--text-caption);line-height:1.35}.stage{margin-top:var(--space-7)}.final__panel{padding:var(--space-6) var(--space-4) var(--space-4)}.lead{padding:var(--space-5) var(--space-4)}}.faq{border-top:1px solid var(--color-rule)}.faq__item{border-bottom:1px solid var(--color-rule)}.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:64px;padding-block:var(--space-4);cursor:pointer;list-style:none;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-h4);font-weight:600;letter-spacing:-.015em;line-height:1.3;transition:color var(--dur-micro) var(--ease-out)}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary::after{content:"";flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(currentColor,currentColor) center / 12px 2px no-repeat,linear-gradient(currentColor,currentColor) center / 2px 12px no-repeat,var(--color-paper-2);color:var(--color-ink);transition:transform var(--dur-state) var(--ease-out),background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.faq__item summary:hover{color:var(--color-red-dark)}.faq__item[open] summary::after{transform:rotate(45deg);background:linear-gradient(currentColor,currentColor) center / 12px 2px no-repeat,linear-gradient(currentColor,currentColor) center / 2px 12px no-repeat,var(--color-red);color:var(--color-on-dark)}.faq__item summary:focus-visible{outline-offset:4px;border-radius:var(--radius-s)}.faq__body{padding-bottom:var(--space-5);max-width:38em;color:var(--color-muted)}.faq__item[open] .faq__body{animation:rise-in var(--dur-state) var(--ease-out)}@media (min-width:60rem){.faq__head{position:sticky;top:calc(var(--header-h) + var(--space-5))}}.final__panel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:start;padding:var(--space-6) var(--space-5);text-align:left}.final h2{max-width:14em}.final__copy{display:flex;flex-direction:column;align-items:flex-start}.final__copy .btn{margin-top:var(--space-6)}.final__points{display:grid;gap:var(--space-2);margin-top:var(--space-5)}.final__points li{position:relative;padding-left:var(--space-6);color:var(--color-on-dark)}.final__points li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:var(--color-red)}.final__points li::after{content:"";position:absolute;left:6px;top:calc(0.2em + 6px);width:8px;height:4px;border-left:2px solid var(--color-on-dark);border-bottom:2px solid var(--color-on-dark);transform:rotate(-45deg)}.lead{display:grid;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius);background:var(--color-paper);color:var(--color-ink-2);box-shadow:var(--shadow-hover)}.lead :focus-visible{outline-color:var(--color-red)}.field{display:grid;gap:var(--space-1);min-width:0}.field-row{display:grid;gap:var(--space-4)}.field label{color:var(--color-ink);font-size:var(--text-small);font-weight:600}.field input,.field textarea{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius-s);background:var(--color-paper-2);color:var(--color-ink);font:inherit;transition:border-color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.field textarea{min-height:112px;resize:vertical}.field input:hover,.field textarea:hover{border-color:var(--color-muted)}.field input:focus,.field textarea:focus{background:var(--color-paper);border-color:var(--color-red);outline:2px solid var(--color-red-tint);outline-offset:0}.field input[aria-invalid="true"]{border-color:var(--color-red);background:var(--color-red-tint)}.field textarea.is-filled{animation:brief-in var(--dur-state) var(--ease-out);border-color:var(--color-red)}.field-error{color:var(--color-red-dark);font-size:var(--text-small);font-weight:600}.lead .btn{width:100%}.lead .btn.is-done{background:var(--color-ink);box-shadow:none}@media (min-width:40rem){.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.final__panel{padding:var(--space-7)}}@media (min-width:60rem){.final__panel{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-8);padding:var(--space-8)}.lead{padding:var(--space-6)}}.field-status{padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);background:var(--color-paper-2);color:var(--color-ink);font-size:var(--text-small)}.final .field-status{margin-top:0;max-width:none}.product__modes{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:var(--space-4)}.product__modes li{padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--color-red-tint);color:var(--color-red-dark);font-size:var(--text-caption);font-weight:600}.insight h3 small{display:block;margin-top:var(--space-1);color:var(--color-muted);font-family:var(--font-sans);font-size:var(--text-small);font-weight:400;letter-spacing:0;line-height:1.5}.rail-head .lede{max-width:36em}html:not(.js) .marquee{animation:none;width:auto;justify-content:center}html:not(.js) .marquee__set{flex-wrap:wrap;justify-content:center}.brandstrip__ext{color:var(--color-on-dark);text-decoration:underline;text-underline-offset:3px}.brandstrip__ext:hover{color:var(--color-red-bright)}.inline-link{color:var(--color-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--color-red);text-decoration-thickness:2px;text-underline-offset:3px;transition:color var(--dur-micro) var(--ease-out)}.inline-link:hover{color:var(--color-red-dark)}.crumbs{margin-bottom:var(--space-4);font-size:var(--text-small);animation:fade-in var(--dur-hero) var(--ease-out) both}.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.crumbs li{display:flex;align-items:center;gap:var(--space-2)}.crumbs li+li::before{content:"";width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.6}.crumbs a{color:var(--color-on-dark-2);transition:color var(--dur-micro) var(--ease-out)}.crumbs a:hover{color:var(--color-on-dark)}.crumbs [aria-current]{color:var(--color-on-dark)}.stage--desktop{aspect-ratio:1 / .86}.stage--desktop .stage__item--tower{--x:4%;--y:10%;--w:32%;--z:60px;--d:1.4}.stage--desktop .stage__item--monitor{--x:34%;--y:4%;--w:62%;--z:-110px;--d:0.5}.stage--desktop .stage__item--keyboard{--x:30%;--y:70%;--w:56%;--z:10px;--d:1}.stage--desktop .stage__item--mouse{--x:87%;--y:74%;--w:12%;--z:10px;--d:1.1}@media (min-width:60rem){.stage--desktop .float-chip--a{left:auto;right:0;top:0}.stage--desktop .float-chip--b{right:auto;left:0;top:auto;bottom:0}}.stage--solo{aspect-ratio:1 / .78}.stage--solo .stage__item--laptop{--x:4%;--y:10%;--w:92%;--z:40px;--d:1.2}.benefits{display:grid;border-top:1px solid var(--color-rule)}.benefit{display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--space-4);align-items:start;padding-block:var(--space-5);border-bottom:1px solid var(--color-rule)}.benefit__icon{display:flex;align-items:flex-start;justify-content:flex-start;width:52px;color:var(--color-red)}.benefit__icon svg{width:36px;height:36px}.benefit{position:relative;transition:background-color var(--dur-card) var(--ease-out)}.benefit::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--color-red);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-card) var(--ease-out)}.benefit:hover::before{transform:scaleX(1)}.benefit h3{font-size:var(--text-h4)}.benefit p{margin-top:var(--space-1);color:var(--color-muted)}@media (min-width:60rem){.benefit__head{position:sticky;top:calc(var(--header-h) + var(--space-5))}.benefit{padding-block:var(--space-6)}}.dur__plan{display:grid;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);box-shadow:var(--shadow)}.dur__plan-title{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;letter-spacing:-.015em;line-height:1.3}.dur__plan-title b{color:var(--color-red);font-weight:700;font-variant-numeric:tabular-nums}.yearbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.yearbar i{display:flex;align-items:flex-end;height:56px;padding:var(--space-2);border-radius:10px;background:var(--color-paper-2);color:var(--color-muted);font-size:var(--text-caption);font-style:normal;font-weight:600;line-height:1.2;transition:background-color var(--dur-state) var(--ease-out),color var(--dur-state) var(--ease-out);transition-delay:calc(var(--y, 0) * 60ms)}.yearbar i.is-on{background:var(--color-red);color:var(--color-on-dark)}.dur__rows li{display:grid;gap:var(--space-1);padding-block:var(--space-4);border-top:1px solid var(--color-rule)}.dur__when{color:var(--color-red-dark);font-size:var(--text-small);font-weight:700;font-variant-numeric:tabular-nums}.dur__rows h3{font-size:var(--text-h4)}.dur__rows p{margin-top:var(--space-1);color:var(--color-muted)}.dur__plan .btn{width:100%}@media (min-width:40rem){.dur__rows li{grid-template-columns:130px minmax(0,1fr);gap:var(--space-5);align-items:baseline}.dur__plan .btn{width:auto;justify-self:start}}@media (min-width:60rem){.dur__plan{padding:var(--space-6);position:sticky;top:calc(var(--header-h) + var(--space-5))}}.product--consult{background:var(--color-ink);border-color:var(--color-ink)}.product--consult:hover{border-color:var(--color-ink)}.product--consult .product__body{justify-content:flex-end;gap:var(--space-3);padding:var(--space-6) var(--space-5)}.product--consult .product__brand{color:var(--color-red-bright)}.product--consult h3{font-size:var(--text-h3)}.product--consult p:not(.product__brand){color:var(--color-on-dark-2)}@media (min-width:40rem){.bento--six .bento__card:last-child{grid-column:span 2}}@media (min-width:60rem){.bento--six .bento__card,.bento--six .bento__card:nth-child(4),.bento--six .bento__card:nth-child(5){grid-column:span 3}.bento--six .bento__card:first-child,.bento--six .bento__card:last-child{grid-column:span 6}}.included__note{margin-top:var(--space-5);font-size:var(--text-small)}@media (min-width:40rem){.bento--four .bento__card:first-child{grid-column:auto}}@media (min-width:60rem){.bento--four .bento__card,.bento--four .bento__card:first-child,.bento--four .bento__card:nth-child(4){grid-column:span 3}}.brand-tile{display:flex;flex-direction:column;align-items:flex-start}.brand-tile__logo{width:auto;height:44px;max-width:160px;margin-bottom:var(--space-5);object-fit:contain}.brand-tile__logo[src*="logo-hp"],.brand-tile__logo[src*="logo-dell"]{height:52px}.brand-tile__link{margin-top:auto;padding-top:var(--space-4);color:var(--color-on-dark);font-size:var(--text-small);font-weight:600;text-decoration:underline;text-decoration-color:var(--color-red-bright);text-underline-offset:4px}.fx-card:hover .brand-tile__link{text-decoration-color:var(--color-on-dark)}.flow__cta{margin-top:var(--space-6)}.usecase__head{max-width:42em}.tabs{margin-top:var(--space-6)}.tabs__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tab{min-height:44px;padding:var(--space-2) var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink-2);font-size:var(--text-small);font-weight:600;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.tab:hover{border-color:var(--color-ink)}.tab[aria-selected="true"]{background:var(--color-red);border-color:var(--color-red);color:var(--color-on-dark)}.tabs__panel{display:grid;gap:var(--space-5);margin-top:var(--space-5);padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);box-shadow:var(--shadow)}.tabs__panel[hidden]{display:none}.tabs__panel.is-swap{animation:rise-in var(--dur-state) var(--ease-out)}.tabs__panel:focus-visible{outline-offset:4px}.tabs__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.tabs__copy h3{font-size:var(--text-h3)}.tabs__copy p{max-width:36em;color:var(--color-muted)}.tabs__copy .arrow-link{margin-top:auto;padding-top:var(--space-3);white-space:normal}.tabs__aside{padding:var(--space-5);border-radius:var(--radius-s);background:var(--color-ink)}.tabs__aside-title{font-size:var(--text-small)}.tabs__aside .final__points{margin-top:var(--space-4)}@media (min-width:60rem){.tabs__panel{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-7);padding:var(--space-6)}.tabs__aside{padding:var(--space-6)}}.wizard{align-self:start}.wizard h3{color:var(--color-ink);font-size:var(--text-h4)}.wizard p{margin-top:0}.wizard .btn--ghost{border-color:var(--color-ink);color:var(--color-ink)}.wizard .btn--ghost:hover{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-on-dark)}.wizard__head{display:grid;gap:var(--space-3)}.wizard__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);counter-reset:wz;color:var(--color-muted);font-size:var(--text-small);font-weight:600}.wizard__steps li{display:flex;align-items:center;gap:var(--space-2);min-width:0;counter-increment:wz;transition:color var(--dur-button) var(--ease-out)}.wizard__steps li::before{content:counter(wz);flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-paper-2);color:var(--color-ink);font-size:var(--text-caption);transition:background-color var(--dur-button) var(--ease-out),color var(--dur-button) var(--ease-out)}.wizard__steps li[aria-current="step"]{color:var(--color-ink)}.wizard__steps li[aria-current="step"]::before,.wizard__steps li.is-done::before{background:var(--color-red);color:var(--color-on-dark)}@media (max-width:479px){.wizard__steps{grid-template-columns:repeat(3,auto);justify-content:start;gap:var(--space-3)}.wizard__steps li:not([aria-current="step"]){font-size:0;gap:0}}.wizard__bar{height:4px;border-radius:var(--radius-pill);background:var(--color-rule);overflow:hidden}.wizard__bar span{display:block;height:100%;background:var(--color-red);transform:scaleX(var(--wz,.333));transform-origin:left;transition:transform var(--dur-state) var(--ease-out)}.wizard__panel{display:grid;gap:var(--space-4);min-width:0}.js .wizard__panel:not(.is-active){display:none}.js .wizard__panel.is-active{animation:rise-in var(--dur-state) var(--ease-out)}.field__legend{display:block;margin-bottom:var(--space-2);color:var(--color-ink);font-size:var(--text-small);font-weight:600}.wizard .pick span{min-height:40px}.wizard__nav{display:flex;gap:var(--space-3)}.wizard__nav .btn{flex:1 1 0%;width:auto;padding-inline:var(--space-5)}html:not(.js) [data-wz-next],html:not(.js) [data-wz-back],html:not(.js) .wizard__summary{display:none}.wizard__summary{display:grid;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-s);background:var(--color-paper-2)}.wizard__summary span{color:var(--color-muted);font-size:var(--text-caption);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.wizard__summary p{color:var(--color-ink);font-weight:600}.wizard.is-sent .wizard__head,.wizard.is-sent .wizard__panel{display:none}.wizard__done{display:grid;justify-items:start;gap:var(--space-3);padding-block:var(--space-5);animation:rise-in var(--dur-state) var(--ease-out)}.wizard__done[hidden]{display:none}.wizard__done h3:focus{outline:none}.wizard__done p{color:var(--color-muted)}.wizard__done .btn{width:auto;margin-top:var(--space-3)}.wizard__done-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--color-red);color:var(--color-on-dark)}.fx-card{--px:50%;--py:50%;--ax:0;--ay:1;--ang:0deg;--lift:0px;--fx-glow:rgb(255 90 96 / 0.16);--fx-edge:var(--color-red-bright);position:relative;isolation:isolate;overflow:hidden;translate:0 var(--lift);rotate:var(--ax) var(--ay) 0 var(--ang);transition:opacity var(--dur-section) var(--ease-out),transform var(--dur-section) var(--ease-out),translate var(--dur-card) var(--ease-out),rotate 600ms var(--ease-out),border-color 300ms var(--ease-out),box-shadow var(--dur-card) var(--ease-out),background-color 300ms var(--ease-out)}.fx-card::before,.fx-card::after{content:"";position:absolute;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity var(--dur-card) var(--ease-out)}.fx-card::before{inset:0;z-index:-1;opacity:1;background:radial-gradient(360px circle at var(--px) var(--py),rgb(255 255 255 / .14),transparent 65%),linear-gradient(150deg,var(--color-red) 0%,var(--color-red-dark) 100%);clip-path:circle(0% at var(--px) var(--py));transition:clip-path 650ms var(--ease-out)}.fx-card:hover::before,.fx-card:focus-within::before{clip-path:circle(150% at var(--px) var(--py))}.fx-card p,.fx-card .bento__icon{transition:color 350ms var(--ease-out)}.fx-card:hover p,.fx-card:focus-within p{color:rgb(255 255 255 / .92)}.fx-card:hover .bento__icon,.fx-card:focus-within .bento__icon{color:var(--color-on-dark)}.fx-card:hover{--fx-edge:rgb(255 255 255 / 0.7)}.fx-card::after{inset:-1px;padding:1px;background:radial-gradient(260px circle at var(--px) var(--py),var(--fx-edge),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.fx-card:hover,.fx-card:focus-within{--lift:-6px;border-color:var(--color-red);box-shadow:0 30px 60px -28px rgb(230 33 41 / .55)}.fx-card:hover::after,.fx-card:focus-within::after{opacity:1}.fx-card h3{transition:translate var(--dur-card) var(--ease-out)}.fx-card:hover h3{translate:4px 0}.fx-card .bento__icon svg,.fx-icon svg{transition:translate var(--dur-card) var(--ease-out),scale var(--dur-card) var(--ease-out)}.fx-card:hover .bento__icon svg,.fx-icon:hover svg{translate:0 -3px;scale:1.08}.js .fx-card:hover [pathLength],.js .fx-icon:hover [pathLength]{animation:fx-draw 900ms var(--ease-out) both}@keyframes fx-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:120ms!important;transition-delay:0ms!important}.marquee{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.marquee__set{flex-wrap:wrap;justify-content:center}.marquee__set[aria-hidden="true"],.marquee .is-clone{display:none}.marquee-wrap{-webkit-mask-image:none;mask-image:none}.js [data-reveal]{transform:none}.fx-card{rotate:none;translate:none}.js .fx-card:hover [pathLength],.js .fx-icon:hover [pathLength]{animation:none}.js [data-split] .w>span{transform:none}}.stage--solo .float-chip--a{left:0;top:0}.stage--solo .float-chip--b{right:0;bottom:0;top:auto}@media (max-width:39.99rem){.stage{width:88%;margin-inline:auto}}.cat-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-6);padding:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper)}.cat-bar .chips+.chips{padding-left:var(--space-5);border-left:1px solid var(--color-rule)}.cat-bar__count{margin-left:auto;color:var(--color-muted);font-size:var(--text-small)}.cat-bar__count b{color:var(--color-ink)}@media (max-width:59.99rem){.cat-bar{flex-direction:column;align-items:stretch}.cat-bar .chips+.chips{padding-left:0;padding-top:var(--space-3);border-left:0;border-top:1px solid var(--color-rule)}.cat-bar__count{margin-left:0}}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%, 270px),1fr));gap:var(--space-5)}.cat-grid .product{flex:none}.product__brand span{color:var(--color-muted);letter-spacing:.04em}.cat-card{position:relative}.cat-card.is-picked{border-color:var(--color-red);box-shadow:0 0 0 1px var(--color-red),var(--shadow)}.cat-pick{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;margin-bottom:var(--space-4);color:var(--color-ink-2);font-size:var(--text-small);font-weight:600;cursor:pointer}.cat-pick input{width:18px;height:18px;margin:0;accent-color:var(--color-red);cursor:pointer}.cat-card__actions{display:grid;gap:var(--space-2);margin-top:auto}.cat-card .product__modes{margin-top:0}.cat-card__actions .btn{width:100%;margin-top:0}.cat-empty{padding:var(--space-6);border:1px dashed var(--color-rule);border-radius:var(--radius);text-align:center;color:var(--color-muted)}.cat-empty[hidden]{display:none}.cmp-tray{position:fixed;left:50%;bottom:var(--space-5);z-index:120;display:flex;align-items:center;gap:var(--space-4);max-width:calc(100vw - 2 * var(--gutter) - 72px);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-on-dark);box-shadow:var(--shadow-hover);transform:translateX(-50%);animation:tray-in var(--dur-state) var(--ease-out)}.cmp-tray[hidden]{display:none}.cmp-tray p{font-size:var(--text-small);white-space:nowrap}.cmp-tray span{color:rgb(255 255 255 / .7)}.cmp-tray__clear{color:rgb(255 255 255 / .7);font-size:var(--text-small);font-weight:600;text-decoration:underline;text-underline-offset:3px}.cmp-tray__clear:hover{color:var(--color-on-dark)}.cmp-tray .btn{width:auto}.cmp-tray .btn.is-disabled{opacity:.5;box-shadow:none}@keyframes tray-in{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}@media (max-width:39.99rem){.cmp-tray{left:var(--gutter);right:calc(var(--gutter) + 72px);max-width:none;gap:var(--space-2);padding-left:var(--space-4);transform:none;animation-name:tray-in-m}.cmp-tray span{display:none}@keyframes tray-in-m{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}body:has(.cmp-tray:not([hidden])) .toast{bottom:calc(var(--space-5) + 72px)}.cmp{border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);overflow:hidden}.cmp__empty{display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-muted)}.cmp__empty[hidden]{display:none}.cmp__empty svg{color:var(--color-red)}.cmp__empty p{max-width:32em}.cmp__quick{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.cmp__scroll{overflow-x:auto;animation:rise-in var(--dur-state) var(--ease-out)}.cmp__scroll[hidden]{display:none}.cmp__table{width:100%;min-width:640px;border-collapse:collapse;table-layout:fixed;font-size:var(--text-small)}.cmp__table th,.cmp__table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-rule);text-align:left;vertical-align:top}.cmp__table thead th{position:relative;padding-block:var(--space-5) var(--space-4);vertical-align:bottom}.cmp__table thead img{display:block;width:auto;height:96px;max-width:140px;margin-bottom:var(--space-3);object-fit:contain}.cmp__table thead b{display:block;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-body)}.cmp__brand{display:block;color:var(--color-red);font-size:var(--text-caption);font-weight:600;letter-spacing:.08em}.cmp__remove{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-paper-2);color:var(--color-ink);font-size:1.125rem;line-height:1;transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.cmp__remove:hover{background:var(--color-red);color:var(--color-on-dark)}.cmp__table tbody th{width:160px;color:var(--color-muted);font-weight:600}.cmp__table td{color:var(--color-ink);font-weight:600}.cmp__table td.is-diff{box-shadow:inset 3px 0 0 var(--color-red);background:var(--color-red-tint)}.cmp__table tbody tr{transition:background-color var(--dur-micro) var(--ease-out)}.cmp__table tbody tr:hover{background:var(--color-paper-2)}.cmp__actions th,.cmp__actions td{border-bottom:0}.cmp__table tbody tr.cmp__actions:hover{background:none}.cmp__btns{display:grid;gap:var(--space-2)}.cmp__actions .btn{width:100%}.cmp__note{padding:var(--space-3) var(--space-4);color:var(--color-muted);font-size:var(--text-caption)}.finder{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);margin-top:var(--space-6)}.finder__questions{display:grid;gap:var(--space-6);padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);box-shadow:var(--shadow)}.finder__q legend{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-h4);font-weight:600}.finder__n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-red);color:var(--color-on-dark);font-size:var(--text-small)}.pick--stack{display:grid;gap:var(--space-2)}.pick--stack span{flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-s);font-weight:400}.pick--stack span b{color:var(--color-ink);font-size:var(--text-body);font-weight:600;transition:color var(--dur-micro) var(--ease-out)}.pick--stack input:checked+span b{color:var(--color-on-dark)}.finder__result{position:relative;display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden;isolation:isolate;padding:var(--space-6) var(--space-5);border-radius:var(--radius);background:var(--color-ink);color:var(--color-on-dark)}.finder__result::before{content:"";position:absolute;z-index:-1;inset:-30% -30% 40% 30%;background:radial-gradient(closest-side,rgb(230 33 41 / .35),transparent)}.finder__label{color:var(--color-red-bright);font-size:var(--text-caption);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.finder__copy h3{font-size:var(--text-h3)}.finder__copy p{margin-top:var(--space-3);color:rgb(255 255 255 / .78)}.finder__copy[hidden]{display:none}.finder__copy.is-new{animation:rise-in var(--dur-state) var(--ease-out)}.finder__links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-rule-dark)}.finder__links li[hidden]{display:none}.finder__links .arrow-link{color:var(--color-on-dark)}.finder__links .arrow-link:hover{color:var(--color-red-bright)}.finder__result .btn{align-self:flex-start;margin-top:auto}@media (min-width:60rem){.finder{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-6)}.finder__questions{padding:var(--space-6)}.finder__result{padding:var(--space-7) var(--space-6);position:sticky;top:calc(var(--header-h) + var(--space-5));align-self:start;min-height:420px}}@media (min-width:40rem){.bento--two{grid-template-columns:repeat(2,minmax(0,1fr))}.bento--two .bento__card:first-child{grid-column:auto}}@media (min-width:60rem){.bento--two .bento__card,.bento--two .bento__card:first-child{grid-column:auto}}.model-card{display:flex;flex-direction:column}.model-card__tag{color:var(--color-red-bright);font-size:var(--text-caption);font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:color 300ms var(--ease-out)}.model-card h3{margin-top:var(--space-2);font-size:var(--text-h3)}.model-card__list{display:grid;gap:var(--space-2);margin-block:var(--space-5)}.model-card__list li{position:relative;padding-left:var(--space-5);color:rgb(255 255 255 / .8);transition:color 300ms var(--ease-out)}.model-card__list li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--color-red-bright);transition:background-color 300ms var(--ease-out)}.fx-card:hover .model-card__tag,.fx-card:hover .model-card__list li{color:var(--color-on-dark)}.fx-card:hover .model-card__list li::before{background:var(--color-on-dark)}.model-card__links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.model-card__links .btn{width:auto}.fx-card:hover .model-card__links .btn--primary{background:var(--color-on-dark);color:var(--color-red);box-shadow:none}.spot{position:relative;width:100%;max-width:460px;aspect-ratio:4 / 3;margin:var(--space-6) 0 0;isolation:isolate}.spot__halo{position:absolute;inset:14%;z-index:-1;border-radius:50%;background:conic-gradient(from 0deg,var(--color-red),var(--color-orange),var(--color-red-bright),var(--color-red));filter:blur(40px);opacity:.5;animation:spot-turn 14s linear infinite paused}.spot__img{position:absolute;left:50%;top:50%;width:76%;height:76%;object-fit:contain;translate:-50% -50%;filter:drop-shadow(0 28px 28px rgb(17 24 39 / .35));animation:spot-float 5s ease-in-out infinite paused;pointer-events:none}.spot__chip{position:absolute;z-index:1;padding:6px 12px;border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:rgb(255 255 255 / .86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-ink);font-size:var(--text-caption);font-weight:600;white-space:nowrap;box-shadow:var(--shadow);animation:spot-bob 4s ease-in-out infinite paused;animation-delay:calc(var(--c, 0) * 0.6s)}.spot__chip::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--color-orange);vertical-align:1px}.spot__chip[style*="--c:0"]{left:0;top:12%}.spot__chip[style*="--c:1"]{right:0;top:4%}.spot__chip[style*="--c:2"]{right:4%;bottom:8%}.on-dark .spot__chip{border-color:rgb(255 255 255 / .22);background:rgb(255 255 255 / .1);color:var(--color-on-dark);box-shadow:none}.spot.is-live .spot__halo,.spot.is-live .spot__img,.spot.is-live .spot__chip{animation-play-state:running}.js .spot{opacity:0;scale:.94;transition:opacity 700ms var(--ease-out),scale 700ms var(--ease-out)}.js .spot.is-seen{opacity:1;scale:1}.spot--compact{max-width:380px}.spot--backdrop{position:absolute;left:22%;bottom:-16%;z-index:0;width:34%;max-width:460px;margin:0;opacity:.3;pointer-events:none}.js .spot--backdrop.is-seen{opacity:.3}.final__panel:has(>.spot){position:relative;overflow:hidden}.final__panel:has(>.spot)>:not(.spot){position:relative;z-index:1}@keyframes spot-turn{to{rotate:360deg}}@keyframes spot-float{0%,100%{transform:translateY(-3%) rotate(-1.5deg)}50%{transform:translateY(3%) rotate(1deg)}}@keyframes spot-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:39.99rem){.spot{margin-inline:auto}.spot--backdrop{display:none}}.spot--small{max-width:300px}.spot--brief{max-width:230px;margin:calc(var(--space-3) * -1) auto var(--space-3)}.spot--brief .spot__img{transition:opacity 500ms var(--ease-out),left 500ms var(--ease-out),width 500ms var(--ease-out)}.spot--brief .spot__img--desktop{width:46%}.spot--brief[data-spot-device="Laptop"] .spot__img--desktop,.spot--brief[data-spot-device="Desktop PC"] .spot__img--laptop{opacity:0}.spot--brief[data-spot-device="Laptop dan desktop PC"] .spot__img--laptop{left:58%;width:66%}.spot--brief[data-spot-device="Laptop dan desktop PC"] .spot__img--desktop{left:26%;width:36%}.bento__card--spot .spot{max-width:300px;margin-top:var(--space-4)}@media (min-width:60rem){.bento__card--spot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);grid-template-rows:auto auto 1fr;column-gap:var(--space-5)}.bento__card--spot>:not(.spot){grid-column:1}.bento__card--spot .spot{grid-column:2;grid-row:1 / span 3;align-self:center;margin:0}}.spot-cards .product__media{position:relative;isolation:isolate}.spot-cards .product__media::before{content:"";position:absolute;inset:12%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--color-orange-glow),transparent);opacity:0;transition:opacity var(--dur-card) var(--ease-out)}@media (hover:hover){.spot-cards .product:hover .product__media::before{opacity:1}.spot-cards .product__media img{translate:calc(var(--mx, 0) * 8px) calc(var(--my, 0) * 8px);transition:scale var(--dur-card) var(--ease-out),translate 200ms var(--ease-out)}}@media (prefers-reduced-motion:reduce){.spot__halo,.spot__img,.spot__chip{animation:none}.js .spot{opacity:1;scale:1;transition:none}.js .spot--backdrop{opacity:.3}.spot-cards .product__media img{translate:none}}.tabs__aside:has(>.spot--aside){overflow:clip}.spot--aside{max-width:240px;aspect-ratio:16 / 10;margin:0 0 var(--space-4)}.spot--aside .spot__img{width:84%;height:84%}.spot--aside .spot__halo{inset:10% 20%;opacity:.45}.brand-tile__product{display:none}@media (hover:hover){.brand-tile__product{display:block;position:absolute;right:6%;top:var(--space-5);z-index:0;width:auto;height:96px;max-width:42%;object-fit:contain;pointer-events:none;opacity:0;translate:0 18px;rotate:-4deg;filter:drop-shadow(0 16px 18px rgb(0 0 0 / .35));transition:opacity var(--dur-card) var(--ease-out),translate var(--dur-card) var(--ease-out),rotate var(--dur-card) var(--ease-out)}.brand-tile:hover .brand-tile__product{opacity:1;translate:0 0;rotate:0deg}}@media (prefers-reduced-motion:reduce){.brand-tile__product{transition:none;translate:none;rotate:none}}.on-dark .inline-link{color:var(--color-on-dark);text-decoration-color:var(--color-red-bright)}.on-dark .inline-link:hover{color:var(--color-red-bright)}.group__head{display:grid;gap:var(--space-6);align-items:end;margin-bottom:var(--space-7)}.group__parent{display:grid;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);box-shadow:var(--shadow)}.group__parent-logo{width:auto;height:52px}.group__parent p{color:var(--color-ink-2)}.group__parent .arrow-link{justify-self:start;color:var(--color-red-dark)}.group{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.group-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper)}.group-card__logo{display:flex;align-items:center;justify-content:center;width:100%;height:96px;margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--radius-s);background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-rule);transition:box-shadow var(--dur-card) var(--ease-out)}.group-card__logo img{width:auto;height:100%;max-width:100%;object-fit:contain}.group-card h3{font-size:var(--text-h4)}.group-card p{color:var(--color-muted)}.group-card__link,.group-card__here{margin-top:auto;padding-top:var(--space-3);font-size:var(--text-small);font-weight:700}.group-card__link{color:var(--color-red-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.group-card__link::after{content:" \2197"}.group-card__here{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-ink)}.group-card__here::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-orange);box-shadow:0 0 0 4px var(--color-orange-glow)}.group-card--current{border-color:var(--color-red)}.fx-card.group-card:hover h3,.fx-card.group-card:focus-within h3,.fx-card.group-card:hover .group-card__link,.fx-card.group-card:focus-within .group-card__link,.fx-card.group-card:hover .group-card__here,.fx-card.group-card:focus-within .group-card__here{color:var(--color-on-dark);text-decoration-color:var(--color-on-dark)}.fx-card.group-card:hover .group-card__logo{box-shadow:0 16px 30px -16px rgb(17 24 39 / .45)}@media (max-width:39.99rem){.group{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.group-card{padding:var(--space-3)}.group-card__logo{height:64px;padding:var(--space-2);margin-bottom:var(--space-2)}.group-card h3{font-size:1rem}.group-card p{font-size:var(--text-small)}}@media (min-width:40rem){.group{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:60rem){.group__head{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-8)}.group{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}}.office{display:grid;gap:var(--space-7);grid-template-columns:minmax(0,1fr)}.office__list{margin-top:var(--space-5)}.office__list a{word-break:break-word}.office__cta{margin-top:var(--space-5)}.office__map{position:relative;isolation:isolate;min-height:340px}.office__map iframe{display:block;width:100%;height:100%;min-height:340px;border:0;border-radius:var(--radius);box-shadow:var(--shadow-hover);background:var(--color-paper-2)}.office__halo{position:absolute;inset:10%;z-index:-1;border-radius:50%;background:conic-gradient(from 0deg,var(--color-red),var(--color-orange),var(--color-red-bright),var(--color-red));filter:blur(56px);opacity:.4;animation:spot-turn 14s linear infinite}@media (min-width:60rem){.office{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:var(--space-8);align-items:stretch}.office__map,.office__map iframe{min-height:520px}}@media (prefers-reduced-motion:reduce){.office__halo{animation:none}}.contact-head{max-width:760px;margin-bottom:var(--space-7)}.contact-head .lede{margin-top:var(--space-4)}.contact-grid,.topic-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.topic-grid>li{display:flex}.contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);color:var(--color-ink)}.contact-card__icon{display:block;width:40px;height:40px;margin-bottom:var(--space-3);color:var(--color-red);transition:color 350ms var(--ease-out)}.contact-card__icon svg{width:100%;height:100%}.contact-card h3{font-size:var(--text-h4)}.contact-card p{color:var(--color-muted)}.contact-card__action{margin-top:auto;padding-top:var(--space-3);font-weight:700;color:var(--color-red-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;word-break:break-word}.topic-card__tag{padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-red-tint);color:var(--color-red-dark);font-size:var(--text-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:background-color 350ms var(--ease-out),color 350ms var(--ease-out)}.topic-card__go{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);font-size:var(--text-small);font-weight:700;color:var(--color-ink)}.topic-card__go::after{content:"\2192";transition:translate var(--dur-card) var(--ease-out)}.topic-card:hover .topic-card__go::after{translate:4px 0}.topic-card.is-picked{border-color:var(--color-orange);box-shadow:0 0 0 3px var(--color-orange-glow)}.topic-card.is-picked .topic-card__go::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-orange)}.fx-card.contact-card:hover h3,.fx-card.contact-card:focus-within h3,.fx-card.contact-card:focus-visible h3,.fx-card.contact-card:hover .contact-card__icon,.fx-card.contact-card:focus-within .contact-card__icon,.fx-card.contact-card:hover .contact-card__action,.fx-card.contact-card:focus-within .contact-card__action,.fx-card.contact-card:hover .topic-card__go,.fx-card.contact-card:focus-visible .topic-card__go{color:var(--color-on-dark);text-decoration-color:var(--color-on-dark)}.fx-card.contact-card:focus-visible::before{clip-path:circle(150% at var(--px) var(--py))}.fx-card.contact-card:focus-visible p{color:rgb(255 255 255 / .92)}.fx-card.topic-card:hover .topic-card__tag,.fx-card.topic-card:focus-visible .topic-card__tag{background:rgb(255 255 255 / .18);color:var(--color-on-dark)}@media (max-width:39.99rem){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.contact-card{padding:var(--space-4)}.contact-grid .contact-card__icon{width:32px;height:32px;margin-bottom:var(--space-1)}.contact-grid .contact-card p{font-size:var(--text-small)}.contact-grid .contact-card__action{font-size:var(--text-small)}.topic-grid{gap:var(--space-3)}}@media (min-width:40rem){.contact-grid,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:60rem){.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}.topic-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-5)}.topic-grid>li{grid-column:span 2}.topic-grid>li:nth-child(4){grid-column:2 / span 2}}.blog-search{display:flex;gap:var(--space-2);max-width:520px;margin-top:var(--space-6)}.blog-search input{flex:1;min-width:0;height:52px;padding:0 var(--space-4);border:1px solid var(--color-dim);background:rgb(255 255 255 / .06);color:var(--color-on-dark);font:inherit}.blog-search input::placeholder{color:var(--color-on-dark-2)}.blog-search input:focus-visible{outline:2px solid var(--color-red-bright);outline-offset:2px}.blog-head{display:grid;gap:var(--space-5);align-items:end;margin-bottom:var(--space-6)}.blog-cats{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-status{min-height:1.5em;margin-bottom:var(--space-4);color:var(--color-muted);font-size:var(--text-small)}.post-grid{display:grid;gap:var(--space-7) var(--space-5);grid-template-columns:minmax(0,1fr)}.post-card{position:relative;display:flex;flex-direction:column;padding-top:var(--space-4);border-top:1px solid var(--color-ink)}.post-card::before{content:"";position:absolute;left:0;top:-1px;width:0;height:3px;background:var(--color-red);transition:width 450ms var(--ease-out)}.post-card:hover::before,.post-card:focus-within::before{width:100%}.post-card__media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-ink)}.post-card__media img{width:100%;height:100%;object-fit:cover;transition:scale 600ms var(--ease-out)}.post-card:hover .post-card__media img{scale:1.04}.post-card__media--empty{display:grid;place-items:center;background-color:var(--color-ink);background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:28px 28px}.post-card__media--empty::after{content:"";position:absolute;inset:20% 25%;border-radius:50%;background:radial-gradient(var(--color-red-glow),transparent 70%)}.post-card__media--empty img{position:relative;z-index:1;width:46%;height:auto;object-fit:contain}.post-card__body{display:flex;flex-direction:column;gap:var(--space-2);flex:1;padding-top:var(--space-4)}.post-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--text-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.post-card__meta span{color:var(--color-red-dark)}.post-card h3{font-size:var(--text-h4);line-height:1.3}.post-card h3 a{color:var(--color-ink);text-decoration:none;transition:color var(--dur-micro) var(--ease-out)}.post-card h3 a::after{content:"";position:absolute;inset:0}.post-card:hover h3 a{color:var(--color-red)}.post-card__excerpt{color:var(--color-muted)}.post-card__more{position:relative;z-index:1;margin-top:auto;padding-top:var(--space-2);font-size:var(--text-small);font-weight:700;color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-red);text-decoration-thickness:2px;text-underline-offset:3px}.post-card a:focus-visible{outline:2px solid var(--color-red);outline-offset:3px}.post-card.is-new{animation:post-in 600ms var(--ease-out) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes post-in{from{opacity:0;translate:0 18px}}.blog-more{display:flex;justify-content:center;margin-top:var(--space-7)}.blog-more [hidden]{display:none}.blog-empty{display:grid;gap:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-ink)}.blog-empty h3{font-size:var(--text-h3)}.blog-empty p{margin-top:var(--space-2);color:var(--color-muted)}.blog-empty__topics{counter-reset:t;display:grid;gap:0}.blog-empty__topics li{counter-increment:t;display:flex;gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--color-rule);font-weight:600}.blog-empty__topics li::before{content:counter(t,decimal-leading-zero);color:var(--color-red);font-family:var(--font-display)}.topic-rows{border-top:1px solid var(--color-ink)}.topic-row{position:relative;isolation:isolate;display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--space-4);align-items:start;padding:var(--space-5) var(--space-3);border-bottom:1px solid var(--color-rule);color:var(--color-ink);text-decoration:none}.topic-row::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--color-red);transform:scaleX(0);transform-origin:left;transition:transform 450ms var(--ease-out)}.topic-row:hover::before,.topic-row:focus-visible::before{transform:scaleX(1)}.topic-row__n{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--color-paper);box-shadow:var(--shadow);font-family:var(--font-display);font-weight:700;transition:background-color 300ms var(--ease-out),color 300ms var(--ease-out)}.topic-row__text b{display:block;font-family:var(--font-display);font-size:var(--text-h4)}.topic-row__text small{display:block;margin-top:var(--space-1);color:var(--color-muted);font-size:var(--text-body);transition:color 300ms var(--ease-out)}.topic-row:hover,.topic-row:focus-visible{color:var(--color-on-dark)}.topic-row:hover small,.topic-row:focus-visible small{color:rgb(255 255 255 / .88)}.topic-row:hover .topic-row__n,.topic-row:focus-visible .topic-row__n{background:var(--color-on-dark);color:var(--color-red)}@media (min-width:40rem){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:60rem){.blog-head{grid-template-columns:minmax(0,1fr) auto}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8) var(--space-6)}.post-card--lead{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-7)}.post-card--lead .post-card__body{padding-top:0;justify-content:center}.post-card--lead h3{font-size:var(--text-h2);letter-spacing:-.02em}.post-card--lead .post-card__more{margin-top:var(--space-3);align-self:flex-start}.blog-empty{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-8)}}@media (prefers-reduced-motion:reduce){.post-card.is-new{animation:none}.post-card__media img,.post-card::before,.topic-row::before{transition:none}}.office__facade{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;height:100%;min-height:340px;padding:var(--space-6);text-align:center;color:var(--color-on-dark);background-color:var(--color-ink);background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:32px 32px;box-shadow:var(--shadow-hover)}.office__pin{display:block;width:56px;height:56px;color:var(--color-red-bright);animation:spot-bob 4s ease-in-out infinite}.office__pin svg{width:100%;height:100%}.office__place b{display:block;font-family:var(--font-display);font-size:var(--text-h3)}.office__place{color:var(--color-on-dark-2)}.office__facade small{color:var(--color-on-dark-2);font-size:var(--text-caption)}@media (min-width:60rem){.office__facade{min-height:520px}}@media (prefers-reduced-motion:reduce){.office__pin{animation:none}}.page-hero{position:relative;overflow:clip;isolation:isolate;padding-block:var(--space-8) var(--space-7);background:var(--color-ink);color:var(--color-on-dark)}.page-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:56px 56px}.page-hero__grid{display:grid;gap:var(--space-6);align-items:center}.page-hero h1{margin-top:var(--space-3);font-size:var(--text-display);line-height:1.05;letter-spacing:-.03em}.page-hero .hero__sub{margin-top:var(--space-4);max-width:640px}.page-hero__meta{display:inline-flex;gap:var(--space-2);margin-top:var(--space-5);padding:6px 12px;border:1px solid var(--color-dim);font-size:var(--text-small);color:var(--color-on-dark-2)}.page-hero__meta time{color:var(--color-on-dark);font-weight:600}.page-hero__mark{position:relative;display:none;justify-self:center;width:220px;aspect-ratio:1;color:var(--color-red-bright)}.page-hero__mark .spot__halo{animation-play-state:running}.page-hero__mark svg{position:absolute;inset:12%;width:76%;height:76%}.js .page-hero__shield,.js .page-hero__lock{stroke-dasharray:1;stroke-dashoffset:1;animation:fx-draw 1400ms var(--ease-out) 200ms forwards}.js .page-hero__lock{animation-delay:900ms;animation-duration:900ms}@media (min-width:60rem){.page-hero{padding-block:var(--space-9)}.page-hero__grid{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-8)}.page-hero__mark{display:block;width:280px}}.legal{display:grid;gap:var(--space-7)}.legal__toc{border-top:1px solid var(--color-ink);padding-top:var(--space-4)}.legal__toc-title{font-size:var(--text-caption);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-red-dark)}.legal__toc ol{counter-reset:toc;margin-top:var(--space-3);display:grid;gap:2px}.legal__toc li{counter-increment:toc}.legal__toc a{position:relative;display:flex;gap:var(--space-3);padding:6px 0 6px var(--space-3);color:var(--color-muted);font-size:var(--text-small);text-decoration:none;border-left:2px solid var(--color-rule);transition:color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.legal__toc a::before{content:counter(toc,decimal-leading-zero);font-family:var(--font-display);font-weight:700;color:inherit;flex:none;min-width:24px}.legal__toc a:hover{color:var(--color-ink)}.legal__toc a[aria-current="true"]{color:var(--color-ink);font-weight:600;border-left-color:var(--color-red)}.legal__toc a[aria-current="true"]::before{color:var(--color-red)}.legal__body{max-width:760px}.legal__body>section{padding-block:var(--space-6);border-top:1px solid var(--color-rule);scroll-margin-top:calc(var(--header-h) + var(--space-5))}.legal__body>section:first-child{padding-top:0;border-top:0}.legal__body h2{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--text-h3)}.legal__body h2 span{font-size:var(--text-small);color:var(--color-red)}.legal__body h3{margin-top:var(--space-5);font-size:var(--text-h4)}.legal__body p,.legal__body li{color:var(--color-ink-2);line-height:1.7}.legal__body p{margin-top:var(--space-3)}.legal__body ul{margin-top:var(--space-3);display:grid;gap:var(--space-2)}.legal__body ul li{position:relative;padding-left:var(--space-5)}.legal__body ul li::before{content:"";position:absolute;left:4px;top:.75em;width:8px;height:2px;background:var(--color-red)}.legal__contact{gap:0!important;border-top:1px solid var(--color-rule)}.legal__contact li{display:grid;gap:var(--space-1);padding:var(--space-3) 0 var(--space-3) 0!important;border-bottom:1px solid var(--color-rule)}.legal__contact li::before{display:none}.legal__contact b{font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.legal__contact a{color:var(--color-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--color-red);text-underline-offset:3px;word-break:break-word}@media (min-width:40rem){.legal__contact li{grid-template-columns:160px minmax(0,1fr);align-items:baseline}}@media (min-width:60rem){.legal{grid-template-columns:260px minmax(0,1fr);gap:var(--space-9);align-items:start}.legal__toc{position:sticky;top:calc(var(--header-h) + var(--space-5))}}@media (prefers-reduced-motion:reduce){.js .page-hero__shield,.js .page-hero__lock{animation:none;stroke-dashoffset:0}}@media print{.page-hero{padding-block:var(--space-5);background:none;color:var(--color-ink)}.page-hero::before,.page-hero__mark,.legal__toc{display:none}.legal{display:block}}.form-consent{margin-top:var(--space-3);font-size:var(--text-caption);line-height:1.5;color:var(--color-muted)}.form-consent a{color:var(--color-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--color-red);text-underline-offset:2px}.article-hero__cat{display:inline-block;margin-top:var(--space-4);padding:4px 10px;background:var(--color-red);color:var(--color-on-dark);font-size:var(--text-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.article-hero h1{font-size:clamp(2rem, 1.5rem + 2vw, 3.25rem)}.article-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-5);font-size:var(--text-small);color:var(--color-on-dark-2)}.article-hero__meta>*+*::before{content:"";display:inline-block;width:4px;height:4px;margin-right:var(--space-5);border-radius:50%;background:var(--color-orange);vertical-align:middle}.article-hero__visual{width:100%;max-width:420px;margin:0 auto}@media (min-width:60rem){.article-hero .page-hero__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.article-hero__visual .spot__halo,.article-hero__visual .spot__img,.article-hero__visual .spot__chip{animation-play-state:running}.article{display:grid;gap:var(--space-7)}.article__side{display:grid;gap:var(--space-6);align-content:start}.share__row{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.share__btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.share__btn svg{width:20px;height:20px}.share__btn:hover,.share__btn:focus-visible{background:var(--color-red);border-color:var(--color-red);color:var(--color-on-dark)}.prose{max-width:720px;min-width:0;color:var(--color-ink-2);font-size:var(--text-body-l);line-height:1.75}.prose>*+*{margin-top:var(--space-4)}.prose__lead{font-size:clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);color:var(--color-ink)}.prose h2{margin-top:var(--space-8);color:var(--color-ink);font-size:var(--text-h3);line-height:1.25;scroll-margin-top:calc(var(--header-h) + var(--space-5))}.prose h2+*{margin-top:var(--space-3)}.prose h3{margin-top:var(--space-6);color:var(--color-ink);font-size:var(--text-h4)}.prose b,.prose strong{color:var(--color-ink)}.prose a:not(.btn){color:var(--color-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--color-red);text-decoration-thickness:2px;text-underline-offset:3px}.prose ul,.prose ol{display:grid;gap:var(--space-3);padding-left:0}.prose ul>li{position:relative;padding-left:var(--space-5)}.prose ul>li::before{content:"";position:absolute;left:2px;top:.8em;width:10px;height:2px;background:var(--color-red)}.prose ol{counter-reset:li}.prose ol>li{counter-increment:li;position:relative;padding-left:var(--space-7)}.prose ol>li::before{content:counter(li,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--color-red);font-family:var(--font-display);font-weight:700}.prose img{max-width:100%;height:auto}.prose blockquote{margin-inline:0;padding-left:var(--space-5);border-left:3px solid var(--color-red);color:var(--color-ink);font-style:italic}.callout{padding:var(--space-5);border-left:4px solid var(--color-orange);background:var(--color-paper-2)}.callout__title{font-size:var(--text-caption);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-red-dark)}.callout p+p{margin-top:var(--space-2)}.prose__table{overflow-x:auto;border-top:2px solid var(--color-ink)}.prose__table:focus-visible{outline:2px solid var(--color-red);outline-offset:2px}.prose table{width:100%;min-width:540px;border-collapse:collapse;font-size:var(--text-body);line-height:1.5}.prose th,.prose td{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-rule);text-align:left;vertical-align:top}.prose thead th{color:var(--color-ink);font-family:var(--font-display)}.prose tbody th{color:var(--color-ink);font-weight:600;white-space:nowrap}.prose tbody tr{transition:background-color var(--dur-micro) var(--ease-out)}.prose tbody tr:hover{background:var(--color-paper-2)}@media (max-width:39.99rem){.prose__table{overflow:visible}.prose table{min-width:0}.prose thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.prose tbody tr{display:grid;gap:var(--space-2);padding-block:var(--space-4);border-bottom:1px solid var(--color-rule)}.prose tbody th,.prose tbody td{padding:0;border:0;white-space:normal}.prose tbody td[data-label]::before{content:attr(data-label);display:block;font-size:var(--text-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-red-dark)}}.article-cta{display:grid;gap:var(--space-4);align-items:center;margin-block:var(--space-6);padding:var(--space-5);background:var(--color-ink);color:var(--color-on-dark);background-image:radial-gradient(60% 120% at 100% 0%,var(--color-red-glow),transparent 70%)}.article-cta__eyebrow{font-size:var(--text-caption);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-red-bright)}.article-cta__title{margin-top:var(--space-1)!important;font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-on-dark);line-height:1.35}.article-cta .btn{justify-self:start}.quiz{display:grid;gap:var(--space-4);margin-top:var(--space-5)!important;padding:var(--space-5);border:1px solid var(--color-rule);border-top:3px solid var(--color-red)}.quiz fieldset{margin:0;padding:0;border:0;display:grid;gap:var(--space-2)}.quiz legend{margin-bottom:var(--space-2);color:var(--color-ink);font-weight:600;font-size:var(--text-body)}.quiz label{position:relative;display:block;cursor:pointer}.quiz input{position:absolute;opacity:0;pointer-events:none}.quiz label span{display:block;padding:var(--space-3) var(--space-4);border:1px solid var(--color-rule);font-size:var(--text-body);line-height:1.4;transition:border-color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.quiz label:hover span{border-color:var(--color-ink)}.quiz input:checked+span{border-color:var(--color-red);background:var(--color-red);color:var(--color-on-dark)}.quiz input:focus-visible+span{outline:2px solid var(--color-red);outline-offset:2px}.quiz__result{padding-top:var(--space-4);border-top:1px solid var(--color-rule)}.quiz__hint{color:var(--color-muted);font-size:var(--text-body)}.quiz__result>div>*+*{margin-top:var(--space-3)}.quiz__result>div:not([hidden]){animation:post-in 500ms var(--ease-out) both}.quiz__verdict{font-family:var(--font-display);font-size:var(--text-h3);color:var(--color-ink)}.quiz__verdict b{color:var(--color-red)}@media (min-width:40rem){.quiz fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz legend{grid-column:1 / -1}}.post-card__img--product{object-fit:contain!important;padding:12% 18%;filter:drop-shadow(0 18px 18px rgb(0 0 0 / .45))}@media (min-width:40rem){.article-cta{grid-template-columns:minmax(0,1fr) auto}}@media (min-width:60rem){.article{grid-template-columns:260px minmax(0,1fr);gap:var(--space-9);align-items:start}.article__side{position:sticky;top:calc(var(--header-h) + var(--space-5))}}@media (max-width:59.99rem){.article__side .legal__toc ol{max-height:none}}@media (prefers-reduced-motion:reduce){.quiz__result>div:not([hidden]){animation:none}}@media print{.article__side,.article-cta,.quiz{display:none}}.category-hero__visual{width:100%;max-width:420px;margin:0 auto}.category-hero__visual .spot__halo,.category-hero__visual .spot__img,.category-hero__visual .spot__chip{animation-play-state:running}.page-hero__meta b{color:var(--color-on-dark);font-weight:700}.cat-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cat-links .chip{display:inline-flex;align-items:center;text-decoration:none}.cat-links .chip:focus-visible{outline:2px solid var(--color-red);outline-offset:2px}.cat-links .chip[aria-current="page"]{background:var(--color-red);border-color:var(--color-red);color:var(--color-on-dark)}.cat-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}@media (min-width:60rem){.category-hero .page-hero__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.brand-hero__logo{display:block;width:auto;height:44px;max-width:170px;margin-top:var(--space-5);object-fit:contain}.brand-hero__logo--hp,.brand-hero__logo--dell{height:60px}.brand-hero h1{margin-top:var(--space-4)}.brand-hero__actions{animation:none}.brand-hero__visual{width:100%;max-width:440px;margin:0 auto}.brand-hero__visual .spot__halo,.brand-hero__visual .spot__img,.brand-hero__visual .spot__chip{animation-play-state:running}.brand-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 300px),1fr));gap:var(--space-5)}.brand-products .product{flex:none}.brand-note{margin-top:var(--space-4);color:var(--color-muted);font-size:var(--text-small)}.brand-others__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);padding-inline:var(--gutter);list-style:none}.brand-other{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:250px;max-width:100%;min-height:132px;padding:var(--space-4) var(--space-5);border:1px solid var(--color-rule-dark);color:var(--color-on-dark-2);font-size:var(--text-small);font-weight:600;text-decoration:none;transition:transform var(--dur-button) var(--ease-out),border-color var(--dur-button) var(--ease-out),color var(--dur-button) var(--ease-out)}.brand-other img{width:auto;height:40px;max-width:150px;object-fit:contain}.brand-other img[src*="logo-hp"],.brand-other img[src*="logo-dell"]{height:52px}.brand-other:hover,.brand-other:focus-visible{transform:translateY(-3px);border-color:var(--color-red);color:var(--color-on-dark)}.brand-other:focus-visible{outline:2px solid var(--color-red);outline-offset:2px}@media (min-width:60rem){.brand-hero .page-hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.brand-other{transition:none}.brand-other:hover{transform:none}}