@font-face{font-family:"Libre Franklin";src:url("../fonts/LibreFranklin-var-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("../fonts/SourceSans3-var-latin.woff2") format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/JetBrainsMono-var-latin.woff2") format("woff2");font-weight:100 800;font-display:swap}

:root{
 color-scheme:light;
 
 --paper:#FCFCFB; --white:#FFFFFF; --mist:#F3F7F5; --glow:#EEF6F1; --line:#E2EAE6; --line-2:#CFDCD6;
 --ink:#14201B; --ink-2:#24342D; --dim:#5B6B63; --green:#0E9D5E; --green-deep:#0E7A4A; --green-dark:#0E5C38; --tint:#EAF7F0;
 --stand-blue:#3271DF; --stand-green:#0F965A;
 
 --disp:"Libre Franklin",system-ui,-apple-system,sans-serif; --body:"Source Sans 3",system-ui,-apple-system,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
 --t-2xs:.75rem; --t-xs:.8125rem; --t-s:.9375rem; --t-b:1.0625rem; --t-m:1.25rem; --t-h3:1.5rem;
 --t-h2:clamp(2rem,3.4vw,2.75rem); --t-h1:clamp(2.5rem,4.4vw,3.5rem);
 --w-head:600; --w-strong:600; --ls-h1:-.024em; --ls-h2:-.016em;
 
 --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
 --wrap:1200px; --gutter:var(--s-6); --nav-h:72px; --target:44px;
 
 --r-s:12px; --r-m:20px; --r-pill:999px;
 
 --shadow-panel:0 1px 2px rgba(20,32,27,.06),0 12px 24px -8px rgba(20,32,27,.12),0 40px 80px -24px rgba(20,32,27,.22);
 --shadow-btn:0 1px 2px rgba(14,92,56,.25),0 8px 20px -8px rgba(14,122,74,.55);
 
 --ease:cubic-bezier(.2,.7,.2,1); --fast:180ms; --enter:240ms;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--s-9)}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:var(--t-b);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--green-deep);outline-offset:var(--s-1);border-radius:4px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;left:var(--s-4);top:-64px;z-index:200;background:var(--ink);color:var(--white);padding:var(--s-3) var(--s-4);border-radius:var(--r-s);text-decoration:none;font-weight:600}
.skip:focus{top:var(--s-3)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
h1,h2,h3{font-family:var(--disp);font-weight:var(--w-head)}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--target);padding:0 var(--s-5);border-radius:var(--r-pill);border:0;
 font:600 var(--t-s)/1.2 var(--body);text-decoration:none;text-align:center;cursor:pointer;overflow-wrap:anywhere;text-wrap:balance;
 transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease)}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--green-deep);color:var(--white);box-shadow:var(--shadow-btn)}
.btn-primary:hover{background:var(--green-dark)}
.btn-big{min-height:56px;padding:var(--s-2) var(--s-6);font-size:var(--t-b)}
.btn-line{background:var(--white);color:var(--ink);border:1.5px solid var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--white)}
.btn-ink{background:var(--ink);color:var(--white)}
.btn-ink:hover{background:var(--ink-2)}
.tlink{display:inline-flex;align-items:center;min-height:var(--target);color:var(--green-deep);font-weight:600;text-underline-offset:var(--s-1)}


.nav{position:sticky;top:0;z-index:50;background:rgba(252,252,251,.86);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--line)}
@media (prefers-reduced-transparency:reduce){.nav{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}}
.nav-row{display:flex;align-items:center;gap:var(--s-6);height:var(--nav-h)}
.brand{display:flex;align-items:center;min-height:48px;padding:var(--s-2) var(--s-1) var(--s-2) 0;flex:0 0 auto}
.brand img{width:150px;height:auto}
.nav-links{display:flex;gap:var(--s-6);margin-left:auto}
.nav-links a{display:inline-flex;align-items:center;min-height:var(--target);font-size:var(--t-s);font-weight:600;color:var(--dim);text-decoration:none;transition:color var(--fast) var(--ease)}
.nav-links a:hover{color:var(--ink)}


