/* AI Advantage V5 by Ohio Computer Academy */
:root{
  --blue:#1F5C8F; --blue-dk:#164669; --blue-soft:#EAF2F9;
  --orange:#C25711; --orange-btn:#B24F0E; --orange-dk:#8A3D0A; --orange-soft:#FCF1E9;
  --green:#1E6B3E; --green-soft:#E6F3EB;
  --ink:#15212B; --slate:#3C4A56; --muted:#5E6B77;
  --line:#D6DEE6; --line-soft:#E8EDF2; --mist:#F4F7FA; --paper:#fff;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px;
  --wrap:1160px; --r:14px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font-family:'Poppins','Segoe UI',system-ui,sans-serif;font-size:16px;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--blue);text-underline-offset:3px}
a:hover{color:var(--blue-dk)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
h1,h2,h3,p,ul,ol,dl,dd{margin:0}
h1,h2,h3{line-height:1.15;letter-spacing:-.015em}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;z-index:100}.skip:focus{left:16px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--s4)}
.narrow{max-width:800px}
@media (max-width:700px){.wrap{padding:0 20px}}

/* header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line-soft)}
.hrow{display:flex;align-items:center;gap:var(--s3);min-height:76px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand img{height:44px;width:auto}
.brand span{border-left:2px solid var(--line);padding-left:14px;font-weight:700;font-size:17px;color:var(--blue);white-space:nowrap}
.brand span b{color:var(--orange);font-weight:700}
.nav{margin-left:auto;display:flex;align-items:center;gap:6px}
.nav>a,.dd>button{font:500 15px 'Poppins',sans-serif;color:var(--slate);text-decoration:none;background:none;border:0;padding:10px 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap}
.nav>a:hover,.dd>button:hover,.dd.open>button{color:var(--blue);background:var(--mist)}
.nav>a[aria-current=page],.dd.cur>button{color:var(--blue);font-weight:600}
.dd{position:relative}
.dd>button::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.dd.open>button::after{transform:rotate(-135deg) translateY(-1px)}
.dd-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 16px 40px rgba(21,33,43,.12);display:none}
.dd.open .dd-panel{display:block}
.dd-panel a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--ink)}
.dd-panel a small{display:block;color:var(--muted);font-size:13px;line-height:1.4}
.dd-panel a:hover{background:var(--mist)}
.nav .btn{margin-left:10px}
.burger{display:none;margin-left:auto;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:#fff;font:600 14.5px 'Poppins',sans-serif;cursor:pointer}
.mnav{display:none;padding:8px 0 20px;border-top:1px solid var(--line-soft)}
.mnav.open{display:block}
.mnav p{font-size:12.5px;font-weight:600;color:var(--muted);margin:14px 0 2px}
.mnav a{display:block;padding:11px 0;border-bottom:1px solid var(--line-soft);color:var(--ink);text-decoration:none;font-weight:500}
.mnav .btn{margin-top:18px;width:100%}
@media (max-width:1060px){.nav{display:none}.burger{display:inline-flex;align-items:center}.brand img{height:38px}.brand span{font-size:15px;padding-left:10px}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:10px;font:600 16px 'Poppins',sans-serif;text-decoration:none;border:2px solid transparent;cursor:pointer;text-align:center}
.btn-or{background:var(--orange-btn);color:#fff}.btn-or:hover{background:#963F08;color:#fff}
.btn-ln{background:#fff;color:var(--blue);border-color:#BFD2E3}.btn-ln:hover{border-color:var(--blue);color:var(--blue-dk)}
.btn-sm{min-height:44px;padding:0 20px;font-size:15px}
.row{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}

/* type */
.eyebrow{font-size:14px;font-weight:600;color:var(--orange)}
.h1{font-size:clamp(34px,5vw,60px);font-weight:700;line-height:1.06;letter-spacing:-.025em}
.h1 .b{color:var(--blue)}.h1 .o{color:var(--orange)}
.ph1{font-size:clamp(30px,3.8vw,44px);font-weight:700;letter-spacing:-.02em}
.h2{font-size:clamp(26px,3vw,36px);font-weight:700}
.h3{font-size:19px;font-weight:600}
.lead{font-size:18.5px;color:var(--slate);max-width:60ch}
.muted{color:var(--muted)}.small{font-size:14px;color:var(--muted)}
.center{text-align:center;margin-left:auto;margin-right:auto}

