:root{--bg:#f4f6f9;--fg:#0b1220;--mut:#556070;--line:#d9dfe8;--acc:#2f5bff;--ink:#ffffff;--d:'Bricolage Grotesque',Georgia,'Times New Roman',serif;--m:'DM Mono',ui-monospace,Menlo,monospace;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0a0f18;--fg:#e7edf5;--mut:#8a97ab;--line:#1e2838;--acc:#5b8cff;--ink:#07101f}}
:root[data-theme="dark"]{--bg:#0a0f18;--fg:#e7edf5;--mut:#8a97ab;--line:#1e2838;--acc:#5b8cff;--ink:#07101f}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 64px)}
*,*:before,*:after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.55 var(--d);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:60}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.w{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,52px)}
.mono{font:500 12px/1.4 var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.js [data-split]{visibility:hidden}.js .rv{opacity:0}
.wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}.wd>span{display:inline-block}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;transition:.3s}
header .w{display:flex;justify-content:space-between;align-items:center;height:68px;transition:.3s}
header.s{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}header.s .w{height:56px}
nav{display:flex;gap:26px;align-items:center}nav a:not(.btn){font:500 12px var(--m);letter-spacing:.08em;text-transform:uppercase}nav a:not(.btn):hover{color:var(--acc)}
.logo{font-weight:800;letter-spacing:-.02em}.logo span{color:var(--acc)}
.btn{display:inline-flex;gap:10px;align-items:center;background:var(--acc);color:var(--ink);padding:13px 22px;font:700 14px var(--d);border-radius:2px;transition:.25s}
.btn.sm{padding:9px 16px;font-size:13px}.btn i{font-style:normal;transition:transform .25s}.btn:hover i{transform:translateX(4px)}
.btn.o{background:none;color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.btn.o:hover{background:var(--fg);color:var(--bg)}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.hero{padding:clamp(36px,8vw,110px) 0 40px;min-height:calc(100svh - 68px);display:flex;align-items:center}
.hero h1{font-size:clamp(46px,10.6vw,170px);line-height:.9;letter-spacing:-.05em;margin:22px 0 34px;font-weight:800;max-width:11ch}
.hero h1 em{font-style:normal;color:var(--acc)}
.hrow{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;flex-wrap:wrap}.hrow p{max-width:480px;color:var(--mut);font-size:19px;margin:0}
.hmeta{display:flex;justify-content:space-between;gap:12px;margin-top:64px;padding-top:18px;border-top:1px solid var(--line)}
.mq{overflow:hidden;border-block:1px solid var(--line);padding:20px 0;white-space:nowrap}.mq div{display:inline-block;animation:mq 30s linear infinite;font-size:clamp(26px,4.6vw,60px);font-weight:800;letter-spacing:-.03em}
.mq span{padding:0 .5em}.mq span:nth-child(even){color:var(--acc)}@keyframes mq{to{transform:translateX(-50%)}}
section{padding:clamp(70px,11vw,140px) 0}
.stmt{font-size:clamp(28px,4.8vw,68px);line-height:1.06;letter-spacing:-.035em;font-weight:700;max-width:22ch;margin:0}.stmt .sw{display:inline-block;white-space:pre}
h2{font-size:clamp(34px,5.8vw,86px);line-height:.96;letter-spacing:-.04em;margin:12px 0 0;font-weight:800;max-width:14ch}
.band{border-block:1px solid var(--line);padding:0}.band .w{display:grid;grid-template-columns:repeat(3,1fr)}
.band .c{padding:44px 24px 44px 0}.band .c+.c{padding-left:28px;border-left:1px solid var(--line)}
.num{font-size:clamp(54px,8vw,116px);font-weight:800;line-height:1;letter-spacing:-.04em}
.idx{margin-top:56px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:70px 1fr 30px;align-items:center;padding:26px 0;font-size:clamp(24px,3.6vw,48px);font-weight:700;letter-spacing:-.02em;transition:.25s}
summary::-webkit-details-marker{display:none}summary:hover{padding-left:14px;color:var(--acc)}summary b{font:500 13px var(--m);color:var(--mut)}
summary:after{content:"+";font-weight:400;transition:transform .3s}details[open] summary:after{transform:rotate(45deg)}
.dd{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:0 0 32px 70px;color:var(--mut);font-size:16px}.dd h4{margin:0 0 6px;font:500 11px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}.dd p{margin:0}
.hs{padding:0;border-top:1px solid var(--line)}.hwrap{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:34px;padding:calc(env(safe-area-inset-top,0px) + 70px) 0 40px;overflow:hidden}
.htop{padding:0 5vw;display:flex;gap:24px;align-items:center}.hbar{flex:1;height:2px;background:var(--line)}.hbar i{display:block;height:100%;background:var(--acc);transform:scaleX(0);transform-origin:left}
.htrack{display:flex;gap:28px;padding:0 5vw;width:max-content;align-items:stretch}
.hp{flex:0 0 min(60vw,740px)}.hp.intro{flex-basis:min(38vw,520px);display:flex;flex-direction:column;justify-content:space-between}.hp.outro{flex-basis:min(34vw,460px);display:flex;flex-direction:column;justify-content:center;gap:24px}
.hp h2{font-size:clamp(34px,4.6vw,70px)}.hp.outro h3{font-size:clamp(30px,3.4vw,52px);margin:0;letter-spacing:-.03em}
.hi{overflow:hidden;aspect-ratio:16/10;background:var(--line)}.hi img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.1,1)}a.hp:hover .hi img{transform:scale(1.05)}
.hm{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;padding-top:16px}.hm h3{margin:0;font-size:clamp(24px,2.6vw,38px);letter-spacing:-.03em}.hm em{font:400 13px var(--m);font-style:normal;color:var(--mut)}
.cw .vp{margin-top:clamp(50px,8vw,110px);width:min(100%,880px)}.cw .vp.alt{margin-left:auto}
.vi{display:block;overflow:hidden;aspect-ratio:16/10;background:var(--line)}.vi img{width:100%;height:118%;object-fit:cover}
.vm{display:flex;justify-content:space-between;gap:14px;align-items:baseline;flex-wrap:wrap;padding-top:16px}.vm h3{margin:0;font-size:clamp(26px,3.4vw,48px);letter-spacing:-.03em;flex:1 1 100%}
.ar{font:500 13px var(--m);border-bottom:1px solid var(--line);padding-bottom:3px}.ar:hover{color:var(--acc);border-color:var(--acc)}
.proc{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.proc .st{position:sticky;top:110px;align-self:start}
.step{padding:34px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:64px 1fr}.step b{font:500 13px var(--m);color:var(--acc);padding-top:8px}.step h3{margin:0 0 8px;font-size:30px;letter-spacing:-.02em}.step p{margin:0;color:var(--mut)}
.tl{margin-top:50px}.tl .row{display:grid;grid-template-columns:210px 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--line)}.tl h3{margin:0 0 4px;font-size:26px;letter-spacing:-.02em}.tl p{margin:0;color:var(--mut)}
.fin h2{font-size:clamp(44px,8.4vw,128px);max-width:12ch}.lk{margin-top:56px;border-top:1px solid var(--line)}
.lrow{display:grid;grid-template-columns:140px 1fr 30px;align-items:center;gap:12px;padding:26px 0;border-bottom:1px solid var(--line);transition:.25s}.lrow b{font-size:clamp(22px,3.6vw,48px);letter-spacing:-.03em}.lrow i{font-style:normal;font-size:28px;transition:transform .25s}.lrow:hover{padding-left:14px;color:var(--acc)}.lrow:hover i{transform:translateX(6px)}
footer{padding:30px 0 20px;overflow:hidden}.fb{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.so{font-size:clamp(90px,27vw,420px);font-weight:800;letter-spacing:-.07em;line-height:.82;margin:20px 0 0;text-align:center}

@media (max-width:860px){nav a:not(.btn){display:none}.band .w{grid-template-columns:1fr}.band .c,.band .c+.c{padding:30px 0;border-left:0}.band .c+.c{border-top:1px solid var(--line)}
.hrow{flex-direction:column;align-items:flex-start}.hmeta #clock{display:none}.dd{grid-template-columns:1fr;padding-left:0}summary{grid-template-columns:44px 1fr 24px}
.hwrap{min-height:0;padding:70px 0 20px}.htop{padding:0 20px}.htrack{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 20px;gap:16px}.hp,.hp.intro,.hp.outro{flex:0 0 82vw;scroll-snap-align:center}.hp.intro{gap:20px}
.cw .vp{width:100%}.proc{grid-template-columns:1fr}.proc .st{position:static}.tl .row{grid-template-columns:1fr;gap:6px}.lrow{grid-template-columns:1fr 24px}.lrow .mono{grid-column:1/-1}.cur{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.sv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}.sv-head p{max-width:400px;color:var(--mut);margin:0 0 6px}
summary{grid-template-columns:70px 1fr auto 30px}summary .t{min-width:0}
.tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tags em{font:500 11px var(--m);font-style:normal;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--mut);padding:5px 10px;border-radius:100px;white-space:nowrap}
.seen{grid-column:1/-1;margin:0;display:flex;gap:18px;flex-wrap:wrap}.seen a{color:var(--fg);border-bottom:1px solid var(--line)}.seen a:hover{color:var(--acc);border-color:var(--acc)}
.sv-cta{margin-top:44px}
.cnt{white-space:nowrap}.cnt b{color:var(--acc);font-weight:500}
.hi{position:relative}.chip{position:absolute;left:14px;bottom:14px;background:var(--acc);color:var(--ink);font:700 13px var(--d);padding:8px 14px;border-radius:100px;transform:translateY(8px);opacity:0;transition:.3s}a.hp:hover .chip,a.hp:focus-visible .chip{opacity:1;transform:none}
.htrack{scrollbar-width:none;-ms-overflow-style:none}.htrack::-webkit-scrollbar{display:none;width:0;height:0}
@media (max-width:860px){summary{grid-template-columns:40px 1fr 24px}.tags{display:none}.chip{opacity:1;transform:none;left:10px;bottom:10px;padding:6px 12px;font-size:12px}.htrack{-webkit-overflow-scrolling:touch}}

.sv{border-bottom:1px solid var(--line)}
.svh{width:100%;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;display:grid;grid-template-columns:70px 1fr auto 30px;align-items:center;padding:24px 0;font-size:clamp(22px,3vw,44px);font-weight:700;letter-spacing:-.02em;transition:padding .25s,color .25s}
.svh b{font:500 13px var(--m);color:var(--mut)}.svh:after{content:"+";font-weight:400;transition:transform .35s}.svh:hover{padding-left:14px;color:var(--acc)}
.sv.on .svh:after{transform:rotate(45deg)}.sv.on .svh .t{color:var(--acc)}.sv.on .svh .tags em{border-color:var(--acc)}
.svb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.7,.1,1)}.sv.on .svb{grid-template-rows:1fr}
.svb>.dd{overflow:hidden;min-height:0;padding:0 0 0 70px}.svb>.dd>*{padding-bottom:30px}.svb>.dd>*:first-child{padding-top:4px}
.sv-r{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:400px}.sv-r p{margin:0}.svc-cnt b{color:var(--acc);font-weight:500}
.sv-cta{align-self:flex-start}
@media (min-width:861px){#services{padding:clamp(86px,8vw,104px) 0 34px}#services h2{max-width:none;font-size:clamp(32px,4vw,58px);white-space:nowrap}.sv-head{flex-wrap:nowrap}.sv-r{max-width:340px;gap:10px}.sv-r p{font-size:15px;line-height:1.45}.sv-cta{padding:10px 16px;font-size:13px}#services .idx{margin-top:30px}.svh{padding:11px 0;font-size:clamp(20px,2.3vw,32px)}.svb>.dd>*{padding-bottom:20px}.svb>.dd{font-size:15px}.sv-head{align-items:flex-end}}
@media (max-width:860px){.svh{grid-template-columns:40px 1fr 24px;padding:20px 0}.tags{display:none}.svb>.dd{padding-left:0}.sv-r{max-width:none}}
@media (min-width:861px) and (max-height:780px){#services{padding-top:72px;padding-bottom:20px}.svh{padding:8px 0;font-size:clamp(20px,2vw,26px)}.sv-r p,.svc-cnt{display:none}#services .idx{margin-top:20px}}

body,header{transition:background-color .35s,color .35s,border-color .35s}
.tg{position:relative;flex:none;width:54px;height:30px;padding:0;border-radius:30px;border:1px solid var(--line);background:color-mix(in srgb,var(--fg) 6%,transparent);cursor:pointer;transition:border-color .25s}
.tg:hover{border-color:var(--acc)}
.tg i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--acc);color:var(--ink);display:grid;place-items:center;transition:transform .35s cubic-bezier(.2,.7,.1,1)}
.tg svg{width:13px;height:13px}.tg .m{display:none}.tg[aria-checked="true"] i{transform:translateX(24px)}.tg[aria-checked="true"] .s{display:none}.tg[aria-checked="true"] .m{display:block}
.hero>.w{width:100%}

