@font-face{font-family:Inter;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-weight:100 900;font-display:swap;src:url(/assets/fonts/geist-mono-latin.woff2) format("woff2")}@font-face{font-family:Bricolage Grotesque;font-weight:500 800;font-stretch:75% 80%;font-display:swap;src:url(/assets/fonts/bricolage-slim-latin.woff2) format("woff2")}:root{color-scheme:light;--bg: #faf8f5;--ink: #141218;--muted: #6b6776;--panel: #f3f1ee;--line: rgba(20, 18, 24, .1);--lilac: #e5a5f8;--orange: #e8883a;--tan: #9e7f6e;--cocoa: #2e1f18;--peri: #c6d2e3;--blue: #6495d4;--navy: #14295e;--yellow: #f6dc82;--ease: cubic-bezier(.22, 1, .36, 1);--disp: "Bricolage Grotesque", Inter, system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, Menlo, Consolas, monospace;--measure: 740px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:clip;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--ink);font:400 17.5px/1.75 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-color:var(--orange)}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}::selection{background:var(--yellow);color:var(--ink)}.skip-link{position:absolute;left:16px;top:-90px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px;font-weight:600;text-decoration:none;z-index:100}.skip-link:focus{top:16px}.wrap{max-width:var(--measure);margin:0 auto;padding:0 24px}.wide{max-width:1304px;margin:0 auto;padding:0 24px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.progress{position:fixed;inset:0 auto auto 0;height:3px;width:0;background:linear-gradient(90deg,var(--lilac),var(--orange),var(--yellow));z-index:70;transition:width .1s linear}.hdr{position:fixed;inset:0 0 auto;z-index:60;height:76px;transition:background-color .3s ease,box-shadow .3s ease}.hdr.is-scrolled,.hdr.menu-open{background:#faf8f5eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px #14121814}.hdr-in{width:min(1304px,100% - 48px);height:100%;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.logo{justify-self:start;display:flex;align-items:center;gap:10px;text-decoration:none}.logo img{width:32px;height:32px}.logo-name{display:none;font:600 17px/1 Inter,sans-serif;letter-spacing:-.01em}.nav{display:flex;gap:8px}.nav a{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:999px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .2s ease}.nav a:hover{background:#1412180d}.nav a[aria-current=page]{background:var(--yellow)}.nav .nav-cta{display:none}.btn-chrome{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font:500 16px Inter,sans-serif;letter-spacing:-.01em;text-decoration:none;cursor:pointer;border:0;transition:transform .4s var(--ease),background-color .25s ease}.btn-chrome:hover{background:#2b2733;color:#fff}.btn-chrome:active{transform:scale(.97)}.hdr .btn-chrome{justify-self:end}.menu-btn{display:none;justify-self:end;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #14121824;place-items:center;cursor:pointer}.menu-btn svg{width:22px;height:22px}.menu-btn .ic-close,.hdr.menu-open .ic-menu{display:none}.hdr.menu-open .ic-close{display:block}@media(max-width:760px){.hdr .hdr-in>.btn-chrome{display:none}.menu-btn{display:grid}.hdr-in{grid-template-columns:1fr auto}.logo-name{display:inline}.nav{display:none}.hdr.menu-open .nav{display:flex;flex-direction:column;gap:2px;position:absolute;top:76px;left:0;right:0;padding:6px 10px 28px;background:var(--bg);box-shadow:0 24px 30px -22px #1412184d}.hdr.menu-open .nav a{height:54px;padding:0 14px;font-size:18px;border-radius:14px}.hdr.menu-open .nav .nav-cta{display:inline-flex;justify-content:center;margin-top:14px;color:#fff;background:var(--ink)}}main{padding-top:76px}.crumbs{max-width:var(--measure);margin:0 auto;padding:34px 24px 14px;font-size:14px;color:var(--muted)}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange)}.crumbs span{margin:0 8px;opacity:.5}article{padding:22px 0 80px}.cat{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--yellow);font:500 13px/18px Inter,sans-serif;letter-spacing:.02em;text-decoration:none}.cat.c-colors{background:var(--lilac)}.cat.c-code{background:var(--peri)}.cat.c-motion{background:#f2a869}.cat.c-figma{background:#bcd3f2}h1{margin:16px 0 18px;font-family:var(--disp);font-weight:500;font-size:clamp(42px,6.4vw,66px);line-height:.99;letter-spacing:-.015em;font-variation-settings:"wdth" 80,"opsz" 96;text-wrap:balance}.standfirst{margin:0 0 14px;font-size:21px;line-height:1.55;color:#141218cc;text-wrap:pretty}.byline{margin:0 0 34px;padding-bottom:28px;font-size:14.5px;color:var(--muted);border-bottom:1px solid var(--line)}h2{margin:62px 0 16px;font-family:var(--disp);font-weight:500;font-size:clamp(32px,4.4vw,42px);line-height:1.04;letter-spacing:-.01em;font-variation-settings:"wdth" 80,"opsz" 96;text-wrap:balance}h3{margin:34px 0 10px;font-family:var(--disp);font-weight:500;font-size:26px;line-height:1.1;letter-spacing:-.005em;font-variation-settings:"wdth" 80,"opsz" 96}p{margin:0 0 22px}ul,ol{margin:0 0 24px;padding-left:24px}li{margin:0 0 8px;padding-left:4px}li::marker{color:var(--orange)}strong{font-weight:650}code{font:500 .86em var(--mono);background:#fff;box-shadow:inset 0 0 0 1px #1412181a;border-radius:7px;padding:2px 7px}pre{margin:0 0 28px;padding:20px 22px;border-radius:16px;background:#1b1720;color:#e7e3f0;font:400 14px/1.7 var(--mono);overflow-x:auto}pre code{background:none;box-shadow:none;padding:0;font-size:inherit;color:inherit}figure{margin:34px 0}figure img{width:100%;height:auto;border-radius:20px;box-shadow:0 0 0 1px #14121814,0 18px 40px -18px #2e1f184d;background:#fff}figcaption{margin-top:12px;font-size:14px;color:var(--muted)}blockquote{margin:0 0 26px;padding:4px 0 4px 22px;border-left:4px solid var(--lilac);font-size:19px;color:#141218d9}.answer{margin:0 0 40px;padding:26px 28px 8px;border-radius:22px;background:var(--yellow);box-shadow:0 0 0 6px #e8883a59}.answer .label{display:inline-block;margin-bottom:10px;padding:3px 12px;border-radius:999px;background:#fff;font:600 12px/18px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}.answer p{font-size:19px;line-height:1.65}.answer p:last-child{margin-bottom:18px}.keypoints{margin:0 0 40px;padding:22px 26px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.keypoints h2{margin:0 0 10px;font-size:22px;font-family:Inter,sans-serif;font-weight:650;letter-spacing:0;font-variation-settings:normal}.keypoints ul{margin:0;padding-left:20px}.step{padding-left:22px;margin:0 0 30px;border-left:4px solid var(--peri)}.step h3{margin-top:0}.step p:last-child{margin-bottom:0}.pick{margin:0 0 18px;padding:24px 26px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:transform .4s var(--ease),box-shadow .3s ease}.pick:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px var(--ink)}.pick h3{margin:0 0 8px}.pick .tag{display:inline-block;margin-left:8px;padding:2px 11px;border-radius:999px;background:var(--lilac);font:600 12px/18px Inter,sans-serif;vertical-align:middle}.pick .meta{color:var(--muted);font-size:15px}.pick ul{margin-bottom:0}.table-scroll{overflow-x:auto;margin:0 0 30px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line);background:#fff}table{width:100%;border-collapse:collapse;margin:0 0 30px;font-size:15.5px}.table-scroll table{margin:0;min-width:560px}th,td{text-align:left;padding:14px 18px;vertical-align:top;line-height:1.5;border-bottom:1px solid var(--line)}th{font:600 13px/1.3 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--panel)}tr:last-child td{border-bottom:0}td:first-child{font-weight:600;white-space:nowrap}.toc{margin:0 0 40px;padding:22px 26px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.toc h2{margin:0 0 12px;font:600 12px/1.4 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-variation-settings:normal}.toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}.toc li{margin:0;padding:0;counter-increment:toc}.toc a{display:block;padding:6px 0;text-decoration:none;font-size:16px;line-height:1.4}.toc a:before{content:counter(toc) ".";display:inline-block;width:28px;color:var(--orange);font:600 14px var(--mono)}.toc a:hover{text-decoration:underline;text-decoration-color:var(--orange)}.rail{display:none}.rail nav{position:relative}.rail ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;position:relative}.rail li{position:relative;display:block;margin:0;padding:0}.rail a{display:block;font:400 12px/1.4 var(--mono);color:#141218ad;text-decoration:none;transition:color .2s}.rail a:hover,.rail a[data-active=true]{color:var(--ink);font-weight:500}.rail .dot{position:absolute;left:-14px;top:0;width:6px;height:6px;border-radius:50%;background:var(--orange);pointer-events:none;z-index:10;will-change:transform;transform:translateZ(0)}@media(min-width:1240px){.rail{display:flex;flex-direction:column;gap:32px;position:fixed;left:max(36px,calc(50vw - 640px));top:130px;width:150px;height:fit-content;z-index:40;animation:railIn .65s cubic-bezier(.23,1,.32,1) 80ms 1 backwards}.toc{display:none}}@keyframes railIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cta{margin:56px 0;padding:40px 34px;border-radius:28px;text-align:center;background:var(--ink);color:#fff;box-shadow:0 0 0 8px var(--tan),0 0 0 16px var(--orange)}.cta h2{margin:0 0 10px;color:#fff;font-size:clamp(30px,4.6vw,40px)}.cta p{margin:0 auto 22px;max-width:520px;color:#ffffffc7}.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;border-radius:999px;background:var(--yellow);color:var(--ink);font:600 16px Inter,sans-serif;text-decoration:none;transition:transform .4s var(--ease),background-color .25s ease}.btn:hover{background:#fbe8a0;color:var(--ink)}details.faq{margin:0 0 10px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .4s ease,box-shadow .3s ease}details.faq.is-open{background:var(--lilac);box-shadow:none}details.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;font-family:var(--disp);font-weight:500;font-size:22px;line-height:1.2;font-variation-settings:"wdth" 80,"opsz" 96}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"";flex:none;width:34px;height:34px;border-radius:50%;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141218' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 16px no-repeat;transition:transform .5s var(--ease),background-color .3s ease}details.faq.is-open summary:after{transform:rotate(135deg);background-color:#fff}details.faq .ans{overflow:hidden}details.faq p{margin:0;padding:0 24px 22px;font-size:17px;line-height:1.65}details.faq:hover:not(.is-open){box-shadow:inset 0 0 0 1.5px var(--ink)}.next{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 26px}.next a{display:flex;flex-direction:column;gap:6px;padding:20px;min-height:150px;border-radius:22px;background:var(--yellow);font:600 17px/1.25 Inter,sans-serif;text-decoration:none;transition:transform .45s var(--ease)}.next a:nth-child(2){background:var(--peri)}.next a:nth-child(3){background:var(--lilac)}.next a:hover{transform:translateY(-4px) rotate(-.8deg)}.next a span{font:400 14px/1.45 Inter,sans-serif;color:#141218bf}.js-reveal .reveal{opacity:0;transform:translateY(14px)}.js-reveal .reveal.in{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}.gh{padding:150px 0 24px;text-align:center;display:grid;justify-items:center}.gh h1{max-width:900px;margin:18px 0}.gh .lead{margin:0;max-width:680px;font-size:20px;line-height:32px;color:#141218cc;text-wrap:balance}.gtools{margin:36px auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip{height:42px;padding:0 18px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #14121824;font:500 15px Inter,sans-serif;color:var(--ink);cursor:pointer;transition:background-color .25s ease,transform .35s var(--ease)}.chip:hover{transform:translateY(-2px)}.chip[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.search{position:relative}.search input{width:240px;height:42px;padding:0 16px 0 40px;border:0;border-radius:999px;font:15px Inter,sans-serif;color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px #14121824;transition:box-shadow .25s ease,width .4s var(--ease)}.search input:focus{outline:none;width:300px;box-shadow:inset 0 0 0 2px var(--ink),0 0 0 5px #f6dc82bf}.search svg{position:absolute;left:14px;top:12px;width:18px;height:18px;color:var(--muted)}.count{margin:18px 0 0;font-size:14.5px;color:var(--muted)}.grid{margin:30px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sq{position:relative;aspect-ratio:1 / 1;display:flex;flex-direction:column;padding:22px;border-radius:26px;text-decoration:none;background:var(--yellow);overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),opacity .35s ease}.sq:nth-child(5n+2){background:var(--lilac)}.sq:nth-child(5n+3){background:var(--peri)}.sq:nth-child(5n+4){background:#f2a869}.sq:nth-child(5n+5){background:#bcd3f2}.sq:hover{transform:translateY(-6px) rotate(-.7deg)}.sq:hover .arrow{transform:rotate(0) scale(1);opacity:1}.sq.is-off{display:none}.sq.is-fade{opacity:0;transform:scale(.94)}.sq .top{display:flex;align-items:center;justify-content:space-between}.sq .tagc{padding:4px 12px;border-radius:999px;background:#ffffffb3;font:600 12px/18px Inter,sans-serif}.sq .num{font:500 13px var(--mono);color:#141218c7}.sq .ic{margin:22px 0 auto;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#fff;transition:transform .6s var(--ease)}.sq .ic svg{width:32px;height:32px}.sq:hover .ic{transform:rotate(-12deg) scale(1.08)}.sq h2,.sq h3{margin:0 0 8px;font-family:var(--disp);font-weight:500;font-size:24px;line-height:1.05;letter-spacing:-.005em;font-variation-settings:"wdth" 80,"opsz" 96;text-wrap:balance}.sq p{margin:0;font-size:14px;line-height:1.4;color:#141218bf;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sq .arrow{position:absolute;right:18px;top:66px;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;opacity:0;transform:rotate(-45deg) scale(.6);transition:transform .5s var(--ease),opacity .3s ease}.sq .arrow svg{width:17px;height:17px}.none{display:none;margin:40px 0 0;text-align:center;color:var(--muted)}.gsec{margin-top:110px}.gsec .h2c{margin:0 0 14px;text-align:center}.faqw{max-width:820px;margin:36px auto 0}.gband{margin:110px 0 0;padding:90px 0 100px;background:#e9effb;text-align:center}.gband h2{margin:0 0 12px}.gband p{max-width:560px;margin:0 auto 26px;font-size:19px;color:#141218cc}.gband .btn{background:var(--ink);color:#fff}.gband .btn:hover{background:#2b2733;color:#fff}.site-footer{margin-top:90px;border-top:1px solid rgba(20,18,24,.12);padding-block:34px;color:var(--muted);font-size:14px}.site-footer .row{width:min(1304px,100% - 48px);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}.site-footer nav a{color:#141218d9;text-decoration:none;background:linear-gradient(var(--orange),var(--orange)) 0 100% / 0 2px no-repeat;transition:background-size .3s var(--ease)}.site-footer nav a:hover{background-size:100% 2px}.soc{display:flex;gap:10px}.soc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #1412181f;transition:transform .45s cubic-bezier(.3,1.6,.5,1),background-color .25s ease}.soc a svg{width:17px;height:17px}.soc a:first-child:hover{background:var(--yellow);transform:translateY(-4px) rotate(-10deg)}.soc a:last-child:hover{background:var(--lilac);transform:translateY(-4px) rotate(10deg)}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sq{padding:18px;border-radius:22px}.sq h2,.sq h3{font-size:20px}.sq .ic{width:60px;height:60px}.sq .ic svg{width:26px;height:26px}.sq p{-webkit-line-clamp:3;font-size:13px}.next{grid-template-columns:1fr}.next a{min-height:0}}@media(max-width:560px){body{font-size:16.5px;line-height:1.72}.wrap,.crumbs,.wide{padding-inline:20px}.gh{padding-top:118px}.gh .lead{font-size:18px;line-height:28px}.search input,.search input:focus{width:100%}.search{width:100%}h2{margin-top:48px}.cta{padding:30px 22px;box-shadow:0 0 0 5px var(--tan),0 0 0 10px var(--orange);margin:48px 10px}.answer{padding:22px 20px 6px}.answer p{font-size:18px}details.faq summary{font-size:19px;padding:18px}details.faq p{padding:0 18px 20px;font-size:16px}.gband{padding:70px 0}.gsec{margin-top:80px}.grid{gap:10px}.sq{padding:14px}.sq h2,.sq h3{font-size:17px}.sq p{display:none}.sq .ic{width:52px;height:52px}.sq .tagc{font-size:11px;padding:3px 9px}.sq .arrow{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-reveal .reveal{opacity:1;transform:none}*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}:root{--cubes: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%22103.92%22 viewBox=%220 0 60 103.92%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%23E5A5F8%22 d=%22M30 0L60 17.32L30 34.64L0 17.32Z%22/%3E%3Cpath fill=%22%236E4A3A%22 d=%22M0 17.32L30 34.64L30 69.28L0 51.96Z%22/%3E%3Cpath fill=%22%23E8883A%22 d=%22M60 17.32L30 34.64L30 69.28L60 51.96Z%22/%3E%3Cpath fill=%22%23E5A5F8%22 d=%22M0 51.96L30 69.28L0 86.6L-30 69.28Z%22/%3E%3Cpath fill=%22%236E4A3A%22 d=%22M-30 69.28L0 86.6L0 121.24000000000001L-30 103.92Z%22/%3E%3Cpath fill=%22%23E8883A%22 d=%22M30 69.28L0 86.6L0 121.24000000000001L30 103.92Z%22/%3E%3Cpath fill=%22%23E5A5F8%22 d=%22M60 51.96L90 69.28L60 86.6L30 69.28Z%22/%3E%3Cpath fill=%22%236E4A3A%22 d=%22M30 69.28L60 86.6L60 121.24000000000001L30 103.92Z%22/%3E%3Cpath fill=%22%23E8883A%22 d=%22M90 69.28L60 86.6L60 121.24000000000001L90 103.92Z%22/%3E%3Cpath fill=%22%23E5A5F8%22 d=%22M0 -51.96L30 -34.64L0 -17.32L-30 -34.64Z%22/%3E%3Cpath fill=%22%236E4A3A%22 d=%22M-30 -34.64L0 -17.32L0 17.32L-30 0.0Z%22/%3E%3Cpath fill=%22%23E8883A%22 d=%22M30 -34.64L0 -17.32L0 17.32L30 0.0Z%22/%3E%3Cpath fill=%22%23E5A5F8%22 d=%22M60 -51.96L90 -34.64L60 -17.32L30 -34.64Z%22/%3E%3Cpath fill=%22%236E4A3A%22 d=%22M30 -34.64L60 -17.32L60 17.32L30 0.0Z%22/%3E%3Cpath fill=%22%23E8883A%22 d=%22M90 -34.64L60 -17.32L60 17.32L90 0.0Z%22/%3E%3C/svg%3E")}.sq .top{justify-content:flex-end}.sq .tagc{display:none}.gtools,.count,.none{display:none!important}.gh .lead{margin-bottom:8px}.grid{margin-top:44px}.cta{position:relative;isolation:isolate;margin:96px 60px;padding:64px 28px 52px;border-radius:0;text-align:center;background:transparent;color:#fff;box-shadow:none}.cta:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink)}.cta:before{content:"";position:absolute;inset:-34px;z-index:-2;background-color:var(--lilac);background-image:var(--cubes);background-size:54px 93.5px;box-shadow:0 0 0 16px var(--tan),0 0 0 32px var(--orange)}.cta h2{margin:0 auto;max-width:560px;color:#fff;font-size:clamp(34px,5vw,50px);line-height:.98}.cta p{margin:22px auto 0;max-width:520px;font-size:19px;line-height:30px;color:#ffffffc7}.cta .btn{margin-top:32px;height:56px;padding:0 28px 0 22px;gap:10px}.cta .btn:before{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141218' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Ccircle cx='12' cy='12' r='3.6'/%3E%3Cpath d='M12 8.4h8.6M8.9 13.8 4.6 6.3M15.1 13.8l-4.3 7.6'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform .6s var(--ease)}.cta .btn:hover:before{transform:rotate(200deg) scale(1.15)}.notes{margin:22px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:14px;line-height:20px;color:#ffffffb3}.notes span{display:inline-flex;align-items:center;gap:6px}.notes span:before{content:"";width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat}.gend{margin:120px auto 0;width:min(1304px,100% - 48px)}.gend .frame{background:var(--orange);padding:16px}.gend .rim{background:var(--tan);padding:16px}.gend .pat{background-color:var(--lilac);background-image:var(--cubes);background-size:54px 93.5px;padding:34px}.gend .cta-card{background:var(--ink);color:#fff;text-align:center;padding:72px 24px 60px;display:grid;justify-items:center}.gend .cta-card h2{margin:0;max-width:900px;color:#fff;font-size:clamp(38px,5.2vw,64px);line-height:.98}.gend .cta-card p{margin:26px 0 0;max-width:646px;font-size:20px;line-height:32px;color:#ffffffc7}.gend .btn-chrome{margin-top:34px;height:56px;padding:0 28px;background:var(--yellow);color:var(--ink);font-size:16px}.gend .btn-chrome:hover{background:#fbe8a0;color:var(--ink)}.gend .btn-chrome svg{width:20px;height:20px}.gend .notes{margin-top:24px}.gend .notes span:before{display:none}.gend .notes svg{width:14px;height:14px}.gband{display:none}@media(max-width:700px){.cta{margin:72px 22px;padding:44px 18px 36px}.cta:before{inset:-16px;background-size:32px 55px;box-shadow:0 0 0 8px var(--tan),0 0 0 16px var(--orange)}.cta h2{font-size:34px}.cta p{font-size:17px;line-height:26px}.gend{margin-top:90px}.gend .frame,.gend .rim{padding:8px}.gend .pat{padding:10px;background-size:32px 55px}.gend .cta-card{padding:44px 18px 36px}.gend .cta-card h2{font-size:38px}.gend .cta-card p{font-size:17px;line-height:26px}}.sq{transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.sq:hover{transform:translateY(-6px);box-shadow:0 18px 30px -18px #2e1f1859}.sq:hover .ic{transform:none}.sq .arrow{display:none!important}.sq .ic{transition:none}.cta{margin:60px 0;padding:48px 30px 40px;border-radius:28px;background:var(--ink);isolation:auto}.cta:before,.cta:after{content:none!important}.cta h2{max-width:520px;font-size:clamp(32px,4.6vw,44px)}.cta p{margin-top:18px;font-size:18px;line-height:28px}.cta .btn{margin-top:26px}@media(max-width:700px){.cta{margin:48px 0;padding:36px 20px 30px;border-radius:22px}.cta h2{font-size:30px}.cta p{font-size:16.5px;line-height:25px}}code{overflow-wrap:anywhere}pre code{overflow-wrap:normal}.sq .ic svg{shape-rendering:geometricPrecision;stroke-width:1.9}@media(hover:none){.sq:hover{transform:none;box-shadow:none}.sq:active{transform:scale(.985)}}@media(max-width:560px){.sq{padding:16px}.sq .top{min-height:22px}.sq .ic{width:58px;height:58px;margin:12px 0 auto}.sq .ic svg{width:27px;height:27px}.sq h2,.sq h3{font-size:18px;line-height:1.08}}html{scrollbar-gutter:stable}@view-transition{navigation:auto}.legal-next{grid-template-columns:repeat(2,1fr)}.legal-next a{min-height:120px}@media(max-width:800px){.legal-next{grid-template-columns:1fr}}.sq .ic{width:70px;height:70px}.sq .ic svg{width:28px;height:28px;stroke-width:1.35}@media(max-width:800px){.sq .ic{width:56px;height:56px}.sq .ic svg{width:24px;height:24px}}@media(max-width:560px){.sq .ic{width:52px;height:52px}.sq .ic svg{width:23px;height:23px;stroke-width:1.4}}
