@charset "UTF-8";

:root{
  --core:#e9e956;          
  --ink:#1A201E;           
  --deep:#1A5D47;          
  --mid:#2A7D63;           
  --tint:#E8F3EF;          
  --line:#d7e3de;
  --muted:#5d6b66;
  --w:1080px;
  --w-narrow:760px;
  --font-d:"Zen Maru Gothic",system-ui,sans-serif;   
  --font-b:"Noto Sans JP",system-ui,sans-serif;
  --header-h:62px;         
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}

[id]{scroll-margin-top:var(--header-h)}
body{
  margin:0;
  font-family:var(--font-b);
  font-size:16px;
  line-height:1.85;
  color:var(--ink);
  background:#fff;
  -webkit-text-size-adjust:100%;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--font-d);line-height:1.45;margin:0}
p,ul,ol,dl{margin:0}
ul,ol{list-style:none;padding:0}

.inner{width:100%;max-width:var(--w);margin:0 auto;padding:0 20px}
.inner.narrow{max-width:var(--w-narrow)}

.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter:saturate(1.1) blur(4px);
}
.header-inner{
  max-width:var(--w);margin:0 auto;padding:10px 20px;
  min-height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.header-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.header-logo{width:auto;height:26px}
.header-text{display:flex;flex-direction:column;line-height:1.25}
.header-kind{font-size:10px;color:var(--muted);letter-spacing:.04em}
.header-name{font-family:var(--font-d);font-size:14px;font-weight:700}

.btn{
  display:inline-block;text-align:center;text-decoration:none;
  font-family:var(--font-d);font-weight:700;
  padding:14px 24px;border-radius:6px;border:0;cursor:pointer;
  font-size:16px;line-height:1.5;
}
.btn-core{background:var(--deep);color:#fff}
.btn-header{padding:8px 16px;font-size:13px}
.btn-block{display:block;width:100%}

.section{padding:64px 0}
.kicker{
  font-family:var(--font-d);font-size:12px;font-weight:700;
  letter-spacing:.08em;color:var(--deep);margin-bottom:10px;
}

h2{font-size:26px;margin-bottom:16px}
.lead{font-size:17px;margin-bottom:16px}
.lead-strong{font-family:var(--font-d);font-weight:700;font-size:17px;margin:28px 0 12px}
.note{font-size:12.5px;line-height:1.7;color:var(--muted);margin-top:8px}

.spec-note{margin-top:14px;padding-top:10px;border-top:1px solid var(--line);font-size:11.5px}
.note--onDark{color:rgba(255,255,255,.72)}
.section p + p{margin-top:12px}

.badge{
  position:absolute;top:8px;left:8px;z-index:2;
  font-family:var(--font-d);font-size:11px;font-weight:700;
  background:var(--ink);color:#fff;padding:4px 9px;border-radius:3px;
  letter-spacing:.02em;
}

.hero{padding:44px 0 56px;background:#fff}
.eyebrow{
  font-family:var(--font-d);font-size:13px;font-weight:700;
  color:var(--mid);margin-bottom:14px;
}
.hero-h1{font-size:31px;font-weight:700;letter-spacing:.005em}
.h1-line{display:block}

.core-mark{
  background:var(--core);
  border-radius:2.5mm;
  padding:.06em .14em;
  margin:0 .02em;
}
.hero-lead{font-size:17px;margin-top:18px}

.hero-support{font-size:14.5px;color:var(--muted);margin-top:12px;line-height:1.8}
.hero-cta{margin:26px 0 34px}

.hero-sheet{margin:0}
.sheet{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.sheet-shot{position:relative}
.sheet-shot img{width:100%;height:auto}
.sheet-band{
  font-family:var(--font-d);font-weight:700;font-size:15px;
  background:var(--tint);color:var(--ink);padding:11px 14px;
}
.sheet-shot{position:relative}
.sheet-cap{font-size:13px;color:var(--muted);padding:10px 14px 14px;line-height:1.7}

.sec-case{background:var(--tint)}
.case-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px}
.case{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}
.case-eq{font-family:var(--font-d);font-weight:700;font-size:14px;color:var(--mid);margin-bottom:6px}
.case-figure{font-family:var(--font-d);font-weight:700;font-size:24px;line-height:1.3;color:var(--deep)}
.case-num{font-size:30px}
.case-unit{font-size:15px;margin-left:2px}
.case-per{font-size:14px;color:var(--muted);margin-left:2px}
.case-arrow{margin:0 6px;color:var(--muted)}
.case-detail{font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.7}

.proofcase{
  background:#fff;border:1px solid var(--line);border-radius:8px;
  padding:22px;margin-top:16px;
}
.proofcase-profile{
  font-family:var(--font-d);font-weight:700;font-size:15px;color:var(--deep);
  padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:4px;
}
.proofcase-step{padding:14px 0;border-bottom:1px solid var(--line)}
.proofcase-step:last-child{border-bottom:0;padding-bottom:0}
.proofcase-k{
  font-family:var(--font-d);font-size:12px;font-weight:700;
  letter-spacing:.06em;color:var(--mid);margin-bottom:6px;
}
.proofcase-v{font-size:15px;line-height:1.85}
.proofcase-v strong{font-weight:700;color:var(--deep)}

.proofcase-step--result{
  background:var(--tint);border-radius:6px;padding:14px 16px;margin-top:14px;
}
.proofcase-figure{
  font-family:var(--font-d);font-weight:700;color:var(--deep);
  line-height:1.3;margin-top:2px;
}
.proofcase-num{font-size:34px}
.proofcase-unit{font-size:16px;margin-left:2px}
.proofcase-per{font-size:15px;color:var(--muted);margin-left:2px}
.proofcase-cond{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.7}

.optwrap{margin-top:16px}
.optbar{
  font-family:var(--font-d);font-size:12px;font-weight:700;
  color:#fff;background:#8a8f8d;border-radius:4px;
  padding:6px 12px;margin:26px 0 8px;letter-spacing:.04em;
}
.optwrap > .optbar:first-child{margin-top:0}

.proofcase--b{display:grid;grid-template-columns:1fr;gap:20px}
.pcb-figtitle{
  font-family:var(--font-d);font-size:12px;font-weight:700;
  color:var(--mid);margin-bottom:10px;
}
.pcb-bars{
  display:flex;align-items:flex-end;gap:14px;
  height:150px;padding:0 4px;
  border-bottom:1px solid var(--line);
}
.pcb-bar{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  height:100%;position:relative;
}
.pcb-bar i{display:block;width:100%;background:#9db8ad;border-radius:3px 3px 0 0}
.pcb-bar--hi i{background:var(--deep)}
.pcb-val{
  font-family:var(--font-d);font-size:12px;font-weight:700;
  color:var(--muted);margin-bottom:4px;
}
.pcb-bar--hi .pcb-val{color:var(--deep);font-size:13px}
.pcb-lb{font-size:11.5px;color:var(--muted);margin-top:6px;position:absolute;bottom:-22px}
.pcb-fig{padding-bottom:24px}
.pcb-figcap{font-size:12px;color:var(--muted);margin-top:26px;line-height:1.7}
@media (min-width:720px){
  .proofcase--b{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:24px;align-items:start}
}

.pcc-sub{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:4px}
.pcc-ba{
  display:flex;align-items:center;justify-content:center;gap:18px;
  padding:20px 0 16px;
}
.pcc-col{display:flex;flex-direction:column;align-items:center;line-height:1.3}
.pcc-k{font-size:12px;color:var(--muted);margin-bottom:4px}
.pcc-n{font-family:var(--font-d);font-size:30px;font-weight:700;color:var(--deep)}
.pcc-u{font-size:12px;color:var(--muted);margin-top:2px}
.pcc-arrow{font-size:20px;color:var(--muted)}
.pcc-res-k{font-size:15px;color:var(--ink);margin-left:6px}
.pcc-note{margin-top:14px;font-size:14px;color:var(--muted)}

.breakdown{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;margin-top:4px}
.breakdown-head{font-size:12.5px;color:var(--muted);margin-bottom:10px}

.bd-group{margin-top:14px}
.bd-group:first-child{margin-top:0}
.bd-group-h{
  font-size:12px;font-weight:700;color:var(--muted);margin-bottom:2px;
}
.bd-group--tint{
  background:var(--tint);padding:8px 14px;border-radius:6px;
}
.bd-list li{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;
}
.bd-list li:last-child{border-bottom:0}
.bd-name{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.bd-tag{
  font-size:10.5px;color:var(--muted);border:1px solid var(--line);
  border-radius:3px;padding:1px 6px;white-space:nowrap;
}
.bd-tag--own{color:var(--deep);border-color:var(--mid)}

.bd-val{font-variant-numeric:tabular-nums;font-weight:400;white-space:nowrap}
.bd-emph .bd-val{font-weight:700}

.shot{position:relative;margin:26px 0 0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.shot + .shot{margin-top:14px}
.shot figcaption{font-size:13px;color:var(--muted);padding:10px 14px;line-height:1.7}

.shot--spec{max-width:520px;margin:22px auto 0}

.shot--spec img{max-width:min(100%,953px)}
.spec-table{margin-top:16px;border-top:1px solid var(--line)}
.spec-table div{
  display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);
  font-size:13.5px;line-height:1.7;
}
.spec-table dt{
  flex:0 0 110px;font-family:var(--font-d);font-weight:700;
  font-size:12.5px;color:var(--mid);
}
.spec-table dd{margin:0;font-variant-numeric:tabular-nums}
.closing{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}
.closing-head{font-family:var(--font-d);font-weight:700;font-size:16.5px;margin-bottom:8px}
.closing p{font-size:14.5px;line-height:1.8}

.photo{position:relative;margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.photo figcaption{font-size:13px;color:var(--muted);padding:9px 12px}

.setup{margin-top:24px}
.setup-step{display:flex;gap:14px;padding:0 0 22px}
.setup-step:last-child{padding-bottom:0}
.setup-n{
  flex:0 0 26px;height:26px;border-radius:50%;
  background:var(--deep);color:#fff;
  font-family:var(--font-d);font-weight:700;font-size:14px;
  display:flex;align-items:center;justify-content:center;
  margin-top:1px;
}
.setup-body{min-width:0;flex:1}
.setup-t{
  font-family:var(--font-d);font-weight:700;font-size:17px;margin-bottom:4px;
}
.setup-d{font-size:15px;line-height:1.85}
.setup-photo{margin-top:12px;max-width:420px}

@media (min-width:720px){
  .setup{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:28px;
    align-items:start;
  }
  .setup-step--split{padding-bottom:0}
  .setup-step:last-child{grid-column:1 / -1;padding-top:30px}
  
  .setup-photo{width:min(400px,100%)}
  
  .setup-step:first-child .setup-photo{width:min(336px,84%)}

  
}

.setup-result{
  position:relative;
  margin-top:14px;
  
  margin-left:-40px;
  border:0;
  border-radius:0;
  background:transparent;
  overflow-x:auto;   
}
.setup-result > .mock-b-1-lp-full{
  
  width:max-content;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}
.setup-result > figcaption{padding-left:0;padding-right:0}
.setup-result > .badge{left:auto;right:8px}

.setup-result .mock-b-1-lp-full .card ~ .card{display:none}

.note--scroll{display:none}
@media (max-width:600px){
  .note--scroll{display:block;margin-top:6px}

  
  .setup-result > .badge{
    position:sticky;
    top:auto;left:8px;right:auto;
    display:inline-block;
    margin:0 0 8px;
    z-index:2;
  }
}

.specwrap{margin-top:24px}
.specwrap .shot--spec{max-width:none;margin:0}
.specwrap .spec-table{margin-top:18px}
@media (min-width:720px){
  .specwrap{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:24px;align-items:start;
  }
  .specwrap .spec-table{margin-top:0}
}

.sec-price{background:var(--tint)}

.plan-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px;align-items:stretch}
.plan{
  background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;
  display:flex;flex-direction:column;
}
.plan-name{font-family:var(--font-d);font-weight:700;font-size:17px}
.plan-sub{font-size:12.5px;color:var(--muted);margin-bottom:12px}
.plan-figures{margin:0 0 4px}
.plan-fig{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:7px 0;border-bottom:1px solid var(--line);
}
.plan-fig dt{font-size:13px;color:var(--muted)}
.plan-fig dd{margin:0;text-align:right}
.plan-num{
  font-family:var(--font-d);font-weight:700;font-size:28px;
  font-variant-numeric:tabular-nums;color:var(--deep);line-height:1.2;
}
.plan-num--text{font-size:13.5px;font-weight:400;color:var(--ink)}
.plan-unit{font-size:13px;margin-left:3px;color:var(--muted);white-space:nowrap}
.plan-fignote{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.7}
.plan-incl{font-size:12px;color:var(--muted);margin-top:auto;padding-top:12px;line-height:1.7}

.slide-list{margin-top:12px;border-top:1px solid var(--line)}
.slide-row{padding:9px 0;border-bottom:1px solid var(--line)}
.slide-row:last-child{border-bottom:0}
.slide-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:5px}
.slide-qty{font-family:var(--font-d);font-weight:700;font-size:13.5px}
.slide-price{
  font-family:var(--font-d);font-weight:700;font-size:18px;
  font-variant-numeric:tabular-nums;color:var(--deep);
}
.slide-unit{font-size:12px;margin-left:1px;color:var(--muted)}
.slide-bar{
  display:block;height:8px;border-radius:3px;background:var(--deep);
  width:var(--bar);max-width:100%;
}
.sec-price .btn{margin-top:22px}

.sec-install .btn{margin-top:22px}

.sec-proof{background:var(--deep);color:#fff}
.sec-proof .kicker{color:rgba(255,255,255,.75)}

.stats{display:flex;gap:28px;margin:14px 0 20px}
.stat-n{
  font-family:var(--font-d);font-weight:700;font-size:34px;
  display:block;line-height:1.2;font-variant-numeric:tabular-nums;
}
.stat-u{font-size:15px;margin-left:2px}
.stat-l{font-size:12px;color:rgba(255,255,255,.75)}
.proof{font-size:14px;padding:9px 0;border-top:1px solid rgba(255,255,255,.2);line-height:1.75}
.proof-k{
  font-family:var(--font-d);font-weight:700;font-size:12px;
  display:block;color:rgba(255,255,255,.75);
}

.trust-sub{
  font-size:14px;font-weight:700;color:rgba(255,255,255,.8);
  margin:22px 0 10px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.2);
}
.trust-sub--first{margin-top:16px;padding-top:0;border-top:0}

.trust-sub + .proof{border-top:0;padding-top:0}

.attribution{font-size:14px;line-height:1.7;color:#fff;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}

.faq{margin-top:8px}
.faq-i{border-bottom:1px solid var(--line)}

.faq-i > summary{
  font-size:16.5px;font-weight:700;line-height:1.6;
  padding:18px 40px 18px 0;position:relative;cursor:pointer;
  
  list-style:none;
}
.faq-i > summary::-webkit-details-marker{display:none}

.faq-i > summary::after{
  content:"";position:absolute;right:2px;top:50%;margin-top:-7px;
  width:14px;height:14px;
  background:
    linear-gradient(var(--mid), var(--mid)) center / 14px 2px no-repeat,
    linear-gradient(var(--mid), var(--mid)) center / 2px 14px no-repeat;
}
.faq-i[open] > summary::after{
  background:linear-gradient(var(--mid), var(--mid)) center / 14px 2px no-repeat;
}
.faq-i > summary:hover{color:var(--mid)}
.faq-i > summary:focus-visible{outline:2px solid var(--mid);outline-offset:2px}

.faq-a{font-size:14.5px;line-height:1.85;padding:0 0 18px}

@media print{
  .faq-i > .faq-a{display:block !important}
  .faq-i > summary::after{display:none}
}

.sec-cta{background:var(--tint)}

.share{
  background:#fff;border:2px solid var(--ink);border-radius:8px;
  padding:20px;margin:18px 0 28px;
}
.share-list{counter-reset:s}
.share-list li{
  counter-increment:s;position:relative;padding:12px 0 12px 30px;
  border-bottom:1px dashed var(--line);font-size:14.5px;line-height:1.8;
}
.share-list li:last-child{border-bottom:0}
.share-list li::before{
  content:counter(s);position:absolute;left:0;top:13px;
  font-family:var(--font-d);font-weight:700;font-size:13px;color:var(--mid);
}
.share-k{
  display:inline-block;font-family:var(--font-d);font-weight:700;font-size:12px;
  background:var(--tint);color:var(--deep);border-radius:3px;
  padding:2px 8px;margin-right:8px;
}
.form{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}

.field{display:block;margin-bottom:14px}

.field-l{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-family:var(--font-d);font-weight:700;margin-bottom:6px}

.req{font-size:11px;font-weight:700;color:#fff;background:var(--deep);border-radius:4px;padding:1px 6px}

.opt{font-size:11px;font-weight:500;color:var(--muted);background:var(--tint);border:1px solid var(--line);border-radius:4px;padding:1px 6px}

.form-note{font-size:12.5px;line-height:1.7;color:var(--muted);margin:12px 0}
.form-note a{color:inherit;text-decoration:underline}

.field input,
.field textarea{
  width:100%;padding:12px;font-size:16px;font-family:var(--font-b);
  border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);
}
.field textarea{line-height:1.7;resize:vertical}
.field input:focus,
.field textarea:focus{outline:2px solid var(--mid);outline-offset:1px}

.site-footer{background:var(--ink);color:#fff;padding:34px 0}
.footer-inner{display:flex;align-items:flex-start;gap:18px}

.footer-brand-line{font-size:12px;line-height:1.7}

.footer-links{margin-top:8px;display:flex;flex-wrap:wrap;gap:20px}
.footer-links a{color:#fff;text-decoration:underline;font-size:12.5px}

.footer-copyright{font-size:11px;color:rgba(255,255,255,.55);margin-top:12px}

.sec-rollout{border-top:1px solid var(--line)}
.rollout-list{margin:12px 0 0;padding:0;list-style:none}
.rollout-list li{
  position:relative;padding:9px 0 9px 16px;
  border-bottom:1px solid var(--line);line-height:1.75;
}
.rollout-list li:last-child{border-bottom:0}
.rollout-list li::before{
  content:"";position:absolute;left:0;top:16px;
  width:6px;height:6px;border-radius:50%;background:var(--mid);
}
.rollout-list b{color:var(--deep)}

.rollout-flow{margin-top:20px}
.rf-track{display:grid;grid-template-columns:1fr;gap:26px;margin:0;padding:0;list-style:none}
.rf-card{
  position:relative;
  border:1px solid var(--line);border-radius:8px;
  background:#fff;padding:14px 16px;
}
.rf-card--now{background:var(--tint);border-color:#b6d2c7}
.rf-card--next{border-style:dashed;border-color:#b9c7c1}
.rf-k{
  font-family:var(--font-d);font-weight:700;font-size:12px;
  color:var(--deep);letter-spacing:.04em;
}
.rf-card--next .rf-k{color:var(--muted)}
.rf-t{font-family:var(--font-d);font-weight:700;font-size:16.5px;margin-top:2px;line-height:1.4}
.rf-d{font-size:14px;line-height:1.75;color:var(--muted);margin-top:6px}

.rf-card + .rf-card::before{
  content:"";position:absolute;
  left:50%;top:-19px;transform:translateX(-50%);
  width:0;height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:9px solid var(--mid);
}
.rf-rev{
  margin-top:18px;
  background:#f5f6f5;
  border-left:3px solid #c6cfcb;
  border-radius:0 6px 6px 0;
  padding:12px 16px;
  font-size:14px;line-height:1.8;color:var(--muted);
}
.rf-rev b{
  display:block;
  font-family:var(--font-d);font-size:14.5px;color:var(--ink);
}

@media (min-width:720px){
  .rf-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
  .rf-card + .rf-card::before{
    left:-21px;top:50%;transform:translateY(-50%);
    border-left:9px solid var(--mid);
    border-right:0;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
  }
}

.has-blob{position:relative;z-index:0;overflow:hidden}
.blob{
  position:absolute;z-index:-1;
  height:auto;max-width:none;
  pointer-events:none;user-select:none;
}

.blob--hero{top:-46px;right:-54px;width:300px;opacity:.55}

.blob--case{top:28px;right:-78px;width:205px;opacity:.5}

.blob--proof{bottom:-34px;left:-46px;width:440px;opacity:.5}

.blob--footer{bottom:-26px;right:-8px;width:172px;opacity:.5}

@media (max-width:720px){
  .blob--hero{width:180px;top:-30px;right:-40px;opacity:.5}
  .blob--case{width:150px;top:-18px;right:-58px;opacity:.42}
  .blob--proof{width:300px;opacity:.45}
}

@media (max-width:520px){
  .blob--hero,.blob--case{display:none}
  .blob--proof{width:236px;opacity:.42}
  .blob--footer{width:132px;opacity:.45}
}

[data-ph]{outline:1px dashed rgba(180,60,60,.5);outline-offset:2px}

@media print{
  
  .site-header,.hero-cta,.form,.sec-price .btn,.sec-install .btn{display:none}
  
  .core-mark,.sec-case,.sec-price,.sec-cta,.sec-proof,.share,.share-k,
  .proofcase-step--result,.bd-group--tint,.setup-n,.rollout-list li::before,
  .rf-card--now,.rf-rev,.rf-card + .rf-card::before{
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
  
  .blob{display:none}
  .section{padding:24px 0;break-inside:avoid}
  .shot,.sheet,.photo,.plan,.share{break-inside:avoid}
  
  .rollout-flow,.rf-card{break-inside:avoid}
  [data-ph]{outline:none}
}

@media (min-width:720px){
  body{font-size:17px}
  .section{padding:80px 0}
  .hero{padding:60px 0 76px}
  .hero-h1{font-size:44px}
  .hero-lead{font-size:19px}
  h2{font-size:32px}
  .case-grid{grid-template-columns:1fr 1fr;gap:18px}
  
  .plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .plan-fig{min-height:62px}
  .stat-n{font-size:44px}
  .hero-cta{max-width:420px}
  .btn-block{width:auto;min-width:320px}
  .form .btn-block{width:100%}
}

@media (min-width:1060px){
  .hero{padding:44px 0 52px}
  .hero-inner{
    display:grid;
    grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);
    grid-template-areas:
      "eyebrow sheet"
      "h1      sheet"
      "lead    sheet"
      "support sheet"
      "cta     sheet";
    column-gap:44px;
    align-items:center;
  }
  .hero-inner .eyebrow{grid-area:eyebrow;align-self:end}
  .hero-inner .hero-h1{grid-area:h1}
  .hero-inner .hero-lead{grid-area:lead}
  .hero-inner .hero-support{grid-area:support}
  .hero-inner .hero-cta{grid-area:cta;align-self:start;margin:22px 0 0;max-width:400px}
  .hero-inner .hero-sheet{grid-area:sheet;margin:0}
  .hero-h1{font-size:38px}
  .hero-lead{font-size:17px;margin-top:14px}
  .sheet-band{font-size:14px;padding:9px 12px}
  .sheet-cap{font-size:12.5px;padding:8px 12px 10px}
}
@media (min-width:1280px){
  .hero-h1{font-size:42px}
}

.badge--outline{
  left:auto;right:8px;
  background:#fff;color:var(--ink);
  border:1px solid var(--ink);
}

.mock-wide{display:none}
.mock-narrow{display:block}
@media (min-width:600px){
  .mock-wide{display:block}
  .mock-narrow{display:none}
}

.sheet-shot,.shot{overflow-x:auto}

@media print{
  .mock-wide{display:block}
  .mock-narrow{display:none}
  
  .mock-b-2-hero,.mock-b-2-hero *,
  .mock-b-2-sp,.mock-b-2-sp *,
  .mock-b-1b,.mock-b-1b *{
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
}

.section > .inner,
.hero > .inner { max-width: var(--w); }