/* unrestrictedaiimage.top - SPORE PRINT / UNDERSTORY */
:root{
  --paper:#f3dae4;--paper2:#eac5d4;--card:#fbeaf0;--field:#fff1f6;
  --ink:#2a2026;--mut:#5c4651;--line:#d3a6b8;--line2:#b98fa1;
  --orchid:#36228c;--orchid-d:#291a6b;--orchid-l:#d0c6f6;--orchid-m:#b0a3e9;
  --moss:#4a382b;--moss-d:#3a2b20;--moss-l:#b59084;--moss-t:#e3ccc8;
  --clay:#d996ba;--terra:#b93f90;--loam:#261d1a;--loam2:#1d1613;--cream:#f3dae4;
  --side:272px;
  --blob:30px 24px 28px 22px/24px 30px 22px 28px;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Karla",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Inconsolata",ui-monospace,Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--sans);overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--orchid);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--orchid-d)}
:focus-visible{outline:3px solid var(--orchid);outline-offset:3px;border-radius:6px}
.side :focus-visible,.slab :focus-visible,.band :focus-visible,pre.code :focus-visible{outline-color:var(--orchid-l)}
h1,h2,h3{font-family:var(--serif);font-variation-settings:"SOFT" 100;font-weight:600;line-height:1.12;margin:0;letter-spacing:-.015em;overflow-wrap:break-word}
h1{font-size:clamp(32px,4.1vw,56px);line-height:1.04;letter-spacing:-.025em}
h2{font-size:clamp(25px,2.5vw,34px)}
h3{font-size:20px;line-height:1.25}
p{margin:0 0 1em}
code,pre,kbd{font-family:var(--mono)}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--orchid);color:#ffffff;padding:12px 18px;border-radius:12px}
.skip:focus{top:12px;color:#ffffff}

/* spore print: the signature */
.spore{display:inline-block;flex:none;aspect-ratio:1;border-radius:50%;
  background:repeating-conic-gradient(currentColor 0 6deg,transparent 6deg 15deg);
  -webkit-mask:radial-gradient(circle,transparent 0 12%,#000000 20% 60%,transparent 71%);
  mask:radial-gradient(circle,transparent 0 12%,#000000 20% 60%,transparent 71%)}
.spore.dot{width:16px;background:repeating-conic-gradient(currentColor 0 15deg,transparent 15deg 36deg)}
.spore.mk{width:30px;color:var(--orchid)}
.spore.logo{width:30px;color:var(--orchid-m);background:repeating-conic-gradient(currentColor 0 9deg,transparent 9deg 20deg)}
.spore.big{width:300px;background:repeating-conic-gradient(currentColor 0 1.2deg,transparent 1.2deg 4deg)}
.spore.print{color:var(--orchid);
  background:repeating-conic-gradient(from 1deg,rgba(54,34,140,.5) 0 .5deg,transparent .5deg 5.3deg),repeating-conic-gradient(currentColor 0 .8deg,transparent .8deg 2.6deg);
  -webkit-mask:radial-gradient(circle,transparent 0 7%,rgba(0,0,0,.5) 11%,#000000 22% 52%,rgba(0,0,0,.45) 62%,transparent 71%);
  mask:radial-gradient(circle,transparent 0 7%,rgba(0,0,0,.5) 11%,#000000 22% 52%,rgba(0,0,0,.45) 62%,transparent 71%)}
@media (prefers-reduced-motion:no-preference){.spore.print{animation:turn 300s linear infinite}}
@keyframes turn{to{transform:rotate(360deg)}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border:1.5px solid var(--orchid);
  border-radius:26px 22px 26px 20px/22px 26px 20px 26px;background:var(--orchid);color:#ffeff7;font:700 16.5px/1.2 var(--sans);text-decoration:none;cursor:pointer;text-align:center;
  transition:background .15s,transform .15s,border-color .15s}
.btn:hover{background:var(--orchid-d);border-color:var(--orchid-d);color:#ffffff}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn.light{background:var(--orchid-l);border-color:var(--orchid-l);color:#140c3b}
.btn.light:hover{background:#ffffff;border-color:#ffffff;color:#140c3b}
.btn.sm{min-height:44px;padding:0 16px;font-size:14.5px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* sidebar */
.side{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--moss);color:var(--cream);display:flex;flex-direction:column;padding:28px 20px 0;overflow-y:auto;z-index:50}
.side-top{display:flex;align-items:center;gap:8px;margin-bottom:26px}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--cream);text-decoration:none;font:600 22px/1.1 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.01em;min-width:0}
.logo:hover{color:#ffffff}
.logo>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topcta,.burger{display:none}
.nav{display:flex;flex-direction:column;gap:4px}
.nav>a:not(.btn){display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;color:#ebd0d7;text-decoration:none;font-weight:500;font-size:16.5px;border-radius:22px 18px 22px 16px/18px 22px 16px 22px}
.nav>a:not(.btn) .spore{color:var(--moss-l);transition:transform .2s}
.nav>a:not(.btn):hover{background:rgba(255,255,255,.08);color:#ffffff}
.nav>a:not(.btn):hover .spore{transform:scale(1.3)}
.nav>a[aria-current]{background:var(--moss-d);color:#ffffff;font-weight:700}
.nav>a[aria-current] .spore{color:var(--orchid-m);width:22px;margin:0 -3px;background:repeating-conic-gradient(currentColor 0 7deg,transparent 7deg 18deg)}
.navcta{margin-top:18px}
.side-tag{margin:22px 4px 0;font-size:14px;line-height:1.5;color:#d8bfba}
.hyphae{display:block;flex:none;width:calc(100% + 40px);margin:auto -20px 0;height:190px;color:var(--moss-l);opacity:.6}

/* page frame */
.page{margin-left:var(--side);min-width:0}
main{display:block;max-width:1128px;margin:0 auto;padding:0 48px 24px;min-width:0}
main>*{min-width:0}
.sec{margin-top:88px}
h2{display:flex;align-items:center;gap:12px;margin-bottom:28px}
h2>span:last-child{min-width:0}
.lead{font-size:clamp(18px,1.5vw,20.5px);line-height:1.55;color:var(--mut);max-width:62ch;margin:18px 0 0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:0 8px;margin:0 0 10px;padding:0;font-size:14.5px;color:var(--mut)}
.crumbs li{display:flex;align-items:center;gap:8px;min-height:44px}
.crumbs li+li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--terra)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--mut)}
.phead{padding-top:40px;max-width:820px}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;padding-top:64px}
.eyebrow{display:inline-block;margin:0 0 18px;padding:6px 14px;border-radius:18px 14px 18px 12px/14px 18px 12px 18px;background:var(--moss-t);color:var(--moss-d);font-weight:700;font-size:14px;letter-spacing:.02em}
.bul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.bul li{position:relative;padding-left:30px;font-weight:500}
.bul li::before{content:"";position:absolute;left:0;top:.38em;width:16px;height:16px;border-radius:50%;color:var(--orchid);
  background:repeating-conic-gradient(currentColor 0 15deg,transparent 15deg 36deg);
  -webkit-mask:radial-gradient(circle,transparent 0 12%,#000000 20% 60%,transparent 71%);mask:radial-gradient(circle,transparent 0 12%,#000000 20% 60%,transparent 71%)}
.hero-art{position:relative;aspect-ratio:1/1.02;max-width:460px;width:100%;justify-self:end}
.blob{position:absolute;border-radius:58% 42% 55% 45%/48% 60% 40% 52%;background:var(--paper2)}
.hero-art .blob{inset:6% 0 0 4%}
.hero-art .print,.nf-art .print{position:absolute;left:-6%;bottom:-8%;width:104%}
.cap-svg{position:absolute;right:-4%;top:-3%;width:62%;transform:rotate(11deg);filter:drop-shadow(0 14px 14px rgba(60,20,44,.22))}
.cap-top{fill:var(--terra)}.cap-gill{fill:#7d2763}.cap-stem{fill:#f6d6e2;stroke:var(--line2);stroke-width:1.5}.cap-dot{fill:#f3c0d7;opacity:.85}

/* dark loam slab with code */
.slab{margin-top:64px;padding:34px;background:var(--loam);color:var(--cream);border-radius:38px 30px 36px 28px/30px 38px 28px 36px}
.slab h2{color:var(--cream);margin-bottom:20px}
.slab .spore.mk{color:var(--orchid-m)}
.codebox{min-width:0}
.codetabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.codetabs button{min-height:44px;padding:0 18px;border:1.5px solid #523e38;border-radius:20px 16px 20px 14px/16px 20px 14px 20px;background:transparent;color:#d9bdc5;font:600 15px var(--mono);cursor:pointer}
.codetabs button:hover{border-color:var(--moss-l);color:#ffffff}
.codetabs button[aria-selected="true"]{background:var(--orchid-l);border-color:var(--orchid-l);color:#140c3b}
pre.code{position:relative;margin:0 0 1.2em;padding:52px 20px 20px;background:var(--loam);color:#ecd2db;border-radius:20px 16px 20px 14px/16px 20px 14px 20px;font-size:15px;line-height:1.6;overflow-x:auto;max-width:100%;tab-size:2;-webkit-overflow-scrolling:touch}
.slab pre.code{background:var(--loam2);border:1.5px solid #3f302b;margin:0}
pre.code code{font-family:inherit;white-space:pre}
pre.code .k{color:var(--orchid-m)}pre.code .s{color:#dbad9f}pre.code .c{color:#a3888f;font-style:italic}
.copy{position:absolute;top:6px;right:6px;min-height:44px;min-width:64px;padding:0 14px;border:0;border-radius:14px;background:transparent;color:var(--moss-l);font:600 14px var(--sans);cursor:pointer}
.copy:hover{background:rgba(255,255,255,.1);color:#ffffff}

/* mushroom-cap tiles */
.caps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.capt{position:relative;min-width:0;padding:46px 18px 34px;background:var(--card);border:1.5px solid var(--line);border-radius:50% 50% 18px 18px/88px 88px 18px 18px;text-align:center}
.capt::after{content:"";position:absolute;left:14%;right:14%;bottom:12px;height:9px;opacity:.55;background:repeating-linear-gradient(90deg,var(--orchid) 0 1.5px,transparent 1.5px 7px)}
.facts{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:44px}
.facts .capt b{display:block;font:600 clamp(22px,2.1vw,30px)/1.1 var(--serif);font-variation-settings:"SOFT" 100;color:var(--orchid);overflow-wrap:anywhere}
.facts .capt span{display:block;margin-top:6px;font-size:14px;line-height:1.35;color:var(--mut)}
.facts.dark{margin-top:26px}
.facts.dark .capt{background:#332722;border-color:#4b3933}
.facts.dark .capt b{color:var(--orchid-l)}
.facts.dark .capt span{color:#d6b9c1}
.facts.dark .capt::after{background:repeating-linear-gradient(90deg,var(--moss-l) 0 1.5px,transparent 1.5px 7px)}
.uses{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.uses .capt{padding:64px 22px 40px;border-radius:50% 50% 20px 20px/110px 110px 20px 20px}
.uses .capt:nth-child(even){background:var(--moss-t);border-color:#cbaca6}
.uses .capt:nth-child(even)::after{background:repeating-linear-gradient(90deg,var(--moss) 0 1.5px,transparent 1.5px 7px)}
.uses h3{margin-bottom:10px}
.uses p{margin:0;font-size:16px;line-height:1.55;color:var(--mut);text-align:left}
.uses .capt:nth-child(even) p{color:#463831}

/* features: open rows on hairlines */
.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px}
.feat{padding:22px 0 26px;border-top:1.5px solid var(--line);min-width:0}
.feat .num{display:block;font:600 14px var(--mono);color:var(--terra);letter-spacing:.06em;margin-bottom:8px}
.feat h3{margin-bottom:8px}
.feat p{margin:0;color:var(--mut);font-size:16.5px}

/* steps on a hypha thread */
.soil{padding:44px 40px 46px;background:var(--paper2);border-radius:44px 34px 40px 30px/34px 44px 30px 40px}
.thread{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.thread li{position:relative;min-width:0}
.node{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;border-radius:50%;background:var(--paper);border:2px solid var(--orchid);color:var(--orchid);font:600 22px var(--serif)}
.thread li:not(:last-child)::before{content:"";position:absolute;left:54px;right:-36px;top:-3px;height:60px;border-top:2px dashed #9a766b;border-radius:50%}
.thread h3{margin-bottom:8px}
.thread p{margin:0;color:var(--mut);font-size:16.5px}

/* prose */
.prose{max-width:72ch;min-width:0}
.prose h2{display:block;margin:1.9em 0 .6em;scroll-margin-top:24px}
.prose>h2:first-child{margin-top:0}
.prose h3{margin:1.6em 0 .5em;font-size:21px}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.1em}
.prose li{margin-bottom:.45em}
.prose li::marker{color:var(--terra);font-weight:700}
.prose :not(pre)>code{background:var(--paper2);padding:.1em .38em;border-radius:6px;font-size:.95em;overflow-wrap:anywhere}
.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 1.3em;font-size:16px}
.prose th,.prose td{padding:11px 14px;border-bottom:1.5px solid var(--line);text-align:left;vertical-align:top}
.prose th{font-family:var(--serif);font-weight:600;background:var(--paper2);white-space:nowrap}
.prose blockquote{margin:0 0 1.2em;padding:6px 0 6px 20px;border-left:3px solid var(--orchid);color:var(--mut)}
.prose strong{font-weight:700}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:16px 48px;align-items:start}
.faq-l{min-width:0;border-top:1.5px solid var(--line)}
.faq details{border-bottom:1.5px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:12px 0;cursor:pointer;list-style:none;font:600 19px/1.3 var(--serif);font-variation-settings:"SOFT" 100}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;flex:none;width:32px;height:32px;border-radius:50%;background:var(--paper2);transition:transform .2s,background .2s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:9px;right:9px;top:15px;height:2px;background:var(--orchid);border-radius:2px}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i{transform:rotate(45deg);background:var(--orchid-l)}
.faq details p{margin:0 0 20px;max-width:68ch;color:var(--mut)}

/* CTA band */
.band{position:relative;overflow:hidden;margin-top:88px;padding:44px 44px;background:var(--moss);color:var(--cream);border-radius:44px 34px 40px 30px/34px 44px 30px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.band-art{position:absolute;right:-70px;top:50%;transform:translateY(-50%);color:var(--moss-l);opacity:.25;line-height:0}
.band-txt{position:relative;min-width:0;max-width:60ch}
.band h2{display:block;margin:0 0 8px;color:#ffffff}
.band p{margin:0;color:#e3cdce}
.band .btn{position:relative}

/* footer */
.foot{max-width:1128px;margin:64px auto 0;padding:32px 48px 40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:start;border-top:1.5px solid var(--line);font-size:15px;color:var(--mut)}
.foot .logo{color:var(--ink)}
.foot .logo .spore{color:var(--orchid)}
.foot-b p{margin:4px 0 0}
.foot-l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 22px}
.foot-l a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}
.legal-note{grid-column:1/-1;margin:0;font-size:14px}

/* forms (signup, support, calc) */
.form,.supform{position:relative;background:var(--card);border:1.5px solid var(--line);border-radius:var(--blob);padding:28px;box-shadow:0 22px 40px -26px rgba(70,22,48,.45)}
.tabs2{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:18px;background:var(--paper2);border-radius:24px 20px 24px 18px/20px 24px 18px 24px}
.tabs2 button{min-height:44px;border:0;border-radius:20px 16px 20px 14px/16px 20px 14px 20px;background:transparent;color:var(--mut);font:700 15.5px var(--sans);cursor:pointer}
.tabs2 button[aria-selected="true"]{background:var(--moss);color:#ffffff}
.msg{font-size:15px}
.msg:empty{display:none}
.msg:not(:empty){margin-bottom:14px;padding:11px 14px;border-radius:12px;background:var(--moss-t);color:#32241c;border:1.5px solid #cbaca6}
.msg.err:not(:empty){background:#fbd8f2;border-color:#e08eca;color:#7a126a}
.row{margin-bottom:14px}
.row label,.calc label{display:block;margin-bottom:6px;font-weight:700;font-size:15px}
input,select,textarea{font:400 17px/1.4 var(--sans);color:var(--ink)}
.row input,.row select,.row textarea,.calc input{display:block;width:100%;min-height:50px;padding:10px 14px;border:1.5px solid var(--line2);border-radius:14px 12px 14px 10px/12px 14px 10px 14px;background:var(--field);box-sizing:border-box}
.row textarea{min-height:150px;resize:vertical;padding:12px 14px !important}
.row select{padding:10px 14px !important}
.row input:focus,.row select:focus,.row textarea:focus,.calc input:focus{outline:3px solid var(--orchid-m);outline-offset:1px;border-color:var(--orchid)}
.note{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--mut)}
.form .btn[data-submit],.supform form>.btn{width:100%;margin-top:6px}
.form form>.note{text-align:center;margin-top:12px}
.form .btn.ghost{background:var(--field);border-color:var(--line2);font-weight:700}
.form .btn.ghost:hover{background:#ffffff;color:var(--ink);border-color:var(--ink)}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{margin-bottom:12px;font-size:24px}
.keybox{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;background:var(--loam);color:#ecd2db;border-radius:16px 12px 16px 12px/12px 16px 12px 16px}
.keybox span{flex:1;min-width:0;font:600 15.5px/1.4 var(--mono);overflow-wrap:anywhere}
.keybox .btn{flex:none;background:var(--orchid-l);border-color:var(--orchid-l);color:#140c3b}
.keyout p{margin:12px 0;font-size:16px}
.keyout code{background:var(--paper2);padding:.1em .4em;border-radius:6px;font-size:.95em;overflow-wrap:anywhere}
.mut{color:var(--mut)}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
[data-support-msg]{margin:12px 0 0;font-weight:500}
[data-support-msg]:empty{display:none}

/* key page */
.keygrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-template-areas:"head form" "ben form";gap:8px 56px;align-items:start;padding-top:8px}
.kg-head{grid-area:head;min-width:0}
.kg-head h1{font-size:clamp(30px,3.5vw,48px)}
.kg-form{grid-area:form;position:relative;min-width:0;margin-top:52px}
.kg-form .blob{inset:-26px -30px -30px 22%;background:var(--paper2);border-radius:46% 54% 42% 58%/52% 44% 56% 48%}
.kg-more{grid-area:ben;min-width:0}
.kg-ben{list-style:none;margin:28px 0 0;padding:0;min-width:0}
.kg-facts{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 20px}
.kg-facts li{grid-column:span 2;padding:14px 0 16px;border-top:1.5px solid var(--line);min-width:0}
.kg-facts li:nth-child(-n+2){grid-column:span 3}
.kg-facts b{display:block;font:600 26px/1.1 var(--serif);font-variation-settings:"SOFT" 100;color:var(--orchid);overflow-wrap:anywhere}
.kg-facts span{display:block;margin-top:4px;font-size:14px;line-height:1.35;color:var(--mut)}
.kg-ben li{display:flex;gap:14px;padding:16px 0;border-top:1.5px solid var(--line)}
.kg-ben .spore{margin-top:6px;width:18px;color:var(--orchid)}
.kg-ben h3{font-size:19px;margin-bottom:4px}
.kg-ben p{margin:0;color:var(--mut);font-size:16px}

/* docs + article reading layout */
.reading{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:56px;align-items:start;margin-top:44px}
.rail{position:sticky;top:28px;min-width:0;max-height:calc(100vh - 56px);overflow-y:auto}
.toc-h{margin:0 0 6px;font:600 14px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--terra)}
.toc{padding-left:8px}
.toc ol{list-style:none;margin:0;padding:0;border-left:2px dashed #b0918a}
.toc li{position:relative}
.toc li::before{content:"";position:absolute;left:-6px;top:17px;width:10px;height:10px;border-radius:50%;background:var(--paper);border:2px solid var(--moss)}
.toc a{display:flex;align-items:center;min-height:44px;padding:6px 0 6px 18px;color:var(--ink);font-size:15.5px;line-height:1.3;text-decoration:none}
.toc a:hover{color:var(--orchid);text-decoration:underline}
.rail-cta{width:100%;margin-top:22px}
.upd{margin:16px 0 0;font:600 14px var(--mono);color:var(--mut)}
.takes{margin:0 0 40px;padding:26px 30px;background:var(--moss-t);border-radius:var(--blob)}
.takes h2{display:block;margin:0 0 12px;font-size:24px;color:var(--moss-d)}
.takes ul{list-style:none;margin:0;padding:0}
.takes li{position:relative;padding-left:28px;margin:0 0 10px;color:#35261f}
.takes li:last-child{margin-bottom:0}
.takes li::before{content:"";position:absolute;left:0;top:.5em;width:14px;height:14px;border-radius:50% 50% 3px 3px/70% 70% 3px 3px;background:var(--orchid)}
.art .prose{font-size:18px;line-height:1.72}

/* pricing */
.pgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:26px;background:var(--card);border:1.5px solid var(--line);border-radius:var(--blob);box-shadow:0 22px 40px -26px rgba(70,22,48,.45)}
.calc>div{min-width:0}
.calc>div:last-child{grid-column:1/-1;padding:18px 20px;background:var(--moss);color:var(--cream);border-radius:20px 16px 20px 14px/16px 20px 14px 20px}
.calc>div:last-child label{color:#e3ccc8;font-weight:500}
.calc output{display:block;font:600 44px/1.1 var(--serif);font-variation-settings:"SOFT" 100;color:var(--orchid-l);overflow-wrap:anywhere}
.exl{list-style:none;margin:0;padding:0;counter-reset:ex}
.exl li{counter-increment:ex;position:relative;padding:18px 0 18px 58px;border-top:1.5px solid var(--line)}
.exl li::before{content:counter(ex);position:absolute;left:0;top:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:50% 50% 8px 8px/70% 70% 8px 8px;background:var(--terra);color:#ffffff;font:600 18px var(--serif)}
.exl h3{font-size:19px;margin-bottom:6px}
.exl p{margin:0;color:var(--mut);font-size:16px;overflow-wrap:break-word}

/* support */
.supgrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:start;margin-top:40px}
.supform form{margin-top:0 !important}
.supside{position:relative;overflow:hidden;padding:34px 30px;background:var(--moss);color:var(--cream);border-radius:44px 34px 40px 30px/34px 44px 30px 40px}
.supside .spore{position:absolute;right:-150px;bottom:-170px;color:var(--moss-l);opacity:.22}
.supside h2{display:block;position:relative;color:#ffffff;margin-bottom:10px}
.supside p{position:relative;color:#e3cdce}
.supside .btn{position:relative;background:var(--orchid-l);border-color:var(--orchid-l);color:#140c3b}
.supside .btn:hover{background:#ffffff;border-color:#ffffff}
.legal{margin-top:36px}

/* 404 */
.nf{padding:56px 0 40px;text-align:center;display:flex;flex-direction:column;align-items:center}
.nf-art{position:relative;width:min(300px,70vw);aspect-ratio:1;margin-bottom:28px}
.nf-art .print{left:0;bottom:0;width:100%}
.nf-art .cap-svg{right:-8%;top:-6%}
.nf .lead{margin-left:auto;margin-right:auto}
.nf .cta-row{justify-content:center}

/* responsive */
@media (max-width:1240px){
  .uses{grid-template-columns:repeat(2,minmax(0,1fr))}
  .keygrid{grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:8px 40px}
  .reading{grid-template-columns:minmax(0,1fr) 220px;gap:40px}
  main{padding:0 36px 24px}.foot{padding:32px 36px 40px}
}
@media (max-width:1080px){
  .feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pgrid{grid-template-columns:minmax(0,1fr);gap:56px}
  .faq{grid-template-columns:minmax(0,1fr)}
  .reading{grid-template-columns:minmax(0,1fr)}
  .rail{position:static;order:-1;max-height:none;padding:20px 22px;background:var(--paper2);border-radius:var(--blob)}
  .rail-cta{display:none}
  .supgrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:960px){
  html{scroll-padding-top:76px}
  .side{position:sticky;inset:auto;top:0;width:auto;height:auto;padding:0;overflow:visible}
  .side-top{height:60px;margin:0;padding:0 8px 0 16px}
  .side-top .logo{flex:1;font-size:19px}
  .topcta{display:inline-flex}
  .burger{display:grid;place-content:center;gap:5px;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:12px}
  .burger i{display:block;width:22px;height:2px;border-radius:2px;background:var(--cream)}
  .nav{display:none;position:absolute;left:0;right:0;top:60px;padding:8px 12px 16px;background:var(--moss);border-top:1.5px solid #63483a;box-shadow:0 18px 24px -12px rgba(30,10,10,.5)}
  .nav.open{display:flex}
  .navcta,.side-tag,.hyphae{display:none}
  .page{margin-left:0}
  main{padding:0 24px 16px}.foot{padding:28px 24px 36px;grid-template-columns:minmax(0,1fr)}
  .hero{grid-template-columns:minmax(0,1fr);padding-top:36px;gap:20px}
  .hero-art{justify-self:center;max-width:340px;order:2}
  .keygrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "form" "ben"}
  .kg-form{margin-top:20px}
  .kg-form .blob{display:none}
  .phead{padding-top:16px}
  .sec,.band{margin-top:64px}
}
@media (max-width:720px){
  body{font-size:16.5px}
  main{padding:0 16px 16px}.foot{padding:28px 16px 36px}
  .facts{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
  .facts .capt{grid-column:span 2;padding:30px 8px 26px;border-radius:50% 50% 14px 14px/52px 52px 14px 14px}
  .facts .capt:nth-child(-n+2){grid-column:span 3}
  .facts .capt b{font-size:21px}
  .facts .capt span{font-size:13px}
  .capt::after{bottom:9px;height:7px}
  .slab{padding:22px 14px;margin-top:44px;border-radius:26px 22px 26px 20px/22px 26px 20px 26px}
  .feats,.uses{grid-template-columns:minmax(0,1fr)}
  .uses .capt{padding:52px 22px 38px;border-radius:50% 50% 20px 20px/84px 84px 20px 20px}
  .soil{padding:30px 20px 32px}
  .thread{grid-template-columns:minmax(0,1fr);gap:28px}
  .thread li{padding-left:70px;min-height:54px}
  .node{position:absolute;left:0;top:0;margin:0}
  .thread li:not(:last-child)::before{left:26px;right:auto;top:54px;bottom:-28px;height:auto;width:0;border-top:0;border-left:2px dashed #9a766b;border-radius:0}
  .band{padding:32px 24px}
  .band .btn{width:100%}
  .form,.supform,.calc{padding:20px 16px}
  .calc{grid-template-columns:minmax(0,1fr)}
  .calc output{font-size:38px}
  .cta-row .btn{flex:1 1 100%}
  pre.code{font-size:14px;padding:50px 14px 16px}
  .art .prose{font-size:17px}
  .takes{padding:22px 20px}
  .lead{margin-top:14px}
  .crumbs li[aria-current]{display:none}
  .kg-facts b{font-size:22px}
}
@media (max-width:400px){
  .side-top .logo .spore{display:none}
  .side-top .logo{font-size:18px}
  .topcta{padding:0 12px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}html{scroll-behavior:auto}}