/* Compact proof, same-page demo and estimate. Existing DigiOn brand tokens. */
[hidden]{display:none!important}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
#proof,#live-demo-start,#calculator{scroll-margin-top:90px}
.compact-player{overflow:hidden;border-radius:20px;background:var(--navy);color:#fff;box-shadow:0 16px 40px #0d214210}
.sample-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #ffffff26}
.sample-tabs button{padding:20px 24px;text-align:left;background:transparent;color:#c8d1dd;border:0;border-bottom:3px solid transparent}
.sample-tabs button+button{border-left:1px solid #ffffff20}
.sample-tabs button[aria-pressed=true]{background:#ffffff0c;color:#fff;border-bottom-color:var(--gold)}
.sample-tabs strong{display:block;font-size:16px;line-height:1.4}
.sample-tabs span{display:block;font-size:12px;margin-top:6px;line-height:1.5}
.sample-tabs time{display:inline-block;margin-left:6px;font-variant-numeric:tabular-nums;color:var(--gold-soft)}
.sample-stage{padding:22px 28px 18px}
.sample-identity{display:flex;justify-content:space-between;gap:16px;color:#b7c3d2;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
#sample-speaker{color:var(--gold-soft)}
.sample-caption{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.2rem,2.2vw,1.75rem);font-weight:600;line-height:1.5;min-height:102px;padding:18px 0 12px;max-width:900px;color:#a8b5c6}
.sample-caption span{display:inline;transition:color .1s}
.sample-caption span.spoken{color:#fff}
.sample-caption span.active{color:var(--gold-soft);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
#sample-wave{width:100%;height:58px;display:block;margin:0 0 14px}
.sample-transport{display:flex;align-items:center;gap:16px}
.sample-transport button{border:1px solid #ffffff35;border-radius:8px;color:#fff;background:#ffffff08;font-size:13px;padding:10px 12px;min-height:44px;white-space:nowrap}
#sample-play{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:700;min-width:123px}
#sample-play-icon{margin-right:7px}
.sample-clock{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#d4dce6}
#sample-seek{flex:1;min-width:60px;accent-color:var(--gold);height:32px}
.sample-error{font-size:13px;color:#ffc4c4;margin:0}
#sample-audio{display:none}
.sample-error:not(:empty){margin-top:14px}
.sample-transcript{border-top:1px solid #ffffff26;padding:15px 28px;color:#d4dce6;font-size:13px}
.sample-transcript summary{cursor:pointer;padding:3px 0}
#sample-transcript-lines{max-height:240px;overflow:auto;margin-top:16px;scrollbar-color:#5d6d83 var(--navy)}
.transcript-turn{display:grid;grid-template-columns:42px 50px 1fr;gap:12px;border:0;border-top:1px solid #ffffff12;text-align:left;width:100%;padding:12px 6px;background:transparent;color:#c7d1df;line-height:1.55;font-size:13px}
.transcript-turn time{font-variant-numeric:tabular-nums;color:#9eafc3}
.transcript-turn strong{color:#fff;font-size:12px}
.transcript-turn[aria-current=true]{background:#ffffff0b;border-left:2px solid var(--gold)}
.live-demo-band{background:var(--light);border-block:1px solid var(--line)}
.demo-layout{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 32px #0d214208}
.demo-form-cell{padding:30px}
.origin-note{padding:12px 14px;border:1px solid #e4d57d;background:#fff9df;color:#594b14;font-size:12px;line-height:1.55;border-radius:8px;margin:0 0 22px}
.form-step{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted);margin:0 0 10px}
.dstep h3{font-family:Manrope,Arial,sans-serif;font-size:28px;line-height:1.25;letter-spacing:-.035em;margin:0 0 22px}
.dstep>p{font-size:14px;line-height:1.6}
#demo-intake{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#demo-intake .full{grid-column:1/-1}
.demo-field{min-width:0;display:flex;flex-direction:column;gap:7px}
.demo-field label{font-size:13px;font-weight:700;color:var(--ink)}
.optional{font-weight:400;color:var(--muted)}
.demo-field input,.demo-field select{width:100%;min-width:0;min-height:46px;border:1px solid #cad2dc;border-radius:8px;background:#fff;color:var(--ink);padding:11px 12px;font-size:15px;box-sizing:border-box}
.demo-field input::placeholder{color:#78818d}
.demo-field input.bad,.demo-field select.bad{border-color:#b42318;background:#fff8f7}
.field-note{font-size:12px!important;line-height:1.55!important;color:var(--muted);margin:0}
.field-note a,.consent a{color:var(--navy);text-underline-offset:2px}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.65;color:var(--muted)}
.consent input{flex:0 0 18px;width:18px;height:18px;accent-color:var(--navy);margin:2px 0 0}
.sms-options{border-block:1px solid var(--line);padding:11px 0;font-size:13px;color:var(--navy)}
.sms-options summary{cursor:pointer;font-weight:600;padding:4px 0}
.sms-options .consent{margin:12px 0 4px}
#d-next{border:0;justify-content:center;min-height:48px;margin:0}
.demo-status{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
.demo-status:empty{display:none}
.demo-status.err{color:#ad2117}
.demo-status.ok{color:#11633c}
.dstep-back{border:0;background:transparent;padding:8px 0;color:var(--navy);font-size:13px;min-height:44px;margin-bottom:16px}
.choice-grid{display:grid;gap:12px;margin:24px 0}
.choice{display:flex;flex-direction:column;gap:8px;text-align:left;border:1px solid #cad2dc;padding:20px;border-radius:12px;background:#f8f9fb;color:var(--ink)}
.choice strong{font-size:18px}
.choice span{font-size:13px;color:var(--muted);line-height:1.5}
.choice:hover{border-color:var(--navy);background:#f0f3f8}
.talk{text-align:center;padding:28px 0}
.talk-btn{border:0;background:var(--navy);color:#fff;border-radius:100px;min-height:64px;padding:18px 30px;font-size:18px;font-weight:700}
.talk-btn.live{background:#9b2828}
.talk-meta{font-size:13px;line-height:1.6;color:var(--muted);margin-top:15px}
.talk-bars{display:flex;justify-content:center;align-items:center;gap:4px;height:30px;margin:18px auto 0}
.talk-bars i{height:4px;width:4px;background:var(--gold);border-radius:4px;transform-origin:center}
.talk-bars.metered i{height:28px}
.talk-done,.sms-flash{padding:18px;background:#f1f5f9;border-radius:10px;font-size:13px;line-height:1.7;margin:18px 0 0}
.talk-done .button{margin-top:8px;font-size:13px}
.demo-prompts{display:flex;flex-direction:column;background:var(--navy);color:#fff;padding:34px}
.demo-prompts .eyebrow{color:var(--gold-soft)}
.demo-prompts h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,2.4vw,34px);line-height:1.25;letter-spacing:-.04em;margin:0 0 24px;color:#fff}
.demo-prompts ol{margin:0;padding:0;list-style:none;display:flex;flex:1;flex-direction:column;justify-content:space-evenly;gap:24px;counter-reset:question}
.demo-prompts li{position:relative;padding-left:28px;counter-increment:question}
.demo-prompts li::before{content:'0' counter(question);position:absolute;left:0;top:2px;font-size:10px;color:var(--gold-soft)}
.demo-prompts strong{display:block;font-size:17px;line-height:1.45;color:#fff;font-weight:600}
.demo-prompts li span{display:block;margin-top:8px;font-size:13px;line-height:1.6;color:#b7c3d2}
.demo-safety{border-top:1px solid #ffffff28;padding-top:20px;margin:30px 0 0;font-size:12px;line-height:1.6;color:#b7c3d2}
.video-feature{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:54px}
.video-feature .video-info{padding:24px}
.video-feature .video-info h3{font-size:22px}
.video-feature .video-info p{font-size:14px}
.video-takeaways h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.04em;margin:0 0 24px}
.video-takeaways ul{list-style:none;margin:0 0 30px;padding:0;font-size:15px;color:var(--muted)}
.video-takeaways li{padding:12px 0 12px 25px;position:relative;border-bottom:1px solid var(--line);line-height:1.5}
.video-takeaways li::before{content:'✓';position:absolute;left:0;color:var(--navy)}
.video-takeaways .button{font-size:14px}
.calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.calc-inputs{border:1px solid var(--line);border-radius:18px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:#fff}
.calc-field label{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:14px;color:var(--ink);font-weight:600;line-height:1.5}
.calc-field output{font-size:19px;font-weight:700;color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums}
.calc-field input{width:100%;height:34px;accent-color:var(--navy);cursor:pointer;margin:12px 0 0}
.calc-field>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.calc-result{border-radius:18px;padding:32px;background:var(--navy);color:#d3dce7;min-width:0}
.calc-result .eyebrow{color:var(--gold-soft)}
#calc-total{font-family:Manrope,Arial,sans-serif;font-size:clamp(36px,4.8vw,60px);letter-spacing:-.05em;color:#fff;font-weight:800;overflow-wrap:anywhere}
.calc-result>p{font-size:13px;line-height:1.6;margin:8px 0 24px}
.calc-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 0;border-block:1px solid #ffffff30}
.calc-breakdown span{font-size:11px;line-height:1.5}
.calc-breakdown strong{display:block;font-size:22px;color:#fff;margin-bottom:5px}
.calc-result details{font-size:12px;line-height:1.65;margin:22px 0}
.calc-result summary{cursor:pointer;color:#fff}
.calc-result .button{background:var(--gold);color:var(--ink);font-size:13px;text-align:center}
.calc-result .micro{font-size:11px;margin:12px 0 0;color:#b7c3d2}
@media(min-width:1000px){.dstep{min-height:480px}}
@media(max-width:900px){.demo-form-cell,.demo-prompts{padding:24px}.video-feature{gap:28px;grid-template-columns:1.4fr 1fr}.sample-tabs button{padding:18px}.calc-inputs,.calc-result{padding:24px}}
@media(max-width:760px){.demo-layout,.calc-layout,.video-feature{grid-template-columns:1fr}.demo-prompts ol{gap:22px}.video-takeaways{padding:4px}.video-takeaways h3 br{display:none}.sample-stage{padding:20px}.sample-tabs button{padding:15px 12px}.sample-tabs strong{font-size:13px}.sample-tabs span{font-size:10px}.sample-tabs time{display:block;margin:3px 0 0}.sample-caption{min-height:118px;font-size:20px}.sample-transcript{padding:15px 20px}.sample-transport{gap:10px;flex-wrap:wrap}#sample-seek{order:5;flex-basis:100%;height:24px}#sample-play{min-width:112px}.sample-clock{margin-right:auto}.sample-transport button{font-size:12px;padding:10px}.calc-result .button{width:100%;justify-content:center}.demo-layout{border-radius:16px}}
@media(max-width:400px){.demo-form-cell,.demo-prompts{padding:20px}#demo-intake{grid-template-columns:1fr;gap:14px}.sample-tabs span{font-size:0}.sample-tabs time{font-size:11px}.sample-tabs strong{font-size:12px}.sample-caption{font-size:18px}.sample-transport{gap:8px}#sample-mute{padding:10px 8px}.sample-clock{font-size:11px}.transcript-turn{grid-template-columns:36px 42px 1fr;gap:8px;font-size:12px}.calc-field label{font-size:13px}.calc-field output{font-size:17px}}
@media(prefers-reduced-motion:reduce){.sample-caption span{transition:none}}

/* Charcoal editorial revision: compact, differentiated headers, no navy panels. */
/* Fixed controls reserve space, including notched phone safe areas. */
:root{scroll-padding-top:92px}
.mobile-menu,.mobile-cta-bar{display:none}
.skip:focus{z-index:100}
@media(max-width:760px){
  :root{scroll-padding-top:84px;scroll-padding-bottom:94px}
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .site-header .nav{gap:14px;position:relative}
  .site-header .desktop-nav,.site-header .nav>.button{display:none}
  .site-header .mobile-menu{display:block;margin-left:auto}
  .mobile-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border:1px solid #d8d8dc;border-radius:8px;font-size:15px;font-weight:600}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .site-header .mobile-menu nav{display:flex;position:absolute;top:calc(100% - 2px);right:0;left:0;max-height:calc(100dvh - 160px);overflow:auto;flex-direction:column;gap:0;padding:8px;background:#fff;border:1px solid #dedee1;border-radius:0 0 14px 14px;box-shadow:0 15px 30px #0002}
  .mobile-menu:not([open]) nav{display:none}
  .mobile-menu nav a{min-height:48px;padding:14px 16px;font-size:16px}
  .mobile-menu nav a:hover{background:#f1f1f2}
  .mobile-cta-bar{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;position:fixed;z-index:35;bottom:0;left:0;right:0;background:rgba(17,18,20,.97);backdrop-filter:blur(14px);padding:12px max(18px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left));box-shadow:0 -4px 22px #0002;border-top:1px solid #414144}
  .mobile-cta-bar a{font-size:15px;min-height:48px;padding:12px;gap:12px;border-radius:8px}
 .mobile-cta-bar .button{background:#e6c916;color:#111214;border-color:#e6c916}
 .mobile-cta-bar .button:hover{background:#f2d83b}
 .mobile-listen{display:flex;align-items:center;justify-content:center;border:1px solid #5c5d61;color:white;font-weight:600}
  body.modal-open .mobile-cta-bar,body.form-keyboard-open .mobile-cta-bar{display:none}
}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #dedee0;box-shadow:0 4px 18px #00000006}
.site-header .nav{height:76px}
.site-header .digion-brand img{width:146px;height:auto}
.skip{z-index:60}
.compact-player{background:#111214;border:1px solid #313235;box-shadow:0 12px 30px #0000000a;border-radius:16px}
.sample-tabs{background:#252628;border-color:#3b3c3f}
.sample-tabs button{padding:14px 22px;color:#c9c9cc}
.sample-tabs button[aria-pressed=true]{background:#313235}
.sample-tabs button:hover{background:#303133}
.sample-tabs strong{font-size:15px}.sample-tabs span{margin-top:3px;font-size:12px}
.sample-stage{padding:16px 24px 14px}
.sample-caption{min-height:76px;padding:12px 0 8px;font-size:clamp(1.35rem,2.3vw,1.85rem);color:#bfbfc4;line-height:1.45}
#sample-wave{height:40px;margin-bottom:10px}
.sample-transcript{padding:10px 24px;font-size:14px;background:#191a1c}
.sample-identity{font-size:12px;color:#bdbdc3;letter-spacing:.065em}
.sample-transport{gap:12px}.sample-transport button{padding:8px 12px}
.transcript-turn{font-size:16px;line-height:1.6;grid-template-columns:45px 55px 1fr;padding:12px 8px;color:#d4d4d8}
.transcript-turn strong{font-size:14px}.transcript-turn time{font-size:13px;color:#aaaab2}
.demo-form-cell{padding:25px}.dstep h3{margin-bottom:18px}
.demo-prompts{background:linear-gradient(145deg,#222325,#101113);padding:28px}
.demo-prompts li span,.demo-safety{color:#c1c1c7}
.demo-prompts strong{font-size:18px}
.consent,.field-note{font-size:14px!important;line-height:1.55!important}
.consent-heading{font-size:14px;font-weight:700;margin:0 0 10px;color:#202124}
.sms-options{padding:14px 0}.sms-options .consent{margin:0}
.pilot-option{padding:12px 14px;background:#f4f4f5;border:1px solid #dedee1;border-radius:8px}
.pilot-option .field-note{font-size:12px!important;margin:8px 0 0 28px}
.pilot-option .consent{color:#68686f}.pilot-option input:disabled{cursor:not-allowed}
.demo-field label{font-size:14px}.demo-field input,.demo-field select{font-size:16px}
#demo-intake{gap:13px}.form-step{font-size:12px}
.calc-result{background:linear-gradient(135deg,#232426,#111214)}
.calc-field label{font-size:15px}.calc-result details{font-size:14px}
.video-takeaways{position:relative;isolation:isolate;padding:32px;border-radius:20px;color:#fff;background:rgba(18,19,21,.90);border:1px solid #ffffff26;box-shadow:0 22px 50px -28px #00000060;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.video-takeaways::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#ffffff0c,transparent 50%);pointer-events:none}
.video-takeaways .eyebrow{color:var(--gold-soft)}
.video-takeaways h3{color:#fff;font-size:clamp(28px,3vw,38px)}
.video-takeaways ul{color:#d3d3d7}.video-takeaways li{border-color:#ffffff25;font-size:16px}
.video-takeaways li::before{color:var(--gold-soft)}
.video-takeaways .button{background:var(--gold);color:#111214;border-color:var(--gold);font-size:14px}
.video-feature{gap:34px}.video-info .transcript{font-size:14px}
.video-info .transcript-body p{font-size:16px;line-height:1.65}
.video-word.active{color:#17181a;background:var(--gold-soft);border-radius:3px}
.video-line{padding:5px 8px;border-left:2px solid transparent}
.video-line.is-current{border-left-color:var(--gold);background:#f5f5f6}
.site-footer{display:block;background:#f2f3f4;margin:0;width:100%;padding:48px 0 30px!important;border-top:1px solid #dedee1}
.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding-bottom:32px}
.footer-brand>p{font-size:15px;line-height:1.75;margin-top:18px;max-width:440px;color:#65656d}
.footer-brand .footer-company{font-size:14px}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-column h3{font-size:16px;letter-spacing:0;margin:0 0 8px;color:#161719}
.footer-column a{font-size:14px;line-height:1.5;color:#53535c}
.footer-column a:hover,.footer-bottom a:hover{text-decoration:underline;text-underline-offset:3px}
.footer-column p{font-size:13px;margin:5px 0 0;line-height:1.7}
.footer-bottom{border-top:1px solid #d8d8dd;padding-top:24px}
.footer-bottom>p{font-size:13px;line-height:1.7;max-width:1000px;margin:0 0 18px}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:14px 26px;font-size:14px;color:#575760}
@media(min-width:1000px){.dstep{min-height:0}}
@media(max-width:760px){.site-header .nav{height:68px}.sample-tabs button{padding:12px}.sample-tabs strong{font-size:14px}.sample-tabs span{font-size:12px}.sample-caption{min-height:88px;font-size:22px}.sample-stage{padding:16px 18px}.sample-transcript{padding:12px 18px}.video-takeaways{padding:26px}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-brand>p{max-width:600px}}
@media(max-width:480px){.sample-tabs span{font-size:0}.sample-tabs time{font-size:12px}.sample-tabs strong{font-size:13px}.sample-caption{font-size:21px}.sample-identity{font-size:10px}.demo-form-cell,.demo-prompts{padding:20px}.site-header .digion-brand img{width:124px}.site-header .button.small{font-size:13px;padding:10px 12px}.transcript-turn{grid-template-columns:37px 46px 1fr;gap:7px;font-size:14px}.transcript-turn strong{font-size:13px}.footer-main{gap:30px 20px}.footer-column a{overflow-wrap:anywhere}}