/* nsfwflux.cc - BRAIDED RIVER / CONFLUENCE */
:root{--silt:#dceaef;--paper:#ecf4fa;--ink:#1b2a17;--mut:#4a5c4a;--orc:#3e8f2a;--orc-d:#2e6f1d;--orc-l:#98d98a;--orc-t:#d3ead3;--moss:#2c2a5a;--moss-t:#c2c6e0;--clay:#3dabb5;--clay-d:#2a9296;--clay-l:#5fced9;--clay-t:#c1e4ec;--fig:#1f3013;--fig2:#2e441d;--loam:#1b2812;--line:#b6ced6;
--disp:"Laila",Georgia,"Times New Roman",serif;--body:"Livvic","Segoe UI",system-ui,sans-serif;--mono:"Xanh Mono",ui-monospace,Menlo,Consolas,monospace;--lz:26px 9px 26px 9px;--sw:272px}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--silt);color:var(--ink);font:400 17px/1.65 var(--body);overflow-wrap:break-word}
img,svg{max-width:100%}
a{color:var(--orc);text-underline-offset:.18em;text-decoration-thickness:1.5px}
a:hover{color:var(--orc-d)}
:focus-visible{outline:3px solid var(--moss);outline-offset:3px;border-radius:4px}
.side :focus-visible,.pool :focus-visible,.codebox :focus-visible,pre.code:focus-visible,pre.code :focus-visible,.keybox :focus-visible{outline-color:#d3f6cd}
h1,h2,h3{font-family:var(--disp);font-weight:600;line-height:1.14;margin:0;text-wrap:balance}
h1{font-size:clamp(2.05rem,1.25rem + 3vw,3.55rem);letter-spacing:-.012em;line-height:1.08}
h2{font-size:clamp(1.5rem,1.15rem + 1.3vw,2.1rem)}
h3{font-size:1.18rem;line-height:1.25}
p{margin:0 0 1em}
code,pre,kbd{font-family:var(--mono)}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--paper);color:var(--ink);padding:12px 18px;border-radius:var(--lz);font-weight:600}
.skip:focus{left:8px}

/* buttons: the lens corner pair */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;background:var(--orc);color:#ffffff;font:600 1rem/1.2 var(--body);border:1.5px solid var(--orc);border-radius:var(--lz);text-decoration:none;cursor:pointer;transition:border-radius .25s,background-color .2s,color .2s;text-align:center}
.btn:hover{background:var(--orc-d);border-color:var(--orc-d);color:#ffffff;border-radius:9px 26px 9px 26px}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn.sm{min-height:44px;padding:0 16px;font-size:.92rem}
.btn.big{min-height:56px;padding:0 32px;font-size:1.08rem}
.btn[disabled]{opacity:.6;cursor:wait}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin:0}

