/* Crode design system: shared by every page. Geologica, film type scale, one left edge, eased reveals. */
@font-face{font-family:'Gilroy';src:url('fonts/gilroy-extrabold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('fonts/plus-jakarta-sans.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--m-green:#022E13;--m-cream:#F5FFE6;--m-mint:#94D04A;--m-grey:#50715A;--m-ink:#022E13;
--m-shadow:0 1px 2px rgba(0,0,0,.04),0 24px 60px -24px rgba(2,46,19,.22);--m-ease:cubic-bezier(.2,.8,.2,1)}
html,body,button,input,select,textarea{font-family:'Plus Jakarta Sans',system-ui,sans-serif!important}
body{-webkit-font-smoothing:antialiased}
.text-brand{color:var(--m-green)}
h1.display{font-weight:600!important;letter-spacing:-.04em!important;line-height:1.04!important}
h2.display{font-size:clamp(34px,4.1vw,60px)!important;line-height:1.06!important;font-weight:600!important;letter-spacing:-.035em!important}
h1.display .font-bold,h2.display .font-bold{font-weight:600!important}
section>p.text-lg,section p.lg\:text-\[22px\],section p.sm\:text-xl{font-size:clamp(17px,1.35vw,20px)!important;line-height:1.5!important;color:var(--m-grey)!important;max-width:620px!important;font-weight:400}
section p.sm\:text-xl .text-ink,section p.lg\:text-\[22px\] .text-ink,section>p.text-lg .text-ink{color:var(--m-ink)}
section p .font-semibold{font-weight:500}
summary{font-weight:500!important}
h3{letter-spacing:-.01em}
.font-bold{font-weight:600!important}
@media (min-width:1024px){.max-w-\[1440px\].sm\:px-10{padding-left:72px!important;padding-right:72px!important}
 section.lg\:pt-24,section.lg\:pt-16{padding-top:88px!important}}
.pc-feat{box-shadow:0 18px 40px -30px rgba(2,46,19,.5)!important}
/* reveals */
.mr-armed .mr{opacity:1;transform:none;transition:opacity .9s var(--m-ease),transform .9s var(--m-ease)}
.mr-armed .mr.mr-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.mr-armed .mr{opacity:1!important;transform:none!important;transition:none!important}}
section p{text-wrap:pretty}h1,h2{text-wrap:balance}

