:root{
  --paper:#F5F1E8;
  --paper-deep:#E9E3D6;
  --card:#FFFEFB;
  --ink:#142B2B;
  --muted:#5B6C6B;
  --green:#0D6A5B;
  --green-deep:#084D42;
  --mint:#2AB69A;
  --mint-soft:#2ab69a1c;
  --gold:#D6A62A;
  --terra:#B3402F;
  --line:#DDDCD2;
  --line-soft:#e8e6dc;
  --r:18px;
  --r-sm:10px;
  --shadow-card:0 3px 7px #142b2b06,0 18px 40px -18px #142b2b30;
  --shadow-product:0 5px 12px #142b2b0a,0 28px 55px -24px #142b2b55;
  --maxw:1240px
}
*{
  box-sizing:border-box;
  margin:0;
  padding:0
}
html{
  scroll-behavior:smooth
}
body{
  font-family:'Albert Sans',system-ui,sans-serif;
  background:var(--paper);
  color:var(--ink);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased
}
a{
  color:inherit;
  text-decoration:none
}
button,input,select,textarea{
  font:inherit
}
img{
  max-width:100%;
  height:auto;
  display:block
}
h1,h2,h3,h4{
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:700
}
h2{
  font-size:clamp(30px,3.3vw,44px)
}
h3{
  font-size:21px
}
p+p{
  margin-top:16px
}
.wrap{
  width:100%;
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:32px
}
section{
  padding:80px 0;
  position:relative
}
[id]{
  scroll-margin-top:110px
}
.anchor-alias{
  position:absolute;
  top:0
}
.eyebrow{
  font-size:11px;
  line-height:1.5;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--green);
  margin-bottom:18px
}
.lead{
  font-size:18px;
  line-height:1.65;
  color:var(--muted)
}
.small,.caption{
  font-size:13px;
  line-height:1.55;
  color:var(--muted)
}
:focus-visible{
  outline:3px solid var(--gold);
  outline-offset:4px
}
::selection{
  background:#d6a62a55
}
.skip-link{
  position:fixed;
  top:8px;
  left:10px;
  transform:translateY(-150%);
  padding:12px 20px;
  background:var(--green-deep);
  color:#fff;
  z-index:100
}
.skip-link:focus{
  transform:none
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  min-height:48px;
  padding:14px 22px;
  border:1px solid transparent;
  border-radius:9px;
  font-size:15px;
  font-weight:700;
  line-height:1.3;
  font-family:inherit;
  cursor:pointer;
  transition:background .2s,box-shadow .2s,transform .2s
}
.btn-primary{
  background:linear-gradient(135deg,#107765,var(--green-deep));
  border-color:#ffffff20;
  box-shadow:inset 0 1px 0 #ffffff25,0 5px 12px #084d4220;
  color:#fff
}
.btn-primary:hover{
  background:var(--green-deep);
  box-shadow:0 6px 20px #084d4222
}
.btn-light{
  background:var(--paper);
  color:var(--green-deep)
}
.btn-light:hover{
  background:#fff
}
.btn:disabled{
  opacity:.65;
  cursor:wait
}
.text-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:12px 0;
  font-size:15px;
  font-weight:700;
  color:var(--green);
  text-decoration:underline;
  text-underline-offset:5px;
  text-decoration-color:#0d6a5b55
}
.text-link:hover{
  text-decoration-color:var(--green)
}
/* Keep the logo, a primary action and sign-in available as navigation collapses. */
header.nav{
  position:sticky;
  top:0;
  z-index:60;
  background:#f5f1e8ed;
  box-shadow:0 3px 18px #142b2b06;
  border-bottom:1px solid var(--line-soft);
  backdrop-filter:blur(14px)
}
.nav-inner{
  height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px
}
.logo{
  display:flex;
  flex:none
}
.logo-asset{
  position:relative;
  display:block;
  width:182px;
  height:57px;
  overflow:hidden;
  flex:none
}
.logo-asset img{
  position:absolute;
  top:-91px;
  left:-28px;
  width:238px;
  height:238px;
  max-width:none;
  mix-blend-mode:darken
}
.logo-fallback{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important
}
.nav-links{
  display:flex;
  gap:24px;
  align-items:center
}
.nav-links a{
  font-size:14px;
  font-weight:600;
  padding:12px 0;
  white-space:nowrap
}
.nav-links a:hover{
  color:var(--green)
}
.nav-links .msignin,.nav-links .mobile-action{
  display:none
}
.nav-cta{
  display:flex;
  align-items:center;
  gap:20px
}
.signin{
  font-size:14px;
  font-weight:600;
  white-space:nowrap
}
.nav-cta .btn{
  font-size:13px;
  padding:13px 17px
}
.burger{
  display:none;
  appearance:none;
  place-items:center;
  flex:none;
  width:44px;
  height:44px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--card);
  color:var(--ink);
  cursor:pointer
}
.burger .x{
  display:none
}
.burger[aria-expanded=true] .bars{
  display:none
}
.burger[aria-expanded=true] .x{
  display:block
}
.hero{
  padding:62px 0 54px;
  background:radial-gradient(ellipse at 90% 30%,#2ab69a30,transparent 55%),radial-gradient(ellipse at 5% 95%,#d6a62a20,transparent 48%),linear-gradient(135deg,#fffcf5,var(--paper));
}
.hero-grid{
  display:grid;
  grid-template-columns:1.03fr 1fr;
  gap:54px;
  align-items:center
}
.hero h1{
  font-size:clamp(38px,3.9vw,53px);
  line-height:1.06;
  letter-spacing:-.045em;
  margin-bottom:24px
}
.hero h1 span{
  color:var(--green)
}
.hero .eyebrow{
  max-width:49ch
}
.hero .lead{
  font-size:18px
}
.hero-fit{
  font-size:16px;
  color:var(--muted);
  margin-top:15px
}
.hero-price{
  display:flex;
  align-items:center;
  gap:8px 16px;
  flex-wrap:wrap;
  font-size:14px;
  margin-top:25px
}
.hero-price strong{
  font-size:18px;
  color:var(--green-deep)
}
.hero-price span{
  color:var(--muted)
}
.hero-ctas{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 24px;
  margin-top:24px
}
.product-figure{
  min-width:0
}
.figure-label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--green-deep);
  padding:0 3px 12px
}
.figure-label>span:last-child{
  margin-left:auto;
  color:var(--muted);
  font-size:10px
}
.live-dot{
  display:inline-block;
  flex:none;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mint)
}
.product-viewport{
  overflow:auto;
  border:1px solid #142b2b22;
  border-radius:15px;
  background:#edeae3;
  box-shadow:var(--shadow-product);
  scrollbar-width:thin;
  scrollbar-color:#0d6a5b65 #e9e3d6
}
.product-crop{
  position:relative;
  width:100%;
  aspect-ratio:1330/813;
  overflow:hidden
}
.product-crop img{
  position:absolute;
  width:116.7669%;
  max-width:none;
  left:-16.7669%;
  top:0;
  transform:translateY(-7.0857%);
  height:auto
}
.product-figure figcaption{
  font-size:12px;
  color:var(--muted);
  margin:13px 3px 0;
  line-height:1.5
}
.swipe-hint{
  display:none;
  font-size:11px;
  font-weight:600;
  color:var(--green);
  margin-top:5px
}
.trust-strip{
  background:var(--card);
  border-block:1px solid var(--line-soft)
}
.trust-strip .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px 24px;
  padding-block:19px
}
.trust-strip span,.trust-strip a{
  font-size:12px;
  font-weight:600;
  color:var(--muted)
}
.trust-strip a{
  color:var(--green);
  text-decoration:underline;
  text-underline-offset:3px
}
.section-intro{
  max-width:830px;
  margin-bottom:38px
}
.section-intro .lead{
  margin-top:18px;
  max-width:66ch
}
.thread-section{
  background:radial-gradient(ellipse at 100% 100%,#d6a62a0d,transparent 60%),var(--card)
}
.thread-layout{
  display:grid;
  grid-template-columns:1.7fr 1fr;
  gap:44px;
  align-items:center
}
.video-column{
  min-width:0
}
video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:contain;
  border:1px solid #142b2b22;
  border-radius:14px;
  background:var(--green-deep);
  box-shadow:var(--shadow-product)
}
.video-column .caption{
  margin-top:12px;
  font-size:12px
}
.thread-stages{
  list-style:none;
  display:grid;
  gap:20px
}
.thread-stages li{
  display:flex;
  align-items:start;
  gap:15px;
  position:relative
}
.thread-stages li>span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  flex:none;
  border:1px solid #d6a62a99;
  color:var(--green);
  font-size:11px;
  font-weight:700;
  border-radius:50%;
  background:linear-gradient(145deg,#fffdf7,#efe4c5);
  box-shadow:0 3px 8px #d6a62a20
}
.thread-stages li:not(:last-child)::after{
  content:'';
  position:absolute;
  left:15px;
  top:35px;
  bottom:-17px;
  width:1px;
  background:#d6a62a66
}
.thread-stages h3{
  font-size:18px;
  margin:1px 0 4px;
  letter-spacing:-.02em
}
.thread-stages p{
  font-size:14px;
  line-height:1.4;
  color:var(--muted)
}
.product-section{
  background:radial-gradient(ellipse at 0 45%,#2ab69a10,transparent 55%),var(--paper)
}
.product-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center
}
.product-copy h2{
  max-width:20ch
}
.product-copy .lead{
  margin-top:20px
}
.fit-note{
  font-size:14px;
  font-weight:700;
  color:var(--green);
  margin-top:14px
}
.role-outcome{
  border-top:1px solid #142b2b20;
  padding-top:18px;
  margin-top:22px
}
.role-outcome h3{
  font-size:18px;
  margin-bottom:7px
}
.role-outcome p{
  font-size:15px;
  color:var(--muted)
}
.sustained-proof .product-crop{
  aspect-ratio:1330/813
}
.signals{
  margin-top:54px;
  border-top:1px solid #142b2b22;
  padding-top:30px;
  display:flex;
  gap:24px 30px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between
}
.signals h3{
  font-size:20px
}
.signals p{
  font-size:14px;
  color:var(--muted);
  margin-top:8px
}
.signals ul{
  display:flex;
  list-style:none;
  gap:8px;
  flex-wrap:nowrap;
  flex-shrink:0;
  max-width:100%;
  justify-content:flex-end
}
.signals li{
  white-space:nowrap;
  font-size:13px;
  font-weight:600;
  padding:8px 14px;
  border:1px solid #142b2b20;
  border-radius:50px;
  background:linear-gradient(#fffefa,#f5f6ed);
  box-shadow:0 3px 7px #142b2b08
}
.product-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:32px;
}
.screenshot-card{
  min-width:0;
  background:var(--card);
  border:1px solid #142b2b20;
  border-radius:18px;
  box-shadow:var(--shadow-card);
  overflow:hidden;
}
.dashboard-card{
  grid-column:1/-1;
}
.screenshot-card figcaption{
  padding:22px 24px;
  background:linear-gradient(115deg,#fffefa,#eaf2e9);
  border-top:3px solid #2ab69a70;
}
.dashboard-card figcaption{
  border-top-color:var(--gold);
  background:linear-gradient(115deg,#fffefa,#f5edda);
}
.screenshot-card h3{
  font-size:20px;
}
.screenshot-card p{
  color:var(--muted);
  font-size:14px;
  margin-top:8px;
}
.screenshot-frame{
  display:block;
  position:relative;
  overflow:hidden;
  background:#edeae3;
  border-block:1px solid var(--line-soft);
  aspect-ratio:16/9;
}
.screenshot-frame img{
  position:absolute;
  max-width:none;
  height:auto;
}
.dashboard-frame{
  aspect-ratio:1330/813;
}
.dashboard-frame img{
  width:116.7669%;
  left:-16.7669%;
  top:0;
  transform:translateY(-7.0857%);
}
.risk-frame img{
  width:120%;
  left:-19%;
  top:0;
}
.audits-frame img{
  width:200%;
  left:-32%;
  top:0;
  transform:translateY(-7%);
}
.capabilities{
  border-top:1px solid #142b2b18;
  margin-top:24px
}
.capabilities summary{
  cursor:pointer;
  color:var(--green);
  font-size:14px;
  font-weight:600;
  padding:18px 0;
  min-height:48px
}
.capability-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
  padding:12px 0 26px
}
.capability-grid h3,.benchmark-note h3{
  font-size:17px;
  margin-bottom:9px
}
.capability-grid p,.benchmark-note p{
  font-size:14px;
  color:var(--muted)
}
.benchmark-note{
  border-top:1px solid #142b2b22;
  padding-top:22px;
  max-width:780px
}
.acquisition-section{
  background:radial-gradient(ellipse at 95% 0%,#2ab69a35,transparent 60%),linear-gradient(135deg,#084D42,#103d36);
  color:var(--paper)
}
.acquisition-section .eyebrow{
  color:#D6C381
}
.acquisition-section .section-intro .lead{
  color:#c4d7ce
}
.acquisition-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}
.route-card{
  padding:34px;
  display:flex;
  flex-direction:column;
  border-radius:20px;
  box-shadow:0 16px 38px -18px #031f2b70,inset 0 1px 0 #ffffff20;
  min-width:0
}
.route-home{
  background:linear-gradient(140deg,#ffffff13,#ffffff04);
  border:1px solid #ffffff36
}
.route-label{
  font-size:11px;
  letter-spacing:.12em;
  font-weight:700;
  text-transform:uppercase;
  display:block;
  margin-bottom:18px
}
.route-card h3{
  font-size:29px;
  line-height:1.15;
  max-width:26ch;
  margin-bottom:18px
}
.route-card>p{
  font-size:16px;
  line-height:1.6
}
.route-home>p,.route-home .small{
  color:#c4d7ce
}
.ai-summary{
  padding:22px 0;
  margin-top:25px;
  border-block:1px solid #ffffff25
}
.ai-summary h4{
  font-size:18px;
  letter-spacing:-.02em;
  margin-bottom:10px
}
.ai-summary p{
  font-size:14px;
  color:#d1e2d8
}
.ai-summary p.small{
  font-size:12px;
  margin-top:12px
}
.route-cta{
  margin-top:auto;
  padding-top:27px;
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:12px
}
.route-cta .small{
  font-size:12px
}
.route-report{
  background:linear-gradient(140deg,#fffdf7,#efe7d6);
  color:var(--ink)
}
.route-report .route-label{
  color:var(--green)
}
.report-subtitle{
  color:var(--muted)
}
.report-preview{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:25px;
  align-items:center;
  margin-top:27px
}
.report-preview>p{
  font-size:14px;
  color:var(--muted)
}
.report-preview .small{
  display:block;
  font-size:12px;
  margin-top:14px
}
.report-cover{
  padding:17px 14px;
  width:130px;
  aspect-ratio:210/297;
  border:1px solid #142b2b20;
  border-left:5px solid #e1d9c7;
  box-shadow:8px 12px 18px -13px #142b2b66;
  transform:rotate(-3deg);
  display:flex;
  flex-direction:column;
  background:#f7f3ea
}
.report-cover>span{
  font-size:6px;
  line-height:1.45;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--green);
  font-weight:700
}
.report-cover b{
  font-size:26px;
  letter-spacing:-.055em;
  line-height:1.03;
  margin-top:18px
}
.report-cover i{
  display:block;
  width:30px;
  height:2px;
  background:var(--gold);
  margin-top:15px
}
.report-cover small{
  font-size:6px;
  margin-top:auto
}
.founder-price-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:76px;
  align-items:start
}
.founder-copy{
  padding-top:25px
}
.founder-copy .lead{
  margin-top:22px
}
.founder-copy>p:not(.eyebrow):not(.lead){
  color:var(--muted);
  font-size:16px
}
.founder-name{
  display:flex;
  align-items:center;
  gap:17px;
  margin:27px 0 18px
}
.initials{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  flex:none;
  border-radius:12px;
  background:var(--green);
  color:var(--paper);
  font-size:20px;
  font-weight:600
}
.founder-name p{
  font-size:14px;
  line-height:1.5
}
.founder-name p>span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:4px
}
.founder-copy>p.small{
  font-size:13px!important
}
.pricing-card{
  background:var(--card);
  padding:34px;
  border:1px solid #142b2b22;
  border-top:4px solid var(--gold);
  border-radius:18px;
  background:linear-gradient(155deg,#fffefa 65%,#f4eddd);
  box-shadow:var(--shadow-card)
}
.pricing-card h2{
  font-size:64px;
  letter-spacing:-.06em;
  display:flex;
  align-items:baseline;
  gap:13px;
  flex-wrap:wrap
}
.pricing-card h2 span{
  font-size:18px;
  font-weight:500;
  letter-spacing:-.02em
}
.price-included{
  color:var(--muted);
  font-size:16px;
  margin-top:13px
}
.price-features{
  list-style:none;
  margin:23px 0;
  display:grid;
  gap:9px
}
.price-features li{
  font-size:14px;
  display:flex;
  align-items:baseline;
  gap:10px
}
.price-features li:before{
  content:'✓';
  color:var(--green);
  font-weight:700
}
.pilot-terms{
  border-top:1px solid var(--line);
  padding-top:20px;
  margin-top:22px
}
.pilot-terms h3{
  font-size:18px;
  letter-spacing:-.02em
}
.pilot-terms p{
  font-size:13px;
  line-height:1.55;
  color:var(--muted);
  margin-top:12px
}
.pricing-card .btn{
  width:100%;
  margin-top:24px
}
.price-footnote{
  margin-top:16px!important;
  font-size:12px
}
.security-section{
  padding:44px 0;
  background:linear-gradient(110deg,#eee6d6,#e6eee4);
  border-block:1px solid #142b2b14
}
.security-layout{
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:70px;
  align-items:start
}
.security-layout h2{
  font-size:29px;
  max-width:23ch
}
.security-layout .eyebrow{
  font-size:10px;
  margin-bottom:13px
}
.security-layout>div>p:not(.eyebrow){
  font-size:15px;
  color:var(--muted)
}
.security-layout>div>p.small{
  font-size:13px;
  margin-top:12px
}
.security-layout .text-link{
  font-size:13px;
  margin-top:7px
}
/* Presentation only: the request form's markup, hooks and handling are unchanged. */
.form-sec{
  padding:70px 0;
  background:radial-gradient(ellipse at 0 100%,#2ab69a15,transparent 60%),#f0ebdf
}
.form-grid{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:70px
}
.form-grid>div{
  min-width:0
}
.form-grid h2{
  max-width:16ch
}
.form-grid .lead{
  font-size:17px
}
.fcard{
  box-shadow:var(--shadow-card)
}
.fg,.fg input,.fg select,.fg textarea{
  min-width:0;
  max-width:100%
}
.fg select{
  padding-right:28px;
  text-overflow:ellipsis
}
.form-row{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)
}
.fcard h3{
  font-size:21px;
  letter-spacing:-.02em
}
.fcard #rsubmit{
  margin-top:14px
}
.fcard .consent{
  line-height:1.5
}
.ferror{
  display:none;
  margin-top:12px;
  padding:12px 14px;
  border-radius:10px;
  background:#b3402f14;
  border:1px solid #b3402f40;
  color:var(--terra);
  font-size:13.5px
}
.ferror.show{
  display:block
}
.contact-alt{
  font-size:14px;
  overflow-wrap:anywhere
}
footer{
  background:var(--ink);
  color:#c3cfcc
}
.foot{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:30px;
  padding-block:45px
}
.foot .logo{
  display:inline-flex;
  background:var(--paper);
  border-radius:9px;
  padding:5px 9px
}
.foot .brandcol p{
  font-size:13px;
  max-width:30ch;
  color:#bacac4;
  margin-top:17px
}
.foot h4{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#b7c8bf;
  margin-bottom:16px
}
.foot a.fl{
  display:block;
  font-size:13px;
  padding:6px 0;
  overflow-wrap:anywhere
}
.foot a.fl:hover{
  color:#fff;
  text-decoration:underline
}
.legalbar{
  border-top:1px solid #ffffff22;
  padding:22px 0;
  color:#a6bbb0;
  font-size:11px;
  line-height:1.6
}
.legalbar p{
  max-width:110ch
}
@media(max-width:1100px){
  .nav-inner{
    gap:14px
  }
  .nav-links{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:var(--paper);
    box-shadow:0 20px 28px -24px #142b2b88;
    padding:10px 32px 20px;
    border-bottom:1px solid var(--line);
    flex-direction:column;
    align-items:stretch;
    gap:0
  }
  .nav-links a{
    font-size:16px;
    min-height:48px;
    border-bottom:1px solid var(--line-soft)
  }
  .nav-links .msignin{
    display:block
  }
  .nav.open .nav-links{
    display:flex
  }
  .burger{
    display:grid
  }
  .hero-grid{
    gap:30px
  }
  .hero h1{
    font-size:43px
  }
  .thread-layout{
    gap:28px;
    grid-template-columns:1.5fr 1fr
  }
  .product-section{
  background:radial-gradient(ellipse at 0 45%,#2ab69a10,transparent 55%),var(--paper)
}
.product-layout{
    gap:38px
  }
  .founder-price-grid{
    gap:42px
  }
  .hero-ctas{
    gap:10px 18px
  }
}
@media(max-width:820px){
  section{
    padding:62px 0
  }
  .wrap{
    padding-inline:28px
  }
  .hero-grid{
    grid-template-columns:1fr;
    gap:34px
  }
  .hero h1{
    font-size:50px;
    max-width:21ch
  }
  .hero-copy .lead{
    max-width:65ch
  }
  .hero-proof{
    max-width:620px;
    width:100%;
    margin-inline:auto
  }
  .hero-proof .product-crop{
    aspect-ratio:1330/813
  }
  .trust-strip .wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px 25px
  }
  .thread-layout{
    grid-template-columns:1fr;
    gap:28px
  }
  .thread-stages{
    grid-template-columns:1fr 1fr;
    gap:22px 25px
  }
  .thread-stages li:after{
    display:none
  }
  .thread-stages li:last-child{
    grid-column:1/-1
  }
  .product-section{
  background:radial-gradient(ellipse at 0 45%,#2ab69a10,transparent 55%),var(--paper)
}
.product-layout{
    grid-template-columns:1fr;
    gap:32px
  }
  .product-copy h2{
    max-width:25ch
  }
  .product-copy .lead{
    max-width:65ch
  }
  .sustained-proof{
    max-width:620px;
    width:100%;
    margin-inline:auto
  }
  .sustained-proof .product-crop{
    aspect-ratio:1330/813
  }
  .signals{
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
    margin-top:36px
  }
  .signals ul{
    justify-content:flex-start;
    max-width:none
  }
  .capability-grid{
    grid-template-columns:1fr 1fr
  }
  .acquisition-grid{
    gap:18px
  }
  .route-card{
    padding:24px
  }
  .route-card h3{
    font-size:25px
  }
  .report-preview{
    grid-template-columns:1fr;
    gap:20px
  }
  .report-cover{
    display:none
  }
  .founder-price-grid{
    grid-template-columns:1fr;
    gap:34px
  }
  .founder-copy{
    padding-top:0;
    max-width:660px
  }
  .pricing-card{
    max-width:640px;
    width:100%
  }
  .security-layout{
    grid-template-columns:1fr;
    gap:20px
  }
  .security-layout h2{
    max-width:30ch
  }
  .form-grid{
    grid-template-columns:1fr;
    gap:30px
  }
  .form-grid h2{
    max-width:23ch
  }
  .form-grid .lead{
    max-width:60ch
  }
  .form-grid .contact-alt{
    margin-top:17px
  }
  .foot{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px
  }
  .foot .brandcol{
    grid-column:1/-1
  }
  .foot .brandcol p{
    max-width:55ch
  }
}
@media(max-width:600px){
  .wrap{
    padding-inline:22px
  }
  .nav-inner{
    height:74px
  }
  .logo-asset{
    width:150px;
    height:49px
  }
  .logo-asset img{
    width:199px;
    height:199px;
    left:-23px;
    top:-76px
  }
  .nav-cta{
    gap:13px
  }
  .nav-cta>.btn{
    display:none
  }
  .nav-cta .signin{
    font-size:12px
  }
  .nav-links{
    padding-inline:22px
  }
  .nav-links .mobile-action{
    display:block;
    color:var(--green);
    font-weight:700
  }
  .hero{
    padding:38px 0 38px
  }
  .hero .eyebrow{
    font-size:10px;
    max-width:38ch;
    margin-bottom:19px
  }
  .hero h1{
    font-size:39px;
    line-height:1.08;
    letter-spacing:-.045em;
    max-width:20ch;
    margin-bottom:19px
  }
  .hero .lead{
    font-size:16px;
    line-height:1.6
  }
  .hero-fit{
    font-size:14px;
    margin-top:13px
  }
  .hero-price{
    gap:2px;
    margin-top:21px;
    flex-direction:column;
    align-items:flex-start
  }
  .hero-price strong{
    font-size:17px
  }
  .hero-price span{
    font-size:13px
  }
  .hero-ctas{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-top:22px;
    flex-direction:column
  }
  .hero-ctas .btn{
    width:100%;
    min-height:50px
  }
  .hero-ctas .text-link{
    padding-block:9px
  }
  .hero-grid{
    gap:22px
  }
  .product-crop,.hero-proof .product-crop,.sustained-proof .product-crop{
    min-width:550px;
    aspect-ratio:1330/813
  }
  .product-viewport{
    border-radius:11px
  }
  .swipe-hint{
    display:block
  }
  .figure-label{
    font-size:10px;
    padding-bottom:10px
  }
  .figure-label>span:last-child{
    font-size:9px
  }
  .product-figure figcaption{
    font-size:12px
  }
  .trust-strip .wrap{
    gap:12px 20px;
    padding-block:19px
  }
  .trust-strip span,.trust-strip a{
    font-size:11px;
    line-height:1.5
  }
  .section-intro{
    margin-bottom:27px
  }
  .section-intro .lead{
    font-size:16px;
    margin-top:17px
  }
  h2{
    font-size:32px;
    line-height:1.13
  }
  .eyebrow{
    font-size:10px;
    margin-bottom:15px
  }
  section{
    padding:48px 0
  }
  .thread-layout{
    gap:25px
  }
  .thread-stages{
    grid-template-columns:1fr;
    gap:17px
  }
  .thread-stages li:last-child{
    grid-column:auto
  }
  .thread-stages li:not(:last-child)::after{
    display:block;
    bottom:-14px
  }
  .thread-stages li>span{
    width:30px;
    height:30px
  }
  .thread-stages li:after{
    left:14px
  }
  .thread-stages h3{
    font-size:17px
  }
  .thread-stages p{
    font-size:13px
  }
  .thread-stages li{
    gap:13px
  }
  .video-column .caption{
    font-size:11px
  }
  .product-copy .lead{
    font-size:16px
  }
  .fit-note{
    font-size:13px
  }
  .role-outcome{
    padding-top:15px;
    margin-top:19px
  }
  .role-outcome h3{
    font-size:17px
  }
  .role-outcome p{
    font-size:14px
  }
  .signals{
    padding-top:25px
  }
  .signals h3{
    font-size:19px
  }
  .signals ul{
    flex-wrap:wrap;
    flex-shrink:1;
  }
  .product-gallery{
    grid-template-columns:1fr;
    gap:20px;
    margin-top:25px;
  }
  .screenshot-card figcaption{
    padding:20px;
  }
  .signals li{
    font-size:12px;
    padding:7px 12px
  }
  .capability-grid{
    grid-template-columns:1fr
  }
  .acquisition-grid{
    grid-template-columns:1fr;
    gap:20px
  }
  .route-card{
    padding:25px
  }
  .route-card h3{
    font-size:27px
  }
  .route-card>p{
    font-size:15px
  }
  .report-preview{
    grid-template-columns:94px 1fr;
    gap:19px
  }
  .report-cover{
    display:flex;
    width:94px;
    padding:13px 10px;
    border-left-width:3px
  }
  .report-cover b{
    font-size:20px;
    margin-top:12px
  }
  .report-cover>span{
    font-size:5px
  }
  .report-cover i{
    margin-top:10px
  }
  .report-preview>p{
    font-size:13px
  }
  .report-preview .small{
    font-size:11px
  }
  .route-cta .btn{
    width:100%;
    font-size:14px;
    padding-inline:12px
  }
  .ai-summary{
    margin-top:20px;
    padding-block:19px
  }
  .ai-summary p{
    font-size:13px
  }
  .founder-copy .lead{
    font-size:16px
  }
  .founder-copy>p:not(.eyebrow):not(.lead){
    font-size:14px
  }
  .founder-name{
    gap:12px
  }
  .founder-name strong{
    font-size:13px
  }
  .founder-name p>span{
    font-size:11px
  }
  .pricing-card{
    padding:26px
  }
  .pricing-card h2{
    font-size:57px;
    gap:5px 12px
  }
  .pricing-card h2 span{
    font-size:17px
  }
  .price-included{
    font-size:15px
  }
  .security-section{
    padding:35px 0
  }
  .security-layout h2{
    font-size:27px
  }
  .security-layout>div>p:not(.eyebrow){
    font-size:14px
  }
  .form-sec{
    padding:48px 0
  }
  .form-grid{
    gap:25px
  }
  .form-grid .lead{
    font-size:16px
  }
  .fcard{
    padding:20px
  }
  .fcard h3{
    font-size:20px
  }
  .fcard>p{
    font-size:13px
  }
  .form-row{
    grid-template-columns:1fr;
    gap:0
  }
  .fg input,.fg select,.fg textarea{
    font-size:16px;
    padding:12px
  }
  .fg select{
    padding-right:25px
  }
  .fcard .fine{
    font-size:11px
  }
  .fcard .consent{
    font-size:12px
  }
  .foot{
    grid-template-columns:1fr 1fr;
    gap:25px 22px;
    padding-block:35px
  }
  .foot .brandcol{
    grid-column:1/-1
  }
  .foot h4{
    margin-bottom:9px
  }
  .foot a.fl{
    font-size:12px;
    padding-block:8px
  }
  .legalbar{
    font-size:10px
  }
  .foot .brandcol p{
    font-size:12px
  }
  .contact-alt{
    font-size:13px
  }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .btn:not(:disabled):hover{
    transform:translateY(-2px);
    box-shadow:0 9px 20px #084d422a
  }
}
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto
  }
  *,*::before,*::after{
    transition:none!important;
    animation:none!important
  }
}