/* AckHarbor Academy — T4a orange light (no navy). System + self-hosted Syne/DM Sans. */
@font-face{font-family:"Syne";src:url("/fonts/syne-var.woff") format("woff");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/fonts/dm-sans-var.woff") format("woff");font-weight:400 700;font-style:normal;font-display:swap}
:root{
  --page-max:calc(100% - 2 * clamp(16px,3vw,48px));--read-max:800px;--radius:6px;
  --bg:#FFF8F2;--surface:#FFFFFF;--surface2:#FFF1E6;--soft:#FFF1E6;
  --text:#1E1B18;--navy:#1E1B18;--slate:#3D342C;--muted:#6B5E54;
  --orange:#F26B1D;--orange-deep:#C2410C;--amber:#E8A54B;
  --teal:#0F766E;--teal-dark:#0F766E;--teal-bright:#0F766E;--accent:#F26B1D;--coral:#F26B1D;--coral-text:#C2410C;
  --card:#fff;--border:#E8D9CC;--line:#E8D9CC;
  --shadow:0 10px 28px rgba(30,27,24,.08);
  --ok:#15803D;--bad:#DC2626;
  --font:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --display:"Syne",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}
html,body{font-family:var(--font);color:var(--text);background:var(--bg)}
body{font-size:15px;line-height:1.55;margin:0}
a{color:var(--orange-deep)}a:hover{color:var(--orange)}
h1,h2,h3{color:var(--text);letter-spacing:-.01em;font-family:var(--display);font-weight:700}
.btn,.btn-primary,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--slate);font:600 14px/1 var(--font);text-decoration:none;cursor:pointer;box-shadow:none}
.btn.primary,.btn-primary,.btn.btn-primary{background:var(--orange);border-color:var(--orange);color:#1E1B18;font-family:var(--display);font-weight:700}
.btn.primary:hover,.btn-primary:hover{background:var(--orange-deep);color:#FFF8F2}
.btn.secondary,.btn.ghost{background:#fff;color:var(--slate);border-color:#E8D9CC}
.btn:hover{border-color:#C4A990}.btn:disabled{opacity:.55;cursor:default}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
input,select,textarea{font:inherit;color:var(--text);border:1px solid #D4C4B4;border-radius:6px;padding:8px 10px;background:#fff}
.sitehdr{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;height:60px;padding:0 clamp(24px,5vw,72px);width:100%;box-sizing:border-box;background:rgba(255,248,242,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;font-size:15px;white-space:nowrap;font-family:var(--display)}
.logomark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--text);color:#FFF8F2;font-size:12px;letter-spacing:.04em}
.logomark-img{display:inline-block;width:30px;height:30px;border-radius:6px;vertical-align:middle;background:transparent;padding:0;box-sizing:border-box}
.sitehdr nav{display:flex;gap:20px;margin-left:auto;align-items:center;flex-direction:row;flex:0 1 auto}
.sitehdr nav a{color:var(--slate);text-decoration:none;font-weight:500;font-size:14px;white-space:nowrap}.sitehdr nav a:hover{color:var(--orange-deep)}
.mobnav{flex-direction:row!important;gap:0!important}
@media(max-width:700px){.sitehdr{flex-wrap:wrap;height:auto;padding:10px 24px;row-gap:8px;gap:12px}.sitehdr nav{margin-left:0;width:100%;justify-content:space-between;gap:6px 12px;flex-wrap:wrap}.sitehdr nav a.hide-m{display:none}.sitehdr nav .btn{min-height:34px;padding:0 12px}.logotext{font-size:14px}}
footer,.site-footer{color:var(--muted);font-size:12.5px;line-height:1.6}
.muted{color:var(--muted)}
.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:28px clamp(24px,5vw,72px) 48px;box-sizing:border-box}
.page.read{max-width:var(--read-max)}
.band{width:100%;background:var(--surface);border-bottom:1px solid var(--border)}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}
@media(max-width:700px){.split2{grid-template-columns:1fr}}
.snip{width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--border)}
.site-footer .wrap,footer .wrap{max-width:var(--page-max);margin:0 auto;padding:0 clamp(24px,5vw,72px)}
.box{width:100%;max-width:var(--page-max)!important;margin:28px auto!important;padding:28px clamp(24px,5vw,72px)!important;box-sizing:border-box;background:#fff;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;border:1px solid var(--border)}
.box.auth{max-width:440px!important;margin:48px auto!important;padding:24px!important}
.box.read{max-width:var(--read-max)!important}
.box.wide{max-width:var(--page-max)!important}
.hero{background:var(--soft)!important;padding:64px 0 56px}.hero .accent{color:var(--orange)!important}.hero p{color:var(--muted)}.hero h1{color:var(--text)!important}
.cta .btn-primary{box-shadow:none!important;min-height:48px;font-size:15px}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}
.card{border-radius:8px!important;border-top:1px solid var(--border)!important}
.top{display:none}
video::cue{font-family:var(--font);font-size:1rem;line-height:1.3;color:#FFF8F2;background:rgba(30,27,24,.78)}
@media(max-width:700px){video::cue{font-size:.85em}}
.tipi{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;padding:0;margin:0 0 0 4px;border-radius:50%;border:1px solid #C4A990;background:#fff;color:#3D342C;font:italic 600 11px/1 Georgia,serif;cursor:help;vertical-align:middle}
.tipi:hover,.tipi[aria-expanded=true]{background:#FFF1E6;border-color:var(--orange);color:var(--orange-deep)}
button.gl{all:unset;cursor:help;border-bottom:1px dotted currentColor;color:inherit}
button.gl:focus-visible,.tipi:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
#tipPop{position:fixed;z-index:1000;background:#1E1B18;color:#FFF8F2;font-size:.82rem;line-height:1.4;padding:.5rem .65rem;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.upsell{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;justify-content:space-between;margin:16px 0;padding:10px 14px;border:1px solid var(--border);border-left:4px solid var(--orange);border-radius:10px;background:var(--soft);color:var(--text);font-size:.95rem;transition:opacity .2s}
.upsell .btn{white-space:nowrap}.upsell.upsell-wait{opacity:0;pointer-events:none}
body.upsell-onscreen .hdrUp{visibility:hidden}
@media print{.fbbtn{display:none}}
#testimonials{max-width:var(--page-max);margin:24px auto;padding:0 clamp(24px,5vw,72px)}.tslist{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ts{margin:0;border:1px solid var(--border);border-radius:10px;padding:14px;background:#fff}.ts blockquote{margin:6px 0}.small{font-size:12px}
.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th,.tbl td{border-bottom:1px solid var(--border);padding:6px 8px;text-align:left;vertical-align:top}

/* pad-gutter-desktop */
@media(min-width:768px){.sitehdr{padding-left:clamp(48px,5vw,72px);padding-right:clamp(48px,5vw,72px)}.page{padding-left:clamp(48px,5vw,72px);padding-right:clamp(48px,5vw,72px)}.site-footer .wrap,footer .wrap{padding-left:clamp(48px,5vw,72px);padding-right:clamp(48px,5vw,72px)}.box{padding-left:clamp(48px,5vw,72px)!important;padding-right:clamp(48px,5vw,72px)!important}}