/* Generated by scripts/build-home.mjs from design/home-v2/sections/*. Do not edit; run `npm run build:home`. */

/* 02-hero.html */
#hero{position:relative;padding:135px 0 96px;overflow:hidden;
  background:
    radial-gradient(1440px 1125px at 50% 0, rgba(236,253,245,.8), rgba(236,253,245,0) 70%),
    radial-gradient(864px 703px at 85% 10%, rgba(239,246,255,.6), rgba(239,246,255,0) 60%)}
#hero .inner{display:flex;flex-direction:column;align-items:center;gap:56px}
#hero .copy{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:860px;text-align:center}
#hero h1{font-size:68px;line-height:73.44px;font-weight:800;letter-spacing:-2.38px;color:var(--ink);text-wrap:balance}
#hero h1 .grad-text{display:block;text-wrap:balance}
#hero .sub{font-size:20px;line-height:31px;font-weight:500;color:var(--text-2);max-width:680px}
#hero .ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding-top:16px}

/* Showcase: three phones on desktop, built at 310px and scaled for the side phones. */
#hero .stage{position:relative;width:1040px;height:620px}
#hero .slot{position:absolute;top:0;width:310px;height:620px}
#hero .slot.left{left:2px;top:31px;transform:rotate(-4deg) scale(.88);filter:drop-shadow(0 20px 20px rgba(15,23,42,.12))}
#hero .slot.mid{left:365px;z-index:2;filter:drop-shadow(0 32px 32px rgba(15,23,42,.16))}
#hero .slot.right{left:728px;top:41px;transform:rotate(4deg) scale(.88);filter:drop-shadow(0 20px 20px rgba(15,23,42,.12))}
#hero .dots{display:none}

/* Mock screen content (fake app UI; uppercase labels here are UI, not eyebrows) */
#hero .scr{position:relative;flex:1;padding:8px 16px 24px;display:flex;flex-direction:column}
#hero .scr-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
#hero .scr-title{font-size:15.2px;line-height:24.32px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}
#hero .facility{margin-top:14px;padding:8.8px 9.9px;border:1px solid var(--slate-200);border-radius:12px;background:var(--slate-50)}
#hero .facility .k{font-size:10.4px;line-height:16.6px;font-weight:700;letter-spacing:.42px;text-transform:uppercase;color:var(--slate-500)}
#hero .facility .n{font-size:14px;line-height:22.4px;font-weight:800;color:var(--navy)}
#hero .facility .s{font-size:10.9px;line-height:17.4px;color:var(--slate-500)}
#hero .areas{margin-top:9px;display:flex;flex-direction:column;gap:6px}
#hero .area{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7.9px 9.9px;border:1px solid var(--slate-200);border-radius:8px;background:#fff}
#hero .area b{display:block;font-size:12px;line-height:19.2px;font-weight:700;color:var(--navy)}
#hero .area span{display:block;font-size:9.9px;line-height:15.9px;color:var(--slate-500)}
#hero .area .mono{font-size:12px;line-height:19.2px;color:var(--emerald-600);white-space:nowrap}
#hero .pill-btn{margin-top:auto;display:block;width:100%;text-align:center;border-radius:9999px;background:var(--emerald-500);color:#fff;
  font-size:13.6px;line-height:21.76px;font-weight:800;padding:11px;filter:drop-shadow(0 4px 6px rgba(16,185,129,.35))}
#hero .who{margin-top:10px;text-align:center}
#hero .who .c{font-size:11.2px;line-height:17.92px;font-weight:600;color:var(--slate-500)}
#hero .who .t{font-size:16.8px;line-height:26.88px;font-weight:800;color:var(--ink)}
#hero .pkgs{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#hero .pkg{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--slate-200);border-radius:12px}
#hero .pkg b{display:block;font-size:12px;line-height:19.2px;font-weight:800;color:var(--ink)}
#hero .pkg span{display:block;font-size:10.4px;line-height:16.64px;color:var(--slate-500)}
#hero .pkg .price{font-family:var(--mono);font-weight:500;font-size:15.2px;line-height:24.32px;color:var(--navy);white-space:nowrap}
#hero .pkg .price small{font-size:10.4px}
#hero .pkg.rec{display:block;padding:10px 12px;background:var(--green-50);border:2px solid var(--emerald-500)}
#hero .pkg.rec .row{display:flex;align-items:center;justify-content:space-between}
#hero .pkg.rec b{font-size:12.8px;line-height:20.48px;color:var(--emerald-700)}
#hero .pkg.rec .price{font-size:17.6px;line-height:28.16px;color:var(--emerald-700)}
#hero .pkg.rec .price small{font-size:11.2px}
#hero .pkg.rec p{margin-top:3px;font-size:10.4px;line-height:13.5px;color:var(--text-2)}
#hero .pkg .tag{position:absolute;top:-8px;right:11.5px;background:var(--emerald-500);color:#fff;border-radius:4px;padding:1px 6px 2px;
  font-size:8.8px;line-height:14px;font-weight:800;text-transform:uppercase}
#hero .done-ico{margin:14px auto 0;width:44px;height:44px;border-radius:22px;background:var(--emerald-50);display:grid;place-items:center}
#hero .done-ico img{width:22px;height:22px}
#hero .done-t{margin-top:8px;text-align:center;font-size:15.2px;line-height:24.3px;font-weight:800;color:var(--navy)}
#hero .done-chip{margin-top:6px;text-align:center;padding:1.3px 7.9px 1.7px;border-radius:6px;background:var(--emerald-50);border:1px solid var(--emerald-border);
  font-size:10.9px;line-height:17.4px;font-weight:700;color:var(--emerald-700)}
#hero .done-note{margin-top:8px;text-align:center;font-size:10.9px;line-height:17.4px;color:var(--slate-500)}
#hero .sig{margin-top:6px;padding:9.9px;border:1px dashed var(--slate-400);border-radius:10px;background:var(--slate-50);display:flex;flex-direction:column;gap:2px}
#hero .sig .hd{display:flex;justify-content:space-between;font-size:9.5px;line-height:15.4px;color:var(--slate-500)}
#hero .sig .hd b{font-weight:800;color:var(--emerald-600)}
#hero .sig img{width:150px;height:34px}
#hero .sig .by{border-top:1px solid var(--slate-200);padding-top:3.9px;font-size:10.4px;line-height:16.6px;font-weight:700;color:var(--navy)}
#hero .value{margin-top:9px;display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;background:var(--navy);
  font-size:11.2px;line-height:17.9px;color:#fff}
#hero .value .mono{color:var(--emerald-400)}

@media (max-width:1100px){
  #hero .stage{zoom:.85}
}
@media (max-width:920px){
  #hero .stage{zoom:.72}
}
@media (max-width:768px){
  #hero{padding:90px 0 56px}
  #hero .inner{gap:40px}
  #hero .copy{gap:19px}
  #hero h1{font-size:32px;line-height:37.76px;letter-spacing:-.96px}
  #hero .sub{font-size:16.8px;line-height:26px}
  #hero .ctas{flex-direction:column;align-items:center;padding-top:17px}
  /* Carousel: one phone at a time, swipe between the three. */
  #hero .stage{zoom:1;width:100vw;height:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;padding:12px 0 24px}
  #hero .stage::-webkit-scrollbar{display:none}
  #hero .slot{position:relative;height:auto;flex:0 0 100vw;left:auto!important;top:auto!important;transform:none!important;display:flex;justify-content:center;scroll-snap-align:center}
  #hero .slot .phone{zoom:.91}
  #hero .slot.left .phone,#hero .slot.right .phone{border-color:var(--slate-700)}
  #hero .dots{display:flex;justify-content:center;gap:8px;margin-top:-8px}
  #hero .dots button{width:8px;height:8px;padding:0;border:0;border-radius:4px;background:var(--slate-300);transition:width .2s,background .2s}
  #hero .dots button[aria-current="true"]{width:24px;background:var(--emerald-500)}
}

/* 03-trust.html */
#trust{background:#fff;border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06);padding:36px 0}
#trust .facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px}
#trust .fact{display:flex;align-items:center;gap:10.39px;padding:10.4px 20px;background:#fff;border:1px solid var(--line-soft);border-radius:999px;
  filter:drop-shadow(0 1px 1.5px rgba(15,23,42,.04))}
#trust .ico{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid}
#trust .ico img{width:15px;height:15px}
#trust .ico.sky{background:#F0F9FF;border-color:#BAE6FD}
#trust .ico.emerald{background:var(--emerald-50);border-color:var(--emerald-border)}
#trust .ico.amber{background:#FFFBEB;border-color:#FDE68A}
#trust .fact strong{font-size:14px;line-height:14px;font-weight:750;color:var(--ink);white-space:nowrap}

/* Phone (390w frame): three equal tiles in one row, icon above a centered two-line label. */
@media (max-width:640px){
  #trust{padding:17px 0}
  #trust .facts{flex-wrap:nowrap;align-items:stretch;gap:8px}
  #trust .fact{flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:6px;padding:10px 4px 8px;border-radius:14px}
  #trust .ico{width:26px;height:26px;border-radius:8px}
  #trust .ico img{width:14px;height:14px}
  #trust .fact strong{font-size:10.4px;line-height:13px;font-weight:800;letter-spacing:-.104px;text-align:center;white-space:normal;text-wrap:balance}
}

/* 04-how-it-works.html */
#how-it-works{background:#fff;border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06)}
#how-it-works .sec-head{margin-bottom:56px}
#how-it-works .sec-head h2{text-wrap:wrap}
#how-it-works .steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#how-it-works .step{position:relative;display:flex;flex-direction:column;min-height:308px;padding:28px 28px 26px;background:#fff;
  border:1px solid var(--slate-200);border-radius:20px;box-shadow:0 4px 20px -2px rgba(15,23,42,.05),0 1px 3px rgba(15,23,42,.03)}
