section.usp-strip{padding-block:1.5rem 0}.usp-strip ul{margin:0;padding:1.25rem 0 0;list-style:none;display:grid;gap:.75rem;border-top:1px solid var(--line)}@media(min-width:768px){.usp-strip ul{grid-template-columns:repeat(3,1fr);gap:2rem}}.usp-strip li{display:flex;gap:.75rem;align-items:baseline;color:var(--ink-muted)}.usp-strip li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none;transform:translateY(-2px)}section[data-block].chapter{padding-block:72px}section.chapter+section.chapter{padding-top:0}.chapter-body h3{font-size:var(--h5);margin-top:.5rem}.features{display:grid;border-top:1px solid var(--line)}.features div{display:grid;gap:.5rem;align-content:start;padding:1.5rem 0;border-bottom:1px solid var(--line)}.features h3{font-size:var(--h5);margin:0}.features p{color:var(--ink-muted)}@media(min-width:768px){.features{grid-template-columns:1fr 1fr;-moz-column-gap:2.5rem;column-gap:2.5rem}}.checklist{margin:0;padding:0;list-style:none;display:grid;gap:.875rem}.checklist li{display:flex;gap:.75rem;align-items:flex-start;max-width:38.871em}.checklist .icon{color:var(--accent);flex:none;margin-top:.35em;width:1.1em;height:1.1em}.ph-steps .intro{grid-column:1/-1;display:grid;gap:1.25rem;max-width:37.617em}.ph-pin{grid-column:1/-1;align-self:start;position:sticky;top:72px;z-index:2}.ph-stack{margin:0;position:relative;aspect-ratio:16/9;border-radius:var(--radius-m);overflow:clip;border:1px solid var(--line);background:var(--bg-raised)}.ph-stack img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .7s var(--ease),transform 1.6s var(--ease)}.ph-stack img.is-active{opacity:1;transform:none}.ph-count{position:absolute;left:1rem;bottom:1rem;z-index:1;font-size:var(--small);color:#fff;background:#0000008c;padding:.25rem .75rem;border-radius:999px;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ph-count b{font-weight:500}.aanpak-steps.ph-list{grid-column:1/-1}.ph-list .step p{max-width:36.363em}@media(min-width:1024px){.ph-pin{grid-column:1/6;top:104px}.aanpak-steps.ph-list{grid-column:7/-1}.ph-stack{aspect-ratio:4/5}.ph-list .step{min-height:38vh}.ph-list .step:last-child{min-height:46vh}}@media(max-width:1023px){.ph-pin{margin-inline:calc(var(--gutter)*-1)}.ph-stack{border-radius:0;border-inline:0}}.gallery.single figure{grid-column:1/-1;aspect-ratio:21/9}@media(max-width:767px){.gallery.single figure{aspect-ratio:4/3}}.panel-photo{margin:0;border-radius:var(--radius-m);overflow:clip;aspect-ratio:4/5;max-height:420px}.panel-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 30%;object-position:50% 30%}.cta .panel-side.has-photo{border:0;padding:0}.solutions .head{max-width:37.617em}.sol-links,.solutions .head{grid-column:1/-1;display:grid;gap:1rem}.sol-links{margin:0;padding:0;list-style:none}@media(min-width:768px){.sol-links{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.sol-links{grid-template-columns:repeat(4,1fr)}}.sol-links a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:1px solid var(--line);border-radius:var(--radius-m);font-weight:500;transition:border-color var(--t-fast),background-color var(--t-fast)}.sol-links a:hover{border-color:var(--line-strong);background:var(--bg-raised)}.sol-links .icon{transition:transform var(--t-fast) var(--ease)}.sol-links a:hover .icon{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.ph-stack img{transition:opacity .2s;transform:none}}.related .cases-intro{grid-column:1/-1;max-width:37.617em;margin-top:-.5rem}.page-oplossing section.hero{padding-bottom:0}main.page-oplossing .hero-figure img{-o-object-position:50% 22%;object-position:50% 22%}section[data-block].proof{padding-block:var(--space-s) 0}.proof .facts-grid dd{font-size:var(--h1)}.checker{display:grid;gap:1.5rem}.checker-list{margin:0;padding:0;list-style:none;display:grid;gap:.625rem}.check{display:flex;gap:.875rem;align-items:flex-start;text-align:left;width:100%;padding:.875rem 1rem;border:1px solid var(--line);border-radius:var(--radius-m);color:var(--ink);line-height:1.5;transition:border-color var(--t-fast),background-color var(--t-fast)}.check:hover{border-color:var(--line-strong)}.check .box{flex:none;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:var(--radius-s);display:grid;place-items:center;margin-top:.1em;transition:background-color var(--t-fast),border-color var(--t-fast)}.check .box .icon{width:14px;height:14px;color:var(--accent-ink);opacity:0;transform:scale(.6);transition:opacity var(--t-fast),transform var(--t-base) var(--ease)}.check[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 9%,transparent)}.check[aria-pressed=true] .box{background:var(--accent);border-color:var(--accent)}.check[aria-pressed=true] .box .icon{opacity:1;transform:none}.checker-result{display:grid;gap:1rem;padding:1.5rem;border-radius:var(--radius-m);background:var(--bg-raised);border:1px solid var(--line)}.checker-result .score{font-size:var(--small);color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.checker-result p:not(.score){font-size:var(--body-lg);max-width:37.617em}.lead-form{max-width:36rem}.lead-form,.lead-form .fields,.lead-form .row{display:grid;gap:1rem}@media(min-width:640px){.lead-form .row{grid-template-columns:1fr auto;align-items:end}}.lead-form .done{display:grid;gap:.5rem;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius-m)}.lead-form .done b{font-weight:500}.related .quote-row{grid-column:1/-1}.cta .panel-side.has-photo img{width:100%;height:100%;border-radius:0}.hero-demo{display:grid;place-items:stretch;background:var(--bg-raised);border:1px solid var(--line)}main.page-oplossing .hero-figure{height:calc(min(100vw - 2 * var(--gutter),var(--container))*.5625)}.hero-demo .demo{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(62%,820px);aspect-ratio:4/3;height:auto;scale:1.1}@media(max-width:767px){main.page-oplossing .hero-figure{height:calc(125vw - var(--gutter)*2*5/4)}.hero-demo .demo{width:92%;aspect-ratio:4/5;scale:1}}.hero-demo .node img{position:static;width:auto;height:28px;top:auto;left:auto;-o-object-fit:contain;object-fit:contain}.forms{display:grid;gap:1.25rem}.form-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.form-pill{padding:.5rem .875rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-muted);font-size:var(--small);transition:border-color var(--t-fast),background-color var(--t-fast),color var(--t-fast)}.form-pill:hover{border-color:var(--line-strong);color:var(--ink)}.form-pill[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 9%,transparent);color:var(--ink)}.form-stage{padding:1.5rem;border-radius:var(--radius-m);background:var(--bg-raised);border:1px solid var(--line)}.form-panel{display:grid;gap:1rem;animation:rise-soft .4s var(--ease) both}.form-panel p{font-size:var(--body-lg);max-width:37.617em}@media(prefers-reduced-motion:reduce){.form-panel{animation:none}}.hero-compare{background:var(--bg-raised);border:1px solid var(--line)}.compare{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.compare,.compare .side{position:absolute;inset:0}.compare .after{clip-path:inset(0 0 0 var(--pos));background:var(--bg)}.compare .tag{position:absolute;top:1rem;z-index:3;font-size:var(--small);color:var(--ink-muted);padding:.375rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised);white-space:nowrap}.compare .before .tag{left:1rem}.compare .after .tag{right:1rem;color:var(--ink);border-color:color-mix(in oklab,var(--accent) 40%,transparent)}.mess{position:absolute;inset:0}.mess .item{position:absolute;left:var(--x);top:var(--y);rotate:var(--r);display:grid;gap:.375rem;width:15rem;padding:.75rem .875rem;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg);color:var(--ink-muted);font-size:13px;box-shadow:0 10px 30px #0000002e;animation:float 6s ease-in-out infinite;animation-delay:var(--d)}.mess .item b{color:var(--ink);font-weight:500}.mess .item.sheet i{display:block;height:6px;border-radius:2px;background:var(--line)}.mess .item.sheet i:nth-child(3){width:70%}.mess .item.sheet i:nth-child(4){width:85%}.mess .item.sheet i:nth-child(5){width:55%}.mess .item.sheet.small{width:11rem}.mess .item.note{background:#f6e27a;color:#3a3000;border-color:transparent;width:11rem;font-weight:500}.mess .item.chat{width:13rem;border-radius:1rem 1rem 1rem .25rem}.mess .item.mail span,.mess .item.paper span{color:var(--ink-muted)}@keyframes float{50%{translate:0 -6px}}.mess .item.note.pink{background:#f7b6d2;color:#4a1030}.mess .item.cal,.mess .item.phone{width:13rem}.mess .item.phone b:before{content:"☎ "}.mess .item.cal b:before{content:"□ "}.app.ui{position:absolute;inset:7% 3% 7% 47%;display:grid;grid-template-columns:9.5rem 1fr;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg-raised);overflow:clip;font-size:13px}.ui-nav{border-right:1px solid var(--line);padding:1rem .75rem;display:grid;gap:1rem;align-content:start;background:var(--bg)}.ui-logo{display:block;width:28px;height:28px;border-radius:8px;background:var(--accent)}.ui-nav ul{margin:0;padding:0;list-style:none;display:grid;gap:.125rem}.ui-nav li{padding:.45rem .625rem;border-radius:var(--radius-s);color:var(--ink-muted)}.ui-nav li.on{background:var(--bg-raised);color:var(--ink);font-weight:500}.ui-main{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:.875rem;padding:.875rem 1rem;min-width:0}.ui-top{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.ui-title{font-size:var(--h6);font-weight:500}.ui-search{padding:.4rem .75rem;border-radius:var(--radius-s);color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-search,.ui-user{border:1px solid var(--line);background:var(--bg)}.ui-user{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:500}.ui-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.ui-kpis div{display:grid;gap:.125rem;padding:.625rem .75rem;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg)}.ui-kpis em{font-style:normal;color:var(--ink-muted);font-size:11px}.ui-kpis b{font-size:1.25rem;font-weight:500;line-height:1.1}.ui-kpis b.ok{color:var(--ink);font-size:1rem}.ui-table{width:100%;border-collapse:collapse;align-self:start}.ui-table th{text-align:left;font-weight:400;color:var(--ink-muted);font-size:11px;padding:.25rem .5rem .5rem}.ui-table td,.ui-table th{border-bottom:1px solid var(--line)}.ui-table td{padding:.55rem .5rem;white-space:nowrap}.ui-table td b{font-weight:400;display:inline-flex;align-items:center;gap:.4rem;color:var(--ink)}.ui-table td b:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.ui-table td b.done{color:var(--ink-muted)}.ui-table td b.done:before{background:var(--line-strong)}.ui-log{display:grid;grid-template-columns:auto 1fr auto;gap:.625rem;align-items:center;padding:.625rem .75rem;border:1px solid color-mix(in oklab,var(--accent) 35%,transparent);border-radius:var(--radius-s);background:color-mix(in oklab,var(--accent) 8%,transparent)}.ui-log .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 20%,transparent)}.ui-log b{font-weight:500}.ui-log em{font-style:normal;color:var(--ink-muted);font-size:11px}.handle{top:0;bottom:0;left:var(--pos);width:2px;translate:-50% 0;z-index:4}.handle,.handle .grip{position:absolute;background:var(--accent)}.handle .grip{left:50%;top:50%;translate:-50% -50%;width:44px;height:44px;border-radius:50%;color:var(--accent-ink);display:grid;place-items:center;box-shadow:0 8px 24px #0000004d}.handle:focus-visible{outline:none}.handle:focus-visible .grip{outline:2px solid var(--ink);outline-offset:2px}.compare.moving .after,.compare.moving .handle{transition:none}.compare .after{transition:clip-path .3s var(--ease)}.handle{transition:left .3s var(--ease)}@media(max-width:767px){.compare{--pos:30% !important}.mess .item{width:9.5rem;font-size:11px;padding:.5rem .625rem}.mess .item.cal,.mess .item.paper,.mess .item.phone,.mess .item.small{display:none}.app.ui{inset:12% 2% 3% 32%;grid-template-columns:1fr;font-size:11px}.ui-nav{display:none}.ui-main{padding:.625rem;gap:.5rem;grid-template-rows:auto auto 1fr auto}.ui-search{display:none}.ui-top{grid-template-columns:1fr auto}.ui-kpis{grid-template-columns:repeat(2,1fr)}.ui-kpis div:nth-child(n+3),.ui-log em,.ui-table td:nth-child(3),.ui-table th:nth-child(3){display:none}.compare .tag{font-size:11px;padding:.25rem .5rem}.compare .after .tag{top:.6rem;right:.6rem}.compare .before .tag{left:.6rem;top:.6rem;max-width:40%;white-space:normal;line-height:1.2}}@media(prefers-reduced-motion:reduce){.mess .item{animation:none}}.ui-week{display:grid;grid-template-rows:auto 1fr;gap:.5rem;min-height:0;padding:.625rem .75rem;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg)}.ui-week-head{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-muted)}.ui-week ul{margin:0;padding:0;list-style:none;grid-template-columns:repeat(5,1fr);gap:.5rem;min-height:3.5rem}.ui-week li,.ui-week ul{display:grid;align-items:end}.ui-week li{grid-template-rows:1fr auto;gap:.25rem;height:100%;justify-items:center}.ui-week li i{display:block;width:100%;height:var(--h);border-radius:3px 3px 0 0;background:color-mix(in oklab,var(--accent) 45%,var(--line));align-self:end}.ui-week li.today i{background:var(--accent)}.ui-week li span{font-size:10px;color:var(--ink-muted)}@media(max-width:767px){.ui-week{display:none}.ui-main{grid-template-rows:auto auto 1fr auto}.ui-table td:nth-child(2),.ui-table th:nth-child(2){display:none}.app.ui{inset:13% 2% 2% 33%}.compare .after .tag{top:.6rem;bottom:auto;right:.6rem;max-width:52%;white-space:normal;text-align:right;line-height:1.2}}.hero-split{padding-bottom:0}.hero.hero-split .grid{align-items:center;row-gap:2.5rem}.hero-copy{grid-column:1/-1;display:grid;gap:1.5rem}.hero-split .hero-title{grid-column:auto;font-size:var(--h1)}.hero-split .hero-lead{grid-column:auto;max-width:32.602em}.hero-split .hero-actions{grid-column:auto;justify-content:flex-start;gap:1.25rem 2rem}.hero-usp{margin:0;padding:0;list-style:none;display:grid;gap:.5rem;opacity:0}html.ready .hero-usp{animation:rise-soft .9s var(--ease) both .98s}.hero-usp li{display:flex;gap:.75rem;align-items:baseline;color:var(--ink-muted)}.hero-usp li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none;transform:translateY(-2px)}.hero-bento{grid-column:1/-1;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:132px;gap:.75rem}.hero-bento li{border-radius:var(--radius-m)}.hero-bento li.tall{grid-row:span 2}.hero-bento li.wide{grid-column:span 2}.hero-bento a{position:relative;display:block;height:100%;overflow:clip;border-radius:inherit;border:1px solid var(--line);background:var(--bg-raised)}.hero-bento img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .9s var(--ease)}.hero-bento a:hover img{transform:scale(1.04)}.hero-bento .badge{position:absolute;left:.75rem;bottom:.75rem;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;background:var(--ink);color:var(--bg);font-size:12px;font-weight:500;opacity:0;translate:0 6px;transition:opacity var(--t-base),translate var(--t-base) var(--ease)}.hero-bento a:focus-visible .badge,.hero-bento a:hover .badge{opacity:1;translate:0 0}@media(hover:none){.hero-bento .badge{opacity:1;translate:0 0}}@media(min-width:1024px){.hero-copy{grid-column:1/7}.hero-bento{grid-column:8/-1;grid-auto-rows:168px}}@media(max-width:767px){.hero-bento{grid-auto-rows:120px}}main.page-oplossing section.proof{padding-block:var(--space-m) var(--space-s)}.why-grid{display:grid;gap:1.5rem}@media(min-width:1024px){.why-grid{grid-template-columns:5fr 7fr;gap:2rem;align-items:start}}.why-list{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.why-btn{width:100%;text-align:left;display:grid;gap:.25rem;padding:.875rem 1rem;border:1px solid var(--line);border-radius:var(--radius-s);color:var(--ink-muted);transition:border-color var(--t-fast),background-color var(--t-fast),color var(--t-fast)}.why-btn b{font-weight:500;color:var(--ink)}.why-btn span{font-size:var(--small);line-height:1.45}.why-btn:hover{border-color:var(--line-strong)}.why-btn[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 9%,transparent);color:var(--ink)}.why-stage{position:relative;min-height:300px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg-raised);overflow:clip}.why-scene{position:absolute;inset:0;padding:1.5rem;animation:rise-soft .5s var(--ease) both}.why-scene[hidden]{display:none}.scene-fit{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.scene-fit .pane{position:relative;display:grid;grid-template-rows:auto 1fr;gap:.75rem;padding:1rem;border:1px dashed var(--line-strong);border-radius:var(--radius-s)}.scene-fit .pane.pink{border:1px solid var(--accent)}.scene-fit em{font-style:normal;font-size:var(--small);color:var(--ink-muted)}.scene-fit .pane.pink em{color:var(--ink)}.scene-fit .boxes{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem}.scene-fit .boxes i{display:block;aspect-ratio:1;border:1px solid var(--line);border-radius:3px}.scene-fit .blob{position:absolute;display:grid;place-items:center;font-size:var(--small);font-weight:500;color:var(--ink);background:color-mix(in oklab,var(--accent) 22%,transparent);border:1px solid color-mix(in oklab,var(--accent) 60%,transparent);border-radius:46% 54% 60% 40%/55% 45%}.scene-fit .boxes .blob{left:18%;top:12%;width:96%;height:78%;rotate:-6deg}.scene-fit .fit{position:relative;display:grid;place-items:center}.scene-fit .blob.fits{position:static;width:82%;height:78%;background:color-mix(in oklab,var(--accent) 14%,transparent);border-color:var(--accent);box-shadow:0 0 0 6px color-mix(in oklab,var(--accent) 12%,transparent)}.scene-line{display:grid;gap:1.5rem;align-content:center}.chain{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.chain em{flex-basis:100%;font-style:normal;color:var(--ink-muted)}.chain em,.chain span{font-size:var(--small)}.chain span{padding:.5rem .875rem;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.chain i{display:block;width:1.5rem;height:1px;background:var(--line-strong)}.chain.old span:not(:first-of-type){color:var(--ink-muted);text-decoration:line-through;text-decoration-color:var(--accent)}.chain.new span{border-color:var(--accent)}.chain .me{display:inline-flex;align-items:center;gap:.5rem;padding-left:.375rem}.chain .me img{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.scene-links{display:block}.scene-links svg{position:absolute;inset:0;width:100%;height:100%}.scene-links path{fill:none;stroke:var(--line-strong);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}.scene-links path.dash{stroke-dasharray:4 6}.scene-links .core,.scene-links .sat{position:absolute;translate:-50% -50%;padding:.5rem .875rem;border-radius:999px;font-size:var(--small);background:var(--bg);border:1px solid var(--line);white-space:nowrap}.scene-links .core{left:6%;top:50%;translate:0 -50%;border-color:var(--accent);font-weight:500;box-shadow:0 0 0 6px color-mix(in oklab,var(--accent) 14%,transparent)}.scene-links .sat{translate:0 -50%;left:62%}.scene-links .s1{top:14%}.scene-links .s2{top:38%}.scene-links .s3{top:62%}.scene-links .s4{top:86%}.scene-links .later{border-style:dashed;color:var(--ink-muted)}.scene-years{display:grid;gap:1.5rem;align-content:center}.years{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.years:before{content:"";position:absolute;left:10%;right:10%;top:6px;height:2px;background:var(--accent)}.years span{display:grid;gap:.375rem;justify-items:center;text-align:center;font-size:12px;position:relative;padding-top:1.25rem}.years span:before{content:"";position:absolute;top:0;width:14px;height:14px;border-radius:50%;background:var(--accent)}.years b{font-weight:500}.years em{font-style:normal;color:var(--ink-muted)}.same{display:flex;align-items:center;gap:.75rem;justify-content:center;font-size:var(--small)}.same img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.why-more{margin-top:.5rem}.why-more summary{cursor:pointer;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;font-weight:500;list-style:none}.why-more summary::-webkit-details-marker{display:none}.why-more summary:after{content:" +"}.why-more[open] summary:after{content:" –"}.why-more .prose{margin-top:1rem}@media(max-width:767px){.why-stage{min-height:260px}.scene-fit{grid-template-columns:1fr}.chain span{font-size:12px;padding:.375rem .625rem}.scene-links .core,.scene-links .sat{font-size:12px;padding:.4rem .6rem}.scene-links .core{left:3%}.years{grid-template-columns:repeat(5,1fr)}.years span{font-size:10px}}@media(prefers-reduced-motion:reduce){.why-scene{animation:none}}.sol-v2{position:relative}.sol-v2 .container.grid{position:relative;z-index:1;row-gap:2rem}.lines-grid{position:absolute;inset:-4rem 0;pointer-events:none;display:grid;grid-template-columns:repeat(4,1fr);width:min(100% - 2 * var(--gutter),var(--container));left:50%;translate:-50% 0}.lines-grid i{-webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent)}.lines-grid i,.lines-grid i:last-child{border-left:1px dashed var(--grid-line)}.lines-grid i:last-child{position:absolute;right:0;top:0;bottom:0}.lines-grid{--grid-line:color-mix(in oklab, var(--ink) 9%, transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .lines-grid{--grid-line:color-mix(in oklab, var(--ink) 15%, transparent)}}:root[data-theme=dark] .lines-grid{--grid-line:color-mix(in oklab, var(--ink) 15%, transparent)}.sol-v2 .head,.sol-v2 .head h2{grid-column:1/-1;max-width:none}.sol-v2 .head .lead{color:var(--ink-muted);max-width:40em}.sol-row{grid-column:1/-1;margin:0;padding:0;list-style:none;display:grid;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg-raised);overflow:clip}@media(min-width:640px){.sol-row{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.sol-row{grid-template-columns:repeat(4,1fr)}}.sol-row li{border-top:1px solid var(--line)}.sol-row li:first-child{border-top:0}@media(min-width:640px){.sol-row li:nth-child(-n+2){border-top:0}.sol-row li:nth-child(2n){border-left:1px solid var(--line)}}@media(min-width:1024px){.sol-row li{border-top:0}.sol-row li+li{border-left:1px solid var(--line)}}.sol-row a{display:grid;gap:.625rem;align-content:start;height:100%;padding:1.5rem;color:inherit;text-decoration:none;transition:background-color var(--t-fast)}.sol-row a:hover{background:color-mix(in oklab,var(--ink) 5%,transparent)}.sol-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:500}.sol-title .icon{flex:none;color:var(--ink-muted);transition:transform var(--t-fast),color var(--t-fast)}.sol-row a:hover .sol-title .icon{transform:translate(4px);color:var(--accent)}.sol-text{color:var(--ink-muted);line-height:1.5}.sol-chips,.sol-text{font-size:var(--small)}.sol-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;max-width:none}.sol-chips .muted{margin-right:.25rem}.sol-chips .chip{padding:.375rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised);white-space:nowrap;color:var(--ink);text-decoration:none;transition:border-color var(--t-fast),background-color var(--t-fast)}.sol-chips .chip:hover{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}
