/* fruitfulcoding.com theme "matrix" (2026-11-02): style + layout, CSS only (HTML/text unchanged). Bespoke design (owner request 2026-11-02: new page structure, modern); own palette, fonts, logo and favicon. Fonts self-hosted from Google Fonts (SIL OFL). */ @font-face{font-family:"Geologica";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geologica-100-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Geologica";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geologica-100-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Geologica";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geologica-100-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Geologica";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geologica-100-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Geologica";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geologica-100-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Geologica";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geologica-100-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Red Hat Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/red-hat-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Red Hat Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/red-hat-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Red Hat Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/red-hat-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Red Hat Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/red-hat-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Red Hat Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/red-hat-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Red Hat Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/red-hat-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} /* Gridberry — «Membership matrix». Users × groups: the page reads like an access-control grid. Violet matrix bands (filled / hollow cells, rotated group headers, a selected cell), white boards, matrix rows with tinted row-header cells, /etc/passwd and /etc/group records drawn as bars. Geologica (display + body, sharp axis on headings) + Red Hat Mono (code, labels, numbers). */ /* ---------- 0. reset of old theme-gridberry quirks (site.css) ---------- */ body.theme-gridberry .home-hero{border-radius:0;margin-top:0;background:none} body.theme-gridberry .hero-copy{max-width:none;border-inline-start:0;padding-inline-start:0} body.theme-gridberry .feature-list li:first-child{grid-row:auto} body.theme-gridberry .closing{border-radius:0;background:none} body.theme-gridberry .button,body.theme-gridberry .brand-symbol{border-radius:10px} /* ---------- 1. tokens ---------- */ body.theme-gridberry{ --bg:#f8f6fb!important;--ink:#1f1233!important;--accent:#70409a!important; --vio:#4a2272;--vio-deep:#36174f;--vio-hi:#70409a;--lilac:#ece5f5;--cell:#f3eef9;--line:#ddd2eb; --lime:#c8f051;--plum:#1f1233;--soft:#4f4261;--paper:#f8f6fb; --lang-radius:10px;--nav-radius:10px;--nav-accent:#c8f051; --mono:"Red Hat Mono",ui-monospace,Consolas,monospace; --disp:Geologica,Inter,system-ui,sans-serif; background:#f8f6fb;color:#1f1233;font-family:var(--disp);font-size:16.5px;line-height:1.66; overflow-x:clip;--gb-matrix:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1640 780%22 width=%221640%22 height=%22780%22%3E%3Cpath d=%22M20 150l24-30M60 150l19-23M100 150l29-36M140 150l14-17M180 150l14-17M220 150l33-42M260 150l14-17M300 150l24-30M340 150l33-42M380 150l14-17M420 150l33-42M460 150l19-23M500 150l14-17M540 150l14-17M580 150l29-36M620 150l29-36M660 150l14-17M700 150l19-23M740 150l14-17M780 150l33-42M820 150l29-36M860 150l14-17M900 150l33-42M940 150l14-17M980 150l19-23M1020 150l33-42M1060 150l14-17M1100 150l33-42M1140 150l33-42M1180 150l29-36M1220 150l14-17M1260 150l19-23M1300 150l14-17M1340 150l33-42M1380 150l19-23M1420 150l24-30M1460 150l29-36M1500 150l19-23M1540 150l33-42M1580 150l14-17M1620 150l33-42%22 stroke=%22%23fff%22 stroke-opacity=%22.17%22 stroke-width=%226%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M640 128h40V780h-40zM0 516h1640v40H0z%22 fill=%22%23c8f051%22 fill-opacity=%22.09%22/%3E%3Cpath d=%22M14 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M94 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M214 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M254 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M294 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M334 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M374 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M454 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M494 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M614 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M734 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M774 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M814 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1014 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1054 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1134 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1214 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1334 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1414 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1494 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1534 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1574 176a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M894 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1094 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1134 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1294 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1334 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1374 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1414 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1454 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1494 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1534 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1574 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M894 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M974 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1014 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1054 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1214 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1254 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1294 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1334 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1454 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1494 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1534 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1574 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1094 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1134 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1214 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1254 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1294 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1334 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1454 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M894 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1014 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1054 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1094 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1214 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1374 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1414 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1454 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1494 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M894 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M974 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1014 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1094 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1134 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1214 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1254 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1294 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1334 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1414 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1454 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1494 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1534 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M894 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M974 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1134 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1254 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1374 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1454 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1494 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M894 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1054 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1094 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1254 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1294 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1374 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1414 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1574 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M894 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1014 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1054 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1094 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1254 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1294 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1374 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1414 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1534 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M974 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1054 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1094 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1134 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1214 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1254 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1294 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1334 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1374 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1414 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1454 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1494 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1534 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1574 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1014 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1214 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1254 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1294 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1334 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1414 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1574 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M894 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1014 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1054 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1094 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1134 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1334 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1374 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1414 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1454 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1494 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1574 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M894 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M974 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1014 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1054 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1094 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1134 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1254 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1374 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1534 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1574 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1014 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1134 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1254 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1294 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1334 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1374 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1494 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1574 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M894 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M934 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M974 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1014 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1054 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1134 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1294 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1334 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1374 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1414 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1454 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M854 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M894 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M974 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1094 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1134 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1174 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1294 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1334 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1374 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1414 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1454 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1494 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1574 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M1614 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.2%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M54 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M334 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M374 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M454 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M494 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M614 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M694 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M734 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M774 216a6 6 0 1 0 12 0a6 6 0 1 0-12 0M14 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M54 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M174 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M294 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M494 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M654 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M694 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M734 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M774 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M814 256a6 6 0 1 0 12 0a6 6 0 1 0-12 0M14 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M94 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M214 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M254 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M294 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M334 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M374 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M614 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M694 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M774 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M814 296a6 6 0 1 0 12 0a6 6 0 1 0-12 0M14 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M54 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M94 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M294 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M414 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M614 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M654 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M734 336a6 6 0 1 0 12 0a6 6 0 1 0-12 0M54 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M174 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M214 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M254 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M294 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M334 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M374 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M414 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M454 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M614 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M694 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M774 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M814 376a6 6 0 1 0 12 0a6 6 0 1 0-12 0M14 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M214 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M254 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M334 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M374 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M414 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M614 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M654 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M774 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M814 416a6 6 0 1 0 12 0a6 6 0 1 0-12 0M14 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M54 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M94 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M174 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M254 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M294 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M334 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M374 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M414 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M494 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M694 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M734 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M774 456a6 6 0 1 0 12 0a6 6 0 1 0-12 0M14 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M94 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M174 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M254 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M294 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M334 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M374 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M414 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M454 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M494 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M614 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M694 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M734 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M774 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M814 496a6 6 0 1 0 12 0a6 6 0 1 0-12 0M54 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M94 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M174 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M214 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M294 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M334 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M374 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M614 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M694 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M734 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M774 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M814 536a6 6 0 1 0 12 0a6 6 0 1 0-12 0M14 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M54 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M94 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M294 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M334 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M414 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M774 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M814 576a6 6 0 1 0 12 0a6 6 0 1 0-12 0M94 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M214 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M294 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M334 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M374 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M454 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M614 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M654 616a6 6 0 1 0 12 0a6 6 0 1 0-12 0M54 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M94 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M214 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M254 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M294 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M374 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M414 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M454 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M494 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M654 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M774 656a6 6 0 1 0 12 0a6 6 0 1 0-12 0M54 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M94 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M174 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M214 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M254 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M334 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M414 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M454 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M494 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 696a6 6 0 1 0 12 0a6 6 0 1 0-12 0M14 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M54 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M94 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M214 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M254 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M374 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M414 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M454 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M494 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M614 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M654 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M694 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M814 736a6 6 0 1 0 12 0a6 6 0 1 0-12 0M14 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M134 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M174 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M214 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M254 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M454 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M494 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M534 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M574 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0M814 776a6 6 0 1 0 12 0a6 6 0 1 0-12 0%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.09%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M60 176h0M180 176h0M420 176h0M660 176h0M700 176h0M860 176h0M900 176h0M1100 176h0M1260 176h0M1300 176h0M1380 176h0M1460 176h0M1620 176h0M980 216h0M1020 216h0M1060 216h0M1220 216h0M1100 256h0M1140 256h0M1380 256h0M860 296h0M940 296h0M980 296h0M1020 296h0M1060 296h0M1380 296h0M980 336h0M1140 336h0M1180 336h0M1260 336h0M1340 336h0M1580 336h0M1060 376h0M1180 376h0M1380 376h0M1580 376h0M1020 416h0M1060 416h0M1100 416h0M1180 416h0M1220 416h0M1300 416h0M1580 416h0M980 456h0M1020 456h0M1140 456h0M1220 456h0M1340 456h0M1500 456h0M1540 456h0M1620 456h0M980 496h0M1220 496h0M1340 496h0M1460 496h0M1580 496h0M1620 496h0M900 576h0M940 576h0M980 576h0M1060 576h0M1100 576h0M1140 576h0M1380 576h0M1460 576h0M1500 576h0M1540 576h0M980 616h0M1220 616h0M1260 616h0M1300 616h0M1540 616h0M1220 656h0M1300 656h0M1340 656h0M1420 656h0M1460 656h0M1500 656h0M900 696h0M980 696h0M1060 696h0M1100 696h0M1220 696h0M1420 696h0M1540 696h0M1220 736h0M1260 736h0M1540 736h0M1580 736h0M940 776h0M1020 776h0M1060 776h0M1220 776h0M1260 776h0M1540 776h0%22 stroke=%22%23fff%22 stroke-opacity=%22.3%22 stroke-width=%2213%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M100 216h0M180 216h0M220 216h0M300 216h0M420 216h0M660 216h0M820 216h0M140 256h0M220 256h0M260 256h0M340 256h0M380 256h0M420 256h0M460 256h0M620 256h0M60 296h0M460 296h0M500 296h0M660 296h0M740 296h0M180 336h0M220 336h0M260 336h0M340 336h0M380 336h0M460 336h0M500 336h0M540 336h0M580 336h0M700 336h0M780 336h0M100 376h0M140 376h0M500 376h0M660 376h0M740 376h0M60 416h0M100 416h0M180 416h0M300 416h0M500 416h0M540 416h0M740 416h0M220 456h0M460 456h0M620 456h0M820 456h0M60 496h0M220 496h0M660 496h0M20 536h0M260 536h0M420 536h0M460 536h0M500 536h0M140 576h0M180 576h0M220 576h0M260 576h0M460 576h0M500 576h0M580 576h0M620 576h0M660 576h0M700 576h0M740 576h0M20 616h0M60 616h0M180 616h0M260 616h0M420 616h0M500 616h0M700 616h0M740 616h0M780 616h0M820 616h0M140 656h0M620 656h0M700 656h0M740 656h0M820 656h0M300 696h0M660 696h0M700 696h0M740 696h0M780 696h0M180 736h0M300 736h0M740 736h0M780 736h0M60 776h0M100 776h0M300 776h0M340 776h0M380 776h0M620 776h0M700 776h0M740 776h0M780 776h0%22 stroke=%22%23fff%22 stroke-opacity=%22.11%22 stroke-width=%2213%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M980 176h0M1260 216h0M1420 256h0M900 296h0M1420 296h0M1500 296h0M1540 296h0M1580 296h0M940 336h0M1300 336h0M1540 336h0M1340 416h0M1420 416h0M1540 416h0M1460 456h0M1140 496h0M1500 496h0M860 536h0M900 536h0M1020 536h0M1620 616h0M1460 696h0M1100 736h0M1500 736h0%22 stroke=%22%23c8f051%22 stroke-opacity=%22.9%22 stroke-width=%2213%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M20 216h0M260 216h0M100 256h0M180 296h0M420 296h0M820 336h0M20 376h0M460 416h0M580 416h0M700 416h0M580 456h0M660 456h0M380 576h0M540 616h0M20 656h0M180 656h0M340 656h0M540 656h0M20 696h0M380 696h0M620 696h0M820 696h0M340 736h0M420 776h0M660 776h0%22 stroke=%22%23c8f051%22 stroke-opacity=%22.3%22 stroke-width=%2213%22 stroke-linecap=%22round%22/%3E%3Crect x=%22649%22 y=%22525%22 width=%2222%22 height=%2222%22 rx=%226%22 fill=%22%23c8f051%22/%3E%3C/svg%3E")} body.theme-gridberry :is(h1,h2,h3){font-family:var(--disp);font-variation-settings:"SHRP" 100;font-weight:700;color:inherit} body.theme-gridberry h1{font-weight:800;letter-spacing:-.035em;line-height:1.06} body.theme-gridberry h2{font-size:clamp(30px,3.05vw,46px);letter-spacing:-.03em;line-height:1.12} body.theme-gridberry h3{letter-spacing:-.015em} body.theme-gridberry :is(h1,h2,h3,summary){hyphens:auto;-webkit-hyphenate-limit-before:5;-webkit-hyphenate-limit-after:5;hyphenate-limit-chars:10 5 5} body.theme-gridberry :is(code,pre,kbd){font-family:var(--mono)} body.theme-gridberry main.wrap{width:auto;max-width:none;margin:0;padding-inline:max(40px,calc((100% - 1240px)/2));overflow-x:clip} body.theme-gridberry ::selection{background:var(--lime);color:var(--plum)} body.theme-gridberry a:focus-visible,body.theme-gridberry button:focus-visible,body.theme-gridberry summary:focus-visible{outline:3px solid var(--vio-hi);outline-offset:4px} /* ---------- 2. header: on the violet band, nav = column headers of the matrix ---------- */ body.theme-gridberry .header{color:#fff;background:var(--vio);box-shadow:0 0 0 100vmax var(--vio);clip-path:inset(0 -100vmax); border-bottom:0;min-height:78px;position:relative;z-index:3} body.theme-gridberry .brand{font-size:21px;font-weight:700;letter-spacing:-.02em;gap:11px} body.theme-gridberry .brand-symbol{width:34px;height:34px;background:none;border-radius:0;padding:0;display:block} body.theme-gridberry .brand-symbol svg{display:block;width:100%;height:100%} @media (min-width:761px){ body.theme-gridberry .main-nav{gap:0;border:1px solid #ffffff38;border-radius:11px;overflow:hidden;background:#ffffff0d;font-size:14px;font-weight:500} body.theme-gridberry .main-nav a{opacity:1;color:#ffffffe0;padding:9px 17px;border-inline-start:1px solid #ffffff2e;transition:background-color .15s} body.theme-gridberry .main-nav a:first-child{border-inline-start:0} body.theme-gridberry .main-nav a:hover{background:#ffffff14;text-decoration:none} body.theme-gridberry .main-nav a[aria-current]{background:var(--lime);color:var(--plum);text-decoration:none} } body.theme-gridberry .header .language{color:#fff} /* ---------- 3. shared atoms ---------- */ body.theme-gridberry .eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;padding:6px 13px 6px 10px;border-radius:999px; font:500 13px/1.3 var(--mono);text-transform:none;letter-spacing:0;background:var(--cell);color:var(--vio-hi);border:1px solid var(--line)} body.theme-gridberry .eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--vio-hi);flex:none} body.theme-gridberry .button{font:650 15px/1.2 var(--disp);padding:15px 22px;border-radius:11px;gap:10px;letter-spacing:-.005em} body.theme-gridberry .button.primary{background:var(--lime);color:var(--plum);border-color:#a9cf31;box-shadow:inset 0 -3px 0 #00000014,0 10px 24px -12px #1f123399} body.theme-gridberry .button.primary:hover{background:#d4f56c} body.theme-gridberry .button.secondary{color:var(--plum);border:1.5px solid #1f123340;background:#fff} body.theme-gridberry .button.secondary:hover{border-color:var(--plum)} body.theme-gridberry .button .btn-arrow{font-size:.95em} /* code blocks: deep plum terminals */ body.theme-gridberry .code-example{background:var(--plum);color:#e9e0f6;border:0;border-radius:14px;box-shadow:0 18px 40px -26px #1f1233} body.theme-gridberry .code-example>div{background:#2c1c44;color:#d8cbea;font:500 12.5px/1.3 var(--mono);padding:11px 14px;align-items:center} body.theme-gridberry .code-example button{font:500 12px/1 var(--mono);background:transparent;color:var(--lime);border:1px solid #c8f05170;border-radius:7px;padding:6px 10px} body.theme-gridberry .code-example pre{font:13px/1.85 var(--mono);padding:16px 18px;color:#efe8f9} /* the agent window — the star */ body.theme-gridberry .agent-run{background:#fff;color:var(--plum);border:1px solid #ffffff;border-radius:18px; box-shadow:0 0 0 7px #ffffff1f,0 40px 90px -30px #12052a,0 18px 40px -20px #12052acc;overflow:hidden} body.theme-gridberry .agent-run-bar{background:var(--cell);border-bottom:1px solid var(--line);padding:13px 18px;font:500 13px/1.3 var(--mono);align-items:center} body.theme-gridberry .agent-run-bar span:first-child{opacity:1;color:var(--soft)} body.theme-gridberry .agent-run-mode{color:var(--plum);background:var(--lime);padding:4px 10px;border-radius:999px;font-weight:600} body.theme-gridberry .agent-run-body{padding:18px 18px 16px} body.theme-gridberry .agent-run-prompt span{background:var(--plum);color:#fff;font-size:14.5px;border-radius:14px 14px 4px 14px;padding:11px 15px} body.theme-gridberry[dir=rtl] .agent-run-prompt span,html[dir=rtl] body.theme-gridberry .agent-run-prompt span{border-radius:14px 14px 14px 4px} body.theme-gridberry .agent-run-steps{gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden} body.theme-gridberry .agent-run-steps li{border:0;border-top:1px solid var(--line);border-radius:0;background:#fff;padding:9px 14px;grid-template-columns:62px minmax(0,1fr) auto} body.theme-gridberry .agent-run-steps li:first-child{border-top:0} body.theme-gridberry .agent-run-steps li:nth-child(even){background:#faf8fd} body.theme-gridberry .ar-tool{font:600 12px/1.3 var(--mono);color:var(--vio-hi)} body.theme-gridberry .agent-run-steps code{font:500 13px/1.5 var(--mono);color:var(--plum)} body.theme-gridberry .ar-res{font:500 12px/1.3 var(--mono);opacity:1;color:var(--soft);display:inline-flex;align-items:center;gap:7px} body.theme-gridberry .ar-res::before{content:"";width:9px;height:9px;border-radius:50%;border:1.6px solid #9c86bd;flex:none} body.theme-gridberry .ar-res.ar-ok{color:#3b2a52} body.theme-gridberry .ar-res.ar-ok::before{background:var(--vio-hi);border-color:var(--vio-hi)} body.theme-gridberry .agent-run-foot>span:first-child{opacity:1;color:var(--soft);font-size:13.5px} body.theme-gridberry .ar-btn{font:600 13px/1 var(--disp);padding:9px 15px;border-radius:9px;border-color:#1f123333} body.theme-gridberry .ar-btn-primary{background:var(--lime);border-color:#a9cf31;color:var(--plum)} /* ---------- 4. home hero: the matrix scene ---------- */ body.theme-gridberry .home-hero{position:relative;isolation:isolate;color:#fff;min-height:0; display:grid;grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);column-gap:52px;align-items:start;padding:46px 0 118px} body.theme-gridberry .home-hero::before{content:"";position:absolute;z-index:-2;inset:0 -100vmax; background:var(--gb-matrix) center top/1640px 780px no-repeat,radial-gradient(60% 90% at 70% 30%,#6a35a0 0,transparent 70%),var(--vio)} html[dir=rtl] body.theme-gridberry .home-hero::before{transform:scaleX(-1)} body.theme-gridberry .home-hero .hero-copy{display:contents} body.theme-gridberry .home-hero .eyebrow{grid-column:1/-1;grid-row:1;justify-self:start;background:#ffffff14;border-color:#ffffff33;color:#fff} body.theme-gridberry .home-hero .eyebrow i{background:var(--lime);box-shadow:0 0 0 4px #c8f05133} body.theme-gridberry .home-hero h1{grid-column:1/-1;grid-row:2;max-width:1180px;font-size:clamp(44px,5.35vw,76px);margin:0 0 34px;color:#fff;text-wrap:balance} body.theme-gridberry .h1-mark{background:var(--lime);color:var(--plum);padding:0 .12em;margin-inline-end:.02em;border-radius:.12em; -webkit-box-decoration-break:clone;box-decoration-break:clone} body.theme-gridberry .home-hero .hero-lead{grid-column:1;grid-row:3;max-width:none;opacity:1;color:#eee6f8;font-size:19px;line-height:1.62;margin:6px 0 0} body.theme-gridberry .home-hero .actions{grid-column:1;grid-row:4;margin-top:30px} body.theme-gridberry .home-hero .button.secondary{background:#ffffff10;color:#fff;border-color:#ffffff66} body.theme-gridberry .home-hero .button.secondary:hover{background:#ffffff1f;border-color:#fff} body.theme-gridberry .home-hero .agent-run{grid-column:2;grid-row:3/span 3;align-self:start;width:100%} /* ---------- 5. facts: one board of six cells, each topped by a permission-bit triplet ---------- */ body.theme-gridberry.page-0 main>.cards{position:relative;z-index:2;margin:-74px 0 0;padding:0;gap:0;border:0; grid-template-columns:repeat(6,minmax(0,1fr));background:#fff;border-radius:18px; box-shadow:0 0 0 1px #4a227214,0 30px 60px -34px #36174f99} body.theme-gridberry.page-0 main>.cards article{padding:24px 22px 24px;border:0;border-inline-start:1px solid var(--line);border-radius:0;background:none;min-width:0} body.theme-gridberry.page-0 main>.cards article:first-child{border-inline-start:0} body.theme-gridberry .cards article::before{content:"";display:block;width:44px;height:12px;margin-bottom:16px; background:linear-gradient(var(--b1,var(--vio-hi)) 0 0) 0 0/12px 12px no-repeat,linear-gradient(var(--b2,var(--line)) 0 0) 16px 0/12px 12px no-repeat,linear-gradient(var(--b3,var(--line)) 0 0) 32px 0/12px 12px no-repeat} body.theme-gridberry .cards article:nth-child(1){--b1:var(--vio-hi);--b2:var(--vio-hi);--b3:var(--vio-hi)} body.theme-gridberry .cards article:nth-child(2){--b1:var(--vio-hi);--b2:var(--line);--b3:var(--vio-hi)} body.theme-gridberry .cards article:nth-child(3){--b1:var(--vio-hi);--b2:var(--line);--b3:var(--line)} body.theme-gridberry .cards article:nth-child(4){--b1:var(--vio-hi);--b2:var(--vio-hi);--b3:var(--line)} body.theme-gridberry .cards article:nth-child(5){--b1:var(--line);--b2:var(--vio-hi);--b3:var(--vio-hi)} body.theme-gridberry .cards article:nth-child(6){--b1:var(--line);--b2:var(--line);--b3:var(--vio-hi)} body.theme-gridberry .cards .number{font:500 13px/1.3 var(--mono);opacity:1;color:var(--vio-hi);margin:0 0 6px;position:static} body.theme-gridberry .cards h3{font-size:clamp(21px,1.95vw,28px);margin:0 0 4px;letter-spacing:-.025em;overflow-wrap:anywhere} body.theme-gridberry .cards p{font-size:14px;opacity:1;color:var(--soft);line-height:1.45} /* ---------- 6. scenario: brief with an /etc/group record ---------- */ body.theme-gridberry .scenario{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto 1fr;column-gap:64px;align-items:start; margin:0;padding:72px 0 30px;border:0;border-radius:0;background:none} body.theme-gridberry .scenario>.eyebrow{grid-column:1;grid-row:1;justify-self:start} body.theme-gridberry .scenario h2{grid-column:1;grid-row:2;margin:0;max-width:none} body.theme-gridberry .scenario p{grid-column:2;grid-row:1/span 3;max-width:700px;margin:0;font-size:18.5px;line-height:1.7;color:#2c2140} body.theme-gridberry .scenario::after{content:"";grid-column:2;grid-row:4;height:44px;margin-top:26px;max-width:470px; background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 420 44%22%3E%3Crect x=%224%22 y=%2214%22 width=%2296%22 height=%2216%22 rx=%228%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%22110%22 cy=%2217%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22110%22 cy=%2227%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Crect x=%22122%22 y=%2216%22 width=%2212%22 height=%2212%22 rx=%223%22 fill=%22%23cdbde3%22/%3E%3Ccircle cx=%22144%22 cy=%2217%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22144%22 cy=%2227%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Crect x=%22156%22 y=%2214%22 width=%2244%22 height=%2216%22 rx=%228%22 fill=%22%23cdbde3%22/%3E%3Ccircle cx=%22210%22 cy=%2217%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22210%22 cy=%2227%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Crect x=%22225%22 y=%2214%22 width=%2250%22 height=%2216%22 rx=%228%22 fill=%22none%22 stroke=%22%2370409a%22 stroke-width=%222%22/%3E%3Ccircle cx=%22281%22 cy=%2229%22 r=%222.4%22 fill=%22%2370409a%22/%3E%3Crect x=%22291%22 y=%2214%22 width=%2238%22 height=%2216%22 rx=%228%22 fill=%22none%22 stroke=%22%2370409a%22 stroke-width=%222%22/%3E%3Ccircle cx=%22335%22 cy=%2229%22 r=%222.4%22 fill=%22%2370409a%22/%3E%3Crect x=%22344%22 y=%2213%22 width=%2264%22 height=%2218%22 rx=%229%22 fill=%22%2370409a%22/%3E%3C/svg%3E") left center/contain no-repeat} /* ---------- 7. walkthroughs: rows of the matrix (row header | text | trace) ---------- */ body.theme-gridberry.page-0 main>section.reading:has(>.steps){max-width:none;padding:24px 0 64px} body.theme-gridberry .reading>.steps{display:grid;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden; box-shadow:0 28px 60px -44px #36174f80} body.theme-gridberry .reading>.steps article{display:grid;grid-template-columns:214px minmax(0,1fr) minmax(0,318px);grid-template-rows:auto auto 1fr; column-gap:36px;padding:28px 30px 28px;border-top:1px solid var(--line); background:linear-gradient(90deg,var(--cell) 0 262px,transparent 262px)} html[dir=rtl] body.theme-gridberry .reading>.steps article{background:linear-gradient(270deg,var(--cell) 0 262px,transparent 262px)} body.theme-gridberry .reading>.steps article:first-child{border-top:0} body.theme-gridberry .reading>.steps .number{position:static;grid-column:1;grid-row:1;margin:0 0 10px;font:600 14px/1 var(--mono);opacity:1;color:var(--vio-hi); display:inline-flex;align-items:center;gap:9px} body.theme-gridberry .reading>.steps .number::before{content:"";width:13px;height:13px;border-radius:4px;background:var(--vio-hi)} body.theme-gridberry .reading>.steps h3{grid-column:1;grid-row:2;margin:0;font-size:22px;line-height:1.22} body.theme-gridberry .reading>.steps article::after{content:"";grid-column:1;grid-row:3;align-self:end;width:88px;height:16px;margin-top:22px; background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 88 16%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2226%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2244%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2262%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2280%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3C/svg%3E") 0 0/contain no-repeat} body.theme-gridberry .reading>.steps article:nth-child(2)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 88 16%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2226%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2244%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2262%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2280%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3C/svg%3E")} body.theme-gridberry .reading>.steps article:nth-child(3)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 88 16%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2226%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2244%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2262%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2280%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3C/svg%3E")} body.theme-gridberry .reading>.steps article:nth-child(4)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 88 16%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2226%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2244%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2262%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2280%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3C/svg%3E")} body.theme-gridberry .reading>.steps p{grid-column:2;grid-row:1/span 3;margin:0;font-size:16px;line-height:1.72;opacity:1;color:#2c2140} body.theme-gridberry .reading>.steps .code-example{grid-column:3;grid-row:1/span 3;margin:0;align-self:start} body.theme-gridberry .reading>.steps .code-example pre{font-size:12.5px;white-space:pre-wrap} body.theme-gridberry.page-0 main>section.reading:has(>.steps)>p{margin:22px 0 0;display:flex;justify-content:flex-end} /* ---------- 8. comparison: lilac band, the table as a membership matrix ---------- */ body.theme-gridberry .feature-matrix{background:var(--lilac);box-shadow:0 0 0 100vmax var(--lilac);clip-path:inset(0 -100vmax); display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;align-items:start;padding:66px 0} body.theme-gridberry .feature-matrix>h2{grid-column:1;grid-row:1;margin:0 0 18px} body.theme-gridberry .feature-matrix>p{grid-column:1;grid-row:2;margin:0;opacity:1;color:#3a2d4d;font-size:16.5px} body.theme-gridberry .feature-matrix table{grid-column:2;grid-row:1/span 2;border-collapse:separate;border-spacing:0;background:#fff;border-radius:18px;overflow:hidden; box-shadow:0 0 0 1px #4a22721f,0 30px 60px -40px #36174f99} body.theme-gridberry .feature-matrix th,body.theme-gridberry .feature-matrix td{padding:18px 20px;border-bottom:1px solid var(--line);vertical-align:top} body.theme-gridberry .feature-matrix tbody tr:last-child>*{border-bottom:0} body.theme-gridberry .feature-matrix thead th{font:600 13px/1.3 var(--mono);color:var(--soft);background:var(--cell);padding-block:14px} body.theme-gridberry .feature-matrix thead th:last-child{background:var(--plum);color:#fff} body.theme-gridberry .feature-matrix th{width:26%} body.theme-gridberry .feature-matrix tbody th{font-size:16px;font-weight:650;background:var(--cell)} body.theme-gridberry .feature-matrix td{font-size:15px;line-height:1.5;color:#2c2140;padding-inline-start:44px;position:relative} body.theme-gridberry .feature-matrix td::before{content:"";position:absolute;inset-inline-start:18px;top:23px;width:11px;height:11px;border-radius:50%;border:1.8px solid #a993c8} body.theme-gridberry .feature-matrix td:last-child{background:#fbfdf3} body.theme-gridberry .feature-matrix td:last-child::before{background:var(--vio-hi);border-color:var(--vio-hi);box-shadow:0 0 0 4px #c8f05199} /* ---------- 9. setup: a row of four cells a–d ---------- */ body.theme-gridberry .split-section{border-top:0} body.theme-gridberry.page-0 .split-section{display:block;padding:68px 0 10px} body.theme-gridberry.page-0 .split-section h2{margin:0 0 34px;max-width:760px} body.theme-gridberry ol.setup{list-style:none;counter-reset:gb;padding:0;margin:0} body.theme-gridberry ol.setup li{counter-increment:gb;position:relative} body.theme-gridberry ol.setup li::before{content:counter(gb,lower-alpha);display:grid;place-items:center;width:38px;height:38px;border-radius:10px; font:600 16px/1 var(--mono);background:#fff;color:var(--vio-hi);border:1.5px solid var(--vio-hi);position:relative;z-index:1} body.theme-gridberry ol.setup li:last-child::before{background:var(--lime);border-color:#a9cf31;color:var(--plum)} body.theme-gridberry.page-0 ol.setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px;position:relative} body.theme-gridberry.page-0 ol.setup::before{content:"";position:absolute;top:19px;inset-inline:19px calc(25% - 10px);height:2px; background:repeating-linear-gradient(90deg,var(--vio-hi) 0 8px,transparent 8px 14px)} body.theme-gridberry.page-0 ol.setup li{padding:0;font-size:16.5px;line-height:1.6;color:#2c2140} body.theme-gridberry.page-0 ol.setup li::before{margin-bottom:18px} /* ---------- 10. who it is for: three user records ---------- */ body.theme-gridberry.page-0 .split-section+section.reading{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0;padding:64px 0 24px} body.theme-gridberry.page-0 .split-section+section.reading>h2{grid-column:1/-1;margin:0 0 30px;max-width:760px} body.theme-gridberry.page-0 .split-section+section.reading>p{margin:0;padding:24px 30px 6px;border-inline-start:1px solid var(--line);font-size:16px;color:#2c2140;position:relative} body.theme-gridberry.page-0 .split-section+section.reading>p:nth-of-type(1){padding-inline-start:0;border-inline-start:0} body.theme-gridberry.page-0 .split-section+section.reading>p::before{content:"";display:block;height:14px;margin-bottom:18px; background:linear-gradient(var(--vio-hi) 0 0) 0 50%/58px 12px no-repeat,linear-gradient(var(--line) 0 0) 70px 50%/30px 12px no-repeat,linear-gradient(var(--line) 0 0) 110px 50%/76px 12px no-repeat;border-radius:6px} /* ---------- 11. FAQ: cells that fill when opened ---------- */ body.theme-gridberry .faq{max-width:none;margin:0} body.theme-gridberry .faq details{border:0;padding:0} body.theme-gridberry .faq summary{list-style:none;cursor:pointer;position:relative;font:650 18px/1.38 var(--disp);letter-spacing:-.01em; padding:20px 22px 20px 58px;color:var(--plum)} html[dir=rtl] body.theme-gridberry .faq summary{padding:20px 58px 20px 22px} body.theme-gridberry .faq summary::-webkit-details-marker{display:none} body.theme-gridberry .faq summary::before{content:"";position:absolute;inset-inline-start:22px;top:23px;width:16px;height:16px;border-radius:50%; border:2px solid #a993c8;box-sizing:border-box;transition:background-color .15s,border-color .15s} body.theme-gridberry .faq details[open]>summary::before{background:var(--vio-hi);border-color:var(--vio-hi);box-shadow:0 0 0 4px #c8f051} body.theme-gridberry .faq details>p{margin:0;padding:0 24px 22px 58px;max-width:none;opacity:1;color:#33284a;font-size:15.5px;line-height:1.7} html[dir=rtl] body.theme-gridberry .faq details>p{padding:0 58px 22px 24px} body.theme-gridberry.page-0 .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-items:start;padding:64px 0 24px} body.theme-gridberry.page-0 .faq>h2{grid-column:1/-1;margin:0 0 18px} body.theme-gridberry.page-0 .faq details{background:#fff;border:1px solid var(--line);border-radius:14px} body.theme-gridberry.page-0 .faq details[open]{border-color:#b9a6d6;box-shadow:0 18px 40px -30px #36174f} body.theme-gridberry .faq details:last-of-type:nth-of-type(odd){grid-column:1/-1} body.theme-gridberry.page-0 .faq details:first-of-type{grid-column:1/-1} body.theme-gridberry.page-0 .faq details:first-of-type>p{max-width:940px} body.theme-gridberry.page-0 .faq details:last-of-type:nth-of-type(odd){grid-column:auto} /* ---------- 12. closing: violet band with /etc/passwd records ---------- */ body.theme-gridberry .closing{position:relative;isolation:isolate;color:#fff;text-align:start;border:0;margin:56px 0 0; padding:64px 0 66px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:56px;align-items:center;justify-items:start; background:var(--vio);box-shadow:0 0 0 100vmax var(--vio);clip-path:inset(0 -100vmax)} body.theme-gridberry .closing::before{content:"";position:absolute;z-index:-1;inset:0 -100vmax; background:radial-gradient(40% 120% at 78% 50%,#6a35a0 0,transparent 70%);pointer-events:none} body.theme-gridberry .closing::after{content:"";grid-column:2;grid-row:1/span 4;align-self:stretch;width:100%;min-height:230px; background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 560 290%22%3E%3Crect x=%2210%22 y=%2222%22 width=%2275%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%2294%22 cy=%2223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%2294%22 cy=%2233%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22106%22 y=%2223%22 width=%2210%22 height=%2210%22 rx=%222%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22125%22 cy=%2223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22125%22 cy=%2233%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22137%22 y=%2222%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22180%22 cy=%2223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22180%22 cy=%2233%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22192%22 y=%2222%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22235%22 cy=%2223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22235%22 cy=%2233%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22247%22 y=%2222%22 width=%2267%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22323%22 cy=%2223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22323%22 cy=%2233%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22335%22 y=%2222%22 width=%22124%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22468%22 cy=%2223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22468%22 cy=%2233%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22480%22 y=%2222%22 width=%2248%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%2210%22 y=%2260%22 width=%2283%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22102%22 cy=%2261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22102%22 cy=%2271%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22114%22 y=%2261%22 width=%2210%22 height=%2210%22 rx=%222%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22133%22 cy=%2261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22133%22 cy=%2271%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22145%22 y=%2260%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22188%22 cy=%2261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22188%22 cy=%2271%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22200%22 y=%2260%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22243%22 cy=%2261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22243%22 cy=%2271%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22255%22 y=%2260%22 width=%2268%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22332%22 cy=%2261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22332%22 cy=%2271%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22344%22 y=%2260%22 width=%22120%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22473%22 cy=%2261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22473%22 cy=%2271%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22485%22 y=%2260%22 width=%2264%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%2210%22 y=%2298%22 width=%2297%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22116%22 cy=%2299%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22116%22 cy=%22109%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22128%22 y=%2299%22 width=%2210%22 height=%2210%22 rx=%222%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22147%22 cy=%2299%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22147%22 cy=%22109%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22159%22 y=%2298%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22202%22 cy=%2299%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22202%22 cy=%22109%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22214%22 y=%2298%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22257%22 cy=%2299%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22257%22 cy=%22109%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22269%22 y=%2298%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22312%22 cy=%2299%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22312%22 cy=%22109%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22324%22 y=%2298%22 width=%22128%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22461%22 cy=%2299%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22461%22 cy=%22109%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22473%22 y=%2298%22 width=%2244%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%2210%22 y=%22136%22 width=%2290%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22109%22 cy=%22137%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22109%22 cy=%22147%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22121%22 y=%22137%22 width=%2210%22 height=%2210%22 rx=%222%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22140%22 cy=%22137%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22140%22 cy=%22147%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22152%22 y=%22136%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22195%22 cy=%22137%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22195%22 cy=%22147%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22207%22 y=%22136%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22250%22 cy=%22137%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22250%22 cy=%22147%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22262%22 y=%22136%22 width=%2246%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22317%22 cy=%22137%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22317%22 cy=%22147%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22329%22 y=%22136%22 width=%22125%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22463%22 cy=%22137%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22463%22 cy=%22147%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22475%22 y=%22136%22 width=%2251%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%220%22 y=%22164%22 width=%22560%22 height=%2232%22 rx=%228%22 fill=%22%23c8f051%22 fill-opacity=%22.12%22/%3E%3Crect x=%2210%22 y=%22174%22 width=%2272%22 height=%2212%22 rx=%226%22 fill=%22%23c8f051%22 fill-opacity=%221.00%22/%3E%3Ccircle cx=%2291%22 cy=%22175%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Ccircle cx=%2291%22 cy=%22185%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Crect x=%22103%22 y=%22175%22 width=%2210%22 height=%2210%22 rx=%222%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22122%22 cy=%22175%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22122%22 cy=%22185%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Crect x=%22134%22 y=%22174%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23c8f051%22 fill-opacity=%221.00%22/%3E%3Ccircle cx=%22177%22 cy=%22175%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22177%22 cy=%22185%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Crect x=%22189%22 y=%22174%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23c8f051%22 fill-opacity=%221.00%22/%3E%3Ccircle cx=%22232%22 cy=%22175%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22232%22 cy=%22185%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Crect x=%22244%22 y=%22174%22 width=%2275%22 height=%2212%22 rx=%226%22 fill=%22%23c8f051%22 fill-opacity=%221.00%22/%3E%3Ccircle cx=%22328%22 cy=%22175%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22328%22 cy=%22185%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Crect x=%22340%22 y=%22174%22 width=%22120%22 height=%2212%22 rx=%226%22 fill=%22%23c8f051%22 fill-opacity=%221.00%22/%3E%3Ccircle cx=%22469%22 cy=%22175%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22469%22 cy=%22185%22 r=%222.6%22 fill=%22%23c8f051%22 fill-opacity=%221%22/%3E%3Crect x=%22481%22 y=%22174%22 width=%2261%22 height=%2212%22 rx=%226%22 fill=%22%23c8f051%22 fill-opacity=%221.00%22/%3E%3Crect x=%2210%22 y=%22212%22 width=%2295%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22114%22 cy=%22213%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22114%22 cy=%22223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22126%22 y=%22213%22 width=%2210%22 height=%2210%22 rx=%222%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22145%22 cy=%22213%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22145%22 cy=%22223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22157%22 y=%22212%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22200%22 cy=%22213%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22200%22 cy=%22223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22212%22 y=%22212%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22255%22 cy=%22213%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22255%22 cy=%22223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22267%22 y=%22212%22 width=%2260%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22336%22 cy=%22213%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22336%22 cy=%22223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22348%22 y=%22212%22 width=%22115%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22472%22 cy=%22213%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22472%22 cy=%22223%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22484%22 y=%22212%22 width=%2264%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%2210%22 y=%22250%22 width=%2269%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%2288%22 cy=%22251%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%2288%22 cy=%22261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22100%22 y=%22251%22 width=%2210%22 height=%2210%22 rx=%222%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22119%22 cy=%22251%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22119%22 cy=%22261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22131%22 y=%22250%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22174%22 cy=%22251%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22174%22 cy=%22261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22186%22 y=%22250%22 width=%2234%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22229%22 cy=%22251%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22229%22 cy=%22261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22241%22 y=%22250%22 width=%2244%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22294%22 cy=%22251%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22294%22 cy=%22261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22306%22 y=%22250%22 width=%22130%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22445%22 cy=%22251%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Ccircle cx=%22445%22 cy=%22261%22 r=%222.6%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3Crect x=%22457%22 y=%22250%22 width=%2248%22 height=%2212%22 rx=%226%22 fill=%22%23fff%22 fill-opacity=%220.26%22/%3E%3C/svg%3E") center/contain no-repeat} body.theme-gridberry .closing>*{grid-column:1} body.theme-gridberry .closing>span{font:500 13px/1.3 var(--mono);text-transform:none;letter-spacing:0;padding:6px 13px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff33} body.theme-gridberry .closing h2{margin:20px 0 18px;max-width:720px;font-size:clamp(32px,3.4vw,52px);color:#fff} body.theme-gridberry .closing p{margin:0 0 30px;max-width:600px;color:#eee6f8;font-size:17px;opacity:1} body.theme-gridberry .closing .button.primary{box-shadow:inset 0 -3px 0 #00000014,0 0 0 6px #c8f05129} body.theme-gridberry .closing h2+.button{margin-top:12px} /* ---------- 13. useful links: a 3 × 2 grid of cells ---------- */ body.theme-gridberry.page-0 main>section.reading:last-child{max-width:none;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;padding:60px 0 56px;align-items:start} body.theme-gridberry.page-0 main>section.reading:last-child>h2{grid-column:1;margin:0 0 10px} body.theme-gridberry.page-0 main>section.reading:last-child>p:nth-of-type(1){grid-column:1;margin:0;color:var(--soft)} body.theme-gridberry.page-0 main>section.reading:last-child>p:has(.text-link){grid-column:2;grid-row:1/span 2;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} body.theme-gridberry .reading .text-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:17px 18px;border-radius:13px; background:#fff;border:1px solid var(--line);text-decoration:none;font-size:15.5px;font-weight:600;color:var(--plum);transition:border-color .15s,background-color .15s} body.theme-gridberry .reading .text-link:hover{border-color:var(--vio-hi);background:var(--cell)} body.theme-gridberry .reading .text-link .link-arrow{color:var(--vio-hi);border-color:#70409a66;margin-inline-start:0} /* ---------- 14. footer ---------- */ body.theme-gridberry footer{border-top:0;padding-top:44px;padding-bottom:30px;position:relative} body.theme-gridberry footer::before{content:"";display:block;height:12px;margin-bottom:34px; background:radial-gradient(circle,var(--vio-hi) 0 5px,transparent 5.5px) 0 0/60px 12px repeat-x, radial-gradient(circle,transparent 0 3.3px,#a993c8 3.7px 5px,transparent 5.5px) 0 0/20px 12px repeat-x; -webkit-mask:linear-gradient(90deg,#000 0 calc(100% - 40px),#0000);mask:linear-gradient(90deg,#000 0 calc(100% - 40px),#0000)} body.theme-gridberry footer .brand{color:var(--plum)} body.theme-gridberry footer nav{gap:8px;margin:24px 0 26px;font-size:13.5px} body.theme-gridberry footer nav a{padding:7px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:500} body.theme-gridberry footer nav a:hover{border-color:var(--vio-hi)} body.theme-gridberry .footer-bottom{opacity:1;color:var(--soft);font-size:12.5px;line-height:1.55;border-top:1px solid var(--line);padding-top:18px} body.theme-gridberry .footer-bottom span:last-child{font-family:var(--mono);white-space:nowrap} /* ---------- 15. inner pages: hero band ---------- */ body.theme-gridberry .inner-hero{position:relative;isolation:isolate;color:#fff;min-height:0;padding:54px 0 70px; display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:48px} body.theme-gridberry .inner-hero::before{content:"";position:absolute;z-index:-2;inset:0 -100vmax; background:var(--gb-matrix) calc(50% + 420px) -24px/1640px 780px no-repeat,linear-gradient(90deg,var(--vio) 0 calc(100vmax + 30%),transparent calc(100vmax + 80%)),var(--vio-deep)} body.theme-gridberry .inner-hero .eyebrow{background:#ffffff14;border-color:#ffffff33;color:#fff} body.theme-gridberry .inner-hero .eyebrow i{background:var(--lime)} body.theme-gridberry .inner-hero h1{color:#fff;margin:0;font-size:clamp(36px,4.3vw,62px);max-width:960px;text-wrap:balance} body.theme-gridberry .hero-number{font:600 92px/1 var(--mono);letter-spacing:-.04em;opacity:1;color:var(--lime);padding:18px 26px 20px; border:1.5px solid #ffffff40;border-radius:20px;background:#1f12334d;position:relative} body.theme-gridberry .hero-number::before{content:"";position:absolute;top:-7px;inset-inline-start:22px;width:44px;height:12px; background:linear-gradient(var(--lime) 0 0) 0 0/12px 12px no-repeat,linear-gradient(#ffffff66 0 0) 16px 0/12px 12px no-repeat,linear-gradient(var(--lime) 0 0) 32px 0/12px 12px no-repeat} /* inner prose: matrix rows. Mode A (has h3): h2 = group header across, h3 = tinted row header, p = cell. */ body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy){max-width:none;display:grid;grid-template-columns:270px minmax(0,780px) minmax(0,1fr);column-gap:0; justify-content:start;padding:76px 0 20px;align-items:stretch} body.theme-gridberry:not(.page-0) main>section.reading:where(:not(.privacy))>*{grid-column:2;margin:0} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy)>h2{grid-column:1/-1;margin:0 0 26px;max-width:880px} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy)>h2:not(:first-child){margin-top:60px} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy)>p{font-size:17px;line-height:1.74;color:#2c2140} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy)>p+p{margin-top:18px} body.theme-gridberry:not(.page-0) main>section.reading>h3{grid-column:1;margin:0;padding:26px 24px;background:var(--cell);border-top:1px solid var(--line);font-size:20px;line-height:1.28;position:relative} body.theme-gridberry:not(.page-0) main>section.reading>h3::after{content:"";display:block;width:70px;height:16px;margin-top:18px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 88 16%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2226%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2244%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2262%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2280%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3C/svg%3E") 0 0/contain no-repeat} body.theme-gridberry:not(.page-0) main>section.reading>h3:nth-of-type(2)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 88 16%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2226%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2244%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2262%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2280%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3C/svg%3E")} body.theme-gridberry:not(.page-0) main>section.reading>h3:nth-of-type(3)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 88 16%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2226%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2244%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2262%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2280%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3C/svg%3E")} body.theme-gridberry:not(.page-0) main>section.reading>h3:nth-of-type(4)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 88 16%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2226%22 cy=%228%22 r=%225.2%22 fill=%22none%22 stroke=%22%23b39dd3%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2244%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2262%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%2280%22 cy=%228%22 r=%226%22 fill=%22%2370409a%22/%3E%3C/svg%3E")} body.theme-gridberry:not(.page-0) main>section.reading>h3+p{grid-column:2;padding:24px 0 26px 36px;border-top:1px solid var(--line);margin:0!important;position:relative} html[dir=rtl] body.theme-gridberry:not(.page-0) main>section.reading>h3+p{padding:24px 36px 26px 0} body.theme-gridberry:not(.page-0) main>section.reading>h3+p::before{content:"";position:absolute;inset-inline-start:0;top:32px;width:12px;height:12px;border-radius:50%;background:var(--vio-hi)} body.theme-gridberry:not(.page-0) main>section.reading>h3:not(:has(~h3)),body.theme-gridberry:not(.page-0) main>section.reading>h3:not(:has(~h3))+p{border-bottom:1px solid var(--line)} /* Mode B (no h3): h2 = tinted row header on the left, content cells on the right */ body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3)):has(>h2+p){grid-template-columns:300px minmax(0,780px) minmax(0,1fr);padding-top:84px} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):has(>.feature-list)>h2{grid-column:1/-1;background:none;border:0;padding:0;margin:0 0 26px;font-size:clamp(30px,3.05vw,46px)} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy)>.feature-list{grid-column:1/-1;padding:0;border-top:0} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2{grid-column:1;margin:0;padding:26px 30px 26px 26px;font-size:clamp(23px,2vw,28px); background:var(--cell);border-top:1px solid var(--line);line-height:1.2} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2:has(+.code-example){grid-row:span 2} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2~*:not(h2){padding:26px 0 26px 40px;border-top:1px solid var(--line);margin:0} html[dir=rtl] body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2~*:not(h2){padding:26px 40px 26px 0} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2~.code-example{padding:0;margin:26px 0 0 40px;border-top:0} html[dir=rtl] body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2~.code-example{margin:26px 40px 0 0} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>.code-example+p{border-top:0} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>:last-child:not(.large){border-bottom:1px solid var(--line)} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2:nth-last-child(-n+3):has(+.code-example){border-bottom:1px solid var(--line)} body.theme-gridberry:not(.page-0) main>section.reading .code-example pre{white-space:pre-wrap;overflow-wrap:anywhere} /* the large lead + notices + feature board */ body.theme-gridberry .product-lead{max-width:none;padding:70px 0 34px} body.theme-gridberry .product-lead .large,body.theme-gridberry:not(.page-0) main>section.reading>p.large{grid-column:1/-1;max-width:980px;font-size:clamp(21px,1.85vw,26px);line-height:1.55;opacity:1;color:var(--plum); font-weight:400;letter-spacing:-.01em} body.theme-gridberry:not(.page-0) main>section.reading:has(>p.large:only-child){padding-bottom:40px} body.theme-gridberry .notice{grid-column:1/-1!important;margin-top:44px!important;background:var(--plum);color:#efe8f9;border:0;border-radius:18px;padding:30px 34px;font-size:15.5px; display:grid;grid-template-columns:236px minmax(0,1fr);column-gap:34px;max-width:1050px} body.theme-gridberry .notice strong{color:var(--lime);font-size:17px;font-weight:650;line-height:1.35} body.theme-gridberry .notice p{margin:0;color:#e3d8f2;line-height:1.7} body.theme-gridberry .reading>.feature-list{grid-column:1/-1;max-width:1240px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:8px 0 0; background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 28px 60px -46px #36174f80} body.theme-gridberry .reading>.feature-list li{border:0;border-radius:0;background:none;padding:26px 24px 28px;font-size:15px;line-height:1.6;color:#33284a; border-inline-start:1px solid var(--line);border-top:1px solid var(--line)} body.theme-gridberry .reading>.feature-list li:nth-child(4n+1){border-inline-start:0} body.theme-gridberry .reading>.feature-list li:nth-child(-n+4){border-top:0} body.theme-gridberry .reading>.feature-list li:nth-child(odd){background:#fcfbfe} body.theme-gridberry .feature-list strong{color:var(--plum);font-size:17px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:10px} body.theme-gridberry .feature-list strong::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--vio-hi);flex:none} body.theme-gridberry .feature-list li:nth-child(3n) strong::before{background:none;border:2px solid var(--vio-hi);width:12px;height:12px;box-sizing:border-box} /* product: rwx triplet cards (one board, three bits) */ body.theme-gridberry.page-1 main>.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;margin:0 0 10px;border:0;background:#fff;border-radius:20px; box-shadow:0 0 0 1px #4a22721f,0 30px 60px -44px #36174f99;overflow:hidden} body.theme-gridberry.page-1 main>.cards article{border:0;border-inline-start:1px solid var(--line);border-radius:0;background:none;padding:30px 30px 32px;min-width:0} body.theme-gridberry.page-1 main>.cards article:first-child{border-inline-start:0} body.theme-gridberry.page-1 main>.cards article:nth-child(1){--b1:var(--vio-hi);--b2:var(--line);--b3:var(--line)} body.theme-gridberry.page-1 main>.cards article:nth-child(2){--b1:var(--line);--b2:var(--vio-hi);--b3:var(--line)} body.theme-gridberry.page-1 main>.cards article:nth-child(3){--b1:var(--line);--b2:var(--line);--b3:var(--lime)} body.theme-gridberry.page-1 main>.cards h3{font-size:24px} body.theme-gridberry.page-1 main>.cards p{font-size:15.5px;line-height:1.6;color:#33284a} /* split section with an agent window on a lilac matrix band (product) */ body.theme-gridberry:not(.page-0) .split-section{position:relative;isolation:isolate;margin-top:76px;padding:76px 0;column-gap:60px; grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--lilac);box-shadow:0 0 0 100vmax var(--lilac);clip-path:inset(0 -100vmax)} body.theme-gridberry:not(.page-0) .split-section::before{content:"";position:absolute;z-index:-1;inset:0 -100vmax; background:radial-gradient(circle,#70409a2e 0 5px,transparent 5.5px) 0 0/36px 36px;-webkit-mask:linear-gradient(90deg,#0000 calc(100vmax + 40%),#000 calc(100vmax + 75%));mask:linear-gradient(90deg,#0000 calc(100vmax + 40%),#000 calc(100vmax + 75%))} body.theme-gridberry:not(.page-0) .split-section h2{margin:0 0 18px} body.theme-gridberry:not(.page-0) .split-section p{max-width:none;opacity:1;color:#2c2140;font-size:16.5px;line-height:1.72} /* models: three cells joined by connectors */ body.theme-gridberry .connection{border:0;border-radius:20px;background:#fff;padding:18px;gap:0;margin:16px 0 0;font-size:clamp(16px,1.6vw,21px); box-shadow:0 0 0 1px #4a22721f,0 30px 60px -44px #36174f99;font-weight:650} body.theme-gridberry .connection span{flex:1;text-align:center;border:1.5px solid var(--line);background:var(--cell);border-radius:14px;padding:26px 16px} body.theme-gridberry .connection span:last-child{background:var(--plum);color:#fff;border-color:var(--plum)} body.theme-gridberry .connection b{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0 -6px;border-radius:50%;background:var(--lime);color:var(--plum); font:700 19px/1 system-ui,sans-serif;position:relative;z-index:1;box-shadow:0 0 0 5px #fff} html[dir=rtl] body.theme-gridberry .connection b{transform:scaleX(-1)} /* workflows */ body.theme-gridberry.page-3 .scenario{padding-top:80px} body.theme-gridberry .workflow-grid{display:block;padding:30px 0 0} body.theme-gridberry .workflow-grid .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden; box-shadow:0 28px 60px -46px #36174f80} body.theme-gridberry .workflow-grid .steps article{padding:28px 32px 30px 88px;border:0;border-top:1px solid var(--line);position:relative} html[dir=rtl] body.theme-gridberry .workflow-grid .steps article{padding:28px 88px 30px 32px} body.theme-gridberry .workflow-grid .steps article:nth-child(even){border-inline-start:1px solid var(--line)} body.theme-gridberry .workflow-grid .steps article:nth-child(-n+2){border-top:0} body.theme-gridberry .workflow-grid .steps .number{position:absolute;left:auto;right:auto;inset-inline-start:30px;top:28px;display:grid;place-items:center;width:40px;height:40px; border-radius:11px;background:var(--cell);color:var(--vio-hi);font:600 14px/1 var(--mono);opacity:1;border:1.5px solid var(--line)} body.theme-gridberry .workflow-grid .steps article:nth-child(4) .number{background:var(--lime);color:var(--plum);border-color:#a9cf31} body.theme-gridberry .workflow-grid .steps h3{margin:6px 0 10px;font-size:21px} body.theme-gridberry .workflow-grid .steps p{font-size:16px;line-height:1.7;opacity:1;color:#2c2140} body.theme-gridberry .sticky-example{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:44px;align-items:start;padding:72px 0 0} body.theme-gridberry .sticky-example>h2{grid-column:1/-1;margin:0 0 26px;max-width:880px} body.theme-gridberry .sticky-example>.agent-run{grid-column:1;grid-row:2/span 2;margin:0;box-shadow:0 0 0 1px var(--line),0 30px 60px -36px #36174f99;border-color:var(--line)} body.theme-gridberry .sticky-example>.code-example{grid-column:2;grid-row:2;margin:0} body.theme-gridberry .sticky-example>p{grid-column:2;grid-row:3;margin:22px 0 0;opacity:1;color:#33284a;font-size:15.5px;line-height:1.7} /* download: the package record across the top, install steps + notice side by side */ body.theme-gridberry .download-grid{grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0 0 20px;align-items:start} body.theme-gridberry .download-card{margin-top:-40px;position:relative;z-index:2;background:var(--plum);color:#fff;border:0;border-radius:22px;padding:30px 34px;text-align:start; display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,230px);grid-template-rows:auto auto;column-gap:28px;align-items:center; box-shadow:0 0 0 7px #ffffff,0 40px 80px -40px #1f1233} body.theme-gridberry .download-card::after{content:"";grid-column:4;grid-row:1/span 2;align-self:stretch;min-height:64px; background:radial-gradient(circle,var(--lime) 0 5.5px,transparent 6px) 66px 33px/400px 400px no-repeat,radial-gradient(circle,#ffffff38 0 5px,transparent 5.5px) 0 0/22px 22px} body.theme-gridberry .app-icon{grid-column:1;grid-row:1/span 2;margin:0;width:76px;height:76px;border-radius:20px;background:var(--lime);color:var(--plum);font:800 40px/1 var(--disp);box-shadow:0 0 0 6px #c8f05129} body.theme-gridberry .download-card h2{grid-column:2;grid-row:1;align-self:end;color:#fff;margin:0;font-size:34px} body.theme-gridberry .download-card p{grid-column:2;grid-row:2;align-self:start;color:#d9cdea;font:500 14px/1.5 var(--mono);margin:4px 0 0} body.theme-gridberry .download-card .button{grid-column:3;grid-row:1/span 2} body.theme-gridberry .download-grid>div:not(.download-card){display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:36px;align-items:start;padding-top:56px} body.theme-gridberry .download-grid .large{grid-column:1/-1;max-width:1000px;font-size:21px;line-height:1.6;opacity:1;color:var(--plum);margin:0 0 30px} body.theme-gridberry .download-grid ol.setup{display:grid;gap:0;margin:0;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden} body.theme-gridberry .download-grid ol.setup li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:18px;align-items:start;padding:20px 22px;border-top:1px solid var(--line); font-size:16px;line-height:1.6;color:#2c2140} body.theme-gridberry .download-grid ol.setup li:first-child{border-top:0} body.theme-gridberry .download-grid ol.setup li::before{width:34px;height:34px;font-size:15px} body.theme-gridberry .download-grid .notice{margin-top:0!important;display:block;grid-column:2!important} body.theme-gridberry .download-grid .notice strong{display:block;margin-bottom:8px} /* FAQ page: groups — tinted group header cell + rows of questions */ body.theme-gridberry.page-5 main>section.faq{display:grid;grid-template-columns:320px minmax(0,1fr);row-gap:0;column-gap:0;max-width:1180px;padding:0;margin:64px 0 0; background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 28px 60px -46px #36174f80} body.theme-gridberry.page-5 main>section.faq+section.faq{margin-top:24px} body.theme-gridberry.page-5 main>section.faq>h2{grid-column:1;grid-row:1/span 5;margin:0;padding:32px 30px;background:var(--cell);font-size:clamp(24px,2.1vw,30px); border-inline-end:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:28px} body.theme-gridberry.page-5 main>section.faq>h2::after{content:"";display:block;height:30px;max-width:230px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 420 44%22%3E%3Crect x=%224%22 y=%2214%22 width=%2296%22 height=%2216%22 rx=%228%22 fill=%22%2370409a%22/%3E%3Ccircle cx=%22110%22 cy=%2217%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22110%22 cy=%2227%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Crect x=%22122%22 y=%2216%22 width=%2212%22 height=%2212%22 rx=%223%22 fill=%22%23cdbde3%22/%3E%3Ccircle cx=%22144%22 cy=%2217%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22144%22 cy=%2227%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Crect x=%22156%22 y=%2214%22 width=%2244%22 height=%2216%22 rx=%228%22 fill=%22%23cdbde3%22/%3E%3Ccircle cx=%22210%22 cy=%2217%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Ccircle cx=%22210%22 cy=%2227%22 r=%222.6%22 fill=%22%2370409a%22 fill-opacity=%221%22/%3E%3Crect x=%22225%22 y=%2214%22 width=%2250%22 height=%2216%22 rx=%228%22 fill=%22none%22 stroke=%22%2370409a%22 stroke-width=%222%22/%3E%3Ccircle cx=%22281%22 cy=%2229%22 r=%222.4%22 fill=%22%2370409a%22/%3E%3Crect x=%22291%22 y=%2214%22 width=%2238%22 height=%2216%22 rx=%228%22 fill=%22none%22 stroke=%22%2370409a%22 stroke-width=%222%22/%3E%3Ccircle cx=%22335%22 cy=%2229%22 r=%222.4%22 fill=%22%2370409a%22/%3E%3Crect x=%22344%22 y=%2213%22 width=%2264%22 height=%2218%22 rx=%229%22 fill=%22%2370409a%22/%3E%3C/svg%3E") left center/contain no-repeat} body.theme-gridberry.page-5 main>section.faq>details{grid-column:2;border-top:1px solid var(--line)} body.theme-gridberry.page-5 main>section.faq>h2+details{border-top:0} body.theme-gridberry.page-5 main>section.faq>details:last-of-type:nth-of-type(odd){grid-column:2} body.theme-gridberry.page-5 main>section.faq>details[open]{background:#fcfbfe} body.theme-gridberry.page-5 main>section.closing{margin-top:72px} /* privacy: five records — tinted header cell | paragraphs */ body.theme-gridberry .privacy.reading{max-width:1120px;padding:70px 0 10px} body.theme-gridberry .privacy article{display:grid;grid-template-columns:300px minmax(0,1fr);row-gap:0;column-gap:0;padding:0;border:0;border-top:1px solid var(--line);align-items:stretch} body.theme-gridberry .privacy article:last-of-type{border-bottom:1px solid var(--line)} body.theme-gridberry .privacy article h2{grid-column:1;grid-row:1/span 3;margin:0;padding:28px 28px;background:var(--cell);font-size:clamp(22px,1.9vw,27px);line-height:1.2} body.theme-gridberry .privacy article h2::before{content:"";display:block;width:44px;height:12px;margin-bottom:18px; background:linear-gradient(var(--vio-hi) 0 0) 0 0/12px 12px no-repeat,linear-gradient(var(--vio-hi) 0 0) 16px 0/12px 12px no-repeat,linear-gradient(var(--line) 0 0) 32px 0/12px 12px no-repeat} body.theme-gridberry .privacy article p{grid-column:2;margin:0;padding:22px 0 0 40px;font-size:16.5px;line-height:1.72;opacity:1;color:#2c2140} html[dir=rtl] body.theme-gridberry .privacy article p{padding:22px 40px 0 0} body.theme-gridberry .privacy article p:last-child{padding-bottom:26px} body.theme-gridberry .privacy .updated{margin:22px 0 0;font:500 13px/1.4 var(--mono)!important;color:var(--soft);opacity:1!important} /* ---------- 16. scripts without Geologica/Inter coverage ---------- */ html:is([lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-gridberry :is(h1,h2,h3,summary,.brand,.button){font-family:Inter,system-ui,sans-serif;font-variation-settings:normal} html:is([lang=ar],[lang=hi],[lang=th]) body.theme-gridberry *{letter-spacing:0!important} html:is([lang=ja],[lang=ko]) body.theme-gridberry :is(h1,h2,h3){letter-spacing:-.01em;line-break:strict} html:is([lang=ja],[lang=ko]) body.theme-gridberry .faq details>p{overflow-wrap:anywhere} /* ---------- 17. responsive ---------- */ @media (max-width:1180px){ body.theme-gridberry .reading>.steps article{grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;background:linear-gradient(90deg,var(--cell) 0 252px,transparent 252px)} html[dir=rtl] body.theme-gridberry .reading>.steps article{background:linear-gradient(270deg,var(--cell) 0 252px,transparent 252px)} body.theme-gridberry .reading>.steps .code-example{grid-column:2;grid-row:4;margin-top:22px} body.theme-gridberry .reading>.steps p{grid-row:1/span 3} body.theme-gridberry.page-0 main>.cards{grid-template-columns:repeat(3,minmax(0,1fr))} body.theme-gridberry.page-0 main>.cards article:nth-child(4){border-inline-start:0} body.theme-gridberry.page-0 main>.cards article:nth-child(n+4){border-top:1px solid var(--line)} body.theme-gridberry .reading>.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))} body.theme-gridberry .reading>.feature-list li:nth-child(n){border-inline-start:1px solid var(--line);border-top:1px solid var(--line)} body.theme-gridberry .reading>.feature-list li:nth-child(odd){border-inline-start:0} body.theme-gridberry .reading>.feature-list li:nth-child(-n+2){border-top:0} } @media (max-width:960px){ body.theme-gridberry .home-hero{grid-template-columns:minmax(0,1fr);padding:32px 0 104px} body.theme-gridberry .home-hero .eyebrow,body.theme-gridberry .home-hero h1,body.theme-gridberry .home-hero .hero-lead,body.theme-gridberry .home-hero .actions,body.theme-gridberry .home-hero .agent-run{grid-column:1;grid-row:auto} body.theme-gridberry .home-hero h1{margin-bottom:20px} body.theme-gridberry .home-hero .agent-run{margin-top:40px} body.theme-gridberry .scenario,body.theme-gridberry .feature-matrix,body.theme-gridberry.page-0 main>section.reading:last-child,body.theme-gridberry .closing, body.theme-gridberry:not(.page-0) .split-section,body.theme-gridberry .sticky-example{grid-template-columns:minmax(0,1fr)} body.theme-gridberry .scenario>*,body.theme-gridberry .scenario p,body.theme-gridberry .scenario::after,body.theme-gridberry .feature-matrix>*,body.theme-gridberry .feature-matrix table, body.theme-gridberry.page-0 main>section.reading:last-child>*,body.theme-gridberry.page-0 main>section.reading:last-child>p:has(.text-link), body.theme-gridberry .sticky-example>*,body.theme-gridberry .sticky-example>.agent-run,body.theme-gridberry .sticky-example>.code-example,body.theme-gridberry .sticky-example>p{grid-column:1;grid-row:auto} body.theme-gridberry .scenario p{margin-top:20px} body.theme-gridberry .feature-matrix table{margin-top:28px} body.theme-gridberry.page-0 main>section.reading:last-child>p:has(.text-link){margin-top:24px;grid-template-columns:repeat(2,minmax(0,1fr))} body.theme-gridberry .sticky-example>.code-example{margin-top:24px} body.theme-gridberry .closing::after{grid-column:1;grid-row:auto;min-height:150px;margin-top:34px;max-width:440px} body.theme-gridberry.page-0 .split-section+section.reading{grid-template-columns:minmax(0,1fr)} body.theme-gridberry.page-0 .split-section+section.reading>p:nth-of-type(n){padding:22px 0 18px;border-inline-start:0;border-top:1px solid var(--line)} body.theme-gridberry.page-0 ol.setup{grid-template-columns:minmax(0,1fr);gap:22px} body.theme-gridberry.page-0 ol.setup::before{inset:19px auto 19px 18px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--vio-hi) 0 8px,transparent 8px 14px)} html[dir=rtl] body.theme-gridberry.page-0 ol.setup::before{inset:19px 18px 19px auto} body.theme-gridberry.page-0 ol.setup li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:18px;align-items:start} body.theme-gridberry.page-0 ol.setup li::before{margin:0} body.theme-gridberry.page-0 .faq{grid-template-columns:minmax(0,1fr)} body.theme-gridberry .faq details:last-of-type:nth-of-type(odd){grid-column:auto} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy), body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3)):has(>h2+p){grid-template-columns:minmax(0,1fr)} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy)>*,body.theme-gridberry:not(.page-0) main>section.reading>h3,body.theme-gridberry:not(.page-0) main>section.reading>h3+p, body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2{grid-column:1;grid-row:auto} body.theme-gridberry:not(.page-0) main>section.reading>h3{padding:22px 0 10px;background:none;display:flex;flex-direction:column-reverse;gap:12px} body.theme-gridberry:not(.page-0) main>section.reading>h3::after{margin:0} body.theme-gridberry:not(.page-0) main>section.reading>h3+p{border-top:0;padding:0 0 22px} html[dir=rtl] body.theme-gridberry:not(.page-0) main>section.reading>h3+p{padding:0 0 22px} body.theme-gridberry:not(.page-0) main>section.reading>h3+p::before{content:none} body.theme-gridberry:not(.page-0) main>section.reading>h3:not(:has(~h3)){border-bottom:0} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2{padding:20px 20px;border-radius:12px 12px 0 0} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2~*:not(h2){padding:20px 0 24px;border-top:0} html[dir=rtl] body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2~*:not(h2){padding:20px 0 24px} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2~.code-example, html[dir=rtl] body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2~.code-example{margin:20px 0 0;padding:0} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy):not(:has(>h3))>h2:not(:first-child){margin-top:30px} body.theme-gridberry .notice{grid-template-columns:minmax(0,1fr);row-gap:10px;padding:24px 22px} body.theme-gridberry .reading>.feature-list{grid-template-columns:minmax(0,1fr)} body.theme-gridberry .reading>.feature-list li:nth-child(n){border-inline-start:0;border-top:1px solid var(--line)} body.theme-gridberry .reading>.feature-list li:first-child{border-top:0} body.theme-gridberry.page-1 main>.cards{grid-template-columns:minmax(0,1fr)} body.theme-gridberry.page-1 main>.cards article:nth-child(n){border-inline-start:0;border-top:1px solid var(--line)} body.theme-gridberry.page-1 main>.cards article:first-child{border-top:0} body.theme-gridberry .workflow-grid .steps{grid-template-columns:minmax(0,1fr)} body.theme-gridberry .workflow-grid .steps article:nth-child(n){border-inline-start:0;border-top:1px solid var(--line)} body.theme-gridberry .workflow-grid .steps article:first-child{border-top:0} body.theme-gridberry .download-card{grid-template-columns:auto minmax(0,1fr);row-gap:0} body.theme-gridberry .download-card .button{grid-column:1/-1;grid-row:3;justify-self:start;margin-top:22px} body.theme-gridberry .download-card::after{grid-column:1/-1;grid-row:4;min-height:44px;margin-top:22px} body.theme-gridberry .download-grid>div:not(.download-card){grid-template-columns:minmax(0,1fr);padding-top:40px} body.theme-gridberry .download-grid .notice{grid-column:1!important;margin-top:24px!important} body.theme-gridberry.page-5 main>section.faq{grid-template-columns:minmax(0,1fr)} body.theme-gridberry.page-5 main>section.faq>h2,body.theme-gridberry.page-5 main>section.faq>details,body.theme-gridberry.page-5 main>section.faq>details:last-of-type:nth-of-type(odd){grid-column:1;grid-row:auto} body.theme-gridberry.page-5 main>section.faq>h2{border-inline-end:0;border-bottom:1px solid var(--line);padding:24px 22px;gap:18px} body.theme-gridberry .privacy article{grid-template-columns:minmax(0,1fr)} body.theme-gridberry .privacy article h2{grid-column:1;grid-row:auto;padding:22px 20px} body.theme-gridberry .privacy article p,html[dir=rtl] body.theme-gridberry .privacy article p{grid-column:1;padding:18px 0 0} body.theme-gridberry .inner-hero{grid-template-columns:minmax(0,1fr)} } @media (max-width:600px){ body.theme-gridberry .agent-run-steps li{grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:9px 12px} body.theme-gridberry .agent-run-steps code{white-space:normal;overflow-wrap:anywhere;text-overflow:clip} body.theme-gridberry .code-example pre{white-space:pre-wrap;overflow-wrap:anywhere} } @media (max-width:760px){ body.theme-gridberry main.wrap{padding-inline:20px} body.theme-gridberry .header{min-height:0} body.theme-gridberry .home-hero{padding:26px 0 96px} body.theme-gridberry .home-hero::before{background:radial-gradient(circle,#ffffff2b 0 5px,transparent 5.5px) 8px 8px/34px 34px,radial-gradient(80% 50% at 80% 70%,#6a35a0 0,transparent 70%),var(--vio)} body.theme-gridberry .home-hero .eyebrow{margin-bottom:16px;font-size:12.5px} body.theme-gridberry .home-hero h1{font-size:clamp(34px,9.6vw,44px);line-height:1.08;margin-bottom:16px;hyphens:auto;hyphenate-limit-chars:10 5 5;overflow-wrap:anywhere} body.theme-gridberry .home-hero .hero-lead{font-size:16.5px;line-height:1.58;margin:0} body.theme-gridberry .home-hero .actions{margin-top:22px} body.theme-gridberry .button{font-size:15px;padding:14px 18px} body.theme-gridberry .home-hero .agent-run{margin-top:34px} body.theme-gridberry.page-0 main>.cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-64px} body.theme-gridberry.page-0 main>.cards article:nth-child(n){padding:18px 16px;border-inline-start:1px solid var(--line);border-top:1px solid var(--line)} body.theme-gridberry.page-0 main>.cards article:nth-child(odd){border-inline-start:0} body.theme-gridberry.page-0 main>.cards article:nth-child(-n+2){border-top:0} body.theme-gridberry .scenario{padding:64px 0 24px} body.theme-gridberry .reading>.steps article{display:block;padding:24px 20px;background:none} body.theme-gridberry .reading>.steps .number{margin-bottom:12px} body.theme-gridberry .reading>.steps h3{margin-bottom:14px} body.theme-gridberry .reading>.steps article::after{display:none} body.theme-gridberry .reading>.steps .code-example{margin-top:18px} body.theme-gridberry .feature-matrix{padding:60px 0} body.theme-gridberry .feature-matrix table,body.theme-gridberry .feature-matrix thead,body.theme-gridberry .feature-matrix tbody{display:block} body.theme-gridberry .feature-matrix tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)} body.theme-gridberry .feature-matrix th,body.theme-gridberry .feature-matrix td{display:block;width:auto;padding:14px 14px;border-bottom:1px solid var(--line)} body.theme-gridberry .feature-matrix thead th:first-child,body.theme-gridberry .feature-matrix tbody th{grid-column:1/-1} body.theme-gridberry .feature-matrix thead th:first-child{padding:0;border:0} body.theme-gridberry .feature-matrix tbody th{border-bottom:0;padding-bottom:10px;font-size:15.5px} body.theme-gridberry .feature-matrix td{padding-inline-start:36px;font-size:14.5px} body.theme-gridberry .feature-matrix td::before{inset-inline-start:14px;top:19px} body.theme-gridberry .feature-matrix td:nth-child(2){border-inline-end:1px solid var(--line)} body.theme-gridberry .feature-matrix tbody tr:last-child>td{border-bottom:0} body.theme-gridberry.page-0 .split-section{padding:64px 0 10px} body.theme-gridberry.page-0 .split-section+section.reading{padding:60px 0 20px} body.theme-gridberry.page-0 .faq{padding:60px 0 24px} body.theme-gridberry .faq summary{font-size:17px;padding:18px 18px 18px 50px} html[dir=rtl] body.theme-gridberry .faq summary{padding:18px 50px 18px 18px} body.theme-gridberry .faq summary::before{inset-inline-start:18px;top:21px} body.theme-gridberry .faq details>p{padding:0 18px 20px 50px;font-size:15.5px} html[dir=rtl] body.theme-gridberry .faq details>p{padding:0 50px 20px 18px} body.theme-gridberry .closing{padding:60px 0 56px;margin-top:40px} body.theme-gridberry .closing h2{font-size:32px} body.theme-gridberry.page-0 main>section.reading:last-child{padding:60px 0 50px} body.theme-gridberry.page-0 main>section.reading:last-child>p:has(.text-link){grid-template-columns:minmax(0,1fr)} body.theme-gridberry .inner-hero{padding:34px 0 46px} body.theme-gridberry .inner-hero h1{font-size:clamp(30px,8.4vw,40px);hyphens:auto;hyphenate-limit-chars:10 5 5;overflow-wrap:anywhere} body.theme-gridberry .inner-hero::before{background:radial-gradient(circle,#ffffff24 0 4.5px,transparent 5px) 8px 8px/32px 32px,var(--vio)} body.theme-gridberry:not(.page-0) main>section.reading:not(.privacy){padding-top:56px} body.theme-gridberry .product-lead{padding:48px 0 24px} body.theme-gridberry .download-grid .large,body.theme-gridberry .product-lead .large,body.theme-gridberry:not(.page-0) main>section.reading>p.large{font-size:18.5px} body.theme-gridberry:not(.page-0) .split-section{margin-top:50px;padding:56px 0} body.theme-gridberry .connection{flex-direction:column;padding:14px;gap:0} body.theme-gridberry .connection span{width:100%;padding:18px 14px} body.theme-gridberry .connection b{margin:-6px 0;transform:rotate(90deg)} html[dir=rtl] body.theme-gridberry .connection b{transform:rotate(90deg)} body.theme-gridberry .workflow-grid .steps article,html[dir=rtl] body.theme-gridberry .workflow-grid .steps article{padding:22px 20px 24px} body.theme-gridberry .workflow-grid .steps .number{position:static;margin-bottom:12px} body.theme-gridberry .sticky-example{padding-top:54px} body.theme-gridberry .download-card{margin-top:-30px;padding:26px 22px 24px;column-gap:18px} body.theme-gridberry .app-icon{width:60px;height:60px;font-size:32px;border-radius:16px} body.theme-gridberry .download-card h2{font-size:27px} body.theme-gridberry.page-5 main>section.faq{margin-top:40px} body.theme-gridberry .privacy.reading{padding-top:48px} body.theme-gridberry .footer-bottom span:last-child{white-space:normal} } @media (prefers-reduced-motion:reduce){body.theme-gridberry *{transition:none!important}} /* no automatic hyphenation in the main headline (long words still wrap) */ body h1{hyphens:manual;-webkit-hyphens:manual}