:root{
  color-scheme:light only;
  --navy:#00273F; --navy-2:#004C66; --navy-deep:#001C2E;
  --teal:#1596B4; --teal-lift:#A9DCE8;
  --teal-pill:#C8E9F2;  /* washed pills over --navy-2; --teal-lift is 3.95:1 there */
  --slate:#394148; --slate-2:#647684; --steel:#7E8FA6; --mist:#93A9BE;
  --pale:#CBDBEA; --line:#E3E8EE; --paper:#EFF4F8; --white:#FFFFFF; --green:#1C6B45;

  --surface:var(--white); --surface-2:var(--paper);
  --ink:var(--navy); --ink-2:var(--slate); --ink-3:var(--slate-2);
  --rule:var(--line); --rule-soft:#EDF1F4;
  --go:var(--green); --go-soft:#E2F0E9;
  --flag:#9A5B12; --flag-soft:#F8EEDF;
  --on-navy:#DCE7EF; --on-navy-2:var(--mist); --navy-rule:#12405E;

  --head:"Outfit",system-ui,sans-serif;
  --body:"DM Sans",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--surface); color:var(--ink-2);
  font-family:var(--body); font-size:17px; line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
.band{padding-inline:20px}
.inner{max-width:1100px; margin:0 auto}
.narrow{max-width:760px; margin:0 auto}

h1,h2,h3{font-family:var(--head); font-weight:700; color:var(--ink); margin:0; text-wrap:balance}
h1{font-size:clamp(35px,5.8vw,60px); line-height:1.02; letter-spacing:-.03em}
h2{font-size:clamp(28px,4.2vw,42px); line-height:1.08; letter-spacing:-.022em; margin-bottom:16px}
h3{font-size:21px; line-height:1.25; letter-spacing:-.02em; margin-bottom:8px}
p{margin:0 0 15px; max-width:64ch}
.lede{font-size:19.5px; line-height:1.55; max-width:56ch}

.eyebrow{
  font-family:var(--head); font-weight:600; font-size:12.5px; letter-spacing:.17em;
  text-transform:uppercase; color:var(--teal); margin:0 0 20px; display:flex;
  align-items:center; gap:11px;
}
.eyebrow::before{content:""; width:26px; height:2px; background:var(--teal); flex:none}

.hero .eyebrow, .sec.navy .eyebrow, .sec.navy2 .eyebrow, .sec.dark .eyebrow,
.form-band .eyebrow, .ty .eyebrow{color:var(--teal-lift)}
.hero .eyebrow::before, .sec.navy .eyebrow::before, .sec.navy2 .eyebrow::before,
.sec.dark .eyebrow::before, .form-band .eyebrow::before, .ty .eyebrow::before{background:var(--teal-lift)}

.tags{display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:28px; padding:0; list-style:none}
.tags li{
  font-family:var(--head); font-weight:600; font-size:12px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--on-navy-2); display:flex; align-items:center; gap:8px; margin:0;
}
.tags li::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--teal); flex:none}

