/* Business-page art direction. The existing 1600 × 900 stage and demo controls remain. */
.visual-v7{--v7-navy:#102d50;--v7-blue:#216bd0;--v7-gold:#b78e53;--v7-line:#cdd8e3;--v7-shadow:0 20px 40px #17345216;background:radial-gradient(ellipse at 95% 7%,#e6eef5 0,transparent 45%),linear-gradient(135deg,#fffefa,#f3f6f8)!important}
.visual-v7 .reference-head{border-bottom:1px solid #ccd6df;height:76px}
.visual-v7 .reference-head h2{color:#142f4d;font-size:42px;letter-spacing:-1.1px}
.visual-v7 .reference-head .chapter-tag{background:linear-gradient(140deg,#174d85,#112f51);box-shadow:0 5px 12px #18304a15;border-radius:9px}
.visual-v7 .page-content{top:142px;bottom:52px}
.v7-board{position:relative;width:100%;height:100%;isolation:isolate;min-width:0;min-height:0}
.v7-board>*,.v7-board div{min-width:0}
.v7-photo{position:relative;overflow:hidden;margin:0;border-radius:20px;isolation:isolate;background:#132d49;box-shadow:var(--v7-shadow)}
.v7-photo img{display:block;width:100%;height:100%;object-fit:cover}
.v7-photo-light{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#cce8ff0a,transparent 50%,#e1b97014)}
.v7-photo-light i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#fff7d5;box-shadow:0 0 10px 3px #ffd58a70;animation:v7-spark 7s var(--delay) ease-in-out infinite}
@keyframes v7-spark{0%,100%{opacity:.15;transform:translateY(6px)}50%{opacity:.85;transform:translateY(-12px)}}
.visual-v7 .premium-atmosphere{opacity:.5}
.visual-v7 :is(.work-window,.paper-preview,.grading-paper,.contract-paper,.invoice-paper){background:#fffefa;border:1px solid #cbd7e2;border-radius:20px;box-shadow:0 18px 36px #1232541a}
.visual-v7 .work-window-bar{background:linear-gradient(100deg,#edf2f6,#fcfaf5);border-bottom:1px solid #d8e1e8;color:#355675;height:46px}
.visual-v7 .work-window-body{color:#244661}
.visual-v7 .action{background:#fcfdfd;border:1px solid #b7c9d9;box-shadow:0 5px 12px #16344d10;color:#214b71;border-radius:10px}
.visual-v7 .action.primary{background:linear-gradient(120deg,#205fa3,#133b67);border-color:#215f9b;box-shadow:0 7px 15px #123c6425;color:white}
.visual-v7 .work-pill{background:#edf3f6;border-color:#d0dce5;color:#426680;border-radius:7px}
.visual-v7 .compare strong{font-size:68px;letter-spacing:-2px;font-weight:550;color:#8493a1}
.visual-v7 .compare .after strong{color:#1c60a3;font-weight:650}
.visual-v7 .compare small{color:#5c7185;font-size:17px}
.visual-v7 .compare span{color:#718393}
.visual-v7 .metric-note{font-size:17px;color:#677d90}
.visual-v7 [data-reveal].is-current{box-shadow:0 0 0 2px #a4c6e7,0 12px 28px #183c5c1a;border-color:#6a9acb}
.visual-v7 :is(.efficiency-strip,.work-impact){margin:0;border:1px solid #cfdae4;border-radius:16px;background:linear-gradient(110deg,#e7eef4,#fcfaf4);padding:24px 30px;min-height:104px;box-shadow:0 7px 20px #123c5810}
.visual-v7 .work-impact{display:flex;align-items:center;gap:24px}
.visual-v7 .work-impact>p{flex:1;font-size:20px;color:#405c73}
.visual-v7 .work-impact>div{margin-left:auto}
.visual-v7 .work-impact>small{align-self:center}
.visual-v7 .efficiency-strip>span{font-size:19px;color:#486277}
.visual-v7 .efficiency-strip>div b,.visual-v7 .work-impact>div>span:last-child b{color:#215c98}

/* P12: bright cost comparison, with small physical objects and readable amounts. */
.visual-v7.visual-p3{background:radial-gradient(ellipse at 90% 8%,#eaf7fc,transparent 48%),linear-gradient(125deg,#fffefb,#f5fbfa)!important}
.visual-v7.visual-p3 .v7-board{display:grid;grid-template-rows:198px 1fr;gap:24px}
.visual-v7.visual-p3 .social-cost-context{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:0}
.visual-v7.visual-p3 .social-cost-context>article{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:26px;padding:18px 28px;border:1px solid #d6e7ed;border-radius:22px;box-shadow:0 12px 28px #2b63830a;min-width:0}
.visual-v7.visual-p3 .social-workforce{background:linear-gradient(115deg,#eef7ff,#f7fbff)}
.visual-v7.visual-p3 .social-manual{background:linear-gradient(115deg,#fffaf0,#fffefb);border-color:#eae4d5!important}
.visual-v7.visual-p3 .cost-illustration{width:160px;height:160px;margin:0;display:grid;place-items:center}
.visual-v7.visual-p3 .cost-illustration img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 8px #517d9c14)}
.visual-v7.visual-p3 .cost-summary-copy>small{display:block;font-size:20px;line-height:1.35;color:#6a7f8b}
.visual-v7.visual-p3 .cost-stat{display:flex;align-items:baseline;gap:12px;color:#246da8}
.visual-v7.visual-p3 .cost-stat>strong{font:650 66px/1.1 Arial,sans-serif;letter-spacing:-2px}
.visual-v7.visual-p3 .cost-stat>span{font-size:22px;line-height:1.4;color:#4a718e}
.visual-v7.visual-p3 .cost-summary-copy>p{margin:10px 0 0;font-size:21px;line-height:1.55;color:#59768a}
.visual-v7.visual-p3 .social-manual .cost-stat{color:#7b6348;margin-top:3px}
.visual-v7.visual-p3 .social-manual .cost-stat>strong{font-size:54px}
.visual-v7.visual-p3 .social-manual .cost-summary-copy>p{font-size:20px;margin-top:4px}
.visual-v7.visual-p3 .social-manual .cost-summary-copy b{font-weight:600;color:#8b6942}
.visual-v7.visual-p3 .insurance-panel{display:grid;grid-template-rows:58px 1fr;gap:18px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;min-height:0}
.visual-v7.visual-p3 .insurance-panel-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:0 3px}
.visual-v7.visual-p3 .insurance-panel-head h3{display:flex;align-items:center;gap:12px;font-size:29px;line-height:1.35;font-weight:600;color:#315d76;margin:0}
.visual-v7.visual-p3 .insurance-panel-head h3 .icon{width:30px;height:30px;color:#459d92}
.visual-v7.visual-p3 .insurance-panel-head p{margin:0;font-size:19px;line-height:1.5;color:#567486;white-space:nowrap}
.visual-v7.visual-p3 .insurance-comparison{display:grid;grid-template-columns:.84fr 1.28fr 1fr;gap:22px;min-height:0}
.visual-v7.visual-p3 .insurance-case{display:flex;flex-direction:column;position:relative;min-width:0;min-height:0;overflow:hidden;padding:24px 28px;border:1px solid #d8e8e8;border-radius:22px;background:#fff;box-shadow:0 12px 28px #2b63830a}
.visual-v7.visual-p3 .insurance-current{background:linear-gradient(145deg,#f0fbf6,#e6f4ed);border-color:#cfe5db}
.visual-v7.visual-p3 .insurance-group{background:linear-gradient(145deg,#eef8ff,#e5f2fc);border-color:#bcdcf1}
.visual-v7.visual-p3 .insurance-executive{background:linear-gradient(145deg,#fffefa,#f8faf8);border-color:#e0e6df}
.visual-v7.visual-p3 .insurance-case-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.visual-v7.visual-p3 .insurance-case-label{font-size:25px;line-height:1.4;font-weight:600;color:#32677e;white-space:nowrap}
.visual-v7.visual-p3 .insurance-current .insurance-case-label{color:#467b68}
.visual-v7.visual-p3 .insurance-case-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #bdd9ec;border-radius:13px;background:#ffffffb3;box-shadow:0 4px 9px #2e74a70b;color:#438cb8}
.visual-v7.visual-p3 .insurance-case-icon .icon{width:26px;height:26px}
.visual-v7.visual-p3 .insurance-executive .insurance-case-icon{border-color:#d9e3da;color:#69927f}
.visual-v7.visual-p3 .insurance-salary{font-size:21px;line-height:1.5;color:#52738a;margin:7px 0 0}
.visual-v7.visual-p3 .insurance-salary>b{font-weight:600;font-variant-numeric:tabular-nums;color:#376e94}
.visual-v7.visual-p3 .insurance-total{font:650 74px/1.13 Arial,sans-serif;letter-spacing:-2.5px;white-space:nowrap;color:#43816e;margin:22px 0 0}
.visual-v7.visual-p3 .insurance-total>small{font:500 22px/1.4 var(--deck-font);letter-spacing:0;margin-left:10px;color:#668a82}
.visual-v7.visual-p3 .insurance-wallet{width:178px;height:178px;margin:auto auto 0;flex:none}
.visual-v7.visual-p3 .insurance-wallet img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 11px 12px #2f836720)}
.visual-v7.visual-p3 .insurance-group-amount{margin:20px 0 18px}
.visual-v7.visual-p3 .insurance-group-caption{display:block;font-size:21px;line-height:1.4;color:#4d708a}
.visual-v7.visual-p3 .insurance-group .insurance-total{font-size:88px;line-height:1.1;margin:5px 0 0;color:#287fb9;letter-spacing:-3px}
.visual-v7.visual-p3 .insurance-group .insurance-total>small{color:#5486a3}
.visual-v7.visual-p3 .insurance-group-person{font-size:20px;line-height:1.5;margin:11px 0 0;color:#4d708a}
.visual-v7.visual-p3 .insurance-executive .insurance-total{margin-top:12px;color:#4b7b75}
.visual-v7.visual-p3 .insurance-parts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.visual-v7.visual-p3 .insurance-parts>span{padding:11px 15px;border:1px solid #dfe9e5;border-radius:12px;background:#f3f8f5;font-size:18px;line-height:1.4;color:#5a7969}
.visual-v7.visual-p3 .insurance-parts b{display:block;margin-top:4px;font:600 28px/1.2 Arial,sans-serif;color:#527d6b;font-variant-numeric:tabular-nums}
.visual-v7.visual-p3 .insurance-delta{margin-top:auto;padding:14px 17px;border:1px solid #cfe2ee;border-radius:12px;background:#ffffffad;color:#3e6a85;font-size:20px;line-height:1.4;white-space:nowrap}
.visual-v7.visual-p3 .insurance-delta strong{font:600 25px/1.2 Arial,sans-serif;color:#487b70}
.visual-v7.visual-p3 .insurance-executive .insurance-delta{border-color:#dce7e0;color:#527363}

/* Opening diagnosis: edge-to-edge photographic panels, then a teaching mosaic. */
.visual-v7.visual-project-ai-change .v7-board{display:grid;grid-template-rows:116px 1fr;gap:22px}
.visual-project-ai-change .ai-change-intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:0 8px}
.visual-project-ai-change .ai-change-intro>p{margin:0;color:#64798b;font-size:27px;line-height:1.8}
.visual-project-ai-change .ai-change-intro>p strong{color:#204968;font-size:31px;font-weight:600}
.visual-project-ai-change .ai-change-adopters{flex-shrink:0;border-left:1px solid #c9d5df;padding:5px 0 5px 34px}
.visual-project-ai-change .ai-change-adopters>span{display:block;margin-bottom:13px;font-size:20px;color:#697f90}
.visual-project-ai-change .ai-change-adopters>strong{display:block;font-size:30px;font-weight:600;color:#234968;letter-spacing:1px}
.visual-project-ai-change .ai-change-adopters>strong>span{padding:0 19px;color:#ae8d5b}
.visual-project-ai-change .ai-change-systems{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px;min-height:0}
.visual-project-ai-change .ai-change-system{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 164px;min-height:0;overflow:hidden;isolation:isolate;border:1px solid #d4e4eb;border-radius:22px;background:#f6fbff;box-shadow:0 15px 30px #38647f12}
.visual-project-ai-change .ai-change-system>.v7-photo{position:relative;min-height:0;border-radius:0;box-shadow:none;background:#f0f8fa}
.visual-project-ai-change .ai-change-system>.v7-photo img{object-position:center}
.visual-project-ai-change .ai-change-system>.v7-photo .v7-photo-light{background:none}
.visual-project-ai-change .ai-change-system-copy{position:relative;z-index:2;padding:25px 34px 27px;border-top:1px solid #deebf0;background:linear-gradient(115deg,#fff,#f2f9fd);box-shadow:inset 0 1px 0 #fff}
.visual-project-ai-change .ai-change-system-copy h3{font-size:38px;line-height:1.4;font-weight:600;color:#2c648c;letter-spacing:.3px;margin:0 0 12px}
.visual-project-ai-change .ai-change-system-copy p{font-size:24px;line-height:1.5;color:#607b8f;margin:0}
.visual-project-ai-change .ai-change-system:last-of-type{border-color:#d3e6df}
.visual-project-ai-change .ai-change-system:last-of-type .ai-change-system-copy{border-color:#dfede6;background:linear-gradient(115deg,#fff,#f1f9f5)}
.visual-project-ai-change .ai-change-system:last-of-type h3{color:#42796c}
.visual-project-ai-change .ai-change-plus{position:absolute;z-index:3;left:50%;top:36%;transform:translate(-50%,-50%);display:grid;place-items:center;width:86px;height:86px;padding:0;border-radius:50%;border:1px solid #f5ffff;background:conic-gradient(from 145deg,#a8d8ce,#f8ffff 17%,#95c6d5 36%,#fff 52%,#b9ded8 74%,#e5f7fd 90%,#a8d8ce);box-shadow:0 12px 25px #397a8730,0 0 0 5px #ffffffa8,0 0 28px #8ad8e12b,inset 0 1px 2px #fff;isolation:isolate;pointer-events:none}
.visual-project-ai-change .ai-change-plus::before{content:"";position:absolute;inset:6px;border:1px solid #ffffffed;border-radius:inherit;background:radial-gradient(ellipse at 30% 18%,#fff 6%,#ffffff00 62%),linear-gradient(145deg,#faffff,#eaf7f6 68%,#d3eae7);box-shadow:inset 0 2px 5px #fff,inset 0 -3px 6px #75ada522,0 1px 3px #4e929326}
.visual-project-ai-change .ai-change-plus::after{content:"";position:absolute;inset:11px;border:1px solid #b6d9d94d;border-top-color:#fff;border-left-color:#fff;border-radius:inherit;box-shadow:0 0 0 1px #ffffff40}
.visual-project-ai-change .ai-change-plus>svg{position:relative;z-index:2;display:block;width:46px;height:46px;filter:drop-shadow(0 1px 1px #2d747832)}
/* P13–P14: daylight education scenes and light surfaces, matching the cost page. */
.visual-v7:is(.visual-project-problems,.visual-project-teaching-pain){background:radial-gradient(ellipse at 90% 8%,#eaf7fc,transparent 48%),linear-gradient(125deg,#fffefb,#f5fbfa)!important}
.visual-v7:is(.visual-project-problems,.visual-project-teaching-pain) .v7-photo{background:#f3f9fb}
.visual-v7:is(.visual-project-problems,.visual-project-teaching-pain) .v7-photo-light{background:none}
.visual-v7.visual-project-problems .v4-before-grid{height:100%;padding:0;gap:22px}
.visual-v7.visual-project-problems .v4-before-card{--pain-ink:#326b94;--pain-line:#cce0ee;--pain-tint:#edf6fd;height:100%;display:grid;grid-template-rows:408px minmax(0,1fr);position:relative;border:1px solid var(--pain-line);border-radius:22px;box-shadow:0 14px 30px #38647f0b;background:linear-gradient(150deg,#fff,#f5faff)}
.visual-v7.visual-project-problems .v4-before-card:nth-child(2){--pain-ink:#427b6c;--pain-line:#cfe3d9;--pain-tint:#edf8f2;background:linear-gradient(150deg,#fff,#f2faf6)}
.visual-v7.visual-project-problems .v4-before-card:nth-child(3){--pain-ink:#397c87;--pain-line:#cce3e6;--pain-tint:#edf8f9;background:linear-gradient(150deg,#fff,#f2fafb)}
.visual-v7.visual-project-problems .v4-before-card:nth-child(4){--pain-ink:#886f47;--pain-line:#e6ddcb;--pain-tint:#faf5e9;background:linear-gradient(150deg,#fff,#fcfaf4)}
.visual-v7.visual-project-problems .v4-before-card>.v7-photo{position:relative;inset:auto;height:100%;min-height:0;border-radius:0;box-shadow:none}
.visual-v7.visual-project-problems .v4-before-card img{object-position:center}
.visual-v7.visual-project-problems .v4-before-card:after{content:none;background:none}
.visual-v7.visual-project-problems .v4-before-card>div{position:relative;inset:auto;z-index:2;min-height:0;padding:27px 25px 30px;border-top:1px solid var(--pain-line)}
.visual-v7.visual-project-problems .v4-before-card small{display:inline-flex;align-items:center;color:var(--pain-ink);border:1px solid var(--pain-line);background:var(--pain-tint);padding:5px 13px;border-radius:8px;font-size:20px;font-weight:600;line-height:1.3}
.visual-v7.visual-project-problems .v4-before-card h3{font-size:30px;color:var(--pain-ink);font-weight:600;margin:19px 0 13px;line-height:1.4;letter-spacing:-.3px;white-space:nowrap}
.visual-v7.visual-project-problems .v4-before-card p{font-size:21px;color:#597487;line-height:1.75;margin:0}
.visual-v7.visual-project-teaching-pain .v7-board{display:grid;grid-template-columns:1.05fr 1fr;gap:26px}
.visual-v7.visual-project-teaching-pain .industry-learning-banner{height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) 190px;border:1px solid #d2e3e8;border-radius:22px;background:#f7fbfd;box-shadow:0 14px 30px #38647f0b}
.visual-v7.visual-project-teaching-pain .industry-learning-banner>.v7-photo{position:relative;inset:auto;height:100%;min-height:0;border-radius:0;box-shadow:none}
.visual-v7.visual-project-teaching-pain .industry-learning-banner img{object-position:center}
.visual-v7.visual-project-teaching-pain .industry-learning-banner:after{content:none;background:none}
.visual-v7.visual-project-teaching-pain .industry-learning-banner>div{position:relative;inset:auto;padding:25px 34px;background:linear-gradient(115deg,#fff,#eff8fc);border-top:1px solid #dcebf0;color:#326b89}
.visual-v7.visual-project-teaching-pain .industry-learning-banner small{font-size:20px;line-height:1.4;color:#57788a}
.visual-v7.visual-project-teaching-pain .industry-learning-banner h3{font-size:32px;line-height:1.45;font-weight:600;margin:12px 0 0;color:#32627f}
.visual-v7.visual-project-teaching-pain .industry-learning-pains{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:22px;margin:0}
.visual-v7.visual-project-teaching-pain .industry-learning-pains>article{--pain-ink:#326b94;--pain-line:#cce0ee;--pain-tint:#edf6fd;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:24px 28px 24px 110px;position:relative;background:linear-gradient(115deg,#fff,#f0f8fe);border:1px solid var(--pain-line);border-radius:20px;box-shadow:0 12px 25px #38647f08}
.visual-v7.visual-project-teaching-pain .industry-learning-pains>article:nth-child(2){--pain-ink:#427b6c;--pain-line:#cfe3d9;--pain-tint:#edf8f2;background:linear-gradient(115deg,#fff,#f0faf5)}
.visual-v7.visual-project-teaching-pain .industry-learning-pains>article:nth-child(3){--pain-ink:#886f47;--pain-line:#e6ddcb;--pain-tint:#faf5e9;background:linear-gradient(115deg,#fff,#fcf9ef)}
.visual-v7.visual-project-teaching-pain .learning-pain-role{position:absolute;left:27px;top:50%;transform:translateY(-50%);display:flex;align-items:center;flex-direction:column;gap:12px;width:57px;color:var(--pain-ink);font-size:19px;line-height:1.4}
.visual-v7.visual-project-teaching-pain .learning-pain-role .icon{width:56px;height:56px;padding:12px;border:1px solid var(--pain-line);border-radius:16px;background:var(--pain-tint);color:var(--pain-ink)}
.visual-v7.visual-project-teaching-pain .industry-learning-pains h3{font-size:30px;line-height:1.4;font-weight:600;margin:0 0 12px;color:var(--pain-ink)}
.visual-v7.visual-project-teaching-pain .industry-learning-pains p{font-size:21px;line-height:1.65;margin:0;color:#597487}
.visual-v7.visual-project-teaching-pain .industry-learning-pains>article.is-current{border-color:var(--pain-ink);box-shadow:0 0 0 2px var(--pain-tint),0 12px 25px #38647f0c}
/* P16: physical product icons sit above a shared data network. */
.visual-v7.visual-project-platform{background:radial-gradient(ellipse at 50% 78%,#e0edf7 0,transparent 43%),linear-gradient(120deg,#fffefa,#edf3f9)!important}
.visual-v7.visual-project-platform .premium-atmosphere{display:none}
.visual-project-platform .pf-flow{position:relative;width:1472px;height:706px;isolation:isolate}
.visual-project-platform .pf-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.visual-project-platform .pf-floor-shadow{fill:#47698a17;filter:blur(9px);transform:translateY(9px)}
.visual-project-platform .pf-track{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.visual-project-platform .pf-track.pf-business{stroke:#8ba9cc}
.visual-project-platform .pf-track.pf-record{stroke:#7fa8b8;stroke-opacity:.48}
.visual-project-platform .pf-track.pf-return{stroke:#bda16d;stroke-width:1.8}
.visual-project-platform .pf-current{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:4 96;stroke-dashoffset:100;animation:pf-current 5.8s var(--pf-delay,0s) linear infinite;filter:drop-shadow(0 0 3px #54a5e99a)}
.visual-project-platform .pf-current.pf-business{stroke:#4589d6;stroke-width:2.5;stroke-dasharray:17 83;animation-duration:3.6s}
.visual-project-platform .pf-current.pf-record{stroke:#69b7c5}
.visual-project-platform .pf-current.pf-return{stroke:#d6b877;filter:drop-shadow(0 0 3px #d6b87775)}
.visual-project-platform .pf-port{fill:#fffefa;stroke:#91b5c5;stroke-width:2}
.visual-project-platform .pf-junction-halo{fill:#81bbc61a;stroke:#8cb9c65e;stroke-width:1}
.visual-project-platform .pf-junction{fill:#fffefa;stroke:#65a0ba;stroke-width:2.4;filter:drop-shadow(0 0 5px #6bb1da60)}
.visual-project-platform .pf-return-label{position:absolute;left:927px;top:0;padding:3px 19px 5px;background:#f5f6f3;color:#927340;font-size:19px;line-height:25px;letter-spacing:.8px;border-radius:20px}
.visual-project-platform .pf-step{position:absolute;top:58px;left:calc(var(--pf-x) - 96px);width:192px;padding:0;margin:0;text-align:center;background:none;border:0;border-radius:20px;color:#173d63;cursor:pointer;font:inherit;appearance:none}
.visual-project-platform .pf-icon-stage{position:relative;display:block;width:192px;height:188px;isolation:isolate}
.visual-project-platform .pf-icon{width:100%;height:100%;display:block;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 10px 9px #173c651c);transition:transform .65s ease,filter .65s ease}
.visual-project-platform .pf-object-halo{position:absolute;left:15%;right:15%;height:32px;bottom:4px;border-radius:50%;background:radial-gradient(ellipse,#88b6e552,transparent 70%);filter:blur(6px);opacity:.1;transition:opacity .6s ease}
.visual-project-platform .pf-step h3{color:#173d63;font-size:33px;font-weight:650;line-height:44px;margin:6px 0 1px;letter-spacing:2px}
.visual-project-platform .pf-step p{color:#6b8194;font-size:20px;line-height:28px;margin:0;white-space:nowrap}
.visual-v7.visual-project-platform .pf-flow [data-reveal]{opacity:1;transform:none}
.visual-v7.visual-project-platform .pf-flow .pf-step.is-current{box-shadow:none;border-color:transparent}
.visual-project-platform .pf-step:is(.is-current,:hover) .pf-icon{transform:translateY(-7px);filter:drop-shadow(0 16px 11px #1e64a832)}
.visual-project-platform .pf-step:is(.is-current,:hover) .pf-object-halo{opacity:1}
.visual-project-platform .pf-step:is(.is-current,:hover) h3{color:#246ac1}
.visual-project-platform .pf-step:focus-visible,.visual-project-platform .pf-dock:focus-visible{outline:3px solid #337ec8;outline-offset:8px}
.visual-project-platform .pf-dock{position:absolute;top:466px;width:414px;height:220px;padding:24px 22px;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #cedbe6;border-bottom:4px solid #b7c9da;border-radius:24px;background:linear-gradient(135deg,#fffefa,#f3f7fb);box-shadow:0 22px 28px #1e456a16,inset 0 1px 0 #fff;font:inherit;color:#173d63;appearance:none}
.visual-project-platform button.pf-dock{cursor:pointer}
.visual-project-platform .pf-finance{left:0}
.visual-project-platform .pf-assistant{left:1058px}
.visual-project-platform .pf-data{left:516px;width:440px;border-color:#7195b6;border-bottom-color:#173b60;background:linear-gradient(125deg,#20496e,#103351);box-shadow:0 22px 35px #15395730,inset 0 1px 0 #c1dcf744;gap:10px;padding-left:19px}
.visual-project-platform .pf-dock-icon{display:block;width:126px;height:155px;flex-shrink:0}
.visual-project-platform .pf-data .pf-dock-icon{width:128px;height:165px;filter:drop-shadow(0 8px 10px #071d3d44)}
.visual-project-platform .pf-dock h3{font-size:29px;line-height:42px;margin:7px 0 10px;font-weight:650;color:#1b4568;white-space:nowrap}
.visual-project-platform .pf-dock p{font-size:22px;line-height:1.6;color:#6c8296;margin:0}
.visual-project-platform .pf-eyebrow{font-size:17px;line-height:25px;letter-spacing:.2px;color:#8a744c}
.visual-project-platform .pf-data h3{color:#fffaf1;font-size:29px}
.visual-project-platform .pf-data p{color:#bfd3e4}
.visual-project-platform .pf-data .pf-eyebrow{color:#d5bc8b}
.visual-v7.visual-project-platform .pf-flow .pf-dock.is-current{box-shadow:0 0 0 2px #a1c8e4,0 22px 35px #15395725;border-color:#88b3d3}
@keyframes pf-current{to{stroke-dashoffset:0}}
.visual-project-platform:not(.is-active) .pf-current,html[data-motion-paused="true"] .visual-project-platform .pf-current{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.visual-project-platform .pf-current{animation:none!important;opacity:0}.visual-project-platform .pf-icon,.visual-project-platform .pf-object-halo{transition:none!important;transform:none!important}}
.visual-v7.visual-project-impact .v7-board{display:grid;grid-template-rows:520px 164px;gap:22px}
.visual-v7.visual-project-impact .industry-impact-grid{height:auto;margin:0;gap:22px}
.visual-v7.visual-project-impact .industry-impact-grid>article{position:relative;padding:236px 28px 25px;min-height:0;border-radius:20px;overflow:hidden;background:#fffefa;border:1px solid #c6d5e1;box-shadow:var(--v7-shadow)}
.visual-v7.visual-project-impact .industry-impact-grid .v7-photo{position:absolute;top:0;left:0;right:0;height:208px;border-radius:0}
.visual-v7.visual-project-impact .impact-card-heading h3{font-size:26px}
.visual-v7.visual-project-impact .impact-pair{display:grid;grid-template-columns:max-content 26px 1fr;gap:16px;margin:22px 0;align-items:center}
.visual-v7.visual-project-impact .impact-pair>div{gap:12px}
.visual-v7.visual-project-impact .impact-pair .impact-quantity{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.visual-v7.visual-project-impact .impact-pair strong{font-size:52px;line-height:1;letter-spacing:-2px}
.visual-v7.visual-project-impact .impact-pair .impact-after strong{font-size:66px;color:#1461df}
.visual-v7.visual-project-impact .impact-quantity em{font-size:20px;font-style:normal;line-height:1.2;letter-spacing:0;color:#6a8298}
.visual-v7.visual-project-impact .impact-after .impact-quantity em{font-size:23px;color:#2467ab}
.visual-v7.visual-project-impact .impact-pair small{white-space:nowrap}
.visual-v7.visual-project-impact .industry-impact-grid article>b{font-size:18px;color:#375c78}
.visual-v7.visual-project-impact .industry-value-strip{margin:0;gap:22px}
.visual-v7.visual-project-impact .industry-value-strip>div{padding:28px 32px;border:1px solid #c8d7e3;background:#edf3f6;border-radius:18px;display:flex;flex-direction:column;justify-content:center}
.visual-v7.visual-project-impact .industry-value-strip strong{font-size:24px;line-height:1.6}

/* A complete route across the stage; the three supporting systems get their own imagery. */
.visual-v7:is(.visual-p2,.visual-v7.visual-p29) .v7-board{display:grid;grid-template-rows:406px 278px;gap:22px}
.visual-v7 .cycle-diagram{height:406px;margin:0;border-radius:22px;background:linear-gradient(140deg,#e5edf4,#f7fafb);border:1px solid #c7d7e5;box-shadow:inset 0 1px #fff;overflow:hidden}
.visual-v7 .cycle-lines{width:1440px;left:15px;top:14px}
.visual-v7 .flow-node{top:35px;height:215px;width:174px;transform:translateX(15px);border:1px solid #bbcddc;border-radius:16px;background:#fffefa;box-shadow:0 10px 22px #173e5e17}
.visual-v7 .flow-node strong{font-size:33px;color:#224963}
.visual-v7 .flow-node small{font-size:16px;color:#8195a5}
.visual-v7 .flow-node span{font-size:17px;color:#5e788c}
.visual-v7 .flow-node.is-current{background:linear-gradient(140deg,#1c5588,#0c2e50);box-shadow:0 12px 26px #12364f30}
.visual-v7 .flow-node.is-current :is(strong,small,span){color:white}
.visual-v7 .support-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;height:278px;margin:0}
.visual-v7 .support-lanes>div{display:grid;grid-template-columns:155px 1fr;grid-template-rows:1fr 1fr;gap:8px 26px;padding:0 24px 0 0;overflow:hidden;border:1px solid #c7d6e1;border-left:0;border-radius:18px;background:#fffefa;box-shadow:var(--v7-shadow)}
.visual-v7 .support-lanes .v7-photo{grid-row:1/3;grid-column:1;height:100%;border-radius:0}
.visual-v7 .support-lanes b{grid-column:2;align-self:end;font-size:27px;margin:0;color:#234660}
.visual-v7 .support-lanes span{grid-column:2;align-self:start;font-size:18px;line-height:1.8;color:#698092}

/* Admissions: source photograph and actual record, then a full activity-cost view. */
.visual-v7.visual-p7 .v7-board,.visual-v7.visual-p26 .v7-board,.visual-v7.visual-p33 .v7-board{display:grid;grid-template-rows:578px 106px;gap:22px}
.visual-v7.visual-p4 .v7-board{display:grid;grid-template-rows:546px 138px;gap:22px}
.visual-p4 .acq-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:0}
.visual-p4 .acq-panel{overflow:hidden;border-radius:23px;border:1px solid #ccd9e4;background:#fffefa;box-shadow:0 16px 32px #1b395314;min-width:0}
.visual-p4 .acq-panel>header{height:64px;padding:0 25px;display:flex;align-items:center;gap:22px;background:linear-gradient(110deg,#f1eee8,#faf8f4);border-bottom:1px solid #dadbd8}
.visual-p4 .acq-panel>header>strong{font-size:27px;letter-spacing:1px;color:#6b6f72}
.visual-p4 .acq-panel>header>span{font-size:22px;color:#7c8389}
.visual-p4 .acq-now{border-color:#a8bfd5;box-shadow:0 16px 36px #17446f1a}
.visual-p4 .acq-now>header{background:linear-gradient(105deg,#143d66,#215984);border-color:#275e89}
.visual-p4 .acq-now>header>strong{color:#fffaf0}
.visual-p4 .acq-now>header>span{color:#c9e0ef}
.visual-p4 .acq-photo{position:relative;height:230px;margin:0;overflow:hidden;background:#e1e6e9}
.visual-p4 .acq-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.visual-p4 .acq-before .acq-photo>img{filter:saturate(.72)}
.visual-p4 .acq-live{position:absolute;right:17px;bottom:15px;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #ffffff88;background:#f9fcf6ed;border-radius:9px;box-shadow:0 5px 16px #183b5422;color:#2a6274;font-size:18px;line-height:1.2}
.visual-p4 .acq-live i{width:7px;height:7px;border-radius:50%;background:#3a9c90;box-shadow:0 0 8px #3a9c9070;animation:acq-signal 2.8s ease-in-out infinite}
.visual-p4 .acq-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:23px 25px 24px}
.visual-p4 .acq-step{min-width:0}
.visual-p4 .acq-step-track{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#acb6bd}
.visual-p4 .acq-step-track>span{display:grid;place-items:center;width:34px;height:28px;border:1px solid #d6dcd9;background:#efeee9;border-radius:6px;font:600 17px/1 Arial,sans-serif;color:#8a8c88}
.visual-p4 .acq-arrow{display:block;width:27px;height:27px;flex-shrink:0}
.visual-p4 .acq-step-track>.acq-arrow{width:25px;height:25px;margin-right:-8px}
.visual-p4 .acq-step h3{font-size:25px;line-height:1.35;font-weight:650;letter-spacing:-.5px;color:#485b68;margin:0 0 12px;white-space:nowrap}
.visual-p4 .acq-step p{font-size:21px;line-height:1.65;color:#75828d;margin:0}
.visual-p4 .acq-now .acq-step h3{color:#204f77}
.visual-p4 .acq-now .acq-step p{color:#59758d;font-size:20px;line-height:1.55}
.visual-p4 .acq-now .acq-step-track{color:#76a9d3}
.visual-p4 .acq-now .acq-step-track>span{background:#edf5fc;border-color:#c1d8ec;color:#5284ae}
.visual-v7.visual-p4 .acq-step[data-reveal]{opacity:1;transform:none}
.visual-v7.visual-p4 .acq-step.is-current{box-shadow:none;border-color:transparent}
.visual-p4 .acq-now .acq-step.is-current .acq-step-track>span{background:#246496;border-color:#246496;color:#fff;box-shadow:0 3px 10px #24649630}
.visual-p4 .acq-now .acq-step.is-current h3{color:#1e6db3}
.visual-p4 .acq-errors{display:flex;flex-wrap:wrap;gap:9px 8px;margin-top:17px;max-width:180px}
.visual-p4 .acq-errors>span{font-size:18px;line-height:1.2;padding:6px 10px;border:1px solid #e4d6c8;border-radius:6px;color:#9b775a;background:#f6f0e9}
.visual-p4 .acq-time-comparison{display:grid;grid-template-columns:230px 235px 40px 1fr 222px;align-items:center;gap:26px;padding:18px 30px;border:1px solid #bed0e0;border-radius:20px;background:linear-gradient(110deg,#edf3f6,#fffdfa 48%,#e6f1f8);box-shadow:0 10px 25px #183a5610}
.visual-p4 .acq-time-scope{border-right:1px solid #c7d6e0;padding-right:20px}
.visual-p4 .acq-time-scope small{font-size:19px;color:#6c8395}
.visual-p4 .acq-time-scope h3{font-size:25px;line-height:1.4;color:#294d69;margin:13px 0 0;font-weight:600}
.visual-p4 .acq-time-before>span,.visual-p4 .acq-time-after>span{display:block;font-size:18px;color:#788c9c;white-space:nowrap;margin-bottom:8px}
.visual-p4 .acq-time-before strong,.visual-p4 .acq-time-after strong{font:650 62px/.95 Arial,sans-serif;color:#96a5b2;letter-spacing:-2px;white-space:nowrap}
.visual-p4 .acq-time-before em,.visual-p4 .acq-time-after em{font:400 24px/1 var(--deck-font);font-style:normal;margin-left:10px;letter-spacing:0}
.visual-p4 .acq-time-after strong{font-size:72px;color:#24699e}
.visual-p4 .acq-time-after>span{color:#457593}
.visual-p4 .acq-time-comparison>.acq-arrow{color:#9bb8ce;width:38px;height:38px}
.visual-p4 .acq-commission{display:flex;align-items:center;gap:14px;padding:17px 20px;border-left:1px solid #bbcede;color:#275e83}
.visual-p4 .acq-commission>span{display:grid;place-items:center;flex:0 0 42px;height:47px;border:1px solid #b5ccdc;border-radius:11px;background:linear-gradient(140deg,#fff,#dfedf5);box-shadow:0 5px 12px #234d7210,inset 0 1px 0 #fff}
.visual-p4 .acq-commission svg{width:29px;height:29px}
.visual-p4 .acq-commission small{display:block;font-size:18px;line-height:1.35;color:#69869b;margin-bottom:4px}
.visual-p4 .acq-commission b{display:block;font-size:22px;line-height:1.3;font-weight:600;white-space:nowrap}
@keyframes acq-signal{0%,100%{opacity:.5;box-shadow:0 0 4px #3a9c9050}50%{opacity:1;box-shadow:0 0 10px #3a9c9080}}
.visual-p4:not(.is-active) .acq-live i,html[data-motion-paused="true"] .visual-p4 .acq-live i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.visual-p4 .acq-live i{animation:none!important}}
/* P21: four tangible stages, with record-to-result costs in their own cards. */
.visual-p5 .campaign-flow{position:relative;height:706px;isolation:isolate}
.visual-p5 .campaign-cards{display:grid;grid-template-columns:repeat(4,335px);gap:44px;padding:20px 0}
.visual-p5 .campaign-card{--campaign-accent:#4486b4;position:relative;display:grid;grid-template-rows:76px 254px 1fr 122px;height:666px;min-width:0;border:1px solid transparent;border-radius:29px;background:linear-gradient(145deg,#fffefa,#f5f8fa 64%,#edf3f7) padding-box,linear-gradient(145deg,#fff,#bdcdda 38%,#e8f1f9 60%,#aebfcf) border-box;box-shadow:0 23px 40px -16px #24466033,0 6px 12px #23445e0b,inset 0 1px 0 #fff;isolation:isolate}
.visual-p5 .campaign-card:before{content:"";position:absolute;inset:7px;border-radius:22px;border:1px solid #ffffffb3;pointer-events:none;z-index:2}
.visual-p5 .campaign-card>header{display:flex;align-items:center;gap:17px;padding:19px 26px 0;z-index:2}
.visual-p5 .campaign-index{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:11px;border:1px solid #cbdce8;background:linear-gradient(145deg,#fff,#e4edf5);box-shadow:inset 0 1px 1px #fff,0 3px 6px #21476a0e;color:#5483a4;font:600 18px/1 Arial,sans-serif}
.visual-p5 .campaign-card h3{margin:0;font-size:28px;line-height:1.4;font-weight:650;letter-spacing:.5px;color:#294d6e}
.visual-p5 .campaign-object{position:relative;margin:0;isolation:isolate}
.visual-p5 .campaign-object img{position:absolute;z-index:1;left:50%;top:-15px;width:300px;height:300px;max-width:none;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 14px 15px #1740641a)}
.visual-p5 .campaign-halo{position:absolute;z-index:0;width:260px;height:220px;left:50%;top:16px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#dcefffa6,#edf5ff70 48%,transparent 72%)}
.visual-p5 .campaign-glint{position:absolute;z-index:2;top:65px;right:62px;width:5px;height:5px;border-radius:50%;background:#f9e3b2;box-shadow:0 0 5px 2px #fff6dc,0 0 19px 5px #e5bf6f55;animation:campaign-glint 4.8s ease-in-out infinite}
.visual-p5 .campaign-data{padding:24px 26px 0;z-index:2}
.visual-p5 .campaign-data>strong{display:flex;align-items:baseline;gap:7px;height:80px;font:600 72px/1.1 Arial,sans-serif;letter-spacing:-2.5px;color:#2b5e8a;white-space:nowrap}
.visual-p5 .campaign-data>strong em{font:400 24px/1.4 var(--deck-font);letter-spacing:0;color:#6f889c}
.visual-p5 .campaign-data p{font-size:22px;line-height:1.55;color:#60798e;font-weight:400;margin:18px 0 0}
.visual-p5 .campaign-copy-value>strong{font:650 39px/80px var(--deck-font);letter-spacing:0}
.visual-p5 .campaign-result{position:relative;margin:0 23px;padding:17px 3px 20px;border-top:1px solid #cfdee8;z-index:2}
.visual-p5 .campaign-result>span{display:block;font-size:19px;line-height:1.5;color:#71889b;white-space:nowrap}
.visual-p5 .campaign-result>strong{display:block;margin-top:9px;color:#345c7a;font:600 28px/1.25 var(--deck-font);white-space:nowrap}
.visual-p5 .campaign-result>strong em{font:400 21px/1 var(--deck-font);margin-left:7px;font-style:normal}
.visual-p5 .campaign-cost-result>strong{font:600 44px/1.05 Arial,sans-serif;letter-spacing:-1px;margin-top:5px}
.visual-p5 .campaign-investment{--campaign-accent:#bd9656;background:linear-gradient(145deg,#fffdf7,#fbf8f0 64%,#f4eee2) padding-box,linear-gradient(145deg,#fff,#d3bc94 38%,#fbf3e4 60%,#c8b68f) border-box}
.visual-p5 .campaign-investment .campaign-index{background:linear-gradient(145deg,#fffdf5,#ede2cf);border-color:#e2d1b4;color:#9e814f}
.visual-p5 .campaign-investment .campaign-halo{background:radial-gradient(ellipse,#f3e3b5a6,#fbf3dd70 48%,transparent 72%)}
.visual-p5 .campaign-investment .campaign-data>strong{color:#957645}
.visual-p5 .campaign-investment .campaign-result{border-color:#ded3bb}
.visual-p5 .campaign-campaign .campaign-glint{animation-delay:-1.2s}
.visual-p5 .campaign-leads .campaign-glint{animation-delay:-2.4s}
.visual-p5 .campaign-enrollment{--campaign-accent:#d9ba7a;background:radial-gradient(ellipse at 60% 30%,#316d94,#153d63 55%,#123353) padding-box,linear-gradient(145deg,#f9e5b9,#8ba9c1 38%,#3e6080 60%,#d3b980) border-box;box-shadow:0 24px 40px -14px #173e6b55,0 6px 12px #173e6b1a}
.visual-p5 .campaign-enrollment:before{border-color:#a8c9e229}
.visual-p5 .campaign-enrollment h3{color:#fff8e9}
.visual-p5 .campaign-enrollment .campaign-index{background:linear-gradient(145deg,#e4ce9c,#bea270);color:#183b58;border-color:#ead7b4;box-shadow:inset 0 1px 0 #fff3d0,0 4px 9px #001c3726}
.visual-p5 .campaign-enrollment .campaign-halo{background:radial-gradient(ellipse,#86c5ed55,#7ab8de22 50%,transparent 72%)}
.visual-p5 .campaign-enrollment .campaign-glint{animation-delay:-3.6s}
.visual-p5 .campaign-enrollment .campaign-object img{filter:drop-shadow(0 18px 17px #051b3640)}
.visual-p5 .campaign-enrollment .campaign-data>strong,.visual-p5 .campaign-enrollment .campaign-result>strong{color:#f1d8a7}
.visual-p5 .campaign-enrollment .campaign-data>strong em,.visual-p5 .campaign-enrollment .campaign-data p{color:#c3d5e3}
.visual-p5 .campaign-enrollment .campaign-result{border-color:#7499b24d}
.visual-p5 .campaign-enrollment .campaign-result>span{color:#b9cddd}
.visual-v7.visual-p5 .campaign-card[data-reveal]{opacity:1;transform:none}
.visual-v7.visual-p5 .campaign-card.is-current{border-color:var(--campaign-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--campaign-accent),transparent 73%),0 26px 45px -15px #214b7545}
.visual-p5 .campaign-links{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.visual-p5 .campaign-link{stroke:url(#campaign-link-color);stroke-width:1.7}
.visual-p5 .campaign-current{stroke:#f8d495;stroke-width:3;stroke-linecap:round;stroke-dasharray:15 85;animation:campaign-stream 3.6s var(--flow-delay) linear infinite;filter:drop-shadow(0 0 4px #e4bc70)}
@keyframes campaign-stream{to{stroke-dashoffset:-100}}
@keyframes campaign-glint{0%,100%{opacity:.15;transform:scale(.65)}50%{opacity:.8;transform:scale(1)}}
.visual-p5:not(.is-active) :is(.campaign-current,.campaign-glint),html[data-motion-paused="true"] .visual-p5 :is(.campaign-current,.campaign-glint){animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.visual-p5 :is(.campaign-current,.campaign-glint){animation:none!important}.visual-p5 .campaign-current{opacity:0}}
/* P23: an ordinary conversation becomes a visible, user-triggered follow-up record. */
.visual-p6 .fu-layout{height:100%;display:grid;grid-template-columns:1010px 382px;gap:80px;align-items:center}
.visual-p6 .fu-context{height:706px;border-radius:24px;border:1px solid #cedce5;overflow:hidden;background:#fffefa;box-shadow:0 18px 35px #25465d14}
.visual-p6 .fu-scene{height:325px;margin:0;background:#e9ece9;overflow:hidden}
.visual-p6 .fu-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.visual-p6 .fu-context-copy{padding:26px 38px}
.visual-p6 .fu-context-label{display:block;font-size:20px;line-height:1.4;color:#8c9eaa}
.visual-p6 .fu-context blockquote{font-size:30px;line-height:1.6;font-weight:600;letter-spacing:0;color:#315571;margin:15px 0}
.visual-p6 .fu-context .voice-wave{height:40px;margin:13px 0;color:#3873da}
.visual-p6 .fu-context .voice-wave i{flex-shrink:0}
.visual-p6 .fu-context .followup-fields>div{display:flex;gap:13px;margin-top:13px}
.visual-p6 .fu-context .work-pill{font-size:18px;line-height:1.4;padding:9px 13px}
.visual-p6:not(.is-active) .voice-wave i,html[data-motion-paused="true"] .visual-p6 .voice-wave i{animation-play-state:paused!important}
.visual-p6 .fu-process{display:flex;gap:24px;align-items:center;color:#a7b4bf}
.visual-p6 .fu-process>span{display:flex;align-items:center;gap:11px;font-size:22px;line-height:1.4;color:#778b9b;transition:color .2s}
.visual-p6 .fu-process i{display:grid;place-items:center;width:32px;height:32px;font:500 15px/1 Arial,sans-serif;font-style:normal;border-radius:9px;border:1px solid #d6e1e8;background:#f1f5f7;color:#92a5b4}
.visual-p6 .fu-process>svg{width:26px;height:26px}
.visual-p6 .fu-process .is-current{color:#246fa1}
.visual-p6 .fu-process .is-current i{background:#246fa1;border-color:#246fa1;color:white;box-shadow:0 4px 10px #246fa12b}
.visual-p6 .fu-process .is-done{color:#3c807b}
.visual-p6 .fu-process .is-done i{background:#e9f3ef;border-color:#b5d4ca;color:#387e70}
.visual-p6 .fu-device-stage{height:706px;display:grid;place-items:center;position:relative}
.visual-p6 .fu-device-stage:before{content:"";position:absolute;inset:40px -18px;background:radial-gradient(ellipse,#c5ddec70,transparent 69%);pointer-events:none}
.visual-p6 .followup-chat-phone.iphone-device{--phone-width:328px;transform:none;filter:drop-shadow(0 23px 22px #173c571c)}
.visual-p6 .followup-chat-phone .phone-head{font-size:22px;padding:8px 17px 12px;color:#20476b}
.visual-p6 .followup-chat-phone .phone-content{padding:0 12px 8px;overflow:hidden}
.visual-p6 .fu-chat{height:100%;display:flex;flex-direction:column;min-height:0}
.visual-p6 .fu-chat [hidden]{display:none!important}
.visual-p6 .fu-chat-tools{flex:none;display:flex;align-items:center;justify-content:flex-end;height:28px;padding:0 2px}
.visual-p6 .fu-chat-tools>button{padding:3px 0;border:0;background:none;box-shadow:none;font-size:13px;line-height:1.5;color:#547d9e;cursor:pointer}
.visual-p6 .fu-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:12px 1px}
.visual-p6 .fu-messages::-webkit-scrollbar{display:none}
.visual-p6 .fu-welcome{height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:18px;box-sizing:border-box;text-align:center;color:#55728b}
.visual-p6 .fu-avatar{display:grid;place-items:center;margin:0 auto;flex-shrink:0;width:66px;height:66px;border-radius:21px;background:linear-gradient(135deg,#e8f6fc,#c6dfef);border:1px solid #bcd4e5;box-shadow:inset 0 1px 0 #fff,0 8px 18px #2e62881c;color:#2b6a98}
.visual-p6 .fu-avatar svg{width:38px;height:38px}
.visual-p6 .fu-welcome h3{font-size:22px;line-height:1.4;font-weight:600;margin:23px 0 13px;color:#2d5373}
.visual-p6 .fu-welcome p{font-size:17px;line-height:1.7;margin:0}
.visual-p6 .fu-user{max-width:92%;width:fit-content;margin:0 0 14px auto;padding:12px 13px;border:1px solid #c9dff0;border-radius:16px 16px 4px 16px;background:#e0edf8;color:#315775;font-size:17px;line-height:1.55;overflow-wrap:anywhere}
.visual-p6 .fu-response{border-radius:16px;border:1px solid #dce5eb;background:#fff;padding:13px;box-shadow:0 5px 12px #23445c07;color:#34566f}
.visual-p6 .fu-thinking{display:flex;align-items:center;gap:9px;color:#6c8ba3;font-size:15px;line-height:1.5;min-height:29px}
.visual-p6 .fu-thinking-dots{display:flex;gap:3px;flex-shrink:0}
.visual-p6 .fu-thinking-dots i{width:4px;height:4px;border-radius:50%;background:#4f91c1;animation:fu-thinking .9s ease-in-out infinite}
.visual-p6 .fu-thinking-dots i:nth-child(2){animation-delay:.15s}
.visual-p6 .fu-thinking-dots i:nth-child(3){animation-delay:.3s}
.visual-p6 .fu-stream{font-size:17px;line-height:1.55;margin:0 0 9px;min-height:26px;color:#41637e}
.visual-p6 .fu-record>div{display:flex;align-items:baseline;gap:9px;padding:6px 0;border-bottom:1px solid #edf1f4}
.visual-p6 .fu-record>div>span{font-size:14px;line-height:1.5;color:#8698a7;width:38px;flex-shrink:0}
.visual-p6 .fu-record>div>strong{font-size:17px;line-height:1.5;font-weight:550;color:#315772}
.visual-p6 .fu-saved{margin-top:11px}
.visual-p6 .fu-saved>span{display:block;font-size:14px;line-height:1.6;color:#40816c}
.visual-p6 .fu-saved>button{display:flex;gap:5px;align-items:center;padding:6px 0 0;border:0;background:none;color:#356f9a;font-size:15px;line-height:1.4;cursor:pointer}
.visual-p6 .fu-saved svg{width:16px;height:16px}
.visual-p6 .fu-schedule-question{margin-top:18px}
.visual-p6 .fu-trial-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.visual-p6 .fu-trial-item{padding:12px;border:1px solid #dbe6ed;border-radius:12px;background:linear-gradient(140deg,#f7fbfe,#f4f8f6)}
.visual-p6 .fu-trial-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px;line-height:1.5;color:#69859a}
.visual-p6 .fu-trial-heading>span{color:#397c68;white-space:nowrap}
.visual-p6 .fu-trial-time{display:block;margin:5px 0 9px;font:600 21px/1.2 var(--deck-font);font-variant-numeric:tabular-nums;letter-spacing:.2px;color:#2c6086}
.visual-p6 .fu-trial-person{display:flex;align-items:center;gap:7px}
.visual-p6 .fu-trial-person>strong{font-size:16px;line-height:1.4;font-weight:600;color:#355976}
.visual-p6 .fu-trial-person>span{padding:2px 5px;border-radius:5px;background:#e1edf7;font-size:12px;line-height:1.4;white-space:nowrap;color:#3975a4}
.visual-p6 .fu-trial-item>p{margin:5px 0 0;font-size:14px;line-height:1.4;color:#6c879a}
.visual-p6 .fu-compose{flex:none;padding:9px 0 0;border-top:1px solid #e0e7ee}
.visual-p6 .fu-compose-row{display:flex;align-items:flex-end;gap:7px;min-width:0}
.visual-p6 .fu-voice{flex:0 0 24px;display:grid;place-items:center;height:44px;color:#3a6b8e}
.visual-p6 .fu-voice svg{width:22px;height:25px}
.visual-p6 .fu-compose textarea{display:block;box-sizing:border-box;min-width:0;width:100%;flex:1;min-height:44px;max-height:148px;resize:none;overflow-y:hidden;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #d1dee8;background:#fff;border-radius:11px;padding:9px 10px;font:16px/1.45 var(--deck-font);color:#4e6e86;outline:none;scrollbar-width:thin}
.visual-p6 .fu-compose textarea:focus{border-color:#81b2d7;box-shadow:0 0 0 2px #9ac4e335}
.visual-p6 .fu-compose button{flex:none;box-sizing:border-box;height:44px;border:1px solid #2c6c9e;border-radius:10px;padding:10px;background:#2f72a4;font-size:16px;line-height:1.35;color:#fff;cursor:pointer}
.visual-p6 .fu-compose button:disabled{border-color:#d3e0e9;background:#dce8f0;color:#91a5b4;cursor:default}
.visual-p6 .fu-chat button:focus-visible{outline:2px solid #77b5dc;outline-offset:3px}
@keyframes fu-thinking{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.visual-p6:not(.is-active) .fu-thinking-dots i,html[data-motion-paused="true"] .visual-p6 .fu-thinking-dots i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.visual-p6 .fu-thinking-dots i{animation:none!important}.visual-p6 .fu-process>span{transition:none}}
.visual-v7.visual-p7 .trial-composition{height:100%;gap:30px;grid-template-columns:1.1fr 1fr;align-items:stretch}
.visual-v7.visual-p7 .trial-evidence{display:grid;grid-template-rows:385px 1fr;gap:18px}
.visual-v7.visual-p7 .trial-evidence>.editorial-photo{height:100%;border-radius:20px}
.visual-v7.visual-p7 .trial-evidence>div{padding:24px 28px;margin:0;background:#edf3f6;border:1px solid #ccd9e2;border-radius:16px;font-size:21px;line-height:1.7}
.visual-v7.visual-p7 .trial-composition>.work-window{align-self:stretch}
.visual-v7.visual-p7 .trial-line{padding:30px 0}
.visual-v7.visual-p7 .trial-line h3{font-size:28px;line-height:1.4}
.visual-v7.visual-p7 .trial-line p{font-size:21px;line-height:1.7}

/* Contracts and payments sit on a physical desk, while exact amounts stay in HTML. */
.visual-v7.visual-p8 .v7-board{display:grid;grid-template-rows:384px 146px 140px;gap:18px}
.visual-p8 .sign-flow{position:relative;height:100%}
.visual-p8 .sign-stages{display:grid;grid-template-columns:repeat(6,1fr);gap:26px;height:100%;position:relative}
.visual-p8 .sign-stage{position:relative;height:100%;padding:20px 17px;border:1px solid transparent;border-radius:23px;background:linear-gradient(145deg,#fffefa,#f0f5f9) padding-box,linear-gradient(145deg,#fff,#b8cddd 50%,#e6f1f8) border-box;box-shadow:0 14px 29px -10px #28496328,inset 0 1px 0 #fff}
.visual-p8 .sign-stage-number{display:grid;place-items:center;width:33px;height:26px;border:1px solid #ccdae4;border-radius:7px;background:linear-gradient(135deg,#fff,#e9f1f7);font:600 16px/1 Arial,sans-serif;color:#6b91ae}
.visual-p8 .sign-stage figure{position:relative;height:174px;margin:6px 0 18px;isolation:isolate}
.visual-p8 .sign-stage figure>i{position:absolute;inset:13px -2px;border-radius:50%;background:radial-gradient(ellipse,#cde4f369,transparent 69%)}
.visual-p8 .sign-stage img{position:absolute;top:-8px;left:50%;width:190px;height:190px;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 10px 10px #25496612);transition:filter .3s}
.visual-p8 .sign-stage h3{font-size:25px;line-height:1.35;font-weight:650;white-space:nowrap;color:#2a5271;letter-spacing:-.4px;margin:0 0 12px}
.visual-p8 .sign-stage p{font-size:19px;line-height:1.55;color:#6a8296;margin:0;white-space:nowrap}
.visual-v7.visual-p8 .sign-stage[data-reveal]{opacity:1;transform:none}
.visual-v7.visual-p8 .sign-stage.is-current{border-color:#649bc2;box-shadow:0 0 0 2px #a9cbe745,0 18px 28px -9px #285b8130}
.visual-p8 .sign-stage.is-current .sign-stage-number{color:white;background:#2c729f;border-color:#2c729f}
.visual-p8 .sign-stage.is-current img{filter:drop-shadow(0 12px 11px #347fa830)}
.visual-p8 .sign-connector{position:absolute;z-index:4;left:var(--sign-x);top:158px;width:26px;height:26px;display:block;color:#83a7c1;pointer-events:none}
.visual-p8 .sign-connector>svg{display:block;width:26px;height:26px}
.visual-p8 .sign-connector>i{position:absolute;top:11px;left:0;width:5px;height:4px;border-radius:3px;background:#f3ce8a;box-shadow:0 0 6px #e7bc7770;animation:sign-data 2.8s calc(var(--sign-order)*-.45s) linear infinite}
.visual-p8 .sign-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:22px;min-height:0}
.visual-p8 .sign-capabilities>section{padding:23px 28px;border-radius:19px;border:1px solid #ccdbe6;background:linear-gradient(115deg,#fffefb,#ecf3f7);box-shadow:0 10px 22px #2547600b}
.visual-p8 .sign-capabilities h3{font-size:25px;line-height:1.4;font-weight:600;color:#355b77;margin:0 0 18px}
.visual-p8 .sign-pills{display:flex;align-items:center;gap:12px}
.visual-p8 .sign-pills>span{padding:7px 16px;border:1px solid #cbdce8;border-radius:9px;background:#f7fafb;font-size:19px;line-height:1.2;color:#57809d}
.visual-p8 .sign-capabilities>.sign-rewards{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#163b5e,#235678);border-color:#3a6585;box-shadow:0 9px 19px #23476a20}
.visual-p8 .sign-rewards h3{color:#fbf9ee}
.visual-p8 .sign-rewards .sign-pills>span{background:#fff9ed0a;border-color:#9cbed146;color:#d0e2ed}
.visual-p8 .sign-rewards>strong{border-left:1px solid #afc4d549;padding:4px 0 4px 30px;margin-left:16px;color:#f1d4a0;font-size:25px;line-height:1.5;font-weight:600;white-space:nowrap}
.visual-p8 .sign-time{display:grid;grid-template-columns:300px 260px 36px minmax(0,1fr);align-items:center;gap:32px;padding:17px 26px;border:1px solid #bfced9;border-radius:20px;background:linear-gradient(105deg,#e9f0f5,#fffdf8 47%,#eaf4f8);box-shadow:0 11px 24px #2147600c}
.visual-p8 .sign-time-scope{padding-right:20px;border-right:1px solid #c8d7e1}
.visual-p8 .sign-time-scope>small{font-size:18px;line-height:1.5;color:#70889c}
.visual-p8 .sign-time-scope>h3{font-size:22px;line-height:1.45;font-weight:600;color:#385d78;margin:8px 0 0}
.visual-p8 .sign-time-before>span,.visual-p8 .sign-time-after>span{display:block;font-size:19px;line-height:1.3;color:#7b91a3;margin-bottom:6px}
.visual-p8 .sign-time-before>strong,.visual-p8 .sign-time-after>strong{font:600 70px/.95 Arial,sans-serif;color:#90a2b0;letter-spacing:-2px;white-space:nowrap}
.visual-p8 .sign-time strong>em{font:400 25px/1 var(--deck-font);margin-left:9px;letter-spacing:0}
.visual-p8 .sign-time>i>svg{display:block;width:36px;height:36px;color:#95b6cf}
.visual-p8 .sign-time-after{display:grid;grid-template-columns:130px 1fr;column-gap:18px;align-items:center}
.visual-p8 .sign-time-after>span{grid-column:1/-1;color:#3c779f}
.visual-p8 .sign-time-after>strong{color:#216b9f;font-size:72px}
.visual-p8 .sign-time-after>small{font-size:18px;line-height:1.6;color:#668299;max-width:380px}
@keyframes sign-data{0%{opacity:0;transform:translateX(0)}20%,75%{opacity:1}100%{opacity:0;transform:translateX(23px)}}
.visual-p8:not(.is-active) .sign-connector>i,html[data-motion-paused="true"] .visual-p8 .sign-connector>i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.visual-p8 .sign-connector>i{animation:none!important;display:none}.visual-p8 .sign-stage img{transition:none}}
.visual-v7.visual-p9 .payment-composition{height:100%;position:relative;display:grid;grid-template-columns:440px 1fr 355px;gap:35px;padding:35px;isolation:isolate;background:#eef3f6;border:1px solid #cbd9e4;border-radius:22px}
.visual-v7.visual-p9 .v7-payment-photo{position:absolute;inset:0 auto 0 0;width:510px;border-radius:22px 0 0 22px;z-index:-1}
.visual-v7.visual-p9 .v7-payment-photo:after{content:"";position:absolute;inset:0;background:#08233f55}
.visual-v7.visual-p9 .payment-receipt{margin:60px 30px 0;padding:28px;transform:rotate(-2deg);box-shadow:6px 8px 0 #ccd8e5,0 20px 40px #0005}
.visual-v7.visual-p9 .payment-steps{padding:0 0 0 20px}
.visual-v7.visual-p9 .payment-step{padding:28px 0;gap:20px}
.visual-v7.visual-p9 .payment-step h3{font-size:29px}
.visual-v7.visual-p9 .payment-step p{font-size:20px;line-height:1.65}
.visual-v7.visual-p9 .payment-batch{background:#102f4e;border-color:#2c5676;padding:32px 26px;box-shadow:none}
.visual-v7.visual-p9 .payment-batch strong{font-size:86px;color:#f1cf92}
.visual-v7.visual-p9 .payment-batch :is(p,small){color:#c3d6e4;font-size:20px}
/* P26: the real rule catalogue, with a dense but readable centre column. */
.visual-p10 .policy-page{height:100%;display:grid;grid-template-rows:106px 498px 66px;gap:18px;color:#18334e}
.visual-p10 .policy-page :is(h3,p,ul){margin:0}
.visual-p10 .policy-page ul{padding:0;list-style:none}
.visual-p10 .policy-metrics{display:grid;grid-template-columns:470px 280px 310px 1fr;background:linear-gradient(115deg,#fffefa,#edf3f7);border:1px solid #c7d5df;border-radius:21px;overflow:hidden;box-shadow:0 8px 24px #15334c0d,inset 0 1px 0 #fff}
.visual-p10 .policy-total{display:flex;align-items:center;gap:22px;padding:12px 25px;color:#fff;background:radial-gradient(ellipse at 85% 0,#356388,transparent 75%),linear-gradient(120deg,#12324f,#173d5c);border-right:1px solid #254864}
.visual-p10 .policy-total strong{font-size:64px;line-height:1;letter-spacing:-3px;font-weight:650;color:#f2d39b;white-space:nowrap}
.visual-p10 .policy-total strong em{font-size:20px;letter-spacing:0;margin-left:8px;font-style:normal}
.visual-p10 .policy-total b{display:block;font-size:25px;line-height:1.5;color:#fff;font-weight:600}
.visual-p10 .policy-total div>span{display:block;font-size:18px;color:#d4e2eb;white-space:nowrap}
.visual-p10 .policy-stat{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.visual-p10 .policy-stat:not(:last-child):after{content:"";position:absolute;right:0;top:22px;bottom:22px;width:1px;background:#c5d3df}
.visual-p10 .policy-stat strong{font-size:44px;font-weight:650;line-height:1;letter-spacing:-1.5px;color:#224f75}
.visual-p10 .policy-stat strong em{font-size:18px;font-style:normal;letter-spacing:0;margin-left:9px;font-weight:500}
.visual-p10 .policy-stat>span{font-size:18px;color:#4f677c}
.visual-p10 .policy-catalogue{display:grid;grid-template-columns:435px 566px 435px;grid-template-rows:264px 216px;gap:18px}
.visual-p10 .policy-card{position:relative;box-sizing:border-box;padding:18px 20px;border:1px solid #c7d5df;border-radius:20px;background:radial-gradient(ellipse at 98% 0,#dce9f2 0,transparent 57%),linear-gradient(135deg,#fffefa,#f6f8f8);box-shadow:0 13px 28px #14365512,inset 0 1px 0 #fff}
.visual-p10 .policy-card>header{display:flex;align-items:center;gap:14px;height:42px;margin-bottom:13px}
.visual-p10 .policy-card h3{font-size:27px;line-height:1.3;color:#193d5c;font-weight:650;letter-spacing:-.6px}
.visual-p10 .policy-icon{position:relative;display:grid;place-items:center;flex:0 0 43px;height:43px;color:#315e81;border:1px solid #b4c9dc;border-radius:12px;background:linear-gradient(135deg,#ffffff 8%,#e0edf6 54%,#b5ccdd);box-shadow:2px 4px 0 #bdcbd63d,0 6px 10px #143a5b16,inset 1px 1px 0 #fff,inset -1px -2px 0 #96aec84d}
.visual-p10 .policy-icon svg{width:29px;height:29px;filter:drop-shadow(0 1px 0 #fff)}
.visual-p10 .policy-types{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px!important}
.visual-p10 .policy-types li{display:flex;align-items:center;justify-content:center;height:27px;border:1px solid #ccd9e5;border-radius:6px;background:linear-gradient(110deg,#e8f0f6,#f4f7fa);font-size:18px;font-weight:600;color:#355c7c}
.visual-p10 .policy-fields{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:4px}
.visual-p10 .policy-fields li{display:flex;align-items:center;gap:8px;min-height:22px;font-size:18px;line-height:1.25;color:#435c70;white-space:nowrap}
.visual-p10 .policy-fields li:before{content:"";flex:0 0 4px;height:4px;background:#b4c6d4;border-radius:1px}
.visual-p10 .policy-fees{grid-column:1;grid-row:1}
.visual-p10 .policy-enrollment{grid-column:1;grid-row:2}
.visual-p10 .policy-enrollment>header{height:40px;margin-bottom:8px}
.visual-p10 .policy-enrollment .policy-types{gap:5px;margin-bottom:8px!important}
.visual-p10 .policy-enrollment .policy-types li{height:24px}
.visual-p10 .policy-enrollment .policy-fields{row-gap:2px}
.visual-p10 .policy-enrollment .policy-fields li{min-height:21px}
.visual-p10 .policy-transition{grid-column:2;grid-row:1/3;padding:18px 21px 16px;background:radial-gradient(ellipse at 80% 0,#305c7a 0,transparent 58%),linear-gradient(145deg,#163b5b,#102e49);border-color:#355d7b;box-shadow:0 18px 36px #16385629,inset 0 1px 0 #a2bddc55}
.visual-p10 .policy-transition:before{content:"";position:absolute;left:35px;right:35px;top:0;height:1px;background:linear-gradient(90deg,transparent,#e7c58e,transparent)}
.visual-p10 .policy-transition>header{height:49px;margin-bottom:10px;gap:14px}
.visual-p10 .policy-transition h3{color:#fff;font-size:29px}
.visual-p10 .policy-transition header p{color:#bcd0df;font-size:18px;margin-top:4px}
.visual-p10 .policy-transition header>b{margin-left:auto;align-self:flex-start;padding:5px 12px;border:1px solid #d8ba8260;border-radius:20px;color:#f1d19b;background:#cda76212;font-size:18px;font-weight:500}
.visual-p10 .policy-transition .policy-icon{color:#805c25;background:linear-gradient(145deg,#fff6dd,#e6c58f 58%,#b1874d);border-color:#e3c996;box-shadow:2px 4px 0 #071e3626,0 6px 12px #061f4140,inset 1px 1px 0 #fff4d4,inset -1px -2px 0 #9c713677}
.visual-p10 .policy-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.visual-p10 .policy-dimensions ul{display:grid;grid-auto-rows:21px;gap:0;align-content:start}
.visual-p10 .policy-dimensions li{display:flex;align-items:center;gap:8px;font-size:18px;line-height:21px;white-space:nowrap;color:#e3edf4}
.visual-p10 .policy-dimensions li>span{font-size:12px;line-height:1;font-variant-numeric:tabular-nums;flex:0 0 17px;color:#84a6bf;letter-spacing:.2px}
.visual-p10 .policy-layers{position:absolute;left:21px;right:21px;bottom:15px;display:flex;justify-content:space-between;border-top:1px solid #93b3ca40;padding-top:12px;color:#e9c990;font-size:18px}
.visual-p10 .policy-activities-card{grid-column:3;grid-row:1;background:radial-gradient(ellipse at 100% 0,#eee4cf,transparent 65%),#fffdf7}
.visual-p10 .policy-activities-card .policy-icon{color:#866227;background:linear-gradient(140deg,#fff9eb,#eddfc2 58%,#d6b984);border-color:#d5c2a0;box-shadow:2px 4px 0 #d0bb9629,0 6px 10px #69512812,inset 1px 1px 0 #fff}
.visual-p10 .policy-activities{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}
.visual-p10 .policy-activities li{box-sizing:border-box;display:flex;align-items:center;height:25px;border-bottom:1px solid #d9ceba7d;padding-bottom:4px;gap:9px;font-size:18px;color:#5a513e;font-weight:550;white-space:nowrap}
.visual-p10 .policy-activities li:before{content:"";width:5px;height:5px;border:1px solid #b7955e;transform:rotate(45deg)}
.visual-p10 .policy-refund{grid-column:3;grid-row:2;background:radial-gradient(ellipse at 100% 0,#e5e4e8,transparent 65%),#fbfaf8}
.visual-p10 .policy-refund .policy-fields{row-gap:4px}
.visual-p10 .policy-rollout{display:flex;align-items:center;padding:0 18px;border:1px solid #c8d5e0;border-radius:16px;background:linear-gradient(105deg,#eef4f8,#fffdf8);box-shadow:inset 0 1px 0 #fff}
.visual-v7.visual-p10 .policy-rollout-step{display:flex;align-items:center;justify-content:center;flex:1;gap:12px;height:48px;border:1px solid transparent;border-radius:11px;opacity:1;transform:none;transition:background .35s,border-color .35s,color .35s;box-shadow:none}
.visual-p10 .policy-rollout-step>span{display:grid;place-items:center;width:29px;height:29px;color:#5a7a96}
.visual-p10 .policy-rollout-step svg{width:27px;height:27px}
.visual-p10 .policy-rollout-step b{font-size:20px;font-weight:550;white-space:nowrap}
.visual-p10 .policy-arrow{width:33px;height:16px;flex:none;color:#a1b3c0}
.visual-v7.visual-p10 .policy-rollout-step.is-current{background:#dfeaf3;border-color:#a1bed3;box-shadow:inset 0 1px 0 #fff,0 3px 7px #173d5d12;color:#184c73}
.visual-p10 .policy-rollout-step.is-current+svg{color:#b28b4f}
@media(prefers-reduced-motion:reduce){.visual-p10 .policy-rollout-step{transition:none}}

/* P28: payment starts three connected enrollment steps; the former P29 is merged here. */
.visual-v7.visual-p11{background:radial-gradient(ellipse at 95% 10%,#e8f6fc,transparent 48%),linear-gradient(125deg,#fffefa,#f3faf7)!important}
.visual-p11 .enroll-journey{height:100%;display:grid;grid-template-rows:82px minmax(0,1fr);gap:22px}
.visual-p11 .enroll-payment{display:grid;grid-template-columns:48px 230px 32px 1fr;align-items:center;gap:20px;padding:16px 24px;border:1px solid #cfe5dc;border-radius:20px;background:linear-gradient(110deg,#effaf4,#f8fcff);box-shadow:0 8px 18px #41796407}
.visual-p11 .enroll-payment-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #bcded1;border-radius:15px;background:#fff;color:#438b70}
.visual-p11 .enroll-payment-icon svg{width:30px;height:30px}
.visual-p11 .enroll-payment>strong{font-size:28px;line-height:1.4;font-weight:600;color:#36765f}
.visual-p11 .enroll-payment>i{display:block;height:28px;color:#7daca9}
.visual-p11 .enroll-payment>i svg{width:28px;height:28px}
.visual-p11 .enroll-payment>p{margin:0;font-size:23px;line-height:1.5;color:#537689}
.visual-p11 .enroll-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-height:0}
.visual-p11 .enroll-step{--enroll-accent:#397fae;--enroll-soft:#eff7fd;display:grid;grid-template-rows:222px minmax(0,1fr);min-height:0;overflow:hidden;border:1px solid #d4e4eb;border-radius:23px;background:linear-gradient(160deg,#fff,#f7fbfe);box-shadow:0 14px 28px #305d7f0b;transition:border-color .3s,box-shadow .3s}
.visual-p11 .enroll-face{--enroll-accent:#3c8b7c;--enroll-soft:#edf8f4;border-color:#d2e6de;background:linear-gradient(160deg,#fff,#f5fbf8)}
.visual-p11 .enroll-redeem{--enroll-accent:#9c794a;--enroll-soft:#fbf6eb;border-color:#e6e0d2;background:linear-gradient(160deg,#fff,#fdfbf6)}
.visual-p11 .enroll-photo{position:relative;height:222px;margin:0;overflow:hidden;border-bottom:1px solid #dce9ee;background:#f0f7f9}
.visual-p11 .enroll-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.visual-p11 .enroll-step-number{position:absolute;left:17px;top:17px;display:grid;place-items:center;width:38px;height:34px;border:1px solid #ffffffd9;border-radius:10px;background:#fffffff2;box-shadow:0 4px 10px #294d6014;font:600 18px/1 Arial,sans-serif;color:var(--enroll-accent);transition:background .25s,color .25s}
.visual-p11 .enroll-step-body{display:flex;flex-direction:column;min-height:0;padding:24px 24px 22px}
.visual-p11 .enroll-step-body>h3{font-size:29px;line-height:1.4;font-weight:600;color:#315e79;margin:0;white-space:nowrap;letter-spacing:-.4px}
.visual-p11 .enroll-face .enroll-step-body>h3{color:#3b796b}
.visual-p11 .enroll-redeem .enroll-step-body>h3{color:#846a43}
.visual-p11 .enroll-step-body>p{margin:12px 0 0;font-size:22px;line-height:1.6;color:#59778b}
.visual-p11 .enroll-result{height:168px;flex:none;margin-top:auto;border:1px solid #d7e6ed;border-radius:15px;background:#fff;box-shadow:0 6px 14px #39617d05;overflow:hidden}
.visual-p11 .enroll-face .enroll-result{border-color:#d6e9e1}
.visual-p11 .enroll-redeem .enroll-result{border-color:#e8e1d3}
.visual-p11 .enroll-seat-result{display:grid;grid-template-columns:178px 1fr;gap:24px;align-items:center;height:100%;padding:14px 20px;background:linear-gradient(115deg,#f5faff,#fff)}
.visual-p11 .enroll-seat-map{display:flex;flex-direction:column;gap:9px;align-items:center}
.visual-p11 .enroll-desk{display:block;width:128px;border:1px solid #d6e5ef;border-radius:6px;background:#edf4f9;font-size:17px;line-height:1.4;color:#6d91aa;text-align:center}
.visual-p11 .enroll-seat-map>div{display:grid;grid-template-columns:repeat(4,26px);gap:8px 11px}
.visual-p11 .enroll-seat-dot{display:grid;place-items:center;width:26px;height:26px;color:#83b1cf}
.visual-p11 .enroll-seat-dot svg{width:24px;height:24px;fill:#eef6fc}
.visual-p11 .enroll-seat-dot.is-occupied{color:#bdc7cd}
.visual-p11 .enroll-seat-dot.is-occupied svg{fill:#edf0f2}
.visual-p11 .enroll-seat-dot.is-selected{border-radius:6px;background:#ddf2e7;color:#418d70;box-shadow:0 0 0 2px #bcdcca}
.visual-p11 .enroll-seat-dot.is-selected svg{fill:#bfe2d0}
.visual-p11 .enroll-seat-detail>small{display:block;font-size:18px;line-height:1.5;color:#6b879a}
.visual-p11 .enroll-seat-detail>strong{display:block;margin:7px 0 10px;font-size:28px;line-height:1.4;font-weight:600;color:#357caa;white-space:nowrap}
.visual-p11 .enroll-seat-detail>span{display:flex;align-items:center;gap:5px;font-size:18px;line-height:1.5;color:#4d886f;white-space:nowrap}
.visual-p11 .enroll-seat-detail svg{width:18px;height:18px;flex:none}
.visual-p11 .enroll-face-result{height:100%;display:grid;grid-template-rows:1fr 42px;background:linear-gradient(115deg,#f3fbf8,#fff)}
.visual-p11 .enroll-device-link{display:flex;align-items:center;justify-content:center;gap:40px;padding:11px 20px 8px}
.visual-p11 .enroll-device-link>span{display:flex;flex-direction:column;align-items:center;gap:5px;color:#4d9083}
.visual-p11 .enroll-device-link>span>svg{width:43px;height:43px}
.visual-p11 .enroll-device-link small{font-size:18px;line-height:1.4;color:#547e76;white-space:nowrap}
.visual-p11 .enroll-device-link>i{display:block;height:28px;color:#80b1a7}
.visual-p11 .enroll-device-link>i>svg{width:32px;height:28px}
.visual-p11 .enroll-sync-status{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #d9ece2;background:#edf8f1;font-size:19px;line-height:1.4;color:#4c836c}
.visual-p11 .enroll-sync-status>svg{width:20px;height:20px;flex:none}
.visual-p11 .enroll-inventory-result{height:100%;display:grid;grid-template-rows:1fr 43px;background:linear-gradient(115deg,#fffdf8,#fff)}
.visual-p11 .enroll-inventory-row{display:flex;align-items:center;gap:17px;padding:18px 20px}
.visual-p11 .enroll-box-icon{display:grid;place-items:center;width:56px;height:56px;flex:none;border:1px solid #e5dcca;border-radius:15px;background:#fbf6eb;color:#ad8b54}
.visual-p11 .enroll-box-icon>svg{width:34px;height:34px}
.visual-p11 .enroll-inventory-row small{font-size:18px;line-height:1.5;color:#8a795f;white-space:nowrap}
.visual-p11 .enroll-inventory-row strong{display:block;font-size:26px;line-height:1.5;font-weight:600;color:#8c713e;margin-top:7px}
.visual-p11 .enroll-inventory-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px;border-top:1px solid #e9e2d3;background:#fcf8ed;font-size:17px;line-height:1.4;color:#8b7957}
.visual-p11 .enroll-inventory-status>span:first-child{display:flex;align-items:center;gap:6px;color:#64816a}
.visual-p11 .enroll-inventory-status svg{width:18px;height:18px;flex:none}
.visual-p11 .enroll-connector{position:absolute;z-index:2;top:267px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #d6e5ec;border-radius:50%;background:#fff;box-shadow:0 4px 10px #32627e0c;transform:translate(-50%,-50%);color:#85a8b9;pointer-events:none}
.visual-p11 .enroll-connector>svg{width:24px;height:24px}
.visual-p11 .enroll-connector-first{left:calc(33.333333% - 4px)}
.visual-p11 .enroll-connector-second{left:calc(66.666667% + 4px)}
.visual-p11 .enroll-journey [data-reveal]{opacity:1;transform:none}
.visual-p11 .enroll-step.is-current{border-color:var(--enroll-accent);box-shadow:0 0 0 2px var(--enroll-soft),0 14px 28px #305d7f12}
.visual-p11 .enroll-step.is-current .enroll-step-number{color:#fff;background:var(--enroll-accent);border-color:var(--enroll-accent)}
@media(prefers-reduced-motion:reduce){.visual-p11 .enroll-step,.visual-p11 .enroll-step-number{transition:none}}

/* Scheduling and attendance. */
/* P30–P31: scheduling, attendance and traceable teacher fees. */
.visual-v7:is(.visual-p13,.visual-p14){background:radial-gradient(ellipse at 90% 8%,#eaf7fc,transparent 48%),linear-gradient(125deg,#fffefb,#f5fbfa)!important}
.visual-p13 .acad-layout{height:100%;display:grid;grid-template-columns:880px 568px;grid-template-rows:514px 170px;gap:22px 24px}
.visual-p13 .acad-plan{display:grid;grid-template-rows:50px 38px minmax(0,1fr) 62px;gap:14px;padding:24px;border:1px solid #cde0ec;border-radius:22px;background:linear-gradient(130deg,#fff,#f5faff);box-shadow:0 13px 28px #37627c0a}
.visual-p13 .acad-plan-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.visual-p13 .acad-plan-head h3{display:flex;align-items:center;gap:12px;margin:0;font-size:29px;font-weight:600;color:#2f688f;white-space:nowrap}
.visual-p13 .acad-plan-head h3 svg{width:32px;height:32px;flex:none}
.visual-p13 .acad-task-status{display:flex;align-items:center;gap:8px;border:1px solid #cde2eb;border-radius:10px;padding:10px 13px;background:#f0f8fc;color:#568296;font:500 18px/1.3 var(--deck-font);white-space:nowrap}
.visual-p13 .acad-task-status>i{width:7px;height:7px;border-radius:50%;background:#7cabb7;box-shadow:0 0 0 4px #87b6c114}
.visual-p13 .acad-layout[data-scheduling-phase="conflict"] .acad-task-status{color:#997445;background:#fff8ec;border-color:#e7d6b9}
.visual-p13 .acad-layout[data-scheduling-phase="conflict"] .acad-task-status>i{background:#c89958}
.visual-p13 .acad-layout[data-scheduling-phase="complete"] .acad-task-status{color:#91774a;background:#fffaf0;border-color:#e5d9c0}
.visual-p13 .acad-conditions{display:flex;align-items:center;gap:10px}
.visual-p13 .acad-conditions>span{padding:7px 12px;border-radius:7px;background:#edf5fa;color:#557b95;font-size:18px;line-height:1.3}
.visual-p13 .acad-calendar{position:relative;display:grid;grid-template-rows:38px 1fr 1fr;border:1px solid #d9e6ee;border-radius:14px;overflow:hidden;background:#fff}
.visual-p13 .acad-calendar-scan{position:absolute;z-index:5;inset:0 auto 0 0;width:45%;opacity:0;background:linear-gradient(90deg,transparent,#81c9e026 82%,#6abbdc80 98%,transparent);pointer-events:none}
.visual-p13 .acad-cal-row{display:grid;grid-template-columns:84px repeat(3,1fr);min-height:0}
.visual-p13 .acad-cal-row>span{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #e2ecf2;border-top:1px solid #e2ecf2;gap:4px;padding:7px;text-align:center;min-width:0}
.visual-p13 .acad-cal-row>span:last-child{border-right:0}
.visual-p13 .acad-cal-head{background:#f1f7fb;font-size:18px;color:#57778d}
.visual-p13 .acad-cal-head>span{border-top:0}
.visual-p13 .acad-time{font:600 18px/1.3 Arial,sans-serif;color:#5d7c90;background:#fafcfd}
.visual-p13 .acad-time small{font:400 16px/1.3 Arial,sans-serif;color:#7791a0}
.visual-p13 .acad-free{color:#94a9b7;font-size:18px}
.visual-p13 .acad-clash{background:#f2f7fa;color:#5f8398}
.visual-p13 .acad-clash.has-conflict{background:#fff8ef;color:#987141}
.visual-p13 .acad-clash b{font-size:21px;line-height:1.35;font-weight:600}
.visual-p13 .acad-clash small{font-size:17px;line-height:1.45}
.visual-p13 .acad-proposal{position:relative;background:#fbfdfc;color:#3a8068}
.visual-p13 .acad-proposal.is-matching{background:#eaf6fd;box-shadow:inset 0 0 0 2px #a0c9dc}
.visual-p13 .acad-proposal.has-proposal{background:#eff9f3}
.visual-p13 .acad-target-empty{font-size:18px;color:#94a9b7}
.visual-p13 .acad-target-empty[hidden]{display:none}
.visual-p13 .acad-lesson-token{position:absolute;inset:6px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px;border:1px solid #b6dacf;border-radius:10px;background:linear-gradient(130deg,#f8fffb,#e5f4eb);box-shadow:0 5px 12px #2f725d12;opacity:0}
.visual-p13 .acad-lesson-token b{font-size:22px!important}
.visual-p13 .acad-proposal b{font-size:23px;line-height:1.4;font-weight:600}
.visual-p13 .acad-proposal small{font-size:17px}
.visual-p13 .acad-proposal em{font-size:16px;line-height:1.3;font-style:normal;padding:4px 9px;border-radius:5px;background:#dcefe3}
.visual-p13 .acad-check-result{display:flex;align-items:center;gap:13px;padding:0 4px;border-radius:12px}
.visual-p13 .acad-check-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eaf5f1;color:#4d8c78;flex:none}
.visual-p13 .acad-check-icon svg{width:27px;height:27px}
.visual-p13 .acad-check-result strong{font-size:21px;line-height:1.4;font-weight:600;color:#3c7184}
.visual-p13 .acad-check-result p{margin:4px 0 0;font-size:19px;line-height:1.4;color:#668396}
.visual-p13 .acad-clear{margin-left:auto;display:flex;align-items:center;gap:6px;color:#4d8d75;font-size:18px;white-space:nowrap}
.visual-p13 .acad-clear svg{width:20px;height:20px}
.visual-p13 .acad-merge{display:grid;grid-template-rows:230px 1fr;overflow:hidden;border:1px solid #d2e5dc;border-radius:22px;background:linear-gradient(130deg,#fff,#f1faf5);box-shadow:0 13px 28px #37627c0a}
.visual-p13 .acad-photo{height:100%;margin:0;overflow:hidden}
.visual-p13 .acad-photo img{width:100%;height:100%;display:block;object-fit:cover}
.visual-p13 .acad-ai-diagram{position:relative;background:#edf9fb}
.visual-p13 .acad-ai-diagram img{object-fit:fill}
.visual-p13 .acad-ai-streams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.visual-p13 .acad-ai-current{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;stroke-dasharray:12 100;stroke-dashoffset:112;opacity:0;filter:drop-shadow(0 0 7px #00c9db)}
.visual-p13 .acad-layout[data-ai-flow="active"] .acad-ai-current{animation:acad-ai-transfer 2.4s ease-in-out both}
.visual-p13 .acad-layout[data-ai-flow="active"] .acad-ai-output{animation-delay:1.1s;animation-duration:1.3s}
.visual-p13 .acad-ai-diagram figcaption{position:absolute;inset:auto 0 9px;display:grid;grid-template-columns:28% 33% 39%;align-items:center;text-align:center;color:#417d88;font-size:17px;line-height:1.4;font-weight:500;pointer-events:none}
.visual-p13 .acad-ai-diagram figcaption>span{justify-self:center;padding:2px 10px;border:1px solid #d0e9e9;border-radius:6px;background:#f9ffffd9;box-shadow:0 2px 8px #519c9b0b}
@keyframes acad-ai-transfer{0%{stroke-dashoffset:112;opacity:0}12%{opacity:1}88%{opacity:1}100%{stroke-dashoffset:-12;opacity:0}}
.visual-p13:not(.is-active) .acad-ai-current,html[data-motion-paused="true"] .visual-p13 .acad-ai-current{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.visual-p13 .acad-ai-current{animation:none!important;opacity:0}}
.visual-p13 .acad-merge-copy{padding:21px 24px 20px;border-top:1px solid #dceae3}
.visual-p13 .acad-merge-copy h3{display:flex;align-items:center;gap:11px;margin:0;font-size:29px;font-weight:600;line-height:1.4;color:#3a7e69}
.visual-p13 .acad-merge-copy h3 svg{width:30px;height:30px}
.visual-p13 .acad-merge-copy>p{font-size:19px;line-height:1.5;color:#638477;margin:8px 0 13px}
.visual-p13 .acad-merge-equation{position:relative;display:grid;grid-template-columns:1fr 25px 1fr 30px 1.1fr;align-items:center;gap:10px}
.visual-p13 .acad-merge-equation>div{padding:10px 12px;border:1px solid #dbe7e1;border-radius:12px;background:#fff;text-align:center}
.visual-p13 .acad-merge-equation small{display:block;font-size:17px;line-height:1.4;color:#66887a}
.visual-p13 .acad-merge-equation strong{font:600 39px/1.15 Arial,sans-serif;color:#698477}
.visual-p13 .acad-merge-equation em{font:18px/1.3 var(--deck-font);margin-left:5px;font-style:normal}
.visual-p13 .acad-merge-equation>i{font-size:24px;font-style:normal;color:#86ae9c;text-align:center}
.visual-p13 .acad-merge-equation svg{width:28px;height:28px}
.visual-p13 .acad-merge-equation .acad-merged{background:#e2f3e9;border-color:#bcdccb}
.visual-p13 .acad-merged strong{color:#337d5f}
.visual-p13 .acad-merge-equation.is-checking [data-merge-source]{border-color:#dfc798;background:#fff9ed}
.visual-p13 .acad-merge-equation:is(.is-merging,.is-ready) [data-merge-source]{border-color:#bcdccb;background:#f2fbf5}
.visual-p13 .acad-merge-equation.is-ready .acad-merged{border-color:#7ab99d;box-shadow:0 0 0 2px #d9eee0}
.visual-p13 .acad-merge-packet{position:absolute;top:50%;z-index:4;width:48px;padding:7px 0;border:1px solid #93c7b4;border-radius:9px;background:#f2fffb;box-shadow:0 5px 16px #3f92772c;text-align:center;font-size:18px;line-height:1.2;font-weight:600;color:#428b71;opacity:0;pointer-events:none}
.visual-p13 .acad-merge-status{display:flex;align-items:center;gap:7px;margin-top:14px;color:#4b846d;font-size:18px;line-height:1.5}
.visual-p13 .acad-merge-status svg{width:20px;height:20px;flex:none}
.visual-p13 .acad-approval-strip{grid-column:1/-1;display:grid;grid-template-columns:265px repeat(3,1fr);gap:22px;padding:24px;border:1px solid #d6e4e9;border-radius:22px;background:linear-gradient(100deg,#edf7fc,#f9fcfa);align-items:center}
.visual-p13 .acad-approval-label h3{font-size:28px;line-height:1.4;margin:0;color:#346c8e;font-weight:600}
.visual-p13 .acad-approval-label p{font-size:20px;line-height:1.5;margin:9px 0 0;color:#6b8797}
.visual-p13 .acad-approval-step{position:relative;display:flex;align-items:center;gap:14px;min-width:0;height:100%;border:1px solid #dce9ee;border-radius:15px;background:#ffffffd9;padding:16px 18px}
.visual-p13 .acad-stage-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d4e6ea;border-radius:12px;background:#f0f8fa;color:#55929a;flex:none}
.visual-p13 .acad-stage-icon svg{width:27px;height:27px}
.visual-p13 .acad-approval-step strong{font-size:23px;line-height:1.4;color:#386c80;font-weight:600}
.visual-p13 .acad-approval-step p{font-size:18px;line-height:1.5;color:#63818f;margin:7px 0 0}
.visual-p13 .acad-approval-step>i{position:absolute;right:-23px;top:50%;transform:translateY(-50%);width:23px;height:23px;color:#85acb6;z-index:2}
.visual-p13 .acad-approval-step>i svg{width:23px;height:23px}
.visual-p13 .acad-approval-step.is-done{border-color:#a9d2bf;background:#f0faf3}
.visual-p13 .acad-approval-step.is-done .acad-stage-icon{background:#dff3e7;color:#4b9476;border-color:#bcdcc9}
.visual-p13 .acad-approval-step.is-pending{border-color:#dfcda7;background:#fffbf2}
.visual-p13 .acad-approval-step.is-pending .acad-stage-icon{background:#fbf1d9;color:#a08a58;border-color:#e9d9b6}
.visual-p13 .acad-approval-step.is-pending :is(strong,p){color:#968052}
.visual-p13 .acad-layout [data-reveal]{opacity:1;transform:none}
.visual-p13 .acad-layout [data-reveal].is-current{border-color:#75afa3;box-shadow:0 0 0 2px #e0f1eb,0 12px 28px #37627c10}
.visual-p14 .fee-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px}
.visual-p14 .fee-main{display:grid;grid-template-rows:300px 222px 140px;gap:22px;min-height:0}
.visual-p14 .fee-attendance-photo{position:relative;margin:0;border:1px solid #d5e5ea;border-radius:22px;overflow:hidden;box-shadow:0 12px 26px #3b6a7c0a}
.visual-p14 .fee-attendance-photo>img{width:100%;height:100%;object-fit:cover;display:block}
.visual-p14 .fee-attendance-photo figcaption{position:absolute;left:22px;bottom:19px;display:flex;align-items:center;gap:9px;margin:0;padding:10px 15px;border:1px solid #dae8e6;border-radius:11px;background:#fffffff5;color:#427c79;font-size:21px;line-height:1.4;box-shadow:0 4px 15px #375d7010}
.visual-p14 .fee-attendance-photo figcaption svg{width:27px;height:27px}
.visual-p14 .fee-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.visual-p14 .fee-flow-step{position:relative;min-height:0;padding:19px 21px;border:1px solid #cfe2ed;border-radius:19px;background:linear-gradient(135deg,#fff,#f1f8fd);box-shadow:0 10px 22px #375d7006}
.visual-p14 .fee-flow-step:nth-child(2){border-color:#d0e5db;background:linear-gradient(135deg,#fff,#eff9f3)}
.visual-p14 .fee-flow-step:nth-child(3){border-color:#e5dfcf;background:linear-gradient(135deg,#fff,#fcf9f0)}
.visual-p14 .fee-step-icon{position:absolute;right:19px;top:18px;color:#76a5b7}
.visual-p14 .fee-step-icon svg{width:27px;height:27px}
.visual-p14 .fee-flow-step h3{font-size:25px;line-height:1.4;margin:0 29px 14px 0;color:#326b8d;font-weight:600;white-space:nowrap}
.visual-p14 .fee-flow-step:nth-child(2) h3{color:#3c806b}
.visual-p14 .fee-flow-step:nth-child(3) h3{color:#886f47}
.visual-p14 .fee-flow-step p{font-size:20px;line-height:1.65;margin:0;color:#5f7b8e}
.visual-p14 .fee-flow-step>strong{display:block;margin-top:18px;padding-top:13px;border-top:1px solid #dce9ef;font-size:19px;line-height:1.4;color:#4c7d96;font-weight:500;white-space:nowrap}
.visual-p14 .fee-flow-step:nth-child(2)>strong{color:#4d846f;border-color:#dcebe2}
.visual-p14 .fee-flow-step:nth-child(3)>strong{color:#93784d;border-color:#ebe4d7}
.visual-p14 .fee-flow-arrow{position:absolute;right:-20px;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:22px;height:30px;border-radius:10px;background:#f7fbfa;color:#85a9b8}
.visual-p14 .fee-flow-arrow svg{width:22px;height:22px}
.visual-p14 .fee-efficiency{display:grid;grid-template-columns:1fr 165px 45px 200px;gap:24px;align-items:center;padding:20px 28px;border:1px solid #cbdfe9;border-radius:20px;background:linear-gradient(105deg,#edf7fe,#f4faf5)}
.visual-p14 .fee-efficiency>div:first-child>small{font-size:20px;line-height:1.4;color:#668597}
.visual-p14 .fee-efficiency h3{font-size:27px;line-height:1.4;font-weight:600;color:#346e91;margin:9px 0 0;white-space:nowrap}
.visual-p14 .fee-duration>small{font-size:17px;line-height:1.4;color:#6c8596;white-space:nowrap}
.visual-p14 .fee-duration>div{display:flex;align-items:baseline;gap:10px;margin-top:5px}
.visual-p14 .fee-duration strong{font:600 54px/1.05 Arial,sans-serif;color:#8a9ca9}
.visual-p14 .fee-duration span{font-size:22px;color:#78909e}
.visual-p14 .fee-duration-now strong{font-size:65px;color:#2d8e73}
.visual-p14 .fee-duration-now span{color:#4b8a76}
.visual-p14 .fee-efficiency>i svg{width:35px;height:35px;color:#81a8b6}
.visual-p14 .fee-device-stage{display:grid;place-items:center;min-height:0;border:1px solid #d8e8e8;border-radius:24px;background:radial-gradient(ellipse at 70% 0,#f9fcff,transparent 60%),linear-gradient(150deg,#eef8fc,#f1faf5)}
.visual-p14 .phone.iphone-device.lesson-fee-phone{--phone-width:326px}
.visual-p14 .lesson-fee-phone .phone-head{padding-top:10px;padding-bottom:14px;color:#2f5f76;font-size:23px}
.visual-p14 .lesson-fee-phone .phone-content{padding:0 14px 10px;background:#f7fafb}
.visual-p14 .fee-month{padding:15px 18px;border:1px solid #c9e2db;border-radius:17px;background:linear-gradient(115deg,#eaf7f1,#eef8fb)}
.visual-p14 .fee-month>small{font-size:17px;line-height:1.4;color:#618375}
.visual-p14 .fee-month>div{display:flex;align-items:baseline;gap:6px;margin:6px 0 7px;color:#2f8062}
.visual-p14 .fee-month>div>span{font-size:23px}
.visual-p14 .fee-month strong{font:600 42px/1.15 Arial,sans-serif;letter-spacing:-1px}
.visual-p14 .fee-month>p{display:flex;align-items:center;gap:4px;font-size:16px;line-height:1.4;color:#5a8b76;margin:0}
.visual-p14 .fee-month>p svg{width:17px;height:17px}
.visual-p14 .fee-tabs{display:flex;gap:8px;margin:14px 0 10px;padding-bottom:8px;border-bottom:1px solid #deeaec}
.visual-p14 .fee-tabs button{flex:1;border:0;border-radius:8px;background:transparent;color:#81969f;padding:8px 5px;font:600 18px/1.3 var(--deck-font);cursor:pointer}
.visual-p14 .fee-tabs button[aria-selected="true"]{color:#3b8274;background:#e8f4ee}
.visual-p14 .fee-record-row{display:flex;align-items:center;gap:6px;width:100%;min-height:83px;padding:14px 6px;border:0;border-bottom:1px solid #e1ebed;background:none;text-align:left;cursor:pointer;font:inherit}
.visual-p14 .fee-record-row>span{flex:1}
.visual-p14 .fee-record-row strong{display:block;font-size:19px;line-height:1.4;font-weight:600;color:#3a6074}
.visual-p14 .fee-record-row small{display:block;font-size:15px;line-height:1.5;color:#81939d;margin-top:5px;white-space:nowrap}
.visual-p14 .fee-record-row>b{font:600 20px/1.3 Arial,sans-serif;color:#408770;white-space:nowrap}
.visual-p14 .fee-record-row em{font:14px/1.3 var(--deck-font);font-style:normal;margin-left:3px}
.visual-p14 .fee-record-row>svg{width:17px;height:17px;color:#9ab4bb;flex:none}
.visual-p14 .fee-phone-hint{font-size:15px;line-height:1.5;text-align:center;color:#869da7;margin:16px 0 0}
.visual-p14 .fee-back{font:16px/1.4 var(--deck-font);color:#4b8b7a;background:none;border:0;padding:5px 0 10px;cursor:pointer}
.visual-p14 .fee-detail h3{font-size:22px;color:#376a7d;margin:5px 0 4px}
.visual-p14 .fee-detail>p{font-size:16px;line-height:1.5;color:#78909d;margin:0 0 13px}
.visual-p14 .fee-detail dl{margin:0;border:1px solid #d9e7e7;border-radius:12px;overflow:hidden;background:#fff}
.visual-p14 .fee-detail dl>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid #e5eded;font-size:16px;line-height:1.4;color:#607d8b}
.visual-p14 .fee-detail dl>div:last-child{border:0;background:#edf7f2;color:#3c7d66}
.visual-p14 .fee-detail dt,.visual-p14 .fee-detail dd{margin:0}
.visual-p14 .fee-detail dd{font-weight:600;white-space:nowrap}
.visual-p14 .fee-detail-status{margin-top:12px;border-radius:8px;padding:10px;background:#edf7f2;color:#4c8a72;font-size:15px;line-height:1.5}
.visual-p14 .fee-paystub{padding:15px 12px;border:1px solid #dce8e6;border-radius:14px;background:#fff}
.visual-p14 .fee-paystub>small{font-size:17px;color:#6e8897}
.visual-p14 .fee-paystub h3{font-size:22px;color:#3a6e79;margin:12px 0}
.visual-p14 .fee-paystub-amount{display:flex;align-items:baseline;gap:5px;font:600 34px/1.2 Arial,sans-serif;color:#41846d}
.visual-p14 .fee-paystub-amount span{font:18px/1.3 var(--deck-font)}
.visual-p14 .fee-paystub p{font-size:17px;line-height:1.6;color:#7a919c;margin:12px 0 18px}
.visual-p14 .fee-paystub button{width:100%;padding:12px;border:1px solid #cbe0d5;border-radius:9px;background:#edf7f1;color:#487c68;font:17px/1.4 var(--deck-font);cursor:pointer}
.visual-p14 .fee-layout [data-reveal]{opacity:1;transform:none}
.visual-p14 .fee-layout [data-reveal].is-current{border-color:#6fae9b;box-shadow:0 0 0 2px #deeee6,0 12px 24px #416d8212}
.visual-p14 .fee-app button:focus-visible{outline:3px solid #7aafc5;outline-offset:3px}
/* P32–33: existing cameras → a bright remote inspection workbench. */
.visual-v7:is(.visual-p15,.visual-p16){background:radial-gradient(ellipse at 88% 8%,#e6f5ff,transparent 50%),linear-gradient(125deg,#fffefa,#f0f9f5)!important}
.camera-connect,.remote-patrol{width:100%;height:100%;color:#254b62}
.camera-connect{display:grid;grid-template-rows:416px 266px;gap:24px}
.camera-connect-hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:24px;min-height:0}
.camera-device-photo{position:relative;margin:0;overflow:hidden;border-radius:24px;border:1px solid #d2e4e4;box-shadow:0 12px 28px #397a9912}
.camera-device-photo>img{width:100%;height:100%;display:block;object-fit:cover}
.camera-device-photo>figcaption{position:absolute;left:22px;bottom:22px;display:flex;flex-direction:column;gap:8px;padding:18px 24px;border:1px solid #fff;border-radius:17px;background:#ffffffeb;box-shadow:0 7px 22px #365e7312;backdrop-filter:blur(10px)}
.camera-device-photo small{font-size:18px;color:#61919c}
.camera-device-photo strong{font-size:30px;font-weight:600;letter-spacing:-.5px;color:#315d73}
.camera-connected-feed{position:relative;min-width:0;min-height:0;box-shadow:0 12px 28px #397a9912}
.camera-connect-arrow{position:absolute;z-index:5;left:-39px;top:calc(50% - 27px);width:54px;height:54px;display:grid;place-items:center;border:1px solid #c3e3eb;border-radius:50%;background:linear-gradient(135deg,#fff,#e4f5f9);box-shadow:0 7px 15px #3c859322;color:#388aa6}
.camera-connect-arrow svg{width:28px;height:28px}
.patrol-camera-view{position:relative;isolation:isolate;overflow:hidden;background:#eaf1ed;border-radius:17px;width:100%;height:100%}
.patrol-camera-view>img{display:block;width:100%;height:100%;object-fit:cover}
.patrol-person-boxes{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.patrol-person-boxes rect{fill:#2dc48b03;stroke:#3ce4a3;stroke-width:2;vector-effect:non-scaling-stroke}
.patrol-person-boxes text{fill:#d7ffee;stroke:#123e2d;stroke-width:4px;paint-order:stroke;stroke-linejoin:round;font:600 24px Arial,sans-serif}
.patrol-person-boxes g{animation:patrol-track-reveal .55s calc(.4s + var(--track)*.085s) both}
.patrol-feed-top,.patrol-feed-bottom{position:absolute;z-index:2;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}
.patrol-feed-top{top:14px;justify-content:flex-end}.patrol-feed-bottom{bottom:14px}
.patrol-feed-top>span,.patrol-feed-bottom>span,.patrol-feed-bottom>strong{padding:6px 10px;border:1px solid #ffffff33;border-radius:6px;background:#153b42bf;color:#f0fff8;font-size:16px;line-height:1.3;font-weight:500;backdrop-filter:blur(8px)}
.patrol-feed-top>span:first-child{font:500 15px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.1px}
.patrol-feed-bottom>strong{background:#0d6e4ee3;border-color:#63dda85c;color:#e0ffef}
.patrol-detection{display:flex;align-items:center;gap:7px}
.patrol-detection>i{width:7px;height:7px;border-radius:50%;background:#52f4ad;box-shadow:0 0 8px #3ee99d80}
.camera-connect-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.camera-connect-step{position:relative;padding:20px 22px;border:1px solid #cee3eb;border-radius:22px;background:linear-gradient(140deg,#fbfdff,#edf7ff);box-shadow:0 10px 22px #4182a210}
.camera-step-2{background:linear-gradient(140deg,#fcfffd,#eaf8f1);border-color:#cce5d9}
.camera-step-3{background:linear-gradient(140deg,#fffffd,#f6f3e9);border-color:#e7dfc9}
.camera-step-4{background:linear-gradient(140deg,#fefeff,#eff2fc);border-color:#d8dded}
.camera-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.patrol-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid #b6d6e5;border-radius:14px;color:#4488aa;background:linear-gradient(145deg,#fff,#d5eaf4);box-shadow:2px 4px 0 #c4dce55e,inset 1px 1px 0 white}
.patrol-icon svg{width:29px;height:29px}
.camera-step-2 .patrol-icon{color:#438a71;border-color:#bddfcf;background:linear-gradient(145deg,#fff,#d6eee1)}
.camera-step-3 .patrol-icon{color:#9e8653;border-color:#e1d5b3;background:linear-gradient(145deg,#fff,#eee5cc)}
.camera-step-4 .patrol-icon{color:#717ba7;border-color:#cbd3e9;background:linear-gradient(145deg,#fff,#dfe4f5)}
.camera-step-number{font:500 32px/1 Arial,sans-serif;color:#8eacbb;letter-spacing:1px}
.camera-connect-step h3{margin:0 0 10px;font-size:25px;line-height:1.35;font-weight:600;letter-spacing:-.4px;color:#31566d}
.camera-connect-step p{margin:0;font-size:20px;line-height:1.6;color:#5b7b88}
.camera-step-result{display:flex;align-items:center;gap:8px;margin-top:15px;padding-top:12px;border-top:1px solid #cbdfe58c;color:#548594;font-size:17px;line-height:1.4}
.camera-step-result svg{width:19px;height:19px;flex:none}
.camera-step-arrow{position:absolute;right:-23px;top:98px;z-index:3;display:grid;place-items:center;width:26px;height:30px;background:#f1f9f8;border-radius:9px;color:#74a7b9}
.camera-step-arrow svg{width:23px;height:23px}
.remote-patrol{display:grid;grid-template-columns:360px 1fr;grid-template-rows:456px 226px;gap:24px}
.patrol-map-panel,.patrol-wall-panel,.patrol-reconcile{padding:20px;border:1px solid #d0e4e8;border-radius:22px;background:#ffffffdc;box-shadow:0 12px 28px #397a990c;min-height:0;min-width:0}
.patrol-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;height:34px;margin-bottom:16px}
.patrol-panel-title h3{display:flex;align-items:center;gap:10px;margin:0;font-size:26px;line-height:1.3;font-weight:600;color:#335f75;white-space:nowrap}
.patrol-panel-title h3>svg{width:27px;height:27px;color:#5a9ba9;flex:none}
.patrol-panel-title>span{font-size:18px;line-height:1.4;color:#71909a}
.patrol-map-panel{padding:20px 18px}
.patrol-map-panel .patrol-panel-title h3{font-size:25px;gap:8px}
.patrol-map-panel .patrol-panel-title>span{font-size:17px;white-space:nowrap}
.patrol-map-canvas{position:relative;height:286px;overflow:hidden;border-radius:15px;border:1px solid #d9e8e1;background:#eef5f1}
.patrol-map-canvas>svg{display:block;width:100%;height:100%}
.patrol-map-pin{position:absolute;display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;cursor:pointer;color:#608d9a;transform:translate(-50%,-50%)}
.patrol-pin-north{left:29%;top:25%}.patrol-pin-center{left:56%;top:65%}
.patrol-map-pin>span{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #c4dadf;box-shadow:0 4px 10px #426d7a13;padding:7px 10px;white-space:nowrap;border-radius:7px;font-size:17px;color:#538091}
.patrol-map-pin b{font-weight:500;font-size:13px;line-height:1.4;padding:2px 4px;border-radius:4px;background:#fff0d6;color:#a97d39}
.patrol-map-pin>i{display:grid;place-items:center;width:36px;height:36px;margin-top:6px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 5px #73b0c61a,0 4px 8px #4c8d9d22;background:#85b7bf;color:white}
.patrol-map-pin svg{width:18px;height:18px}
.patrol-map-pin.is-selected>i{background:#389abe;box-shadow:0 0 0 7px #83cce542,0 4px 12px #4c8d9d28}
.patrol-map-pin.is-selected>span{border-color:#8dbfd1;color:#217c9f}
.patrol-map-caption{position:absolute;left:12px;bottom:9px;color:#7a9e97;font-size:14px}
.patrol-campus-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.patrol-campus-picker button{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;gap:8px;border:1px solid #d7e6e8;border-radius:10px;background:#f7fbfa;color:#6b8c94;font-size:17px;cursor:pointer}
.patrol-campus-picker button>span{font-size:13px;color:#4ca082}
.patrol-campus-picker button.is-selected{background:#eaf5fc;border-color:#9fcadd;color:#327f9e}
.patrol-video-wall{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.patrol-wall-feed{min-width:0;padding:4px;border:1px solid #d4e3e6;border-radius:17px;background:#f6faf9;transition:border-color .25s,box-shadow .25s}
.patrol-wall-feed.is-selected{border-color:#76b4d0;box-shadow:0 0 0 2px #c9e8f46b;background:#f0f8fc}
.patrol-wall-feed .patrol-camera-view{height:auto;aspect-ratio:1672/941;border-radius:12px}
.patrol-wall-feed .patrol-feed-top,.patrol-wall-feed .patrol-feed-bottom{left:9px;right:9px}
.patrol-wall-feed .patrol-feed-top{top:9px}.patrol-wall-feed .patrol-feed-bottom{bottom:9px}
.patrol-wall-feed .patrol-feed-top>span,.patrol-wall-feed .patrol-feed-bottom>span,.patrol-wall-feed .patrol-feed-bottom>strong{font-size:13px;padding:5px 7px}
.patrol-wall-feed-meta{display:flex;align-items:center;justify-content:space-between;padding:15px 11px 10px;gap:12px}
.patrol-wall-feed-meta strong{display:block;color:#3b6b7e;font-size:22px;font-weight:600;line-height:1.3}
.patrol-wall-feed-meta span{display:block;color:#7d989e;font-size:16px;line-height:1.4;margin-top:4px}
.patrol-wall-feed-meta button{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #c8dee5;border-radius:9px;background:#fff;color:#669da9;cursor:pointer}
.patrol-wall-feed-meta button>svg{width:21px;height:21px}
.patrol-reconcile{grid-column:1/-1;padding:18px 22px}
.patrol-reconcile .patrol-panel-title{height:31px;margin-bottom:14px}
.patrol-reconcile .patrol-panel-title h3{font-size:25px}
.patrol-reconcile-body{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;height:141px}
.patrol-compare-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.patrol-compare-counts>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:11px 18px;border-radius:13px;border:1px solid #d5e7df;background:#f1f9f4}
.patrol-compare-counts>div.patrol-count-video{background:#eff7fc;border-color:#d4e6ef}
.patrol-compare-counts>div.patrol-count-consumption{background:#fff8ec;border-color:#ecdfc7}
.patrol-compare-counts span{font-size:19px;line-height:1.4;color:#57818a}
.patrol-compare-counts strong{font:600 49px/1.15 Arial,sans-serif;color:#4b8c73;font-variant-numeric:tabular-nums;margin:4px 0}
.patrol-count-video strong{color:#4f91b7}.patrol-count-consumption strong{color:#ae8a48}
.patrol-compare-counts strong>em{font:400 17px/1.3 var(--deck-font);margin-left:9px;color:#7b969b}
.patrol-compare-counts small{font-size:14px;color:#7c969c;line-height:1.4;white-space:nowrap}
.patrol-warning{display:grid;grid-template-columns:35px 1fr;column-gap:12px;align-content:center;padding:13px 20px;border:1px solid #ebd9b8;border-radius:14px;background:linear-gradient(115deg,#fffaed,#fffdf7)}
.patrol-warning-icon{color:#c29851;grid-row:1/3;align-self:start;padding-top:2px}
.patrol-warning-icon>svg{width:30px;height:30px}
.patrol-warning h4{margin:0;color:#95733c;font-size:25px;font-weight:600;line-height:1.35}
.patrol-warning p{font-size:17px;line-height:1.45;color:#9c8d70;margin:4px 0 9px}
.patrol-warning button{display:flex;align-items:center;justify-content:center;gap:12px;justify-self:start;grid-column:2;padding:8px 14px;border:1px solid #d6ba81;border-radius:8px;background:#fffdfa;color:#9d793c;font-size:17px;line-height:1.3;cursor:pointer}
.patrol-warning button>svg{width:18px;height:18px}
.patrol-warning button:disabled{cursor:default;color:#799d8a;border-color:#c4dfd0;background:#f5fcf7}
.patrol-warning.is-clear{background:linear-gradient(115deg,#f0faf3,#fbfffc);border-color:#cce4d3}
.patrol-warning.is-clear :is(h4,.patrol-warning-icon){color:#518c6e}.patrol-warning.is-clear p{color:#7f9d8c}
.remote-patrol button:focus-visible{outline:3px solid #4d9cbd;outline-offset:4px}
.patrol-expanded{max-width:1120px;margin:auto}
.patrol-expanded .patrol-camera-view{aspect-ratio:1672/941;height:auto;width:min(100%,1013px,calc((100vh - 320px)*1.776833));margin:auto}
.patrol-expanded .patrol-person-boxes g{animation:none;opacity:1}
.patrol-expanded-context{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:18px;color:#537c86}
@keyframes patrol-track-reveal{from{opacity:0}to{opacity:1}}
.slide:not(.is-active) .patrol-person-boxes g,html[data-motion-paused="true"] .patrol-person-boxes g{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.patrol-person-boxes g{animation:none}.patrol-wall-feed{transition:none}}
.visual-v7.visual-p17{background:radial-gradient(ellipse at 88% 8%,#e6f5ff,transparent 50%),linear-gradient(125deg,#fffefa,#f0f9f5)!important}
.alert34-layout{display:grid;grid-template-columns:900px 1fr;gap:24px;width:100%;height:100%;color:#2e5c70}
.alert34-visual{display:grid;grid-template-rows:506px 176px;gap:24px;min-height:0}
.alert34-classroom{border-radius:23px;overflow:hidden;box-shadow:0 14px 32px #2d71891c;border:1px solid #ccdfdc;position:relative}
.alert34-classroom .patrol-camera-view{border-radius:0}
.alert34-process{padding:20px 24px;border:1px solid #d0e5de;border-radius:21px;background:linear-gradient(120deg,#fbfffd,#eef8f4);box-shadow:0 10px 22px #397a990a}
.alert34-process h3{margin:0 0 14px;display:flex;align-items:center;gap:11px;color:#4f8473;font-size:26px;font-weight:600;line-height:1.3;letter-spacing:-.4px}
.alert34-process h3>svg{width:28px;height:28px;color:#65a48c;flex:none}
.alert34-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.alert34-flow-step{position:relative;display:grid;grid-template-columns:30px 1fr;align-content:center;column-gap:9px;row-gap:4px;padding:12px 7px;border-radius:12px;transition:background .3s,box-shadow .3s}
.alert34-flow-step>span{grid-row:1/3;align-self:center;color:#74a79b}
.alert34-flow-step>span>svg{width:27px;height:27px;display:block}
.alert34-flow-step>strong{font-size:19px;line-height:1.5;font-weight:600;color:#537c79;white-space:nowrap}
.alert34-flow-step>small{font-size:15px;line-height:1.4;color:#77958c;white-space:nowrap}
.alert34-flow-step>i{position:absolute;right:-20px;top:calc(50% - 10px);color:#8fbaac;width:20px;height:20px}
.alert34-flow-step>i>svg{width:20px;height:20px}
.alert34-layout[data-motion-step="1"] .alert34-flow-step:nth-child(1),.alert34-layout[data-motion-step="2"] .alert34-flow-step:nth-child(2),.alert34-layout[data-motion-step="3"] .alert34-flow-step:nth-child(3),.alert34-layout[data-motion-step="4"] .alert34-flow-step:nth-child(4){background:#dff2e8;box-shadow:inset 0 0 0 1px #b1d8c5}
.alert34-notification{min-height:0;display:grid;grid-template-rows:58px 146px 108px 1fr;gap:18px;padding:24px;border:1px solid #cfe2e9;border-radius:23px;background:linear-gradient(150deg,#fff,#f7fcfc);box-shadow:0 15px 32px #397a9912}
.alert34-notice-head{display:flex;align-items:center;gap:12px;min-width:0}
.alert34-bell{flex:none;display:grid;place-items:center;width:49px;height:49px;border-radius:14px;border:1px solid #bfdce7;background:linear-gradient(140deg,#fff,#deeff7);box-shadow:2px 4px 0 #d5e6ec66;color:#518eaa}
.alert34-bell>svg{width:28px;height:28px}
.alert34-notice-head h3{margin:0;font-size:26px;line-height:1.3;font-weight:600;color:#385f76}
.alert34-notice-head p{margin:5px 0 0;font-size:16px;line-height:1.4;color:#7e98a0;white-space:nowrap}
.alert34-notice-head time{margin-left:auto;align-self:flex-start;padding-top:6px;color:#8aa3aa;font:400 16px/1.4 Arial,sans-serif}
.alert34-counts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.alert34-counts>article{display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border:1px solid #d0e3ef;border-radius:15px;background:#edf7fe}
.alert34-counts>article.alert34-video-count{background:#eef9f2;border-color:#cfe5d7}
.alert34-counts span{font-size:18px;line-height:1.4;color:#56839b;white-space:nowrap}
.alert34-counts strong{font:600 60px/1.05 Arial,sans-serif;color:#438fba;margin:5px 0}
.alert34-counts strong>em{font:400 18px/1.4 var(--deck-font);color:#7199a3;margin-left:11px}
.alert34-counts small{font-size:15px;line-height:1.4;color:#7d9ba6;white-space:nowrap}
.alert34-video-count strong{color:#4b9a77}.alert34-video-count span{color:#5f8c76}
.alert34-difference{display:flex;align-items:center;gap:12px;padding:14px 17px;border-radius:15px;border:1px solid #eddbba;background:linear-gradient(120deg,#fff7e9,#fffcf4)}
.alert34-difference>span{align-self:flex-start;padding-top:9px;color:#c29a5b}
.alert34-difference>span>svg{width:29px;height:29px}
.alert34-difference h4{margin:0;color:#9f7b42;font-size:30px;line-height:1.4;font-weight:600}
.alert34-difference h4>strong{font:600 40px/1 Arial,sans-serif;margin:0 5px;color:#b78c44}
.alert34-difference p{margin:3px 0 0;font-size:17px;line-height:1.4;color:#a18b64;white-space:nowrap}
.alert34-delivery{display:flex;flex-direction:column;gap:13px;min-height:0;border-radius:15px}
.alert34-delivery-title{height:29px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.alert34-delivery-title h4{font-size:22px;line-height:1.3;font-weight:600;color:#517c78;margin:0}
.alert34-delivery-title>span{display:flex;align-items:center;gap:4px;font-size:14px;color:#7d9a8f;white-space:nowrap}
.alert34-delivery-title>span>svg{width:16px;height:16px}
.alert34-recipient-list{display:grid;gap:8px}
.alert34-recipient{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #e1ebe6;border-radius:11px;background:#fbfdfb;min-height:46px}
.alert34-recipient-icon{color:#8eaaa0;display:grid;place-items:center;width:24px;height:24px}
.alert34-recipient-icon>svg{width:22px;height:22px}
.alert34-recipient>span:not(.alert34-recipient-icon){font-size:19px;color:#5c7d76;line-height:1.3}
.alert34-recipient>b{margin-left:auto;font-size:15px;line-height:1.4;font-weight:500;color:#91a69d;align-items:center;gap:4px}
.alert34-recipient>b>svg{width:17px;height:17px}
.alert34-recipient>b.alert34-sent{color:#4f9879}
.alert34-delivery .alert34-sent{display:none}
.alert34-delivery.is-revealed .alert34-sent{display:inline-flex}
.alert34-delivery.is-revealed .alert34-wait{display:none}
.alert34-delivery.is-revealed .alert34-recipient{border-color:#d0e7d8;background:#f1faf5}
.alert34-delivery .alert34-record-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:45px;padding:10px 18px;margin-top:auto;font-size:19px;line-height:1.3;color:#fff;border:1px solid #72a9b9;border-radius:11px;background:linear-gradient(110deg,#5d9db4,#54998f);box-shadow:0 5px 12px #528d9d17;cursor:pointer}
.alert34-record-button>svg{width:20px;height:20px}
.alert34-delivery:not(.is-revealed) .alert34-record-button{visibility:hidden;pointer-events:none}
.alert34-record-button:focus-visible{outline:3px solid #77b2cf;outline-offset:4px}
.alert34-modal .demo-card{background:#fbfefc;border-color:#d4e6df}
.alert34-modal .demo-ledger td{padding:13px 10px;font-size:19px;line-height:1.5;vertical-align:top}
.alert34-modal .demo-ledger td:first-child{width:37%;color:#67877c}
.alert34-modal .demo-card>p{line-height:1.6}
.alert34-modal-delivery{margin:18px 0;padding:17px 20px;background:#eff9f2;border:1px solid #cee5d5;border-radius:12px;color:#558a6e;font-size:20px;line-height:1.6}
.alert34-modal .demo-status{background:#fff8e9;color:#a28550;border:1px solid #e9dab8}
@media(prefers-reduced-motion:reduce){.alert34-flow-step{transition:none}}

/* Phones have a scenic setting and their original shared shell, buttons and status bar. */
.visual-v7:is(.visual-p18,.visual-refund-approval){background:radial-gradient(ellipse at 85% 4%,#eaf7fe,transparent 55%),linear-gradient(125deg,#fffefb,#f2faf5)!important}
.care35-layout{display:grid;grid-template-columns:1048px 400px;gap:24px;width:100%;height:100%}
.care35-main{display:grid;grid-template-rows:370px 312px;gap:24px;min-height:0}
.care35-photo{margin:0;overflow:hidden;position:relative;border:1px solid #d2e4df;border-radius:23px;box-shadow:0 12px 28px #4f8e9711}
.care35-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.care35-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.care35-card{padding:20px;border:1px solid #d6e6ef;border-radius:21px;background:linear-gradient(145deg,#fbfdff,#eef7fd);box-shadow:0 12px 25px #60859c0b;min-height:0}
.care35-card>header{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.care35-card>header>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c0dce9;border-radius:13px;background:linear-gradient(145deg,#fff,#dceef8);color:#528da8;box-shadow:2px 3px 0 #d5e7eb66;flex:none}
.care35-card>header svg{width:26px;height:26px}
.care35-card>header small{font-size:18px;color:#759ca8;line-height:1.4}
.care35-card h3{margin:0 0 10px;font-size:26px;line-height:1.35;font-weight:600;letter-spacing:-.7px;color:#436e81;white-space:nowrap}
.care35-card>p{margin:0;font-size:20px;line-height:1.6;color:#6c8b96}
.care35-attendance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
.care35-attendance>span{display:flex;flex-direction:column;gap:7px;padding:11px 8px;border-radius:10px;border:1px solid #cde1d9;background:#f4fcf6;text-align:center}
.care35-attendance small{font:16px/1.2 Arial,sans-serif;color:#8a9d9f}
.care35-attendance b{font-weight:500;font-size:18px;color:#739a81}
.care35-attendance>span:not(:first-child){background:#fff8ec;border-color:#e9dcc1}
.care35-attendance>span:not(:first-child)>b{color:#ac8c56}
.care35-contact{background:linear-gradient(145deg,#fcfffd,#eff8f2);border-color:#d3e6da}
.care35-contact>header>span{background:linear-gradient(145deg,#fff,#e1f2e7);border-color:#c7e1d1;color:#669780}
.care35-owner{display:flex;align-items:center;gap:14px;border-top:1px solid #dce8dd;margin-top:23px;padding-top:19px;color:#75a08a}
.care35-owner>svg{width:33px;height:33px}
.care35-owner small{display:block;font-size:16px;line-height:1.5;color:#83a192}
.care35-owner strong{display:block;font-size:22px;font-weight:600;line-height:1.4;color:#5a8b74}
.care35-headquarters{background:linear-gradient(145deg,#fffefa,#faf7ed);border-color:#e6e0cc}
.care35-headquarters>header>span{background:linear-gradient(145deg,#fff,#f0ead8);border-color:#e0d6bc;color:#a2946b}
.care35-escalate{margin-top:23px;padding-top:23px;border-top:1px solid #e8e2d3;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:16px;color:#9a8d70}
.care35-escalate>svg{width:17px;height:17px;flex:none;color:#b8b18c}
.care35-phone-stage,.refund36-phone-stage{display:grid;place-items:center;border:1px solid #d5e7e4;border-radius:24px;background:radial-gradient(ellipse at 70% 0,#fff,transparent 60%),linear-gradient(145deg,#edf7fd,#edf9f2);min-height:0}
.care35-phone.iphone-device,.refund36-phone.iphone-device{--phone-width:326px}
.care35-phone .phone-head,.refund36-phone .phone-head{font-size:23px;color:#3d697c}
.care35-phone .phone-content,.refund36-phone .phone-content{background:#f7fbfa;padding:0 14px 10px}
.care35-phone-alert{border:1px solid #e7d9ba;border-radius:15px;background:linear-gradient(135deg,#fffcf3,#fbf4e5);padding:16px}
.care35-phone-alert>span{display:flex;align-items:center;gap:6px;color:#af935b;font-size:16px}
.care35-phone-alert>span>svg{width:19px;height:19px}
.care35-phone-alert h3{font-size:22px;line-height:1.4;color:#a48751;margin:10px 0 6px}
.care35-phone-alert p{font-size:17px;line-height:1.4;color:#a59474;margin:0}
.care35-phone-field{padding:16px 4px 14px;border-bottom:1px solid #e1ece7}
.care35-phone-field small{display:block;font-size:16px;color:#89a29c;margin-bottom:8px}
.care35-phone-field strong{font-size:20px;line-height:1.4;color:#517c75;font-weight:600}
.care35-phone-status{display:flex;align-items:center;gap:7px;padding:14px 10px;margin:16px 0;background:#eef6fa;border:1px solid #d8e6eb;border-radius:10px;color:#7c9aaa;font-size:16px}
.care35-phone-status>svg{width:19px;height:19px;flex:none}
.care35-phone-button,.refund36-phone-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 10px;border:1px solid #78aba9;border-radius:10px;background:linear-gradient(110deg,#6ba4b4,#659e88);color:#fff;font:500 18px/1.4 var(--deck-font);cursor:pointer}
.care35-phone-button>svg,.refund36-phone-button>svg{width:19px;height:19px}
.care35-app>[hidden]{display:none!important}
.care35-phone .phone-head.is-care-detail{display:flex;align-items:center;gap:7px}
.care35-back{display:grid;place-items:center;flex:none;width:27px;height:28px;padding:0;border:0;background:none;color:#487f8e;cursor:pointer}
.care35-back>svg{display:block;width:24px;height:24px}
.care35-record:not([hidden]){animation:care35-record-enter .22s ease-out both}
.care35-record-student{padding:12px;border:1px solid #d4e7e7;border-radius:13px;background:linear-gradient(125deg,#edf7fb,#f0faf5)}
.care35-record-student>div{display:flex;align-items:center;justify-content:space-between;gap:5px}
.care35-record-student h3{font-size:20px;line-height:1.4;font-weight:600;color:#427888;margin:0;white-space:nowrap}
.care35-record-student>div>span{font-size:13px;line-height:1.4;white-space:nowrap;padding:3px 6px;border:1px solid #e5d6b7;border-radius:6px;color:#a08c5e;background:#fff9eb}
.care35-record-student p{font-size:15px;line-height:1.4;color:#76988b;margin:6px 0 0}
.care35-record>h4{font-size:16px;line-height:1.4;font-weight:500;color:#78958e;margin:15px 0 12px}
.care35-record-timeline{list-style:none;padding:0;margin:0}
.care35-record-timeline>li{position:relative;display:grid;grid-template-columns:66px 1fr;gap:10px;padding:0 0 15px 19px;margin:0}
.care35-record-timeline>li::before{content:"";position:absolute;left:3px;top:6px;width:7px;height:7px;border-radius:50%;background:#c7ab72;box-shadow:0 0 0 3px #f6eddc}
.care35-record-timeline>li::after{content:"";position:absolute;top:18px;bottom:4px;left:6px;width:1px;background:#dce7df}
.care35-record-timeline>li:last-child{padding-bottom:0}
.care35-record-timeline>li:last-child::after{display:none}
.care35-record-timeline>li.is-attended::before{background:#78aa91;box-shadow:0 0 0 3px #e8f4ed}
.care35-record-timeline time{font-size:15px;line-height:1.5;color:#7c9990;white-space:nowrap}
.care35-record-timeline strong{display:block;font-size:18px;font-weight:600;line-height:1.3;color:#ab915d}
.care35-record-timeline .is-attended strong{color:#5f957d}
.care35-record-timeline li>div>span{display:block;font-size:15px;line-height:1.4;color:#8ba096;margin-top:4px}
.care35-record-next{margin-top:17px;padding:13px 14px;border:1px solid #d1e5dc;border-radius:12px;background:#edf8f1}
.care35-record-next>h4{display:flex;align-items:center;gap:7px;margin:0;color:#588c76;font-size:18px;font-weight:600;line-height:1.4}
.care35-record-next>h4>svg{width:20px;height:20px;flex:none}
.care35-record-next>p{font-size:16px;line-height:1.6;color:#76988b;margin:8px 0 0}
.care35-record-hq{padding:15px 4px 0}
.care35-record-hq>strong{display:flex;align-items:center;gap:6px;font-size:15px;line-height:1.4;font-weight:500;color:#658a9a}
.care35-record-hq>strong>svg{width:18px;height:18px}
.care35-record-hq>p{font-size:14px;line-height:1.5;color:#8ca39c;margin:7px 0 0}
@keyframes care35-record-enter{from{opacity:.5;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.care35-record:not([hidden]){animation:none}}
.refund36-layout{display:grid;grid-template-columns:348px 1100px;gap:24px;height:100%;width:100%}
.refund36-main{display:grid;grid-template-rows:194px 488px;gap:24px;min-height:0}
.refund36-context{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}
.refund36-before{padding:18px 22px;border:1px solid #e6dfcb;border-radius:20px;background:linear-gradient(135deg,#fffcf5,#faf7ee)}
.refund36-before>div:first-child{position:relative;padding-left:51px}
.refund36-before small{color:#a39777;font-size:17px;line-height:1.4}
.refund36-before>div:first-child>small{position:absolute;left:0;top:4px}
.refund36-before h3{margin:0 0 6px;font-size:25px;line-height:1.35;color:#8a805f;font-weight:600}
.refund36-before p{font-size:19px;line-height:1.5;color:#a59779;margin:0}
.refund36-now{display:flex;align-items:center;gap:17px;margin-top:13px;padding-top:11px;border-top:1px solid #e6dfce}
.refund36-now>small{color:#6c9987}
.refund36-now>strong{font-size:24px;line-height:1.4;color:#538b76;font-weight:600;letter-spacing:-.4px}
.refund36-photo{margin:0;border:1px solid #d7e5e1;border-radius:20px;overflow:hidden;background:#eef5ef}
.refund36-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.refund36-board{padding:22px;border:1px solid #cfe3e8;border-radius:23px;background:#ffffffed;box-shadow:0 15px 30px #477d8d0c;display:grid;grid-template-rows:36px 166px 116px 1fr;gap:18px}
.refund36-board>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.refund36-board>header>h3{font-size:28px;line-height:1.3;font-weight:600;color:#416d7e;margin:0}
.refund36-board>header>span{font-size:17px;color:#7b9b9e;line-height:1.4}
.refund36-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.refund36-step{position:relative;padding:15px 17px;border:1px solid #dfe9e8;border-radius:15px;background:#f7faf9;color:#739191}
.refund36-step>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.refund36-step>div>span{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;border:1px solid #d5e6e2;background:#fafffc;color:#79a294}
.refund36-step>div svg{width:22px;height:22px}
.refund36-step>div>b{font:400 22px/1 Arial,sans-serif;color:#afc0ba}
.refund36-step h4{margin:0 0 5px;font-size:22px;font-weight:600;line-height:1.3;color:#537e80}
.refund36-step p{margin:0;font-size:16px;line-height:1.4;color:#8ca29d}
.refund36-step>small{display:block;font-size:15px;color:#8ca4a1;line-height:1.4;margin-top:10px}
.refund36-step>i{position:absolute;right:-22px;top:73px;z-index:2;width:24px;height:22px;color:#8eb8b1;background:#fff;border-radius:8px}
.refund36-step>i>svg{width:24px;height:22px}
.refund36-step.is-done{background:#f0faf4;border-color:#cbe4d6}
.refund36-step.is-done>small{color:#6c9c80}
.refund36-step.is-pending{background:linear-gradient(135deg,#edf7ff,#f4fcfd);border-color:#a8cede}
.refund36-step.is-pending h4,.refund36-step.is-pending>small{color:#4d94ad}
.refund36-trace{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;border:1px solid #d9e9e7;border-radius:14px;background:#f5fbf9;padding:17px 20px}
.refund36-trace>div{display:flex;flex-direction:column;gap:8px;min-width:0;border-right:1px solid #deebe4;padding-right:16px}
.refund36-trace>div:last-child{border:0;padding-right:0}
.refund36-trace small{font-size:16px;color:#8ba59a;line-height:1.3}
.refund36-trace strong{font-size:24px;font-weight:600;color:#528777;line-height:1.3;white-space:nowrap}
.refund36-trace-no>strong{font:500 22px/1.4 Arial,sans-serif}
.refund36-trace>div>span{font-size:16px;line-height:1.3;color:#829e91;white-space:nowrap}
.refund36-board-note{align-self:center;font-size:21px;line-height:1.5;color:#71958d;margin:0}
.refund36-tabs{display:flex;gap:6px;margin-bottom:13px;padding:4px;background:#edf4f3;border:1px solid #dce9e4;border-radius:12px}
.refund36-tabs>button{flex:1;padding:9px 3px;font:600 18px/1.3 var(--deck-font);background:transparent;border:0;border-radius:8px;color:#94a8a1;cursor:pointer}
.refund36-tabs>button[aria-selected="true"]{background:#fff;color:#518f79;box-shadow:0 2px 6px #4e8f7512}
.refund36-student{padding:15px 13px;border:1px solid #d7e7eb;background:#eff7fc;border-radius:13px}
.refund36-student>strong{display:block;font-size:20px;font-weight:600;color:#4e8499;line-height:1.4}
.refund36-student>span{display:block;font-size:15px;color:#7c9fac;line-height:1.4;margin-top:6px}
.refund36-reason{margin-top:14px;padding:14px 13px;border:1px solid #e1e9e4;border-radius:12px;background:#fff}
.refund36-reason>small{font-size:15px;color:#8ba59a;line-height:1.4}
.refund36-reason>p{font-size:18px;line-height:1.55;color:#6a8b7b;margin:6px 0 0}
.refund36-receipt{display:flex;align-items:center;gap:9px;margin-top:14px;padding:12px;background:#edf8f1;border:1px solid #cfe5d6;border-radius:12px;color:#66a084}
.refund36-receipt>svg{width:24px;height:24px;flex:none}
.refund36-receipt strong{display:block;font-size:19px;font-weight:600;line-height:1.3}
.refund36-receipt span{display:block;font-size:14px;line-height:1.4;margin-top:4px;color:#80a592}
.refund36-parent-progress{padding:12px 3px 12px;display:flex;flex-direction:column;gap:7px}
.refund36-parent-progress>small{font-size:15px;line-height:1.3;color:#91aaa0}
.refund36-parent-progress>strong{font-size:21px;line-height:1.4;color:#5f8e80;font-weight:600}
.refund36-parent-progress>span{font-size:16px;line-height:1.4;color:#86a296}
.refund36-app>[hidden]{display:none!important}
.refund36-phone .phone-head.is-progress{display:flex;align-items:center;gap:7px}
.refund36-back{display:grid;place-items:center;flex:none;width:27px;height:28px;padding:0;border:0;background:none;color:#487f8e;cursor:pointer}
.refund36-back>svg{display:block;width:24px;height:24px}
.refund36-progress:not([hidden]){animation:refund36-progress-enter .22s ease-out both}
.refund36-progress-summary{padding:12px;border:1px solid #cfe3e5;border-radius:13px;background:linear-gradient(125deg,#edf7fc,#f0faf5)}
.refund36-progress-summary>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.refund36-progress-summary h3{margin:0;font-size:18px;font-weight:600;line-height:1.4;color:#427888;white-space:nowrap}
.refund36-progress-summary>div>span{padding:3px 6px;border:1px solid #c2dfeb;border-radius:6px;background:#f5fbff;color:#598e9f;font-size:13px;line-height:1.4;white-space:nowrap}
.refund36-progress-summary>p{margin:6px 0 8px;font:15px/1.4 Arial,sans-serif;color:#7999a2}
.refund36-progress-summary>strong{display:block;font-size:16px;font-weight:500;line-height:1.4;color:#648e7b}
.refund36-progress>h4{margin:14px 0 10px;font-size:16px;font-weight:500;line-height:1.4;color:#71978b}
.refund36-progress-timeline{list-style:none;padding:0;margin:0}
.refund36-progress-timeline>li{position:relative;display:grid;grid-template-columns:24px 1fr;gap:10px;padding-bottom:12px}
.refund36-progress-timeline>li:last-child{padding-bottom:0}
.refund36-progress-timeline>li:not(:last-child)::after{content:"";position:absolute;left:11px;top:37px;bottom:0;width:2px;background:#dce8e1}
.refund36-progress-timeline>li.is-done::after{background:#b9dace}
.refund36-progress-dot{display:grid;place-items:center;width:24px;height:24px;margin-top:11px;border:1px solid #d7e4de;border-radius:50%;background:#f2f7f4;color:#96aca2;font:14px/1 Arial,sans-serif}
.refund36-progress-dot>svg{width:18px;height:18px}
.refund36-progress-timeline .is-done>.refund36-progress-dot{color:#5a9c7c;border-color:#b9dac8;background:#e8f5ed}
.refund36-progress-timeline .is-current>.refund36-progress-dot{color:#fff;border-color:#6ca2b4;background:#72a9ba;box-shadow:0 0 0 3px #e3f0f5}
.refund36-progress-timeline li>div{padding:10px;border:1px solid #e0eae5;border-radius:11px;background:#fff}
.refund36-progress-timeline .is-current>div{border-color:#bddae7;background:linear-gradient(125deg,#ecf6fc,#f5fbff)}
.refund36-progress-timeline .is-waiting>div{background:#f5f9f7}
.refund36-progress-timeline header{display:flex;align-items:center;justify-content:space-between;gap:7px}
.refund36-progress-timeline header>strong{font-size:18px;font-weight:600;line-height:1.4;color:#628b7c}
.refund36-progress-timeline header>time{font-size:14px;line-height:1.4;color:#81a18e;white-space:nowrap}
.refund36-progress-timeline .is-current header>strong,.refund36-progress-timeline .is-current header>time{color:#518ca3}
.refund36-progress-timeline .is-waiting header>strong,.refund36-progress-timeline .is-waiting header>time{color:#91a79e}
.refund36-progress-timeline li>div>p{margin:6px 0 0;color:#7f9b8d;font-size:15px;line-height:1.4}
@keyframes refund36-progress-enter{from{opacity:.5;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.refund36-progress:not([hidden]){animation:none}}
.care35-phone button:focus-visible,.refund36-layout button:focus-visible{outline:3px solid #79adc6;outline-offset:3px}
.visual-v7.visual-p19 .lesson-plan-layout{height:100%;grid-template-columns:1fr 1.1fr;gap:30px;align-items:stretch}
.visual-v7.visual-p19 .lesson-brief{padding:0 0 24px;background:#fffefa;border:1px solid #cbd8e1;border-radius:20px;overflow:hidden}
.visual-v7.visual-p19 .lesson-photo{height:350px;border-radius:0;margin:0 0 26px}
.visual-v7.visual-p19 .lesson-brief>:not(.lesson-photo){margin-left:30px;margin-right:30px}
.visual-v7.visual-p19 .lesson-brief h3{font-size:32px;line-height:1.6;margin-top:18px;margin-bottom:20px}
.visual-v7.visual-p19 .lesson-brief>p{font-size:19px;margin-top:20px}
.visual-v7.visual-p19 .lesson-plan-row{padding:35px 0;align-items:center}
.visual-v7.visual-p19 .lesson-plan-row h3{font-size:28px}
.visual-v7.visual-p19 .lesson-plan-row p{font-size:20px;line-height:1.7}
.visual-v7.visual-p20 .real-course-gallery{height:100%;gap:26px}
.visual-v7.visual-p20 .real-course-gallery>button{height:100%;min-height:0;padding-bottom:22px;border-radius:20px;border:1px solid #c7d7e2;background:#fffefa;box-shadow:var(--v7-shadow)}
.visual-v7.visual-p20 .course-real-screen{height:415px;background:#102f4d;padding:20px 12px;display:flex;align-items:center;border-bottom:1px solid #d1dde4}
.visual-v7.visual-p20 .course-real-screen img{height:auto;max-height:100%;width:100%;object-fit:contain;border-radius:9px;box-shadow:0 10px 24px #0004}
.visual-v7.visual-p20 .real-course-gallery h3{font-size:31px;margin-top:14px}
.visual-v7.visual-p20 .real-course-gallery small{margin-top:23px;font-size:18px}
.visual-v7.visual-p20 .real-course-gallery p{font-size:20px;min-height:50px;margin-top:16px}
.visual-v7.visual-p20 .real-course-gallery>button>span{font-size:20px;margin-top:20px}

/* Assessment: photographs are a deliberate backdrop to the working paper and measured saving. */
.visual-v7:is(.visual-p21,.visual-v7.visual-p23) .wide-pair{position:relative;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:end;padding:35px;isolation:isolate;background:#e9f0f5;border:1px solid #cbd9e4;border-radius:22px}
.visual-v7:is(.visual-p21,.visual-v7.visual-p23) .v7-learning-scene{position:absolute;inset:0 50% 0 0;z-index:-1;border-radius:22px 0 0 22px}
.visual-v7:is(.visual-p21,.visual-v7.visual-p23) .v7-learning-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#112e4ae6,transparent)}
.visual-v7.visual-p21 .paper-preview{margin-top:160px;padding:25px 28px;background:#fffef9f5;backdrop-filter:blur(15px);align-self:end}
.visual-v7.visual-p21 .question-grid{margin:22px 0;gap:12px}
.visual-v7.visual-p21 .question-grid .q{height:83px;background:#e9f0f5;border-radius:8px}
.visual-v7.visual-p21 .paper-key{margin:15px 0}
.visual-v7.visual-p21 .wide-pair>.copy,.visual-v7.visual-p23 .wide-pair>.copy{align-self:center;padding:15px 18px}
.visual-v7.visual-p21 .exam-ai-request{margin-top:42px;border-left:3px solid #b7955e;padding-left:25px}
.visual-v7.visual-p21 .exam-ai-request p{font-size:25px;line-height:1.7}
.visual-v7.visual-p21 .exam-ai-request small{font-size:20px;color:#355e7b}
.visual-v7.visual-p21 .exam-ai-request span{font-size:18px;line-height:1.8}
.visual-v7.visual-p23 .grading-paper{align-self:end;margin:0 10px 0 0;padding:30px;transform:rotate(-1.4deg);background:#fffef8f5;backdrop-filter:blur(12px);box-shadow:6px 8px 0 #cad5de,0 18px 25px #0003}
.visual-v7.visual-p23 .handwritten{font-size:41px;line-height:1.8;padding:30px 10px}
.visual-v7.visual-p23 .standfirst{font-size:25px;line-height:1.8;margin:38px 0}
.visual-v7.visual-p22 .classroom-interaction{height:100%!important;position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:end;padding:34px;isolation:isolate;border-radius:22px;overflow:hidden}
.visual-v7.visual-p22 .v7-classroom-scene{position:absolute;inset:0;z-index:-1;border-radius:0}
.visual-v7.visual-p22 .v7-classroom-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c2946eb,transparent 90%)}
.visual-v7.visual-p22 .blackboard{height:330px;align-self:end;padding:26px;border:8px solid #2b3c4c;border-radius:17px;box-shadow:0 18px 35px #0005;background:linear-gradient(140deg,#183c54,#0d2339)}
.visual-v7.visual-p22 .blackboard>small{font-size:19px}
.visual-v7.visual-p22 .blackboard>div{font-size:58px;margin:45px 0 28px}
.visual-v7.visual-p22 .blackboard>p{font-size:24px}
.visual-v7.visual-p22 .seating{height:400px;background:#fffef8f5;backdrop-filter:blur(14px);padding:25px;border-radius:18px;border-color:#e2e7e7}
.visual-v7.visual-p22 .seating-head{font-size:24px;margin-bottom:20px}
.visual-v7.visual-p22 .seat-grid{gap:12px}
.visual-v7.visual-p22 .seat-grid>div{height:94px;border:1px solid #d0dedf;background:#e8f1ef;border-radius:10px}
.visual-v7.visual-p22 .seat-grid i{font-size:24px;color:#47716b}
.visual-v7.visual-p22 .seat-grid span{font-size:18px}
.visual-v7.visual-p22 .seating .action{margin-top:24px}
.visual-v7.visual-p24 .learning-evidence{height:100%;grid-template-columns:1fr 1fr 1.12fr;gap:24px}
.visual-v7.visual-p24 .learning-evidence>div{height:100%;min-height:0;padding:32px;border:1px solid #ccd9e2;border-radius:20px;background:#fffefa;box-shadow:var(--v7-shadow)}
.visual-v7.visual-p24 .learning-evidence small{font-size:19px;color:#4f6f88}
.visual-v7.visual-p24 .wrong-work{margin:35px 0 30px;padding:35px 24px;background:linear-gradient(135deg,#f4eddd,#fffaf0);border:1px solid #ddd1ba;border-radius:12px;min-height:350px}
.visual-v7.visual-p24 .wrong-work b{font-size:34px;margin:25px 0}
.visual-v7.visual-p24 .wrong-work s{font-size:36px}
.visual-v7.visual-p24 .wrong-work i{font-size:21px;margin-top:35px}
.visual-v7.visual-p24 .learning-evidence p{font-size:23px;line-height:1.8}
.visual-v7.visual-p24 .evidence-practice h3{font-size:34px;margin:35px 0 32px}
.visual-v7.visual-p24 .practice-chips span{font-size:29px;padding:23px 22px;margin-bottom:16px;border:1px solid #d1e0e2;background:#edf4f4;border-radius:10px}
.visual-v7.visual-p24 .evidence-followup{padding-top:300px!important;position:relative;overflow:hidden;background:#163a57!important}
.visual-v7.visual-p24 .evidence-followup>.v7-photo{position:absolute;inset:0 0 auto;height:265px;border-radius:0}
.visual-v7.visual-p24 .evidence-followup :is(small,h3,li){color:#e4edf3}
.visual-v7.visual-p24 .evidence-followup h3{font-size:33px;margin:25px 0}
.visual-v7.visual-p24 .evidence-followup li{font-size:22px;margin:20px 0;line-height:1.65}
.parent32-layout{display:grid;grid-template-columns:1048px 400px;gap:24px;width:100%;height:100%}
.parent32-main{display:grid;grid-template-rows:336px 346px;gap:24px;min-height:0}
.parent32-photo{margin:0;border:1px solid #d5e6e2;border-radius:23px;overflow:hidden;background:#f0f8f5;box-shadow:0 14px 32px #518b7810}
.parent32-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.parent32-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.parent32-card{padding:20px;border:1px solid #cce1eb;border-radius:21px;background:linear-gradient(145deg,#fcfeff,#eef7fc);box-shadow:0 10px 24px #618b9608}
.parent32-card>header{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.parent32-card>header>span{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #c0dfea;border-radius:13px;color:#619eaf;background:linear-gradient(145deg,#fff,#e2f1f7);box-shadow:0 4px 9px #6496a00c}
.parent32-card>header svg{width:27px;height:27px}
.parent32-card>header>small{font-size:18px;line-height:1.4;color:#7b9caa}
.parent32-card>h3{font-size:24px;line-height:1.45;color:#46778b;margin:0 0 12px;font-weight:600;white-space:nowrap}
.parent32-card>p{font-size:19px;line-height:1.65;color:#7797a1;margin:0}
.parent32-times{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.parent32-times>div{display:flex;flex-direction:column;gap:8px;padding:12px 15px;background:#ffffffb8;border:1px solid #cee1e8;border-radius:12px}
.parent32-times time{font:500 27px/1.2 Arial,sans-serif;color:#528e9f}
.parent32-times span{font-size:16px;color:#85a3ab}
.parent32-hours-card{border-color:#cce3d6;background:linear-gradient(145deg,#fcfffd,#f0f8f1)}
.parent32-hours-card>header>span{border-color:#c8e2d3;background:linear-gradient(145deg,#fff,#e8f5eb);color:#76a18a}
.parent32-hours-card>h3{color:#628e76}.parent32-hours-card>p{color:#8aa38e}
.parent32-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:15px;border-top:1px solid #d7e8db}
.parent32-metrics strong{display:block;font:500 42px/1.2 Arial,sans-serif;color:#66997c}.parent32-metrics small{font:16px/1.4 var(--deck-font);margin-left:6px;color:#92ac9a}
.parent32-metrics span{display:block;font-size:16px;line-height:1.4;color:#87a18e;margin-top:5px}
.parent32-lesson-card{border-color:#e5dfcd;background:linear-gradient(145deg,#fffefa,#faf7ef)}
.parent32-lesson-card>header>span{border-color:#e3dac3;background:linear-gradient(145deg,#fff,#f4eedf);color:#a99b73}
.parent32-lesson-card>h3{color:#8f835f}.parent32-lesson-card>p{color:#a69b7e}
.parent32-topic{margin-top:23px;padding:13px 15px;border:1px solid #e9e1cd;border-radius:12px;background:#ffffffa6}
.parent32-topic strong{display:block;font-size:23px;line-height:1.4;color:#9b8c67;font-weight:500}
.parent32-topic span{display:block;font-size:16px;line-height:1.4;color:#b0a58c;margin-top:5px}
.parent32-phone-stage{display:grid;place-items:center;border:1px solid #d5e7e4;border-radius:24px;background:radial-gradient(ellipse at 70% 0,#fff,transparent 60%),linear-gradient(145deg,#edf7fd,#edf9f2);min-height:0}
.parent32-phone.iphone-device{--phone-width:326px}
.parent32-phone .phone-head{font-size:23px;color:#3d697c}
.parent32-phone .phone-content{background:#f7fbfa;padding:0 14px 10px}
.parent32-app [hidden]{display:none!important}
.parent32-student{padding:10px 12px;border:1px solid #cfe2e7;border-radius:13px;background:linear-gradient(125deg,#eef7fc,#f2faf6)}
.parent32-student>strong{font-size:20px;line-height:1.4;font-weight:600;color:#4d8296}
.parent32-student>p{margin:7px 0 0;font-size:15px;line-height:1.4;color:#7e9da8}
.parent32-tabs{display:flex;gap:4px;margin:12px 0 14px;padding:4px;border:1px solid #dce8e3;border-radius:11px;background:#eef5f2}
.parent32-tabs>button{flex:1;border:0;border-radius:7px;background:none;color:#90a89d;padding:8px 4px;font:500 17px/1.3 var(--deck-font);cursor:pointer}
.parent32-tabs>button[aria-selected="true"]{background:#fff;color:#548c7a;box-shadow:0 2px 6px #648c7c12}
.parent32-attendance{list-style:none;margin:0;padding:0}
.parent32-attendance>li{position:relative;display:grid;grid-template-columns:53px 1fr;gap:12px;padding:11px 0 25px}
.parent32-attendance>li:not(:last-child):after{content:"";position:absolute;left:25px;top:42px;bottom:0;width:1px;background:#d6e6dc}
.parent32-attendance time{font:500 18px/1.5 Arial,sans-serif;color:#74a08c}
.parent32-attendance strong{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:19px;line-height:1.4;color:#578b7a;font-weight:600}
.parent32-attendance strong>span{font-size:12px;font-weight:400;white-space:nowrap;background:#ebf6ee;border:1px solid #cfe5d5;padding:2px 5px;border-radius:5px;color:#81a38d}
.parent32-attendance p{font-size:14px;line-height:1.5;color:#8aa198;margin:6px 0 0}
.parent32-attendance-result{display:flex;align-items:center;gap:10px;padding:14px 11px;border:1px solid #d5e5e9;border-radius:12px;background:#edf6fa}
.parent32-attendance-result>svg{width:25px;height:25px;flex:none;color:#79a7b8}
.parent32-attendance-result strong{display:block;font-size:19px;font-weight:600;line-height:1.4;color:#5c8c9f}
.parent32-attendance-result span{display:block;font-size:14px;line-height:1.4;color:#8ba7af;margin-top:4px}
.parent32-balance{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid #cfe3d7;border-radius:12px;background:#edf8f0}
.parent32-balance>div>span{font-size:14px;line-height:1.4;color:#83a18d}
.parent32-balance strong{display:block;font:500 33px/1.2 Arial,sans-serif;color:#5a9277;margin-top:5px}
.parent32-balance strong>small{font:14px/1.4 var(--deck-font);margin-left:5px}
.parent32-balance>span{font-size:14px;color:#7b9d88;line-height:1.4}
.parent32-panel>h4{font-size:15px;font-weight:500;line-height:1.4;color:#89a297;margin:13px 0 8px}
.parent32-history{display:grid;gap:9px}
.parent32-history>button{display:flex;align-items:center;gap:9px;width:100%;padding:11px;border:1px solid #dce8e3;border-radius:11px;background:#fff;cursor:pointer;text-align:left;font-family:var(--deck-font)}
.parent32-history>button>span:first-child{flex:1}.parent32-history>button>span:nth-child(2){text-align:right}
.parent32-history b{font-size:18px;font-weight:500;line-height:1.4;color:#638d7e}
.parent32-history small{display:block;font-size:13px;line-height:1.5;color:#92a79d;margin-top:4px}
.parent32-history strong{font-size:18px;font-weight:500;line-height:1.4;color:#588d9d}
.parent32-history>button>svg{width:15px;height:20px;flex:none;color:#9eb5aa}
.parent32-lesson-topic{padding:13px;border:1px solid #d3e5ed;background:#edf6fc;border-radius:12px}
.parent32-lesson-topic>h3{font-size:21px;line-height:1.4;color:#4e839b;font-weight:600;margin:0 0 7px}
.parent32-lesson-topic>p{font-size:14px;line-height:1.6;color:#82a0ad;margin:0}
.parent32-lesson-practice{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 4px;border-bottom:1px solid #e0eae3}
.parent32-lesson-practice>span{font-size:14px;line-height:1.4;color:#94a99b}.parent32-lesson-practice>strong{font-size:16px;font-weight:500;line-height:1.4;color:#729a84}
.parent32-feedback,.parent32-homework{padding:12px 13px;border:1px solid #d9e7df;border-radius:11px;background:#fff;margin-top:9px}
.parent32-feedback>h4,.parent32-homework>h4{font-size:16px;line-height:1.4;font-weight:500;color:#6d9781;margin:0 0 7px}
.parent32-feedback>p,.parent32-homework>p{font-size:16px;line-height:1.6;color:#87a08e;margin:0}
.parent32-homework{background:#fbf8f0;border-color:#e7dfcb}.parent32-homework>h4{color:#a0926d}.parent32-homework>p{color:#ad9e7e}
.parent32-phone .phone-head.is-detail{display:flex;align-items:center;gap:7px}
.parent32-back{display:grid;place-items:center;flex:none;width:27px;height:28px;padding:0;border:0;background:none;color:#487f8e;cursor:pointer}
.parent32-back>svg{width:24px;height:24px}
.parent32-detail-title{padding:14px;border:1px solid #d1e3ea;background:#eef7fc;border-radius:13px}
.parent32-detail-title>small{font-size:15px;line-height:1.4;color:#8ba5b0}
.parent32-detail-title>h3{font-size:23px;line-height:1.4;font-weight:600;color:#4b8198;margin:6px 0}
.parent32-detail-title>p{font-size:15px;line-height:1.4;color:#839da9;margin:0}
.parent32-detail-hours{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 12px;border-bottom:1px solid #dce8df}
.parent32-detail-hours small{font-size:15px;color:#83a18e;line-height:1.4}
.parent32-detail-hours strong{display:block;font:500 35px/1.3 Arial,sans-serif;color:#66967b;margin-top:3px}.parent32-detail-hours em{font:14px/1.4 var(--deck-font);margin-left:5px;color:#91ab98}
.parent32-detail-facts{margin:8px 0 15px;padding:0 5px}.parent32-detail-facts>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2ebe5}
.parent32-detail-facts dt{font-size:15px;line-height:1.4;color:#8fa69a}.parent32-detail-facts dd{margin:0;font-size:17px;line-height:1.4;color:#628d7b}
.parent32-detail-content{padding:13px;border:1px solid #e6dfcb;background:#fffaf0;border-radius:12px}
.parent32-detail-content>h4{font-size:20px;font-weight:500;line-height:1.4;color:#9c8a5f;margin:0}
.parent32-detail-content>p{font-size:14px;line-height:1.5;color:#ab9d7b;margin:7px 0}.parent32-detail-content>span{font-size:15px;line-height:1.4;color:#a0926f}
.parent32-phone button:focus-visible{outline:3px solid #79adc6;outline-offset:3px}

/* Renewal dossier, a wide photograph and a visible next-cycle route. */
.visual-v7.visual-p26 .renewal-dossier{height:100%;padding:0;border-radius:22px;border:1px solid #cbd9e3;background:#fffefa;box-shadow:var(--v7-shadow)}
.visual-v7.visual-p26 .dossier-top{height:354px;margin:0;padding:35px 40px;background:linear-gradient(90deg,#12324ded,#12324db8 40%,#12324d00 75%),url('./assets/visuals/admissions-v7.png') center/cover}
.visual-v7.visual-p26 .dossier-top small{color:#c0d4e2;font-size:20px}
.visual-v7.visual-p26 .dossier-top h3{font-size:39px;color:#fff;line-height:1.65;margin-top:25px}
.visual-v7.visual-p26 .dossier-top h3 em{color:#e4c595}
.visual-v7.visual-p26 .dossier-tabs{margin:0;align-self:flex-end}
.visual-v7.visual-p26 .service-timeline{height:220px;margin:0;padding:32px 35px;align-items:center;gap:20px}
.visual-v7.visual-p26 .service-timeline strong{font-size:25px;line-height:1.4;margin:20px 0 13px}
.visual-v7.visual-p26 .service-timeline small,.visual-v7.visual-p26 .service-timeline span{font-size:18px}
.visual-v7.visual-p27 .renewal-loop{position:relative;height:100%;padding:0;border-radius:22px;overflow:hidden;background:#163550;isolation:isolate}
.visual-v7.visual-p27 .renewal-loop>.v7-photo{position:absolute;inset:0;z-index:-2;border-radius:0}
.visual-v7.visual-p27 .renewal-loop>.v7-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#092b48eb,#092b4866 60%,#092b480d),linear-gradient(0deg,#092b48e0,transparent 70%)}
.visual-v7.visual-p27 .renewal-stats{position:absolute;left:45px;top:44px;gap:70px;display:flex;margin:0}
.visual-v7.visual-p27 .renewal-stats strong{font-size:94px;color:#fff}
.visual-v7.visual-p27 .renewal-stats span{font-size:24px;color:#d2e0ea}
.visual-v7.visual-p27 .renewal-stats em{color:#e2c99e;font-size:27px}
.visual-v7.visual-p27 .renewal-nodes{position:absolute;bottom:40px;left:35px;right:35px;gap:22px;margin:0}
.visual-v7.visual-p27 .renewal-nodes>div{padding:30px;background:#fffef9f0;border:1px solid #ffffff9c;border-radius:16px;backdrop-filter:blur(10px)}
.visual-v7.visual-p27 .renewal-nodes small{font-size:21px;color:#54718a}
.visual-v7.visual-p27 .renewal-nodes strong{font-size:27px;margin-top:22px;color:#214864}
.visual-v7.visual-p27 .renewal-nodes>i{color:white}
.visual-v7.visual-p28 .reward-policy{height:100%;display:grid;grid-template-columns:420px 1fr;grid-template-rows:420px 264px;gap:22px}
.visual-v7.visual-p28 .reward-policy>div{border-radius:20px;border:1px solid #cbd8e2;box-shadow:var(--v7-shadow);padding:30px}
.visual-v7.visual-p28 .policy-rule{position:relative;grid-row:1/3;padding-top:340px!important;overflow:hidden;background:#fffefa!important}
.visual-v7.visual-p28 .policy-rule>.v7-photo{position:absolute;inset:0 0 auto;height:310px;border-radius:0}
.visual-v7.visual-p28 .policy-rule h3{font-size:31px;margin:22px 0 28px}
.visual-v7.visual-p28 .policy-rule>div{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.visual-v7.visual-p28 .policy-rule>div>span{padding:14px;font-size:22px;background:#eaf1f5;border-radius:8px}
.visual-v7.visual-p28 .policy-live{background:radial-gradient(ellipse at 100% 0,#305d78,#102e48 75%)!important;padding:34px 36px!important}
.visual-v7.visual-p28 .policy-live h3{font-size:35px;margin:26px 0}
.visual-v7.visual-p28 .policy-live>svg{height:190px;max-width:100%;width:100%}
.visual-v7.visual-p28 .policy-review{background:#fffefa!important;display:grid;grid-template-columns:1fr auto;gap:10px 30px;align-content:center;align-items:center}
.visual-v7.visual-p28 .policy-review h3{font-size:30px;margin:8px 0}
.visual-v7.visual-p28 .policy-review p{font-size:22px;grid-column:1;margin:0}
.visual-v7.visual-p28 .policy-review .action{grid-column:2;grid-row:1/4;font-size:20px;padding:18px}

/* Payroll is a source-to-result workbench; the comparison shows scale without empty boxes. */
.visual-v7.visual-p30 .payroll-v3{height:100%;grid-template-columns:555px 65px 1fr;gap:28px;align-items:center}
.visual-v7.visual-p30 .pay-source-stack{position:relative;padding:246px 22px 0;border:1px solid #ccd8e1;border-radius:20px;background:#fdfbf5;overflow:hidden;height:100%}
.visual-v7.visual-p30 .pay-source-stack>.v7-photo{position:absolute;inset:0 0 auto;height:217px;border-radius:0}
.visual-v7.visual-p30 .pay-source-stack>small{font-size:19px;margin:0 0 20px;display:block;color:#49647a}
.visual-v7.visual-p30 .pay-source{padding:23px 18px;margin:0 0 14px;border:1px solid #d2dfe6;background:#edf3f6;border-radius:12px;box-shadow:none}
.visual-v7.visual-p30 .pay-source h3{font-size:24px}
.visual-v7.visual-p30 .pay-source strong{font-size:40px}
.visual-v7.visual-p30 .pay-source p{font-size:18px}
.visual-v7.visual-p30 .pay-result-window{align-self:stretch}
.visual-v7.visual-p30 .pay-result-window .work-window-body{padding:36px}
.visual-v7.visual-p30 .salary-account>div:first-child{padding:35px 28px;background:linear-gradient(135deg,#163e60,#0c2e4b);border-radius:15px}
.visual-v7.visual-p30 .salary-account strong{color:#f0d6a8;font-size:88px}
.visual-v7.visual-p30 .salary-account>div:first-child small{color:#bfd2df;font-size:21px}
.visual-v7.visual-p30 .salary-account p{font-size:21px;line-height:1.7;margin:28px 0}
.visual-v7.visual-p30 .salary-breakdown{font-size:22px;line-height:1.7}
.visual-v7.visual-p31 .refund-demo{height:100%;padding:0;display:grid;grid-template-columns:1fr 1.05fr;gap:0;overflow:hidden;background:#fffefa;border-color:#cbd8e2;border-radius:22px}
.visual-v7.visual-p31 .refund-cause{position:relative;padding:315px 36px 30px;overflow:hidden;background:#163c5b;color:#fff}
.visual-v7.visual-p31 .refund-cause>.v7-photo{position:absolute;inset:0 0 auto;height:280px;border-radius:0}
.visual-v7.visual-p31 .refund-cause>small{font-size:23px;color:#c3d6e5}
.visual-v7.visual-p31 .refund-cause>strong{font-size:93px;color:#f3d6a5;margin:20px 0}
.visual-v7.visual-p31 .refund-cause>p{font-size:23px;color:#d5e2ea;line-height:1.7;margin:12px 0 25px}
.visual-v7.visual-p31 .refund-effects{padding:35px 45px;display:flex;flex-direction:column;justify-content:center}
.visual-v7.visual-p31 .refund-effects>div{padding:24px 0}
.visual-v7.visual-p31 .refund-effects>div>span{font-size:24px}
.visual-v7.visual-p31 .refund-effects strong{font-size:64px;margin:12px 0}
.visual-v7.visual-p31 .refund-effects>p{font-size:23px;margin:20px 0}
.visual-v7.visual-p31 .refund-effects .refund-status{font-size:20px;line-height:1.7;border-top:1px solid #cbd8e1}
.visual-v7.visual-p32 .v7-board{display:grid;grid-template-rows:572px 112px;gap:22px}
.visual-v7.visual-p32 .salary-comparison{height:100%;gap:28px;align-items:stretch;margin:0}
.visual-v7.visual-p32 .salary-comparison>div:not(.salary-arrow){position:relative;padding:245px 34px 26px;border-radius:20px;overflow:hidden;background:#f4f0e8!important;border:1px solid #d4d8da}
.visual-v7.visual-p32 .salary-comparison>.salary-new{background:#e8f1f5!important}
.visual-v7.visual-p32 .salary-comparison .v7-photo{position:absolute;inset:0 0 auto;height:218px;border-radius:0}
.visual-v7.visual-p32 .salary-comparison strong{font-size:110px;line-height:1.3}
.visual-v7.visual-p32 .salary-comparison h3{font-size:28px;margin:16px 0}
.visual-v7.visual-p32 .salary-comparison p{font-size:21px;line-height:1.7;margin:10px 0}
.visual-v7.visual-p32 .salary-arrow{align-self:center}
.visual-v7.visual-p32 .capacity-note{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;padding:24px;background:#153b5a;color:#d3e2ed;border-radius:17px;font-size:25px}
.visual-v7.visual-p32 .capacity-note strong{color:#f1d3a1;font-size:37px}
.visual-v7.visual-p33 .invoice-v3{height:100%;position:relative;grid-template-columns:510px 1fr;gap:65px;padding:32px;isolation:isolate}
.visual-v7.visual-p33 .v7-invoice-scene{position:absolute;inset:0 50% 0 0;border-radius:22px;z-index:-1}
.visual-v7.visual-p33 .v7-invoice-scene:after{content:"";position:absolute;inset:0;background:#102f4b55}
.visual-v7.visual-p33 .invoice-paper{margin:20px 20px 0;transform:rotate(-2deg);padding:25px;background:#fffef8f5;backdrop-filter:blur(10px)}
.visual-v7.visual-p33 .invoice-review{align-self:center}
.visual-v7.visual-p33 .invoice-review .field-line{padding:24px 0}
.visual-v7.visual-p34 .finance-result{height:100%;padding:0;grid-template-columns:540px 1fr;display:grid;gap:0;overflow:hidden;background:#fffefa;border-radius:22px}
.visual-v7.visual-p34 .cash-result{position:relative;display:flex;flex-direction:column;justify-content:end;padding:35px 35px 48px;isolation:isolate;border:0;background:#163b57}
.visual-v7.visual-p34 .cash-result>.v7-photo{position:absolute;inset:0;z-index:-1;border-radius:0}
.visual-v7.visual-p34 .cash-result>.v7-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d2d48f5 10%,#0d2d48a8 50%,transparent)}
.visual-v7.visual-p34 .cash-result>strong{font-size:133px;color:#f7dfb8;margin:23px 0}
.visual-v7.visual-p34 .cash-result>small,.visual-v7.visual-p34 .cash-result>p{color:#d1e0e9;font-size:24px;line-height:1.7}
.visual-v7.visual-p34 .service-result{position:relative;padding:35px 40px;display:flex;flex-direction:column;justify-content:end}
.v7-service-ring{position:absolute;top:26px;left:50%;transform:translateX(-50%);width:270px;height:270px}
.v7-service-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.v7-service-ring circle{fill:none;stroke-width:15}
.v7-service-ring .ring-track{stroke:#dbe7ed}
.v7-service-ring .ring-value{stroke:#24648e;stroke-dasharray:40 60;stroke-linecap:round}
.v7-service-ring .ring-inner{stroke-width:1;stroke:#c8d6df}
.v7-service-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.v7-service-ring b{font-size:65px;color:#214f70;letter-spacing:-3px}
.v7-service-ring em{font-style:normal;font-size:25px;letter-spacing:0;margin-left:4px}
.v7-service-ring span{font-size:18px;color:#607d92}
.visual-v7.visual-p34 .service-labels strong{font-size:70px}
.visual-v7.visual-p34 .service-labels span{font-size:22px}
.visual-v7.visual-p34 .service-bar{height:18px;margin:25px 0 18px;border-radius:9px;overflow:hidden}
.visual-v7.visual-p34 .service-bar>span:first-child{background:#24648e}
.visual-v7.visual-p34 .service-bar>span:last-child{background:#d0e0eb}
.visual-v7.visual-p34 .service-result>p{font-size:21px}
.visual-v7.visual-p34 .teacher-fee{padding:24px 25px;background:#edf3f6;border-radius:13px;margin-top:25px}
.visual-v7.visual-p34 .teacher-fee b{font-size:34px;color:#285978}
.visual-v7.visual-p34 .teacher-fee span{font-size:20px}

/* Headquarters, phone assistant and continuous student records. */
.visual-v7.visual-p35 .hq-v3-layout{height:100%;grid-template-columns:1.25fr 1fr;gap:30px;align-items:stretch}
.visual-v7.visual-p35 .hq-photo-stack{gap:20px;min-height:0}
.visual-v7.visual-p35 .hq-photo{height:278px;border-radius:20px}
.visual-v7.visual-p35 .hq-photo img{object-position:center 42%}
.visual-v7.visual-p35 .hq-inbox-window{flex:1;min-height:0}
.visual-v7.visual-p35 .hq-issue{padding:24px 0}
.visual-v7.visual-p35 .hq-daily{padding:38px 35px;border:1px solid #cbd9e3;border-radius:20px;background:#fffefa;box-shadow:var(--v7-shadow)}
.visual-v7.visual-p35 .hq-daily>h3{font-size:38px;line-height:1.5;margin:25px 0}
.visual-v7.visual-p35 .hq-daily>div{padding:23px 0}
.visual-v7.visual-p35 .hq-daily b{font-size:25px}
.visual-v7.visual-p35 .hq-daily span{font-size:22px;line-height:1.7}
.visual-v7.visual-p36 .assistant-layout{height:100%;padding:0 75px 0 0;gap:100px;grid-template-columns:1fr 360px;align-items:center}
.visual-v7.visual-p36 .assistant-layout>.copy{height:100%;position:relative;background:#fffefa;border:1px solid #cbd9e3;border-radius:20px;overflow:hidden;padding:300px 32px 25px}
.visual-v7.visual-p36 .manager-photo{position:absolute;inset:0 0 auto;height:270px;margin:0;border-radius:0}
.visual-v7.visual-p36 .manager-photo img{object-position:center 40%}
.visual-v7.visual-p36 .manager-questions{gap:15px}
.visual-v7.visual-p36 .manager-questions>span{font-size:27px;border-left:3px solid #b89b67;color:#2e5572}
.visual-v7.visual-p36 .assistant-layout .compare{margin-top:27px;gap:20px}
.visual-v7.visual-p36 .assistant-layout .compare strong{font-size:60px}
.visual-v7.visual-p36 .assistant-layout .metric-note{margin-top:10px}
.visual-v7.visual-p36 .assistant-layout .microflow{margin-top:20px}
.visual-v7.visual-p36 .assistant-layout .microflow>span{font-size:19px;padding:12px 18px;background:#edf3f6;border-color:#cbd9e1;border-radius:10px}
.visual-v7.visual-p36 .iphone-device{transform:scale(1.03);filter:drop-shadow(0 22px 24px #14364c24)}
.visual-v7.visual-p37 .archive-v3{height:100%;display:grid;grid-template-columns:420px 1fr;gap:26px}
.visual-v7.visual-p37 .student-file-title{position:relative;padding:380px 28px 30px;margin:0;display:block;border-radius:20px;background:#163b58;color:white;overflow:hidden}
.visual-v7.visual-p37 .student-file-title>.v7-photo{position:absolute;inset:0 0 auto;height:350px;border-radius:0}
.visual-v7.visual-p37 .student-file-title>span{float:left;margin-right:16px;width:58px;height:58px;background:#e4dbc8;color:#264d67;font-size:28px;border-radius:14px}
.visual-v7.visual-p37 .student-file-title small{font-size:21px;color:#cadce7;line-height:58px}
.visual-v7.visual-p37 .student-file-title h3{font-size:34px;line-height:1.65;color:#fff;margin:25px 0 0;clear:both}
.visual-v7.visual-p37 .student-records{display:grid;grid-template-columns:1fr;gap:20px;height:100%;margin:0}
.visual-v7.visual-p37 .student-record{position:relative;min-height:0;padding:25px 280px 20px 27px;background:#fffefa;border:1px solid #ccd9e3;border-radius:17px;box-shadow:var(--v7-shadow)}
.visual-v7.visual-p37 .student-record h3{font-size:26px;margin:15px 0;color:#224e6c;line-height:1.5}
.visual-v7.visual-p37 .student-record p{font-size:20px;line-height:1.7;margin:10px 0}
.visual-v7.visual-p37 .record-paper{position:absolute;right:23px;top:23px;bottom:23px;width:230px;margin:0;padding:20px;border:1px solid #d7e0e5;border-radius:10px;background:linear-gradient(140deg,#f6f2e8,#eef4f7);box-shadow:4px 5px 0 #dce4e9;transform:rotate(-2deg)}
.visual-v7.visual-p37 .record-paper i{height:2px;background:#bdced9;margin:16px 0}
.visual-v7.visual-p37 .record-paper b{font-size:17px;color:#55758c;line-height:1.5}
.visual-v7.visual-p38 .v7-board{position:relative;border-radius:22px;overflow:hidden;background:#163b58;isolation:isolate}
.visual-v7.visual-p38 .school-panorama{position:absolute;inset:0;height:100%;z-index:-1;border-radius:0;border:0}
.visual-v7.visual-p38 .school-panorama:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c2949eb,transparent 90%)}
.visual-v7.visual-p38 .school-connection{position:absolute;left:35px;right:35px;bottom:35px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:stretch;margin:0}
.visual-v7.visual-p38 .school-connection>div{background:#fffef8f0;border:1px solid #e6edf0aa;border-radius:17px;padding:30px;backdrop-filter:blur(12px)}
.visual-v7.visual-p38 .school-connection h3{font-size:28px;line-height:1.5}
.visual-v7.visual-p38 .school-connection p{font-size:21px;line-height:1.7}
.visual-v7.visual-p38 .school-connection .authorized-summary{background:#153b59ed;color:white;display:flex;flex-direction:column;justify-content:center;gap:18px}
.visual-v7.visual-p38 .authorized-summary h3{color:#f5e0bb;font-size:27px;line-height:1.7}
.visual-v7.visual-p38 .authorized-summary .icon{color:#ebc98e;width:42px;height:42px}
.visual-v7.visual-p39 .roi-layout{height:100%;grid-template-columns:1fr 1.1fr;gap:28px;align-items:stretch}
.visual-v7.visual-p39 .roi-inputs{padding:40px 38px;background:#fffefa;border:1px solid #cbd8e2;border-radius:20px;box-shadow:var(--v7-shadow);display:flex;flex-direction:column;justify-content:center}
.visual-v7.visual-p39 .roi-inputs label{font-size:27px;padding:28px 0}
.visual-v7.visual-p39 .roi-inputs input[type=number]{background:#eef3f6;border:1px solid #c7d7e1;border-radius:10px;padding:10px 12px;color:#235578}
.visual-v7.visual-p39 .budget-note{font-size:23px;line-height:1.9;margin-top:25px;padding:25px;border-radius:14px;background:#edf3f6}
.visual-v7.visual-p39 .roi-output{position:relative;overflow:hidden;padding:300px 35px 28px;border-radius:20px;background:#153b58;isolation:isolate}
.visual-v7.visual-p39 .roi-output>.v7-photo{position:absolute;inset:0 0 auto;height:270px;z-index:-1;border-radius:0}
.visual-v7.visual-p39 .roi-output>small{font-size:24px;color:#c6dbe8}
.visual-v7.visual-p39 .roi-output>strong{font-size:125px;margin:22px 0 12px;color:#f2d4a0}
.visual-v7.visual-p39 .roi-output>strong em{font-size:34px;color:#e8d2ab}
.visual-v7.visual-p39 .roi-output>p{font-size:30px;color:white}
.visual-v7.visual-p39 .roi-formula{font-size:22px;color:#c6dae7;border-color:#688299;margin-top:20px;padding-top:22px}
.visual-v7.visual-p40 .v7-board{height:100%;display:grid;grid-template-rows:420px 245px 75px;gap:22px}
.visual-v7.visual-p40 .pilot-heading{position:relative;height:100%;margin:0;padding:0;border-radius:22px;overflow:hidden;isolation:isolate;background:#143853}
.visual-v7.visual-p40 .pilot-photo{position:absolute;inset:0;height:100%;max-width:none;margin:0;border-radius:0;z-index:-1}
.visual-v7.visual-p40 .pilot-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b2c48f0,#102d4680 55%,transparent)}
.visual-v7.visual-p40 .pilot-heading h3{padding:90px 45px;font-size:54px;line-height:1.65;color:#fff;margin:0}
.visual-v7.visual-p40 .pilot-heading h3 em{color:#e6c99b}
.visual-v7.visual-p40 .pilot-process{height:100%;gap:14px;margin:0}
.visual-v7.visual-p40 .pilot-process>div{padding:23px;background:#fffefa;border:1px solid #cbd9e3;border-radius:16px;box-shadow:var(--v7-shadow)}
.visual-v7.visual-p40 .pilot-process h3{font-size:28px;margin:18px 0 15px}
.visual-v7.visual-p40 .pilot-process p{font-size:20px;line-height:1.6}
.visual-v7.visual-p40 .pilot-bottom{margin:0;height:100%;justify-content:flex-end}
.visual-v7.visual-p40 .pilot-bottom .action{font-size:23px;padding:20px 30px}

/* Only the active, unobscured slide spends time on decorative animation. */
.visual-v7.visual-p15 .clip-timeline{position:absolute;left:0;right:0;bottom:0;height:92px;background:#102e48ed;border-top:1px solid #9abbd944}
.visual-v7.visual-p15 .clip-timeline span{color:#cbdce8;font-size:17px}
.visual-v7.visual-p15 .clip-timeline span:nth-last-child(2){color:#e4cda4}
.visual-v7.visual-p16 .camera-caption{padding:20px 25px;border-radius:12px;background:#14334cc7;border:1px solid #ffffff66;backdrop-filter:blur(8px)}
.visual-v7.visual-p32 .salary-comparison>div:not(.salary-arrow){padding:208px 30px 22px}
.visual-v7.visual-p32 .salary-comparison .v7-photo{height:184px}
.visual-v7.visual-p32 .salary-comparison>div>strong{font-size:100px;line-height:1.15;margin:12px 0}
.visual-v7.visual-p32 .salary-comparison>div>small{font-size:22px}
.visual-v7.visual-p32 .salary-comparison>div>p{font-size:20px;margin:12px 0}
.visual-v7.visual-p32 .people-dots{margin-top:22px;gap:8px;max-width:450px}
.visual-v7.visual-p32 .people-dots i{height:17px;width:11px}
.visual-v7.visual-p32 .effort-breakdown{margin:20px 0;gap:35px}
.visual-v7.visual-p34 .finance-result{margin:0;align-items:stretch;padding:0}
.visual-v7.visual-p34 .service-result{padding-top:320px}
.visual-v7.visual-p34 .service-labels{margin-bottom:0}
.visual-v7.visual-p36 .assistant-layout>.copy{padding:237px 32px 22px}
.visual-v7.visual-p36 .manager-photo{height:212px}
.visual-v7.visual-p36 .manager-questions{gap:10px}
.visual-v7.visual-p36 .manager-questions>span{font-size:25px}
.visual-v7.visual-p36 .assistant-layout .compare{margin-top:22px;gap:25px}
.visual-v7.visual-p36 .assistant-layout .compare strong{font-size:58px}
.visual-v7.visual-p36 .assistant-layout .microflow{margin-top:18px}
.visual-v7.visual-p36 .assistant-layout .microflow>span{display:flex;flex-direction:row;align-items:center;gap:10px;padding:15px 17px;min-height:58px}
.visual-v7.visual-p36 .assistant-layout .microflow b{font-size:20px}
.visual-v7.visual-p38 .school-connection{grid-template-columns:1fr 32px 1fr 32px 1fr;gap:14px}
.visual-v7.visual-p38 .school-connection>i{align-self:center;text-align:center;color:#e6eff7}
.visual-v7.visual-p38 .school-connection>div{min-width:0}
.visual-v7.visual-p38 .school-connection .authorized-summary{min-width:0}
.visual-v7.visual-p39 .roi-output{background:#153b58}
.visual-v7.visual-p39 .roi-output>p b{color:#f1d7af}
.slide:not(.is-active) .v7-photo-light i,html[data-motion-paused="true"] .v7-photo-light i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.v7-photo-light i{animation:none!important}}