.pr{border-top:1px solid var(--line)}.prw{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,6vw,90px)}
.pl{position:sticky;top:110px;align-self:start}.pbig{display:flex;align-items:flex-end;gap:14px;margin-top:clamp(30px,6vw,70px);overflow:hidden}
.pn{display:block;font-size:clamp(130px,19vw,280px);font-weight:800;line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px var(--acc)}
.psteps{position:relative;padding-left:56px}.pline{position:absolute;left:11px;top:14px;bottom:60px;width:2px;background:var(--line)}.pline i{display:block;width:100%;height:100%;background:var(--acc);transform:scaleY(0);transform-origin:top}
.ps{position:relative;padding-bottom:clamp(70px,14vh,150px)}.ps:last-child{padding-bottom:0}
.dot{position:absolute;left:-56px;top:2px;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);background:var(--bg);transition:.4s}
.ps h3{margin:12px 0 10px;font-size:clamp(32px,4.2vw,62px);line-height:1;letter-spacing:-.035em}.ps p{margin:0;color:var(--mut);max-width:46ch}
.you{margin-top:22px;border-top:1px solid var(--line);padding-top:14px;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;max-width:46ch;font-size:15px}.you .mono{color:var(--acc)}
.js .ps{opacity:.3;transition:opacity .5s}.js .ps.done{opacity:.6}.js .ps.act{opacity:1}
.ps.act .dot{background:var(--acc);border-color:var(--acc);box-shadow:0 0 0 7px color-mix(in srgb,var(--acc) 22%,transparent)}.ps.done .dot{border-color:var(--acc)}
@media (max-width:860px){.prw{grid-template-columns:1fr}.pl{position:static}.pbig{display:none}.psteps{padding-left:44px}.dot{left:-44px}.pline{left:11px}.ps{padding-bottom:56px}}

