
:root{
  --ink:#0a0a0a; --gold:#F5C518; --white:#fff; --mist:#F5F5F6; --hair:rgba(10,10,10,.1);
  --mute:rgba(10,10,10,.68); --soft:rgba(255,255,255,.7);
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;
  --wrap:1240px; --gut:clamp(20px,4vw,48px); --sec:clamp(72px,10vw,144px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
[id]{scroll-margin-top:84px}
body{background:var(--white);color:var(--ink);font-family:var(--sans);font-size:17px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
.dark :focus-visible{outline-color:var(--gold)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--white);padding:8px 14px;z-index:99;border-radius:999px}
.skip:focus{left:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


h1,h2,h3{font-family:var(--sans);text-wrap:balance}
h1{font-size:clamp(2.6rem,1.2rem + 5.8vw,5.25rem);font-weight:var(--dw,450);line-height:1.02;letter-spacing:var(--dt,-.022em)}
h2{font-size:clamp(2.1rem,1.2rem + 2.9vw,3.25rem);font-weight:var(--dw2,450);line-height:1.04;letter-spacing:var(--dt2,-.02em)}
h3{font-size:16px;font-weight:500;line-height:22px;letter-spacing:-.01em}
.lead{font-size:19px;line-height:30px;color:var(--mute);max-width:46ch}
.eyebrow{font-size:14px;line-height:20px;font-weight:500;color:var(--mute)}
.fine{font-size:14px;line-height:21px;color:var(--mute)}
p.muted,.muted{color:var(--mute)}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid transparent;font:500 14px/20px var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn-y{background:var(--gold);color:var(--ink)}
.btn-y:hover{background:#ffd23a}
.btn-g{background:var(--mist);color:var(--ink)}
.btn-g:hover{background:#ebebed}
.btn-k{background:var(--ink);color:var(--white)}
.btn-k:hover{background:#262626}
.dark .btn-g{background:rgba(255,255,255,.1);color:var(--white)}
.dark .btn-g:hover{background:rgba(255,255,255,.18)}
.ar{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none}
.more:hover{text-decoration:underline;text-underline-offset:4px}
.star{width:14px;height:14px;fill:var(--gold)}


.hero{padding:clamp(64px,10vw,136px) 0 clamp(40px,5vw,72px)}
.pill{display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:0 14px 0 12px;border-radius:999px;background:var(--mist);font-size:14px;font-weight:500;line-height:20px;margin-bottom:28px}
.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none}
.rot{display:inline-grid;font:inherit;color:inherit}
.rot>span{grid-area:1/1;opacity:0;animation:rot 15s infinite}
.rot>span:nth-child(1){opacity:1;animation-delay:0s}
.rot>span:nth-child(2){animation-delay:3s}
.rot>span:nth-child(3){animation-delay:6s}
.rot>span:nth-child(4){animation-delay:9s}
.rot>span:nth-child(5){animation-delay:12s}
@keyframes rot{0%{opacity:0;transform:translateY(6px)}4%,18%{opacity:1;transform:none}22%,100%{opacity:0;transform:translateY(-6px)}}
.hero h1{max-width:15em}
.hero .lead{margin-top:28px}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.hero .fine{margin-top:16px}
.facts{display:flex;flex-wrap:wrap;gap:20px clamp(32px,6vw,80px);margin-top:clamp(40px,5vw,64px);padding-top:24px;border-top:1px solid var(--hair)}
.facts li{display:grid;gap:2px}
.facts b{font-size:14px;font-weight:500;line-height:20px}
.facts span,.facts a{font-size:14px;line-height:20px;color:var(--mute);text-decoration:none}
.facts a:hover{color:var(--ink)}


.sec{padding:var(--sec) 0}
.sec.tint{background:var(--mist)}
.head{display:grid;gap:16px;margin-bottom:clamp(40px,6vw,72px)}
.head .lead{max-width:52ch}


.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:0 clamp(24px,3vw,40px)}
.cols>li{border-top:1px solid var(--ink);padding-top:20px}
.cols h3{margin-bottom:10px}
.cols p{color:var(--mute)}


.demos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.dcard{background:var(--mist);border-radius:24px;padding:12px 12px 24px;display:flex;flex-direction:column;gap:20px}
.stage{background:var(--white);border-radius:16px;height:340px;padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:10px}
.dtxt{padding:0 12px;display:grid;gap:6px}
.dtxt p{color:var(--mute);font-size:15px;line-height:23px}
.dtxt .more{margin-top:10px}
.dtxt small{font-size:12px;line-height:16px;color:var(--mute)}

.rv{border:1px solid var(--hair);border-radius:12px;padding:14px 16px;display:grid;gap:6px;font-size:14px;line-height:21px}
.rv .stars{display:flex;gap:2px}
.rv b{font-weight:500}
.rv.reply{background:var(--mist);border-color:transparent;opacity:0;animation:reply 9s infinite}
.rv.reply b{display:flex;align-items:center;gap:8px}
.rv.reply b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
@keyframes reply{0%,8%{opacity:0;transform:translateY(8px)}20%,88%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(8px)}}

.q{display:flex;align-items:center;gap:8px;font-size:13px;line-height:18px;color:var(--mute);border:1px solid var(--hair);border-radius:999px;padding:6px 14px;align-self:flex-start;margin-bottom:6px}
.rank{position:relative;height:196px}
.rank li{position:absolute;left:0;right:0;top:0;height:56px;border:1px solid var(--hair);border-radius:12px;padding:0 16px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;background:var(--white)}
.rank li span{font-weight:400;color:var(--mute);margin-left:auto;font-size:13px;display:flex;align-items:center;gap:4px}
.rank li i{width:8px;height:8px;border-radius:50%;background:rgba(10,10,10,.18);flex:none}
.rank .you i{background:var(--gold)}
.rank .you{border-color:var(--ink);background:var(--white);animation:you 9s infinite;z-index:2}
.rank .a{transform:translateY(0);animation:ra 9s infinite}
.rank .b{transform:translateY(64px);animation:rb 9s infinite}
.rank .you{transform:translateY(128px)}
@keyframes you{0%,20%{transform:translateY(128px)}42%,88%{transform:translateY(0)}98%,100%{transform:translateY(128px)}}
@keyframes ra{0%,20%{transform:translateY(0)}42%,88%{transform:translateY(64px)}98%,100%{transform:translateY(0)}}
@keyframes rb{0%,20%{transform:translateY(64px)}42%,88%{transform:translateY(128px)}98%,100%{transform:translateY(64px)}}

.sys{font-size:12px;line-height:16px;color:var(--mute);text-align:center}
.msg{max-width:82%;border-radius:16px;padding:10px 14px;font-size:14px;line-height:20px;opacity:0}
.msg.us{background:var(--ink);color:var(--white);align-self:flex-end;border-bottom-right-radius:4px;animation:m1 10s infinite}
.msg.them{background:var(--mist);align-self:flex-start;border-bottom-left-radius:4px;animation:m2 10s infinite}
@keyframes m1{0%,6%{opacity:0;transform:translateY(8px)}16%,90%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes m2{0%,30%{opacity:0;transform:translateY(8px)}40%,90%{opacity:1;transform:none}98%,100%{opacity:0}}

.svclist{margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--hair)}
.svclist a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 20px;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--hair);text-decoration:none}
.svclist a:hover h3{text-decoration:underline;text-underline-offset:4px}
.svclist p{color:var(--mute);font-size:15px;line-height:23px}
.svclist .ar{width:16px;height:16px}


.statement{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:end}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:clamp(56px,8vw,104px);padding-top:28px;border-top:1px solid var(--hair)}
.stats b{display:block;font-size:clamp(2.25rem,1.4rem + 3vw,3.75rem);font-weight:450;letter-spacing:-.03em;line-height:1}
.stats span{display:block;margin-top:12px;font-size:14px;line-height:21px;color:var(--mute);max-width:26ch}
.stats i{display:block;width:28px;height:4px;background:var(--gold);margin-bottom:20px;border-radius:2px}