#how-it-works .ico{width:48px;height:48px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--emerald-50);
  border:1px solid var(--emerald-border);border-radius:12px;filter:drop-shadow(0 2px 3px rgba(5,150,105,.08));margin-bottom:20px}
#how-it-works .ico img{width:22px;height:22px}
#how-it-works h3{font-size:19.5px;line-height:31.23px;font-weight:800;letter-spacing:-.39px;color:var(--ink);margin-top:-1px}
#how-it-works .step p{font-size:14.7px;line-height:22.82px;color:var(--text-2);padding-bottom:22.94px}
#how-it-works .proof{margin-top:auto;padding-top:13.6px;border-top:1px solid var(--slate-100);font-size:13.1px;line-height:20.99px;font-weight:600;color:var(--emerald-600)}

@media (max-width:900px){
  #how-it-works .steps{grid-template-columns:minmax(0,1fr);gap:12px;max-width:560px;margin:0 auto}
  #how-it-works .step{min-height:0}
}
/* Phone (390w frame) */
@media (max-width:480px){
  #how-it-works{padding:41px 0 42px}
  #how-it-works .sec-head{gap:12px}
  #how-it-works .sec-head h2{font-size:28px;line-height:35px;letter-spacing:-.84px}
  #how-it-works .sec-head p{font-size:14.7px;line-height:23.55px;padding-top:2.82px}
  #how-it-works .step{padding:16.8px 15.2px;border-radius:24px}
  #how-it-works .ico{width:32px;height:32px;margin-bottom:7.2px}
  #how-it-works .ico img{width:16px;height:16px}
  #how-it-works h3{font-size:15.7px;line-height:25px;letter-spacing:-.314px;margin:0 0 3.2px}
  #how-it-works .step p{font-size:11.8px;line-height:15.39px;padding-bottom:20px}
  #how-it-works .proof{padding:2px 7px;font-size:10.9px;line-height:17.41px}
}

/* 05-builder.html */
#features{background:#FAFAFC;padding:68px 0}
#features .inner{display:flex;align-items:center;justify-content:center;gap:52px}
#features .mock{flex:1 1 0;min-width:0;display:flex;justify-content:center}
#features .copy{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:11.3px}
#features h2{text-wrap:wrap;font-size:39.2px;line-height:46.26px;font-weight:800;letter-spacing:-1.176px;color:var(--ink);padding-top:.7px;max-width:520px}
#features .lead{font-size:15.2px;line-height:23.56px;color:var(--text-2);max-width:520px;padding-top:0}
#features .specs{list-style:none;padding:12.69px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13.6px}
#features .spec{display:flex;flex-direction:column;padding:15.2px 18.4px;background:#fff;border:1px solid var(--line-soft);border-radius:14px;
  filter:drop-shadow(0 1px 1.5px rgba(15,23,42,.04))}
#features .spec .num{font-size:22.4px;line-height:22.4px;font-weight:800;letter-spacing:-.672px;color:var(--emerald-600);padding-bottom:5.6px}
#features .spec .k{font-size:13.2px;line-height:21.12px;font-weight:700;color:var(--ink);padding-bottom:3.2px}
#features .spec .d{font-size:11.8px;line-height:15.88px;color:#64748B}

/* Mock Scope of Work screen (fake app UI) */
#features .scr{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 16px 24px}
#features .scr-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:13.6px}
#features .scr-title{font-size:15.2px;line-height:24.32px;font-weight:800;letter-spacing:-.304px;color:var(--ink)}
#features .scr .chip{color:var(--emerald-600);padding:3px 8px}
#features .bldg{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--slate-100);border-radius:10px;margin-bottom:10px;
  font-size:12px;line-height:19.2px;font-weight:700;color:var(--slate-800)}
#features .bldg img{flex:none}
#features .lbl{font-size:12px;line-height:19.2px;font-weight:800;color:var(--ink);padding-bottom:6px}
#features .areas{display:flex;flex-direction:column;gap:6px}
#features .area{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:#fff;border:1px solid var(--slate-200);border-radius:8px}
#features .area .n{display:block;font-size:12px;line-height:19.2px;font-weight:700;color:var(--navy);white-space:nowrap}
#features .area .s{display:block;font-size:10.4px;line-height:16.64px;color:var(--slate-500);margin-top:-1px}
#features .area .sq{font-size:12px;line-height:19.2px;font-weight:700;color:var(--emerald-600);white-space:nowrap}
#features .save{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;border-radius:9999px;background:var(--emerald-500);
  filter:drop-shadow(0 4px 7px rgba(16,185,129,.35));font-size:13.1px;line-height:20.99px;font-weight:800;letter-spacing:.131px;color:#fff}

@media (max-width:900px){
  #features{padding:36px 0}
  #features .inner{flex-direction:column-reverse;gap:24px}
  #features .copy{width:100%;max-width:560px;text-align:center;align-items:center;gap:8px}
  #features .mock{width:100%}
}
/* Phone (390w frame) */
@media (max-width:480px){
  #features .copy{padding:0 4.5px}
  #features h2{font-size:28px;line-height:33.6px;letter-spacing:-.84px;padding-top:3.3px}
  #features .lead{font-size:14px;line-height:21px}
  #features .specs{width:100%;padding-top:12px;gap:8.8px;text-align:left}
  #features .spec{padding:12px 12.8px 12.8px;border-radius:12px;min-height:99.89px}
  #features .spec .num{font-size:20px;line-height:20px;letter-spacing:-.6px;padding-bottom:3.2px}
  #features .spec .k{font-size:12.4px;line-height:19.84px;padding-bottom:1.4px}
  #features .spec .d{font-size:11px;line-height:14.25px}
  #features .phone{--pw:284px}
  #features .phone .status{height:30px}
  #features .scr{padding:8px 14px 20px}
  #features .scr-top{padding-bottom:8px}
  #features .bldg{margin-bottom:6px;padding:6px 10px}
  #features .lbl{padding-bottom:4px}
  #features .areas{gap:5px}
  #features .area{padding:6px 8px}
  #features .area .s{margin-top:-2px}
}

/* 06-tiers.html */
#tiers{position:relative;overflow:hidden;background:linear-gradient(180deg,#090E17 0%,#0D1624 100%);padding:68px 0;color:#fff}
#tiers .glow{position:absolute;left:50%;transform:translateX(-50%);top:10.06%;bottom:44.22%;width:700px;max-width:100%;pointer-events:none;
  background:radial-gradient(ellipse 58.5% 92.5% at 50% 50%,rgba(16,185,129,.16) 0%,rgba(16,185,129,0) 70%)}
#tiers .inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px}
#tiers .head{display:flex;flex-direction:column;align-items:center;gap:9.3px;max-width:700px;text-align:center;padding-top:2px}
#tiers .head h2{font-size:39.2px;line-height:45px;font-weight:800;letter-spacing:-1.176px;color:#fff;padding-top:1.74px}
#tiers .head h2 span{display:block}
#tiers .head p{font-size:15.2px;line-height:22.8px;color:var(--slate-400);max-width:700px}
#tiers .row{display:flex;align-items:center;justify-content:center;gap:44px;width:100%;max-width:960px}
#tiers .phone-col{flex:1 1 0;min-width:0;display:flex;justify-content:center}

/* Dark phone mockup (client's view of the three packages). */
#tiers .phone{--pw:310px;height:620px;padding:10px;border-color:var(--slate-800);
  box-shadow:0 36px 80px -18px rgba(0,0,0,.8),0 0 40px rgba(16,185,129,.15)}
#tiers .phone .screen{background:#090E17}
#tiers .phone .island{top:18px;width:80px;height:20px}
#tiers .phone .status{color:#fff}
#tiers .phone .home-bar{background:rgba(255,255,255,.35)}
#tiers .pbody{flex:1;display:flex;flex-direction:column;padding:8px 16px 24px;min-height:0}
#tiers .ptitle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13.6px}
#tiers .ptitle b{font-size:15.2px;line-height:24.32px;font-weight:800;letter-spacing:-.304px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tiers .ptitle i{font-style:normal;background:rgba(16,185,129,.2);color:var(--emerald-400);font-size:10.4px;line-height:16.64px;font-weight:700;padding:3px 8px;border-radius:9999px;white-space:nowrap}
#tiers .opt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:18px;margin-bottom:8px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
#tiers .opt>div:first-child{flex:1;min-width:0}
#tiers .opt .nm{display:flex;align-items:center;gap:6px;font-size:13.6px;line-height:21.76px;font-weight:800;color:#fff}
#tiers .opt .nm em{font-style:normal;background:var(--emerald-500);color:#fff;font-size:8.8px;line-height:14px;font-weight:800;padding:0 5px 1.06px;border-radius:3px}
#tiers .opt .ds{font-size:10.4px;line-height:16.64px;color:var(--slate-400)}
#tiers .opt .pr{font-family:var(--mono);font-weight:500;font-size:17.6px;line-height:28.16px;color:#fff;white-space:nowrap}
#tiers .opt .pr small{font-size:10.4px;color:var(--slate-400)}
#tiers .opt.on{background:rgba(16,185,129,.18);border-color:rgba(52,211,153,.7);box-shadow:0 0 24px rgba(16,185,129,.28)}
#tiers .opt.on .ds{color:var(--emerald-border)}
#tiers .opt.on .pr{color:var(--emerald-400)}
#tiers .opt.on .pr small{color:var(--emerald-border)}
#tiers .paccept{margin-top:auto;background:var(--emerald-500);color:#fff;text-align:center;font-size:13.6px;line-height:21.76px;font-weight:800;
  padding:12px;border-radius:9999px;filter:drop-shadow(0 4px 8px rgba(16,185,129,.4))}