/* sections */
.sec{padding:var(--s7) 0}.sec.tint{background:var(--mist)}.sec.tight{padding:var(--s6) 0}
.head{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s5);max-width:720px}
.head.center{align-items:center}
.pagehero{background:var(--mist);padding:var(--s6) 0 var(--s5)}
.pagehero .wrap{display:flex;flex-direction:column;gap:var(--s2)}
.pagehero .row{margin-top:var(--s1)}
@media (max-width:700px){.sec{padding:var(--s6) 0}.pagehero{padding:var(--s5) 0 var(--s4)}}
.stack{display:flex;flex-direction:column;gap:var(--s2)}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
@media (max-width:900px){.g3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.g2{grid-template-columns:minmax(0,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);display:flex;flex-direction:column;gap:12px}
.card p{color:var(--slate);font-size:15.5px}
.price{font-weight:700;color:var(--blue)}
.chip{display:inline-block;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:999px;background:var(--blue-soft);color:var(--blue-dk);white-space:nowrap;align-self:flex-start}
.chip.g{background:var(--green-soft);color:var(--green)}.chip.o{background:var(--orange-soft);color:var(--orange-dk)}
ul.clean{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
ul.clean li{padding-left:26px;position:relative;color:var(--slate)}
ul.clean li::before{content:"";position:absolute;left:2px;top:.55em;width:12px;height:7px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}

/* show details */
.more{margin-top:4px}
.more>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--blue);font-weight:600;font-size:15px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;padding:8px 0;min-height:44px}
.more>summary::-webkit-details-marker{display:none}
.more>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.more[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
.more>summary .c{display:none}.more[open]>summary .o{display:none}.more[open]>summary .c{display:inline}
.more-body{padding:var(--s2) 0 var(--s1);display:flex;flex-direction:column;gap:12px;color:var(--slate);font-size:15.5px}
.more-body ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}
/* list of expandable items */
.items{display:flex;flex-direction:column;gap:var(--s2)}
.item{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) var(--s3) var(--s2)}
.item-top{display:flex;justify-content:space-between;gap:var(--s2);align-items:baseline;flex-wrap:wrap}
.item>p{color:var(--slate);margin-top:6px}