.news{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.news li{border-top:1px solid var(--ink);padding-top:16px;display:grid;gap:10px;align-content:start}
.news time{font-size:14px;font-weight:500;color:var(--mute)}
.news p{color:var(--mute);font-size:15px;line-height:23px}
.news .more{margin-top:4px}
.head-row{display:flex;justify-content:space-between;align-items:end;gap:24px}

.rtable{margin-top:clamp(56px,7vw,96px)}
.rtable h3{font-size:20px;line-height:26px;margin-bottom:8px}
.twrap{overflow-x:auto;margin-top:24px}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
th,td{text-align:left;padding:14px 16px 14px 0;border-bottom:1px solid var(--hair);font-weight:400;vertical-align:top}
thead th{font-size:14px;font-weight:500;color:var(--mute);border-bottom-color:var(--ink)}
tbody th{font-weight:500}
td b{font-weight:500}
td small{display:block;font-size:13px;color:var(--mute)}
.note{font-size:13px;line-height:20px;color:var(--mute);max-width:78ch;margin-top:16px}


.paths{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.path{border-radius:24px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:20px;background:var(--mist)}
.path.alt{background:var(--ink);color:var(--white)}
.path .eyebrow{color:var(--mute)}
.path.alt .eyebrow{color:var(--soft)}
.path h3{font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem);font-weight:500;line-height:1.1;letter-spacing:-.02em}
.path p{color:var(--mute)}
.path.alt p{color:var(--soft)}
.path ul.chk{display:grid;gap:10px;font-size:15px;line-height:22px}
.path ul.chk li{padding-left:22px;position:relative}
.path ul.chk li::before{content:"";position:absolute;left:0;top:8px;width:10px;height:2px;background:var(--gold)}
.path .step{border-top:1px solid rgba(255,255,255,.18);padding-top:16px;display:grid;gap:6px}
.path .step b{font-weight:500;display:flex;justify-content:space-between;gap:12px}
.path .step b span{color:var(--soft);font-weight:400;font-size:14px}
.path .btns{margin-top:auto;padding-top:12px}
.path .grow{margin-top:auto}


.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0 clamp(24px,3vw,40px);counter-reset:s}
.flow li{border-top:1px solid var(--ink);padding-top:20px;counter-increment:s}
.flow li::before{content:"0" counter(s);display:block;font-size:14px;font-weight:500;color:var(--mute);margin-bottom:28px}
.flow h3{margin-bottom:10px}
.flow p{color:var(--mute)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(56px,7vw,96px)}
.compare>div{border-radius:24px;padding:clamp(24px,3vw,36px);background:var(--mist)}
.tint .compare .theirs{background:transparent;box-shadow:inset 0 0 0 1px var(--hair)}
.compare .ours{background:var(--white);box-shadow:inset 0 0 0 1.5px var(--ink)}
.compare h3{margin-bottom:16px}
.compare ul{display:grid;gap:0}
.compare li{padding:11px 0;border-top:1px solid var(--hair);font-size:15px;line-height:22px}
.compare .theirs li{color:var(--mute)}