/* Explanation card. */
#tiers .why{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4.8px;padding:20.6px 25.6px 21.6px;border-radius:18px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#tiers .why h3{font-size:17.9px;line-height:28.67px;font-weight:800;letter-spacing:-.358px;color:#fff}
#tiers .why>p{font-size:13px;line-height:18.14px;color:var(--slate-400)}
#tiers .tiers-list{list-style:none;padding:7.2px 0 11.2px;display:flex;flex-direction:column;gap:8.8px}
#tiers .tier{padding:10.4px 14.4px 10.4px 14.4px;border-radius:10px;border:1px solid var(--c);border-left-width:3px;background:rgba(255,255,255,.03)}
#tiers .tier .tag{display:inline-block;margin-top:7px;padding:0 6px 1.34px;border-radius:9999px;background:var(--tag-bg);color:var(--tag);
  font-size:9.6px;line-height:15.36px;font-weight:800}
#tiers .tier h4{font-size:13.8px;line-height:22px;font-weight:700;color:#fff;margin-top:1px}
#tiers .tier p{font-size:12px;line-height:15.84px;color:var(--slate-400);margin-top:1px;max-width:420px}
#tiers .t-good{--c:var(--sky-600);--tag:#7DD3FC;--tag-bg:rgba(2,132,199,.2)}
#tiers .t-better{--c:var(--emerald-500);--tag:var(--emerald-400);--tag-bg:rgba(16,185,129,.2);background:rgba(16,185,129,.12);box-shadow:0 0 16px rgba(16,185,129,.2)}
#tiers .t-best{--c:var(--amber-500);--tag:#FDE68A;--tag-bg:rgba(245,158,11,.2)}
#tiers .why-foot{border-top:1px solid rgba(255,255,255,.06);padding-top:12px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
#tiers .try{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9.6px 20px;border-radius:9999px;background:var(--emerald-500);
  color:#fff;font-size:13.1px;line-height:20.99px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.35);filter:drop-shadow(0 4px 7px rgba(16,185,129,.3));transition:filter .2s}
#tiers .try:hover{filter:drop-shadow(0 6px 12px rgba(16,185,129,.4)) brightness(.97)}
#tiers .fine{font-size:11.5px;line-height:18.43px;color:var(--slate-500)}

@media (max-width:900px){
  #tiers .row{flex-direction:column;gap:20px;max-width:560px}
  #tiers .phone-col,#tiers .why{flex:none;width:100%}
}
@media (max-width:480px){
  #tiers{padding:40px 0}
  #tiers .glow{top:156px;bottom:auto;height:447px;width:390px}
  #tiers .inner{gap:18px}
  #tiers .head h2{font-size:30.4px;line-height:34px;letter-spacing:-.9px}
  #tiers .head h2 span{display:inline}
  #tiers .head p{font-size:15.2px;line-height:23px}
  #tiers .phone{--pw:284px;height:560px;padding:10px}
  #tiers .phone .island{top:17px;width:72px;height:18px}
  #tiers .phone .status{height:30px}
  #tiers .pbody{padding:6px 13px 22px}
  #tiers .ptitle b{font-size:13.6px}
  #tiers .opt{padding:12px 12px}
  #tiers .opt .pr{font-size:16px}
  #tiers .opt .nm em{padding:0 4px 1px;font-size:8.4px}
  #tiers .why{padding:16px 14.6px}
  #tiers .why h3{font-size:17.9px;line-height:27px}
  #tiers .why>p{font-size:13px;line-height:18.25px}
  #tiers .tier{padding:11.4px 14px 11.4px 15px}
  #tiers .why-foot{align-items:stretch;padding-top:13px}
  #tiers .try{width:100%}
  #tiers .fine{text-align:center}
}
@media (max-width:360px){
  #tiers .phone{--pw:270px;height:540px}
}

/* 07-client.html */
#client-experience{background:#fff;padding:72px 0}
#client-experience .wrap{max-width:1260px}
#client-experience .grid{display:flex;align-items:center;justify-content:center;gap:52px}
#client-experience .copy{flex:1 1 0;min-width:0}
#client-experience h2{font-size:48px;line-height:55.2px;font-weight:800;letter-spacing:-1.44px;color:var(--ink);padding-bottom:16px}
#client-experience h2 span{display:block}
#client-experience .lead{font-size:17.6px;line-height:28.16px;color:var(--text-2);max-width:640px;padding-top:0}
#client-experience .steps{list-style:none;padding:24px 0 0;display:flex;flex-direction:column;gap:18.4px}
#client-experience .step{display:flex;align-items:flex-start;gap:16px}
#client-experience .num{flex:none;width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:var(--emerald-50);border:1px solid rgba(5,150,105,.2);filter:drop-shadow(0 2px 2.5px rgba(5,150,105,.08));
  color:var(--emerald-600);font-size:13.6px;line-height:21.76px;font-weight:800}
#client-experience .step div{max-width:532px}
#client-experience h3{font-size:17.3px;line-height:27.65px;font-weight:800;letter-spacing:-.173px;color:var(--ink)}
#client-experience .step p{font-size:14.7px;line-height:22.82px;color:var(--text-2);margin-top:4px}
#client-experience .shot{flex:1 1 0;min-width:0;display:flex;justify-content:center}

/* Light phone mockup: the client's proposal link. */
#client-experience .phone{--pw:290px;height:575px;padding:10px}
#client-experience .phone .island{top:18px;width:80px;height:20px}
#client-experience .pbody{flex:1;display:flex;flex-direction:column;padding:5.6px 13.6px 22.4px;min-height:0}
#client-experience .pbody>*+*{margin-top:5.6px}
#client-experience .phd{display:flex;align-items:center;gap:10.4px;padding-bottom:5.6px;border-bottom:1px solid var(--line-soft)}
#client-experience .logo{flex:none;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--emerald-600) 0%,var(--emerald-700) 100%);filter:drop-shadow(0 2px 3px rgba(5,150,105,.25));
  color:#fff;font-size:11.5px;line-height:18.43px;font-weight:800;letter-spacing:.23px}
#client-experience .phd .t{flex:1;min-width:0}
#client-experience .phd b{display:block;font-size:13.1px;line-height:15.74px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#client-experience .phd small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.4px;line-height:16.64px;color:#64748B}
#client-experience .live{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:9999px;background:var(--emerald-50);
  color:var(--emerald-600);font-size:9.9px;line-height:15.87px;font-weight:700;letter-spacing:.198px}
#client-experience .live::before{content:"";width:5px;height:5px;border-radius:2.5px;background:var(--emerald-600);box-shadow:0 0 6px var(--emerald-600)}
#client-experience .box{border-radius:12px;padding:6.72px 12px;border:1px solid var(--slate-200);background:var(--slate-50)}
#client-experience .lbl{font-size:9.3px;line-height:14.85px;font-weight:800;letter-spacing:.557px;text-transform:uppercase;color:var(--slate-500)}
#client-experience .fac b{display:block;margin-top:2.2px;font-size:12.2px;line-height:19.46px;font-weight:800;color:var(--ink)}
#client-experience .fac span{display:block;margin-top:2.2px;font-size:10.2px;line-height:16.38px;color:var(--slate-500)}
#client-experience .pkg{background:#fff;border-color:rgba(5,150,105,.3);filter:drop-shadow(0 2px 4px rgba(5,150,105,.06))}
#client-experience .pkg .r1{display:flex;align-items:center;justify-content:space-between;gap:8px}
#client-experience .pkg .r1 span{font-size:10.6px;line-height:16.9px;font-weight:700;color:var(--emerald-600)}
#client-experience .pkg .r1 em{font-style:normal;background:var(--emerald-50);color:var(--emerald-600);font-size:9.3px;line-height:14.85px;font-weight:800;letter-spacing:.278px;padding:2.4px 6.4px;border-radius:4px}
#client-experience .pkg .r2{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:4px}
#client-experience .pkg .r2 b{font-size:12.8px;line-height:20.48px;font-weight:800;color:var(--ink)}
#client-experience .mono-p{font-family:var(--mono);font-weight:500;font-size:15.2px;line-height:24.32px;color:var(--ink);white-space:nowrap}
#client-experience .mono-p small{font-size:10.4px;color:var(--slate-500)}
#client-experience .inc{display:flex;align-items:center;gap:6.4px;margin-top:4px;padding:4px 7.2px;border-radius:8px;background:var(--emerald-50);border:1px solid var(--emerald-border);
  font-size:9.9px;line-height:12.9px;font-weight:600;color:var(--emerald-700)}