/* HOME hero */
.hero{background:radial-gradient(1200px 500px at 85% -10%,#E3EEF8 0%,rgba(227,238,248,0) 60%),var(--mist);padding:var(--s6) 0 var(--s7)}
.hero-copy{display:flex;flex-direction:column;gap:var(--s3);max-width:820px}
.trust{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px;color:var(--muted)}
.trust span+span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:12px;vertical-align:middle}

/* ways: the signature band */
.ways{margin-top:var(--s6);background:#fff;border:1px solid var(--line-soft);border-radius:22px;padding:var(--s5) var(--s5) var(--s4);box-shadow:0 30px 60px -30px rgba(21,33,43,.25);position:relative;overflow:hidden}
.ways-top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s5)}
.ways-top h2{font-size:22px;font-weight:600}
.ends{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:10px}
.ends .l{color:var(--blue)}.ends .r{color:var(--orange)}
.track{position:relative;height:8px;border-radius:99px;background:var(--line-soft);margin:0 36px}
.track i{position:absolute;inset:0;border-radius:99px;background:linear-gradient(90deg,var(--blue) 0%,#6E7FA0 45%,#C98652 75%,var(--orange) 100%);transform-origin:left;animation:fill 1.1s cubic-bezier(.2,.7,.2,1) .2s both}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-42px;position:relative}
.stop{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:0 10px;animation:rise .5s ease both}
.stop:nth-child(1){animation-delay:.35s}.stop:nth-child(2){animation-delay:.55s}.stop:nth-child(3){animation-delay:.75s}.stop:nth-child(4){animation-delay:.95s}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.node{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid var(--c);color:var(--c);box-shadow:0 0 0 8px #fff,0 10px 24px -8px rgba(21,33,43,.35)}
.node svg{width:32px;height:32px}
.stop h3{font-size:18px;font-weight:600;margin-top:6px}
.stop p{font-size:14.5px;color:var(--slate);max-width:22ch}
.stop .first{font-size:13px;font-weight:600;color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);padding:5px 12px;border-radius:99px;margin-top:2px}
.ways-foot{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap}
.ways-foot p{color:var(--slate)}
@media (max-width:860px){
  .ways{padding:var(--s4) var(--s3)}
  .ends{display:none}
  .track{position:absolute;left:calc(var(--s3) + 37px);top:150px;bottom:110px;width:6px;height:auto;margin:0}
  .track i{background:linear-gradient(180deg,var(--blue),#6E7FA0 45%,#C98652 75%,var(--orange));transform-origin:top;animation-name:fillv}
  @keyframes fillv{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  .stops{grid-template-columns:minmax(0,1fr);margin-top:0;gap:var(--s3)}
  .stop{display:grid;grid-template-columns:76px 1fr;text-align:left;align-items:center;column-gap:18px;row-gap:4px;padding:0}
  .stop .node{grid-row:span 3}
  .stop h3{margin:0}.stop p{max-width:none}.stop .first{justify-self:start}
}

/* video */
.video{position:relative;aspect-ratio:16/9;background:var(--ink);border-radius:18px;overflow:hidden;display:grid;place-items:center;color:#C6D0D9;text-align:center}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.play{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;margin:0 auto 12px}
.play::before{content:"";border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}

/* flow */
.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:stretch}
.fstep{position:relative;padding-right:34px}
.fstep:last-child{padding-right:0}
.fstep:not(:last-child)::after{content:"";position:absolute;right:8px;top:50%;width:18px;height:18px;border-top:3px solid #9FB3C6;border-right:3px solid #9FB3C6;transform:translateY(-50%) rotate(45deg)}
.ftile{height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) 20px 18px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,box-shadow .15s}
.ftile .n{width:34px;height:34px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:700;display:grid;place-items:center;font-size:15px}
.fstep.last .ftile{background:var(--orange-soft);border-color:#F0D3BF}
.fstep.last .n{background:#fff;color:var(--orange)}
.ftile .tag{font-size:13px;font-weight:600;color:var(--blue)}
.fstep.last .tag{color:var(--orange-dk)}
.ftile h3{font-size:17px;font-weight:600}
.ftile p{font-size:14.5px;color:var(--slate);flex:1}
.fbtn{margin-top:6px;align-self:flex-start;background:none;border:0;padding:6px 0;font:600 14.5px 'Poppins',sans-serif;color:var(--blue);text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:40px}
.ftile.on{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.fpanel{margin-top:var(--s3);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s4)}
.fpanel[hidden]{display:none}
.fpanel h3{font-size:20px;margin-bottom:12px}
.fpanel .g2,.fpanel .g3{margin-top:var(--s2)}
.fpanel .card{box-shadow:none}
@media (max-width:980px){
  .flow{grid-template-columns:minmax(0,1fr);gap:28px}
  .fstep{padding-right:0}
  .fstep:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-22px;transform:translateX(-50%) rotate(135deg)}
}

/* tables */
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:620px}
th{text-align:left;font-size:13.5px;color:var(--muted);font-weight:600;padding:14px 18px;background:var(--mist)}
td{padding:14px 18px;border-top:1px solid var(--line-soft);vertical-align:top;color:var(--slate)}
td strong{color:var(--ink)}
th.us,td.us{background:#F6FAFD}

/* forms */
.inp{width:100%;font:15px 'Poppins',sans-serif;padding:11px 13px;min-height:48px;border:1px solid #AEBBC6;border-radius:10px;background:#fff;color:var(--ink)}
.lbl{font-size:14px;font-weight:600;display:block;margin-bottom:6px}

/* pricing builder */
.pgrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s5);align-items:start}
@media (max-width:980px){.pgrid{grid-template-columns:minmax(0,1fr)}}
.pstep{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0 var(--s3)}
.pstep+.pstep{margin-top:var(--s2)}
.pstep>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center;padding:20px 0;min-height:64px}
.pstep>summary::-webkit-details-marker{display:none}
.pstep .n{width:36px;height:36px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:700;display:grid;place-items:center}
.pstep .t{font-weight:600;font-size:17px}
.pstep .sel{font-size:14px;color:var(--muted);display:block;font-weight:400}
.pstep .tg{color:var(--blue);font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.pstep[open] .tg .o,.pstep:not([open]) .tg .c{display:none}
.pbody{padding:0 0 var(--s3) 50px;display:flex;flex-direction:column;gap:12px}
@media (max-width:560px){.pbody{padding-left:0}}
.opt{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;background:#fff}
.opt:has(input:checked){border-color:var(--blue);background:#F7FAFD}
.opt input{width:20px;height:20px;accent-color:var(--blue);margin-top:3px;flex-shrink:0}
.opt .ot{flex:1}.opt .ot strong{display:block}.opt .ot span{font-size:14px;color:var(--muted)}
.opt .op{font-weight:700;color:var(--blue);white-space:nowrap}
.opt select{font:14px 'Poppins',sans-serif;padding:6px 8px;border-radius:8px;border:1px solid var(--line);margin-top:8px}
.opt.locked{cursor:default}
.bill{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px -34px rgba(21,33,43,.35);overflow:hidden}
.bill-h{background:var(--ink);color:#fff;padding:20px var(--s3);display:flex;justify-content:space-between;align-items:baseline}
.bill-h h2{font-size:18px}.bill-h span{font-size:13px;color:#AFC0CE}
.bill-b{padding:var(--s3)}
.when{padding:16px 0;border-bottom:1px dashed var(--line)}
.when:last-of-type{border-bottom:0}
.when h3{font-size:14px;font-weight:600;color:var(--muted);margin-bottom:8px}
.ln{display:flex;justify-content:space-between;gap:12px;font-size:15px;padding:3px 0}
.ln.neg span:last-child{color:var(--green)}
.ln.tot{font-weight:700;font-size:17px;border-top:1px solid var(--line-soft);margin-top:8px;padding-top:10px}
.bill-f{background:var(--mist);padding:16px var(--s3);font-size:13.5px;color:var(--muted);display:flex;flex-direction:column;gap:6px}

/* footer */
.foot{background:var(--ink);color:#C6D0D9;padding:var(--s6) 0 var(--s4);font-size:14.5px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--s4)}
@media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}
.foot a{color:#E6ECF1;text-decoration:none}.foot a:hover{color:#fff;text-decoration:underline}
.foot h2{font-size:15px;color:#fff;margin-bottom:12px}
.foot ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.flogo{background:#fff;border-radius:10px;padding:10px 14px;display:inline-block}.flogo img{height:42px;width:auto}
.flegal{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid #2C3945;font-size:13px;color:#9AA8B4;display:flex;flex-direction:column;gap:6px}
.form-status{font-weight:600;padding:14px 18px;border-radius:10px;display:none}
.form-status.ok{display:block;background:var(--green-soft);color:var(--green)}
.form-status.err{display:block;background:#FBEAEA;color:#8A1F1F}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--slate)}
.consent input{width:20px;height:20px;margin-top:3px;accent-color:var(--blue)}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s3)}
@media (max-width:800px){.calc{grid-template-columns:minmax(0,1fr)}}
.out{background:var(--ink);color:#fff;border-radius:var(--r);padding:var(--s3);display:flex;flex-direction:column;gap:10px}
.out .ln{color:#D5DEE6}.out .ln.tot{color:#fff;border-top-color:#2C3945}
.out .small{color:#9AA8B4}
.src{font-size:13px;color:var(--muted)}
.opt .ot label{cursor:pointer;display:block}
.opt .ot label strong{display:block}.opt .ot label span{font-size:14px;color:var(--muted)}
.opt select{display:block}
.nav>a.btn{color:#fff;background:var(--orange-btn);padding:0 20px;margin-left:10px;font-weight:600}
.nav>a.btn:hover{background:#963F08;color:#fff}
.hero-copy{max-width:1000px}
.flogo{align-self:flex-start}
.ends{margin-bottom:22px}
.node{background:color-mix(in srgb,var(--c) 7%,#fff)}
@media (max-width:860px){
  .track{display:none}
  .stops{position:relative}
  .stops::before{content:"";position:absolute;left:35px;top:38px;bottom:60px;width:6px;border-radius:99px;background:linear-gradient(180deg,var(--blue),#6E7FA0 45%,#C98652 75%,var(--orange))}
  .stop{position:relative;z-index:1}
}
/* V6 */
@media (min-width:861px){.stops{grid-template-columns:repeat(3,minmax(0,1fr))}}
.stop .then{font-size:13px;color:var(--muted)}
.nav{margin-left:auto}
.acts{display:flex;align-items:center;gap:14px;margin-left:18px;padding-left:18px;border-left:1px solid var(--line)}
.acts .login{font-weight:500;font-size:15px;color:var(--slate);text-decoration:none;padding:10px 4px}
.acts .login:hover{color:var(--blue)}
@media (max-width:1060px){.acts{display:none}}
.mnav details summary{list-style:none;cursor:pointer;padding:11px 0;border-bottom:1px solid var(--line-soft);font-weight:500;display:flex;justify-content:space-between}
.mnav details summary::-webkit-details-marker{display:none}
.mnav details summary::after{content:"+";color:var(--muted)}
.mnav details[open] summary::after{content:"\2212"}
.mnav details a{padding-left:16px}
.ftile{padding-bottom:var(--s3)}
.ftile p{flex:0}
@media (max-width:860px){.stop .then{grid-column:2}}
/* V6.1 fixes found in QA */
.stop{animation:none}
.opt .ot{min-width:0}
.opt select{max-width:100%;width:100%}
@media (max-width:860px){.fgrid>div:first-child{grid-column:1/-1}}
@media (max-width:560px){.opt{flex-wrap:wrap}.opt .op{width:100%;padding-left:32px}}
@media (max-width:560px){.fgrid{grid-template-columns:minmax(0,1fr)}}
.track i{animation:none}
/* ===== V7: reference layout ===== */
.hero7{background:var(--mist);padding:var(--s6) 0 var(--s7)}
.hero7 .h1{font-size:clamp(36px,5.6vw,68px)}
.hero7 .sub{font-size:20px;color:var(--slate);margin-top:var(--s3)}
.hero7 .trust{margin-top:var(--s2)}
.svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin-top:var(--s5)}
@media (max-width:860px){.svc{grid-template-columns:minmax(0,1fr)}}
.svc-card{background:#fff;border:1px solid var(--line);border-top:7px solid var(--c);border-radius:18px;padding:var(--s4) var(--s4) var(--s3);display:flex;flex-direction:column;gap:var(--s2)}
.svc-card .k{font-weight:600;font-size:16px;color:var(--c)}
.svc-card h2{font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.18}
.svc-card ul.clean li::before{border-color:var(--c)}
.svc-card ul.clean li{color:var(--ink);font-size:16.5px}
.svc-card .foot7{border-top:1px solid var(--line-soft);padding-top:var(--s2);margin-top:auto;color:var(--muted);font-size:15px}
.kick7{font-size:15px;font-weight:600;color:var(--c,var(--blue))}
.stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin-top:var(--s4)}
.st{display:flex;flex-direction:column;gap:14px;position:relative}
.st .dot{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:20px;background:#fff;border:3px solid var(--c);color:var(--c);position:relative;z-index:1}
.st.first .dot{background:var(--c);color:#fff}
.st.alt .dot{border-color:var(--orange);color:var(--orange)}
.st:not(:last-child)::before{content:"";position:absolute;left:56px;right:calc(-1 * var(--s3));top:27px;height:3px;background:var(--line)}
.st .box{flex:1;background:#fff;border:1px solid var(--line);border-radius:14px;padding:var(--s3);display:flex;flex-direction:column;gap:8px}
.st.alt .box{background:var(--orange-soft);border-color:#F0D3BF}
.st .when{font-size:14px;color:var(--muted);font-weight:500;padding:0;border:0}
.st .amt{font-size:24px;font-weight:700;color:var(--c)}
.st.alt .amt{font-size:18px;color:var(--orange-dk)}
.st h3{font-size:20px;font-weight:600}
.st p{font-size:15.5px;color:var(--slate)}
.st .get{margin-top:auto;border-top:1px solid var(--line-soft);padding-top:12px;font-weight:600;font-size:15px}
.st.alt .get{border-top-color:#F0D3BF}
.st .note{font-size:13.5px;color:var(--muted)}
.sumbar{margin-top:var(--s3);background:var(--mist);border-radius:14px;padding:var(--s3) var(--s4);display:flex;justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap}
.sec:not(.tint) .sumbar{background:var(--mist)}
.sec.tint .sumbar{background:#fff;border:1px solid var(--line)}
.sumbar strong{font-size:18px}
.sumbar span{color:var(--muted);font-size:15px}
@media (max-width:980px){
  .stepper{grid-template-columns:minmax(0,1fr)}
  .st{flex-direction:row;gap:18px}
  .st .dot{flex-shrink:0}
  .st:not(:last-child)::before{left:26px;right:auto;top:56px;bottom:calc(-1 * var(--s3));width:3px;height:auto}
}
.choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-top:var(--s4)}
@media (max-width:900px){.choice{grid-template-columns:minmax(0,1fr)}}
.ch{background:#fff;border:1px solid var(--line);border-radius:18px;padding:var(--s4);display:flex;flex-direction:column;gap:12px}
.ch h3{font-size:22px;font-weight:700;color:var(--c)}
.ch .big{font-size:30px;font-weight:700;color:var(--ink)}
.ch .big small{font-size:15px;font-weight:500;color:var(--muted)}
.ch p{color:var(--slate)}
.ch .btn{margin-top:auto;width:100%}
.ch.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.ch.dark h3,.ch.dark .big{color:#fff}.ch.dark p,.ch.dark .big small{color:#C6D0D9}
.badge{align-self:flex-start;background:var(--orange-btn);color:#fff;font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:99px}
.chead{display:flex;justify-content:space-between;align-items:center;gap:10px}
.btn-bl{background:var(--blue);color:#fff}.btn-bl:hover{background:var(--blue-dk);color:#fff}
.center-note{text-align:center;color:var(--muted);font-size:14.5px;margin-top:var(--s3)}
.split7{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s5);align-items:start}
@media (max-width:900px){.split7{grid-template-columns:minmax(0,1fr)}}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
@media (max-width:900px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.g4{grid-template-columns:minmax(0,1fr)}}
.story{border-top:4px solid var(--c);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.story h3{font-size:17px;font-weight:600}.story p{font-size:15px;color:var(--slate)}
.num{display:flex;flex-direction:column}.num b{font-size:34px;color:var(--blue);font-weight:700}.num span{color:var(--muted);font-size:14.5px}
.pill{display:inline-block;font-size:13px;background:var(--mist);border:1px solid var(--line);border-radius:99px;padding:4px 12px;margin:0 6px 6px 0}
.warm{background:var(--orange-soft);border:1px solid #F0D3BF;border-radius:18px;padding:var(--s4)}
.band-blue{background:var(--blue);color:#fff;padding:var(--s6) 0;text-align:center}
.band-blue h2{color:#fff}.band-blue p{color:#DCE8F3}
.band-blue .btn-ln{background:transparent;color:#fff;border-color:#fff}
.band-blue .btn-ln:hover{background:rgba(255,255,255,.1);color:#fff}
.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
@media (max-width:760px){.paths{grid-template-columns:minmax(0,1fr)}}
.path{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.path strong{display:block}.path span{font-size:14.5px;color:var(--slate)}
.nav7{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav7>a{font:500 15.5px 'Poppins',sans-serif;color:var(--slate);text-decoration:none;padding:10px 12px;border-radius:8px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.nav7>a:hover{color:var(--blue);background:var(--mist)}
.nav7>a[aria-current=page]{color:var(--blue);font-weight:600}
@media (max-width:1060px){.nav7{display:none}}
@media (min-width:981px){.stepper.five{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* V10.2: overview video */
.ov{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:var(--s5);align-items:center}
@media (max-width:900px){.ov{grid-template-columns:minmax(0,1fr);gap:var(--s4)}}
.ov video{display:block;width:100%;aspect-ratio:16/9;background:#0b1530;border-radius:16px;box-shadow:0 24px 50px -24px rgba(21,33,43,.45)}
.steps4{display:flex;flex-wrap:wrap;gap:8px}
.steps4 span{font-weight:600;font-size:14.5px;padding:6px 14px;border-radius:99px;background:var(--blue-soft);color:var(--blue-dk)}
.steps4 span:nth-child(3),.steps4 span:nth-child(4){background:var(--orange-soft);color:var(--orange-dk)}
.watch{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--blue);text-decoration:none;margin-top:var(--s2)}
.watch::before{content:"";width:0;height:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}
.watch:hover{text-decoration:underline}
.ov video{height:auto}
/* V10.3: YouTube, loaded only when the visitor presses play */
.yt{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0b1530;box-shadow:0 24px 50px -24px rgba(21,33,43,.45)}
.yt button{all:unset;cursor:pointer;display:block;width:100%;height:100%;position:relative}
.yt img{width:100%;height:100%;object-fit:cover;display:block}
.yt .yt-btn{position:absolute;left:50%;top:50%;width:84px;height:58px;transform:translate(-50%,-50%);border-radius:16px;background:rgba(194,87,17,.95);box-shadow:0 10px 24px rgba(0,0,0,.35);transition:transform .15s}
.yt .yt-btn::after{content:"";position:absolute;left:34px;top:17px;border-left:22px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.yt button:hover .yt-btn,.yt button:focus-visible .yt-btn{transform:translate(-50%,-50%) scale(1.08)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-link{margin-top:10px;font-size:14px}
/* V11: H1 about 12 percent smaller on desktop, mobile size kept; tighter mobile hero */
.hero7 .h1{font-size:clamp(36px,4.9vw,60px)}
.ph1{font-size:clamp(30px,3.35vw,39px)}
@media (max-width:700px){.hero7{padding-top:var(--s4)}}
.ch>.small:first-child{font-weight:600;text-transform:none;letter-spacing:.02em}
/* V11: five menu items, keep the header on one line */
.acts .btn{white-space:nowrap}
@media (max-width:1280px){.nav7>a{padding:10px 8px;font-size:14.5px}.acts{margin-left:10px;padding-left:12px}}
@media (max-width:1140px){.nav7,.acts{display:none}.burger{display:inline-flex;align-items:center;margin-left:auto}}