.three{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px)}
.three>div{border-top:1px solid var(--ink);padding-top:20px;display:grid;gap:10px;align-content:start}
.three p{color:var(--mute)}
.three .more{margin-top:8px}


.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px)}
.two h2{margin:16px 0 20px}
.nap{display:grid;gap:4px;margin-top:28px;font-size:16px}
.nap a{text-decoration:none;font-weight:500}
.nap a:hover{text-decoration:underline;text-underline-offset:4px}
.towns{margin-top:28px;display:grid;gap:10px}
.towns ul{display:flex;flex-wrap:wrap;gap:8px}
.towns li a{display:inline-flex;min-height:36px;align-items:center;padding:0 14px;border-radius:999px;background:var(--mist);font-size:14px;font-weight:500;text-decoration:none}
.towns li a:hover{background:#ebebed}
.founder{display:grid;gap:12px;margin-top:16px}
.founder p{color:var(--mute)}
.founder h3{font-size:20px;line-height:26px;color:var(--ink)}
.slot{border:1px dashed var(--hair);padding:24px;border-radius:16px}


.faq{border-top:1px solid var(--ink);max-width:880px}
.faq details{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-size:18px;line-height:26px;font-weight:500;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:12px;height:12px;flex:none;background:linear-gradient(var(--ink),var(--ink)) center/100% 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 100% no-repeat}
.faq details[open] summary::after{background:linear-gradient(var(--ink),var(--ink)) center/100% 1.5px no-repeat}
.faq details p{padding:0 40px 24px 0;color:var(--mute);max-width:64ch}
.faq details a{color:var(--ink)}


.dark{background:var(--ink);color:var(--white)}
.contact{padding:var(--sec) 0}
.contact .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:end}
.contact .eyebrow{color:var(--soft)}
.contact h2{margin:16px 0 20px;max-width:14em}
.contact .lead{color:var(--soft)}
.bigphone{display:inline-block;margin-top:32px;font-size:clamp(2rem,1.2rem + 3.6vw,4rem);font-weight:450;letter-spacing:-.03em;line-height:1.05;text-decoration:none}
.bigphone:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:8px;text-decoration-thickness:3px}
.contact .mail{margin-top:12px}
.contact .mail a{color:var(--soft)}
.contact .side{display:grid;gap:16px;justify-items:start}
.contact .side p{color:var(--soft);font-size:15px}