#client-experience .inc img{width:12px;height:12px;flex:none}
#client-experience .addon{display:flex;align-items:center;justify-content:space-between;gap:8px}
#client-experience .addon .l{display:flex;align-items:center;gap:8px}
#client-experience .cb{flex:none;width:16px;height:16px;border-radius:4px;background:var(--emerald-600);border:1px solid var(--emerald-600);display:flex;align-items:center;justify-content:center}
#client-experience .cb img{width:10px;height:10px}
#client-experience .addon b{display:block;font-size:11.5px;line-height:13.82px;font-weight:700;color:var(--navy)}
#client-experience .addon small{display:block;margin-top:2px;font-size:9.6px;line-height:15.36px;color:var(--slate-500)}
#client-experience .addon .mono{font-size:12.5px;line-height:19.97px;color:var(--emerald-600);white-space:nowrap}
#client-experience .foot{margin-top:auto;padding-top:3.2px;display:flex;flex-direction:column;gap:4.8px}
#client-experience .tot{display:flex;align-items:center;justify-content:space-between;padding:0 3.2px}
#client-experience .tot span{font-size:10.9px;line-height:17.41px;font-weight:700;color:var(--slate-500)}
#client-experience .sig{height:34px;display:flex;align-items:center;justify-content:space-between;padding:4.8px 10.4px;border-radius:8px;border:1px dashed var(--slate-300);background:var(--slate-100)}
#client-experience .sig img{width:105px;height:24px}
#client-experience .sig span{font-size:9.3px;line-height:14.85px;font-weight:600;color:var(--emerald-600);white-space:nowrap}
#client-experience .signbtn{display:flex;align-items:center;justify-content:center;gap:6.4px;margin-bottom:6px;padding:10.4px 16px;border-radius:9999px;background:var(--emerald-500);
  color:#fff;font-size:13.1px;font-weight:800;letter-spacing:.131px;filter:drop-shadow(0 4px 7px rgba(16,185,129,.35))}
#client-experience .signbtn img{width:14px;height:14px}

@media (max-width:1024px){
  #client-experience h2{font-size:40px;line-height:46px;letter-spacing:-1.2px}
}
@media (max-width:900px){
  #client-experience .grid{flex-direction:column;gap:20px}
  #client-experience .copy,#client-experience .shot{flex:none;width:100%;max-width:560px}
  #client-experience h2,#client-experience .lead{text-align:center;margin-left:auto;margin-right:auto}
}
@media (max-width:480px){
  #client-experience{padding:36px 0 40px}
  #client-experience h2{font-size:28.8px;line-height:35px;letter-spacing:-.86px;padding-bottom:16px}
  #client-experience .phd b{font-size:12.4px}
  #client-experience h2 span{display:inline}
  #client-experience .lead{font-size:16px;line-height:23.9px}
  #client-experience .steps{padding-top:16px;gap:8.8px}
  #client-experience .step{gap:10.4px}
  #client-experience .step div{min-height:78px}
  #client-experience h3{font-size:17.3px;line-height:27.65px}
  #client-experience .step p{font-size:14.7px;line-height:22.82px}
  #client-experience .phone{--pw:284px;height:560px}
  #client-experience .phone .island{top:17px;width:72px;height:18px}
  #client-experience .phone .status{height:30px}
}
@media (max-width:360px){
  #client-experience .phone{--pw:270px;height:548px}
}

/* 08-calculator.html */
#calculator{background:#FAFAFC;border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06);padding:112px 0}
#calculator .sec-head{max-width:720px;margin-bottom:56px}
#calculator .sec-head h2 span{display:block}
#calculator .card-x{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:start;padding:52px;
  background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:40px;box-shadow:0 20px 45px -15px rgba(15,23,42,.08),0 0 0 1px rgba(0,0,0,.03)}

/* Controls */
#calculator .presets{display:flex;flex-wrap:wrap;align-items:center;gap:0 10.4px;padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid rgba(15,23,42,.09)}
#calculator .presets .pl{font-size:13px;line-height:20.8px;font-weight:700;letter-spacing:.65px;text-transform:uppercase;color:var(--text-2)}
#calculator .chips{display:flex;flex-wrap:wrap;gap:0 8px}
#calculator .chip-b{position:relative;border:1px solid transparent;background:var(--slate-100);color:var(--text-2);border-radius:9999px;padding:5px 12px;
  font-size:12.5px;line-height:normal;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
#calculator .chip-b::before{content:"";position:absolute;inset:-9px -4px}
#calculator .chip-b:hover{background:var(--slate-200)}
#calculator .chip-b[aria-pressed="true"]{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:var(--emerald-700);font-weight:700}
#calculator .ctl{margin-bottom:28px}
#calculator .ctl-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:3.2px}
#calculator .ctl-top label{font-size:14.4px;line-height:23px;font-weight:700;letter-spacing:-.144px;color:var(--ink)}
#calculator .val{font-family:var(--mono);font-weight:500;font-size:16.8px;line-height:26.88px;color:#065F46;white-space:nowrap;
  padding:3px 10px;border-radius:12px;background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.22)}
#calculator input[type=range]{--p:50%;-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:-11px 0 -11px;background:transparent;cursor:pointer}
#calculator input[type=range]:focus-visible{outline:2px solid var(--emerald-500);outline-offset:2px;border-radius:8px}
#calculator input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;
  background:linear-gradient(90deg,var(--emerald-500) 0,var(--emerald-500) var(--p),var(--slate-200) var(--p),var(--slate-200) 100%)}
#calculator input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:var(--slate-200)}
#calculator input[type=range]::-moz-range-progress{height:8px;border-radius:4px;background:var(--emerald-500)}
#calculator input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:11px;background:var(--emerald-500);
  border:3px solid #fff;box-shadow:0 2px 8px rgba(16,185,129,.4),0 1px 3px rgba(0,0,0,.15)}
#calculator input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:11px;background:var(--emerald-500);border:3px solid #fff;box-shadow:0 2px 8px rgba(16,185,129,.4),0 1px 3px rgba(0,0,0,.15)}
#calculator .ends{display:flex;justify-content:space-between;margin-top:7.2px;font-size:11.5px;line-height:18.43px;font-weight:600;color:var(--slate-400)}
#calculator .note{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;border-radius:18px;background:var(--slate-50);border:1px solid var(--slate-200);
  font-size:12.5px;line-height:17.47px;color:var(--text-2)}
#calculator .note img{flex:none;width:16px;height:16px}
#calculator .note b{color:var(--ink);font-weight:700}

/* Result panel */
#calculator .result{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding:58.5px 32px;border-radius:32px;
  border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#090E17 0%,#111D30 100%);box-shadow:0 24px 48px -12px rgba(9,14,23,.45);text-align:center;color:#fff}
#calculator .result::after{content:"";position:absolute;right:-80px;top:-80px;width:200px;height:200px;pointer-events:none;
  background:radial-gradient(circle,rgba(16,185,129,.15) 0%,rgba(16,185,129,0) 70%)}
#calculator .rl{font-size:12.5px;line-height:19.97px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--emerald-400);margin-bottom:12px}
#calculator .big{font-family:var(--mono);font-weight:500;font-size:56px;line-height:56px;letter-spacing:-1.68px;color:#fff;margin-bottom:8px}
#calculator .sub{font-size:13.6px;line-height:21.76px;color:var(--slate-400);margin-bottom:28px}
#calculator .tiers3{display:flex;justify-content:center;gap:8px;margin-bottom:28px}
#calculator .t{flex:1 1 0;max-width:121.4px;min-width:0;display:flex;flex-direction:column;gap:3px;padding:9px 6px 10px;border-radius:12px;border:1px solid var(--b);background:var(--bg)}
#calculator .t span{font-size:11.5px;line-height:18.43px;font-weight:800;letter-spacing:.346px;text-transform:uppercase;color:var(--c)}
#calculator .t b{font-family:var(--mono);font-weight:500;font-size:16.8px;line-height:26.88px;color:#fff}
#calculator .t-good{--c:#38BDF8;--b:rgba(56,189,248,.35);--bg:rgba(2,132,199,.12)}
#calculator .t-better{--c:var(--emerald-400);--b:var(--emerald-500);--bg:rgba(16,185,129,.16);box-shadow:0 0 16px rgba(16,185,129,.22)}
#calculator .t-best{--c:#FBBF24;--b:rgba(251,191,36,.35);--bg:rgba(245,158,11,.12)}
#calculator .go{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:15.2px 24px;border-radius:24px;background:var(--emerald-500);
  color:#fff;font-size:14.8px;line-height:23.68px;font-weight:700;box-shadow:0 8px 20px -4px rgba(16,185,129,.4);transition:filter .2s}
#calculator .go:hover{filter:brightness(.95)}
#calculator .full{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:44px;margin-top:2px;margin-bottom:-12px;
  font-size:11.5px;line-height:18.43px;color:var(--slate-400);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(148,163,184,.4)}
#calculator .full:hover{color:#fff}

@media (max-width:1024px){
  #calculator .card-x{padding:40px;gap:40px}
}
@media (max-width:900px){
  #calculator .card-x{grid-template-columns:minmax(0,1fr);max-width:620px;margin:0 auto}
}
@media (max-width:768px){
  #calculator{padding:72px 0}
}
@media (max-width:480px){
  #calculator{padding:37px 0 36px}
  #calculator .sec-head{margin-bottom:18px;gap:12px}
  #calculator .sec-head h2{font-size:28.8px;line-height:35px;letter-spacing:-.86px;text-wrap:wrap}
  #calculator .sec-head h2 span{display:inline}
  #calculator .sec-head p{font-size:15.6px;line-height:24.45px}
  #calculator .card-x{padding:21px 17px;gap:19px;border-radius:32px}
  #calculator .presets{flex-direction:column;align-items:flex-start;gap:4.8px;padding-bottom:13px;margin-bottom:16px}
  #calculator .chips{gap:0 8px}
  #calculator .chip-b{margin:0 0 4px}
  #calculator .ctl{margin-bottom:28px}
  #calculator .note{align-items:center;padding:9px 12px 9px 13px}
  #calculator .result{padding:21px 17px}
  #calculator .rl{margin-bottom:11px}
  #calculator .big{font-size:35px;line-height:35px;letter-spacing:-1px;margin-bottom:7px}
  #calculator .sub{margin-bottom:24px}
  #calculator .tiers3{gap:4px;margin-bottom:28px}
  #calculator .t b{font-size:15px}
  #calculator .go{padding:15.2px 16px}
}
@media (max-width:360px){
  #calculator .t b{font-size:13.6px}
  #calculator .t span{font-size:10.4px}
}

