:root{--pine:#123f32;--pine-dark:#0c2c24;--green:#1b7055;--mint:#dceddf;--paper:#f5f6f1;--white:#fff;--ink:#17231e;--muted:#5e6860;--line:#d7dfd5;--max:1180px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:#fff;color:var(--ink);font:16px/1.65 'Figtree',Arial,sans-serif;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #8ccc95;outline-offset:5px}
h1,h2,h3,h4,p,figure,blockquote{margin-top:0}
h1,h2,h3,h4{font-family:'Outfit',Arial,sans-serif;font-weight:500}
.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}
.skip-link{position:fixed;z-index:100;top:10px;left:10px;background:#fff;padding:10px 16px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(32px,calc((100% - var(--max))/2));min-height:70px;background:var(--pine-dark);color:#f2f7ef;border-bottom:1px solid rgba(255,255,255,.12)}
.topbar__owner{font:500 .86rem 'Outfit',sans-serif;letter-spacing:.01em}.topbar__descriptor{font-weight:300;opacity:.56}.topbar__back{font:500 .85rem 'Outfit',sans-serif;opacity:.84}.topbar__back:hover{opacity:1}
.hero{position:relative;overflow:hidden;background:var(--pine-dark);color:#fff}
.hero:before{position:absolute;inset:0;content:'';pointer-events:none;background:radial-gradient(circle at 81% 24%,rgba(81,149,108,.21),transparent 39%);opacity:.9}
.hero__inner{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:3.5vw;min-height:min(755px,82vh);padding-block:88px 68px}
.eyebrow,.section__label,.story__number,.study__eyebrow,.fact-label,.hero__art-note,.hero__index{font-family:'Outfit',sans-serif;letter-spacing:.135em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 26px;color:#a8c8b0;font-size:.71rem;font-weight:600}.eyebrow__line{width:24px;height:1px;background:#a8c8b0}
.hero h1{margin:0;font-size:clamp(4.4rem,9.6vw,9rem);letter-spacing:-.078em;line-height:.95;font-weight:500}.hero__dot{color:#c9ddbe}
.hero__statement{max-width:530px;margin:26px 0 22px;font-family:'Outfit',sans-serif;font-size:clamp(1.45rem,2.65vw,2.3rem);font-weight:400;letter-spacing:-.035em;line-height:1.2}
.hero__intro{max-width:500px;margin:0;color:#ceddd0;font-size:1.04rem;line-height:1.78}
.hero__actions,.closing-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:35px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:34px;min-height:50px;padding:12px 20px;font:.88rem 'Outfit',sans-serif;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}
.button--light{background:#edf3e8;color:var(--pine-dark)}.button--light:hover{background:#fff}
.button--dark{background:var(--pine);color:#fff}.button--dark:hover{background:var(--pine-dark)}
.text-link{font-size:.86rem;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:5px;white-space:nowrap}
.hero__art{position:relative;min-width:0;transform:rotate(-2.2deg)}
.hero__art-note{position:absolute;right:0;bottom:-31px;font-size:.59rem;color:#a5c6b1}
.browser{background:#fff;color:#16241d;border-radius:12px;overflow:hidden;box-shadow:0 45px 100px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.2);width:100%}
.browser__chrome{height:31px;display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid #e4e8e4;background:#f3f5f1}.browser__chrome>span{width:6px;height:6px;background:#bfc9be;border-radius:50%}.browser__chrome small{margin:auto;font-size:.6rem;color:#838e83;letter-spacing:.03em}
.browser__page{padding:0 23px 30px}.browser__nav{display:flex;align-items:center;justify-content:space-between;gap:10px;height:56px;font-size:.58rem;font-weight:600;color:#535d54}.browser__nav strong{font-size:1.2rem;letter-spacing:-.05em;color:#111b14}.browser__icons{font-size:1.05rem}
.browser__headline{padding:34px 4px 28px;border-bottom:1px solid #dce2dc;font:600 clamp(2.1rem,3.8vw,3.75rem)/.98 'Outfit',sans-serif;letter-spacing:-.055em}.browser__headline small{display:block;margin-top:10px;font:400 .68rem/1.3 'Figtree',sans-serif;letter-spacing:0;color:#737e73}
.browser__catalog{display:grid;grid-template-columns:105px 1fr;gap:17px;margin-top:20px}
.browser__filters{display:flex;flex-direction:column;gap:13px;border-right:1px solid #e5e8e2;color:#606b61;font-size:.55rem}.browser__filters>b{color:#182a1e}.browser__filters span:first-of-type{padding:7px 3px;border:1px solid #dbe1d9;margin-right:10px}
.browser__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.browser__card{font-size:.52rem;min-width:0}.browser__card-art{display:flex;align-items:center;justify-content:center;aspect-ratio:1.2;margin-bottom:8px;font:600 clamp(.7rem,1.7vw,1.3rem) 'Outfit',sans-serif}.browser__card-art--blue{background:#f7db22;color:#1452b7}.browser__card-art--ink{background:#1f2124;color:#fff}.browser__card-art--rose{background:#dbdddd;color:#282a2b}
.browser__card b{display:block;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser__card span{display:block;color:#235b43}.browser__card s{color:#7c857a}
.hero__index{position:relative;display:flex;justify-content:space-between;gap:20px;padding:0 0 18px;color:#84ab92;font-size:.62rem;border-bottom:1px solid rgba(255,255,255,.15)}
.facts{background:#f2f5ef;border-bottom:1px solid #e1e9df}.facts__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-block:31px}
.facts__grid>div{border-left:1px solid #cfdccd;padding-left:18px}.fact-label{display:block;font-size:.66rem;color:#557464;margin-bottom:7px;font-weight:600}.facts strong{display:block;font-family:'Outfit',sans-serif;font-size:.96rem;line-height:1.45;font-weight:500}
.section{padding:clamp(85px,10vw,144px) 0}.two-col,.build-grid,.closing-grid{display:grid;grid-template-columns:minmax(210px,.39fr) minmax(0,1fr);gap:clamp(30px,8vw,135px)}
.section__label{margin:0;font-size:.69rem;color:var(--green);font-weight:600}.section__label span{color:#8cb6a0}
.section h2{margin:0 0 28px;font-size:clamp(2.65rem,5.4vw,5.1rem);line-height:1.04;letter-spacing:-.057em}.section p{line-height:1.8}
.section--opening .two-col>div:last-child{max-width:785px}.section--opening p{font-size:1.06rem;color:#5a625c}.section .lead{color:#182720;font-size:clamp(1.15rem,2vw,1.48rem);line-height:1.53;font-weight:500;margin-bottom:23px}
.section--dark{background:var(--pine);color:#fff}.principle{display:grid;grid-template-columns:1fr 2fr;column-gap:8vw;align-items:start}.principle .section__label{color:#a8d5b9}.principle blockquote{grid-column:2;font:400 clamp(3rem,6.5vw,7rem)/.98 'Outfit',sans-serif;letter-spacing:-.066em;margin:0 0 34px;max-width:800px}.principle>p:last-child{grid-column:2;max-width:640px;color:#cddfd1;font-size:1.1rem;margin:0}
.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:0 8vw;margin-bottom:66px}.section-heading .section__label{grid-row:span 2}.section-heading h2{max-width:760px;margin:0}.section-heading__intro{grid-column:2;max-width:615px;color:var(--muted);font-size:1.06rem}
.story{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:7.5%;align-items:center;padding:72px 0;border-top:1px solid var(--line)}.story--reverse .story__text{order:2}.story--reverse .study{order:1}.story__text{max-width:430px}.story__number{font-size:.71rem;color:var(--green);font-weight:600;margin-bottom:26px}.story h3{font-size:clamp(2.15rem,4.3vw,3.9rem);letter-spacing:-.06em;line-height:1.1;margin:0 0 22px}.story p:not(.story__number){color:#58635b;font-size:1rem;line-height:1.78}.story p.story__small{color:#1c3e2d;font-size:.93rem;border-left:2px solid #a5cdb0;padding-left:16px;margin-top:20px}
.study{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:475px;overflow:hidden;padding:32px;background:#f3f6f1;border:1px solid #e3e9e1}.study__eyebrow{font-size:.63rem;color:#708677;font-weight:600}
.study figcaption{color:#617067;font-size:.79rem;line-height:1.5;margin-top:24px;max-width:550px}
.price-card{width:min(100%,410px);margin:15px auto 0;background:#fff;box-shadow:0 16px 45px rgba(18,46,28,.08);padding:20px}.price-card__art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:130px;background:#e1e9dc;color:#183d32}.price-card__art>span{font:600 2.3rem 'Outfit',sans-serif;letter-spacing:-.07em}.price-card__art small{font-size:.56rem;letter-spacing:.2em}.price-card__meta{display:flex;justify-content:space-between;gap:10px;color:#737e73;font-size:.65rem;margin-top:15px}.verified{color:#1a7653;font-weight:700;font-size:.57rem}.price-card h4{font-size:1.42rem;letter-spacing:-.04em;margin:10px 0 12px}.price-card__values{display:grid;grid-template-columns:1fr 1fr;padding:13px 0;border-block:1px solid #e8ece7;gap:12px}.price-card__values>div{display:grid;gap:3px}.price-card__values small{font-size:.55rem;color:#8a968c;letter-spacing:.09em}.price-card__values strong{font:600 1.7rem 'Outfit',sans-serif;color:#153d30}.price-card__values s{font:400 1.3rem 'Outfit',sans-serif;color:#838f82}.price-card__saving{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:#15764f;font-weight:700;font-size:.86rem}.price-card__saving span{color:#596f5f;font-size:.75rem;font-weight:500}.price-card p{font-size:.67rem!important;line-height:1.3!important;color:#7e897f!important;margin:12px 0 0}
.study--payout{background:#e7efea}.payout{width:min(100%,410px);margin:15px auto 0;background:#fff;box-shadow:0 16px 50px rgba(28,70,52,.08);padding:24px}.payout__card{background:#235c46;color:#fff;min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:19px}.payout__card span{font-size:.6rem;letter-spacing:.2em;opacity:.7}.payout__card strong{font:600 2.5rem 'Outfit',sans-serif;letter-spacing:-.06em}.payout__card small{opacity:.7}.payout__rows>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #e7eee8;font-size:.85rem;color:#626d63}.payout__rows b{font-weight:600;color:#243b2a}.payout__rows .payout__total{border:0;padding-top:19px;font-weight:700;color:#153a29}.payout__total b{font:600 1.6rem 'Outfit',sans-serif;color:#155f42}.payout__foot{display:flex;align-items:center;gap:8px;font-size:.7rem;color:#5b705f;margin-top:15px}.payout__dot{width:7px;height:7px;background:#d1a058;border-radius:50%}
.study--proof{background:#ebf1e8}.step-track{margin:22px 0 5px;padding:0;list-style:none}.step-track li{position:relative;display:grid;grid-template-columns:43px 1fr;gap:12px;align-items:start;padding:0 0 24px}.step-track li:not(:last-child):before{content:'';position:absolute;top:29px;bottom:0;left:16px;border-left:1px dashed #9ebaa5}.step-track li>span{display:flex;align-items:center;justify-content:center;flex:none;width:33px;height:33px;border:1px solid #98b9a0;background:#fff;border-radius:50%;font:.78rem 'Outfit',sans-serif;color:#22533b}.step-track strong{display:block;font:500 1.28rem 'Outfit',sans-serif;letter-spacing:-.025em}.step-track small{display:block;color:#647368;font-size:.78rem;margin-top:4px}
.study--flow{background:#e9eeeb}.flow-state{display:grid;justify-items:center;gap:5px;width:70%;margin:25px auto 0;background:#fff;border:1px solid #c4d8ca;padding:18px;text-align:center}.flow-state small,.flow-branches small{color:#669079;font-size:.59rem;letter-spacing:.13em;font-weight:700}.flow-state strong,.flow-branches strong{font:500 1.12rem 'Outfit',sans-serif}.flow-state span,.flow-branches span{font-size:.73rem;color:#6c776f}.flow-split{position:relative;width:56%;height:57px;margin:0 auto;border-bottom:1px solid #9bb7a4}.flow-split:before{content:'';position:absolute;left:50%;top:0;height:27px;border-left:1px solid #9bb7a4}.flow-split span{position:absolute;bottom:-16px;height:16px;border-left:1px solid #9bb7a4}.flow-split span:first-child{left:0}.flow-split span:last-child{right:0}.flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flow-branches>div{display:grid;align-content:center;justify-items:center;gap:8px;min-height:145px;padding:13px;text-align:center;background:#fff;border:1px solid #d1e0d3}.flow-branches>div:last-child{background:#cce4d3}
.section--soft{background:#f2f5ef}.build-grid .lead{margin-top:0}.constraint-list{border-top:1px solid #ccd8cb}.constraint-list>div{display:grid;grid-template-columns:145px 1fr;gap:26px;padding:21px 0;border-bottom:1px solid #ccd8cb}.constraint-list span{font:600 .73rem 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#246149}.constraint-list p{margin:0;color:#59675d;line-height:1.65}
.section--closing{padding-block:125px}.closing-grid p{max-width:730px;color:#526057}.closing-grid h2{max-width:780px}.closing-actions{margin-top:37px}
.footer{display:flex;justify-content:space-between;gap:30px;padding-block:28px;border-top:1px solid #d5dfd5;font-size:.8rem;color:#6b766d}.footer a{color:#234c39}
@media(max-width:1050px){.hero__inner{grid-template-columns:1fr 1fr;gap:32px;min-height:670px}.hero h1{font-size:clamp(4rem,8vw,7rem)}.browser__page{padding:0 15px 17px}.browser__filters{display:none}.browser__catalog{display:block}.browser__headline{padding:25px 0}.browser__nav{height:42px}.facts__grid{grid-template-columns:repeat(2,1fr)}.story{gap:5%;grid-template-columns:1fr 1fr}}
@media(max-width:740px){.wrap{width:min(calc(100% - 36px),var(--max))}.topbar{min-height:62px;padding-inline:18px}.topbar__descriptor{display:none}.topbar__back{font-size:.78rem}.hero__inner{display:block;padding-block:76px 70px;min-height:0}.hero__copy{max-width:620px}.hero h1{font-size:clamp(4.1rem,16vw,7rem)}.hero__statement{font-size:clamp(1.75rem,7vw,2.6rem)}.hero__intro{font-size:1rem}.hero__art{max-width:580px;margin:65px auto 15px;transform:rotate(-1deg)}.hero__index{font-size:.55rem}.browser__catalog{margin-top:15px}.browser__headline{font-size:clamp(2rem,6vw,3rem)}.facts__grid{gap:24px;padding-block:25px}.facts strong{font-size:.85rem}.two-col,.build-grid,.closing-grid,.principle,.section-heading{display:block}.section__label{margin-bottom:32px}.principle blockquote{font-size:clamp(3rem,12vw,5.5rem)}.section{padding:82px 0}.section-heading{margin-bottom:35px}.section-heading h2{font-size:clamp(2.5rem,9vw,4rem)}.story,.story--reverse{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:58px 0}.story--reverse .story__text,.story--reverse .study{order:initial}.story__text{max-width:620px}.study{min-height:400px}.constraint-list>div{grid-template-columns:1fr;gap:5px}.section--closing{padding-block:85px}}
@media(max-width:430px){.browser__grid{gap:6px}.browser__page{padding:0 10px 14px}.browser__nav{font-size:.48rem}.browser__nav strong{font-size:.9rem}.browser__headline{font-size:2.1rem}.browser__card-art{font-size:.76rem}.browser__card b{font-size:.46rem}.browser__card span{font-size:.45rem}.study{padding:20px;min-height:0}.price-card,.payout{padding:15px}.price-card__values strong{font-size:1.4rem}.flow-state{width:95%}.flow-branches{gap:8px}.flow-branches>div{padding:10px 5px}.flow-branches strong{font-size:.95rem}.facts__grid{grid-template-columns:1fr 1fr}.facts__grid>div{padding-left:12px}.closing-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero__actions{align-items:flex-start;flex-direction:column;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Real product screenshots, rendered directly instead of waiting for an image load event. */
.hero__shot {
  display:block;
  width:100%;
  height:auto;
  box-shadow:0 35px 80px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.2);
  background:#fff;
}
.real-shot {
  display:block;
  width:100%;
  height:auto;
  border:1px solid #e0e7df;
  background:#fff;
}
.study {
  min-height:0;
  justify-content:flex-start;
  gap:0;
}
.study__eyebrow {
  order:0;
  margin:0 0 19px;
}
.study>.real-shot,
.study>.shot-stack {
  order:1;
}
.shot-stack {
  display:grid;
  gap:16px;
}
.shot-stack .real-shot {
  display:block;
}
.shot-link {
  display:block;
  position:relative;
  overflow:hidden;
  background:white;
  box-shadow:0 16px 34px rgba(25,60,39,.09);
  transition:box-shadow .2s ease,transform .2s ease;
}
.shot-link:hover {
  box-shadow:0 22px 48px rgba(25,60,39,.15);
  transform:translateY(-2px);
}
.shot-link:focus-visible {
  outline:3px solid #418765;
  outline-offset:4px;
}
.shot-link:after {
  content:"↗";
  position:absolute;
  bottom:12px;
  right:12px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  background:rgba(255,255,255,.95);
  color:#164831;
  font-size:1.13rem;
  box-shadow:0 2px 14px rgba(0,0,0,.08);
  transition:transform .2s ease;
}
.shot-link:hover:after {transform:translate(2px,-2px)}
.study figcaption {
  order:2;
  margin-top:18px;
  font-size:.81rem;
  color:#587063;
  max-width:none;
}
@media(max-width:740px) {
  .hero__art {transform:none}
  .study {padding:18px}
  .shot-stack {gap:12px}
}
@media(prefers-reduced-motion:reduce) {
  .shot-link,.shot-link:after {transition:none}
}