@media (prefers-reduced-motion:reduce){
  .rot>span,.rv.reply,.rank li,.msg{animation:none!important}
  .rv.reply,.msg{opacity:1;transform:none}
  .rot>span:not(:first-child){opacity:0}
  .rank .you{transform:translateY(0)}.rank .a{transform:translateY(64px)}.rank .b{transform:translateY(128px)}
}


@media (max-width:1024px){
    .cols,.flow{grid-template-columns:1fr 1fr;gap:40px 32px}
  .news{grid-template-columns:1fr 1fr;gap:32px 16px}
}
@media (max-width:760px){
  .lead{font-size:17px;line-height:27px}
  .btns .btn{flex:1 1 100%}
  .demos{grid-template-columns:1fr}
  .cols,.flow,.news,.stats,.three,.paths,.compare,.two,.statement,.contact .wrap{grid-template-columns:1fr}
  .cols,.flow{gap:32px}
  .svclist a{grid-template-columns:minmax(0,1fr) 16px;gap:6px 16px}
  .svclist a p{grid-column:1;grid-row:2}
  .svclist a .ar{grid-column:2;grid-row:1/3}
  .head-row{flex-direction:column;align-items:start}
  .facts{gap:16px 32px}
  .twrap{overflow:visible}
  table{min-width:0}
  thead{display:none}
  tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:18px 0;border-bottom:1px solid var(--hair)}
  tbody th,tbody td{border:0;padding:0}
  tbody th{grid-column:1/-1;font-size:18px}
  tbody td::before{content:attr(data-label);display:block;font-size:13px;line-height:18px;color:var(--mute);margin-bottom:2px}
  tbody td:last-child{grid-column:1/-1}
  .faq details p{padding-right:0}
}


.more{min-height:44px}
.dtxt .more{margin-top:0}
.towns li a{min-height:44px}
.bigphone{display:inline-flex;align-items:center;min-height:44px}
.contact .mail a,.nap a{display:inline-flex;align-items:center;min-height:44px}
.sys,.dtxt small{font-size:13px}
.demos+.note{margin-top:20px}