/* 09-follow-up.html */
/* Section 09: follow-up reminders. Figma 12:34499 (1440w) and 12:40620 (390w). */
#follow-up{background:var(--slate-50);padding:68px 0}
#follow-up .sec-head{margin-bottom:36px}
#follow-up .seq{position:relative;background:#fff;border:1px solid var(--line-soft);border-radius:32px;padding:32px 36px 29.6px;display:flex;flex-direction:column;gap:28px;
  box-shadow:0 10px 30px -5px rgba(0,0,0,.05),0 20px 25px -5px rgba(0,0,0,.03)}
#follow-up .seq-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-bottom:18.4px;border-bottom:1px solid var(--line-soft)}
#follow-up .seq-tag{display:inline-flex;align-items:center;padding:5px 13px;border-radius:9999px;background:var(--emerald-50);border:1px solid rgba(16,185,129,.2);
  font-size:13.1px;line-height:20.99px;font-weight:700;color:#065F46;white-space:nowrap}
#follow-up .seq-how{display:flex;align-items:center;gap:6px;font-size:13.1px;line-height:20.99px;font-weight:600;color:var(--slate-500)}
#follow-up .seq-how img{width:16px;height:16px;flex:none}

/* Timeline: five stops joined by a gradient rail that runs behind the circles. */
#follow-up .track{position:relative;list-style:none;padding:0;display:flex;justify-content:center;gap:16px}
#follow-up .track::before{content:"";position:absolute;top:22px;left:10%;right:10%;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--emerald-500) 0%,var(--emerald-500) 75%,var(--emerald-600) 100%)}
#follow-up .stop{position:relative;flex:1 1 0;max-width:214.8px;display:flex;flex-direction:column;align-items:center;text-align:center}
#follow-up .dot{position:relative;width:44px;height:44px;border-radius:22px;background:var(--emerald-50);border:2px solid var(--emerald-500);
  display:flex;align-items:center;justify-content:center;color:var(--emerald-600);box-shadow:0 0 0 5px rgba(16,185,129,.16);margin-bottom:12.6px;flex:none}
#follow-up .dot svg{width:18px;height:18px}
#follow-up .stop.done .dot{background:var(--emerald-500);color:#fff;box-shadow:0 0 0 5px rgba(16,185,129,.22),0 8px 16px -2px rgba(16,185,129,.3)}
#follow-up .stop.done .dot svg{stroke-width:2.5}
#follow-up .stop-body{display:flex;flex-direction:column;align-items:center;gap:3px;padding-bottom:8px}
#follow-up .when{display:flex;flex-direction:column;align-items:center;gap:3.73px}
#follow-up .day{font-size:11.6px;line-height:18.56px;font-weight:800;letter-spacing:.696px;text-transform:uppercase;color:var(--emerald-600)}
#follow-up .pill{padding:2px 8px;border-radius:9999px;background:var(--slate-100);font-size:11.2px;line-height:17.92px;font-weight:700;color:var(--slate-600);white-space:nowrap}
#follow-up .stop.done .day{color:var(--emerald-700)}
#follow-up .stop.done .pill{background:#D1FAE5;color:#065F46}
#follow-up .stop h3{font-size:16.3px;line-height:20.4px;font-weight:800;color:var(--ink)}
#follow-up .stop p{font-size:12.5px;line-height:17.47px;color:var(--slate-500);max-width:206px}

/* Fact chips under the timeline. */
#follow-up .facts{list-style:none;padding:25.6px 0 0;display:flex;gap:20px;border-top:1px solid var(--line-soft)}
#follow-up .fact{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:13.6px;padding:11.2px 16px;background:var(--slate-50);border:1px solid var(--line-soft);border-radius:14px;
  font-size:16.8px;line-height:20.16px;font-weight:800;color:var(--ink)}
#follow-up .fact .ico{width:38px;height:38px;border-radius:10px;background:var(--emerald-50);display:flex;align-items:center;justify-content:center;color:var(--emerald-600);flex:none}
#follow-up .fact .ico svg,#follow-up .fact .ico img{width:20px;height:20px}

@media (max-width:1100px){
  #follow-up .seq{padding:28px 24px 24px}
  #follow-up .fact{font-size:15px;line-height:19px}
}
/* Phone: vertical timeline (390w frame). */
@media (max-width:760px){
  #follow-up{padding:36px 0}
  #follow-up .sec-head{margin-bottom:18.4px;gap:12px}
  #follow-up .seq{border-radius:16px;padding:18.4px 13.6px 16px;gap:16px}
  #follow-up .seq-top{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding-bottom:12px}
  #follow-up .seq-tag{padding:2px 8px 3px;font-size:11.2px;line-height:17.92px}
  #follow-up .seq-how{font-size:10.9px;line-height:17.41px}
  #follow-up .track{flex-direction:column;justify-content:flex-start;gap:8.8px}
  #follow-up .track::before{top:14px;bottom:14px;left:13px;right:auto;width:2px;height:auto;
    background:linear-gradient(180deg,var(--emerald-500) 0%,var(--emerald-500) 75%,var(--emerald-600) 100%)}
  #follow-up .stop{flex-direction:row;align-items:flex-start;gap:12px;max-width:none;text-align:left}
  #follow-up .dot{width:28px;height:28px;border-radius:14px;margin:0}
  #follow-up .dot svg{width:14px;height:14px}
  #follow-up .stop-body{flex:1 1 0;min-width:0;align-items:flex-start;gap:1.6px;padding:0}
  #follow-up .when{flex-direction:row;align-items:center;gap:6.4px}
  #follow-up .day{font-size:10.4px;line-height:16.64px;letter-spacing:.624px}
  #follow-up .stop h3{font-size:13.8px;line-height:17.2px}
  #follow-up .stop p{font-size:11.2px;line-height:14.56px;max-width:none}
  #follow-up .facts{padding-top:16px;gap:8px}
  #follow-up .fact{flex-direction:column;justify-content:center;gap:5px;min-height:82px;padding:10px 4px 8px;text-align:center;
    font-size:12.2px;line-height:15.2px;letter-spacing:-.122px;filter:drop-shadow(0 1px 1.5px rgba(15,23,42,.04))}
  #follow-up .fact .ico{width:28px;height:28px;border-radius:8px}
  #follow-up .fact .ico svg,#follow-up .fact .ico img{width:15px;height:15px}
}
@media (max-width:480px){
  #follow-up .sec-head h2{font-size:28px;line-height:35px;letter-spacing:-.84px}
  #follow-up .sec-head p{font-size:14.7px;line-height:23.55px}
}

/* 10-verticals.html */
/* Section 10: the nine built-in templates. Figma 12:34620 (1440w) and 12:40747 (390w).
   Copy comes from templates/default-verticals.json; rates from DEFAULT_RATES in src/worker.js. */
#verticals{background:#FAFAFC;padding:112px 0}
#verticals .sec-head{margin-bottom:56px}
#verticals .sec-head h2{text-wrap:wrap}
#verticals .grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#verticals .vcard{display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid var(--line-soft);border-radius:24px;
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.04))}
#verticals .vtop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px}
#verticals .vicon{width:46px;height:46px;border-radius:12px;background:var(--emerald-50);border:1px solid var(--emerald-border);
  display:flex;align-items:center;justify-content:center;color:var(--emerald-600);flex:none}
#verticals .vicon svg,#verticals .vicon img{width:22px;height:22px}
#verticals .vicon svg{stroke-width:1.83}
#verticals .vkind{padding:4px 10px;border-radius:9999px;background:var(--slate-100);border:1px solid rgba(15,23,42,.06);
  font-size:11px;line-height:17.6px;font-weight:700;letter-spacing:.44px;text-transform:uppercase;color:var(--text-2);white-space:nowrap}
#verticals h3{font-size:19px;line-height:30.4px;font-weight:800;letter-spacing:-.38px;color:var(--ink);padding-bottom:7.2px}
#verticals .vdesc{font-size:13.6px;line-height:20.4px;color:var(--text-2);min-height:61.2px;margin-bottom:18.4px;flex:1 0 auto}
#verticals .vtags{list-style:none;padding:0 0 20px;display:flex;flex-wrap:wrap;gap:6px}
#verticals .vtags li{padding:2px 8px 3.92px;border-radius:6px;background:var(--slate-50);border:1px solid var(--line-soft);
  font-size:11.2px;line-height:17.92px;font-weight:600;color:var(--text-2);white-space:nowrap}
#verticals .vrate{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding-top:16px;border-top:1px solid rgba(15,23,42,.06)}
#verticals .vrate dt{font-size:12.4px;line-height:19.84px;font-weight:500;color:#64748B}
#verticals .vrate dd{margin:0;padding:1px 8px 2.47px;border-radius:6px;background:var(--emerald-50);border:1px solid var(--emerald-border);
  font-family:var(--mono);font-weight:500;font-size:12.8px;line-height:20.48px;color:var(--emerald-600);white-space:nowrap}