/* ---------- sidebar = main channel ---------- */
.side{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--fig);color:#e4f1e8}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#ffffff;text-decoration:none;font:600 1.08rem/1 var(--disp);margin-right:auto;min-width:0}
.logo:hover{color:#ffffff}
.logo .mark{flex:none;width:30px;height:30px}
.logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side .btn{background:var(--orc-l);border-color:var(--orc-l);color:var(--ink)}
.side .btn:hover{background:#bff0b5;border-color:#bff0b5;color:var(--ink)}
.topcta{min-height:44px;padding:0 14px;font-size:.92rem;white-space:nowrap}
.burger{flex:none;width:46px;height:46px;display:grid;place-items:center;background:transparent;border:1.5px solid rgba(255,255,255,.3);border-radius:16px 6px 16px 6px;color:#ffffff;cursor:pointer;padding:0}
.burger path{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.tag,.sfoot{display:none}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--fig);padding:6px 18px 18px;border-radius:0 0 30px 10px;box-shadow:0 22px 30px -16px rgba(20,34,10,.55)}
.nav.open{display:block}
.nav a{display:flex;align-items:center;gap:14px;min-height:48px;color:#d6e7d6;text-decoration:none;font-weight:400;font-size:1.02rem}
.isle{flex:none;width:36px;height:48px;display:block}
.isle path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.isle .s1{stroke:var(--orc-l)}
.isle .s2{stroke:var(--clay-l)}
.isle .bar{stroke:none;fill:#425c30;transition:fill .2s}
.nav a:hover{color:#ffffff}
.nav a:hover .bar{fill:var(--orc-l)}
.nav a[aria-current]{color:#ffffff;font-weight:600}
.nav a[aria-current] .bar{fill:#dfeff6}

@media (min-width:1080px){
.side{position:fixed;left:0;top:0;bottom:0;width:var(--sw);flex-direction:column;align-items:stretch;gap:0;padding:30px 26px 26px;overflow-y:auto;overflow-x:hidden}
.side::after{content:"";position:absolute;right:-110px;bottom:-70px;width:300px;height:260px;background:var(--fig2);border-radius:58% 42% 63% 37%/45% 55% 45% 55%;z-index:0;pointer-events:none}
.side>*{position:relative;z-index:1}
.logo{margin:0;font-size:1.3rem}
.logo .mark{width:36px;height:36px}
.topcta,.burger{display:none}
.tag{display:block;margin:14px 0 0;font-size:.9rem;line-height:1.45;color:#b9cdb8}
.nav,.nav.open{display:block;position:relative;top:auto;background:none;padding:0;margin:54px 0 30px;box-shadow:none;border-radius:0}
.nav::before,.nav::after{content:"";position:absolute;left:17px;width:2px;height:34px;background:linear-gradient(var(--clay-l),var(--orc-l))}
.nav::before{top:-34px}
.nav::after{bottom:-30px;height:30px;background:linear-gradient(var(--orc-l),var(--orc-l))}
.sfoot{display:block;margin-top:0}
.sfoot .btn{width:100%;min-height:52px}
.chip{margin:22px 0 0;display:grid;gap:6px}
.chip code{font-size:.78rem;line-height:1.4;color:#b9cdb8;overflow-wrap:anywhere}
.chip code:first-child{color:#e4f1e8}
.shell{margin-left:var(--sw)}
html{scroll-padding-top:24px}
}

/* ---------- ground ---------- */
.shell{min-width:0}
main{display:block;overflow-x:clip}
.wrap{position:relative;z-index:1;max-width:1168px;margin:0 auto;padding:0 clamp(18px,4.4vw,52px)}
.wrap.narrow{max-width:calc(46rem + 2*clamp(18px,4.4vw,52px))}
.sec{padding:clamp(34px,5vw,60px) 0}
.sec.first{padding-top:8px}
.sec>.wrap>h2,.pool>h2{margin-bottom:clamp(20px,3vw,34px)}
.eyebrow,.try,.toc-h,.meta,.psub{font:400 .82rem/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--moss);margin:0 0 14px}
.lead{font-size:clamp(1.08rem,1rem + .4vw,1.24rem);line-height:1.55;color:var(--mut);max-width:44rem}
.blob{position:absolute;z-index:0;pointer-events:none;display:block}
.b1{width:540px;height:430px;top:-150px;right:-170px;background:var(--orc-t);border-radius:58% 42% 63% 37%/45% 55% 45% 55%}
.b2{width:400px;height:330px;top:150px;left:-230px;background:var(--moss-t);border-radius:42% 58% 37% 63%/55% 45% 60% 40%}
.b3{width:250px;height:210px;top:300px;right:6%;background:var(--clay-t);border-radius:63% 37% 54% 46%/41% 59% 41% 59%}

/* the braid */
.braid{display:block;width:100%;height:44px;margin:10px 0;overflow:visible}
.braid path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.braid .a{stroke:var(--orc);stroke-width:3}
.braid .b{stroke:var(--clay);stroke-width:2.2}
.braid .c{stroke:var(--moss);stroke-width:1.6;stroke-dasharray:2 8}
.braid .i{fill:var(--paper);stroke:none}
.braid.thin{height:26px;margin:0 0 22px;opacity:.85}
.braid.dry{height:60px;margin:0 0 30px}
.braid.dry .a,.braid.dry .b{stroke-dasharray:10 9;stroke:var(--clay)}
.braid.dry .i{fill:var(--clay-t)}

/* lens numeral */
.lens{display:grid;place-items:center;width:44px;height:44px;margin:9px 9px 16px;background:var(--orc);color:#ffffff;border-radius:100% 0 100% 0;transform:rotate(45deg);flex:none}
.lens b{transform:rotate(-45deg);font:600 1.05rem/1 var(--disp)}

/* ---------- home ---------- */
.hero{position:relative;overflow:hidden;padding:clamp(34px,5vw,64px) 0 8px}
.hero h1{max-width:19em}
.hgrid{display:grid;gap:30px;margin-top:clamp(20px,3vw,34px)}
.hgrid>*{min-width:0}
.trib{list-style:none;margin:22px 0 28px;padding:0;display:grid;gap:12px}
.trib li{position:relative;padding-left:34px;font-weight:600;line-height:1.45}
.trib li::before{content:"";position:absolute;left:4px;top:.42em;width:13px;height:13px;background:var(--orc);border-radius:100% 0 100% 0;transform:rotate(45deg)}
.trib li:nth-child(2)::before{background:var(--clay-d)}
.trib li:nth-child(3)::before{background:var(--moss)}
.try{margin-bottom:10px}
@media (min-width:1280px){.hgrid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:52px;align-items:start}}

.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(30px,4vw,48px);background:var(--paper);border-radius:34px 12px 34px 12px;padding:8px 10px}
.f{padding:18px 14px 16px;min-width:0;position:relative}
.f::before{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--orc);margin-bottom:12px}
.f2::before,.f5::before{background:var(--clay)}
.f3::before{background:var(--moss)}
.f b{display:block;font:600 clamp(1.5rem,1.2rem + 1.1vw,2.05rem)/1.05 var(--disp)}
.f span{display:block;margin-top:6px;font-size:.88rem;line-height:1.35;color:var(--mut)}
.f5{grid-column:1/-1}
@media (min-width:760px){.facts{grid-template-columns:repeat(5,minmax(0,1fr))}.f5{grid-column:auto}.f+.f{border-left:1px dashed var(--line)}}
.facts.big .f b{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.6rem);color:var(--orc)}

.feats{display:grid;gap:30px 40px}
.feats article{min-width:0}
.feats .lens,.ex .lens{width:34px;height:34px;margin:7px 7px 14px}
.feats .lens b,.ex .lens b{font-size:.9rem}
.feats article:nth-child(3n+2) .lens{background:var(--moss)}
.feats article:nth-child(3n) .lens{background:var(--clay-d)}
.feats h3{margin-bottom:8px}
.feats p,.steps p{margin:0;color:var(--mut);font-size:.98rem}
@media (min-width:640px){.feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){.feats{grid-template-columns:repeat(3,minmax(0,1fr))}}

.stepwrap{position:relative}
.stepwrap .braid{display:none}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:26px;position:relative}
.steps::before{content:"";position:absolute;left:30px;top:20px;bottom:30px;width:2px;background:linear-gradient(var(--orc),var(--clay))}
.steps li{position:relative;padding-left:82px;min-height:62px;min-width:0}
.steps .lens{position:absolute;left:0;top:0;box-shadow:0 0 0 6px var(--silt)}
.steps h3{margin-bottom:6px;padding-top:6px}
@media (min-width:900px){
.stepwrap .braid{display:block;position:absolute;left:0;top:9px;margin:0;height:44px}
.stepwrap .braid .i{fill:var(--silt)}
.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.steps::before{display:none}
.steps li{padding:0}
.steps .lens{position:relative;margin-left:9px}
}

.pool{position:relative;overflow:hidden;background:var(--fig);color:#dfeee0;border-radius:clamp(34px,6vw,72px) clamp(12px,2vw,24px) clamp(34px,6vw,72px) clamp(12px,2vw,24px);padding:clamp(28px,5vw,60px)}
.pool::after{content:"";position:absolute;right:-120px;top:-110px;width:360px;height:300px;background:var(--fig2);border-radius:58% 42% 63% 37%/45% 55% 45% 55%;pointer-events:none}
.pool>*{position:relative;z-index:1}
.pool h2{color:#ffffff}
.ugrid{display:grid;gap:26px 48px}
.ugrid article{min-width:0;border-top:2px solid rgba(152,217,138,.5);padding-top:16px}
.ugrid h3{color:#bff0b5;margin-bottom:8px}
.ugrid p{margin:0;color:#d3e4d4;font-size:.98rem}
@media (min-width:720px){.ugrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pool.cta{background:var(--orc);color:#ffffff;display:grid;gap:24px;align-items:center}
.pool.cta::after{background:#4ea03a}
.pool.cta h2{margin:0 0 10px}
.pool.cta p{margin:0;color:#ecfbea;max-width:36rem}
.pool.cta .btn{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.pool.cta .btn:hover{background:#ffffff;border-color:#ffffff}
.pool.cta .btn.ghost{background:transparent;border-color:#ffffff;color:#ffffff}
.pool.cta .btn.ghost:hover{background:#ffffff;color:var(--ink)}
@media (min-width:1180px){.pool.cta{grid-template-columns:minmax(0,1fr) auto;gap:40px}}

/* ---------- prose ---------- */
.prose{font-size:1.04rem;min-width:0}
.prose>*{max-width:100%}
.prose h2{margin:2.1em 0 .65em;scroll-margin-top:90px}
.prose h2:first-child{margin-top:0}
.prose h2::before{content:"";display:inline-block;width:14px;height:14px;margin:0 14px .1em 3px;background:var(--orc);border-radius:100% 0 100% 0;transform:rotate(45deg)}
.prose h3{margin:1.7em 0 .5em}
.prose p{margin:0 0 1.1em}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.35em}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--orc);font-weight:600}
.prose strong{font-weight:600}
.prose :not(pre)>code,.form code{font-size:.92em;background:#cbdfe6;padding:.12em .4em;border-radius:8px 3px 8px 3px;overflow-wrap:anywhere}
.prose blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--clay);color:var(--mut)}
.prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5em 0;font-size:.96rem;background:var(--paper);border-radius:22px 8px 22px 8px}
.prose th,.prose td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.prose th{font:600 .98rem var(--disp);border-bottom:2px solid var(--orc);white-space:nowrap}
.prose tr:last-child td{border-bottom:0}

/* code */
pre.code{position:relative;margin:1.5em 0;padding:60px 20px 20px;background:var(--loam);color:#e3f0ea;font:400 .92rem/1.62 var(--mono);border-radius:var(--lz);overflow-x:auto;max-width:100%;tab-size:2;-webkit-overflow-scrolling:touch}
pre.code code{font:inherit;background:none;padding:0;white-space:pre}
pre.code .k{color:#b6efaa}
pre.code .s{color:#9394d9}
pre.code .c{color:#a0b3a2;font-style:italic}
.copy{position:absolute;top:8px;right:10px;min-height:44px;padding:0 14px;background:transparent;color:#e3f0ea;border:1px solid rgba(255,255,255,.3);border-radius:16px 6px 16px 6px;font:600 .82rem var(--body);cursor:pointer}
.copy:hover{background:var(--orc-l);border-color:var(--orc-l);color:var(--ink)}
.codebox{background:var(--loam);border-radius:34px 12px 34px 12px;overflow:hidden;min-width:0;box-shadow:0 26px 40px -30px rgba(31,48,19,.7)}
.codetabs{display:flex;gap:4px;padding:8px 16px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.codetabs button{min-height:46px;padding:0 16px;background:none;border:0;border-bottom:3px solid transparent;color:#bcd0bc;font:400 .95rem var(--mono);cursor:pointer}
.codetabs button:hover{color:#ffffff}
.codetabs button[aria-selected=true]{color:#ffffff;border-bottom-color:var(--orc-l)}
.codebox pre.code{margin:0;border-radius:0;background:transparent}

/* faq */
.qa{max-width:50rem;border-top:1px solid var(--line)}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;display:flex;align-items:flex-start;gap:18px;padding:18px 0;min-height:44px;cursor:pointer;font:500 1.12rem/1.35 var(--disp)}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;width:15px;height:15px;margin:.28em 0 0 4px;border:2px solid var(--orc);border-radius:100% 0 100% 0;transform:rotate(45deg);transition:background-color .2s,transform .25s}
.qa details[open] summary i{background:var(--orc);transform:rotate(-45deg)}
.qa summary:hover{color:var(--orc)}
.qa details p{margin:0 0 20px 37px;color:var(--mut)}

/* ---------- page heads ---------- */
.dtop,.keytop,.ptop{position:relative;overflow:hidden;padding:clamp(18px,3vw,34px) 0 clamp(22px,3vw,36px)}
.dtop .b1,.keytop .b1{top:-220px;right:-200px}
.dtop .b2,.ptop .b2{top:-120px;left:auto;right:-150px}
.dtop .b3{top:-60px;right:4%}
.phead{min-width:0}
.phead h1{max-width:20em}
.page-key h1,.page-docs h1,.page-pricing h1,.page-support h1,.page-privacy h1,.page-terms h1{font-size:clamp(1.95rem,1.3rem + 2.3vw,3rem)}
.page-article h1{font-size:clamp(1.95rem,1.3rem + 2.4vw,3.1rem);max-width:17em}
.phead .lead{margin:18px 0 0}
.meta{margin:20px 0 0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0 0 6px;padding:0;font:400 .82rem/1.3 var(--mono);color:var(--mut)}
.crumbs li{display:inline-flex;align-items:center;min-height:44px;min-width:0}
.crumbs li+li::before{content:"";width:9px;height:9px;margin:0 12px;background:var(--clay);border-radius:100% 0 100% 0;transform:rotate(45deg);flex:none}
.crumbs ol{flex-wrap:nowrap}
.crumbs li{flex:none}
.crumbs li:last-child{flex:0 1 auto;display:block;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crumbs li:last-child::before{display:inline-block;vertical-align:middle}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--mut)}
.crumbs a:hover{color:var(--orc)}

/* ---------- key page ---------- */
.kgrid{display:grid;gap:26px}
.kgrid>*{min-width:0}
.formwrap{position:relative;min-width:0}
.formwrap::before{content:"";position:absolute;inset:-14px -16px -18px 18px;background:var(--orc-t);border-radius:42% 58% 37% 63%/55% 45% 60% 40%;z-index:0}
.form{position:relative;z-index:1;background:var(--paper);border:1.5px solid var(--ink);border-radius:38px 12px 38px 12px;padding:clamp(20px,3vw,30px)}
.tabs2{display:flex;gap:6px;margin:0 0 18px;border-bottom:1px solid var(--line)}
.tabs2 button{flex:1;min-height:46px;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--mut);font:600 1rem var(--body);cursor:pointer}
.tabs2 button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--orc)}
.msg{display:none;margin:0 0 14px;padding:12px 14px;background:var(--moss-t);color:#100f31;border-radius:16px 6px 16px 6px;font-size:.95rem}
.msg:not(:empty){display:block}
.msg.err{display:block;background:#d2f6f4;color:#107a6a;border-left:4px solid #1aa592}
.msg.err:empty{display:none}
.row{margin:0 0 14px}
.row label,.calc label{display:block;margin:0 0 6px;font-weight:600;font-size:.94rem}
input,select,textarea{width:100%;min-height:48px;padding:10px 14px;background:#f9fcff;color:var(--ink);border:1.5px solid #8a9d8f;border-radius:16px 6px 16px 6px;font:400 1rem/1.4 var(--body)}
textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid var(--orc-t);outline-offset:0;border-color:var(--orc)}
.note{margin:8px 0 0;font-size:.86rem;line-height:1.45;color:var(--mut)}
.form .btn[data-submit],.form.sup .btn{width:100%;margin-top:4px}
.form .btn.ghost{background:#f9fcff}
.form .btn.ghost:hover{background:var(--ink);color:var(--paper)}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{margin:0 0 12px}
.keyout p{font-size:.95rem;line-height:1.7}
.keybox{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;background:var(--loam);color:#dfeff6;border-radius:20px 7px 20px 7px;font:400 .92rem/1.4 var(--mono)}
.keybox span{flex:1;min-width:0;overflow-wrap:anywhere}
.keybox .btn{background:var(--orc-l);border-color:var(--orc-l);color:var(--ink);flex:none}
.keyout .acts{margin-top:14px;gap:8px}
.mut{color:var(--mut)}
.bens{list-style:none;margin:0;padding:0;display:grid;gap:22px 30px}
.bens li{min-width:0;border-top:3px solid var(--orc);padding-top:14px;border-radius:2px}
.bens li:nth-child(2){border-color:var(--clay)}
.bens li:nth-child(3){border-color:var(--moss)}
.bens li:nth-child(4){border-color:var(--clay-d)}
.bens h2{font-size:1.12rem;line-height:1.25;margin-bottom:6px}
.bens p{margin:0;font-size:.95rem;color:var(--mut)}
@media (min-width:600px){.bens{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1180px){
.kgrid{grid-template-columns:minmax(0,1fr) 430px;column-gap:64px;row-gap:34px;align-items:start}
.kgrid .phead{grid-column:1;grid-row:1}
.kgrid .formwrap{grid-column:2;grid-row:1/span 2;margin-top:14px}
.kgrid .bens{grid-column:1;grid-row:2}
}

/* ---------- docs / article ---------- */
.rgrid{display:flex;flex-direction:column;gap:26px}
.rgrid>*{min-width:0}
.read{max-width:46rem;width:100%}
.rail{order:-1;max-width:46rem}
.rail .sidecard{display:none}
.toc{background:var(--paper);border-radius:28px 10px 28px 10px;padding:20px 22px}
.toc ol{list-style:none;margin:0;padding:0}
.toc a{display:flex;align-items:center;min-height:44px;padding:4px 0 4px 16px;border-left:2px solid var(--line);color:var(--ink);text-decoration:none;font-size:.95rem;line-height:1.35}
.toc a:hover{border-left-color:var(--orc);color:var(--orc)}
.toc-h{margin-bottom:10px}
.takes{background:var(--moss-t);border-radius:34px 12px 34px 12px;padding:22px 26px;margin:0 0 34px}
.takes ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.takes li{position:relative;padding-left:30px;line-height:1.5}
.takes li::before{content:"";position:absolute;left:3px;top:.45em;width:12px;height:12px;background:var(--moss);border-radius:100% 0 100% 0;transform:rotate(45deg)}
.sidecard{background:var(--paper);border:1.5px solid var(--ink);border-radius:28px 10px 28px 10px;padding:22px}
.sc-h{font:600 1.15rem/1.25 var(--disp);margin:0 0 8px}
.sidecard p{font-size:.93rem;color:var(--mut)}
.sidecard .btn{width:100%}
@media (min-width:1340px){
.rgrid{display:grid;grid-template-columns:minmax(0,46rem) 250px;justify-content:space-between;gap:48px;align-items:start}
.rail{order:0;position:sticky;top:26px;display:grid;gap:22px;max-height:calc(100vh - 52px);overflow-y:auto}
.rail .sidecard{display:block}
.toc{background:none;padding:0;border-radius:0}
.toc a{min-height:0;padding:7px 0 7px 16px;font-size:.9rem;color:var(--mut)}
}

/* ---------- pricing ---------- */
.psub{margin:20px 0 0}
.pgrid{display:grid;gap:40px}
.pgrid>*{min-width:0}
.pgrid h2{margin-bottom:22px}
.calcbox{background:var(--paper);border:1.5px solid var(--ink);border-radius:38px 12px 38px 12px;padding:clamp(20px,3vw,30px)}
.calc{display:grid;gap:14px;margin-bottom:20px}
.calc>div{min-width:0}
.calc>div:last-child{background:var(--orc-t);border-radius:22px 8px 22px 8px;padding:16px 18px}
.calc output{display:block;font:600 clamp(2rem,1.6rem + 1.6vw,2.7rem)/1.1 var(--disp);color:var(--orc-d);overflow-wrap:anywhere}
.calcbox .btn{width:100%}
.ex{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ex li{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}
.ex li>div{min-width:0}
.ex li:nth-child(2) .lens{background:var(--moss)}
.ex li:nth-child(3) .lens{background:var(--clay-d)}
.ex .lens{margin:7px}
.ex h3{margin-bottom:6px}
.ex p{margin:0;color:var(--mut);font-size:.98rem}
@media (min-width:560px){.calc{grid-template-columns:repeat(2,minmax(0,1fr))}.calc>div:last-child{grid-column:1/-1}}
@media (min-width:1240px){.pgrid{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:60px;align-items:start}}

/* ---------- support / 404 ---------- */
.sgrid{display:grid;gap:44px}
.sgrid>*{min-width:0}
.form.sup form{margin:0!important}
@media (min-width:1180px){.sgrid{grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}}
.nf{padding:clamp(50px,9vw,120px) 0 60px}
.nf .lead{margin:18px 0 28px}
.nflinks{list-style:none;display:flex;flex-wrap:wrap;gap:4px 26px;margin:30px 0 0;padding:0}
.nflinks a{display:inline-flex;align-items:center;min-height:44px}

/* ---------- footer ---------- */
.foot{padding:26px 0 40px}
.frow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 30px}
.foot .logo{color:var(--ink);margin:0}
.foot .mark path:nth-child(1){stroke:var(--orc)}
.foot .mark path:nth-child(2){stroke:var(--clay)}
.foot .mark path:nth-child(3){fill:var(--moss)}
.foot ul{list-style:none;display:flex;flex-wrap:wrap;gap:0 24px;margin:0;padding:0}
.foot ul a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:.95rem}
.foot ul a:hover{color:var(--orc)}
.legal{margin:14px 0 0;font-size:.86rem;color:var(--mut)}

@media (max-width:380px){.logo{font-size:.98rem;gap:8px}.topcta{padding:0 11px;font-size:.88rem}.side{gap:8px;padding:8px 10px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}