html.js [data-r]{opacity:0;transform:translateY(16px);transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0)*70ms)}
html.js [data-r].in{opacity:1;transform:none}
.btn,.more,.towns li a{transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}
.svclist a{transition:background-color .15s cubic-bezier(.4,0,.2,1)}
@media (hover:hover){.svclist a:hover{background:rgba(255,255,255,.7)}.svclist a:hover .ar{transform:translateX(3px)}.ar{transition:transform .2s cubic-bezier(.22,1,.36,1)}}


html[data-type="b"]{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;--dw:600;--dt:-.028em;--dw2:600;--dt2:-.024em}
html[data-type="b"] body{font-weight:400}


.dcard{padding:14px 14px 28px;border-radius:28px;gap:24px}
.more-card{background:var(--ink);color:var(--white);justify-content:space-between;padding:clamp(24px,3vw,40px)}
.more-card .dtxt{padding:0}
.more-card h3{font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem);font-weight:var(--dw2,450);letter-spacing:-.02em;line-height:1.1}
.more-card .dtxt p{color:var(--soft)}
.more-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-top:1px solid rgba(255,255,255,.18)}
.more-list a{display:flex;justify-content:space-between;align-items:center;min-height:52px;border-bottom:1px solid rgba(255,255,255,.18);text-decoration:none;font-size:15px;font-weight:500;color:var(--white)}
.more-list a:hover{color:var(--gold)}
.more-list .ar{width:14px;height:14px}
@media (max-width:1024px){.demos{grid-template-columns:1fr}.more-list{grid-template-columns:1fr}}
@media (min-width:1025px){.sec{padding:clamp(96px,11vw,168px) 0}}


.founder .fphoto{display:block;width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:16px}


.hero{padding:clamp(40px,6vw,96px) 0 clamp(56px,7vw,104px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:center}
.hero h1{max-width:none;font-size:clamp(2.5rem,1.3rem + 4.4vw,4.5rem)}
.hero .lead{margin-top:24px;max-width:36ch;text-wrap:balance}
.proof{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:17px;line-height:24px;font-weight:500}
.proof .stars{display:flex;gap:2px}
.proof a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.proof a:hover{text-decoration:underline;text-underline-offset:4px}
.hero .btns{margin-top:12px}
.founder-line{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin-top:12px;font-size:15px;line-height:24px;color:var(--mute)}
.founder-line a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:500;text-decoration:none;border-bottom:1.5px solid var(--gold)}
.founder-line a:hover{background:rgba(245,197,24,.18)}