.hero{position:relative;padding:var(--s-4) 0 var(--s-9);overflow:clip;background:radial-gradient(56% 60% at 72% 40%,var(--glow) 0%,rgba(252,252,251,0) 72%)}
.hero-grid{display:grid;grid-template-columns:6fr 6fr;gap:var(--s-7);align-items:center}
.eyebrow{font:500 var(--t-xs)/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green-deep);margin-bottom:var(--s-5);white-space:nowrap}
.hero h1{font-size:var(--t-h1);line-height:1.04;letter-spacing:var(--ls-h1);text-wrap:balance}
.accent{color:var(--green)}
.lede{font-size:var(--t-m);line-height:1.5;color:var(--dim);margin-top:var(--s-5);max-width:38ch}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4) var(--s-6);margin-top:var(--s-6)}
.actions .btn-big{max-width:100%}
.link-arrow{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--target);font-weight:600;font-size:var(--t-s);text-decoration:none;color:var(--ink)}
.link-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--fast) var(--ease)}
.link-arrow:hover svg{transform:translateX(var(--s-1))}


.hero-stage{display:flex;flex-direction:column;min-width:0}
.stage{margin:0;position:relative;z-index:1;display:flex;flex-direction:column}
.stage-frame{position:relative;aspect-ratio:1153/1117}
.stage-art{position:absolute;left:-12.576%;top:-7.431%;width:138.77%}
.stage-art img{width:100%}
.names{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nm{font-family:var(--disp);font-weight:600;letter-spacing:-.01em}
.nm-ink{fill:var(--ink);mix-blend-mode:multiply;opacity:.94}
.nm-light{fill:#F3F8F5;opacity:.95}

.names-card{filter:blur(.8px)}
.stage-note{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);font-size:var(--t-xs);color:var(--dim);margin-top:var(--s-2);max-width:44%;overflow-wrap:anywhere}
.tag{font:500 var(--t-2xs)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line-2);padding:var(--s-1) var(--s-2);border-radius:var(--r-pill);flex:0 0 auto}


.chat{position:relative;z-index:2;align-self:flex-end;width:min(320px,56%);margin-top:calc(-36.8% - 56px);margin-right:calc(-1 * var(--s-6));background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow-panel);padding:var(--s-2)}
.chat-kicker{font:500 var(--t-2xs)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green-deep);padding:var(--s-2) var(--s-2) var(--s-1)}
.chat-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-3);border-bottom:1px solid var(--line)}
.chat-av{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-s);background:var(--mist);font:700 1.125rem/1 var(--disp);color:var(--ink);flex:0 0 auto}
.chat-who{display:flex;flex-direction:column;gap:var(--s-1);min-width:0;margin-right:auto}
.chat-name{font-weight:600;font-size:var(--t-s);line-height:1.2}
.chat-sub{font-size:var(--t-xs);color:var(--dim);line-height:1.2}
.badge{font:500 var(--t-2xs)/1 var(--mono);letter-spacing:.04em;color:var(--green-deep);background:var(--tint);padding:var(--s-1) var(--s-2);border-radius:var(--r-pill);white-space:nowrap}
.chat-log{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-2) var(--s-2)}
.msg{position:relative;max-width:88%;font-size:var(--t-s);line-height:1.4;padding:var(--s-2) var(--s-3);border-radius:16px;overflow-wrap:anywhere}
.msg.them{align-self:flex-end;background:var(--ink);color:var(--white);border-bottom-right-radius:4px}
.msg.ai{align-self:flex-start;background:var(--mist);color:var(--ink);border-top-left-radius:4px}
.chat.is-scripted .msg{opacity:0;transition:opacity var(--enter) var(--ease)}
.chat.is-scripted .msg.is-in,.chat.is-scripted .msg.is-typing{opacity:1}
.msg .dots{position:absolute;left:var(--s-3);top:50%;display:flex;gap:var(--s-1);transform:translateY(-50%);opacity:0;transition:opacity var(--fast) var(--ease)}
.msg .dots i{width:6px;height:6px;border-radius:50%;background:var(--dim)}
.msg .txt{transition:opacity var(--enter) var(--ease)}
.chat.is-scripted .msg.is-typing .txt{opacity:0}
.chat.is-scripted .msg.is-typing .dots{opacity:.6}
.chat-call{border-top:1px solid var(--line);margin-top:var(--s-1);padding:var(--s-1) var(--s-2) 0;font-size:var(--t-s);color:var(--ink)}


