/* Anonyfox Lab design system "Rechenwerk" v1 — one sheet for every page.
   Concept: everything here is a computed document. The document itself is the hero. */
@font-face{font-family:"Bricolage";src:url(/assets/fonts/bricolage.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:"Atkinson";src:url(/assets/fonts/atkinson-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson";src:url(/assets/fonts/atkinson-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{
  --paper:#f2f4f1;--sheet:#fff;--ink:#18233a;--graphite:#4a5468;--rule:#cbd2cc;--fog:#e4e8e3;
  --acc:#18233a;--acc-ink:#fff;--acc-soft:#e6e9f2;
  --f-display:"Bricolage","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-body:"Atkinson","Segoe UI",system-ui,sans-serif;
  /* modular scale 1.25 */
  --t-sm:.875rem;--t-base:1.0625rem;--t-md:1.25rem;--t-lg:1.5625rem;--t-xl:clamp(2rem,5.6vw,3.4rem);
  --s1:.5rem;--s2:.75rem;--s3:1rem;--s4:1.5rem;--s5:2.25rem;--s6:3.5rem;--s7:5rem;
  --r-sheet:4px;--r-ctl:10px;--r-panel:18px;
  --shadow-sheet:0 1px 1px rgba(24,35,58,.08),0 12px 28px -8px rgba(24,35,58,.28);
  --measure:68ch;--wrap:1120px;
  color-scheme:light
}
.c-astro{--acc:#4b3bc4;--acc-soft:#ebe8fb;--acc-deep:#221a5c}
.c-rent{--acc:#0e6e5c;--acc-soft:#e1f0ec;--acc-deep:#0b3b33}
.c-gastro{--acc:#b3261e;--acc-soft:#f8e6e3;--acc-deep:#4a120e}
.c-dev{--acc:#1d5fd1;--acc-soft:#e3ecfb;--acc-deep:#0f2a5c}
.c-hub{--acc:#18233a;--acc-soft:#e4e8e3;--acc-deep:#18233a}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
@media (pointer:fine){html{overscroll-behavior:none}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t-base)/1.6 var(--f-body);-webkit-tap-highlight-color:transparent;font-kerning:normal}
img{max-width:100%;height:auto}
a{color:var(--acc);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--f-display);font-weight:700;letter-spacing:-.015em;line-height:1.12;text-wrap:balance;scroll-margin-top:5rem}
h1{font-size:var(--t-xl);margin:0 0 var(--s3);font-weight:750;letter-spacing:-.03em}
h1 em{font-style:normal}
h2{font-size:var(--t-lg);margin:var(--s6) 0 var(--s3)}
h3{font-size:var(--t-md);margin:0 0 var(--s1)}
p,li{max-width:var(--measure)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:99}.skip:focus{left:1rem;top:1rem}

/* header */
.site-h{position:sticky;top:0;z-index:20;background:rgba(242,244,241,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.site-h .w{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:3.5rem}
.brand{display:flex;align-items:center;gap:.55rem;color:var(--ink);text-decoration:none;font:700 1.05rem/1 var(--f-display);letter-spacing:-.01em}
.brand svg{flex:none}
.site-h nav{display:flex;gap:var(--s1);overflow-x:auto;scrollbar-width:none}
.site-h nav a{color:var(--graphite);text-decoration:none;font-size:var(--t-sm);padding:.6rem .55rem;border-radius:8px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.site-h nav a:hover,.site-h nav a[aria-current]{color:var(--ink);background:var(--fog)}
@media (max-width:640px){.site-h nav{display:none}}
.w{max-width:var(--wrap);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}

/* hero: ink panel, sheets on top */
.hero{background:var(--acc-deep,var(--ink));color:#fff;padding:clamp(2.5rem,7vw,5rem) clamp(1rem,4vw,2rem);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.hero .in{max-width:var(--wrap);margin:0 auto;position:relative}
.hero h1{color:#fff;max-width:20ch}
.hero p{color:rgba(255,255,255,.84);font-size:1.15rem;max-width:56ch;margin:0 0 var(--s4)}
.hero .sub{color:rgba(255,255,255,.7);text-align:left}
.hero a:not(.cta){color:#fff}
.badge{display:inline-block;font:700 var(--t-sm)/1.2 var(--f-body);color:var(--acc-deep,var(--ink));background:#fff;padding:.4rem .75rem;border-radius:999px;margin-bottom:var(--s4)}
.hero-grid{display:grid;gap:var(--s5);align-items:center}
@media (min-width:900px){.hero-grid{grid-template-columns:1.15fr .85fr}}
.stack{position:relative;aspect-ratio:5/4;max-width:460px;width:100%;justify-self:center}
.stack img{position:absolute;width:72%;border-radius:var(--r-sheet);box-shadow:var(--shadow-sheet);background:#fff}
.stack img:nth-child(1){left:0;top:8%;transform:rotate(-6deg)}
.stack img:nth-child(2){left:14%;top:2%;transform:rotate(1.5deg)}
.stack img:nth-child(3){right:0;top:12%;transform:rotate(7deg)}
@media (prefers-reduced-motion:no-preference){
  .stack img{animation:deal .7s cubic-bezier(.2,.8,.2,1) both}
  .stack img:nth-child(2){animation-delay:.08s}.stack img:nth-child(3){animation-delay:.16s}
  @keyframes deal{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
}

/* product page body */
main{max-width:760px;margin:0 auto;padding:var(--s5) clamp(1rem,4vw,2rem) var(--s7)}
main.wide{max-width:var(--wrap)}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:52px;padding:.85rem 1.4rem;border-radius:var(--r-ctl);background:var(--acc);color:var(--acc-ink);font:700 1.05rem/1.25 var(--f-body);text-decoration:none;text-align:center;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 20px -10px var(--acc);transition:transform .15s ease,box-shadow .15s ease;touch-action:manipulation}
.cta:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 12px 24px -10px var(--acc)}
.cta:active{transform:translateY(0)}
.hero .cta{background:#fff;color:var(--acc-deep,var(--ink));box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
main .cta{display:flex;width:100%;margin:var(--s3) 0 var(--s1)}
.cta.ghost{background:transparent;color:var(--ink);border:1px solid var(--rule);box-shadow:none}
.sub{color:var(--graphite);font-size:var(--t-sm);margin:0 0 var(--s3);text-align:center}
.card{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-panel);padding:var(--s4);margin:var(--s3) 0}
.card h2:first-child,.relnav h2{margin-top:0}
.price{font:750 2.6rem/1 var(--f-display);color:var(--ink);margin:var(--s1) 0;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.price small{font:400 1rem var(--f-body);color:var(--graphite);letter-spacing:0}
.note,.small{font-size:var(--t-sm);color:var(--graphite);line-height:1.5}
img.pv,img.sample{display:block;width:100%;border-radius:var(--r-sheet);border:1px solid var(--rule);box-shadow:var(--shadow-sheet);margin:var(--s5) 0;background:#fff}
.urgency,.info{border-left:4px solid var(--acc);background:var(--acc-soft);padding:var(--s3) var(--s4);border-radius:0 var(--r-ctl) var(--r-ctl) 0;margin:var(--s4) 0}
ul.check,.gain,.pain{list-style:none;padding:0;margin:0}
ul.check li,.gain li,.pain li{position:relative;padding:.55rem 0 .55rem 2rem;border-bottom:1px solid var(--fog)}
ul.check li:last-child{border-bottom:0}
ul.check li::before,.gain li::before{content:"";position:absolute;left:.15rem;top:.95rem;width:.95rem;height:.55rem;border-left:3px solid var(--acc);border-bottom:3px solid var(--acc);transform:rotate(-45deg)}
.pain li::before{content:"";position:absolute;left:.3rem;top:1.2rem;width:.8rem;height:3px;background:var(--graphite)}
.steps{counter-reset:s;list-style:none;padding:var(--s4)}
.steps li{counter-increment:s;position:relative;padding:0 0 var(--s4) 3rem;margin:0}
.steps li:last-child{padding-bottom:0}
.steps li::before{content:counter(s);position:absolute;left:0;top:-.1rem;width:2rem;height:2rem;border-radius:50%;background:var(--acc);color:#fff;font:700 1rem/2rem var(--f-display);text-align:center}
.steps li:not(:last-child)::after{content:"";position:absolute;left:calc(1rem - 1px);top:2.1rem;bottom:.2rem;width:2px;background:var(--acc-soft)}
.two{display:grid;gap:var(--s3)}@media (min-width:640px){.two{grid-template-columns:1fr 1fr}}
.quote{border-left:4px solid var(--acc);padding:.2rem 0 .2rem var(--s3);margin:var(--s3) 0;font-style:italic}
.dl{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
details{border-bottom:1px solid var(--rule);padding:0}
details:first-of-type{border-top:1px solid var(--rule)}
summary{cursor:pointer;list-style:none;padding:var(--s3) 2.2rem var(--s3) 0;font:700 1.05rem/1.35 var(--f-body);position:relative;min-height:44px}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:.4rem;top:1.3rem;width:.6rem;height:.6rem;border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(45deg);transition:transform .2s ease}
details[open] summary::after{transform:rotate(-135deg);top:1.55rem}
details p{margin:0 0 var(--s3);color:var(--graphite)}
.relnav{background:var(--acc-soft);border-color:transparent}
.relnav ul{padding-left:1.1rem}
.lede{font-size:1.15rem;color:var(--graphite)}
.k{font-variant-numeric:tabular-nums}
table{border-collapse:collapse;width:100%;font-size:.95rem;background:var(--sheet);font-variant-numeric:tabular-nums}
th,td{border-bottom:1px solid var(--rule);padding:.55rem .6rem;text-align:left;vertical-align:top}th{background:var(--fog);font-weight:700}
.tablewrap{overflow-x:auto}
.crumb{font-size:var(--t-sm);color:var(--graphite)}
.answer{background:var(--sheet);border:1px solid var(--rule);border-left:4px solid var(--acc);border-radius:var(--r-ctl);padding:var(--s2) var(--s4);margin:0 0 var(--s4)}
.ctabox{background:var(--acc-soft);border-radius:var(--r-panel);padding:var(--s4);margin:var(--s5) 0}
.ctabox .cta{width:auto;display:inline-flex}
/* forms (rental tools) */
body .btn{background:var(--acc);color:#fff;border:0;border-radius:var(--r-ctl);min-height:48px;padding:.8rem 1.3rem;font:700 1rem var(--f-body);cursor:pointer;touch-action:manipulation}
body .btn.sec{background:var(--acc-soft);color:var(--acc-deep)}
body .btn:disabled{opacity:.45;cursor:not-allowed}
.f input,.f select{font-size:16px!important;background:#fff;color:var(--ink)}
.f input:focus-visible,.f select:focus-visible{outline:3px solid var(--acc);outline-offset:1px}

/* sticky mobile CTA */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:var(--s3);justify-content:space-between;padding:.6rem max(1rem,env(safe-area-inset-left)) calc(.6rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--rule)}
.sticky-cta b{font:750 1.3rem var(--f-display)}
.sticky-cta .cta{min-height:46px;padding:.6rem 1.1rem;font-size:1rem;width:auto;margin:0}
@media (min-width:900px){.sticky-cta{display:none}}
body.has-sticky{padding-bottom:4.5rem}@media (min-width:900px){body.has-sticky{padding-bottom:0}}

/* footer */
.site-f{background:var(--ink);color:rgba(255,255,255,.78);padding:var(--s6) 0 var(--s5);font-size:var(--t-sm)}
.site-f a{color:#fff}
.site-f .cols{display:grid;gap:var(--s4)}@media (min-width:760px){.site-f .cols{grid-template-columns:1.4fr 1fr 1fr}}
.site-f h2{font-size:1rem;margin:0 0 var(--s2);color:#fff}
.site-f ul{list-style:none;padding:0;margin:0}.site-f li{margin:.25rem 0}
.site-f li a{display:inline-flex;min-height:32px;align-items:center}
.site-f .fine{border-top:1px solid rgba(255,255,255,.15);margin-top:var(--s5);padding-top:var(--s3);font-size:.8rem;color:rgba(255,255,255,.6)}
.site-f .fine p{max-width:none}
footer:not(.site-f){display:none}

/* homepage */
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s3) var(--s5);padding:var(--s4) 0;margin:0;list-style:none;border-bottom:1px solid var(--rule)}
.trust li{font-size:var(--t-sm);color:var(--graphite);max-width:none}.trust strong{color:var(--ink);display:block;font:700 1rem var(--f-display)}
.cluster{padding:var(--s6) 0 var(--s3);border-bottom:1px solid var(--rule)}
.cluster-head{display:grid;gap:var(--s2);margin-bottom:var(--s4)}
@media (min-width:860px){.cluster-head{grid-template-columns:1fr 1fr;align-items:end}}
.cluster-head h2{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--acc)}
.cluster-head p{margin:0;color:var(--graphite)}
.grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.prod{display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-panel);overflow:hidden;color:var(--ink);text-decoration:none;position:relative}
.prod:hover{border-color:var(--acc)}
.prod .thumb{aspect-ratio:16/10;background:var(--acc-soft);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:var(--s3) var(--s3) 0}
.prod .thumb img{width:78%;border-radius:3px 3px 0 0;box-shadow:var(--shadow-sheet);transition:transform .25s ease}
.prod:hover .thumb img{transform:translateY(-4px)}
.prod .body{padding:var(--s3) var(--s4) var(--s4);display:flex;flex-direction:column;gap:.3rem;flex:1}
.prod h3{font-size:1.2rem;margin:0}
.prod p{margin:0;color:var(--graphite);font-size:.97rem}
.prod .row-p{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:var(--s2)}
.prod .p{font:750 1.5rem var(--f-display);font-variant-numeric:tabular-nums}
.prod .go{font-weight:700;color:var(--acc)}
.reads{display:flex;flex-wrap:wrap;gap:var(--s1);list-style:none;padding:0;margin:var(--s4) 0}
.reads a{display:inline-flex;min-height:40px;align-items:center;padding:.35rem .85rem;border:1px solid var(--rule);border-radius:999px;background:var(--sheet);text-decoration:none;color:var(--ink);font-size:var(--t-sm)}
.reads a:hover{border-color:var(--acc);color:var(--acc)}
.faq-h{max-width:760px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* cluster hero motifs (v2) */
.hero::before{display:none}
.hero::after{content:"";position:absolute;pointer-events:none;inset:-10% -10% -10% 35%;background-repeat:no-repeat;background-position:center;background-size:min(820px,120%) auto;opacity:1;mask-image:radial-gradient(closest-side,#000 60%,transparent)}
@media (max-width:899px){.hero::after{inset:30% -40% -20% -10%}}
.hero .in{z-index:1}
.c-astro .hero::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='white' stroke-opacity='.22' stroke-width='1'%3E%3Ccircle cx='300' cy='300' r='260'/%3E%3Ccircle cx='300' cy='300' r='225'/%3E%3Ccircle cx='300' cy='300' r='120'/%3E%3Cline x1='420.0' y1='300.0' x2='560.0' y2='300.0'/%3E%3Cline x1='403.9' y1='360.0' x2='525.2' y2='430.0'/%3E%3Cline x1='360.0' y1='403.9' x2='430.0' y2='525.2'/%3E%3Cline x1='300.0' y1='420.0' x2='300.0' y2='560.0'/%3E%3Cline x1='240.0' y1='403.9' x2='170.0' y2='525.2'/%3E%3Cline x1='196.1' y1='360.0' x2='74.8' y2='430.0'/%3E%3Cline x1='180.0' y1='300.0' x2='40.0' y2='300.0'/%3E%3Cline x1='196.1' y1='240.0' x2='74.8' y2='170.0'/%3E%3Cline x1='240.0' y1='196.1' x2='170.0' y2='74.8'/%3E%3Cline x1='300.0' y1='180.0' x2='300.0' y2='40.0'/%3E%3Cline x1='360.0' y1='196.1' x2='430.0' y2='74.8'/%3E%3Cline x1='403.9' y1='240.0' x2='525.2' y2='170.0'/%3E%3Cline x1='550.0' y1='300.0' x2='560.0' y2='300.0'/%3E%3Cline x1='549.0' y1='321.8' x2='559.0' y2='322.7'/%3E%3Cline x1='546.2' y1='343.4' x2='556.1' y2='345.1'/%3E%3Cline x1='541.5' y1='364.7' x2='551.1' y2='367.3'/%3E%3Cline x1='534.9' y1='385.5' x2='544.3' y2='388.9'/%3E%3Cline x1='526.6' y1='405.7' x2='535.6' y2='409.9'/%3E%3Cline x1='516.5' y1='425.0' x2='525.2' y2='430.0'/%3E%3Cline x1='504.8' y1='443.4' x2='513.0' y2='449.1'/%3E%3Cline x1='491.5' y1='460.7' x2='499.2' y2='467.1'/%3E%3Cline x1='476.8' y1='476.8' x2='483.8' y2='483.8'/%3E%3Cline x1='460.7' y1='491.5' x2='467.1' y2='499.2'/%3E%3Cline x1='443.4' y1='504.8' x2='449.1' y2='513.0'/%3E%3Cline x1='425.0' y1='516.5' x2='430.0' y2='525.2'/%3E%3Cline x1='405.7' y1='526.6' x2='409.9' y2='535.6'/%3E%3Cline x1='385.5' y1='534.9' x2='388.9' y2='544.3'/%3E%3Cline x1='364.7' y1='541.5' x2='367.3' y2='551.1'/%3E%3Cline x1='343.4' y1='546.2' x2='345.1' y2='556.1'/%3E%3Cline x1='321.8' y1='549.0' x2='322.7' y2='559.0'/%3E%3Cline x1='300.0' y1='550.0' x2='300.0' y2='560.0'/%3E%3Cline x1='278.2' y1='549.0' x2='277.3' y2='559.0'/%3E%3Cline x1='256.6' y1='546.2' x2='254.9' y2='556.1'/%3E%3Cline x1='235.3' y1='541.5' x2='232.7' y2='551.1'/%3E%3Cline x1='214.5' y1='534.9' x2='211.1' y2='544.3'/%3E%3Cline x1='194.3' y1='526.6' x2='190.1' y2='535.6'/%3E%3Cline x1='175.0' y1='516.5' x2='170.0' y2='525.2'/%3E%3Cline x1='156.6' y1='504.8' x2='150.9' y2='513.0'/%3E%3Cline x1='139.3' y1='491.5' x2='132.9' y2='499.2'/%3E%3Cline x1='123.2' y1='476.8' x2='116.2' y2='483.8'/%3E%3Cline x1='108.5' y1='460.7' x2='100.8' y2='467.1'/%3E%3Cline x1='95.2' y1='443.4' x2='87.0' y2='449.1'/%3E%3Cline x1='83.5' y1='425.0' x2='74.8' y2='430.0'/%3E%3Cline x1='73.4' y1='405.7' x2='64.4' y2='409.9'/%3E%3Cline x1='65.1' y1='385.5' x2='55.7' y2='388.9'/%3E%3Cline x1='58.5' y1='364.7' x2='48.9' y2='367.3'/%3E%3Cline x1='53.8' y1='343.4' x2='43.9' y2='345.1'/%3E%3Cline x1='51.0' y1='321.8' x2='41.0' y2='322.7'/%3E%3Cline x1='50.0' y1='300.0' x2='40.0' y2='300.0'/%3E%3Cline x1='51.0' y1='278.2' x2='41.0' y2='277.3'/%3E%3Cline x1='53.8' y1='256.6' x2='43.9' y2='254.9'/%3E%3Cline x1='58.5' y1='235.3' x2='48.9' y2='232.7'/%3E%3Cline x1='65.1' y1='214.5' x2='55.7' y2='211.1'/%3E%3Cline x1='73.4' y1='194.3' x2='64.4' y2='190.1'/%3E%3Cline x1='83.5' y1='175.0' x2='74.8' y2='170.0'/%3E%3Cline x1='95.2' y1='156.6' x2='87.0' y2='150.9'/%3E%3Cline x1='108.5' y1='139.3' x2='100.8' y2='132.9'/%3E%3Cline x1='123.2' y1='123.2' x2='116.2' y2='116.2'/%3E%3Cline x1='139.3' y1='108.5' x2='132.9' y2='100.8'/%3E%3Cline x1='156.6' y1='95.2' x2='150.9' y2='87.0'/%3E%3Cline x1='175.0' y1='83.5' x2='170.0' y2='74.8'/%3E%3Cline x1='194.3' y1='73.4' x2='190.1' y2='64.4'/%3E%3Cline x1='214.5' y1='65.1' x2='211.1' y2='55.7'/%3E%3Cline x1='235.3' y1='58.5' x2='232.7' y2='48.9'/%3E%3Cline x1='256.6' y1='53.8' x2='254.9' y2='43.9'/%3E%3Cline x1='278.2' y1='51.0' x2='277.3' y2='41.0'/%3E%3Cline x1='300.0' y1='50.0' x2='300.0' y2='40.0'/%3E%3Cline x1='321.8' y1='51.0' x2='322.7' y2='41.0'/%3E%3Cline x1='343.4' y1='53.8' x2='345.1' y2='43.9'/%3E%3Cline x1='364.7' y1='58.5' x2='367.3' y2='48.9'/%3E%3Cline x1='385.5' y1='65.1' x2='388.9' y2='55.7'/%3E%3Cline x1='405.7' y1='73.4' x2='409.9' y2='64.4'/%3E%3Cline x1='425.0' y1='83.5' x2='430.0' y2='74.8'/%3E%3Cline x1='443.4' y1='95.2' x2='449.1' y2='87.0'/%3E%3Cline x1='460.7' y1='108.5' x2='467.1' y2='100.8'/%3E%3Cline x1='476.8' y1='123.2' x2='483.8' y2='116.2'/%3E%3Cline x1='491.5' y1='139.3' x2='499.2' y2='132.9'/%3E%3Cline x1='504.8' y1='156.6' x2='513.0' y2='150.9'/%3E%3Cline x1='516.5' y1='175.0' x2='525.2' y2='170.0'/%3E%3Cline x1='526.6' y1='194.3' x2='535.6' y2='190.1'/%3E%3Cline x1='534.9' y1='214.5' x2='544.3' y2='211.1'/%3E%3Cline x1='541.5' y1='235.3' x2='551.1' y2='232.7'/%3E%3Cline x1='546.2' y1='256.6' x2='556.1' y2='254.9'/%3E%3Cline x1='549.0' y1='278.2' x2='559.0' y2='277.3'/%3E%3Cpath d='M150 170 L210 140 L262 188 L330 160 M400 420 L455 380 L500 410 L470 470' stroke-opacity='.45'/%3E%3C/g%3E%3Cg fill='white' fill-opacity='.55'%3E%3Ccircle cx='194' cy='91' r='0.8'/%3E%3Ccircle cx='43' cy='322' r='1.2'/%3E%3Ccircle cx='350' cy='546' r='1'/%3E%3Ccircle cx='22' cy='260' r='0.8'/%3E%3Ccircle cx='144' cy='331' r='0.8'/%3E%3Ccircle cx='496' cy='74' r='1'/%3E%3Ccircle cx='378' cy='350' r='0.8'/%3E%3Ccircle cx='346' cy='238' r='1'/%3E%3Ccircle cx='28' cy='515' r='1.2'/%3E%3Ccircle cx='251' cy='324' r='1.2'/%3E%3Ccircle cx='336' cy='409' r='0.8'/%3E%3Ccircle cx='349' cy='383' r='1.2'/%3E%3Ccircle cx='58' cy='427' r='0.8'/%3E%3Ccircle cx='371' cy='298' r='1.8'/%3E%3Ccircle cx='466' cy='279' r='1.8'/%3E%3Ccircle cx='217' cy='149' r='1'/%3E%3Ccircle cx='419' cy='146' r='1.2'/%3E%3Ccircle cx='315' cy='525' r='1.8'/%3E%3Ccircle cx='173' cy='588' r='0.8'/%3E%3Ccircle cx='307' cy='99' r='1.2'/%3E%3Ccircle cx='91' cy='293' r='0.8'/%3E%3Ccircle cx='577' cy='47' r='1.2'/%3E%3Ccircle cx='204' cy='210' r='1.8'/%3E%3Ccircle cx='348' cy='274' r='0.8'/%3E%3Ccircle cx='567' cy='284' r='0.8'/%3E%3Ccircle cx='36' cy='421' r='1.8'/%3E%3Ccircle cx='171' cy='231' r='1.2'/%3E%3Ccircle cx='14' cy='277' r='1'/%3E%3Ccircle cx='367' cy='296' r='1'/%3E%3Ccircle cx='461' cy='78' r='1'/%3E%3Ccircle cx='239' cy='550' r='1.8'/%3E%3Ccircle cx='48' cy='270' r='1.2'/%3E%3Ccircle cx='530' cy='492' r='1.2'/%3E%3Ccircle cx='424' cy='592' r='1.8'/%3E%3Ccircle cx='575' cy='91' r='1'/%3E%3Ccircle cx='91' cy='395' r='0.8'/%3E%3Ccircle cx='291' cy='353' r='1.2'/%3E%3Ccircle cx='169' cy='87' r='1.2'/%3E%3Ccircle cx='366' cy='191' r='1'/%3E%3Ccircle cx='414' cy='309' r='0.8'/%3E%3Ccircle cx='274' cy='523' r='1.8'/%3E%3Ccircle cx='239' cy='236' r='1.8'/%3E%3Ccircle cx='381' cy='37' r='0.8'/%3E%3Ccircle cx='591' cy='264' r='0.8'/%3E%3Ccircle cx='204' cy='32' r='0.8'/%3E%3Ccircle cx='340' cy='322' r='1.2'/%3E%3Ccircle cx='368' cy='42' r='1'/%3E%3Ccircle cx='368' cy='89' r='1.2'/%3E%3Ccircle cx='573' cy='361' r='1.8'/%3E%3Ccircle cx='74' cy='509' r='1.8'/%3E%3Ccircle cx='288' cy='187' r='1'/%3E%3Ccircle cx='61' cy='206' r='1.2'/%3E%3Ccircle cx='287' cy='415' r='0.8'/%3E%3Ccircle cx='123' cy='571' r='1.2'/%3E%3Ccircle cx='88' cy='326' r='0.8'/%3E%3Ccircle cx='455' cy='179' r='0.8'/%3E%3Ccircle cx='418' cy='157' r='1.2'/%3E%3Ccircle cx='545' cy='213' r='1'/%3E%3Ccircle cx='320' cy='467' r='1.2'/%3E%3Ccircle cx='382' cy='368' r='1'/%3E%3Ccircle cx='484' cy='491' r='1'/%3E%3Ccircle cx='120' cy='296' r='0.8'/%3E%3Ccircle cx='594' cy='474' r='1.8'/%3E%3Ccircle cx='156' cy='416' r='1.2'/%3E%3Ccircle cx='268' cy='562' r='1.2'/%3E%3Ccircle cx='573' cy='219' r='1'/%3E%3Ccircle cx='61' cy='282' r='1.2'/%3E%3Ccircle cx='123' cy='374' r='0.8'/%3E%3Ccircle cx='288' cy='392' r='0.8'/%3E%3Ccircle cx='501' cy='72' r='1.8'/%3E%3C/g%3E%3C/svg%3E")}
.c-rent .hero::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg stroke='white' stroke-opacity='.10' stroke-width='1'%3E%3Cline x1='0' y1='0' x2='-160' y2='600'/%3E%3Cline x1='46' y1='0' x2='-114' y2='600'/%3E%3Cline x1='92' y1='0' x2='-68' y2='600'/%3E%3Cline x1='138' y1='0' x2='-22' y2='600'/%3E%3Cline x1='184' y1='0' x2='24' y2='600'/%3E%3Cline x1='230' y1='0' x2='70' y2='600'/%3E%3Cline x1='276' y1='0' x2='116' y2='600'/%3E%3Cline x1='322' y1='0' x2='162' y2='600'/%3E%3Cline x1='368' y1='0' x2='208' y2='600'/%3E%3Cline x1='414' y1='0' x2='254' y2='600'/%3E%3Cline x1='460' y1='0' x2='300' y2='600'/%3E%3Cline x1='506' y1='0' x2='346' y2='600'/%3E%3Cline x1='552' y1='0' x2='392' y2='600'/%3E%3Cline x1='598' y1='0' x2='438' y2='600'/%3E%3Cline x1='644' y1='0' x2='484' y2='600'/%3E%3Cline x1='690' y1='0' x2='530' y2='600'/%3E%3Cline x1='736' y1='0' x2='576' y2='600'/%3E%3Cline x1='782' y1='0' x2='622' y2='600'/%3E%3Cline x1='828' y1='0' x2='668' y2='600'/%3E%3Cline x1='874' y1='0' x2='714' y2='600'/%3E%3Cline x1='0' y1='-60' x2='600' y2='30'/%3E%3Cline x1='0' y1='-8' x2='600' y2='82'/%3E%3Cline x1='0' y1='44' x2='600' y2='134'/%3E%3Cline x1='0' y1='96' x2='600' y2='186'/%3E%3Cline x1='0' y1='148' x2='600' y2='238'/%3E%3Cline x1='0' y1='200' x2='600' y2='290'/%3E%3Cline x1='0' y1='252' x2='600' y2='342'/%3E%3Cline x1='0' y1='304' x2='600' y2='394'/%3E%3Cline x1='0' y1='356' x2='600' y2='446'/%3E%3Cline x1='0' y1='408' x2='600' y2='498'/%3E%3Cline x1='0' y1='460' x2='600' y2='550'/%3E%3Cline x1='0' y1='512' x2='600' y2='602'/%3E%3Cline x1='0' y1='564' x2='600' y2='654'/%3E%3Cline x1='0' y1='616' x2='600' y2='706'/%3E%3C/g%3E%3Cpath d='M-20 470 C120 430 200 520 330 480 S520 410 640 450' fill='none' stroke='white' stroke-opacity='.22' stroke-width='34'/%3E%3Cpath d='M300 120 C340 110 370 150 360 200 C352 250 380 280 350 320 C320 300 300 260 290 220 C282 180 270 140 300 120Z' fill='white' fill-opacity='.14'/%3E%3Cg fill='none' stroke='white' stroke-opacity='.5' stroke-width='2'%3E%3Ccircle cx='420' cy='250' r='9'/%3E%3Ccircle cx='420' cy='250' r='22' stroke-opacity='.25'/%3E%3C/g%3E%3C/svg%3E")}
.c-gastro .hero::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='white' fill-opacity='.04'%3E%3Cpath d='M60 40 h120 v520 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 Z'/%3E%3Cpath d='M260 40 h120 v520 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 Z'/%3E%3Cpath d='M460 40 h120 v520 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 l-10-10 l-10 10 Z'/%3E%3C/g%3E%3Cg stroke='white' stroke-opacity='.22' stroke-width='3'%3E%3Cline x1='78' y1='80' x2='162' y2='80' stroke-dasharray='60 8'/%3E%3Cline x1='78' y1='106' x2='162' y2='106' stroke-dasharray='70'/%3E%3Cline x1='78' y1='132' x2='162' y2='132' stroke-dasharray='60 8'/%3E%3Cline x1='78' y1='158' x2='162' y2='158' stroke-dasharray='70'/%3E%3Cline x1='78' y1='184' x2='162' y2='184' stroke-dasharray='30 4 30'/%3E%3Cline x1='78' y1='210' x2='162' y2='210' stroke-dasharray='40 6 20'/%3E%3Cline x1='78' y1='236' x2='162' y2='236' stroke-dasharray='70'/%3E%3Cline x1='78' y1='262' x2='162' y2='262' stroke-dasharray='70'/%3E%3Cline x1='78' y1='288' x2='162' y2='288' stroke-dasharray='70'/%3E%3Cline x1='78' y1='314' x2='162' y2='314' stroke-dasharray='40 6 20'/%3E%3Cline x1='78' y1='340' x2='162' y2='340' stroke-dasharray='60 8'/%3E%3Cline x1='78' y1='366' x2='162' y2='366' stroke-dasharray='60 8'/%3E%3Cline x1='78' y1='392' x2='162' y2='392' stroke-dasharray='60 8'/%3E%3Cline x1='78' y1='418' x2='162' y2='418' stroke-dasharray='40 6 20'/%3E%3Cline x1='78' y1='444' x2='162' y2='444' stroke-dasharray='60 8'/%3E%3Cline x1='78' y1='470' x2='162' y2='470' stroke-dasharray='70'/%3E%3Cline x1='78' y1='496' x2='162' y2='496' stroke-dasharray='60 8'/%3E%3Cline x1='78' y1='522' x2='162' y2='522' stroke-dasharray='70'/%3E%3Cline x1='78' y1='548' x2='162' y2='548' stroke-dasharray='30 4 30'/%3E%3Cline x1='278' y1='80' x2='362' y2='80' stroke-dasharray='60 8'/%3E%3Cline x1='278' y1='106' x2='362' y2='106' stroke-dasharray='60 8'/%3E%3Cline x1='278' y1='132' x2='362' y2='132' stroke-dasharray='40 6 20'/%3E%3Cline x1='278' y1='158' x2='362' y2='158' stroke-dasharray='40 6 20'/%3E%3Cline x1='278' y1='184' x2='362' y2='184' stroke-dasharray='40 6 20'/%3E%3Cline x1='278' y1='210' x2='362' y2='210' stroke-dasharray='60 8'/%3E%3Cline x1='278' y1='236' x2='362' y2='236' stroke-dasharray='70'/%3E%3Cline x1='278' y1='262' x2='362' y2='262' stroke-dasharray='60 8'/%3E%3Cline x1='278' y1='288' x2='362' y2='288' stroke-dasharray='60 8'/%3E%3Cline x1='278' y1='314' x2='362' y2='314' stroke-dasharray='40 6 20'/%3E%3Cline x1='278' y1='340' x2='362' y2='340' stroke-dasharray='30 4 30'/%3E%3Cline x1='278' y1='366' x2='362' y2='366' stroke-dasharray='60 8'/%3E%3Cline x1='278' y1='392' x2='362' y2='392' stroke-dasharray='30 4 30'/%3E%3Cline x1='278' y1='418' x2='362' y2='418' stroke-dasharray='60 8'/%3E%3Cline x1='278' y1='444' x2='362' y2='444' stroke-dasharray='30 4 30'/%3E%3Cline x1='278' y1='470' x2='362' y2='470' stroke-dasharray='30 4 30'/%3E%3Cline x1='278' y1='496' x2='362' y2='496' stroke-dasharray='70'/%3E%3Cline x1='278' y1='522' x2='362' y2='522' stroke-dasharray='60 8'/%3E%3Cline x1='278' y1='548' x2='362' y2='548' stroke-dasharray='40 6 20'/%3E%3Cline x1='478' y1='80' x2='562' y2='80' stroke-dasharray='30 4 30'/%3E%3Cline x1='478' y1='106' x2='562' y2='106' stroke-dasharray='70'/%3E%3Cline x1='478' y1='132' x2='562' y2='132' stroke-dasharray='70'/%3E%3Cline x1='478' y1='158' x2='562' y2='158' stroke-dasharray='60 8'/%3E%3Cline x1='478' y1='184' x2='562' y2='184' stroke-dasharray='60 8'/%3E%3Cline x1='478' y1='210' x2='562' y2='210' stroke-dasharray='40 6 20'/%3E%3Cline x1='478' y1='236' x2='562' y2='236' stroke-dasharray='70'/%3E%3Cline x1='478' y1='262' x2='562' y2='262' stroke-dasharray='60 8'/%3E%3Cline x1='478' y1='288' x2='562' y2='288' stroke-dasharray='40 6 20'/%3E%3Cline x1='478' y1='314' x2='562' y2='314' stroke-dasharray='60 8'/%3E%3Cline x1='478' y1='340' x2='562' y2='340' stroke-dasharray='60 8'/%3E%3Cline x1='478' y1='366' x2='562' y2='366' stroke-dasharray='60 8'/%3E%3Cline x1='478' y1='392' x2='562' y2='392' stroke-dasharray='70'/%3E%3Cline x1='478' y1='418' x2='562' y2='418' stroke-dasharray='40 6 20'/%3E%3Cline x1='478' y1='444' x2='562' y2='444' stroke-dasharray='40 6 20'/%3E%3Cline x1='478' y1='470' x2='562' y2='470' stroke-dasharray='30 4 30'/%3E%3Cline x1='478' y1='496' x2='562' y2='496' stroke-dasharray='70'/%3E%3Cline x1='478' y1='522' x2='562' y2='522' stroke-dasharray='40 6 20'/%3E%3Cline x1='478' y1='548' x2='562' y2='548' stroke-dasharray='40 6 20'/%3E%3C/g%3E%3C/svg%3E")}
.c-dev .hero::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 600 600%22%3E%3Cg fill=%22white%22 fill-opacity=%22.14%22%3E%3Crect x=%2240%22 y=%2260%22 width=%22146%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2288%22 y=%2282%22 width=%22322%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2240%22 y=%22104%22 width=%2286%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2264%22 y=%22126%22 width=%22212%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2240%22 y=%22148%22 width=%22320%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2288%22 y=%22170%22 width=%22323%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2240%22 y=%22192%22 width=%22198%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2288%22 y=%22214%22 width=%22279%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2288%22 y=%22236%22 width=%22112%22 height=%228%22 rx=%224%22 fill=%22%237ee0a1%22/%3E%3Crect x=%2288%22 y=%22258%22 width=%22101%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2240%22 y=%22280%22 width=%22217%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2288%22 y=%22302%22 width=%22278%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2264%22 y=%22324%22 width=%22282%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2288%22 y=%22346%22 width=%22307%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2240%22 y=%22368%22 width=%22267%22 height=%228%22 rx=%224%22 fill=%22%237ee0a1%22/%3E%3Crect x=%2240%22 y=%22390%22 width=%22333%22 height=%228%22 rx=%224%22 fill=%22%237ee0a1%22/%3E%3Crect x=%2288%22 y=%22412%22 width=%22303%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2264%22 y=%22434%22 width=%22295%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2264%22 y=%22456%22 width=%22259%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2264%22 y=%22478%22 width=%22198%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2288%22 y=%22500%22 width=%2294%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2288%22 y=%22522%22 width=%22163%22 height=%228%22 rx=%224%22/%3E%3Crect x=%2264%22 y=%22544%22 width=%22133%22 height=%228%22 rx=%224%22/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2230%22 height=%2230%22%3E%3Ccircle cx=%2215%22 cy=%2215%22 r=%221.4%22 fill=%22white%22 fill-opacity=%22.14%22/%3E%3C/svg%3E");background-size:600px auto,30px 30px;background-repeat:no-repeat,repeat}
.c-hub .hero::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2230%22 height=%2230%22%3E%3Ccircle cx=%2215%22 cy=%2215%22 r=%221.4%22 fill=%22white%22 fill-opacity=%22.14%22/%3E%3C/svg%3E")}
.c-hub .hero::after{background-size:30px 30px;background-repeat:repeat;inset:0;mask-image:linear-gradient(90deg,transparent 30%,#000)}
@media (prefers-reduced-motion:no-preference){.c-astro .hero::after{animation:spin 240s linear infinite}@keyframes spin{to{rotate:360deg}}}
/* gastro quiz components */
.pill{display:inline-block;font:700 var(--t-sm)/1.2 var(--f-body);background:var(--acc-soft);color:var(--acc-deep);padding:.35rem .75rem;border-radius:999px}
.hero .pill{background:#fff}
.q{font:700 1.15rem/1.35 var(--f-display);margin:0 0 .25rem}.qhint{font-size:.92rem;color:var(--graphite);margin:0 0 var(--s3)}
.opts{display:flex;gap:var(--s1);flex-wrap:wrap}.opts button{flex:1 1 30%;min-width:120px;min-height:48px;padding:.7rem;border:2px solid var(--rule);background:#fff;border-radius:var(--r-ctl);font:700 1rem var(--f-body);color:var(--ink);cursor:pointer;touch-action:manipulation}
.opts button:hover,.opts button:focus-visible{border-color:var(--acc);color:var(--acc)}
.bar{height:6px;background:var(--fog);border-radius:9px;overflow:hidden;margin:var(--s1) 0 var(--s3)}.bar>div{height:100%;background:var(--acc);width:0;transition:width .2s}
.score{font:750 3rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.fix{border-left:4px solid #b91c1c;padding:.5rem .9rem;margin:var(--s2) 0;background:#fff7f6;border-radius:0 8px 8px 0}.fix.mid{border-color:#b45309;background:#fffaf0}
.disc{background:var(--fog);border-radius:var(--r-ctl);padding:var(--s3) var(--s4);font-size:.92rem}
.hidden{display:none}.hp{position:absolute;left:-9999px}
input[type=email],input[type=text],textarea{width:100%;padding:.7rem;border:1px solid var(--rule);border-radius:8px;font:16px var(--f-body);margin:.25rem 0 .6rem;background:#fff;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
/* legal + thank-you pages */
.legal h1{font-size:clamp(1.8rem,4vw,2.4rem)}.legal h2{font-size:1.25rem;margin-top:var(--s5)}.legal h3{font-size:1.05rem;margin-top:var(--s4)}
.muted{color:var(--graphite)}
.thanks{border-top:6px solid var(--acc)}
.preview{display:block;width:100%;border-radius:var(--r-sheet);box-shadow:var(--shadow-sheet);margin:var(--s4) 0}
.old{text-decoration:line-through;color:var(--graphite)}
code,pre{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em}pre{background:var(--ink);color:#e8ecf4;padding:var(--s3);border-radius:var(--r-ctl);overflow:auto}
.box{border:1px solid var(--rule);background:var(--sheet);padding:var(--s3) var(--s4);border-radius:var(--r-ctl)}

.prod{position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s}.prod h3 a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.prod:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.12)}.prod:focus-within{outline:2px solid var(--acc);outline-offset:2px}@media (prefers-reduced-motion:reduce){.prod{transition:none}.prod:hover{transform:none}}