.pack{position:relative;margin:0;background:var(--mist);border-radius:28px;padding:14px;display:grid;gap:12px}
.pack-in{background:var(--white);border-radius:16px;overflow:hidden}
.pack-q{display:flex;align-items:center;gap:10px;margin:14px 14px 0;padding:10px 16px;border:1px solid var(--hair);border-radius:999px;font-size:14px;line-height:20px}
.pack-q svg{width:16px;height:16px;flex:none;color:var(--mute)}
.pack-map{position:relative;margin:14px;border-radius:12px;overflow:hidden;aspect-ratio:2.3/1;background:#ecedee}
.pack-map svg{display:block;width:100%;height:100%;max-width:none}
.m-bg{fill:#ecedee}.m-blk rect{fill:#f7f7f8}.m-rd{stroke:#fff;stroke-width:9;fill:none}.m-rd2{stroke:#fff;stroke-width:5;fill:none;stroke-linecap:round}
.pn path{fill:#8a8d91}.pn circle{fill:#fff}
.pn.you path{fill:var(--gold);stroke:var(--ink);stroke-width:2}.pn.you circle{fill:var(--ink)}
.pn.you{transform-box:fill-box}
.ex{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:999px;background:var(--ink);color:var(--white);font-size:12px;line-height:16px;font-weight:500}
.pack-list li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid var(--hair)}
.pack-list .n{width:24px;height:24px;border-radius:50%;background:var(--mist);display:grid;place-items:center;font-size:12px;font-weight:600}
.pack-list .you{box-shadow:inset 3px 0 0 var(--gold)}
.pack-list .you .n{background:var(--gold)}
.pack-list b{display:block;font-size:15px;line-height:20px;font-weight:600}
.pack-list .meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:13px;line-height:18px;color:var(--mute)}
.pack-list .meta>span{margin-left:6px}
.pack-list .star{width:12px;height:12px}
.chip{padding:5px 14px;border:1px solid var(--hair);border-radius:999px;font-size:13px;line-height:18px;font-weight:500}
.pack-list .you .chip{background:var(--ink);color:var(--white);border-color:var(--ink)}
.pack figcaption{padding:0 6px 4px;font-size:13px;line-height:20px;color:var(--mute)}


.why .eyebrow,.why .lead{color:var(--soft)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(24px,3vw,40px);counter-reset:t}
.trio>li{border-top:1px solid rgba(255,255,255,.3);padding-top:20px;counter-increment:t}
.trio>li::before{content:"0" counter(t);display:block;font-size:14px;font-weight:500;color:var(--soft);margin-bottom:28px}
.trio h3{font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem);font-weight:var(--dw2,450);letter-spacing:-.02em;line-height:1.1;margin-bottom:12px}
.trio p{color:var(--soft)}
.where{margin-top:clamp(48px,6vw,80px);padding-top:24px;border-top:1px solid rgba(255,255,255,.18);display:grid;gap:16px}
.where ul{display:flex;flex-wrap:wrap;gap:8px}
.where-note{font-size:15px;line-height:23px;color:rgba(255,255,255,.72)}
.where li{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.1);font-size:14px;font-weight:500}


.work{border-top:1px solid var(--ink)}
.work li{border-bottom:1px solid var(--hair)}
.work .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) 112px 16px;gap:8px 24px;align-items:center;padding:18px 0;text-decoration:none;color:inherit}
.work h3{font-size:17px;line-height:24px}
.work p{color:var(--mute);font-size:15px;line-height:23px}
.work .ar{width:16px;height:16px}
.work a.row:hover h3{text-decoration:underline;text-underline-offset:4px}
.tg{justify-self:end;padding:4px 12px;border-radius:999px;background:var(--white);font-size:12px;line-height:16px;font-weight:500;color:var(--mute);white-space:nowrap}
.also{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;margin-top:20px;font-size:15px;color:var(--mute)}
.also a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:500;text-decoration:none}
.also a:hover{text-decoration:underline;text-underline-offset:4px}


.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plan{border-radius:28px;padding:clamp(24px,3vw,40px);background:var(--mist);display:flex;flex-direction:column;gap:16px}
.plan.local{background:var(--ink);color:var(--white)}
.plan h3{font-size:clamp(1.25rem,1rem + 1vw,1.625rem);font-weight:500;line-height:1.15;letter-spacing:-.015em}
.amt{display:flex;align-items:baseline;gap:6px}
.amt b{font-size:clamp(3rem,1.8rem + 4vw,5rem);font-weight:var(--dw2,450);letter-spacing:-.035em;line-height:1}
.amt span{font-size:18px;color:var(--mute)}
.plan.local .amt span,.plan.local .ptag{color:var(--soft)}
.ptag{color:var(--mute)}
.plan ul.chk{display:grid;gap:12px;font-size:16px;line-height:24px;padding-top:20px;border-top:1px solid var(--hair)}
.plan.local ul.chk{border-top-color:rgba(255,255,255,.18)}
.plan ul.chk li{padding-left:24px;position:relative}
.plan ul.chk li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:2px;background:var(--gold)}
.price-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px}
.price-foot+.founder-line{margin-top:16px}
.custom-line{margin:20px 0 0;max-width:60ch;font-size:15px;line-height:24px;color:var(--mute)}
.custom-line+.founder-line{margin-top:8px}