.included{padding:var(--s-9) 0 var(--s-9);background:linear-gradient(180deg,var(--paper) 0,var(--mist) 100%);border-top:1px solid var(--line)}
.head{max-width:720px}
.included h2,.packages h2,.audit h2{font-size:var(--t-h2);line-height:1.08;letter-spacing:var(--ls-h2);text-wrap:balance}
.lead{font-size:var(--t-b);color:var(--dim);margin-top:var(--s-4);max-width:58ch}
.hint{display:none}
.inc-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--s-7);align-items:center;margin-top:var(--s-7)}
.figure-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow-panel);padding:var(--s-4)}

.pkg-crop{position:relative;overflow:hidden;aspect-ratio:304/232}
.pkg-stage{--hairline-plate:#FFFFFF;--hairline-hi:#0E7A4A;--hairline-edge:#14201B;--hairline-mid:#5E726A;--hairline-lo:#C2D2CB;--hairline-stroke:1.4;
 position:absolute;left:-15.789%;top:-18.966%;width:131.579%;aspect-ratio:5/4}
.pkg-static{width:100%;height:100%}
.pkg-say{min-height:72px;font-size:var(--t-s);line-height:1.5;color:var(--ink);padding:var(--s-3) var(--s-2) var(--s-1);border-top:1px solid var(--line);margin-top:var(--s-2)}
.parts{display:flex;flex-direction:column;gap:var(--s-5)}
.grp-name{font:500 var(--t-s)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green-deep);margin:0 0 var(--s-2) var(--s-4)}
.part{display:flex;align-items:flex-start;gap:var(--s-3);border-left:2px solid var(--line-2);padding:var(--s-3) var(--s-4);border-radius:0 var(--r-s) var(--r-s) 0;
 transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}
.part-ic{display:none;width:56px;height:56px;flex:0 0 auto}
.part-txt{display:grid;gap:var(--s-1)}
.part-name{font-weight:700;font-size:var(--t-b);color:var(--ink)}
.part-what{font-size:var(--t-s);line-height:1.45;color:var(--dim)}
.swatches{display:inline-flex;align-items:center;gap:var(--s-2);vertical-align:middle;margin-left:var(--s-1)}
.sw{width:16px;height:16px;border-radius:50%;border:1px solid rgba(20,32,27,.18)}
.sw-blue{background:var(--stand-blue)}.sw-green{background:var(--stand-green)}

@media (min-width:1181px){
 html.js .hint{display:block}
 html.js .parts.is-live .part[data-part]{cursor:default}
 html.js .parts.is-live .part[data-part]:hover,html.js .parts.is-live .part.is-on{border-left-color:var(--green-deep);background:var(--white)}
 html.js .parts.is-live .part.is-on .part-name{color:var(--green-deep)}
}


.packages{padding:var(--s-9) 0;border-top:1px solid var(--line)}
.picker{border:0;margin-top:var(--s-6);display:flex;flex-wrap:wrap;gap:var(--s-2)}
html:not(.js) .picker,html:not(.js) .pick-say{display:none}
.picker legend{font-size:var(--t-s);color:var(--dim);margin-bottom:var(--s-3);width:100%}
.opt{position:relative;display:inline-flex}
.opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.opt span{display:inline-flex;align-items:center;min-height:var(--target);padding:var(--s-2) var(--s-5);border:1.5px solid var(--dim);border-radius:var(--r-pill);font-weight:600;font-size:var(--t-s);color:var(--ink);background:var(--white);transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease),color var(--fast) var(--ease)}
.opt input:hover+span{border-color:var(--ink)}
.opt input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--white)}
.opt input:focus-visible+span{outline:2px solid var(--green-deep);outline-offset:var(--s-1)}
.pick-say{min-height:24px;margin-top:var(--s-3);font-size:var(--t-s);color:var(--dim)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);margin-top:var(--s-5)}
.card{position:relative;display:flex;flex-direction:column;gap:var(--s-4);background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-m);padding:var(--s-6) var(--s-5) var(--s-5);
 transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}