.ab{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(30px,6vw,90px);align-items:start}.ab h2{max-width:11ch}
.abp p{font-size:clamp(18px,1.55vw,22px);line-height:1.5;margin:0 0 20px;max-width:56ch}.abp p+p{color:var(--mut)}
.facts{margin:36px 0 0;border-top:1px solid var(--line)}.facts div{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.facts dt{padding-top:3px}.facts dd{margin:0;font-size:16px}
@media (max-width:860px){.ab{grid-template-columns:1fr}.facts div{grid-template-columns:1fr;gap:2px}}

.hero h1{max-width:20ch;font-size:clamp(42px,8.2vw,128px)}

/* ---- interaction layer ---- */
.cur,.dot{display:none;position:fixed;left:0;top:0;pointer-events:none}
.cx .cur{display:grid;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:1.5px solid #fff;mix-blend-mode:difference;z-index:80;font:700 13px var(--d);color:transparent;transition:width .35s cubic-bezier(.2,.7,.1,1),height .35s cubic-bezier(.2,.7,.1,1),margin .35s cubic-bezier(.2,.7,.1,1),background .3s,border-color .3s}
.cx .cur.lg{width:64px;height:64px;margin:-32px 0 0 -32px}.cx .cur.sm{width:16px;height:16px;margin:-8px 0 0 -8px;background:#fff}
.cx .cur.on{width:96px;height:96px;margin:-48px 0 0 -48px;mix-blend-mode:normal;background:var(--acc);border-color:var(--acc);color:var(--ink)}
.cx .dot{display:block;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#fff;mix-blend-mode:difference;z-index:81}
.cx,.cx a,.cx button,.cx summary{cursor:none}
.sp{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);height:3px;z-index:65;pointer-events:none}.sp i{display:block;height:100%;background:var(--acc);transform:scaleX(0);transform-origin:left}
nav a:not(.btn){position:relative}nav a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--acc);transition:right .35s cubic-bezier(.2,.7,.1,1)}nav a:not(.btn):hover:after{right:0}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:color .35s,box-shadow .35s}
.btn:before{content:"";position:absolute;inset:-1px;background:var(--fg);transform:translateY(102%);transition:transform .45s cubic-bezier(.2,.7,.1,1);z-index:-1}
.btn:hover{color:var(--bg)}.btn:hover:before{transform:none}
.btn.o:before{background:var(--acc)}.btn.o:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--acc)}
.lrow{position:relative;overflow:hidden;isolation:isolate;transition:padding .3s,color .3s}
.lrow:before{content:"";position:absolute;inset:0;background:var(--acc);transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.2,.7,.1,1);z-index:-1}
.lrow:hover{color:var(--ink);padding-left:22px}.lrow:hover:before{transform:scaleY(1)}.lrow:hover .mono{color:var(--ink)}
.hi img,.vi img{filter:grayscale(.9) contrast(1.05);transition:filter .6s}
a.hp:hover .hi img,.vi:hover img{filter:none}
.hero h1 .wd>span{transition:color .25s}.hero h1 .wd:hover>span{color:var(--acc)}.hero h1 em .wd:hover>span{color:var(--fg)}
.js .mq div{animation:none}
html:not(.js) .htrack{width:auto;overflow-x:auto;scroll-snap-type:x mandatory}html:not(.js) .hwrap{min-height:0}

