/* Yall Digital v3 restyle. Shared stylesheet for all seven site pages.
   Lifted from the BizSmart v3 page (now at bizsmartbrain.com) and extended per the v3 restyle design spec. */
body{margin:0;background:#FFFFFF}
.bz{--navy:#0B1753;--blue:#1F63F0;--blue-lt:#7FA6FF;--red:#E3242B;--ink:#0B1753;--grey:#545B73;--line:#D9DCE5;--mist:#F3F4F7;--hdr-h:88px;font-family:Montserrat,sans-serif;color:var(--ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
.bz *{box-sizing:border-box}
:where(.bz) p{margin:0}
.bz a{color:var(--navy)}
.bz a:hover{color:var(--blue)}
.on-navy a{color:#FFFFFF}
.on-navy a:hover{color:var(--blue-lt)}
.wrap{max-width:1280px;margin:0 auto;padding:0 48px}
.heavy{font-weight:700;color:var(--navy)}
.thin{font-weight:250;color:var(--blue)}
.on-navy .heavy{color:#FFFFFF}
.on-navy .thin{color:var(--blue-lt)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--red);flex-shrink:0}

/* accessibility */
.bz :focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.on-navy :focus-visible{outline-color:#FFFFFF}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--navy);color:#FFFFFF !important;padding:14px 22px;font-weight:600;text-decoration:none}
.skip:focus{left:0}
.bz summary,.bz button,.bz a{cursor:pointer}

/* header */
.hdr{position:sticky;top:0;z-index:100;background:#FFFFFF;border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:32px;height:var(--hdr-h)}
.hdr-logo{display:flex;align-items:center;flex-shrink:0}
.hdr-logo img{height:60px;width:auto;display:block;margin-left:-22px}
.nav{display:none}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:500;text-decoration:none;color:var(--navy);white-space:nowrap}
.nav-links a:hover{color:var(--blue)}
.nav-links a[aria-current="page"]{color:var(--blue);font-weight:600;text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:6px}
.menu-btn{width:48px;height:48px;padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.menu-btn span{display:block;width:22px;height:2px;background:var(--navy);transition:transform .15s,opacity .15s}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.drawer{position:absolute;left:0;right:0;top:100%;background:#FFFFFF;border-bottom:1px solid var(--navy);max-height:calc(100vh - var(--hdr-h));max-height:calc(100dvh - var(--hdr-h));overflow-y:auto}
.drawer[hidden]{display:none}
.drawer a.row{display:flex;align-items:center;min-height:56px;padding:0 0 0 4px;font-size:18px;font-weight:600;text-decoration:none;color:var(--navy);border-bottom:1px solid var(--line)}
.drawer a.row[aria-current="page"]{color:var(--blue);box-shadow:inset 3px 0 0 var(--blue);padding-left:20px}
.drawer .btn{width:100%;margin:24px 0}
@media (min-width:1280px){
.nav{display:flex;align-items:center;gap:28px}
.menu-btn,.drawer{display:none}
}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:14px 30px;background:var(--blue);color:#FFFFFF !important;font-weight:600;font-size:16px;line-height:1.3;text-align:center;text-decoration:none;letter-spacing:0.01em;border:0;transition:background .15s,color .15s}
.btn:hover{background:var(--navy)}
.btn-navy{background:var(--navy)}
.btn-navy:hover{background:var(--blue)}
.btn-sm{min-height:48px;padding:0 22px;font-size:15px;white-space:nowrap}
.btn-line{background:transparent;color:var(--navy) !important;box-shadow:inset 0 0 0 1.5px var(--navy)}
.btn-line:hover{background:var(--navy);color:#FFFFFF !important}
.btn-arrow{display:inline-block;flex-shrink:0;width:18px;height:1.5px;background:currentColor;position:relative}
.btn-arrow::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.on-navy .btn{background:#FFFFFF;color:var(--navy) !important}
.on-navy .btn:hover{background:var(--blue-lt);color:var(--navy) !important}
.on-navy .btn-line{background:transparent;color:#FFFFFF !important;box-shadow:inset 0 0 0 1.5px #FFFFFF}
.on-navy .btn-line:hover{background:#FFFFFF;color:var(--navy) !important}
.link-arrow{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:600;color:var(--navy);text-decoration:none}
.link-arrow:hover{color:var(--blue);text-decoration:underline}

/* hero */
.hero{padding:96px 0 104px;position:relative}
.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.hero-text{grid-column:1 / span 7}
.hero-photo{grid-column:8 / span 5}
.h1{margin:0;font-size:clamp(44px,7.2vw,106px);line-height:0.98;letter-spacing:-0.035em}
.h1 .heavy{font-weight:750}
.h1 .thin{font-weight:200;display:block;margin-top:0.08em}
.h1.md{font-size:clamp(40px,4.5vw,64px)}
.lede{margin-top:44px;max-width:640px;font-size:20px;line-height:1.6;color:var(--grey)}
.hero-cta{margin-top:44px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px}
.fine{font-size:14px;line-height:1.5;color:var(--grey);display:flex;gap:12px;align-items:flex-start;max-width:420px}
.fine .dot{width:8px;height:8px;margin-top:6px}
.hero.on-navy{background:var(--navy)}
.hero.on-navy .lede,.hero.on-navy .fine{color:#C3CAE6}
.frame{margin:0;border:1px solid var(--navy);box-shadow:12px 12px 0 var(--navy)}
.frame img{display:block;width:100%;height:auto}
.on-navy .frame{border-color:var(--blue-lt);box-shadow:12px 12px 0 var(--blue)}
.hero.on-navy .hero-photo img{display:block;width:100%;height:auto}

/* sections */
.sec{padding:120px 0;border-top:1px solid var(--line)}
.alt{background:var(--mist)}
.brain{background:var(--navy);color:#FFFFFF;padding:128px 0;border-top:0}
.h2{margin:0;font-size:clamp(32px,4.4vw,62px);line-height:1.05;letter-spacing:-0.03em;max-width:1100px}
.h2 .thin{font-weight:250}
.sec .h2 .thin{display:block;text-wrap:balance}
.intro{margin-top:32px;max-width:720px;font-size:19px;color:var(--grey)}
.brain .intro{color:#C3CAE6}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue)}
.eyebrow .dot{width:8px;height:8px}
.on-navy .eyebrow{color:var(--blue-lt)}

/* numbered cards, steps */
.prob-grid{margin-top:80px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.prob{border-top:2px solid var(--navy);padding-top:28px}
.prob-n{font-size:72px;font-weight:200;line-height:1;color:var(--blue);letter-spacing:-0.04em}
.prob h3{margin:28px 0 14px;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-0.015em}
.prob p{color:var(--grey)}
.on-navy .prob-n{color:var(--blue-lt)}
.steps{margin-top:72px;border-top:1px solid var(--navy)}
.step{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:48px 0;border-bottom:1px solid var(--line)}
.step-n{grid-column:1 / span 2;font-size:140px;font-weight:150;line-height:0.8;color:var(--blue);letter-spacing:-0.06em}
.step-h{grid-column:3 / span 4}
.step-h h3{margin:0;font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-0.025em}
.step-meta{margin-top:16px;display:flex;gap:12px;align-items:center;font-size:15px;font-weight:600;color:var(--navy)}
.step-meta .dot{width:8px;height:8px}
.step-b{grid-column:7 / span 6;font-size:18px;color:var(--grey);padding-top:6px}

/* feature list */
.feat-list{margin-top:72px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:40px}
.feat{border-top:2px solid var(--navy);padding-top:24px}
.feat h3{margin:0 0 10px;font-size:22px;font-weight:700;color:var(--navy);line-height:1.3}
.feat p{color:var(--grey)}
.feat-list.three{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px}
.on-navy .feat{border-top-color:rgba(255,255,255,0.5)}
.on-navy .feat h3{color:#FFFFFF}
.on-navy .feat p{color:#C9D3F0}

/* product cards */
.tier-name{margin:0;font-size:34px;line-height:1.1;letter-spacing:-0.025em}
.for{margin:24px 0 28px;font-size:16px;line-height:1.55;color:var(--grey);flex-grow:1}

/* versus */
.vs{margin-top:72px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--navy);background:#FFFFFF}
.vs-panel{padding:44px 36px}
.vs-panel + .vs-panel{border-left:1px solid var(--navy)}
.vs-panel.on-navy{background:var(--navy);color:#FFFFFF}
.vs-panel h3{margin:0;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-0.02em;color:var(--navy)}
.vs-panel.on-navy h3{color:#FFFFFF}
.vs-panel ul{list-style:none;margin:28px 0 0;padding:0}
.vs-panel li{position:relative;padding:14px 0 14px 32px;border-top:1px solid var(--line);font-size:17px;line-height:1.45}
.vs-panel li::before,.vs-panel li::after{content:"";position:absolute;left:0;top:25px;width:14px;height:2px;background:var(--red)}
.vs-panel li::before{transform:rotate(45deg)}
.vs-panel li::after{transform:rotate(-45deg)}
.vs-panel.on-navy li{border-top-color:#3A4A8C}
.vs-panel.on-navy li::after{display:none}
.vs-panel.on-navy li::before{transform:none;left:0;top:22px;width:8px;height:8px;border-radius:50%;background:var(--blue-lt)}

/* statements on navy */
.stmt-grid{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.stmt-grid li{border-top:2px solid rgba(255,255,255,0.5);padding-top:24px;font-size:22px;line-height:1.35;font-weight:600;color:#FFFFFF}

/* quotes */
.quotes{margin-top:72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.quote{margin:0;display:flex;flex-direction:column;border-top:2px solid var(--navy);padding-top:28px}
.quote > p{flex-grow:1;font-size:19px;line-height:1.6;color:var(--ink)}
.quote-by{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px}
.quote-by img{width:64px;height:64px;object-fit:cover;border:1px solid var(--line);flex-shrink:0;display:block}
.quote-name{font-weight:700;color:var(--navy)}
.quote-role{font-size:15px;color:var(--grey)}
.on-navy .quote{border-top-color:rgba(255,255,255,0.5)}
.on-navy .quote > p{color:#FFFFFF}
.on-navy .quote-by{border-top-color:#3A4A8C}
.on-navy .quote-name{color:#FFFFFF}
.on-navy .quote-role{color:#C3CAE6}

/* prose and text blocks */
.prose{margin-top:48px;max-width:760px;font-size:19px;line-height:1.7;color:var(--grey)}
.prose p+p{margin-top:20px}
.prose strong{color:var(--navy)}
.prose.lead-first > p:first-child{font-size:21px;color:var(--navy)}
.on-navy .prose{color:#C9D3F0}
.on-navy .prose .punch{color:#FFFFFF}
.punch{font-weight:700;color:var(--navy)}
.pull{margin-top:56px;max-width:860px;font-size:clamp(26px,3vw,40px);line-height:1.2;font-weight:250;color:var(--blue);letter-spacing:-0.02em;border-left:3px solid var(--red);padding-left:28px}
.on-navy .pull{color:var(--blue-lt)}
.pull + .prose,.pull + .sec-cta{margin-top:40px}
.stmt-grid + .pull{margin-top:72px}
.pull + .stmt-grid{margin-top:72px}
.stmt-grid + .prose{margin-top:64px}
.stmt-grid + .stmt-grid{margin-top:48px}
.prose + .pull{margin-top:64px}
.sec-cta{margin-top:48px}
.cta-strip{padding:64px 0}
.checks{margin:40px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:18px}
.checks li{display:flex;gap:16px;align-items:flex-start;font-size:18px;color:var(--grey)}
.checks li .dot{margin-top:10px}
.inc{list-style:none;margin:16px 0 0;padding:0}
.inc li{padding:13px 0 13px 24px;border-top:1px solid var(--line);font-size:15.5px;line-height:1.45;position:relative}
.inc li::before{content:"";position:absolute;left:0;top:21px;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.on-navy .inc li{border-top-color:#3A4A8C}
.on-navy .inc li::before{background:var(--blue-lt)}
.inc.two,.checks.two,.qlist.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}
.checks.two{row-gap:18px}

/* image splits */
.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:36px;align-items:center}
.split-h{grid-column:1 / span 12;grid-row:1}
.split-text{grid-column:1 / span 7;grid-row:2}
.split-text > :first-child{margin-top:0}
.split-text .prose{margin-top:36px}
.split > .split-img{grid-column:9 / span 4;grid-row:2;align-self:center}
.split.rev .split-text{grid-column:6 / span 7}
.split.rev .split-img{grid-column:1 / span 4}
.split.wide .split-text{grid-column:1 / span 6}
.split.wide > .split-img{grid-column:7 / span 6}
.split.wide.rev .split-text{grid-column:7 / span 6}
.split.wide.rev > .split-img{grid-column:1 / span 6}
.split.wide.img-sm > .split-img{grid-column:8 / span 5}
.split.wide.img-sm.rev .split-text{grid-column:7 / span 6}
.split.wide.img-sm.rev > .split-img{grid-column:1 / span 5}
.photo{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.split + .wrap{margin-top:16px}

/* video */
.video{position:relative;width:100%;max-width:1000px;aspect-ratio:16/9;border:1px solid var(--navy);box-shadow:12px 12px 0 var(--navy);background:var(--navy)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.on-navy .video{box-shadow:12px 12px 0 var(--blue)}

/* faq */
.faq-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.faq-h{grid-column:1 / span 4}
.faq-h .h2{font-size:clamp(28px,2.6vw,38px)}
.faq-list{grid-column:6 / span 7;border-top:1px solid var(--navy)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;font-size:21px;font-weight:600;letter-spacing:-0.01em;min-height:44px}
.faq-list summary::-webkit-details-marker{display:none}
.plus{position:relative;width:18px;height:18px;flex-shrink:0}
.plus::before,.plus::after{content:"";position:absolute;background:var(--blue)}
.plus::before{left:0;right:0;top:8px;height:2px}
.plus::after{top:0;bottom:0;left:8px;width:2px;transition:transform .2s}
.faq-list details[open] .plus::after{transform:scaleY(0)}
.faq-list details p{padding:0 48px 32px 0;color:var(--grey);font-size:17px}

/* contact form frame */
.apply-card{background:#FFFFFF;border:1px solid var(--navy);padding:40px 44px;box-shadow:12px 12px 0 var(--navy)}
.apply-card iframe{display:block;width:100%;border:0}

/* legal pages */
.legal-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.toc{display:none}
.legal{grid-column:1 / span 12;max-width:720px}
.legal p{font-size:17px;line-height:1.75;color:var(--grey)}
.legal p + p{margin-top:20px}
.legal > p:first-child{font-size:19px;color:var(--navy)}
.legal h2{margin:56px 0 0;padding-top:28px;border-top:1px solid var(--line);font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-0.02em;color:var(--navy)}
.legal h2 + p{margin-top:20px}
.legal ul{list-style:none;margin:20px 0 0;padding:0}
.legal li{position:relative;padding:4px 0 4px 24px;margin-top:8px;font-size:17px;line-height:1.6;color:var(--grey)}
.legal li::before{content:"";position:absolute;left:0;top:15px;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.legal a{text-decoration:underline}
@media (min-width:1080px){
.toc{display:block;grid-column:1 / span 3;position:sticky;top:calc(var(--hdr-h) + 32px);align-self:start}
.toc a{display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--navy);text-decoration:none;border-top:1px solid var(--line)}
.toc a:hover,.toc a.on{color:var(--blue)}
.legal{grid-column:5 / span 7}
}

/* no orphan words */
h1,h3,h4,summary{text-wrap:balance}
h2{text-wrap:pretty}
p,li,dd{text-wrap:pretty}

/* footer */
.ftr{padding:72px 0 40px;border-top:1px solid var(--line);background:#FFFFFF}
.ftr-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px}
.ftr-brand{grid-column:1 / span 5}
.ftr-brand img{height:56px;width:auto;display:block;margin-left:-20px}
.ftr-brand a.logo{display:inline-flex;align-items:center;min-height:56px}
.ftr-tag{margin-top:20px;max-width:320px;font-size:15px;color:var(--grey)}
.ftr-pages{grid-column:6 / span 3}
.ftr-contact{grid-column:9 / span 4}
.ftr-pages a,.ftr-contact a{display:flex;align-items:center;min-height:44px;font-size:15px;font-weight:500;color:var(--navy);text-decoration:none}
.ftr-pages a:hover,.ftr-contact a:hover{color:var(--blue)}
.ftr-contact a.mail:hover{text-decoration:underline}
.ftr-contact .eyebrow{margin-bottom:8px}
.ftr-in{margin-top:40px;padding-top:40px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;font-size:14px;color:var(--grey)}
.ftr-links{display:flex;flex-wrap:wrap;gap:0 32px}
.ftr-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--grey)}
.ftr-links a:hover{color:var(--blue)}

/* responsive */
@media (max-width:1080px){
.vs{grid-template-columns:repeat(1,minmax(0,1fr))}
.vs-panel + .vs-panel{border-left:0;border-top:1px solid var(--navy)}
}
@media (max-width:900px){
.bz{--hdr-h:72px}
.wrap{padding:0 24px}
.hdr-logo img{height:48px;margin-left:-18px}
.hero{padding:64px 0 72px}
.hero-text,.hero-photo{grid-column:1 / span 12}
.hero-photo{margin-top:56px;max-width:560px}
.frame,.on-navy .frame,.video,.on-navy .video,.apply-card{box-shadow:8px 8px 0 var(--navy)}
.on-navy .frame,.on-navy .video{box-shadow:8px 8px 0 var(--blue)}
.sec,.brain{padding:88px 0}
.cta-strip{padding:64px 0}
.prob-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:40px;margin-top:56px}
.step{padding:36px 0;row-gap:16px}
.step-n{grid-column:1 / span 12;font-size:96px}
.step-h,.step-b{grid-column:1 / span 12}
.faq-h,.faq-list{grid-column:1 / span 12}
.faq-list{margin-top:48px}
.ftr-brand,.ftr-pages,.ftr-contact{grid-column:1 / span 12}
}
@media (max-width:860px){
.feat-list,.feat-list.three,.stmt-grid,.quotes,.inc.two,.checks.two,.qlist.two{grid-template-columns:repeat(1,minmax(0,1fr))}
.stmt-grid{gap:32px}
.quotes{gap:56px}
.split-h,.split-text,.split.rev .split-text,.split.wide .split-text,.split.wide.rev .split-text,
.split.wide.img-sm.rev .split-text,.split.wide.img-sm > .split-img,.split.wide.img-sm.rev > .split-img,
.split > .split-img,.split.rev > .split-img,.split.wide > .split-img,.split.wide.rev > .split-img{grid-column:1 / span 12;grid-row:auto}
.split-img{max-width:560px}
.pull{margin-top:44px}
}
@media (max-width:640px){.apply-card{padding:28px 20px}}
@media (max-width:520px){
.wrap{padding:0 20px}
.lede{font-size:18px;margin-top:32px}
.btn{width:100%}
.btn-sm{width:auto}
.stmt-grid li{font-size:20px}
.vs-panel{padding:32px 24px}
.faq-list summary{font-size:18px}
.faq-list details p{padding-right:0}
.quote > p{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
.bz *,.bz *::before,.bz *::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}
}

.nw{white-space:nowrap}
/* page-specific helpers */
.hero-cta .fine{order:2}
.hero-text > .fine{margin-top:20px;max-width:640px}
.sec-tight{padding:80px 0}
.issues{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.issues-list{grid-column:1 / span 7}
.issues-art{grid-column:9 / span 4;margin:0}
.issues-art img{display:block;width:100%;height:auto}
.band-rule{margin-top:96px;padding-top:96px;border-top:1px solid rgba(255,255,255,0.35)}
.split.wide .video{max-width:none}
.punch-list{margin-top:28px}
.punch-list li{font-size:19px;font-weight:700;color:var(--navy);padding-left:28px}
.punch-list li::before{top:22px;width:9px;height:9px}
.hero-text .eyebrow{margin-bottom:20px}
.eyebrow.block{margin-top:40px}
.split-text .eyebrow{margin-bottom:8px}
.prose .eyebrow{margin-top:36px}
.hero-compact{padding:72px 0 56px}
.hero-compact .fine{margin-top:28px}
.legal-sec{padding:80px 0 120px}
.contact-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:48px;align-items:start}
.contact-text{grid-column:1 / span 5}
.contact-card{grid-column:6 / span 7}
.contact-text .intro{margin-top:32px}
.sec.contact{padding:96px 0 120px}
.skip-note{display:none}
@media (max-width:900px){
.issues-list,.issues-art,.contact-text,.contact-card{grid-column:1 / span 12}
.issues-art{margin-top:48px;max-width:420px}
.band-rule{margin-top:72px;padding-top:72px}
.sec-tight{padding:64px 0}
.sec.contact{padding:64px 0 88px}
.legal-sec{padding:56px 0 88px}
}
.split-text > .prose:first-child{margin-top:0}
.drawer-end{height:24px}
.split-img img{display:block;width:100%;height:auto}

/* product cards (Home) */
.pcards{margin:72px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;align-items:stretch}
.pcard{position:relative;display:flex;flex-direction:column;background:#FFFFFF;border:1px solid var(--navy);border-top:6px solid var(--navy);box-shadow:8px 8px 0 var(--navy);padding:32px 36px 40px;transition:box-shadow .15s,border-color .15s}
.pcard-n{font-size:56px;line-height:1;font-weight:250;letter-spacing:-0.03em;color:var(--blue);padding-bottom:20px;border-bottom:1px solid var(--line)}
.pcard .tier-name{margin-top:24px;font-size:clamp(26px,2.6vw,34px)}
.pcard .for{margin:16px 0 32px;flex-grow:1}
.pcard-btn{width:100%;margin-top:auto}
.pcard-btn::after{content:"";position:absolute;inset:0}
.pcard:hover{box-shadow:8px 8px 0 var(--blue);border-color:var(--blue)}
.pcard:hover .pcard-btn{background:var(--navy)}
.pcard:hover .tier-name .heavy{color:var(--blue)}
.pcard:focus-within{outline:3px solid var(--blue);outline-offset:6px}
.pcard-btn:focus-visible{outline:0}
/* brain band (Home) */
.brain-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.brain-text{grid-column:1 / span 7}
.brain-text .intro{max-width:640px}
.brain-art{grid-column:9 / span 4;background:#FFFFFF;padding:36px}
.brain-art img{display:block;width:100%;height:auto}
.brain .sec-cta{margin-top:40px}
@media (max-width:1080px){
.pcards{grid-template-columns:repeat(1,minmax(0,1fr));gap:32px}
.pcard{padding:32px 28px 36px}
.pcard-n{font-size:48px}
}
@media (max-width:900px){
.brain-text,.brain-art{grid-column:1 / span 12}
.brain-art{margin-top:48px;max-width:360px;padding:28px}
}
@media (max-width:520px){
.pcard{box-shadow:6px 6px 0 var(--navy)}
.pcard:hover{box-shadow:6px 6px 0 var(--blue)}
.pcard .tier-name{font-size:26px}
}
.brain-band .brain-text{grid-column:1 / span 8}
.brain-band .h2{font-size:clamp(32px,4vw,56px)}
@media (max-width:900px){.brain-band .brain-text{grid-column:1 / span 12}}