@media (max-width:1024px){
  #verticals{padding:88px 0}
  #verticals .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Phone: one column of compact cards (390w frame). */
@media (max-width:640px){
  #verticals{padding:40px 0}
  #verticals .sec-head{margin-bottom:20px}
  #verticals .grid{grid-template-columns:minmax(0,1fr);gap:12px}
  #verticals .vcard{padding:16.8px 15.2px;border-color:var(--slate-200);border-radius:20px;filter:none;
    box-shadow:0 4px 20px -2px rgba(15,23,42,.05),0 1px 3px rgba(15,23,42,.03)}
  #verticals .vtop{padding-bottom:8px}
  #verticals .vicon{width:34px;height:34px;border-radius:10px;filter:drop-shadow(0 2px 3px rgba(5,150,105,.08))}
  #verticals .vicon svg,#verticals .vicon img{width:17px;height:17px}
  #verticals .vkind{padding:2px 7px;background:var(--green-50);border-color:#BBF7D0;color:var(--emerald-700);
    font-family:var(--mono);font-weight:500;font-size:10.4px;line-height:16.64px;letter-spacing:.416px}
  #verticals h3{font-size:15.7px;line-height:19.6px;letter-spacing:-.314px;padding-bottom:4px}
  #verticals .vdesc{font-size:12.2px;line-height:16.42px;min-height:0;margin-bottom:8px;flex:none}
  #verticals .vtags{gap:5.6px;padding-bottom:10.4px}
  #verticals .vtags li{padding:2px 7px;border-color:var(--slate-200);font-size:10.9px;line-height:17.41px}
  #verticals .vrate{padding-top:8px;border-top-color:var(--slate-100);min-height:35.8px}
  #verticals .vrate dt{font-size:11.5px;line-height:18.43px;font-weight:600;color:var(--slate-500)}
  #verticals .vrate dd{padding:1px 7px 2.42px;border-radius:9999px;background:var(--green-50);border-color:#BBF7D0;font-size:11.5px;line-height:18.43px}
  }
@media (max-width:480px){
  #verticals .sec-head h2{font-size:28px;line-height:35px;letter-spacing:-.84px}
  #verticals .sec-head p{font-size:14.7px;line-height:23.55px}
}

/* 11-compare.html */
/* Section 11: comparison matrix. Figma 12:34886 (1440w) and 12:41022 (390w).
   Qualitative cells only: no competitor names, no prices or numbers for other tools. */
#compare{position:relative;overflow:hidden;padding:104px 0;background:linear-gradient(180deg,#fff 0%,var(--slate-50) 50%,#fff 100%)}
#compare::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1100px,76.38%);height:400px;pointer-events:none;
  background:radial-gradient(550px 200px at 50% 60px,rgba(16,185,129,.06),rgba(16,185,129,0))}
#compare .wrap{position:relative}
#compare .sec-head{max-width:840px;gap:10.7px;margin-bottom:0;padding-top:3.9px}
#compare .sec-head h2{line-height:56.64px}
#compare .sec-head p{font-size:18px;line-height:28.8px;max-width:680px;padding-top:8.2px}

/* View filter: pill tablist. */
#compare .tabs-row{display:flex;justify-content:center;padding-top:29.3px}
#compare .tabs{display:flex;gap:4px;padding:4px;border-radius:9999px;background:var(--slate-100);border:1px solid rgba(226,232,240,.9);box-shadow:inset 0 1px 2px rgba(15,23,42,.03)}
#compare .tab{position:relative;display:flex;align-items:center;gap:8px;padding:8px 18.4px;border:0;border-radius:9999px;background:transparent;
  font-size:13.6px;line-height:normal;font-weight:700;color:var(--text-2);white-space:nowrap;transition:background .15s,color .15s}
#compare .tab::before{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}
#compare .tab::after{content:"";order:-1;width:6px;height:6px;border-radius:3px;background:#64748B;flex:none}
#compare .tab[aria-selected="true"]{background:#fff;color:var(--ink);filter:drop-shadow(0 2px 4px rgba(15,23,42,.08))}
#compare .tab[aria-selected="true"]::after{background:var(--emerald-500)}
#compare .tab:hover{color:var(--ink)}
#compare .tab .short{display:none}

/* Cards. */
#compare .cards{display:flex;justify-content:center;gap:24px;padding-top:56px}
#compare .ccard{position:relative;flex:1 1 0;min-width:0;max-width:420px;display:flex;flex-direction:column;padding:36px 28px 28px;background:#fff;border:1px solid var(--slate-200);border-radius:22px;
  box-shadow:0 4px 20px -4px rgba(15,23,42,.05),0 1px 2px rgba(15,23,42,.03)}
#compare .ccard[hidden]{display:none}
#compare .ccard.ours{border:2px solid var(--emerald-500);padding:36px 28px 28px;background:linear-gradient(180deg,#fff 0%,#FAFCFB 60%,var(--green-50) 100%);
  box-shadow:0 20px 48px -10px rgba(16,185,129,.18),0 2px 6px rgba(15,23,42,.03)}
#compare .rec{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 16px;border-radius:9999px;background:linear-gradient(134.7deg,var(--emerald-600) 0%,var(--emerald-500) 100%);
  font-size:11px;line-height:17.6px;font-weight:800;letter-spacing:.66px;text-transform:uppercase;color:#fff;white-space:nowrap;filter:drop-shadow(0 4px 6px rgba(16,185,129,.38))}
#compare .chead{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--slate-100)}
#compare .chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px}
#compare .kind{padding:3px 10px 4.42px;border-radius:9999px;background:var(--slate-100);font-size:11.5px;line-height:18.43px;font-weight:700;letter-spacing:.115px;color:var(--slate-600);white-space:nowrap}
#compare .flag{padding:2.5px 9px 2.89px;border-radius:9999px;border:1px solid #FEE2E2;background:#FEF2F2;font-size:10.9px;line-height:17.41px;font-weight:700;letter-spacing:.109px;color:#DC2626;white-space:nowrap}
#compare .flag.amber{background:#FFFBEB;border-color:#FEF3C7;color:#D97706}
#compare .ours .kind{padding:4px 11px 5.42px;background:var(--emerald-50);border:1px solid rgba(16,185,129,.25);color:var(--emerald-700)}
#compare .ours .flag{background:var(--emerald-50);border-color:var(--emerald-border);color:var(--emerald-600);font-weight:800}
#compare .ccard h3{display:flex;align-items:center;gap:8px;font-size:21.6px;line-height:27px;font-weight:800;letter-spacing:-.432px;color:var(--ink);padding-bottom:5.6px}
#compare .ours h3{color:var(--navy)}
#compare .ours h3 img{width:22px;height:22px;flex:none}
#compare .cdesc{font-size:13px;line-height:18.85px;color:var(--text-2);min-height:44px;margin-bottom:13.6px}
#compare .cost{display:flex;flex-direction:column;justify-content:center;gap:2.77px;min-height:66px;margin-bottom:24px;padding:12px 16px 20px;border-radius:12px;background:var(--slate-50);border:1px solid var(--slate-100)}
#compare .cost b{font-size:20.8px;line-height:33.28px;font-weight:800;color:var(--ink)}
#compare .cost b small{font-size:12px;line-height:19.2px;font-weight:600;color:#64748B;margin-left:6px}
#compare .cost span{font-size:11.5px;line-height:18.43px;font-weight:500;color:var(--slate-400)}
#compare .ours .cost{background:var(--green-50);border-color:rgba(16,185,129,.22)}
#compare .ours .cost b{font-weight:900;color:var(--emerald-700)}
#compare .ours .cost span{font-weight:600;color:var(--emerald-600)}

/* Rows. */
#compare .rows{list-style:none;padding:0;display:flex;flex-direction:column;gap:12.8px}
#compare .row{display:flex;align-items:center;gap:10.4px;padding-bottom:12.8px;border-bottom:1px solid var(--slate-50)}
#compare .row:last-child{padding-bottom:0;border-bottom:0}
#compare .mark{width:22px;height:22px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;margin-top:1px;
  background:#FEF2F2;border:1px solid #FEE2E2;color:var(--red-500);filter:drop-shadow(0 1px 1px rgba(239,68,68,.05))}
#compare .mark svg,#compare .mark img{width:10.5px;height:10.5px}
#compare .mark svg{stroke-width:3.3}
#compare .mark.part{background:var(--slate-50);border-color:var(--slate-200);filter:none}
#compare .mark.yes{background:var(--emerald-50);border-color:rgba(16,185,129,.3);color:var(--emerald-600);filter:drop-shadow(0 1px 1.5px rgba(16,185,129,.12))}
#compare .mark.yes svg{stroke-width:3.6}
#compare .rtext{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}
#compare .rtop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 8px}
#compare .rtop strong{font-size:13px;line-height:20.8px;font-weight:700;letter-spacing:-.13px;color:var(--slate-800)}
#compare .badge{padding:2px 7px;border-radius:9999px;border:1px solid #FEE2E2;background:#FEF2F2;font-size:10.4px;line-height:13px;font-weight:700;color:#B91C1C;white-space:nowrap}
#compare .badge.amber{background:#FFFBEB;border-color:#FEF3C7;color:#B45309}
#compare .badge.part{background:var(--slate-100);border-color:var(--slate-200);color:var(--slate-600)}
#compare .ours .badge{background:var(--emerald-50);border-color:rgba(16,185,129,.25);color:var(--emerald-700);font-weight:800}
#compare .rtext p{font-size:11.8px;line-height:15.88px;color:var(--text-2)}
#compare .ours .rtext p{font-weight:500;color:#065F46}

/* Card footers. */
#compare .cfoot{margin-top:auto;padding-top:24px}
#compare .cfoot-in{border-top:1px solid var(--slate-100);padding:26.9px 0 8.5px;min-height:72px}
#compare .warn{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:10px;background:#FEF2F2;border:1px solid #FEE2E2;
  font-size:12px;line-height:15.6px;font-weight:600;color:#991B1B;text-align:center}
