:root{--dots-light:radial-gradient(rgba(255,255,255,.14) 1.4px,transparent 1.7px);--dots-dark:radial-gradient(rgba(26,107,138,.16) 1.4px,transparent 1.7px);--grid-paper:linear-gradient(rgba(26,107,138,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(26,107,138,.08) 1px,transparent 1px);--blueprint:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}
.hs-frame{position:relative;z-index:1;background-color:var(--action);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.14) 0 12px,transparent 12px 24px);border:2px solid var(--ink);border-radius:6px;padding:18px;box-shadow:8px 8px 0 var(--ink)}
.hs-frame .hero-starter{box-shadow:5px 5px 0 var(--ink)}
@media (min-width:980px){.hs-frame{padding:22px;box-shadow:12px 12px 0 var(--ink)}.hs-frame .hero-starter{box-shadow:6px 6px 0 var(--ink)}}
.reviews-board{background-color:var(--brand-900);background-image:var(--blueprint);background-size:96px 96px,96px 96px,24px 24px,24px 24px;color:#fff;border-block:2px solid var(--ink);padding:4.5rem 0;overflow-x:clip}
.reviews-board__inner{display:grid;grid-template-columns:1fr 1.05fr;gap:3.5rem;align-items:center}
.reviews-board .reviews__label{display:block;color:var(--action);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;margin:0 0 .6rem;padding:0}
.reviews-board__title{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1;letter-spacing:-.035em;margin:0 0 1.5rem;color:#fff}
.reviews-board__title span{color:var(--action)}
.reviews-board .ribbon__rating{margin:0 0 1.2rem;background:#fff;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--action);color:var(--ink)}
.reviews-board .reviews__cta{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:flex-start;margin:0;padding:0}
.reviews-board .reviews__cta .btn--ghost{background:#fff;color:var(--ink);border-color:var(--ink)}
.deck{list-style:none;margin:0;padding:0;position:relative;height:300px}
.deck .reviews__card{position:absolute;inset:0 28px auto 0;width:auto;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s}
.deck .reviews__card-link{min-height:240px;padding:1.4rem 1.5rem;cursor:pointer}
.deck .reviews__card-quote{font-size:1.1rem}
.deck-ctrl{display:flex;align-items:center;gap:.7rem;margin-top:.6rem;flex-wrap:wrap}
.deck-btn{width:40px;height:40px;border:2px solid #fff;border-radius:6px;background:transparent;color:#fff;font:inherit;font-weight:900;cursor:pointer}
.deck-btn:hover{background:var(--action);border-color:var(--action)}
.deck-count{font-weight:800;font-variant-numeric:tabular-nums;min-width:4.5ch}
@media (max-width:860px){.reviews-board__inner{grid-template-columns:1fr;gap:2rem}.deck{height:330px}}
.cta-repeat--band{position:relative;overflow:hidden;background-color:var(--brand);background-image:var(--dots-light);background-size:18px 18px;border-top:2px solid var(--ink);padding-bottom:9rem}
.cta-repeat--band>.container{position:relative;z-index:1}
.band-sky{position:absolute;left:0;right:0;bottom:-2px;height:160px;pointer-events:none}
.band-sky__track{height:100%;background:url(/assets/skyline.png) repeat-x 0 100%;background-size:auto 100%;filter:brightness(0) invert(1);opacity:.2;animation:bandpan 120s linear infinite}
.band-sky--front{height:110px}.band-sky--front .band-sky__track{filter:brightness(0);opacity:.3;animation:bandpan2 70s linear infinite}
@keyframes bandpan{to{background-position:-891px 100%}}
@keyframes bandpan2{to{background-position:-613px 100%}}
.reviews-board[hidden]{display:none}
.deck .reviews__card-link:hover{transform:none}@media (prefers-reduced-motion:reduce){.band-sky__track{animation:none}.deck .reviews__card{transition:none}}
.pat-grid{background-color:#fbf8f0;background-image:var(--grid-paper);background-size:24px 24px}
.pat-cool{background-color:#f3f6f8;background-image:var(--grid-paper);background-size:24px 24px}
.pat-dots{background-color:#f3f6f8;background-image:var(--dots-dark);background-size:18px 18px}
.pat-warm{background-color:#fff;background-image:radial-gradient(rgba(232,119,34,.16) 1.4px,transparent 1.7px);background-size:20px 20px}
.pat-blue{background-color:var(--brand-900);background-image:var(--blueprint);background-size:96px 96px,96px 96px,24px 24px,24px 24px;color:#fff}
.pat-rule{border-top:2px solid var(--ink)}
.pg-hero{position:relative;overflow:hidden;background-color:var(--brand);background-image:var(--dots-light);background-size:18px 18px;color:#fff;padding:3.5rem 0 9rem;border-bottom:2px solid var(--ink)}
.pg-hero>.container{position:relative;z-index:1}
.pg-hero .eyebrow{color:var(--action-800)}
.pg-hero h1{color:#fff;margin:.4rem 0 0;font-size:clamp(2.2rem,5.2vw,3.8rem);line-height:1.02;letter-spacing:-.035em;max-width:18ch}
.pg-hero h1 .brand__word-yos{color:#ffc08f}
.pg-hero .section__lede{color:rgba(255,255,255,.92);max-width:40rem;margin:1rem 0 0}
.pg-hero .section__lede a{color:#fff}
.pg-hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.6rem 0 0}
.pg-hero__actions .btn--light{background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.pg-hero .band-sky{height:130px}.pg-hero .band-sky--front{height:90px}
@media (min-width:980px){.pg-hero{padding:4.5rem 0 10rem}}
.pg-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pg-stat{background:#fff;border:2px solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 var(--action);padding:1rem 1.1rem}
.pg-stat strong{display:block;font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1;letter-spacing:-.03em;color:var(--brand)}
.pg-stat span{display:block;margin-top:.35rem;font-weight:700;font-size:.92rem;color:var(--slate-700)}
.pg-stats--lift{margin-top:-4.5rem;position:relative;z-index:2}
@media (max-width:640px){.pg-stats{gap:8px}.pg-stat{padding:.7rem .6rem;box-shadow:3px 3px 0 var(--action)}.pg-stat strong{font-size:1.4rem}.pg-stat span{font-size:.78rem}}
.cblocks{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cblock{position:relative;border:2px solid var(--ink);border-radius:6px;padding:1.5rem 1.4rem;box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column;gap:.6rem}
.cblock h3{margin:0;font-size:1.5rem;line-height:1.05;letter-spacing:-.025em;color:inherit}
.cblock p{margin:0;color:inherit}
.cblock a{color:inherit;font-weight:800}
.cblock--1{background-color:var(--brand);background-image:var(--dots-light);background-size:18px 18px;color:#fff}
.cblock--2{background-color:var(--action-50);background-image:var(--dots-dark);background-size:18px 18px;color:var(--ink)}
.cblock--3{background-color:var(--brand-900);background-image:var(--dots-light);background-size:18px 18px;color:#fff}
.cblock--4{background-color:#fff;background-image:radial-gradient(rgba(232,119,34,.18) 1.4px,transparent 1.7px);background-size:18px 18px;color:var(--ink)}
.cblocks--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:820px){.cblocks{grid-template-columns:1fr}}
.nsteps{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:14px;counter-reset:ns}
.nsteps>li{counter-increment:ns;position:relative;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 var(--action);padding:1rem 1.1rem 1rem 4.2rem;min-height:3.2rem}
.nsteps>li::before{content:counter(ns);position:absolute;left:1rem;top:.9rem;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--action);color:#fff;font-weight:900;border:2px solid var(--ink)}
.band-head{margin:0 0 .4rem}
.band-head .eyebrow{margin:0 0 .3rem}
.band-title{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.04;letter-spacing:-.03em;margin:0}
.band-title span{color:var(--action)}
.pat-blue .band-title{color:#fff}
.pat-blue .eyebrow{color:var(--action-800)}
.pat-blue .section__lede{color:rgba(255,255,255,.9)}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:center}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:1.6rem}}
.photo-frame{margin:0;border:2px solid var(--ink);border-radius:6px;overflow:hidden;box-shadow:8px 8px 0 var(--action);background:#fff;transform:rotate(1.5deg)}
.photo-frame img{display:block;width:100%;height:auto}
.photo-frame figcaption{padding:.55rem .8rem;font-weight:700;font-size:.9rem;border-top:2px solid var(--ink);color:var(--ink)}
.pg-stats--lift{margin-bottom:2.2rem}
.split>.photo-frame{max-width:360px;justify-self:center}
.nsteps+p{margin-top:1.2rem}
.pat-blue a:not(.btn){color:#fff}
.faq-docket{margin-top:-6rem;position:relative;z-index:2}
.faq-docket .faq{background:#fff;border:2px solid var(--ink);border-radius:6px;box-shadow:4px 4px 0 var(--action);margin-bottom:12px}
.faq-docket .faq[open]{box-shadow:4px 4px 0 var(--brand)}
.pg-hero__note{margin:.9rem 0 0;color:rgba(255,255,255,.9)}
.pg-hero__note a{color:#fff;font-weight:800}

.sub-tiers h2{color:#fff}
.sub-tiers .muted{color:rgba(255,255,255,.8)}
.sub-tiers .pricing-tier{box-shadow:6px 6px 0 var(--action)}
.sub-tiers .pricing-tier--featured{box-shadow:8px 8px 0 #fff}
.hs-frame .subscribe-qr{margin:0;box-shadow:5px 5px 0 var(--ink)}
.pricing-tier__price-permo{font-weight:700;font-size:.6em;letter-spacing:0}
.sub-callout .pricing-callout{margin:0;background:#fff;border:2px solid var(--ink);border-top:6px solid var(--action);box-shadow:6px 6px 0 var(--brand);color:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.sub-callout .pricing-callout__title{color:var(--brand);font-size:1.25rem}
.sub-callout .pricing-callout__list li{color:var(--slate-700)}
.sub-callout .pricing-callout a{color:var(--brand);font-weight:700}
.blog-docket{margin-top:-6rem;position:relative;z-index:2}
.blog-docket .blog-card{position:relative;background:#fff;border:2px solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 var(--action)}
.blog-docket .blog-card:nth-child(even){box-shadow:5px 5px 0 var(--brand)}
.blog-docket .blog-card::before{content:"";position:absolute;width:56px;height:16px;background:rgba(26,107,138,.3);top:-8px;left:50%;transform:translateX(-50%) rotate(-3deg);pointer-events:none}
.blog-docket .blog-card:nth-child(even)::before{background:rgba(232,119,34,.35);transform:translateX(-50%) rotate(3deg)}
.cblocks+p{margin-top:1.4rem}
.blog-docket .blog-card__title{line-height:1.3}
.faq-docket{background:none;border:0;box-shadow:none;padding:0}
.faq-docket::before,.faq-docket::after{display:none}