.start-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.stform{background:var(--mist);border-radius:28px;padding:clamp(24px,3.5vw,44px);display:grid;gap:24px}
.madlib{font-size:clamp(1.25rem,1rem + 1.1vw,1.75rem);line-height:1.8;font-weight:var(--dw2,450);letter-spacing:-.015em}
.madlib input{display:inline-block;vertical-align:baseline;width:10em;max-width:100%;min-height:48px;margin:2px 0;padding:0 12px;border:0;border-bottom:2px solid var(--ink);border-radius:10px 10px 0 0;background:var(--white);font:inherit;font-size:inherit;font-weight:450;letter-spacing:0;color:var(--ink)}
.madlib input.short{width:7em}
.madlib input.long{width:13em}
.madlib input::placeholder{color:rgba(10,10,10,.42);font-size:.82em}
.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fields label{display:grid;gap:6px;font-size:14px;line-height:20px;font-weight:500}
.fields input,.fields select,.fields textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--hair);border-radius:14px;background:var(--white);font:inherit;font-size:16px;font-weight:430;color:var(--ink)}
.stform input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.consent{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;font-size:14px;line-height:21px;color:var(--mute)}
.consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--ink)}
.consent a{color:var(--ink)}
.stform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.stform .btn{min-height:52px;padding:0 28px;font-size:15px}
.stform .status{font-size:15px;line-height:22px;color:var(--ink)}
.stform .status:empty{display:none}
.stform .founder-line{margin-top:0}
.steps{display:grid;gap:0;counter-reset:st;margin-top:20px}
.steps li{border-top:1px solid var(--ink);padding:20px 0 24px;counter-increment:st}
.steps li::before{content:"0" counter(st);display:block;font-size:14px;font-weight:500;color:var(--mute);margin-bottom:12px}
.steps h3{font-size:clamp(1.25rem,1rem + .9vw,1.5rem);line-height:1.2;letter-spacing:-.015em;margin-bottom:8px}
.steps p{color:var(--mute)}

@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr}
  .start-grid{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr}
}
@media (max-width:760px){
  .trio,.fields{grid-template-columns:1fr}
  .trio{gap:32px}
  .work .row{grid-template-columns:minmax(0,1fr) 16px;gap:4px 16px;padding:16px 0}
  .work .row p{grid-column:1;grid-row:2}
  .work .row .tg{grid-column:1;grid-row:3;justify-self:start;margin-top:6px}
  .work .row .ar{grid-column:2;grid-row:1/4}
  .hero .btns .btn{flex:1 1 100%}
  .pack-list .meta>span{flex-basis:100%;margin-left:0}
  .work .row .tg{justify-self:start}
  .madlib input,.madlib input.short,.madlib input.long{width:100%;margin:2px 0}
  .madlib .pm{display:none}
  .stform .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){html.js [data-r]{transition:none}}



:root{--sec:clamp(56px,7vw,88px)}
@media (min-width:1025px){.sec{padding:clamp(72px,8vw,104px) 0}}
.hero{padding:clamp(32px,5vw,72px) 0 clamp(40px,5vw,72px)}
.stats{margin-top:clamp(36px,5vw,64px)}
.where{margin-top:clamp(36px,4vw,56px)}
.rtable,.compare{margin-top:clamp(40px,5vw,72px)}

.stats i{background:var(--ink)}
.path ul.chk li::before,.plan ul.chk li::before{background:currentColor;opacity:.5}
.pill .dot,.rv.reply b::before{background:var(--ink)}

.plan{box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .15s cubic-bezier(.4,0,.2,1),opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){.plan:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.plan.local:hover{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}.towns li a:hover{background:var(--ink);color:var(--white)}}
.answer{padding:clamp(32px,4vw,56px) 0 0}
.answer p{max-width:68ch;font-size:18px;line-height:30px;color:var(--ink)}