#compare .warn img{width:14px;height:14px;flex:none}
#compare .ours .cfoot-in{padding:18.4px 0 0;display:flex;flex-direction:column;align-items:center}
#compare .go{width:100%;padding:12px 20px;font-size:14.4px;line-height:23px;font-weight:800;background:linear-gradient(135.1deg,var(--emerald-600) 0%,var(--emerald-500) 100%);
  filter:drop-shadow(0 4px 7px rgba(16,185,129,.32))}
#compare .go svg{width:16px;height:16px;stroke-width:2.2}
#compare .go:hover{filter:drop-shadow(0 6px 12px rgba(16,185,129,.38)) brightness(.97)}
#compare .fine{padding-top:4px;font-size:11.2px;line-height:17.92px;font-weight:600;color:var(--emerald-600);text-align:center}

/* Strip under the cards. */
#compare .strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:24px;padding:20px 24px;border-radius:16px;background:#FAFAFC;border:1px solid var(--slate-200)}
#compare .strip p{font-size:12.4px;line-height:19.84px;color:#64748B}
#compare .strip a{position:relative;display:inline-flex;align-items:center;gap:6px;padding:5.6px 13.6px;border-radius:999px;background:#fff;border:1px solid var(--slate-200);
  font-size:12.4px;line-height:19.84px;font-weight:700;color:var(--emerald-600);filter:drop-shadow(0 1px 1px rgba(15,23,42,.04))}
#compare .strip a::before{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}
#compare .strip a:hover{border-color:var(--emerald-border)}
#compare .strip a svg{width:12px;height:12px;stroke-width:2.6}

@media (max-width:1100px){
  #compare .ccard,#compare .ccard.ours{padding:32px 20px 24px}
}
/* Stacked cards below 980px; the tabs then switch which cards show. */
@media (max-width:980px){
  #compare .cards{flex-direction:column;align-items:center;gap:20px;padding-top:32px}
  #compare .ccard{flex:none;width:100%;max-width:560px}
}
/* Phone (390w frame). */
@media (max-width:640px){
  #compare{padding:40px 0}
  #compare::before{width:100%}
  #compare .sec-head{gap:0;padding-top:0}
  #compare .sec-head h2{padding-top:12px}
  #compare .sec-head p{font-size:14.7px;line-height:23.55px;padding-top:15px}
  #compare .tabs-row{padding-top:2px}
  #compare .tabs{gap:3px;padding:3px;background:rgba(15,23,42,.05)}
  #compare .tab{gap:4px;padding:5.12px 9.92px;font-size:11.2px}
  #compare .tab::before{top:-10px;bottom:-10px}
  #compare .tab .long{display:none}
  #compare .tab .short{display:inline}
  #compare .cards{padding-top:40px}
  #compare .ccard{padding:29px 21px 24px}
  #compare .ccard.ours{padding:30px 22px 24px}
  #compare .cdesc{min-height:0}
  #compare .cost{margin-bottom:10.4px}
  #compare .strip{flex-direction:column;align-items:flex-start;gap:16px;padding:21px 25px}
}
@media (max-width:480px){
  #compare .sec-head h2{font-size:28px;line-height:35px;letter-spacing:-.84px}
}
@media (max-width:360px){
  #compare .tab{padding:5.12px 8px}
  #compare .ccard,#compare .ccard.ours{padding-left:16px;padding-right:16px}
}

/* 12-pricing.html */
/* Section 12: plans (Figma 12:35254 desktop, 12:41391 phone). */
#pricing{background:#FAFAFC;padding:112px 0}
#pricing .sec-head{max-width:700px;margin-bottom:56px}
#pricing .sec-head h2{text-wrap:wrap}
#pricing .billing{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;padding-top:28px}
#pricing .tabs{display:flex;padding:4px;border-radius:9999px;background:var(--slate-200)}
#pricing .tabs button{position:relative;border:0;background:transparent;border-radius:9999px;padding:8px 22.4px;min-height:36px;font-size:14px;line-height:normal;font-weight:700;color:var(--text-2);transition:background .2s,color .2s}
#pricing .tabs button::after{content:"";position:absolute;inset:-4px 0}
#pricing .tabs button[aria-pressed="true"]{background:#fff;color:var(--ink);filter:drop-shadow(0 1px 1px rgba(15,23,42,.04));box-shadow:0 1px 2px rgba(15,23,42,.06)}
#pricing .save{padding:4px 10px;border-radius:9999px;background:var(--emerald-50);border:1px solid var(--emerald-border);color:var(--emerald-600);font-size:12.4px;line-height:19.84px;font-weight:800;white-space:nowrap}
#pricing .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch;list-style:none;padding:0}
#pricing .plan{position:relative;display:flex;flex-direction:column;padding:36px 32px;background:#fff;border:1px solid var(--line-soft);border-radius:32px;filter:drop-shadow(0 1px 1px rgba(15,23,42,.04))}
#pricing .plan.pop{border:2px solid var(--emerald-600);margin:-8px 0;box-shadow:0 20px 48px -12px rgba(16,185,129,.2);filter:none}
#pricing .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:4px 14px;border-radius:9999px;background:var(--emerald-600);color:#fff;
  font-size:11px;line-height:17.6px;font-weight:800;letter-spacing:.55px;text-transform:uppercase;white-space:nowrap;filter:drop-shadow(0 2px 4px rgba(5,150,105,.3))}
#pricing h3{font-size:24px;line-height:38.4px;font-weight:800;letter-spacing:-.48px;color:var(--ink);padding-bottom:5.6px}
#pricing .for{font-size:13.4px;line-height:19.49px;color:var(--text-2);min-height:58px;padding-bottom:19.26px;margin-bottom:24px}
#pricing .price{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:66px;padding:12px 16px 16px;margin-bottom:24px;border-radius:12px;background:var(--slate-50);border:1px solid var(--slate-100)}
#pricing .price .cur{font-family:var(--mono);font-weight:500;font-size:21.6px;line-height:34.56px;color:var(--text-2)}
#pricing .price .amt{font-family:var(--mono);font-weight:500;font-size:48px;line-height:48px;letter-spacing:-1.44px;color:var(--ink)}
#pricing .price .per{font-size:13.6px;line-height:21.76px;color:#64748B}
#pricing .price .note{font-size:12px;line-height:18px;font-weight:700;color:var(--emerald-700);min-height:18px}
#pricing ul.feat{list-style:none;padding:0 0 32px;display:flex;flex-direction:column;gap:11.5px}
#pricing ul.feat li{display:flex;align-items:flex-start;gap:10.39px;padding-bottom:12.8px;border-bottom:1px solid var(--slate-50);font-size:13.6px;line-height:21.76px;color:var(--text-2)}
#pricing ul.feat li:last-child{border-bottom:0;padding-bottom:0}
#pricing ul.feat li b{font-weight:700;color:var(--ink)}
#pricing ul.feat .ck{flex:none;width:18px;height:18px;margin-top:1.88px;border-radius:9px;background:var(--emerald-50);display:flex;align-items:center;justify-content:center}
#pricing ul.feat .ck img{width:10px;height:10px}
#pricing .plan .btn{width:100%;margin-top:auto;font-size:14.4px;line-height:23px;padding:11px 20px 12.05px}
@media (max-width:1024px){
  #pricing .plans{gap:16px}
  #pricing .plan{padding:32px 22px}
}
@media (max-width:860px){
  #pricing .plans{grid-template-columns:minmax(0,1fr);max-width:520px;margin:0 auto;gap:24px}
  #pricing .plan.pop{margin:8px 0 0}
  #pricing .for{min-height:0}
}
@media (max-width:480px){
  #pricing{padding:40px 0}
  #pricing .sec-head{margin-bottom:28px}
  #pricing .billing{padding-top:12px;gap:8px 16px;flex-direction:column}
  #pricing .plans{gap:16px}
  #pricing .plan{padding:24px 18.8px;border-radius:24px}
  #pricing .plan.pop{margin-top:12px}
  #pricing h3{font-size:20px;line-height:30px}
  #pricing .for{padding-bottom:7.2px;margin-bottom:12px}
  #pricing .price{margin-bottom:20px}
  #pricing ul.feat{padding-bottom:20px}
}

/* 13-faq.html */
/* Section 13: FAQ (Figma 12:35426 desktop, 12:41563 phone). */
#faq{background:#FAFAFC;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:96px 0}
#faq .sec-head{max-width:760px;gap:10.9px;margin-bottom:56px}
#faq .sec-head h2{line-height:56.64px;text-wrap:wrap}
#faq .sec-head p{font-size:18px;line-height:28.8px;padding-top:8px}
#faq .list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
#faq .item{background:#fff;border:1px solid var(--line-soft);border-radius:24px;box-shadow:0 1px 3px rgba(0,0,0,.02);overflow:hidden;transition:border-color .2s,box-shadow .2s}
#faq .item.open{border-color:var(--emerald-600);box-shadow:0 10px 28px -6px rgba(16,185,129,.1)}
#faq h3{font:inherit}
#faq h3 button{width:100%;display:flex;align-items:center;gap:18.39px;padding:21.6px 21.6px 21.6px 25.59px;background:none;border:0;text-align:left;border-radius:24px;min-height:79px}
#faq .num{flex:none;width:34px;height:34px;border-radius:12px;background:var(--slate-100);display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:-.26px;color:#808EA3;transition:background .2s,color .2s}
#faq .item.open .num{background:rgba(16,185,129,.12);color:var(--emerald-600)}
#faq .q{flex:1;min-width:0;font-size:17.2px;line-height:24.94px;font-weight:700;color:#000}
#faq .ic{flex:none;width:36px;height:36px;border-radius:18px;background:var(--slate-100);display:flex;align-items:center;justify-content:center;transition:background .2s,transform .25s}
#faq .ic img{width:16px;height:16px}
#faq .ic .i-open{display:none}
#faq .item.open .ic{background:var(--emerald-600);transform:rotate(45deg)}
#faq .item.open .ic .i-open{display:block}
#faq .item.open .ic .i-closed{display:none}
#faq .a{padding:0 25.6px 24px 69.6px}
#faq .a p{font-size:15.2px;line-height:25.84px;color:var(--slate-500);max-width:748px}
#faq .a em{font-weight:600;font-style:italic}
#faq .help{max-width:860px;margin:56px auto 0;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px 44px;background:#fff;
  border:1px solid var(--line-soft);border-radius:32px;filter:drop-shadow(0 8px 15px rgba(0,0,0,.03))}