.card h3{font-size:var(--t-h3);line-height:1.15;letter-spacing:-.01em}
.best{font-size:var(--t-s);color:var(--ink)}
.best b{font-weight:700}
.inc{display:flex;flex-direction:column;gap:var(--s-2);border-top:1px solid var(--line);padding-top:var(--s-4);flex:1}
.inc-lead{font-size:var(--t-s);color:var(--dim)}
.inc li{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-s);line-height:1.35}
.inc .ic{width:32px;height:32px;flex:0 0 auto}
.card .btn{align-self:stretch}
.fit-tag{display:none;position:absolute;top:var(--s-4);right:var(--s-4);font:500 var(--t-2xs)/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--green-deep);background:var(--tint);padding:var(--s-1) var(--s-2);border-radius:var(--r-pill)}
.card.is-fit{border-color:var(--green-deep);box-shadow:var(--shadow-panel)}
.card.is-fit .fit-tag{display:block}
.card.is-fit .btn-line{background:var(--ink);color:var(--white)}
.card.is-other{background:var(--mist)}
.cards-note{margin-top:var(--s-5);font-size:var(--t-b);color:var(--ink)}


.audit{padding:var(--s-9) 0;border-top:1px solid var(--line);background:var(--mist)}
.audit-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-7)}
.audit-act{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);flex:0 0 auto}
.audit-call{font-size:var(--t-b);color:var(--ink)}


.foot{border-top:1px solid var(--line);padding:var(--s-5) 0;font-size:var(--t-s);color:var(--dim)}
.foot-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap}
.foot .tlink{color:var(--ink)}


@media (max-width:1180px){
 .hero-grid{grid-template-columns:1fr 1fr;gap:var(--s-6)}
 .chat{margin-top:var(--s-4);margin-right:0;width:min(380px,100%)}
 .stage-note{max-width:none}
 .cards{grid-template-columns:1fr;max-width:640px}
}

@media (max-width:1180px) and (min-width:600px){
 .inc-grid{grid-template-columns:1fr 1fr;gap:var(--s-5);align-items:start}
 .figure-card{position:sticky;top:calc(var(--nav-h) + var(--s-4));padding:var(--s-2)}
}

@media (max-width:860px){
 .wrap{padding:0 20px}
 .nav-row{height:64px;gap:var(--s-4)}
 .brand img{width:128px}
 .nav-links{display:none}
 .btn-nav{margin-left:auto;padding:0 var(--s-4);font-size:var(--t-xs)}
 .hero{padding:var(--s-6) 0 var(--s-8);background:radial-gradient(90% 40% at 50% 60%,var(--glow) 0%,rgba(252,252,251,0) 72%)}
 .hero-grid{grid-template-columns:1fr;gap:var(--s-6)}
 .eyebrow{letter-spacing:.06em}
 .hero h1{font-size:2.5rem}
 .lede{font-size:var(--t-b);max-width:none}
 .actions{gap:var(--s-2) var(--s-5);margin-top:var(--s-5)}
 .actions .btn-big{width:100%;max-width:400px}
 .stage{width:100%;max-width:520px;margin:0 auto}
 .stage-note{justify-content:center}
 .chat{align-self:center;width:100%;max-width:440px}
 .included,.packages{padding:var(--s-8) 0}
 .audit{padding:var(--s-8) 0}
 .audit-row{flex-direction:column;align-items:stretch;gap:var(--s-5)}
 .audit-act .btn{width:100%;max-width:400px}
 .picker{flex-direction:column;align-items:stretch}
 .opt span{width:100%}
}

@media (max-width:599px){
 .figure-card{display:none}
 .inc-grid{grid-template-columns:1fr;margin-top:var(--s-5)}
 .part-ic{display:block}
}

@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}
}