.btn{
  display:inline-block; border-radius:100px; border:2px solid transparent; cursor:pointer;
  font-family:var(--head); font-weight:600; font-size:16.5px; letter-spacing:-.005em;
  padding:15px 32px; text-decoration:none; transition:background .15s ease, color .15s ease;
}
.btn.solid{background:var(--white); color:var(--navy)}
.btn.solid:hover{background:var(--teal-lift)}
.btn.ghost{border-color:rgba(255,255,255,.45); color:#fff; background:transparent}
.btn.ghost:hover{border-color:#fff; background:rgba(255,255,255,.08)}
.btn.teal{background:var(--teal); color:#fff}
.btn.teal:hover{background:#127E98}
.btn.wide{display:block; width:100%; text-align:center; font-size:18px; padding:17px 32px}
.btn:focus-visible{outline:3px solid var(--teal-lift); outline-offset:3px}

.hero{background:var(--navy); color:var(--on-navy); padding-block:clamp(10px,1.5vw,18px) clamp(56px,8vw,92px)}
.hero h1{color:#fff; font-size:clamp(33px,4.6vw,49px)}
.hero h1 em{font-style:normal; color:var(--teal-lift)}
.hero .lede{color:var(--on-navy-2); margin-top:22px}
.hero-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:52px; align-items:center; padding-top:clamp(18px,3vw,34px)}
.cta-row{display:flex; flex-wrap:wrap; gap:13px; margin-top:30px}

.engine{
  background:var(--surface); border:1px solid var(--rule); border-radius:18px;
  overflow:hidden; box-shadow:0 30px 64px rgba(0,0,0,.4); max-width:100%;
  color:var(--ink-2);
}
.eng-bar{
  background:var(--surface-2); border-bottom:1px solid var(--rule); padding:13px 18px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.eng-bar b{font-family:var(--head); font-weight:700; font-size:14.5px; color:var(--ink); letter-spacing:-.01em}
.eng-bar span{
  font-family:var(--head); font-weight:600; font-size:10.5px; letter-spacing:.12em;
  text-transform:uppercase; color:#0F7D96; background:#DCEFF4;
  border-radius:100px; padding:4px 11px;
}
.eng-rows{padding:8px 18px 4px}
.eng-row{
  display:flex; justify-content:space-between; align-items:baseline; gap:16px;
  padding:10px 0; border-bottom:1px solid var(--rule-soft); font-size:14px;
}
.eng-row .k{color:var(--ink-3); font-size:13px}
.eng-row .v{color:var(--ink); font-weight:500; text-align:right; font-family:var(--head)}
.eng-total{
  background:var(--surface-2); border-top:1px solid var(--rule); padding:17px 18px;
  display:flex; justify-content:space-between; align-items:center; gap:14px;
}
.eng-total .k{
  font-family:var(--head); font-weight:600; font-size:11px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ink-3);
}
.eng-total .amt{
  font-family:var(--head); font-weight:700; font-size:clamp(25px,3.4vw,32px); color:var(--ink);
  letter-spacing:-.025em; font-variant-numeric:tabular-nums;
}

.eng-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
  background:var(--rule);border-top:1px solid var(--rule)}
.eng-strip .es{background:var(--surface-2);padding:12px 18px}
.eng-strip .es span{display:block;font-family:var(--head);font-weight:600;font-size:11px;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}
@media (pointer:coarse){.eng-strip .es span{font-size:11.5px}}
.eng-strip .es b{display:block;margin-top:3px;font-family:var(--head);font-weight:700;
  font-size:17px;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
@media(max-width:520px){.eng-strip{grid-template-columns:1fr 1fr}
  .eng-strip .es:last-child{grid-column:1 / -1}}
.eng-foot{
  padding:12px 18px; display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center;
  background:var(--surface-2); border-top:1px solid var(--rule);
}
.chip{
  font-family:var(--head); font-weight:600; font-size:10.5px; letter-spacing:.1em;
  text-transform:uppercase; border-radius:100px; padding:4px 10px;
  background:#DCEFF4; color:#0F7D96;
}
.chip.on{background:#E2F0E9; color:#1C6B45}

.bp{
  background-image:
    radial-gradient(90% 120% at 85% 0%, rgba(0,39,63,.45), rgba(0,39,63,0) 58%),
    linear-gradient(rgba(169,220,232,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(169,220,232,.08) 1px, transparent 1px);
  background-size:auto, 46px 46px, 46px 46px;
}
.bp.bp-left{
  background-image:
    radial-gradient(90% 120% at 15% 0%, rgba(0,39,63,.55), rgba(0,39,63,0) 58%),
    linear-gradient(rgba(169,220,232,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(169,220,232,.08) 1px, transparent 1px);
  background-size:auto, 46px 46px, 46px 46px;
}

.sec{padding-block:clamp(54px,6.5vw,86px); background-color:var(--surface)}
.sec.white{background-color:var(--surface)}
.sec.navy2{background-color:var(--navy-2); color:var(--on-navy)}
.sec.navy{background-color:var(--navy); color:var(--on-navy)}
.sec.dark{background:var(--navy-deep); color:var(--on-navy)}
.sec.navy2 > .inner > h2, .sec.navy > .inner > h2, .sec.dark > .inner > h2{color:#fff}
.sec.navy2 > .inner > p:not(.eyebrow), .sec.navy > .inner > p:not(.eyebrow),
.sec.dark > .inner > p:not(.eyebrow){color:var(--on-navy-2)}

.sec p{color:var(--ink-2)}
.sec.white + .sec:not(.navy2):not(.dark):not(.form-band){border-top:1px solid var(--rule)}

.steps{display:grid; grid-template-columns:repeat(auto-fit,minmax(255px,1fr)); gap:24px; margin-top:38px}
.step{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(169,220,232,.22);
  border-radius:16px; padding:26px 26px 28px;
}
.step h3{color:#fff}
.step .n{
  font-family:var(--head); font-weight:700; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--teal-lift); display:block; margin-bottom:14px;
}
.step p{font-size:16px; margin:0; color:var(--on-navy-2)}

.gets{margin-top:36px; display:grid; gap:14px}
.get{
  background:var(--surface); border:1px solid var(--rule); border-radius:16px;
  padding:24px 28px; display:grid; grid-template-columns:auto minmax(0,1fr); gap:20px;
}
.sec.white .get{background:var(--surface-2)}
.get .tick{
  width:32px; height:32px; border-radius:50%; background:var(--go-soft); color:var(--go);
  display:grid; place-items:center; font-family:var(--head); font-weight:700; font-size:15px;
}
.get p{margin:0; font-size:16.5px}

.qa{margin-top:36px; border-top:1px solid var(--rule)}
.q{border-bottom:1px solid var(--rule)}
.q summary{
  list-style:none; cursor:pointer; padding:22px 44px 22px 0; position:relative;
  font-family:var(--head); font-weight:700; font-size:20px; letter-spacing:-.02em;
  color:var(--ink); line-height:1.3;
}
.q summary::-webkit-details-marker{display:none}
.q summary::before{content:"\201C"; color:var(--teal); font-size:24px; line-height:0; position:relative; top:4px}
.q summary::after{
  content:""; position:absolute; right:6px; top:30px; width:11px; height:11px;
  border-right:2px solid var(--teal); border-bottom:2px solid var(--teal);
  transform:rotate(45deg); transform-origin:center; transition:transform .2s ease;
}
.q[open] summary::after{transform:rotate(-135deg); top:34px}
.q summary:hover{color:var(--teal)}
.q summary:focus-visible{outline:3px solid var(--teal); outline-offset:3px; border-radius:4px}
.q .a{padding:0 44px 24px 0}
.q .a p{margin:0; font-size:16.5px}
.q .a p + p{margin-top:12px}

.pillars{display:grid; grid-template-columns:repeat(auto-fit,minmax(272px,1fr)); gap:22px; margin-top:38px}
.pillar{background:rgba(255,255,255,.05); border:1px solid var(--navy-rule); border-radius:18px; padding:28px}
.pillar ul{margin:14px 0 0; padding-left:19px}
.pillar li{margin-bottom:10px; font-size:15.5px; color:var(--on-navy-2)}
.pillar li:last-child{margin-bottom:0}
.pillar li b{color:var(--teal-lift); font-weight:600}

.price-wrap{display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:22px; margin-top:38px}
.price{background:var(--surface); border:1px solid var(--rule); border-radius:18px; padding:28px 30px}
.price, .price h3, .price li{color:var(--ink)}
.price.main{border:2px solid var(--teal)}
.tiers,.nopay{margin:16px 0 0; padding:0; list-style:none}
.tiers li{
  display:flex; justify-content:space-between; align-items:baseline; gap:16px;
  padding:12px 0; border-bottom:1px solid var(--rule-soft);
}
.tiers li:last-child,.nopay li:last-child{border-bottom:none}
.tiers .amt{font-family:var(--head); font-weight:700; font-size:18px; color:var(--ink); white-space:nowrap; font-variant-numeric:tabular-nums}
.tiers .save{
  display:block; font-family:var(--head); font-weight:600; font-size:11px;
  letter-spacing:.1em; text-transform:uppercase; color:var(--go); margin-top:3px;
}
.nopay li{padding:11px 0 11px 28px; position:relative; border-bottom:1px solid var(--rule-soft)}
.nopay li::before{
  content:"×"; position:absolute; left:6px; top:9px; color:var(--flag);
  font-family:var(--head); font-weight:700; font-size:18px;
}

.form-band{background:var(--navy); color:var(--on-navy)}
.form-grid{display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:50px; align-items:start}
.form-card{
  background:var(--surface); color:var(--ink-2); border-radius:20px; padding:32px;
  box-shadow:0 32px 70px rgba(0,0,0,.42);
}
.fields{display:grid; gap:17px}
.f label{
  display:block; font-family:var(--head); font-weight:600; font-size:11.5px;
  letter-spacing:.11em; text-transform:uppercase; color:var(--ink-3); margin-bottom:7px;
}
.f label .opt{color:var(--teal)}
.f input,.f select{
  width:100%; font-family:var(--body); font-size:16.5px; color:var(--ink);
  background:var(--surface-2); border:1px solid var(--rule); border-radius:10px;
  padding:13px 14px; appearance:none;
}
.f input:focus,.f select:focus{outline:3px solid var(--teal); outline-offset:1px; border-color:var(--teal)}
.f .hint{font-size:14px; color:var(--ink-3); margin:7px 0 0; line-height:1.5}
.f.two{display:grid; grid-template-columns:1fr 1fr; gap:15px}
.form-foot{margin-top:18px; font-size:14.5px; color:var(--ink-3); line-height:1.55}
.err{color:var(--flag); font-family:var(--head); font-weight:600; font-size:13.5px; margin-top:10px; display:none}
.done{display:none}
.done h3{font-size:25px}
.slots{display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 6px; padding:0; list-style:none}
.slots li{margin:0}
.slot{
  font-family:var(--head); font-weight:600; font-size:14.5px; border-radius:100px;
  padding:10px 18px; border:1px solid var(--rule); background:var(--surface-2);
  color:var(--ink); cursor:pointer;
}
.slot:hover{border-color:var(--teal); color:var(--teal)}

.statement{background:var(--navy); color:#fff; padding-block:clamp(72px,10vw,132px); text-align:center}
.statement p{
  font-family:var(--head); font-weight:700; font-size:clamp(30px,5.2vw,56px); line-height:1.08;
  letter-spacing:-.03em; max-width:19ch; margin:0 auto; color:#fff; text-wrap:balance;
}
.statement p em{font-style:normal; color:var(--teal-lift)}
.statement .sub{
  font-family:var(--body); font-weight:400; font-size:18px; letter-spacing:0;
  color:var(--on-navy-2); max-width:52ch; margin:24px auto 0; line-height:1.55;
}

.showcase{background:var(--surface); color:var(--ink-2); padding-block:clamp(60px,7.5vw,100px); overflow:hidden}
.sc-head{text-align:center; margin-bottom:38px}
.sc-head h2{color:var(--ink); margin-inline:auto}
.sc-head .eyebrow{justify-content:center}
.sc-head p{color:var(--ink-2); margin-inline:auto; text-align:center}
.sc-tabs{
  display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 auto 34px;
  padding:6px; background:var(--surface-2); border:1px solid var(--rule);
  border-radius:100px; width:fit-content; max-width:100%;
}
.sc-tab{
  font-family:var(--head); font-weight:600; font-size:14.5px; color:var(--ink-3);
  background:transparent; border:none; border-radius:100px; padding:10px 20px; cursor:pointer;
  white-space:nowrap; transition:background .2s ease, color .2s ease;
}
.sc-tab:hover{color:var(--ink)}
.sc-tab[aria-selected="true"]{background:var(--teal); color:#fff}
.sc-tab:focus-visible{outline:3px solid var(--teal-lift); outline-offset:2px}
.sc-stage{position:relative; max-width:940px; margin:0 auto}
.sc-panel{display:none}
.sc-panel.on{display:block}
.sc-cap{
  text-align:center; margin:26px auto 0; max-width:54ch; color:var(--ink-2);
  font-size:17px; line-height:1.55;
}
.sc-cap b{color:var(--ink); font-weight:600}

.frame{
  background:var(--surface); border-radius:16px; overflow:hidden;
  box-shadow:0 26px 60px rgba(0,39,63,.2), 0 0 0 1px rgba(0,39,63,.09);
}
.frame-bar{
  background:var(--surface-2); padding:11px 16px; display:flex; align-items:center; gap:8px;
  border-bottom:1px solid var(--rule);
}
.dot{width:10px; height:10px; border-radius:50%; background:#CBD5DD; flex:none}
.frame-url{
  margin-left:10px; font-family:var(--body); font-size:12px; color:var(--ink-3);
  background:var(--surface); border:1px solid var(--rule);
  border-radius:100px; padding:4px 14px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.pane{background:var(--surface); color:var(--ink-2); padding:0}
.pane.light{background:var(--surface); color:var(--ink-2)}
.pane-head{
  padding:18px 24px; border-bottom:1px solid var(--rule);
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
}
.pane-head .pane-title{display:block; font-family:var(--head); font-weight:700; font-size:17px; color:var(--ink); margin:0; letter-spacing:-.015em}
.pane-body{padding:20px 24px 24px}

.eng-switch{display:flex; gap:4px; padding:4px; background:var(--surface-2); border:1px solid var(--rule); border-radius:100px}
.eng-opt{
  font-family:var(--head); font-weight:600; font-size:13px; color:var(--ink-3);
  background:transparent; border:none; border-radius:100px; padding:7px 16px; cursor:pointer;
  white-space:nowrap; transition:background .18s ease, color .18s ease;
}
.eng-opt:hover{color:var(--ink)}
.eng-opt[aria-selected="true"]{background:var(--teal); color:#fff}
.eng-opt:focus-visible{outline:2px solid var(--teal-lift); outline-offset:2px}
.eng-view{display:none}
.eng-view.on{display:block}

.ctl-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px}
.ctl{background:var(--surface-2); border:1px solid var(--rule); border-radius:10px; padding:12px 14px}
.ctl .lab{
  font-family:var(--head); font-weight:600; font-size:10.5px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink-3); display:block; margin-bottom:6px;
}
.ctl .val{font-family:var(--head); font-weight:600; font-size:16px; color:var(--ink); display:flex; justify-content:space-between; gap:10px}
.ctl .val span:last-child{color:var(--teal)}
.runline{
  margin-top:18px; padding-top:18px; border-top:1px solid var(--rule);
  display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;
}
.runline .k{font-family:var(--head); font-weight:600; font-size:11px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-3)}
.runline .amt{font-family:var(--head); font-weight:700; font-size:clamp(28px,4vw,38px); color:var(--ink); letter-spacing:-.03em; font-variant-numeric:tabular-nums}

.prop-top{display:flex; justify-content:space-between; align-items:flex-start; gap:20px; flex-wrap:wrap; margin-bottom:20px}
.logo-slug{
  font-family:var(--head); font-weight:700; font-size:15px; color:var(--navy); letter-spacing:-.02em;
  border:2px dashed var(--pale); border-radius:8px; padding:9px 16px;
}
.prop-meta{font-size:12.5px; color:var(--slate-2); text-align:right; line-height:1.7}
.prop-lines{margin:0; padding:0; list-style:none}
.prop-lines li{
  display:flex; justify-content:space-between; gap:16px; padding:10px 0;
  border-bottom:1px solid var(--line); font-size:14.5px; color:var(--slate);
}
.prop-lines li span:last-child{font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--navy); font-weight:500}
.prop-lines li.grand{
  border-bottom:none; border-top:2px solid var(--navy); margin-top:8px; padding-top:14px;
  font-family:var(--head); font-weight:700; font-size:19px; color:var(--navy);
}
.prop-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:22px}
.mini{
  font-family:var(--head); font-weight:600; font-size:13.5px; border-radius:100px;
  padding:9px 18px; border:1px solid var(--line); background:#fff; color:var(--navy);
}
.mini.fill{background:var(--teal); border-color:var(--teal); color:#fff}

.sig{border:1px solid var(--line); border-radius:12px; padding:22px 24px; background:var(--paper)}
.sig-row{display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; align-items:flex-end}
.sig-name .sigmark{display:block;width:140px;max-width:100%;height:auto;color:var(--ink);opacity:.85}
.sig-name{
  font-family:"Outfit",cursive,sans-serif; font-weight:500; font-size:29px; color:var(--navy);
  font-style:italic; letter-spacing:-.01em; border-bottom:2px solid var(--navy); padding:0 20px 6px 4px;
}
.sig-meta{font-size:12.5px; color:var(--slate-2); line-height:1.7; text-align:right}
.sig-badge{
  display:inline-flex; align-items:center; gap:8px; margin-top:18px;
  background:var(--go-soft); color:var(--go); border-radius:100px; padding:8px 16px;
  font-family:var(--head); font-weight:600; font-size:13px;
}

.cat-scroll{overflow-x:auto}
.cat{width:100%; border-collapse:collapse; min-width:560px; font-size:14px}
.cat th{
  font-family:var(--head); font-weight:600; font-size:10.5px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink-3); text-align:left; padding:0 14px 12px; white-space:nowrap;
}
.cat td{padding:13px 14px; border-top:1px solid var(--rule-soft); color:var(--ink-2); white-space:nowrap}
.cat td.n{font-variant-numeric:tabular-nums; text-align:right; font-family:var(--head); font-weight:600; color:var(--ink)}
.cat td.job{white-space:normal; min-width:180px}
.pill-s{
  font-family:var(--head); font-weight:600; font-size:11px; letter-spacing:.07em;
  text-transform:uppercase; border-radius:100px; padding:5px 12px; display:inline-block;
}
.s-sign{background:#E2F0E9; color:#1C6B45}
.s-pub{background:#DCEFF4; color:#0F7D96}
.s-draft{background:#EDF1F4; color:#647684}
.s-exp{background:#FAF0DF; color:#8A5B00}
.s-done{background:#E3E8EE; color:#394148}

.mast{
  padding-block:20px 6px; display:flex; align-items:center;
  justify-content:space-between; gap:20px; flex-wrap:wrap;
}
.mast img{
  height:78px; width:auto; display:block;
  filter:brightness(0) invert(1);
}
.mast .said{
  font-family:var(--head); font-weight:600; font-size:12.5px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--teal-lift); text-align:right;
}
@media (max-width:560px){
  .mast img{height:58px}
  .mast .said{display:none}
}

.hero.has-video::before{background-image:none}
.hero .hero-video{
  position:absolute; inset:0; z-index:0; width:100%; height:100%;
  object-fit:cover; object-position:center 40%; pointer-events:none;
}
@media (prefers-reduced-motion:reduce){ .hero .hero-video{display:none} }

.hero-form{
  background:var(--white); color:var(--slate); border-radius:20px; padding:26px 26px 28px;
  box-shadow:0 34px 74px rgba(0,0,0,.45);
}
.hero-form h3{margin-bottom:4px; font-size:22px}
.hero-form .sub{font-size:15px; color:var(--slate-2); margin:0 0 18px; line-height:1.5}
.hero-form .fields{gap:13px}
.hero-form .f label{font-size:11px; margin-bottom:5px}
.hero-form .f input, .hero-form .f select{padding:11px 13px; font-size:16px; border-radius:9px}
.hero-form .btn.wide{margin-top:18px; padding:15px 28px; font-size:17px}
.hero-form .form-foot{font-size:13.5px; margin-top:13px}
.hero-form .err{font-size:13px}

footer .links{display:flex; flex-wrap:wrap; gap:8px 22px; align-items:center}
footer a{color:var(--teal-lift); text-decoration:none; border-bottom:1px solid rgba(169,220,232,.35)}
footer a:hover{border-bottom-color:var(--teal-lift)}

footer{background:var(--navy-deep); color:var(--on-navy-2); padding-block:40px; font-size:15px}
footer .inner{display:flex; flex-wrap:wrap; gap:14px 40px; justify-content:space-between; align-items:baseline}
footer b{font-family:var(--head); font-weight:700; color:#fff; letter-spacing:-.015em}
footer .small{font-family:var(--head); font-weight:600; font-size:11.5px; letter-spacing:.13em; text-transform:uppercase}

@media (max-width:920px){
  .hero-grid,.form-grid{grid-template-columns:1fr; gap:40px}
}
@media (max-width:480px){
  body{font-size:16.5px}
  .f.two{grid-template-columns:1fr}
  .form-card{padding:24px}
  .btn{width:100%; text-align:center}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important; animation:none!important}}

:root{
  --hero-photo:url(/img/hero-roof.jpg); /* A real file since 2026-09-25: the
     hero needs something behind it when the video will not autoplay, which
     is what a phone in low power mode does. An absolute path, so every
     folder on the site resolves it. */
  --band-photo:none; /* was url(../img/band-crew.jpg). Same. */
}

.has-photo{position:relative; isolation:isolate}
.has-photo > *{position:relative; z-index:1}
.has-photo::before{
  content:""; position:absolute; inset:0; z-index:0;
  background-image:var(--photo,none); background-size:cover; background-position:center 38%;
}
.has-photo::after{content:""; position:absolute; inset:0; z-index:0}

.hero.has-photo::before{background-image:var(--hero-photo)}
.hero.has-photo::after{
  background:linear-gradient(100deg,
    rgba(0,39,63,.97) 0%, rgba(0,39,63,.94) 38%, rgba(0,39,63,.72) 78%, rgba(0,39,63,.6) 100%);
}
.statement.has-photo::before{background-image:var(--band-photo); background-position:center 45%}
.statement.has-photo::after{background:rgba(0,39,63,.88)}

@media (max-width:820px){
  .hero.has-photo::after{background:rgba(0,39,63,.93)}
}

.hp{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%);
  white-space:nowrap; border:0;
}

.hl-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:18px; margin-top:38px;
}
.hl{
  background:var(--surface); border:1px solid var(--rule); border-radius:16px;
  padding:26px 26px 28px; display:grid; grid-template-columns:auto minmax(0,1fr);
  gap:0 18px; align-items:start;
}
.hl.wide{grid-column:1 / -1}
@media (min-width:860px){
  .hl.wide{grid-template-columns:auto minmax(0,1.25fr) minmax(0,1fr); gap:0 30px; align-items:center}
  .hl.wide .chips{margin-top:0; align-content:center}
}
.hl .ico{
  width:40px; height:40px; border-radius:11px; background:var(--teal-lift);
  display:grid; place-items:center; color:var(--navy); grid-row:1 / span 2;
  flex:none;
}
.hl .ico svg{width:22px; height:22px; display:block; flex:none}
.hl h3{margin:2px 0 7px; font-size:19px}
.hl p{margin:0; font-size:16px; color:var(--ink-2)}
.chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:14px}
.chips span{
  font-family:var(--head); font-weight:600; font-size:11.5px; letter-spacing:.09em;
  text-transform:uppercase; background:var(--surface-2); color:var(--ink-2);
  border:1px solid var(--rule); border-radius:100px; padding:6px 13px;
}
@media (max-width:560px){
  .hl{grid-template-columns:1fr; gap:14px}
  .hl .ico{grid-row:auto}
}

.ty{background:var(--navy); color:var(--on-navy); padding-block:clamp(44px,6vw,72px)}
.ty h1{color:#fff; font-size:clamp(30px,4.6vw,46px)}
.ty .lede{color:var(--on-navy-2); margin-top:18px}
.ty-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:46px; align-items:start}
.booker{
  background:#FFFFFF; color:#394148; border-radius:20px; padding:28px;
  box-shadow:0 32px 70px rgba(0,0,0,.42);
  --surface:#FFFFFF; --surface-2:#F3F5F7;
  --ink:#00273F; --ink-2:#394148; --ink-3:#647684;
  --rule:#E3E8EE; --rule-soft:#EDF1F4;
}
.booker h3{margin-bottom:6px}
.booker p{font-size:15.5px; color:var(--ink-2)}
.prep{margin:20px 0 0; padding:0; list-style:none}
.prep li{
  padding:12px 0 12px 30px; position:relative; border-top:1px solid var(--rule-soft);
  font-size:16px; color:var(--ink-2);
}
.prep li b{color:var(--ink); font-weight:600}
.prep li::before{
  content:""; position:absolute; left:4px; top:19px; width:9px; height:9px;
  border-radius:50%; background:var(--teal);
}
@media (max-width:920px){ .ty-grid{grid-template-columns:1fr; gap:34px} }

.hero-wide{padding-top:clamp(22px,4vw,44px)}
.home-hero h1{max-width:860px}
.hero-wide .lede, .hero-wide .eyebrow{max-width:62ch}
.hero-wide .lede{margin-top:22px}
.home-hero h1{font-size:clamp(34px,5.1vw,56px); max-width:860px}

.hero-cta{display:flex; flex-wrap:wrap; gap:14px; margin-top:32px}
@media (max-width:520px){
  .hero-cta{flex-direction:column; align-items:stretch}
  .hero-cta .btn{text-align:center}
}
.hero-wide .tags{margin-top:30px}

.mast-logo{display:block; line-height:0; border-radius:6px}
.mast-logo:focus-visible{outline:3px solid var(--teal-lift); outline-offset:6px}

.flow{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px; margin-top:38px}
.fl{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(169,220,232,.22);
  border-radius:16px; padding:26px 24px 24px;
}
.fl-n{
  display:block; font-family:var(--head); font-weight:700; font-size:12px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--teal-lift);
  margin-bottom:12px;
}
.fl h3{color:#fff; margin-bottom:9px}
.fl p{color:var(--on-navy-2); font-size:15.5px; line-height:1.6; margin:0}

.foot-note{
  margin-top:30px; padding-top:20px; font-size:15.5px;
  border-top:1px solid rgba(169,220,232,.2); color:var(--on-navy-2); max-width:70ch;
}

.prog-grid{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:44px; align-items:start}
@media (max-width:920px){ .prog-grid{grid-template-columns:1fr; gap:32px} }

.cta-band{background-color:var(--navy); color:var(--on-navy)}
.cta-inner{text-align:center}
.cta-band .eyebrow{color:var(--teal-lift)}
.sc-head .eyebrow, .cta-band .eyebrow{max-width:none; justify-content:center}
.cta-inner h2{max-width:24ch; margin-inline:auto}
.cta-inner .btn{margin-inline:auto}

footer.band .links{display:flex; flex-wrap:wrap; gap:18px; align-items:center}

.prog-grid h2{color:#fff}
.prog-grid > div > p:not(.eyebrow){color:var(--on-navy-2)}

.qa{max-width:880px}
.sec > .inner > .lede{max-width:62ch}

.page-hero{padding-block:20px clamp(46px,6vw,72px)}
.page-hero .mast{margin-bottom:clamp(20px,3vw,34px)}
.page-hero h1{color:#fff; font-size:clamp(32px,4.4vw,48px); max-width:18ch}
.page-hero h1 em{font-style:normal; color:var(--teal-lift)}
.page-hero .lede{color:var(--on-navy-2); margin-top:20px; max-width:62ch}
.page-hero-body{padding-top:clamp(8px,2vw,20px)}

.partner-note{
  margin-top:28px; padding:16px 20px; border-radius:14px; max-width:64ch;
  background:rgba(255,255,255,.07); border:1px solid rgba(169,220,232,.24);
  color:var(--on-navy-2); font-size:15.5px; line-height:1.6;
}
.partner-note b{color:#fff}

.paths{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:24px; margin-top:38px}
.path{
  background:var(--surface); border:1px solid var(--rule); border-radius:18px;
  padding:30px 30px 32px; display:flex; flex-direction:column;
}
.path.lead{border:2px solid var(--teal)}
.path-n{
  display:block; font-family:var(--head); font-weight:700; font-size:12px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--teal); margin-bottom:12px;
}
.path h3{margin-bottom:10px}
.path p{font-size:16px; line-height:1.62; color:var(--ink-2)}
.path-meta{font-size:14.5px; color:var(--muted); margin-top:auto; padding-top:4px}
.path .btn{margin-top:20px}

.btn.ghost-ink{border-color:var(--navy); color:var(--navy); background:transparent}
.btn.ghost-ink:hover{background:var(--navy); color:#fff}

.contact-grid{display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:44px; align-items:start}
@media (max-width:920px){ .contact-grid{grid-template-columns:1fr; gap:32px} }
.contact-grid h2{color:#fff}
.contact-grid > div > p:not(.eyebrow){color:var(--on-navy-2)}

textarea{
  width:100%; font:inherit; font-size:16px; color:var(--ink);
  background:var(--paper); border:1px solid var(--rule); border-radius:12px;
  padding:13px 14px; resize:vertical; min-height:120px;
}
textarea:focus{outline:none; border-color:var(--teal); box-shadow:0 0 0 3px rgba(21,150,180,.18)}
textarea::placeholder{color:var(--muted)}

.steps-light .step{background:var(--surface); border:1px solid var(--rule)}
.steps-light .step h3{color:var(--ink)}
.steps-light .step p{color:var(--ink-2)}
.steps-light .step .n{color:var(--teal)}

.who{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px; margin-top:36px}
.wh{background:rgba(255,255,255,.06); border:1px solid rgba(169,220,232,.22); border-radius:16px; padding:26px 24px}
.wh h3{color:#fff; margin-bottom:4px}
.wh-role{
  display:block; font-family:var(--head); font-weight:600; font-size:12px;
  letter-spacing:.13em; text-transform:uppercase; color:var(--teal-lift); margin-bottom:12px;
}
.wh p{color:var(--on-navy-2); font-size:15.5px; line-height:1.6; margin:0}
.wh-link{
  display:inline-block; margin-top:14px; color:var(--teal-lift);
  font-family:var(--head); font-weight:600; font-size:15px;
  text-underline-offset:4px;
}

.direct{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:26px 32px;
  margin-top:40px; padding-top:32px; border-top:1px solid rgba(169,220,232,.2);
}
.dr-k{
  display:block; font-family:var(--head); font-weight:700; font-size:11.5px;
  letter-spacing:.15em; text-transform:uppercase; color:var(--teal-lift); margin-bottom:9px;
}
.dr-v{display:block; color:#fff; font-size:16.5px; line-height:1.55}
a.dr-v{text-decoration:none; border-bottom:1px solid rgba(169,220,232,.45); display:inline-block}
a.dr-v:hover{border-bottom-color:var(--teal-lift)}

.legal-head{padding-top:clamp(8px,2vw,20px)}
.stamp{color:var(--teal-lift); font-family:var(--head); font-weight:600; font-size:15px; margin-top:14px}
.legal-body{max-width:1100px}  /* i.e. .inner, restated so it is not lost */
.legal-body > *{max-width:78ch}
.legal-body > .table-wrap{max-width:none}
.legal-body h2{
  font-size:clamp(22px,2.6vw,27px); margin-top:52px; margin-bottom:14px;
  padding-top:22px; border-top:1px solid var(--rule);
}
.legal-body h2:first-of-type{margin-top:44px}
.legal-body h3{font-size:18.5px; margin-top:32px; margin-bottom:10px; color:var(--navy-2)}
.legal-body p, .legal-body li{font-size:16px; line-height:1.68; color:var(--ink-2)}
.legal-body p{max-width:none}
.legal-body b{color:var(--ink)}
.legal-body ul, .legal-body ol{margin:0 0 18px; padding-left:22px}
.legal-body li{margin-bottom:8px}
.legal-body a{color:var(--teal-deep); text-underline-offset:3px; word-break:break-word}

.in-short{
  background:var(--paper); border-left:3px solid var(--teal);
  border-radius:0 12px 12px 0; padding:14px 18px; margin:0 0 18px;
}
.toc{counter-reset:none}
.toc li{margin-bottom:6px}
.addr{
  background:var(--paper); border:1px solid var(--rule); border-radius:14px;
  padding:18px 22px; display:inline-block; line-height:1.7;
}
.table-wrap{overflow-x:auto; margin:0 0 22px; border:1px solid var(--rule); border-radius:14px}
.legal-table{width:100%; border-collapse:collapse; font-size:14.5px; min-width:620px}
.legal-table th{
  text-align:left; padding:13px 16px; background:var(--paper); color:var(--navy);
  font-family:var(--head); font-weight:700; font-size:12px; letter-spacing:.1em; text-transform:uppercase;
  border-bottom:1px solid var(--rule);
}
.legal-table td{padding:13px 16px; border-bottom:1px solid var(--rule-soft); color:var(--ink-2); vertical-align:top}
.legal-table tr:last-child td{border-bottom:none}
.legal-table .c{text-align:center; font-family:var(--head); font-weight:700; color:var(--muted); white-space:nowrap}
.legal-table .c.yes{color:#1C6B45}

.addon{border-top:1px solid var(--rule); padding-block:clamp(44px,5vw,64px)}
.addon h2{font-size:clamp(24px,3.1vw,32px)}
.addon .lede{font-size:18px; max-width:60ch}

.addon-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:22px; margin-top:32px}
.addon-card{background:var(--paper); border:1px solid var(--rule); border-radius:16px; padding:26px 26px 24px}
.addon-card.plain{background:transparent}
.addon-card h3{font-size:19px; margin-bottom:10px}
.addon-card p{font-size:15.5px; line-height:1.62; color:var(--ink-2)}
.addon-card .chips{margin-top:16px}
.addon-meta{font-size:14.5px; color:var(--muted); margin-top:14px}

.addon-foot{
  margin-top:26px; padding-top:20px; border-top:1px solid var(--rule-soft);
  font-size:15.5px; line-height:1.65; color:var(--ink-2); max-width:78ch;
}

.chain{
  list-style:none; margin:38px 0 0; padding:0;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(248px,1fr)); gap:18px;
}
.ch{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(169,220,232,.22);
  border-radius:15px; padding:22px 22px 20px;
  display:flex; flex-direction:column;
}
.ch-n{
  display:block; font-family:var(--head); font-weight:800; font-size:12px;
  letter-spacing:.16em; color:var(--teal-lift); margin-bottom:10px;
}
.ch h3{color:#fff; font-size:18.5px; margin-bottom:7px}
.ch p{color:var(--on-navy-2); font-size:15px; line-height:1.58; margin:0 0 16px}

.ch-tag{
  margin-top:auto; align-self:flex-start;
  font-family:var(--head); font-weight:700; font-size:10.5px;
  letter-spacing:.12em; text-transform:uppercase;
  padding:5px 11px; border-radius:100px;
  background:rgba(169,220,232,.12); color:var(--teal-pill);
  border:1px solid rgba(169,220,232,.3);
}
.ch-tag.req{background:transparent; color:var(--on-navy-2); border-color:rgba(169,220,232,.3)}
.ch-tag.add{background:transparent; color:#F0C27B; border-color:rgba(240,194,123,.45)}

.chain-foot{
  margin-top:30px; padding-top:22px;
  border-top:1px solid rgba(169,220,232,.2);
  color:var(--on-navy-2); font-size:15.5px; line-height:1.65; max-width:82ch;
}
.chain-foot b{color:#fff}

.finding{display:grid; grid-template-columns:auto minmax(0,1fr); gap:24px; align-items:start; margin-bottom:56px}
.finding:last-child{margin-bottom:0}
.fi-n{
  font-family:var(--head); font-weight:800; font-size:13px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--teal); padding-top:10px;
  white-space:nowrap; width:62px;
}
.finding h2{font-size:clamp(23px,2.9vw,30px); margin-bottom:14px; max-width:26ch}
.finding p{font-size:16.5px; line-height:1.65; color:var(--ink-2); max-width:72ch}
.finding code{
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:.92em;
  background:var(--paper); border:1px solid var(--rule); border-radius:5px; padding:1px 6px;
}
.fi-do{
  margin-top:18px; padding:13px 16px; border-left:3px solid var(--teal);
  background:var(--paper); border-radius:0 10px 10px 0;
}
@media (max-width:640px){
  .finding{grid-template-columns:1fr; gap:10px}
  .fi-n{padding-top:0; width:auto}
}

.cols{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); gap:28px; margin-top:36px}
.col h3{color:#fff; font-size:17px; margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid rgba(169,220,232,.25)}
.col ul{margin:0; padding-left:20px}
.col li{color:var(--on-navy-2); font-size:15px; line-height:1.55; margin-bottom:9px}
.cols-foot{
  margin-top:30px; padding-top:20px; border-top:1px solid rgba(169,220,232,.2);
  color:var(--on-navy-2); font-size:15.5px; line-height:1.65; max-width:78ch;
}

.light-grid h2{color:var(--ink)}
.light-grid > div > p:not(.eyebrow){color:var(--ink-2)}
.light-grid .tags li{color:var(--ink-2)}

.finding > div{min-width:0}

.correction{
  margin-top:8px; padding:26px 28px;
  background:var(--paper); border:1px solid var(--rule); border-radius:14px;
  max-width:78ch;
}
.correction h3{
  font-size:19px; margin-bottom:12px; color:var(--ink);
}
.correction p{
  font-size:16px; line-height:1.68; color:var(--ink-2); max-width:72ch;
}
.correction p + p{margin-top:12px}
.correction a{color:var(--teal-ink, #0E7E97); font-weight:600; text-decoration:underline; text-underline-offset:3px}
.correction a:hover{text-decoration:none}
@media (max-width:640px){
  .correction{padding:22px 20px}
}

.calc{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));
  gap:34px; margin-top:38px; align-items:start;
}

.calc-in{
  background:var(--surface); border:1px solid var(--rule); border-radius:18px;
  padding:26px 28px;
}
.ci + .ci{margin-top:24px; padding-top:24px; border-top:1px solid var(--rule-soft)}
.ci label{
  display:block; font-family:var(--head); font-weight:600; font-size:15.5px;
  color:var(--ink); margin-bottom:10px; line-height:1.4;
}
.ci-row{display:flex; align-items:center; gap:10px}
.ci-row input{
  font-family:var(--head); font-weight:700; font-size:26px; color:var(--ink);
  width:132px; padding:8px 12px; border:1px solid var(--rule); border-radius:10px;
  background:var(--white); font-variant-numeric:tabular-nums;
  -moz-appearance:textfield;
}
.ci-row input::-webkit-outer-spin-button,
.ci-row input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
.ci-row input:focus{outline:none; border-color:var(--teal); box-shadow:0 0 0 3px rgba(21,150,180,.16)}
.ci-unit{font-family:var(--head); font-weight:600; font-size:14px; color:var(--ink-3)}
.ci-unit.pre{font-size:22px; color:var(--ink-2)}
.ci-note{font-size:13.5px; line-height:1.6; color:var(--ink-3); margin-top:9px; max-width:62ch}
.ci-note b{color:var(--ink-2)}

.calc-out{position:sticky; top:20px}
.co{
  background:var(--surface); border:1px solid var(--rule); border-radius:16px;
  padding:22px 24px;
}
.co + .co, .co-split{margin-top:14px}
.co-split .co + .co{margin-top:0}
.co-k{
  display:block; font-family:var(--head); font-weight:600; font-size:12px;
  letter-spacing:.11em; text-transform:uppercase; color:var(--ink-3); margin-bottom:6px;
}
.co-v{
  display:block; font-family:var(--head); font-weight:800;
  font-size:clamp(34px,5.4vw,46px); line-height:1.05; letter-spacing:-.03em;
  color:var(--ink); font-variant-numeric:tabular-nums;
}
.co-v.sm{font-size:clamp(23px,3vw,28px)}
.co-s{display:block; font-size:13.5px; line-height:1.6; color:var(--ink-3); margin-top:10px}
.co.lead-out{border:2px solid var(--teal)}
.co.flag-out .co-v{color:var(--navy-2)}
.co-split{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr)); gap:14px}
.co-foot{font-size:13px; color:var(--ink-3); margin-top:14px; line-height:1.6}

@media (max-width:900px){ .calc-out{position:static} }

.band.sec.paper{background:var(--paper)}
.band.sec.paper .co, .band.sec.paper .correction{background:var(--white)}

:root{
  --on-navy-2:#B6C7D6;
  --teal-ink:#0E7E97;
  --teal-deep:#0B6579;
}
.btn.teal{background:var(--teal-ink)}
.btn.teal:hover{background:var(--teal-deep)}
.fi-n{color:var(--teal-deep)}
.correction a{color:var(--teal-ink)}
.sec.navy2 > .inner > p.cols-foot, .sec.navy > .inner > p.cols-foot{color:var(--on-navy)}
.col li, .col > p{color:var(--on-navy)}

.cols-foot a{color:var(--teal-lift); font-weight:600; text-decoration:underline; text-underline-offset:3px}
.cols-foot a:hover{text-decoration:none}

.hl.plain{grid-template-columns:minmax(0,1fr)}
.hl.plain a{color:var(--teal-ink); font-weight:600; text-decoration:underline; text-underline-offset:3px}
.hl.plain a:hover{text-decoration:none}

:root{
  --cta:#0E7E97;
  --cta-hover:#0B6579;
  --cta-ink:#FFFFFF;
  --ui-fill:#004C66;
  --link:#0E7E97;
  --link-hover:#0B6579;
  --link-on-dark:#A9DCE8;
}

.btn.teal{
  background:var(--cta); color:var(--cta-ink);
  box-shadow:0 1px 2px rgba(0,39,63,.16), 0 8px 20px -10px rgba(0,39,63,.45);
}
.btn.teal:hover{background:var(--cta-hover); color:var(--cta-ink)}
.btn.teal:focus-visible{outline:3px solid var(--navy); outline-offset:3px}

.mini.fill{background:var(--ui-fill); border-color:var(--ui-fill); color:#fff}
.sc-tab[aria-selected="true"],
.eng-opt[aria-selected="true"]{background:var(--ui-fill); color:#fff}

.path.lead{border-color:var(--cta)}
.price.main{border-color:var(--cta)}
.co.lead-out{border-color:var(--cta)}

.band p a, .band li a, .band dd a{
  color:var(--link); font-weight:600;
  text-decoration:underline; text-underline-offset:3px;
}
.band p a:hover, .band li a:hover, .band dd a:hover{
  color:var(--link-hover); text-decoration:none;
}
.sec.paper p a, .sec.paper li a, .sec.paper dd a{color:var(--link-hover)}
.sec.paper p a:hover, .sec.paper li a:hover, .sec.paper dd a:hover{color:var(--navy)}
.sec.navy p a, .sec.navy li a,
.sec.navy2 p a, .sec.navy2 li a,
.sec.dark p a, .sec.dark li a,
.cta-band p a, .cta-band li a{color:var(--link-on-dark)}
.sec.navy p a:hover, .sec.navy li a:hover,
.sec.navy2 p a:hover, .sec.navy2 li a:hover,
.sec.dark p a:hover, .sec.dark li a:hover,
.cta-band p a:hover, .cta-band li a:hover{color:#fff}

.path p a, .run-b p a, .hl.plain a, .correction a, .form-alt a{color:var(--link)}
.path p a:hover, .run-b p a:hover, .hl.plain a:hover,
.correction a:hover, .form-alt a:hover{color:var(--link-hover)}
.cols-foot a{color:var(--link-on-dark)}
.cols-foot a:hover{color:#fff}

.proof{
  margin-top:28px; padding:24px 26px; background:var(--paper);
  border-left:3px solid var(--teal); border-radius:0 14px 14px 0;
}
.proof-lead{
  margin:0 0 10px; font-family:var(--head); font-weight:700; font-size:16.5px;
  color:var(--ink); letter-spacing:-.01em;
}
.proof p:last-child{margin:0; font-size:16px; line-height:1.6; color:var(--ink-2)}

.eng-total .k{color:var(--ink-2)}

.cta-note{
  margin:16px auto 0; max-width:56ch; text-align:center;
  font-size:15px; line-height:1.55; color:var(--ink-2);
}
.cta-note.dark{color:var(--on-navy-2)}
.midcta .cta-note{margin:8px 0 0; text-align:left; max-width:46ch}
@media (max-width:720px){ .midcta .cta-note{text-align:center; margin-inline:auto} }

.skip{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--white); color:var(--navy);
  font-family:var(--head); font-weight:600; font-size:16px;
  padding:14px 20px; border-radius:0 0 10px 0; text-decoration:none;
}
.skip:focus{left:0}

.eng-row .v{display:flex; gap:6px; justify-content:flex-end; align-items:baseline}

.sc-cap{margin-bottom:34px}

.cta-inner .hero-cta .btn{margin-inline:0}

.inner > .run-shot .frame, .inner > .run-shot .scan{max-width:780px}

.linkish{
  font:inherit; color:var(--link-hover); font-weight:600; background:none;
  border:0; padding:0; cursor:pointer; text-decoration:underline;
  text-underline-offset:3px;
}
.linkish:hover{color:var(--navy); text-decoration:none}
.print-line{margin-top:14px; font-size:15px; color:var(--ink-2)}

@media print{
  body > *:not(main), .band.sec.navy, .band.sec.navy2, .band.sec.paper,
  .cta-band, footer, .skip, #get .form-card, #get form, .exit{display:none !important}
  #calc{display:block !important; padding:0 !important; background:#fff !important}
  .band{padding-inline:0}
  .calc-out{break-inside:avoid}
  a[href]::after{content:""}
}

@media (max-width:560px){
  .print-line, .quickask-note{text-align:left}
  .print-line .linkish, .quickask-note .linkish{
    display:inline-block; padding:11px 6px; min-height:44px;
  }
}

.quickask{
  margin-top:26px; padding-top:22px; border-top:1px solid var(--rule);
}
.quickask label{
  display:block; font-family:var(--head); font-weight:600; font-size:16px;
  color:var(--ink); margin-bottom:12px;
}
.quickask-row{display:flex; flex-wrap:wrap; gap:10px}
.quickask-row input{
  flex:1 1 220px; min-width:0; font:inherit; font-size:16px;
  padding:13px 15px; border:1px solid var(--rule); border-radius:11px;
  background:var(--white); color:var(--ink);
}
.quickask-row input:focus{outline:2px solid var(--teal); outline-offset:1px; border-color:var(--teal)}
.quickask-row .btn{flex:0 0 auto; padding-block:13px}
.quickask-note{margin-top:12px; font-size:14px; line-height:1.55; color:var(--ink-2)}
.quickask.is-done .quickask-row{display:none}
@media (max-width:560px){
  .quickask-row input, .quickask-row .btn{flex-basis:100%}
  .quickask-row .btn{width:100%}
}

.tm{
  font-size:.58em; font-weight:600; line-height:0;
  vertical-align:super; margin-left:1px; letter-spacing:0;
}

.chart{margin-top:26px; padding-top:22px; border-top:1px solid var(--rule)}
.chart-h{display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap}
.chart-h b{font-family:var(--head); font-weight:700; font-size:14.5px; color:var(--ink)}
.chart-h span{font-size:13px; color:var(--ink-2)}
.bar{display:flex; gap:2px; height:34px; margin-top:14px}
.bar .seg{border-radius:2px; min-width:3px; transition:width .35s ease}
.bar .seg:first-child{border-radius:4px 2px 2px 4px}
.bar .seg:last-child{border-radius:2px 4px 4px 2px}
.seg-win{background:#1596B4}
.seg-lost{background:#B4741A}
.chart-key{display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:14px}
.chart-key div{display:flex; align-items:baseline; gap:9px; font-size:14px; color:var(--ink-2)}
.chart-key i{display:block; width:12px; height:12px; border-radius:3px; flex:none; transform:translateY(1px)}
.chart-key b{font-family:var(--head); font-weight:700; color:var(--ink); font-variant-numeric:tabular-nums}
.chart-key em{font-style:normal; color:var(--ink-3, var(--ink-2)); font-size:13px}
.chart-foot{margin-top:12px; font-size:13px; color:var(--ink-2)}

.nest{display:grid; gap:14px; margin-top:16px}
.nest-row{display:grid; grid-template-columns:minmax(0,1fr); gap:6px}
.nest-lab{display:flex; justify-content:space-between; gap:12px; font-size:14px; color:var(--ink-2)}
.nest-lab b{font-family:var(--head); font-weight:700; color:var(--ink); font-variant-numeric:tabular-nums}
.nest-track{display:block; height:24px; background:var(--rule-soft, #EDF1F4); border-radius:4px; overflow:hidden}
.nest-fill{display:block; height:100%; border-radius:4px; transition:width .35s ease}
.nest-1 .nest-fill{background:#A9DCE8}
.nest-2 .nest-fill{background:#4FA8C0}
.nest-3 .nest-fill{background:#0E7E97}

.copy-row{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.copy-btn{font-family:var(--head); font-weight:600; font-size:14px; color:var(--ink);
  background:#fff; border:1.5px solid var(--rule); border-radius:100px; padding:8px 15px; cursor:pointer}
.copy-btn:hover{border-color:var(--teal)}
.copy-btn:focus-visible{outline:3px solid var(--teal); outline-offset:2px}
.copy-said{font-size:13.5px; color:#0B6275; font-family:var(--head); font-weight:600}

.span{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:30px}
@media (max-width:1000px){ .span{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){ .span{grid-template-columns:1fr; gap:14px} }
.span-i{background:var(--surface); border:1px solid var(--rule); border-radius:15px; padding:20px 20px 22px}
.span .span-k{font-family:var(--head); font-weight:700; font-size:11px; letter-spacing:.13em;
  text-transform:uppercase; color:#0B6275; margin:0 0 11px; padding-bottom:10px;
  border-bottom:1px solid var(--rule)}
.span-i h3{font-size:18px; margin-bottom:8px}
.span-i p{font-size:15px; line-height:1.58; color:var(--ink-2); margin:0}

.span-bar{margin-top:20px; background:var(--navy); border:1px solid var(--navy);
  border-radius:18px; padding:24px 28px; display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:10px 34px; align-items:center}
@media (max-width:820px){ .span-bar{grid-template-columns:1fr; gap:12px; padding:22px 22px 24px} }
.span-bar .span-bar-k{margin:0; font-family:var(--head); font-weight:700; font-size:21px;
  line-height:1.25; color:#fff; max-width:none}
.span-bar p{margin:0; font-size:15.5px; line-height:1.6; color:var(--on-navy); max-width:none}

.navy .span-i,.navy2 .span-i{background:rgba(255,255,255,.06); border-color:rgba(169,220,232,.22)}
.navy .span-i h3,.navy2 .span-i h3{color:#fff}
.navy .span-i p,.navy2 .span-i p{color:var(--on-navy-2)}
.navy .span .span-k,.navy2 .span .span-k{color:var(--teal-lift); border-bottom-color:rgba(169,220,232,.26)}
.navy .span-bar,.navy2 .span-bar{background:var(--teal-deep); border-color:var(--teal-deep)}
.navy .span-bar p,.navy2 .span-bar p{color:#fff}

.span.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.span.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){ .span.three{grid-template-columns:1fr} }
@media (max-width:620px){ .span.four{grid-template-columns:1fr} }

.cols:has(> :nth-child(3):last-child),
.flow:has(> :nth-child(3):last-child),
.steps:has(> :nth-child(3):last-child),
.hl-grid:has(> :nth-child(3):last-child),
.ask-grid:has(> :nth-child(3):last-child),
.buy-grid:has(> :nth-child(3):last-child),
.cols:has(> :nth-child(5):last-child),
.flow:has(> :nth-child(5):last-child),
.steps:has(> :nth-child(5):last-child),
.hl-grid:has(> :nth-child(5):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:880px){
  .cols:has(> :nth-child(3):last-child),
  .flow:has(> :nth-child(3):last-child),
  .steps:has(> :nth-child(3):last-child),
  .hl-grid:has(> :nth-child(3):last-child),
  .ask-grid:has(> :nth-child(3):last-child),
  .buy-grid:has(> :nth-child(3):last-child),
  .cols:has(> :nth-child(5):last-child),
  .flow:has(> :nth-child(5):last-child),
  .steps:has(> :nth-child(5):last-child),
  .hl-grid:has(> :nth-child(5):last-child){grid-template-columns:1fr}
}
.cols:has(> :nth-child(4):last-child),
.flow:has(> :nth-child(4):last-child),
.steps:has(> :nth-child(4):last-child),
.hl-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.ask-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1060px){
  .ask-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .cols:has(> :nth-child(4):last-child),
  .flow:has(> :nth-child(4):last-child),
  .steps:has(> :nth-child(4):last-child),
  .hl-grid:has(> :nth-child(4):last-child),
  .ask-grid:has(> :nth-child(4):last-child){grid-template-columns:1fr}
}
.carry .cr.wide{grid-column:1/-1}

.sec h2 em{font-style:normal; color:var(--teal-ink)}
.sec.navy h2 em,.sec.navy2 h2 em,.cta-band h2 em{color:var(--teal-lift)}

.frame-bar{min-width:0}
.frame-url{min-width:0; flex:0 1 auto}
@media (max-width:400px){ .frame-url{display:none} }

@media (pointer:coarse){
  .mast-nav a,.links a{min-height:44px; min-width:44px; padding-inline:6px;
    display:inline-flex; align-items:center; justify-content:center}
  .sc-tab,.pv-tab,.rp-tab,.sb-tab,.sl-tab,.eng-opt,.door-tab{min-height:44px; min-width:44px}
  .rm-step{min-height:44px; display:flex; align-items:center}
  .linkish,.copy-btn,.q summary,.mini{min-height:44px}
  .sb-check{min-height:44px}
  .door-b{min-height:44px}
  input[type="range"],
  #cmp-size,#sb-size,#m-people,#m-bids,#m-rep,#m-mat,#m-mkt{height:44px}
}

@media (pointer:coarse){
  .chip,.rm-k,.cr-tag,.rp-term-tag,.mtr-pill,.sl-k,.hires-k,.frame-url{font-size:11.5px}
  .span .span-k{font-size:11.5px}
  .ctl .lab{font-size:11.5px}
  .runline .k{font-size:11.5px}
  .ph-field .lab{font-size:11.5px}
  .hero-form .f label,.f label{font-size:11.5px}
  .rm-step b{font-size:11.5px}
  .eng-total .k{font-size:11.5px}
}

@media (max-width:620px){
  .mast{justify-content:center; text-align:center; gap:14px}
  .mast-nav{justify-content:center; gap:6px 16px}
}

.ci-mock{
  --navy:#00273F; --navy-2:#004C66; --teal:#1596B4; --teal-lift:#A9DCE8;
  --teal-ink:#0E7E97; --teal-deep:#0B6579; --line:#E3E8EE; --paper:#EFF4F8;
  --green:#1C6B45; --go-soft:#E2F0E9;
  
  --shout:#F2A93B; --shout-deep:#D98D1C; --amber:#E8A33D;
  --ink:#00273F; --ink-2:#394148; --ink-3:#647684; --rule:#E3E8EE;
  --on-navy:#DCE7EF; --on-navy-2:#B6C7D6;
  --head:"Outfit",system-ui,sans-serif; --body:"DM Sans",system-ui,sans-serif;
}
.ci-mock .stage *, .ci-mock .vck *{margin:0;padding:0;box-sizing:border-box}
.ci-mock .stage{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:22px;margin-top:28px;align-items:start}
@media(max-width:980px){.ci-mock .stage{grid-template-columns:1fr}}
.ci-mock .cp{position:relative;min-width:0}
.ci-mock .fr{background:#fff;border:1px solid var(--rule);border-radius:18px;overflow:hidden;
  box-shadow:0 22px 50px rgba(0,39,63,.16)}
.ci-mock .fr-bar{background:var(--paper);border-bottom:1px solid var(--rule);padding:10px 16px;
  display:flex;align-items:center;gap:7px}
.ci-mock .fr-bar .d{width:9px;height:9px;border-radius:50%;background:#CBD5DD;flex:none}
.ci-mock .fr-bar .u{margin-left:8px;font-size:11.5px;color:var(--ink-3);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ci-mock .fr-body{padding:20px 22px 22px}
.ci-mock .cp{--lane:188px}
.ci-mock .fr-body{padding-bottom:var(--lane)}
@media(max-width:820px){.ci-mock .cp{--lane:24px}}
.ci-mock .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.ci-mock .hd-k{font-family:var(--head);font-weight:700;font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3)}
.ci-mock .hd-t{font-family:var(--head);font-weight:800;font-size:25px;color:var(--ink);
  letter-spacing:-.02em;margin-top:3px;line-height:1.1}
.ci-mock .pill{font-family:var(--head);font-weight:700;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;border-radius:100px;padding:5px 11px;
  background:var(--paper);border:1px solid var(--rule);color:var(--ink-3)}
.ci-mock .pill.go{background:var(--go-soft);border-color:#BFDCCC;color:var(--green)}
.ci-mock .prog{height:6px;border-radius:4px;background:#E7EDF2;margin-top:14px;overflow:hidden}
.ci-mock .prog i{display:block;height:100%;width:0;border-radius:4px;background:var(--navy);transition:width .35s linear}
.ci-mock .ckl{background:#fff;border:1px solid var(--rule);border-radius:16px;padding:18px 18px 20px;
  box-shadow:0 10px 26px rgba(0,39,63,.07);position:sticky;top:20px}
@media(max-width:980px){.ci-mock .ckl{position:static}}
.ci-mock .ckl h3{font-family:var(--head);font-weight:700;font-size:11.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink-3);padding-bottom:12px;border-bottom:1px solid var(--rule)}
.ci-mock .ck{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #F1F4F7}
.ci-mock .ck:last-child{border-bottom:0;padding-bottom:0}
.ci-mock .ck .bx{width:21px;height:21px;border-radius:6px;border:2px solid var(--rule);flex:none;
  display:grid;place-items:center;font-size:12px;font-weight:800;color:transparent;
  transition:background .3s,border-color .3s,color .3s}
.ci-mock .ck .tx{font-size:14px;line-height:1.4;color:var(--ink-3);transition:color .3s}
.ci-mock .ck.doing .bx{border-color:var(--teal);background:rgba(21,150,180,.12)}
.ci-mock .ck.doing .tx{color:var(--ink);font-weight:600}
.ci-mock .ck.done .bx{border-color:var(--green);background:var(--green);color:#fff}
.ci-mock .ck.done .tx{color:var(--ink-2)}
@media(max-width:980px){.ci-mock .ckl{display:flex;flex-wrap:wrap;gap:0 18px;align-items:center}
.ci-mock .ckl h3{width:100%;padding-bottom:10px;margin-bottom:6px}
.ci-mock .ck{border-bottom:0;padding:7px 0}
.ci-mock .ck .tx{font-size:13px}}
.ci-mock .zoom{position:absolute;right:16px;bottom:-16px;max-width:min(400px,42%);z-index:5;opacity:0;
  transform:translateY(14px) scale(.9);transform-origin:bottom right}
.ci-mock .cp.go .zoom{animation:zoomin .6s cubic-bezier(.2,.9,.3,1.3) forwards}
@keyframes zoomin{to{opacity:1;transform:none}}
.ci-mock .zoom-in{max-width:100%;background:#fff;border:2px solid var(--shout);border-radius:15px;padding:13px 15px;
  box-shadow:0 24px 50px rgba(0,39,63,.30)}
.ci-mock .zoom-k{font-family:var(--head);font-weight:800;font-size:10px;letter-spacing:.15em;
  text-transform:uppercase;color:#5C3800;margin-bottom:8px}
@media(max-width:820px){.ci-mock .zoom{position:static;opacity:1;transform:none;animation:none!important;margin-top:14px;
    max-width:100%;right:auto;bottom:auto}
.ci-mock .zoom-in{box-shadow:0 12px 28px rgba(0,39,63,.14)}}
.ci-mock .land{opacity:0;transform:translateY(9px)}
.ci-mock .cp.go .land{animation:land .42s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes land{to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.ci-mock .land{opacity:1!important;transform:none!important;animation:none!important}
.ci-mock .zoom{opacity:1!important;transform:none!important;animation:none!important}
.ci-mock .prog i{transition:none!important}
.ci-mock .ck .bx, .ci-mock .ck .tx{transition:none!important}}
.ci-mock .phone{width:280px;margin:0 auto;border-radius:34px;background:var(--ink);padding:11px 9px 14px;
  box-shadow:0 26px 54px rgba(0,39,63,.32)}
.ci-mock .phone::before{content:"";display:block;width:52px;height:4px;border-radius:3px;
  background:rgba(255,255,255,.34);margin:0 auto 9px}
.ci-mock .phone-in{background:#fff;border-radius:25px;overflow:hidden;min-height:264px}
.ci-mock .phone-bar{background:var(--paper);padding:9px 14px;display:flex;justify-content:space-between;
  align-items:center;font-size:11.5px;color:var(--ink-3)}
.ci-mock .phone-body{padding:15px 16px 18px}
.ci-mock .two-up{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
@media(max-width:760px){.ci-mock .two-up{grid-template-columns:1fr}
.ci-mock .phone{margin:0}}
.ci-mock .ans{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #F1F4F7;font-size:13.5px}
.ci-mock .ans b{font-family:var(--head);font-weight:700;color:var(--ink);text-align:right}
.ci-mock .clock{display:flex;align-items:baseline;gap:8px;margin-top:4px}
.ci-mock .clock b{font-family:var(--head);font-weight:800;font-size:31px;color:var(--ink);letter-spacing:-.03em}
.ci-mock .clock span{font-size:12.5px;color:var(--ink-3)}
.ci-mock .sent{margin-top:13px;border-radius:12px;padding:12px 15px;background:var(--go-soft);
  border:1px solid #BFDCCC;color:var(--green);font-weight:600;font-size:13.5px;
  display:flex;align-items:center;gap:9px}
.ci-mock .sent .tick{width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;flex:none;
  display:grid;place-items:center;font-size:11px;font-weight:800}
.ci-mock .stormbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:16px}
.ci-mock .sb-k{background:var(--paper);border:1px solid var(--rule);border-radius:11px;padding:11px 13px}
.ci-mock .sb-k span{display:block;font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--ink-3)}
.ci-mock .sb-k b{display:block;font-family:var(--head);font-weight:800;font-size:19px;color:var(--ink);margin-top:4px}
.ci-mock .hrow{display:grid;grid-template-columns:64px minmax(0,1fr) 96px 78px;gap:12px;align-items:center;
  padding:11px 0;border-bottom:1px solid #F1F4F7}
.ci-mock .hrow .sw{width:64px;height:48px;border-radius:5px;overflow:hidden;background:#5A5C50}
.ci-mock .hrow .sw svg, .ci-mock .hrow .sw img{width:100%;height:100%;object-fit:cover;display:block}
.ci-mock .hrow .ad b{display:block;font-family:var(--head);font-weight:700;font-size:14.5px;color:var(--ink)}
.ci-mock .hrow .ad span{display:block;font-size:12px;color:var(--ink-3);margin-top:1px}
.ci-mock .hrow .dt{text-align:right;font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.ci-mock .hrow .ex{text-align:right}
.ci-mock .hrow .ex b{font-family:var(--head);font-weight:800;font-size:16px;color:var(--ink)}
.ci-mock .hrow .ex span{display:block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
@media(max-width:620px){.ci-mock .hrow{grid-template-columns:56px minmax(0,1fr) auto;gap:4px 10px}
.ci-mock .hrow .sw{grid-row:1/3;width:56px;height:42px}
.ci-mock .hrow .ad{grid-column:2/-1}
.ci-mock .hrow .dt{grid-column:2;text-align:left}
.ci-mock .hrow .ex{grid-column:3}}
.ci-mock .cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
@media(max-width:620px){.ci-mock .cmp{grid-template-columns:1fr}}
.ci-mock .cmp-c{border:1.5px solid var(--rule);border-radius:13px;padding:14px 15px 16px;background:#fff}
.ci-mock .cmp-c.keep{border-color:var(--green);background:var(--go-soft)}
.ci-mock .cmp-c span{display:block;font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--ink-3)}
.ci-mock .cmp-c b{display:block;font-family:var(--head);font-weight:800;font-size:25px;color:var(--ink);
  letter-spacing:-.02em;margin-top:6px}
.ci-mock .cmp-c.keep span{color:var(--green)}
.ci-mock .cmp-c.keep b{color:var(--green)}
.ci-mock .cmp-c em{display:block;font-style:normal;margin-top:4px;font-size:12.5px;color:var(--ink-3)}
.ci-mock .score{display:flex;align-items:center;gap:14px;margin-top:16px}
.ci-mock .score .dot{width:52px;height:52px;border-radius:50%;background:var(--amber);color:var(--navy);flex:none;
  display:grid;place-items:center;font-family:var(--head);font-weight:800;font-size:22px}
.ci-mock .score .t b{display:block;font-family:var(--head);font-weight:800;font-size:17px;color:var(--ink)}
.ci-mock .score .t span{display:block;font-size:13px;color:var(--ink-3);margin-top:2px}
.ci-mock .flags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.ci-mock .flags span{font-family:var(--head);font-weight:600;font-size:11.5px;background:var(--paper);
  border:1px solid var(--rule);border-radius:100px;padding:4px 10px;color:var(--ink-3)}
.ci-mock .flags span b{color:var(--ink);font-weight:700}
.ci-mock .pf{display:grid;grid-template-columns:minmax(0,1fr) 84px 92px 72px;gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid #F1F4F7;font-size:14px}
.ci-mock .pf b{font-family:var(--head);font-weight:700;color:var(--ink)}
.ci-mock .pf .n{text-align:right;font-family:var(--head);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.ci-mock .pf .g{text-align:right;color:var(--ink-3);font-variant-numeric:tabular-nums}
.ci-mock .pf-h{display:grid;grid-template-columns:minmax(0,1fr) 84px 92px 72px;gap:12px;margin-top:16px;
  font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-3);padding-bottom:8px;border-bottom:1px solid var(--rule)}
.ci-mock .pf-h span:not(:first-child){text-align:right}
.ci-mock .bar{display:block;height:6px;border-radius:3px;background:#E7EDF2;overflow:hidden;margin-top:5px;max-width:230px}
.ci-mock .bar i{display:block;height:100%;width:0;border-radius:3px;background:var(--amber);
  transition:width .7s cubic-bezier(.2,.8,.3,1)}
.ci-mock .rollup{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.ci-mock .ru{background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:12px 14px}
.ci-mock .ru span{display:block;font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--ink-3)}
.ci-mock .ru b{display:block;font-family:var(--head);font-weight:800;font-size:21px;color:var(--ink);margin-top:4px}
@media(max-width:620px){.ci-mock .pf, .ci-mock .pf-h{grid-template-columns:minmax(0,1fr) 72px 64px}
.ci-mock .pf .g:last-child, .ci-mock .pf-h span:last-child{display:none}}
.ci-mock .hrow-h{display:grid;grid-template-columns:64px minmax(0,1fr) 96px 78px;gap:12px;margin-top:18px;
  font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-3);padding-bottom:8px;border-bottom:1px solid var(--rule)}
.ci-mock .hrow-h span:nth-child(3), .ci-mock .hrow-h span:nth-child(4){text-align:right}
@media(max-width:620px){.ci-mock .hrow-h{display:none}}
@media (pointer:coarse){.ci-mock .hrow-h{font-size:11.5px}}
.ci-mock .phone{width:min(280px,100%)}
@media (pointer:coarse){.ci-mock .sb-k span, .ci-mock .cmp-c span, .ci-mock .ru span, .ci-mock .pf-h, .ci-mock .hrow .ex span, .ci-mock .hrow-h, .ci-mock .ans, .ci-mock .phone-bar{font-size:11.5px}
.ci-mock .sent .tick, .ci-mock .zgate .tick{font-size:12px}
.ci-mock .hrow .ad span, .ci-mock .hrow .dt{font-size:12.5px}}
.ci-mock .imgcred{margin-top:10px;font-size:11.5px;color:var(--ink-3);opacity:.9}
.ci-mock .row .sw img, .ci-mock .hrow .sw img, .ci-mock .zrow .zsw img{width:100%;height:100%;object-fit:cover;display:block}
.ci-mock .tapnote{margin-top:14px;font-size:13.5px;color:var(--ink-3)}
.ci-mock .sum{margin-top:12px}
.ci-mock .sr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:baseline;
  padding:9px 0;border-bottom:1px solid #F1F4F7;font-size:14px}
.ci-mock .sr .lbl b{display:block;font-family:var(--head);font-weight:600;color:var(--ink-2)}
.ci-mock .sr .lbl span{display:block;font-size:12px;color:var(--ink-3);margin-top:1px}
.ci-mock .sr .val{font-family:var(--head);font-weight:700;color:var(--ink);white-space:nowrap;
  display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}
.ci-mock .sr.edit .val{border-bottom:1.5px dashed var(--teal);padding-bottom:2px;cursor:text}
.ci-mock .sr.edit .val .pen{width:13px;height:13px;flex:none;opacity:.85}
.ci-mock .sr.sub{background:var(--paper);border-bottom:0;padding:9px 12px;margin:4px -12px;border-radius:8px}
.ci-mock .sr.sub .lbl b{font-family:var(--head);font-weight:800;color:var(--ink)}
.ci-mock .sr.sub .val{font-weight:800}
.ci-mock .sr.tot{border-top:2px solid var(--ink);border-bottom:0;padding-top:12px;margin-top:6px}
.ci-mock .sr.tot .lbl b{font-family:var(--head);font-weight:800;font-size:16px}
.ci-mock .sr.tot .val{font-family:var(--head);font-weight:800;font-size:26px;letter-spacing:-.02em}
.ci-mock .stats{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.ci-mock .st{background:var(--go-soft);border:1px solid #BFDCCC;border-radius:11px;padding:11px 13px}
.ci-mock .st span{display:block;font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--green)}
.ci-mock .st b{display:block;font-family:var(--head);font-weight:800;font-size:20px;color:var(--green);margin-top:3px}
.ci-mock .esign{margin-top:14px;border:1px solid var(--rule);border-radius:13px;padding:15px 17px;
  display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}
.ci-mock .esign .nm{font-family:var(--head);font-weight:600;font-size:25px;color:var(--ink);font-style:italic;
  border-bottom:1.5px solid var(--rule);padding:0 18px 4px;line-height:1.1;margin-top:6px;display:inline-block}
.ci-mock .esign .who{font-size:12.5px;color:var(--ink-3);line-height:1.5;margin-top:8px}
.ci-mock .esign .es-r{text-align:right}
.ci-mock .zsig{width:290px;max-width:100%}
.ci-mock .zsig .nm{display:inline-block;font-family:var(--head);font-weight:600;font-size:21px;
  color:var(--ink);font-style:italic;border-bottom:1.5px solid var(--rule);
  padding:0 8px 4px;margin-bottom:11px;white-space:nowrap}
.ci-mock .zsig b{display:block;font-family:var(--head);font-weight:800;font-size:14.5px;color:var(--ink);line-height:1.25}
.ci-mock .zsig span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.ci-mock .ready{margin-top:14px;background:var(--go-soft);border:1px solid #BFDCCC;border-radius:11px;
  padding:12px 15px;font-size:13.5px;color:#14472E}
.ci-mock .ready b{font-family:var(--head);font-weight:700;color:var(--green)}
.ci-mock .acts{margin-top:16px;display:flex;gap:9px;flex-wrap:wrap}
.ci-mock .act{font-family:var(--head);font-weight:700;font-size:12.5px;border-radius:9px;padding:10px 14px;
  border:1.5px solid var(--rule);color:var(--ink);background:#fff;white-space:nowrap}
.ci-mock .act.go{background:var(--green);border-color:var(--green);color:#fff}
.ci-mock .act.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.ci-mock .sendbox{margin-top:14px;background:var(--paper);border:1px solid var(--rule);border-radius:13px;
  padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.ci-mock .sendbox .k{font-family:var(--head);font-weight:700;font-size:11px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--ink-3)}
.ci-mock .sendbox .cap{font-size:13px;color:var(--ink-3);margin-top:4px;max-width:44ch;line-height:1.5}
.ci-mock .sendto{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ci-mock .sel{font-family:var(--head);font-weight:600;font-size:13px;background:#fff;border:1.5px solid var(--rule);
  border-radius:9px;padding:9px 30px 9px 13px;color:var(--ink);position:relative}
.ci-mock .sel::after{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-right:2px solid var(--ink-3);
  border-bottom:2px solid var(--ink-3);transform:translateY(-70%) rotate(45deg)}
.ci-mock .row .sw img, .ci-mock .hrow .sw img, .ci-mock .aer img{opacity:0;transform:scale(1.07)}
.ci-mock .cp.go .row .sw img, .ci-mock .cp.go .hrow .sw img, .ci-mock .cp.go .aer img{animation:imgin .55s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes imgin{to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.ci-mock .row .sw img, .ci-mock .hrow .sw img, .ci-mock .aer img{opacity:1!important;transform:none!important;animation:none!important}}
@media (pointer:coarse){.ci-mock .sr .lbl span, .ci-mock .sendbox .cap, .ci-mock .esign .who, .ci-mock .zsig span{font-size:12.5px}
.ci-mock .st span, .ci-mock .sendbox .k{font-size:11.5px}}
.ci-mock .zpdf{display:flex;align-items:center;gap:13px;width:300px;max-width:100%}
.ci-mock .pages{display:flex;gap:3px;flex:none}
.ci-mock .pages i{width:15px;height:20px;border-radius:2px;background:#fff;border:1px solid var(--rule);
  box-shadow:0 1px 2px rgba(0,39,63,.10)}
.ci-mock .pages i::before{content:"";display:block;margin:4px 3px 0;height:1px;background:var(--rule);
  box-shadow:0 3px 0 var(--rule),0 6px 0 var(--rule),0 9px 0 var(--rule)}
.ci-mock .zpdf b{display:block;font-family:var(--head);font-weight:800;font-size:14.5px;color:var(--ink);line-height:1.25}
.ci-mock .zpdf span.lab{font-size:12.5px;color:var(--ink-3)}
.ci-mock .zpdf .lab b{margin-bottom:2px}
@media (pointer:coarse){.ci-mock .zpdf span.lab{font-size:12.5px}}
.ci-mock .row .n i, .ci-mock .pf .n i{font-style:normal;font-weight:600;font-size:11.5px;color:var(--ink-3);margin-left:1px}
.ci-mock .hrow .ex span{display:block;font-size:11.5px;letter-spacing:0;text-transform:none;color:var(--ink-3);margin-top:1px}
.ci-mock .ghosts{height:0;overflow:visible;position:relative;z-index:0;margin-top:6px}
.ci-mock .gh{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #F4F7F9;
  opacity:0;pointer-events:none}
.ci-mock .cp.go .gh{animation:ghin .5s ease forwards;animation-delay:calc(1.1s + var(--gd))}
@keyframes ghin{to{opacity:var(--ci-gop)}}
.ci-mock .ghosts .gh:nth-child(n+4){--ci-gop:.28}
.ci-mock .gh span{height:9px;border-radius:5px;background:linear-gradient(90deg,#E7EDF2,#F1F5F8);flex:none}
.ci-mock .gh span:nth-child(1){height:28px;border-radius:5px}
.ci-mock .gh span:nth-child(2){flex:1 1 auto}
.ci-mock .gh span:nth-child(3), .ci-mock .gh span:nth-child(4){margin-left:auto}
.ci-mock .ghosts .gh:last-child{border-bottom:0}
@media (prefers-reduced-motion: reduce){.ci-mock .gh{opacity:var(--ci-gop)!important;animation:none!important}}
.ci-mock .benefit{position:absolute;left:20px;bottom:24px;width:min(392px,48%);z-index:4;
  background:var(--navy);color:#fff;border-radius:16px;padding:15px 19px 17px;
  opacity:0;transform:translateY(14px);pointer-events:none;
  box-shadow:0 20px 42px rgba(0,39,63,.30)}
.ci-mock .benefit i{display:block;font-style:normal;font-family:var(--head);font-weight:800;font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--teal-lift);margin-bottom:6px}
.ci-mock .benefit b{display:block;font-family:var(--head);font-weight:500;font-size:19.5px;line-height:1.3;
  letter-spacing:-.005em;color:#EAF2F7}
.ci-mock .cp.go .benefit{animation:benin .55s cubic-bezier(.2,.9,.3,1.2) forwards;animation-delay:1.7s}
@keyframes benin{to{opacity:1;transform:none}}
@media(max-width:820px){.ci-mock .benefit{position:static;width:auto;margin-top:12px;opacity:1;transform:none;animation:none!important;
    box-shadow:0 12px 26px rgba(0,39,63,.18)}
.ci-mock .cp.go .benefit{animation:none}}
@media (prefers-reduced-motion: reduce){.ci-mock .benefit{opacity:1!important;transform:none!important;animation:none!important}}
@media (pointer:coarse){.ci-mock .benefit i{font-size:11.5px}}
.ci-mock .zparts{width:290px;max-width:100%}
.ci-mock .pn{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:5px 0;border-bottom:1px solid #F1F4F7}
.ci-mock .pn span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--ink-2);
  letter-spacing:-.01em}
.ci-mock .pn b{font-family:var(--head);font-weight:800;font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.ci-mock .zparts p{margin-top:10px;font-size:12.5px;color:var(--ink-3);line-height:1.45}
.ci-mock .zparts p b{display:block;font-family:var(--head);font-weight:800;font-size:14.5px;color:var(--ink);
  line-height:1.25;margin-bottom:2px}
.ci-mock .ci-run{font-family:var(--head);font-weight:700;font-size:12px;border-radius:100px;
  padding:9px 15px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);
  cursor:pointer;min-height:44px;white-space:nowrap}
.ci-mock .mock-fine{margin-top:16px;font-size:13px;line-height:1.6;color:var(--ink-3);max-width:74ch}
.ci-mock .mock-fine b{color:var(--ink)}
.ci-mock .rows{display:flex;flex-direction:column}
.ci-mock .row{display:grid;grid-template-columns:64px minmax(0,1fr) 92px 62px;gap:12px;align-items:center;
  padding:11px 0;border-bottom:1px solid #F1F4F7}
.ci-mock .row .sw{width:64px;height:48px;border-radius:5px;overflow:hidden;flex:none;background:#5A5C50}
.ci-mock .row .sw svg{width:100%;height:100%;display:block}
.ci-mock .row .ad{min-width:0}
.ci-mock .row .ad b{display:block;font-family:var(--head);font-weight:700;font-size:14.5px;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-mock .row .ad span{display:block;font-size:12px;color:var(--ink-3);margin-top:1px}
.ci-mock .row .sf{text-align:right;font-size:13px;color:var(--ink-3)}
.ci-mock .row .need{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.ci-mock .row .track{width:0;height:5px;border-radius:3px;background:#E7EDF2;overflow:hidden;transition:width .4s ease}
.ci-mock .row .track i{display:block;height:100%;width:0;border-radius:3px;background:var(--amber);
  transition:width .6s cubic-bezier(.2,.8,.3,1)}
.ci-mock .row .n{font-family:var(--head);font-weight:800;font-size:16px;color:var(--ink);min-width:24px;text-align:right}
.ci-mock .chips{grid-column:2/-1;display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.ci-mock .chips span{font-family:var(--head);font-weight:600;font-size:10px;letter-spacing:.06em;
  text-transform:uppercase;background:var(--paper);border:1px solid var(--rule);border-radius:100px;
  padding:3px 8px;color:var(--ink-3);opacity:0;transform:translateY(3px)}
.ci-mock .cp.go .chips span{animation:land .34s ease forwards}
.ci-mock .meta{margin-top:11px;display:flex;gap:20px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-3)}
.ci-mock .meta b{font-family:var(--head);font-weight:800;font-size:17px;color:var(--ink)}
.ci-mock .cols.cols.cols{margin-top:18px;display:grid;grid-template-columns:64px minmax(0,1fr) 92px 62px;gap:12px;
  font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-3);padding-bottom:8px;border-bottom:1px solid var(--rule)}
.ci-mock .cols.cols.cols span:nth-child(3), .ci-mock .cols.cols.cols span:nth-child(4){text-align:right}
.ci-mock .zrow{display:flex;align-items:center;gap:14px}
.ci-mock .zrow .zsw{width:86px;height:65px;border-radius:7px;overflow:hidden;flex:none}
.ci-mock .zrow .zsw svg{width:100%;height:100%;display:block}
.ci-mock .zscore{display:flex;align-items:baseline;gap:7px}
.ci-mock .zscore b{font-family:var(--head);font-weight:800;font-size:34px;color:var(--ink);letter-spacing:-.03em}
.ci-mock .zscore span{font-size:12px;color:var(--ink-3)}
.ci-mock .zchips{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px;max-width:190px}
.ci-mock .zchips span{font-family:var(--head);font-weight:600;font-size:9.5px;letter-spacing:.06em;
  text-transform:uppercase;background:var(--paper);border:1px solid var(--rule);border-radius:100px;
  padding:3px 7px;color:var(--ink-3)}
.ci-mock .doc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:22px;
  margin-top:18px;align-items:start}
@media(max-width:700px){.ci-mock .doc{grid-template-columns:1fr}}
.ci-mock .aer{border-radius:12px;overflow:hidden;position:relative;aspect-ratio:4/3;background:#5A5C50}
.ci-mock .aer img{width:100%;height:100%;object-fit:contain;display:block}
.ci-mock .aer svg{width:100%;height:100%;display:block}
.ci-mock .msr .m{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:9px 0;border-bottom:1px solid #F1F4F7;font-size:14px}
.ci-mock .msr .m b{font-family:var(--head);font-weight:800;font-size:17px;color:var(--ink)}
.ci-mock .tiers{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:600px){.ci-mock .tiers{grid-template-columns:1fr}}
.ci-mock .tier{border:1.5px solid var(--rule);border-radius:13px;padding:14px 15px 16px;background:#fff}
.ci-mock .tier.on{border-color:var(--teal);background:rgba(21,150,180,.06)}
.ci-mock .tier .k{font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3)}
.ci-mock .tier .v{display:block;font-family:var(--head);font-weight:800;font-size:25px;color:var(--ink);
  letter-spacing:-.02em;margin-top:6px}
.ci-mock .tier .r{display:block;margin-top:4px;font-size:12.5px;color:var(--ink-3)}
.ci-mock .brand{margin-top:18px;border:1.5px solid var(--rule);border-radius:12px;padding:14px 17px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  transition:border-color .4s,background .4s}
.ci-mock .brand.on{border-color:var(--teal);background:rgba(21,150,180,.05)}
.ci-mock .brand .cap{font-size:13px;color:var(--ink-3)}
.ci-mock .inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
@media(max-width:640px){.ci-mock .inputs{grid-template-columns:1fr}}
.ci-mock .inp{background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:10px 12px}
.ci-mock .inp span{display:block;font-family:var(--head);font-weight:700;font-size:10px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--ink-3)}
.ci-mock .inp b{display:block;font-family:var(--head);font-weight:700;font-size:15px;color:var(--ink);margin-top:3px}
.ci-mock .ln{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #F1F4F7;font-size:14px}
.ci-mock .ln b{font-family:var(--head);font-weight:700;color:var(--ink)}
.ci-mock .run{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding-top:13px;border-top:2px solid var(--ink)}
.ci-mock .run span{font-family:var(--head);font-weight:700;font-size:11.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3)}
.ci-mock .run b{font-family:var(--head);font-weight:800;font-size:34px;color:var(--ink);letter-spacing:-.03em}
.ci-mock .gate{margin-top:14px;border-radius:12px;padding:13px 16px;display:flex;align-items:center;gap:11px;
  background:var(--paper);border:1px solid var(--rule);font-size:13.5px;color:var(--ink-3);
  transition:background .4s,border-color .4s,color .4s}
.ci-mock .gate.ok{background:var(--go-soft);border-color:#BFDCCC;color:var(--green);font-weight:600}
.ci-mock .gate .tick{width:19px;height:19px;border-radius:50%;border:2px solid currentColor;flex:none;
  display:grid;place-items:center;font-size:11px;font-weight:800}
.ci-mock .sigbox{margin-top:14px;border:1px solid var(--rule);border-radius:12px;padding:15px 17px;
  display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.ci-mock .sigbox .nm{font-family:var(--head);font-weight:600;font-size:26px;color:var(--ink);
  border-bottom:1.5px solid var(--rule);padding:0 20px 4px;line-height:1.1;font-style:italic}
.ci-mock .sigbox .who{font-size:12.5px;color:var(--ink-3);line-height:1.5;margin-top:8px}
.ci-mock .zgate{display:flex;align-items:center;gap:11px}
.ci-mock .zgate .tick{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;flex:none;
  display:grid;place-items:center;font-size:16px;font-weight:800}
.ci-mock .zgate b{font-family:var(--head);font-weight:800;font-size:17px;color:var(--ink);line-height:1.2}
.ci-mock .zgate span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px;font-weight:400}
.ci-mock .mt{display:grid;grid-template-columns:minmax(0,1fr) 92px 96px;gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid #F1F4F7;font-size:14px}
.ci-mock .mt .q{text-align:right;font-family:var(--head);font-weight:800;color:var(--ink)}
.ci-mock .mt .s{text-align:right;font-size:12.5px;color:var(--ink-3)}
.ci-mock .mt-h{display:grid;grid-template-columns:minmax(0,1fr) 92px 96px;gap:12px;
  font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-3);padding-bottom:8px;border-bottom:1px solid var(--rule);margin-top:16px}
.ci-mock .mt-h span:nth-child(2), .ci-mock .mt-h span:nth-child(3){text-align:right}
.ci-mock .dest{margin-top:16px;background:var(--paper);border:1px solid var(--rule);border-radius:13px;
  padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.ci-mock .dest .k{font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3)}
.ci-mock .dest .v{font-family:var(--head);font-weight:700;font-size:16px;color:var(--ink);margin-top:3px}
.ci-mock .human{margin-top:14px;background:var(--navy);border-radius:13px;padding:15px 18px}
.ci-mock .human b{display:block;font-family:var(--head);font-weight:700;font-size:16px;color:#fff}
.ci-mock .human span{display:block;margin-top:5px;font-size:13.5px;line-height:1.5;color:var(--on-navy)}
.ci-mock .zqty{display:flex;align-items:center;gap:12px}
.ci-mock .zqty .box{border:2px solid var(--teal);border-radius:9px;padding:7px 14px;background:rgba(21,150,180,.07);
  font-family:var(--head);font-weight:800;font-size:22px;color:var(--ink)}
.ci-mock .zqty .lab{font-size:12.5px;color:var(--ink-3);line-height:1.4}
.ci-mock .zqty .lab b{display:block;font-family:var(--head);font-weight:700;font-size:14px;color:var(--ink)}
@media (max-width:620px){.ci-mock .row{grid-template-columns:56px minmax(0,1fr) auto;gap:4px 10px}
.ci-mock .row .sw{grid-row:1/3;width:56px;height:42px}
.ci-mock .row .ad{grid-column:2/-1}
.ci-mock .row .ad b{white-space:normal;overflow:visible;text-overflow:clip}
.ci-mock .row .sf{grid-column:2;text-align:left}
.ci-mock .row .need{grid-column:3;justify-content:flex-end}
.ci-mock .chips{grid-column:2/-1}
.ci-mock .cols.cols.cols{display:none}}
@media (pointer:coarse){.ci-mock .hd-k, .ci-mock .cols.cols.cols, .ci-mock .mt-h, .ci-mock .tier .k, .ci-mock .dest .k, .ci-mock .run span, .ci-mock .pill{font-size:11.5px}
.ci-mock .inp span, .ci-mock .chips span, .ci-mock .zchips span, .ci-mock .zoom-k, .ci-mock .shout i{font-size:11.5px}
.ci-mock .gate .tick{font-size:12px}
.ci-mock .row .ad span, .ci-mock .row .sf, .ci-mock .mt .s, .ci-mock .tier .r, .ci-mock .zscore span, .ci-mock .zqty .lab{font-size:12.5px}}
.ci-mock .zmark{display:flex;align-items:center;gap:12px}
.ci-mock .zcap{margin-top:8px;font-size:12.5px;line-height:1.45;color:var(--ink-3);max-width:210px}
.ci-mock .sigmark{display:block;width:150px;max-width:100%;height:auto;color:var(--ink);opacity:.85}
.ci-mock .stage{display:block}
.ci-mock .ckl-sect{padding:46px 0}
.ci-mock .vck{display:grid;grid-template-columns:minmax(0,320px) minmax(0,660px);gap:56px;align-items:start;
  justify-content:start}
@media(max-width:860px){.ci-mock .vck{grid-template-columns:1fr;gap:22px}}
.ci-mock .vck-head{position:sticky;top:26px}
@media(max-width:860px){.ci-mock .vck-head{position:static}}
.ci-mock .vck-head h2{margin-top:7px}
.ci-mock .vck-list{list-style:none;counter-reset:vn;margin:0;padding:0}
.ci-mock .vk{counter-increment:vn;display:grid;grid-template-columns:30px minmax(0,1fr);gap:15px;
  align-items:start;padding:15px 0;border-bottom:1px solid var(--rule)}
.ci-mock .vk:last-child{border-bottom:0}
.ci-mock .vbx{width:30px;height:30px;border-radius:9px;border:2px solid var(--rule);
  display:grid;place-items:center;font-size:15px;font-weight:800;color:transparent;
  background:#fff;transition:background .32s,border-color .32s,color .32s,transform .32s}
.ci-mock .vk.doing .vbx{border-color:var(--teal);background:rgba(21,150,180,.12);transform:scale(1.06)}
.ci-mock .vk.done .vbx{border-color:var(--green);background:var(--green);color:#fff}
.ci-mock .vtx b{display:block;font-family:var(--head);font-weight:700;font-size:17px;color:var(--ink-3);
  line-height:1.3;transition:color .32s}
.ci-mock .vtx span{display:block;margin-top:3px;font-size:14.5px;line-height:1.5;color:var(--ink-3);
  opacity:.75;transition:opacity .32s}
.ci-mock .vk.doing .vtx b{color:var(--ink)}
.ci-mock .vk.done .vtx b{color:var(--ink)}
.ci-mock .vk.done .vtx span{opacity:1}
.ci-mock .vck-list{position:relative}
.ci-mock .vck-list::before{content:"";position:absolute;left:14px;top:22px;bottom:22px;width:2px;
  background:var(--rule);border-radius:2px}
.ci-mock .vk{position:relative}
.ci-mock .vbx{position:relative;z-index:1}
@media (prefers-reduced-motion: reduce){.ci-mock .vk .vbx{transition:none}
.ci-mock .vk{opacity:1}}
@media (pointer:coarse){.ci-mock .vtx span{font-size:14.5px}}
.ci-mock.navy2 .vck-head h2, .ci-mock.navy .vck-head h2, .ci-mock.dark .vck-head h2{color:#fff}
.ci-mock.navy2 .vtx b, .ci-mock.navy .vtx b, .ci-mock.dark .vtx b{color:rgba(234,242,247,.62)}
.ci-mock.navy2 .vk.doing .vtx b, .ci-mock.navy .vk.doing .vtx b, .ci-mock.dark .vk.doing .vtx b, .ci-mock.navy2 .vk.done .vtx b, .ci-mock.navy .vk.done .vtx b, .ci-mock.dark .vk.done .vtx b{color:#fff}
.ci-mock.navy2 .vtx span, .ci-mock.navy .vtx span, .ci-mock.dark .vtx span{color:var(--on-navy-2)}
.ci-mock.navy2 .vk, .ci-mock.navy .vk, .ci-mock.dark .vk{border-bottom-color:rgba(169,220,232,.22)}
.ci-mock.navy2 .vck-list::before, .ci-mock.navy .vck-list::before, .ci-mock.dark .vck-list::before{background:rgba(169,220,232,.22)}
.ci-mock.navy2 .vbx, .ci-mock.navy .vbx, .ci-mock.dark .vbx{background:transparent;
  border-color:rgba(169,220,232,.34)}
.ci-mock.navy2 .vk.doing .vbx, .ci-mock.navy .vk.doing .vbx, .ci-mock.dark .vk.doing .vbx{
  border-color:var(--teal-lift); background:rgba(169,220,232,.16)}
.ci-mock.navy2 .vk.done .vbx, .ci-mock.navy .vk.done .vbx, .ci-mock.dark .vk.done .vbx{
  border-color:var(--green); background:var(--green); color:#fff}
.ci-mock .vck-row{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  align-items:start;margin-top:26px}
.ci-mock .vck-row:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.ci-mock .vck-row, .ci-mock .vck-row:has(> :nth-child(4):last-child){grid-template-columns:1fr}}
.ci-mock .vck-card{background:#fff;border:1px solid var(--rule);border-radius:16px;
  padding:18px 20px 14px;box-shadow:0 10px 24px rgba(0,39,63,.05)}
.ci-mock .vck-card .vck-k{font-family:var(--head);font-weight:800;font-size:11px;letter-spacing:.13em;
  text-transform:uppercase;color:#0B6579;margin-bottom:4px}
@media (pointer:coarse){.ci-mock .vck-card .vck-k{font-size:11.5px}}
.ci-mock .vck-card .vck-t{font-family:var(--head);font-weight:700;font-size:16.5px;color:var(--ink);
  line-height:1.25;margin-bottom:6px}
.ci-mock .vck-card .vk{grid-template-columns:22px minmax(0,1fr);gap:11px;padding:11px 0}
.ci-mock .vck-card .vbx{width:22px;height:22px;border-radius:7px;font-size:12px;border-width:2px}
.ci-mock .vck-card .vtx b{font-size:14px;line-height:1.25}
.ci-mock .vck-card .vtx span{font-size:12.5px;line-height:1.45;margin-top:2px}
.ci-mock .vck-card .vck-list::before{left:10px;top:18px;bottom:18px}
.ci-mock.navy2 .vck-card, .ci-mock.navy .vck-card, .ci-mock.dark .vck-card{
  background:rgba(255,255,255,.06);border-color:rgba(169,220,232,.22);box-shadow:none}
.ci-mock.navy2 .vck-card .vck-k, .ci-mock.navy .vck-card .vck-k, .ci-mock.dark .vck-card .vck-k{color:var(--teal-lift)}
.ci-mock.navy2 .vck-card .vck-t, .ci-mock.navy .vck-card .vck-t, .ci-mock.dark .vck-card .vck-t{color:#fff}

.mast-toggle{display:none; background:none; border:0; padding:12px; margin:-12px;
  cursor:pointer; color:var(--on-navy); border-radius:8px; line-height:0;
  min-width:46px; min-height:46px}
.mast-toggle:focus-visible{outline:3px solid var(--teal-lift); outline-offset:2px}
.mast-bars{display:block; width:26px}
.mast-bars i{display:block; height:2.5px; border-radius:2px; background:currentColor;
  transition:transform .22s ease, opacity .18s ease}
.mast-bars i + i{margin-top:6px}
.nav-open .mast-bars i:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
.nav-open .mast-bars i:nth-child(2){opacity:0}
.nav-open .mast-bars i:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}

@media (max-width:900px){
  .mast{justify-content:space-between; text-align:left; flex-wrap:nowrap; gap:12px;
    position:relative; z-index:30}
  .mast-toggle{display:block}
  .mast-nav{
    position:absolute; top:100%; z-index:20;
    left:calc(50% - 50vw); right:calc(50% - 50vw);
    display:grid; grid-template-rows:0fr; grid-template-columns:minmax(0,1fr);
    gap:0; justify-content:stretch; justify-items:stretch; text-align:left;
    background:var(--navy-2); border-top:1px solid rgba(169,220,232,.18);
    box-shadow:0 18px 40px rgba(0,20,33,.4);
    transition:grid-template-rows .26s ease, visibility .26s;
    visibility:hidden; overflow:hidden;
  }
  .nav-open .mast-nav{grid-template-rows:1fr; visibility:visible}
  .mast-nav > *{grid-column:1}
  .mast-nav a{
    display:block; padding:15px max(24px, calc(50vw - 550px + 24px));
    font-size:16px; border-bottom:0; text-align:left;
    border-top:1px solid rgba(169,220,232,.12); min-height:0;
  }
  .mast-nav a:first-of-type{border-top:0}
  .mast-nav a[aria-current="page"]{background:rgba(169,220,232,.10)}
  .mast-nav .nav-cta{margin:14px max(24px, calc(50vw - 550px + 24px)) 20px;
    text-align:center; padding:13px 16px}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
  .mast-nav{transition:none}
}

.hero.video-off .hero-video{display:none}
.hero.video-off::before{background-image:var(--hero-photo)}

.ci-mock .row .sw, .ci-mock .hrow .sw{align-self:start}