:root{color-scheme:light;--ink:#14202a;--ink2:#25333b;--muted:#6b7477;--paper:#f5f3ed;--warm:#efede7;--white:#fffdf8;--line:#daddd7;--coral:#ed7652;--coral-bright:#fb8961;--dark:#131e27;--dark2:#22323b;--mint:#dae6dc;--radius:16px;--font:Manrope,'Avenir Next','Segoe UI',Arial,sans-serif;--mono:ui-monospace,'Cascadia Code','SFMono-Regular',Consolas,monospace;--ease:cubic-bezier(.2,.7,.2,1)}
[hidden]{display:none!important}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{margin:0;font-synthesis:none;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%}::selection{background:#f6b59e;color:#14201c}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.045em;line-height:1.13}h1{font-weight:650}h2{font-weight:620}h3{font-weight:650}p{line-height:1.75}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.site-shell{width:min(1440px,calc(100% - 104px));margin:0 auto}.skip-link{position:fixed;z-index:1000;left:15px;top:-100px;padding:12px 18px;background:var(--ink);color:white;border-radius:8px}.skip-link:focus{top:15px}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.mini-arrow{width:15px;height:15px;transition:transform .2s}.text-link:hover .mini-arrow,.text-link:hover .icon{transform:translateX(4px)}
/* navigation */
.site-header{position:relative;z-index:40;background:var(--paper);border-bottom:1px solid #daddd4}.nav-wrap{height:89px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{font-size:35px;font-weight:750;letter-spacing:-.075em;line-height:1;display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-period{color:var(--coral)}.brand-glyph{width:31px;height:31px;position:relative;display:inline-block;transform:rotate(-14deg)}.brand-glyph i{position:absolute;background:var(--coral);width:11px;height:11px;border-radius:60% 40% 60% 40%;left:10px;top:10px;transform-origin:6px 6px}.brand-glyph i:nth-child(1){transform:translateY(-10px)}.brand-glyph i:nth-child(2){transform:translateX(10px) rotate(90deg)}.brand-glyph i:nth-child(3){transform:translateY(10px) rotate(180deg)}.brand-glyph i:nth-child(4){transform:translateX(-10px) rotate(270deg)}.nav-desktop{display:flex;gap:33px;align-items:center;margin-left:auto}.nav-desktop a,.nav-text{font-size:13px;font-weight:650;color:#5f6b63;transition:color .2s}.nav-desktop a:hover,.nav-desktop a[aria-current=page],.nav-text:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:23px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:99px;padding:13px 22px;font-size:12px;font-weight:750;line-height:1.5;transition:transform .25s var(--ease),background .2s,color .2s,border-color .2s;white-space:nowrap}.pill:hover{transform:translateY(-2px)}.pill .icon{width:16px;height:16px}.pill-dark{background:var(--ink);color:var(--white)}.pill-dark:hover{background:#304039}.pill-coral{background:var(--coral);color:#18211d}.pill-coral:hover{background:var(--coral-bright)}.pill-outline{border-color:#aeb8ad;color:var(--ink);background:transparent}.pill-outline:hover{background:#e7e9e0}.pill-light{background:#ebeee5;color:var(--ink)}.menu-toggle{display:none;background:transparent;border:0;padding:8px}.mobile-nav{display:none}
/* shared */
.eyebrow{font-size:11px;font-weight:750;letter-spacing:.135em;text-transform:uppercase;display:inline-flex;align-items:center;gap:13px}.eyebrow i{width:17px;height:7px;background:var(--coral);border-radius:10px;display:inline-block;transform:rotate(-25deg)}.serif-accent,h1 em,h2 em,h3 em{font-family:'DM Serif Display',Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.075em}.coral-dot{color:var(--coral)}.section{padding:112px 0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}.section-header h2{max-width:660px;font-size:clamp(35px,4.3vw,63px);margin:19px 0 0;line-height:1.07}.section-header>p{max-width:335px;color:var(--muted);font-size:15px;margin:0 0 8px}.section-end{margin-top:44px;display:flex;justify-content:flex-end}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:800;transition:color .2s}.text-link:hover{color:var(--coral)}.text-link .icon{width:16px;height:16px;transition:transform .2s}.section-index,.number-mono{font:11px var(--mono);letter-spacing:.05em}.tiny-tag{font:10px var(--mono);letter-spacing:.065em;text-transform:uppercase;color:var(--muted)}
/* home hero */
.hero{position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;min-height:690px}.hero-copy{padding:100px 5% 91px 0;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy h1{font-size:clamp(58px,5.95vw,99px);letter-spacing:-.079em;line-height:1.055;margin:27px 0 25px;max-width:790px}.hero-copy h1 .serif-accent{color:var(--coral)}.hero-lead{font-size:16px;color:#5c6860;max-width:505px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.hero-minor{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px;margin-top:47px}.circle-check{width:23px;height:23px;background:#e6eadf;display:grid;place-items:center;border-radius:50%}.circle-check .icon{height:14px;width:14px}.hero-art{margin:34px 0 33px;position:relative;overflow:hidden;min-height:628px;background:#23312b;color:#dce4dc;border-radius:5px;display:flex;flex-direction:column;box-shadow:inset 0 0 60px #0b181333}.hero-art:before{content:"";position:absolute;inset:0;opacity:.36;background-image:linear-gradient(#b1cdb21c 1px,transparent 1px),linear-gradient(90deg,#b1cdb21c 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at center,#000 12%,transparent 78%)}.art-upper,.art-lower{position:relative;z-index:2;display:flex;justify-content:space-between;gap:15px;padding:24px 26px;font:10px var(--mono);letter-spacing:.1em;color:#b8c6b9}.art-lower{margin-top:auto}.network-shell{position:relative;flex:1;min-height:420px;overflow:hidden}.network-shell canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.network-center{position:absolute;inset:0;display:grid;place-items:center}.network-ring{width:258px;height:258px;border:1px solid #bed5ba54;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 0 45px #b5d1b209,0 0 0 86px #b5d1b208}.network-ring:before,.network-ring:after{content:"";border:1px dashed #bcd7b664;border-radius:50%;position:absolute;inset:29px}.network-ring:after{inset:-31px;border-color:#b5d1b229}.network-core{width:117px;height:117px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#ffdbb2,#f59068 46%,#a84830 100%);box-shadow:0 0 60px #e9795a77,0 0 0 7px #f9d0ad0e;color:#223127}.person-glyph{font-size:73px;line-height:1;transform:rotate(-10deg)}.network-tag{position:absolute;bottom:8%;left:22px;right:22px;text-align:center;font:10px/1.8 var(--mono);letter-spacing:.13em;color:#96ac9d}.network-tag strong{color:#f3faf4;font:600 12px var(--font);letter-spacing:0}.network-pointer{position:absolute;z-index:1;background:#25352fef;border:1px solid #8fae9366;border-radius:3px;padding:8px 10px;font:9px var(--mono);letter-spacing:.02em;color:#e3f1e3;display:flex;align-items:center;gap:6px}.pointer-a{top:22%;left:6%}.pointer-b{right:4%;bottom:24%}.pointer-dot{height:6px;width:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 12px var(--coral)}.hero-stamp{display:none}
/* statement */
.statement{padding:100px 0;border-top:1px solid var(--line);background:#e9ece3}.statement-grid{display:grid;grid-template-columns:1.5fr .65fr;gap:110px;align-items:end;margin-top:29px}.statement h2{font-size:clamp(38px,4.8vw,73px);max-width:920px;line-height:1.12;margin:0}.statement h2 em{color:#87978a}.statement-grid>div p{font-size:15px;color:#536158;margin-bottom:29px}
/* features */
.light-section{background:var(--paper)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.feature-card{background:transparent;position:relative;min-height:288px;padding:28px 30px 26px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s}.feature-card:hover{background:#eaece4}.feature-top{display:flex;justify-content:space-between;align-items:flex-start;color:#697a6d}.feature-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #c9d0c8;border-radius:50%}.feature-icon .icon{width:19px;height:19px}.feature-card h3{font-size:24px;margin:56px 0 11px;line-height:1.14}.feature-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 23px;max-width:310px}.feature-card .tiny-tag{margin-top:auto}
/* demo */
.ink-section{background:var(--dark);color:var(--paper)}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}.split-section h2{font-size:clamp(42px,4.5vw,68px);line-height:1.13;margin:22px 0 24px}.split-section h2 em{color:#dc957d}.muted-light{color:#aebfb2;max-width:435px;font-size:15px;line-height:1.85}.ink-section .text-link{color:#f0c4ad;margin-top:20px}.demo-ui{border:1px solid #516157;background:#202d27;border-radius:12px;box-shadow:0 40px 60px #0003;min-width:0;overflow:hidden}.demo-top,.demo-foot{font:9px var(--mono);letter-spacing:.07em;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;color:#c1d0c1;border-bottom:1px solid #ffffff20}.demo-top>span{display:flex;align-items:center;gap:7px}.demo-top-right{opacity:.6}.live-dot{width:6px;height:6px;background:#87c9a1;border-radius:50%}.demo-body{display:grid;grid-template-columns:.8fr 1fr;gap:15px;min-height:255px;align-items:center;padding:12px 22px}.demo-graphic{height:230px;position:relative;display:grid;place-items:center}.demo-graphic:before,.demo-graphic:after{content:"";border:1px solid #90b19b45;border-radius:50%;position:absolute;width:175px;height:175px}.demo-graphic:after{width:225px;height:225px;border-style:dashed;opacity:.45}.demo-center{width:94px;height:94px;background:#354a3c;border:1px solid #96b59669;display:grid;place-items:center;border-radius:50%;z-index:1;box-shadow:0 0 40px #90b49030}.demo-center .icon{width:36px;height:36px;color:#f59a73}.demo-center-ring{position:absolute;width:116px;height:116px;border:1px solid #ed956560;border-radius:50%}.particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#f19672;box-shadow:0 0 9px #f19672}.p1{top:10%;left:38%}.p2{right:12%;top:44%}.p3{left:13%;top:65%}.p4{bottom:12%;right:39%}.demo-content{padding:24px 3px 24px 0}.demo-phase{font:10px var(--mono);letter-spacing:.08em;color:#f2a080}.demo-content h3{font-size:23px;letter-spacing:-.045em;margin:17px 0 13px}.demo-content p{font-size:12px;color:#afc0b3;line-height:1.8;min-height:88px}.demo-status{font-size:11px;color:#bfcec1;display:flex;align-items:center;gap:8px;margin:14px 0 23px}.status-light{height:7px;width:7px;border-radius:50%;background:#e8b27e}.demo-content .pill{padding:11px 15px}.demo-foot{border-top:1px solid #ffffff20;border-bottom:0;text-transform:none;letter-spacing:0}.demo-foot .icon{width:13px;height:13px}.demo-foot span{display:flex;align-items:center;gap:8px}.demo-reset{border:0;background:none;color:#e6c5b2;font:10px var(--mono);display:flex;gap:7px;align-items:center;white-space:nowrap}
/* usecases + resource cards */
.usecase-section{background:#e8ebe3}.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.usecase-card{position:relative;background:#f9f8f1;min-height:378px;padding:33px;display:flex;flex-direction:column;transition:transform .25s var(--ease),background .2s;overflow:hidden}.usecase-card:hover{transform:translateY(-5px);background:white}.usecase-card>span:first-child{font:10px var(--mono);color:#8b9a8b}.usecase-card h3{font-size:clamp(26px,3vw,43px);max-width:270px;margin:77px 0 14px}.usecase-card p{font-size:14px;max-width:300px;color:#5b685d}.usecase-arrow{position:absolute;right:29px;bottom:29px;width:45px;height:45px;border:1px solid #aebcad;border-radius:50%;display:grid;place-items:center}.usecase-arrow .icon{width:21px;height:21px}.usecase-card:nth-child(2){background:#d0dfcc}.usecase-card:nth-child(3){background:#313f35;color:#f3f4ed}.usecase-card:nth-child(3) p,.usecase-card:nth-child(3)>span:first-child{color:#c1cbbf}.usecase-card:nth-child(3) .usecase-arrow{border-color:#667c6a}
.library-{background:var(--paper)}.-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resource-card{background:var(--white);border:1px solid #e0e3da;padding:24px 25px 25px;min-height:365px;display:flex;flex-direction:column;transition:border-color .2s,transform .25s var(--ease)}.resource-card:hover{border-color:#99b19d;transform:translateY(-3px)}.resource-card-top{display:flex;justify-content:space-between;gap:10px;font:10px var(--mono);color:#798a7a}.resource-number{font:50px Georgia,serif;font-style:italic;color:#d2ddd1;line-height:1;margin:32px 0 12px}.resource-card h3{font-size:23px;max-width:340px;margin:0 0 12px}.resource-card h3 a:hover{color:#ba633e}.resource-card p{font-size:13px;color:#627064;line-height:1.7;margin:0 0 23px}.resource-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e5dd;margin-top:auto;padding-top:21px;gap:8px}.resource-bottom>span{font:10px var(--mono);color:#7d8d80}.resource-bottom .text-link{font-size:11px}.resource-bottom .icon{width:14px;height:14px}
/* newsletter */
.newsletter-band{background:#dce6d6;padding:78px 0}.newsletter-inner{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:center}.newsletter-inner h2{font-size:clamp(36px,4vw,59px);max-width:700px;margin:21px 0}.newsletter-inner h2 em{color:#5e8669}.newsletter-inner p{font-size:14px;color:#5d6e60;max-width:580px}.inline-form-row{display:flex;background:var(--white);border:1px solid #adbfb0;border-radius:9px;overflow:hidden;min-height:60px}.inline-form-row input{width:100%;border:0;outline:0;background:transparent;padding:17px 20px;min-width:0}.inline-form-row button{background:var(--ink);border:0;color:white;width:62px;flex-shrink:0;display:grid;place-items:center}.inline-form-row button:hover{background:#314c3c}.form-checkbox{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.5;color:#54685a;cursor:pointer;margin:15px 0}.form-checkbox input{width:16px;height:16px;accent-color:var(--ink);flex-shrink:0;margin:2px 0}.form-feedback{font-size:12px;font-weight:650;line-height:1.6;margin:10px 0 0;min-height:20px}.feedback-link{text-decoration:underline;margin-left:6px}.form-feedback[data-type=error]{color:#b74736}.form-feedback[data-type=success]{color:#1d6c41}
/* generic page head / body */
.page-head{background:#e8ece4;border-bottom:1px solid var(--line);overflow:hidden}.page-head-inner{position:relative;max-width:1440px;padding:107px 0 106px}.page-head h1{font-size:clamp(55px,6.9vw,105px);line-height:1.08;letter-spacing:-.076em;max-width:1090px;margin:28px 0 22px}.page-head h1 em{color:#73907b}.page-head p{font-size:17px;color:#566659;max-width:670px;line-height:1.8;margin:0}.page-head-decoration{position:absolute;right:3%;bottom:-100px;font:italic 350px Georgia,serif;color:#c9d5c9;opacity:.28;pointer-events:none}.split-prose{display:grid;grid-template-columns:.38fr .62fr;gap:12%;align-items:start}.sticky-rail{position:sticky;top:30px}.sticky-rail h2{font-size:clamp(35px,3.5vw,54px);margin:21px 0}.sticky-rail p{color:#728176;max-width:305px}.rail-line{height:1px;background:#bfc9bd;display:block;width:115px;margin:28px 0}.long-prose{max-width:780px}.long-prose h3{font-size:31px;margin:0 0 15px}.long-prose h3:not(:first-child){margin-top:55px}.long-prose h4{font-size:20px;margin:0 0 7px}.long-prose p{color:#59665d;line-height:1.85;font-size:15px}.long-prose a:not(.text-link){text-decoration:underline;text-underline-offset:3px}.note-box{border:1px solid #c9d8c6;background:#e8efe5;padding:19px 21px;display:flex;gap:12px;margin:27px 0;border-radius:10px}.note-box .icon{flex-shrink:0;width:20px;height:20px;margin-top:3px;color:#56785f}.note-box p{font-size:13px!important;color:#516657!important;margin:0!important}.stack-list{border-top:1px solid var(--line);margin-top:22px}.stack-row{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.stack-row>span{font:12px var(--mono);color:#9caa9e;margin-top:3px}.stack-row p{margin:0}.dark-band{background:#2b3931;color:#f5f4ed;padding:85px 0}.band-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:11%;align-items:end}.dark-band h2{font-size:clamp(39px,4.5vw,68px);max-width:880px;line-height:1.12;margin:23px 0 0}.dark-band p{color:#c0d0c2;font-size:15px;margin:0 0 30px}.dark-band .eyebrow{color:#d8e5d8}.features-expanded{grid-template-columns:repeat(3,1fr)}.separate-note{margin-top:40px;max-width:830px}
/* use case index */
.usecase-list{border-top:1px solid var(--line)}.usecase-row{display:grid;grid-template-columns:110px 1fr 55px;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:49px 10px;transition:padding .2s,background .2s}.usecase-row:hover{padding-left:26px;background:#ebede6}.usecase-n{font:12px var(--mono);color:#9aa79b}.usecase-row h2{font-size:clamp(30px,3.4vw,51px);margin:0 0 10px}.usecase-row p{color:var(--muted);font-size:14px;max-width:650px;margin:0}.usecase-go{height:45px;width:45px;border:1px solid #b1c0b2;display:grid;place-items:center;border-radius:50%}.numbered-list{counter-reset:li;list-style:none;padding:0}.numbered-list li{padding:19px 0 19px 45px;position:relative;border-bottom:1px solid var(--line);color:#59665d}.numbered-list li:before{counter-increment:li;content:counter(li,decimal-leading-zero);font:11px var(--mono);position:absolute;left:0;top:24px;color:#89998b}.link-row{display:flex;gap:30px;flex-wrap:wrap;margin-top:35px}
/* resources */
.resource-toolbar{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.search-field{display:flex;align-items:center;gap:12px;background:white;border:1px solid #cdd6cc;padding:0 18px;border-radius:7px;width:min(100%,590px);min-height:55px}.search-field:focus-within{outline:2px solid #a1bca4}.search-field .icon{width:19px;height:19px;color:#7e9180}.search-field input{width:100%;border:0;outline:0;padding:15px 0;background:transparent;color:var(--ink);font-size:14px}.filter-pills{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.filter-btn{border:1px solid #cbd4c9;background:transparent;border-radius:99px;padding:8px 15px;font-size:11px;font-weight:650;color:#53675b;transition:background .2s}.filter-btn:hover{border-color:#7c9d84}.filter-btn.selected{background:#263a2e;color:#fff;border-color:#263a2e}.resource-count{font:11px var(--mono);color:#819082;margin:34px 0 17px}.resource-grid{grid-template-columns:repeat(3,1fr)}.empty-results{text-align:center;padding:70px 20px;border:1px dashed #bccabd}.empty-results .icon{color:#879d8d;width:32px;height:32px}.empty-results h3{font-size:28px;margin:12px 0}.empty-results p{color:var(--muted);font-size:14px}.empty-results .pill{margin-top:15px}
/* articles */
.article-head{background:#24332b;color:#f6f6ef}.article-head-inner{padding:57px 0 88px;max-width:900px}.back-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#c5d5c7}.back-link .icon{width:16px;height:16px}.back-link:hover{color:white}.article-category{font:11px var(--mono);letter-spacing:.08em;color:#b2ccae;text-transform:uppercase;margin-top:80px}.article-category span{opacity:.5;padding:0 8px}.article-head h1{font-size:clamp(51px,6.3vw,88px);line-height:1.08;margin:22px 0 24px;letter-spacing:-.067em}.article-head p{font-size:18px;color:#c6d5c5;max-width:750px;margin:0}.article-section{padding:95px 0 110px}.article-layout{display:grid;grid-template-columns:260px minmax(0,770px);gap:9%;justify-content:center;align-items:start}.article-sidebar{position:sticky;top:25px}.article-sidebar-card{border-left:1px solid #cbd5c9;padding-left:20px}.article-sidebar strong{font:10px var(--mono);color:#879b8a}.article-sidebar nav{display:flex;flex-direction:column;gap:17px;margin-top:25px}.article-sidebar a{font-size:12px;line-height:1.5;color:#657668;transition:color .2s}.article-sidebar a:hover{color:#bd6d4c}.article-body>section{margin-bottom:68px;scroll-margin-top:35px}.article-section-n{font:11px var(--mono);color:#a2b2a3}.article-body h2{font-size:clamp(29px,3vw,43px);margin:15px 0 18px}.article-body p{font-size:16px;line-height:1.95;color:#526357}.takeaway{background:#eaf0e7;border-left:3px solid #8ca993;padding:21px 23px;margin-top:23px}.takeaway span{font:10px var(--mono);color:#719175}.takeaway p{font-size:14px;margin:10px 0 0;color:#4d6051}.article-end{padding:39px;background:#25372d;color:#f6f8f1;margin-top:74px}.article-end .tiny-tag{color:#b7cdb6}.article-end h2{font-size:35px;margin:20px 0 13px}.article-end p{color:#c4d2c3}.article-end .text-link{color:#ecab8c}.article-navigation{display:flex;justify-content:space-between;gap:20px;margin-top:30px}.related-section{background:#e9ede5}
/* tutorials */
.tutorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.tutorial-card{border:1px solid #d7ded4;background:#fffefb;padding:32px;display:flex;flex-direction:column;min-height:414px}.tutorial-card-top{display:flex;justify-content:space-between;font:10px var(--mono);color:#778b7a;gap:15px}.tutorial-num{font:italic 51px Georgia,serif;color:#c5d9c8;margin-top:34px;line-height:1}.tutorial-num span{font:11px var(--mono)}.tutorial-card h2{font-size:29px;max-width:430px;margin:15px 0 10px}.tutorial-card p{color:#637268;font-size:14px;max-width:480px}.tutorial-card details{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.tutorial-card summary{list-style:none;cursor:pointer;font-size:12px;font-weight:750;display:flex;align-items:center;justify-content:space-between}.tutorial-card summary::-webkit-details-marker{display:none}.tutorial-card details[open] summary .icon{transform:rotate(180deg)}.tutorial-card details ol{color:#536358;font-size:13px;line-height:1.8;padding-left:20px}.tutorial-card>a{margin-top:23px}
/* developer */
.code-panel{border:1px solid #5b7163;border-radius:12px;background:#101b15;box-shadow:0 20px 50px #0003;overflow:hidden}.code-panel-top{font:10px var(--mono);color:#a9c2ac;padding:16px 20px;border-bottom:1px solid #385143;display:flex;align-items:center;gap:18px}.code-panel-top>span{display:inline-flex;gap:5px}.code-panel-top i{width:7px;height:7px;border-radius:50%;background:#768e7b}.code-panel pre{padding:28px;font:13px/1.95 var(--mono);white-space:pre-wrap;overflow:auto;color:#dbe6d6;margin:0}.code-accent{color:#f3af88}.code-green{color:#b7d6a7}.code-muted{color:#809486}.three-links{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.three-links a{border:1px solid var(--line);padding:28px;min-height:292px;display:flex;flex-direction:column;transition:transform .2s,background .2s}.three-links a:hover{background:#e7ebe3;transform:translateY(-3px)}.three-links span{height:44px;width:44px;border:1px solid #bccdbd;border-radius:50%;display:grid;place-items:center}.three-links h3{font-size:25px;margin:37px 0 10px}.three-links p{font-size:13px;color:#637267}.three-links a>.icon{margin-top:auto;margin-left:auto}.doc-layout{display:grid;grid-template-columns:225px minmax(0,820px);gap:9%;justify-content:center}.doc-sidebar{display:flex;flex-direction:column;gap:17px;position:sticky;top:30px}.doc-sidebar>span{font:10px var(--mono);color:#78907c;margin-bottom:8px}.doc-sidebar a{font-size:13px;color:#566b5b}.doc-sidebar a:hover{color:#d66a49}.doc-body h2{font-size:32px;margin:0 0 18px}.doc-body h2:not(:first-child){margin-top:55px}.doc-body p,.doc-body li{font-size:15px;color:#576b5c;line-height:1.9}.doc-body ol{padding-left:26px}.doc-body li{margin:8px 0}.doc-code{background:#20352a;color:#e6efe5;padding:25px;border-radius:9px;overflow-x:auto;font:13px/1.9 var(--mono);white-space:pre-wrap}
/* contact and forms */
.contact-grid,.form-layout{display:grid;grid-template-columns:.8fr 1fr;gap:10%;align-items:start}.contact-grid>div>h2,.form-layout-head h2{font-size:clamp(35px,4vw,57px);margin:0 0 21px}.contact-grid>div>p,.form-layout-head p{color:#617064;font-size:15px;max-width:465px}.contact-aside-card{margin-top:65px;padding:30px;background:#e5ebe2;max-width:390px}.contact-aside-card>.icon{color:#5b8666;width:26px;height:26px}.contact-aside-card h3{font-size:23px;margin:20px 0 10px}.contact-aside-card p{font-size:13px;color:#5c6c60}.form-card{background:#fffefa;border:1px solid #dae1d8;padding:45px;box-shadow:0 20px 40px #263a2b08}.form-card h2{font-size:33px;margin:0 0 15px}.form-card>p,.form-intro p{font-size:14px;color:#65766b}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.form-row label{font-weight:750;font-size:12px}.form-row label>span{color:var(--coral)}.form-row label .optional{color:#899b8a;font-weight:400}.form-row input,.form-row textarea,.form-row select{padding:14px 16px;outline:0;border:1px solid #cfd9cf;background:white;border-radius:4px;font-size:13px;color:var(--ink);width:100%;transition:border-color .2s}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:#759e7a;box-shadow:0 0 0 3px #9dbd9f25}.form-row textarea{resize:vertical;min-height:145px}.form-legal{font-size:11px!important;margin-top:20px!important;line-height:1.75!important;color:#7a897d!important}.form-legal a,.legal-content a{text-decoration:underline;text-underline-offset:3px}.form-intro{margin-bottom:29px}.form-intro h2{margin:15px 0}.consent-dark{color:#5c6d60;margin:25px 0}.form-submit{width:100%}.value-list{margin-top:40px;display:flex;flex-direction:column;gap:17px}.value-list span{display:flex;align-items:center;gap:13px;font-size:13px;color:#5b705d}.value-list .icon{width:16px;height:16px;color:#73977c}.single-form{max-width:620px}.single-form .form-card{max-width:620px}
/* updates, faq, legal, status */
.update-list{max-width:1000px}.update-list article{border-bottom:1px solid var(--line);padding:45px 0}.update-list article:first-child{border-top:1px solid var(--line)}.update-date{font:11px var(--mono);color:#78907a}.update-date span{padding:0 7px}.update-list h2{font-size:clamp(30px,4vw,54px);margin:19px 0 13px}.update-list h2 a:hover{color:#c56c47}.update-list p{font-size:15px;color:#637065;max-width:700px}.journal-article{max-width:760px}.journal-article h2{font-size:35px;margin:0 0 15px}.journal-article h2:not(:first-child){margin-top:56px}.journal-article p{color:#5c6a60;font-size:16px;line-height:1.9}.faq-layout{display:grid;grid-template-columns:.65fr 1fr;gap:12%}.faq-intro h2{font-size:48px}.faq-intro p{color:#657469}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;gap:22px;padding:25px 0;cursor:pointer;font-size:17px;font-weight:650;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font:11px var(--mono);color:#9dab9e}.faq-list summary>.icon{margin-left:auto;transition:transform .2s}.faq-list details[open] summary>.icon{transform:rotate(180deg)}.faq-list details>p{margin:0 0 26px 47px;font-size:14px;color:#607064}.legal-layout{display:grid;grid-template-columns:220px minmax(0,800px);gap:10%;justify-content:center}.legal-meta{display:flex;flex-direction:column;gap:9px;position:sticky;top:30px;align-self:start}.legal-meta span{font:10px var(--mono);color:#889b8b}.legal-meta strong{font-size:13px}.legal-meta p{font-size:13px;color:#647467;margin-top:13px}.legal-meta a{text-decoration:underline}.legal-content section{margin-bottom:47px}.legal-content h2{font-size:30px;margin-bottom:15px}.legal-content p{font-size:15px;color:#5d6d60;line-height:1.9}.status-grid{max-width:1000px}.status-row{border-bottom:1px solid var(--line);padding:27px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.status-row:first-child{border-top:1px solid var(--line)}.status-row h3{font-size:23px;margin:0 0 7px}.status-row p{font-size:13px;color:#6b7a6d;margin:0}.status-pill{border-radius:50px;border:1px solid #c4d1c3;white-space:nowrap;font-size:11px;font-weight:700;padding:8px 12px;display:inline-flex;align-items:center;gap:8px}.status-pill .icon{width:14px;height:14px}.status-pill.up{background:#e4f0e1;color:#326f42}.status-pill.planned{color:#8a744b;background:#f1ebdc;border-color:#e8dac1}
/* 404 */
.error-page{min-height:600px;display:flex;align-items:center;padding:70px 0}.error-code{display:block;font-size:clamp(130px,22vw,260px);font-weight:650;letter-spacing:-.11em;line-height:1;color:#d6dfd2}.error-code span{color:var(--coral)}.error-page h1{font-size:clamp(46px,6vw,81px);margin:15px 0}.error-page p{color:#6a7b6b}
/* footer */
.site-footer{background:#18241d;color:#ecf1e9;padding:75px 0 22px}.footer-top{display:grid;grid-template-columns:2.3fr repeat(3,1fr);gap:55px;padding-bottom:85px}.brand-light{font-size:40px;color:#f3f5ee}.footer-about>p{font-size:14px;color:#aabdae;max-width:280px;margin:28px 0 23px}.footer-note{color:#869b89;font:10px var(--mono)}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-col h3{font:11px var(--mono);color:#8ba38d;margin:0 0 12px;letter-spacing:.06em}.footer-col a{font-size:12px;color:#d0dfd0;transition:color .2s}.footer-col a:hover{color:#f4a482}.footer-bottom{border-top:1px solid #42604a;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px;font:10px var(--mono);color:#9bb39f}.footer-bottom>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer-bottom a:hover,.footer-bottom button:hover{color:#f4a482}.footer-bottom button{background:none;border:0;color:inherit;padding:0;font:inherit}
.cookie-banner{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:90;background:#fefefa;border:1px solid #b7c4b7;box-shadow:0 18px 70px #131f1b35;width:min(790px,calc(100% - 28px));border-radius:13px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cookie-banner[hidden]{display:none}.cookie-banner strong{font-size:14px}.cookie-banner p{font-size:12px;color:#617062;line-height:1.65;margin:6px 0 0}.cookie-actions{display:flex;align-items:center;gap:15px;white-space:nowrap}.cookie-actions>a{font-size:11px;text-decoration:underline}.cookie-actions .pill{padding:9px 15px}
/* Responsive */
@media(max-width:1180px){.site-shell{width:min(100% - 72px,1440px)}.nav-desktop{gap:19px}.nav-actions{gap:14px}.hero-copy h1{font-size:clamp(53px,6vw,79px)}.hero-grid{min-height:630px}.hero-art{min-height:560px}.split-section{gap:6%}.demo-body{grid-template-columns:.7fr 1fr}.demo-graphic{height:210px}.statement-grid{gap:65px}.feature-card{padding:23px}.feature-card h3{font-size:21px}.footer-top{gap:27px}}
@media(max-width:900px){.site-shell{width:calc(100% - 56px)}.nav-wrap{height:75px}.nav-desktop,.nav-text{display:none}.menu-toggle{display:grid;place-items:center}.mobile-nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--paper);box-shadow:0 22px 35px #16271b16;border-bottom:1px solid var(--line);padding:15px 28px 25px}.mobile-nav[hidden]{display:none}.mobile-nav>a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe3da;padding:12px 0;font-weight:650;font-size:15px}.mobile-nav .icon{width:17px;height:17px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:90px 0 55px}.hero-copy h1{font-size:clamp(57px,9vw,93px);max-width:850px}.hero-art{min-height:500px;margin:0 0 28px}.network-shell{min-height:390px}.hero-minor{margin-top:30px}.statement-grid{grid-template-columns:1fr;gap:18px}.statement-grid h2{max-width:800px}.statement-grid>div{max-width:680px}.feature-grid{grid-template-columns:repeat(2,1fr)}.split-section,.newsletter-inner{grid-template-columns:1fr;gap:45px}.split-section>div:first-child{max-width:720px}.demo-ui{max-width:700px;width:100%}.usecase-grid{grid-template-columns:repeat(2,1fr)}.usecase-card:nth-child(3){grid-column:span 2}.-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.section{padding:80px 0}.newsletter-band{padding:75px 0}.newsletter-inner{gap:25px}.page-head-inner{padding:85px 0}.page-head h1{font-size:clamp(54px,8vw,85px)}.split-prose,.contact-grid,.form-layout,.faq-layout{grid-template-columns:1fr;gap:35px}.sticky-rail,.article-sidebar,.doc-sidebar,.legal-meta{position:static}.sticky-rail h2{max-width:650px}.article-layout,.doc-layout,.legal-layout{grid-template-columns:1fr;gap:40px}.article-sidebar-card{border-left:0;border-bottom:1px solid var(--line);padding:0 0 20px}.article-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:12px}.article-sidebar a{background:#e8eee6;padding:8px;border-radius:4px}.doc-sidebar{flex-direction:row;flex-wrap:wrap}.doc-sidebar>span{width:100%}.three-links{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:repeat(3,1fr);gap:40px}.footer-about{grid-column:span 3}.footer-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){html{scroll-behavior:auto}.site-shell{width:calc(100% - 36px)}.nav-wrap{height:68px}.brand{font-size:30px}.brand-glyph{transform:scale(.85) rotate(-14deg)}.nav-primary{display:none}.hero-copy{padding:62px 0 48px}.hero-copy h1{font-size:clamp(47px,11.1vw,68px);margin:25px 0 19px;line-height:1.07;letter-spacing:-.077em}.hero-lead{font-size:14px;line-height:1.78}.hero-actions{gap:10px}.hero-actions .pill{padding:12px 15px;font-size:11px;gap:10px}.hero-minor{font-size:10px;align-items:flex-start}.hero-art{min-height:405px;margin:0 0 19px}.art-upper,.art-lower{padding:17px;font-size:8px}.network-shell{min-height:312px}.network-ring{width:175px;height:175px;box-shadow:0 0 0 27px #b5d1b209,0 0 0 56px #b5d1b208}.network-ring:before{inset:20px}.network-ring:after{inset:-22px}.network-core{width:90px;height:90px}.person-glyph{font-size:55px}.network-pointer{font-size:7px;padding:6px}.pointer-a{top:20%;left:2%}.pointer-b{right:2%;bottom:21%}.network-tag{bottom:1%;font-size:8px}.network-tag strong{font-size:10px}.statement{padding:68px 0}.statement-grid h2{font-size:clamp(38px,8.4vw,55px)}.statement-grid>div p{font-size:14px}.section{padding:70px 0}.section-header{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:32px}.section-header h2{font-size:clamp(34px,8.3vw,49px)}.section-header>p{font-size:13px}.feature-grid,.-grid,.resource-grid,.usecase-grid,.tutorial-grid,.three-links{grid-template-columns:1fr}.feature-card{min-height:245px}.feature-card h3{margin-top:38px}.usecase-card{min-height:320px}.usecase-card:nth-child(3){grid-column:auto}.usecase-card h3{margin-top:70px}.resource-card{min-height:310px}.resource-number{margin-top:25px}.ink-section .split-section h2{font-size:43px}.demo-body{grid-template-columns:1fr;gap:0;padding:10px 20px 25px}.demo-graphic{height:160px}.demo-graphic:before{width:120px;height:120px}.demo-graphic:after{width:160px;height:160px}.demo-center{height:74px;width:74px}.demo-center-ring{height:95px;width:95px}.demo-content{padding:3px 0}.demo-content p{min-height:auto}.demo-foot{align-items:flex-start;flex-wrap:wrap}.demo-top-right{display:none}.newsletter-band{padding:67px 0}.newsletter-inner h2{font-size:clamp(34px,9vw,50px)}.page-head-inner{padding:70px 0 76px}.page-head h1{font-size:clamp(45px,10vw,65px)}.page-head p{font-size:15px}.page-head-decoration{font-size:180px;right:-30px;bottom:-30px}.long-prose h3{font-size:26px}.dark-band{padding:60px 0}.band-grid{grid-template-columns:1fr;gap:22px}.dark-band h2{font-size:40px}.usecase-row{grid-template-columns:40px 1fr 25px;gap:10px;padding:28px 0}.usecase-row h2{font-size:28px}.usecase-row p{font-size:12px}.usecase-go{height:26px;width:26px}.usecase-go .icon{height:15px;width:15px}.resource-toolbar{gap:18px}.resource-count{margin-top:30px}.filter-pills{gap:6px}.filter-btn{font-size:10px;padding:7px 11px}.article-head-inner{padding:40px 0 65px}.article-category{margin-top:65px}.article-head h1{font-size:clamp(42px,10vw,62px)}.article-head p{font-size:15px}.article-section{padding:55px 0 75px}.article-body h2{font-size:30px}.article-body p{font-size:14px}.article-end{padding:28px}.article-end h2{font-size:29px}.tutorial-card{padding:25px;min-height:360px}.tutorial-card h2{font-size:25px}.code-panel pre{font-size:11px;padding:17px}.form-card{padding:26px 20px}.contact-grid>div>h2,.form-layout-head h2{font-size:38px}.faq-intro h2{font-size:36px}.faq-list summary{gap:12px;font-size:15px}.faq-list details>p{margin-left:34px}.status-row{align-items:flex-start;flex-direction:column;gap:13px}.footer-top{grid-template-columns:repeat(2,1fr);padding-bottom:45px;gap:40px 20px}.footer-about{grid-column:span 2}.footer-bottom{font-size:9px}.footer-bottom>div{gap:14px}.cookie-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:17px}.cookie-actions{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Hands-on activity pages */
.workshop-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:clamp(34px,7vw,100px);align-items:start}.workshop-main{max-width:790px}.workshop-main h2{font-size:clamp(32px,3.7vw,49px);margin:20px 0}.workshop-main h3{font-size:25px;margin:38px 0 12px}.workshop-main>p,.workshop-main li{color:var(--muted);line-height:1.85}.workshop-side{position:sticky;top:28px;background:#e8eee8;padding:27px}.workshop-side h3{font-size:26px;margin:24px 0 12px}.workshop-side p{font-size:13px;color:var(--muted);line-height:1.8}.workshop{padding:28px;background:var(--white);border:1px solid var(--line);margin:28px 0}.workshop-progress{font:11px var(--mono);color:#b85d3f;letter-spacing:.05em;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:10px}.workshop-step{display:flex;gap:17px;align-items:flex-start;border-bottom:1px solid var(--line);padding:21px 0;cursor:pointer}.workshop-step>input{margin-top:6px;width:20px;height:20px;accent-color:var(--coral);flex-shrink:0}.workshop-step span{font-size:14px;line-height:1.7}.workshop-step strong{font:11px var(--mono);color:#b96546;margin-right:16px}.workshop-step input:checked+span{color:#78837e}.workshop-notes-label{display:block;font-weight:700;font-size:13px;margin:25px 0 9px}.workshop textarea{display:block;width:100%;padding:15px;line-height:1.65;resize:vertical;border:1px solid #becbc3;background:#fff;border-radius:5px;color:var(--ink)}.workshop-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:17px}.workshop-feedback{font-size:12px;color:#60766a;margin:13px 0 0}.tutorial-card-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:auto}.tutorial-card-actions .pill{font-size:11px;padding:11px 16px}.tutorial-card-actions .text-link{font-size:11px}html[data-forms="available"] form[data-form] .form-feedback:empty::before{content:'';display:block;color:#8a503b;font-size:12px;line-height:1.6;margin-top:12px}html[data-forms="available"] form[data-form] button[type=submit]{opacity:.65}
@media(max-width:800px){.workshop-layout{grid-template-columns:1fr}.workshop-side{position:static}}@media(max-width:600px){.workshop{padding:18px}.workshop-main h3{font-size:23px}}