#faq .help div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5.55px}
#faq .help h3{font-size:20px;line-height:32px;font-weight:800;color:var(--ink)}
#faq .help p{font-size:15.2px;line-height:24.32px;color:var(--slate-500)}
#faq .help .btn{font-size:15.2px;line-height:24.32px;letter-spacing:-.15px;padding:13.6px 28px;gap:10.39px}
#faq .help .btn img{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){#faq .ic{transition:none}}
@media (max-width:768px){
  #faq .help{flex-direction:column;text-align:center;padding:28px 24px;gap:20px}
}
@media (max-width:480px){
  #faq{padding:41px 0}
  #faq .sec-head{margin-bottom:20px}
  #faq .sec-head h2{line-height:38px}
  #faq .sec-head p{font-size:16px;line-height:25.6px}
  #faq .list{gap:12px;padding-top:20px}
  #faq .item{border-radius:20px}
  #faq h3 button{gap:14px;padding:16px 12px 16px 14px;min-height:64px;border-radius:20px}
  #faq .q{font-size:15.2px;line-height:21px}
  #faq .a{padding:0 16px 20px 16px}
  #faq .a p{font-size:15.2px;line-height:25.84px}
  #faq .help{margin-top:20px;border-radius:24px;padding:24px 18px}
  #faq .help h3{font-size:18.4px;line-height:25px}
  #faq .help p{font-size:12.8px;line-height:15.5px}
  #faq .help .btn{font-size:13.6px;padding:8.3px 36.8px}
}

/* 14-mobile.html */
/* Section 14: phone band (Figma 12:35521 desktop, 12:41660 phone). App store listings under the
   Outscoped name do not exist yet, so the badges became a sign-up CTA and a sample-proposal link. */
#mobile{background:#fff;padding:64px 0}
#mobile .band{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:52px 48px;background:var(--navy);
  border:1px solid rgba(255,255,255,.08);border-radius:40px;box-shadow:0 20px 40px -15px rgba(15,23,42,.2)}
#mobile .band::before{content:"";position:absolute;left:50%;top:-170px;width:650px;height:500px;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.22) 0,rgba(16,185,129,0) 287px)}
#mobile .inner{position:relative;max-width:680px;display:flex;flex-direction:column;align-items:center;text-align:center}
#mobile h2{font-size:42.4px;line-height:50px;font-weight:800;letter-spacing:-1.06px;color:#fff;max-width:533px;text-wrap:wrap}
#mobile .lead{font-size:16.8px;line-height:26.88px;color:var(--slate-400);padding-top:13.66px;max-width:600px}
#mobile .ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding-top:28px}
#mobile .ctas .btn-primary{min-height:52.72px;font-size:15.2px;line-height:18.24px;padding:10px 24px;border-radius:12px}
#mobile .ctas .btn-primary img{width:16px;height:16px}
#mobile .tile{display:flex;align-items:center;gap:12px;min-height:52.72px;padding:10px 20px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  color:#fff;text-align:left;transition:background .2s,border-color .2s}
#mobile .tile:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
#mobile .tile svg{width:24px;height:24px;flex:none}
#mobile .tile small{display:block;font-size:10.4px;line-height:12.48px;text-transform:uppercase;color:var(--slate-400)}
#mobile .tile b{display:block;font-size:15.2px;line-height:18.24px;font-weight:700}
#mobile .how{padding-top:18px;font-size:13.6px;line-height:21.76px;color:var(--slate-400);max-width:560px}
#mobile .how b{color:#fff;font-weight:600}
@media (max-width:768px){
  #mobile .band{padding:44px 28px;border-radius:32px}
  #mobile h2{font-size:34px;line-height:40px}
}
@media (max-width:480px){
  #mobile{padding:40px 0}
  #mobile .band{padding:33px 19px;border-radius:32px}
  #mobile h2{font-size:28.8px;line-height:35px;letter-spacing:-.72px}
  #mobile .lead{font-size:15.2px;line-height:23.75px;padding-top:12px}
  #mobile .ctas{flex-direction:column;align-items:stretch;gap:12px;width:100%}
  #mobile .ctas .btn-primary,#mobile .tile{min-height:56.72px;justify-content:center}
}

/* 15-cta.html */
/* Section 15: closing CTA (Figma 12:35551 desktop, 12:41689 phone). */
#get-started{background:var(--slate-50);padding:56px 0 64px}
#get-started .card-cta{position:relative;overflow:hidden;max-width:1140px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:36px 56px;
  border:1px solid rgba(16,185,129,.22);border-radius:24px;background:linear-gradient(135deg,#fff 0%,var(--green-50) 100%);
  box-shadow:0 20px 45px -12px rgba(15,23,42,.08),0 0 0 1px rgba(16,185,129,.04)}
#get-started .card-cta::before{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.14) 0,rgba(16,185,129,0) 158px)}
#get-started .copy{position:relative;flex:1;min-width:0;max-width:560px}
#get-started h2{font-size:40px;line-height:44.8px;font-weight:800;letter-spacing:-1.2px;color:var(--navy);text-wrap:balance}
#get-started .copy>p{font-size:17.6px;line-height:28.16px;color:var(--text-2);padding-top:13.6px}
#get-started .ctas{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 13.6px;padding-top:16px}
#get-started .ctas .btn{font-size:14.7px;line-height:23.55px;padding:12.8px 26.4px;gap:8px}
#get-started .ctas .btn-secondary{padding:12.3px 24px}
#get-started .checks{display:flex;flex-wrap:wrap;gap:4px 18.4px;padding-top:19.5px;list-style:none;padding-left:0;font-size:12.8px;line-height:20.48px;color:var(--slate-500)}
#get-started .checks li::before{content:"\2713\00a0";font-weight:700;color:var(--emerald-600)}
/* Phone mockup: shared .phone frame, sized to the Figma 295 x 535. */
#get-started .phone{--pw:295px;height:535px;padding:10px;border-radius:44px;box-shadow:0 24px 50px -10px rgba(15,23,42,.28),inset 0 0 0 4px rgba(255,255,255,.1);
  filter:drop-shadow(0 20px 17.5px rgba(15,23,42,.16))}
#get-started .phone .screen{border-radius:36px}
#get-started .phone .island{top:18px;width:80px;height:20px}
#get-started .body{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:12px 16px 14px}
#get-started .ok{width:44px;height:44px;margin:6px auto 8px;border-radius:9999px;background:var(--emerald-50);display:flex;align-items:center;justify-content:center;
  color:var(--emerald-600);font-size:21.6px;font-weight:800;filter:drop-shadow(0 4px 6px rgba(16,185,129,.2))}
#get-started .t{text-align:center;font-size:16.8px;line-height:26.88px;font-weight:800;color:var(--navy)}
#get-started .sub{text-align:center;font-size:11.5px;line-height:18.43px;color:var(--slate-500);padding:2px 0 10px}
#get-started .rows{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:12px;background:var(--slate-50);border:1px solid var(--slate-200)}
#get-started .rows div{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:11.5px;line-height:18.43px;color:var(--slate-500)}
#get-started .rows b{font-weight:700;color:var(--navy)}
#get-started .rows .amt{font-size:13.6px;line-height:21.76px;font-weight:800;color:var(--emerald-600)}
#get-started .sig{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;border-radius:12px;background:#fff;border:1px dashed var(--slate-300)}
#get-started .sig .lbl{font-size:9.3px;line-height:14.85px;font-weight:700;text-transform:uppercase;color:var(--slate-400)}
#get-started .sig img{width:140px;height:30px;margin:2px 0}
#get-started .sig .ver{font-size:9.3px;line-height:14.85px;font-weight:600;color:var(--emerald-600)}
#get-started .pdf{margin-top:8px;display:flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:9999px;background:var(--emerald-500);color:#fff;
  font-size:13.1px;line-height:20.99px;font-weight:800;letter-spacing:.13px;filter:drop-shadow(0 4px 7px rgba(16,185,129,.35))}
@media (max-width:1024px){
  #get-started .card-cta{padding:36px 40px;gap:32px}
  #get-started h2{font-size:34px;line-height:40px}
}
@media (max-width:860px){
  #get-started .card-cta{flex-direction:column;text-align:center;padding:33px 20px 40px;gap:24px}
  #get-started .copy{max-width:600px}
  #get-started .checks{flex-direction:column;align-items:center}
}
@media (max-width:480px){
  #get-started{padding:36px 0}
  #get-started .wrap{padding:0}
  #get-started .card-cta{border-radius:24px}
  #get-started h2{font-size:28px;line-height:31.5px;letter-spacing:-.84px}
  #get-started .copy>p{font-size:15.2px;line-height:23.5px;padding-top:9px}
  #get-started .ctas{flex-direction:column;align-items:stretch;padding-top:10px}
  #get-started .ctas .btn{font-size:14.7px;padding:13px 20px}
  #get-started .checks{padding-top:14px;gap:2px}
  #get-started .phone{--pw:280px;height:540px}
}