/* Public, non-authenticated illustrative sales page; no real customer data. */
.demo-page { --demo-navy:#19384c; --demo-muted:#617687; --demo-accent:#ff5a3c; --demo-sky:#e9f0f4; background:#f8f9fa; }
.demo-page [hidden] { display:none!important; }
.demo-page .site-header { z-index:20; }
.demo-page .demo-menu { display:none; position:relative; color:#fff; }
.demo-page .demo-menu summary { display:flex;align-items:center;cursor:pointer;padding:10px 14px;min-height:44px;border:1px solid rgba(255,255,255,.3);border-radius:8px;list-style:none;font-size:14px;font-weight:700; }
.demo-page .demo-menu summary::-webkit-details-marker { display:none; }
.demo-page .demo-menu>div { position:absolute;right:0;top:calc(100% + 8px);min-width:220px;display:flex;flex-direction:column;background:#193030;border:1px solid #3c5252;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.35);border-radius:10px; }
.demo-page .demo-menu a { display:block;padding:12px;color:#fff;font-size:14px; }
.demo-page .demo-menu a:hover { background:#2e4e4d; }
.demo-page main { overflow:hidden; }
.demo-page .demo-hero { display:grid;grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(34px,5vw,80px);padding:clamp(68px,7vw,116px) clamp(24px,5vw,80px);color:#fff;background:radial-gradient(circle at 88% 35%,rgba(255,90,60,.18),transparent 33%),linear-gradient(130deg,#0b181d,#19384c); }
.demo-page .demo-hero-copy { min-width:0;max-width:760px; }
.demo-page .demo-eyebrow { display:flex;align-items:center;gap:10px;color:#bee2ed;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:0 0 25px; }
.demo-page .demo-eyebrow>span {width:8px;height:8px;background:#ff795c;border-radius:50%;box-shadow:0 0 0 6px rgba(255,90,60,.18);}
.demo-page .demo-hero h1 {font-size:clamp(45px,5.25vw,86px);line-height:1.04;letter-spacing:-.048em;margin:0 0 26px;max-width:760px;font-weight:700;}
.demo-page .demo-hero h1 em {font-style:normal;color:#ff947a;}
.demo-page .demo-lead {font-size:clamp(17px,1.5vw,20px);line-height:1.65;color:#d2e3ec;max-width:610px;margin:0 0 30px;}
.demo-page .demo-actions {display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.demo-page .demo-button {display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 20px;min-height:52px;border-radius:9px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s;}
.demo-page .demo-button:hover {transform:translateY(-2px);}
.demo-page .demo-button-primary {background:var(--demo-accent);color:#fff;}
.demo-page .demo-button-primary:hover {background:#e63c1e;}
.demo-page .demo-button-secondary {border:1px solid #76919d;color:#fff;}
.demo-page .demo-button-secondary:hover {background:rgba(255,255,255,.08);}
.demo-page .demo-disclaimer {margin:28px 0 0;color:#a5c3cf;font-size:12px;line-height:1.65;max-width:64ch;}
.demo-page .demo-hero-screen {margin:0;min-width:0;position:relative;transform:perspective(1600px) rotateY(-4deg);filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));}
.demo-page .demo-hero-screen img {width:100%;height:auto;display:block;border-radius:18px;border:1px solid rgba(255,255,255,.24);background:#ecf2f6;}
.demo-page .demo-hero-screen figcaption {display:flex;gap:9px;align-items:center;color:#fff;background:#163446;padding:12px 17px;border-radius:0 0 12px 12px;width:max-content;max-width:100%;font-size:12px;margin-left:18px;}
.demo-page .demo-live-dot {width:7px;height:7px;background:#ffb18e;border-radius:50%;}
.demo-page .demo-value {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid #dbe3e7;background:#fff;padding:0 clamp(24px,5vw,80px);}
.demo-page .demo-value>div {display:flex;align-items:center;gap:14px;padding:29px clamp(12px,2vw,32px);border-right:1px solid #e0e7ea;}
.demo-page .demo-value>div:first-child {padding-left:0;}
.demo-page .demo-value>div:last-child {border-right:0;}
.demo-page .demo-value strong {color:#f25f4b;font-size:17px;}
.demo-page .demo-value span {font-size:14px;color:#304c5c;font-weight:700;}
.demo-page .demo-intro {text-align:center;max-width:940px;margin:0 auto;padding:clamp(80px,9vw,128px) 24px clamp(40px,5vw,70px);}
.demo-page .demo-section-tag {font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#b75027;font-weight:800;margin:0 0 22px;}
.demo-page .demo-intro h2,.demo-page .demo-buy-heading h2 {font-size:clamp(37px,4vw,66px);line-height:1.11;letter-spacing:-.045em;color:#19384c;margin:0 0 25px;}
.demo-page .demo-intro h2 span,.demo-page .demo-buy-heading h2 span {color:#637d8e;}
.demo-page .demo-intro>p:last-child {max-width:740px;margin:0 auto;font-size:18px;color:#577083;line-height:1.7;}
.demo-page .demo-story {display:grid;grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:clamp(35px,5vw,78px);align-items:center;padding:clamp(42px,5vw,80px) clamp(24px,5vw,80px);max-width:1700px;margin:0 auto;}
.demo-page .demo-story+.demo-story {border-top:1px solid #dbe5eb;}
.demo-page .demo-story-reverse {grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);}
.demo-page .demo-story-reverse .demo-story-copy {grid-column:2;grid-row:1;}
.demo-page .demo-story-reverse .demo-figure {grid-column:1;grid-row:1;}
.demo-page .demo-story-copy {max-width:530px;}
.demo-page .demo-step {font-size:13px;font-weight:800;color:#b75027;letter-spacing:.09em;text-transform:uppercase;}
.demo-page .demo-story-copy h2 {color:#19384c;font-size:clamp(32px,3.4vw,55px);line-height:1.12;margin:21px 0;letter-spacing:-.045em;}
.demo-page .demo-story-copy p {font-size:17px;line-height:1.75;color:#536d7e;}
.demo-page .demo-story-copy ul {list-style:none;padding:20px 0 0;margin:24px 0 0;border-top:1px solid #d7e1e7;}
.demo-page .demo-story-copy li {position:relative;padding:6px 0 7px 27px;font-size:15px;line-height:1.55;color:#2a4a5b;font-weight:600;}
.demo-page .demo-story-copy li::before {content:"✓";position:absolute;left:0;color:#b75027;font-weight:800;}
.demo-page .demo-story-copy .demo-smallprint {border-left:3px solid #b75027;padding-left:17px;font-size:13px;margin-top:25px;}
.demo-page .demo-figure {margin:0;min-width:0;}
.demo-page .demo-figure img {width:100%;height:auto;display:block;border-radius:17px;background:#ecf2f6;box-shadow:0 22px 65px rgba(19,49,69,.13);border:1px solid #d4e0e8;}
.demo-page .demo-figure figcaption {font-size:13px;color:#60798a;margin:14px 0 0;}
.demo-page .demo-buy {background:#eef3f6;padding:clamp(76px,8vw,128px) clamp(24px,6vw,100px);margin-top:70px;}
.demo-page .demo-buy-heading {max-width:950px;margin:0 auto 42px;text-align:center;}
.demo-page .demo-buy-heading>p:last-child {max-width:730px;margin:0 auto;color:#536d7e;font-size:17px;line-height:1.7;}
.demo-page .demo-buy-plans {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1050px;margin:0 auto;}
.demo-page .demo-plan {padding:clamp(24px,4vw,44px);border-radius:17px;background:#fff;border:1px solid #d9e4eb;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 30px rgba(30,55,76,.04);}
.demo-page .demo-plan-featured {background:#19384c;color:#fff;border-color:#19384c;box-shadow:0 16px 45px rgba(25,56,76,.17);}
.demo-page .demo-plan-label {text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#b75027;font-size:12px;margin:0 0 24px;}
.demo-page .demo-plan-featured .demo-plan-label {color:#ffb99b;}
.demo-page .demo-plan h3 {font-size:26px;margin:0 0 12px;letter-spacing:-.035em;}
.demo-page .demo-price {font-weight:800;font-size:clamp(42px,4.5vw,66px);line-height:1;margin:18px 0 0;}
.demo-page .demo-plan .demo-price+p {margin:7px 0 24px;color:#5d7382;font-size:14px;}
.demo-page .demo-plan-featured .demo-price+p {color:#a7c8d9;}
.demo-page .demo-plan>p:nth-last-of-type(1) {color:#526e80;font-size:16px;line-height:1.68;flex:1;}
.demo-page .demo-plan-featured>p:nth-last-of-type(1) {color:#d5e7ef;}
.demo-page .demo-plan>a {display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:51px;padding:13px 18px;border:1px solid #19384c;border-radius:9px;width:100%;margin-top:24px;font-size:15px;font-weight:800;color:#19384c;}
.demo-page .demo-plan-featured>a {background:#ff5a3c;border-color:#ff5a3c;color:#fff;}
.demo-page .demo-plan>a:hover {background:#e9f0f4;}
.demo-page .demo-plan-featured>a:hover {background:#e63c1e;}
.demo-page .demo-buy-note {max-width:930px;text-align:center;font-size:14px;line-height:1.7;color:#506b7b;margin:30px auto 0;}
.demo-page .demo-login {text-align:center;color:#304d5e;margin:22px auto 0;font-size:15px;}
.demo-page .demo-login a {color:#a94020;font-weight:800;text-decoration:underline;text-underline-offset:4px;}
.demo-page footer {grid-template-columns:minmax(190px,.9fr) minmax(250px,1.4fr);}
.demo-page footer .footer-contact a {text-decoration:underline;}
@media(max-width:1120px) {
 .demo-page .demo-menu {display:block;}
 .demo-page .site-header .header-cta {display:none;}
 .demo-page .demo-value {grid-template-columns:repeat(2,minmax(0,1fr));}
 .demo-page .demo-value>div:nth-child(2) {border-right:0;}
 .demo-page .demo-value>div {padding:20px;}
 .demo-page .demo-value>div:first-child {padding-left:20px;}
}
@media(max-width:960px) {
 .demo-page .demo-hero,.demo-page .demo-story,.demo-page .demo-story-reverse {grid-template-columns:minmax(0,1fr);gap:40px;}
 .demo-page .demo-hero-screen {transform:none;max-width:850px;}
 .demo-page .demo-story-reverse .demo-story-copy,.demo-page .demo-story-reverse .demo-figure {grid-column:1;grid-row:auto;}
 .demo-page .demo-story-copy {max-width:800px;}
 .demo-page .demo-figure {max-width:950px;width:100%;}
}
@media(max-width:650px) {
 .demo-page .demo-hero {padding:56px 20px 55px;}
 .demo-page .demo-hero h1 {font-size:clamp(38px,10vw,55px);}
 .demo-page .demo-actions {display:grid;grid-template-columns:1fr;}
 .demo-page .demo-button {width:100%;}
 .demo-page .demo-value {grid-template-columns:1fr;}
 .demo-page .demo-value>div {border-right:0;border-bottom:1px solid #e0e7ea;}
 .demo-page .demo-value>div:last-child {border-bottom:0;}
 .demo-page .demo-intro {padding:70px 20px 35px;text-align:left;}
 .demo-page .demo-intro>p:last-child {font-size:16px;}
 .demo-page .demo-story {padding:42px 20px;}
 .demo-page .demo-story-copy h2 {font-size:36px;}
 .demo-page .demo-story-copy p {font-size:16px;}
 .demo-page .demo-figure figcaption {font-size:12px;}
 .demo-page .demo-buy {padding:70px 20px;}
 .demo-page .demo-buy-plans {grid-template-columns:1fr;}
 .demo-page .demo-buy-heading {text-align:left;}
}
@media(prefers-reduced-motion:reduce) {
 .demo-page .demo-button {transition:none;}
 .demo-page .demo-button:hover {transform:none;}
}