::selection{background:var(--acc);color:var(--ink)}
.hero{position:relative}.hero>.w{position:relative;z-index:1}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--fg) 22%,transparent) 1px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 75% 35%,#000,transparent 72%);mask-image:radial-gradient(ellipse 70% 80% at 75% 35%,#000,transparent 72%);pointer-events:none}

.hl{display:flex;gap:18px}.hl a{color:var(--fg);border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .25s,border-color .25s}.hl a:hover{color:var(--acc);border-color:var(--acc)}
.ab-top{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(30px,6vw,90px);align-items:start}.ab-top h2{max-width:11ch}
.abp p{font-size:clamp(18px,1.5vw,21px);line-height:1.55;margin:0 0 18px;max-width:58ch}.abp p+p{color:var(--mut)}
.alinks{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.alinks .btn svg{flex:none}
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(40px,6vw,80px)}
.codecard{border:1px solid var(--line);background:color-mix(in srgb,var(--fg) 4%,var(--bg));border-radius:6px;overflow:hidden}
.cbar{display:flex;gap:7px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.cbar i{width:11px;height:11px;border-radius:50%;background:var(--line)}.cbar .mono{margin-left:10px}
.codecard pre{margin:0;padding:22px 22px 26px;overflow:hidden;font:400 clamp(12px,1.05vw,15px)/1.75 var(--m);color:var(--fg)}.codecard code{font:inherit}
.codecard .cl{display:block;white-space:pre}.codecard .k{color:var(--fg)}.codecard .s{color:var(--acc)}.codecard .p,.codecard .n{color:var(--mut)}.codecard .n{color:var(--acc)}
.oss{display:grid;gap:20px}
.ossc{position:relative;display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:6px;padding:26px;transition:border-color .3s,transform .4s cubic-bezier(.2,.7,.1,1)}.ossc:hover{border-color:var(--acc);transform:translateY(-4px)}
.ossc h3{margin:0;font-size:clamp(28px,3vw,42px);letter-spacing:-.03em;line-height:1}.ossc p{margin:0;color:var(--mut);font-size:16px}
.pills{display:flex;gap:8px;flex-wrap:wrap}.pills span{font:500 11px var(--m);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);border-radius:100px;padding:5px 11px}
.ossc .go{color:var(--acc);margin-top:4px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);margin:clamp(40px,6vw,70px) 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tiles>div{padding:30px 20px 30px 0}.tiles>div+div{padding-left:24px;border-left:1px solid var(--line)}
.tiles dd{margin:0;font-size:clamp(44px,5.4vw,80px);font-weight:800;letter-spacing:-.04em;line-height:1}.tiles dt{margin-top:8px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.chips span{font:500 12px var(--m);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);padding:8px 14px;border-radius:100px;transition:.25s}.chips span:hover{background:var(--acc);border-color:var(--acc);color:var(--ink)}
@media (max-width:860px){.ab-top,.ab-grid{grid-template-columns:1fr}.tiles{grid-template-columns:1fr 1fr}.tiles>div{padding:24px 12px 24px 0}.tiles>div:nth-child(odd){padding-left:0;border-left:0}.tiles>div:nth-child(even){padding-left:18px}.tiles>div:nth-child(n+3){border-top:1px solid var(--line)}.codecard pre{padding:18px 14px;font-size:11.5px}.hl{gap:12px}}