/* Model board (How it works) */
.mh-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--m-green)}
@media (max-width:639px){.mh-check{width:13px;height:13px}}
/* Model choice: centred, wide board */
.mc{display:block!important;text-align:center}
.mc-copy{max-width:760px;margin:0 auto}
.mc-copy h2{white-space:nowrap}
.mc-copy p{margin:18px auto 0!important;max-width:none!important}
@media (min-width:1024px){.mc-copy{max-width:none}.mc-copy p{white-space:nowrap}}
@media (max-width:1023px){.mc-copy h2 .text-brand{display:block}}
.mc-board{max-width:1120px;margin:48px auto 0;padding:32px!important;text-align:left;border-radius:36px!important;background:#fff!important;border:1px solid #F5FFE6}
.mc-models{grid-template-columns:repeat(5,1fr)!important;gap:16px!important;align-items:end!important}
.mc-on{transform:translateY(-10px) scale(1.04)!important}
.mc-rows{display:flex!important;justify-content:center;align-items:center;gap:28px!important;flex-wrap:wrap;margin-top:32px!important}
.mc-div{width:1px;height:28px;background:#F5FFE6}
.mc-label{width:auto!important;margin-right:4px}
.mc-sum{justify-content:center!important;gap:24px!important;flex-direction:column}
.mc-sum-t{font-size:16px!important}
@media (max-width:1023px){.mc-copy h2{white-space:normal}.mc-board{padding:16px!important;margin-top:32px;border-radius:24px!important}
 .mc-models{grid-template-columns:repeat(5,minmax(120px,1fr))!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 4px 4px;margin:0 -4px}
 .mc-card{scroll-snap-align:center}.mc-div{display:none}.mc-rows{justify-content:flex-start;gap:14px!important}.mc-label{width:100%!important}}
/* Model choice section */
.mc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center;padding-top:120px}
.mc h2{margin:0}
.mc-copy p{margin-top:24px;font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--m-grey);max-width:520px}
.mc-copy p .text-ink{color:var(--m-ink)}
.mc-copy p .text-ink{font-weight:500}
.mc-copy p .text-brand{font-weight:500}
.mc-board{background:#fff;border-radius:32px;padding:28px;box-shadow:var(--m-shadow)}
.mc-models{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center;padding-top:8px}
.mc-card{margin:0;padding:0;border:0;cursor:pointer;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4;background:#F5FFE6;transition:transform .5s var(--m-ease),box-shadow .5s var(--m-ease),opacity .5s var(--m-ease)}
.mc-card:hover{opacity:1}
.mc-card:focus-visible,.mc-pill:focus-visible{outline:2px solid var(--m-green);outline-offset:3px}
.mc-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.mc-card:not(.mc-on){opacity:.72}
.mc-on{box-shadow:0 0 0 3px var(--m-green);transform:translateY(-6px)}
.mc-tag{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--m-ink);font-size:12px;font-weight:600;border-radius:999px;padding:6px 11px}
.mc-rows{margin-top:24px;display:grid;gap:12px}
.mc-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.mc-label{width:76px;font-size:13px;color:var(--m-grey)}
.mc-card:not(.mc-on) .mh-check{display:none}
.mc-pill{cursor:pointer;background:#fff;font-family:inherit;transition:background .35s var(--m-ease),color .35s var(--m-ease),border-color .35s var(--m-ease);font-size:14px;font-weight:500;border:1px solid #E1EBD3;border-radius:999px;padding:8px 15px;color:var(--m-ink)}
.mc-pill:hover{border-color:var(--m-green)}
.mc-sum{margin-top:22px;padding-top:20px;border-top:1px solid #F5FFE6;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mc-sum-t{margin:0;font-size:15px;color:var(--m-grey)}
.mc-sum-t b{color:var(--m-ink);font-weight:600}
.mc-go{display:inline-flex;align-items:center;gap:10px;background:var(--m-green);color:#fff;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;transition:transform .5s var(--m-ease)}
.mc-go:hover{transform:translateY(-2px)}
.mc-pill-on{background:var(--m-green);border-color:var(--m-green);color:#fff}
@media (max-width:1023px){.mc{grid-template-columns:1fr;gap:36px;padding-top:72px}.mc-board{padding:16px;border-radius:24px}.mc-models{gap:8px}.mc-label{width:100%}}
@media (min-width:1024px){.max-w-\\[1440px\\].px-4>.px-2{padding-left:48px!important;padding-right:48px!important}}
/* Pricing: "Every plan includes" stays on one line */
ul[aria-label="Every plan includes"]{flex-wrap:nowrap!important;max-width:100%;overflow-x:auto;scrollbar-width:none;gap:8px!important;padding:2px 4px}
ul[aria-label="Every plan includes"]::-webkit-scrollbar{display:none}
ul[aria-label="Every plan includes"] li{flex:none;font-size:13px!important;padding:7px 13px!important}
@media (max-width:1023px){ul[aria-label="Every plan includes"]{justify-content:flex-start!important;margin-left:-24px;margin-right:-24px;padding:2px 24px}}
/* Pricing compare: Crode column in the middle, deep green and lifted */
.cmp-grid{position:relative;isolation:isolate}
.cmp-col{position:absolute;top:-22px;bottom:-14px;left:calc(240% / 5.4 - 10px);width:calc(100% / 5.4 + 20px);border-radius:30px;background:#022E13;box-shadow:0 40px 80px -36px rgba(0,50,24,.65),0 2px 0 rgba(255,255,255,.06) inset;z-index:-1}
.cmp-grid>.cmpm{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;position:relative}
.cmp-grid>.cmpm p{color:#fff!important}
.cmp-grid>.cmpm p:first-of-type{font-weight:600;letter-spacing:-.01em;font-size:16px}
.cmp-grid>.cmpm p:nth-of-type(2){font-size:32px!important;color:var(--m-mint)!important;letter-spacing:-.03em}
.cmp-grid>.cmpm p:nth-of-type(3){color:rgba(255,255,255,.7)!important}
.cmp-grid>.cmpm span.bg-\[\#022E13\]{background:var(--m-mint)!important;color:var(--m-green)!important;width:28px;height:28px}
.cmp-grid>.cmpm a{background:#fff!important;color:var(--m-green)!important;border-radius:16px!important}
.cmp-grid>.cmpm a:hover{background:var(--m-cream)!important}
.cmp-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--m-mint);color:var(--m-green);font-size:12px;font-weight:700;border-radius:999px;padding:6px 12px;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(0,0,0,.35)}
.cmp-grid>div:not(.cmpm):not(.cmp-col){position:relative}
.cmpm-card{background:#022E13!important;color:#fff!important;box-shadow:0 30px 60px -30px rgba(0,50,24,.6)}
.cmpm-card *{color:inherit}
.cmpm-card p{color:#fff!important}
.cmpm-card span.bg-\[\#022E13\]{background:var(--m-mint)!important;color:var(--m-green)!important}
.cmpm-card a{background:#fff!important;color:var(--m-green)!important;border-radius:16px!important}
.cmp-grid{margin-bottom:28px}.cmp-grid>.cmpm{border-color:rgba(255,255,255,.07)!important}
.cmp-week{margin-top:14px;display:inline-block;font-size:13px;border-radius:999px;padding:6px 12px;background:rgba(143,203,168,.18);color:var(--m-green)}
.cmp-grid>.cmpm .cmp-week{background:rgba(255,255,255,.12)!important;color:#fff!important}
.cmp-week b{font-weight:700}.cmp-grid>.cmpm .cmp-week b{color:var(--m-mint)}
.cmpm-card .cmp-week{background:rgba(255,255,255,.12)}.cmpm-card .cmp-week b{color:var(--m-mint)}
/* Compare cards (below 1280px): four narrow columns, Crode second and lifted */
@media (min-width:860px) and (max-width:1279px){
 .cmp-cards{display:grid!important;grid-template-columns:1fr 1.12fr 1fr 1fr;gap:10px!important;overflow:visible!important;align-items:stretch;padding-top:16px!important;padding-bottom:16px!important}
 .cmp-cards .cmp3-card{width:auto!important;padding:18px!important;border-radius:22px!important}
 .cmp-cards .cmp3-card p.whitespace-nowrap{font-size:clamp(18px,2vw,24px)!important;white-space:normal!important}
 .cmp-cards .cmp3-card li{font-size:13px!important;gap:8px!important}
 .cmp-cards .cmpm-card{transform:scale(1.04);z-index:1}
 .cmp-cards+p,.cmp-cards~p.text-mute:first-of-type{display:none}
}
.cmp-cards .cmp3-card li{line-height:1.3}