:root{--green:#16a76a;--orange:#ff7a19;--red:#ed3f4c;--yellow:#ffd22e}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;line-height:1.56;background:linear-gradient(180deg,#fff9fa 0%,#fff0f2 42%,#fffafb 78%,#fff4f6 100%);overflow-x:clip}body:before{content:"";position:fixed;inset:0;z-index:-5;pointer-events:none;background-image:linear-gradient(rgba(205,30,47,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(205,30,47,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000 0%,rgba(0,0,0,.75) 50%,transparent 95%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.section-shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.ambient{position:fixed;z-index:-3;border-radius:999px;filter:blur(14px);pointer-events:none;opacity:.65}.ambient-one{width:36vw;height:36vw;left:-12vw;top:8vh;background:radial-gradient(circle,rgba(239,53,68,.20),rgba(239,53,68,0) 68%)}.ambient-two{width:34vw;height:34vw;right:-12vw;top:26vh;background:radial-gradient(circle,rgba(249,111,121,.15),rgba(249,111,121,0) 68%)}.ambient-three{width:28vw;height:28vw;left:38vw;top:68vh;background:radial-gradient(circle,rgba(22,167,106,.10),rgba(22,167,106,0) 70%)}
.glass,.glass-heavy,.glass-soft{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.49));border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow2),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(142,22,40,.04);backdrop-filter:blur(24px) saturate(1.28);-webkit-backdrop-filter:blur(24px) saturate(1.28)}.glass:before,.glass-heavy:before,.glass-soft:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.72),rgba(255,255,255,0) 35%,rgba(255,106,114,.05) 68%,rgba(255,255,255,.38));mix-blend-mode:soft-light}.glass-heavy{background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(236,248,255,.62));box-shadow:var(--shadow),inset 0 1px 0 #fff}.glass-soft{background:rgba(255,255,255,.58);box-shadow:0 8px 24px rgba(142,22,40,.07),inset 0 1px 0 rgba(255,255,255,.82)}
.audio-toggle{border:0;border-radius:16px;padding:10px 13px;display:flex;align-items:center;gap:9px;color:var(--ink);cursor:pointer}.audio-bars{height:14px;display:flex;align-items:center;gap:2px}.audio-bars i{width:2px;height:5px;border-radius:4px;background:#9a747b}.audio-toggle[aria-pressed=true]{color:#8f0f1c}.audio-toggle[aria-pressed=true] .audio-bars i{background:var(--green);animation:bar .8s ease-in-out infinite alternate}.audio-toggle[aria-pressed=true] .audio-bars i:nth-child(2){animation-delay:.15s}.audio-toggle[aria-pressed=true] .audio-bars i:nth-child(3){animation-delay:.3s}@keyframes bar{to{height:14px}}
.hero{min-height:calc(100vh - 84px);padding:84px 0 62px;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;font-size:12.5px;color:var(--blue);font-weight:800}.eyebrow{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(229,29,42,.12);box-shadow:0 9px 28px rgba(166,33,47,.07)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(22,167,106,.10)}.hero h1{margin:25px 0 23px;max-width:820px;font-size:clamp(49px,6vw,78px);line-height:.985;letter-spacing:-.058em;color:#4a101a}.gradient-text{background:linear-gradient(100deg,#a90d1d,#ef2736 62%,#ff6a72);-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-text.strong{background-image:linear-gradient(100deg,#bf1222,#f23845 54%,#ff6b73)}.hero-lede{max-width:690px;margin:0;color:#6a4651;font-size:clamp(17px,1.6vw,20px)}.hero-actions,.cta-actions{display:flex;align-items:center;gap:12px;margin-top:32px;flex-wrap:wrap}.button{min-height:50px;padding:0 19px;border-radius:16px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-weight:720;transition:.22s ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:linear-gradient(135deg,#ffc000 0%,#ffc000 60%,#ffc000 100%);box-shadow:0 14px 34px rgba(196,16,34,.24),inset 0 1px 0 rgba(255,255,255,.28)}.glass-button{color:#6d2634;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(142,22,40,.08);backdrop-filter:blur(18px)}.play-pulse{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(229,29,42,.08);color:var(--blue);font-size:12px}.hero-principles{display:flex;gap:16px;align-items:center;width:max-content;max-width:100%;margin-top:40px;padding:10px 13px;border-radius:18px;flex-wrap:wrap}.hero-principles span{display:flex;align-items:center;gap:7px;color:#6a4651;font-size:13px}.hero-principles b{color:var(--blue);font-size:12px}.hero-principles i{width:4px;height:4px;border-radius:50%;background:rgba(180,22,39,.18)}
.hero-visual{position:relative;min-height:610px}.liquid-orb{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:470px;height:470px;border-radius:50%;overflow:visible;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.93),rgba(255,238,241,.75) 35%,rgba(255,106,114,.24) 62%,rgba(255,255,255,.55) 76%);box-shadow:0 32px 90px rgba(150,12,28,.18),inset 20px 20px 80px rgba(255,255,255,.68),inset -28px -28px 70px rgba(219,29,44,.10)}.liquid-orb:after{content:"";position:absolute;inset:23%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ff8a93,#e12231 58%,#980b1b 100%);box-shadow:inset 0 2px 18px rgba(255,255,255,.45),0 16px 50px rgba(198,19,36,.20)}.orb-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(207,24,39,.16)}.ring-one{width:88%;height:88%}.ring-two{width:73%;height:73%;border-style:dashed}.ring-three{width:58%;height:58%;border-color:rgba(255,255,255,.55);z-index:1}.orb-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;text-align:center;color:#fff;text-shadow:0 1px 12px rgba(111,9,25,.25)}.orb-core span{font-size:12.5px;letter-spacing:.13em}.orb-core strong{display:block;margin:7px 0 9px;font-size:25px;line-height:1.08;letter-spacing:-.025em}.orb-core small{font-size:12px;opacity:.86}.orb-node{position:absolute;z-index:5;width:190px;padding:14px 14px 13px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.67));border:1px solid rgba(255,255,255,.98);box-shadow:0 18px 42px rgba(117,33,48,.13),inset 0 1px 0 #fff;backdrop-filter:blur(18px);animation:float 5.6s ease-in-out infinite}.orb-node span{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;color:#fff;font-weight:800;font-size:12.5px;margin-bottom:8px}.orb-node b{display:block;font-size:13.5px;color:#5f1b29}.orb-node small{display:block;color:#6a4651;font-size:12px;margin-top:3px}.node-service{top:4%;left:-2%}.node-service span{background:linear-gradient(135deg,#dc1c2c,#ff6470)}.node-life{top:17%;right:-7%;animation-delay:-1.5s}.node-life span{background:linear-gradient(135deg,#0d9e61,#39c780)}.node-forecast{bottom:7%;left:-5%;animation-delay:-3s}.node-forecast span{background:linear-gradient(135deg,#ff6b21,#ff9b29)}.node-command{bottom:4%;right:-4%;animation-delay:-4.4s}.node-command span{background:linear-gradient(135deg,#dd1c2c,#ff6c75)}@keyframes float{50%{transform:translateY(-9px)}}.orb-glint{position:absolute;z-index:4;border-radius:50%;background:rgba(255,255,255,.94);filter:blur(.2px);box-shadow:0 0 18px rgba(255,255,255,.8)}.glint-a{width:9px;height:9px;left:25%;top:22%}.glint-b{width:5px;height:5px;right:21%;bottom:29%}.hero-float-card{position:absolute;z-index:8;border-radius:18px;padding:12px 15px;display:flex;align-items:center;gap:10px;min-width:200px}.float-a{left:2%;bottom:9%}.float-b{right:1%;top:4%}.hero-float-card small{display:block;color:#6a4651;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.hero-float-card b{display:block;color:#6d2634;font-size:12.5px}.float-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800}.float-icon.blue{background:linear-gradient(135deg,#d71a2a,#ff6570)}.float-icon.green{background:linear-gradient(135deg,#159a61,#35c980)}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-strip>div{border-radius:18px;padding:16px 18px}.trust-strip strong{display:block;color:#6f2331;font-size:13.5px}.trust-strip span{display:block;color:#6a4651;font-size:12.5px;margin-top:3px}.pillars-section,.before-after,.demo-section,.process-section,.maturity-section,.roles-section,.dashboard-section,.tech-section{padding:118px 0 14px}.section-heading{max-width:900px;margin:16px 0 44px}.section-heading h2,.maturity-copy h2,.cta-content h2{margin:0;color:#5a1825;font-size:clamp(35px,4.5vw,58px);line-height:1.045;letter-spacing:-.048em}.section-heading h2 em,.maturity-copy h2 em,.cta-content h2 em{font-style:normal;color:var(--blue)}.section-heading p,.maturity-copy p,.cta-content p{color:#6a4651;font-size:16px;max-width:700px}.split-heading{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;gap:58px;align-items:end}.split-heading p{margin:0 0 5px}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pillar-card{min-height:350px;border-radius:25px;padding:25px;overflow:hidden}.pillar-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--accent)}.pillar-blue{--accent:linear-gradient(90deg,#d91828,#ff5965)}.pillar-green{--accent:linear-gradient(90deg,#139b61,#42c984)}.pillar-orange{--accent:linear-gradient(90deg,#ff6720,#ff9b27)}.pillar-cyan{--accent:linear-gradient(90deg,#cf1727,#ff6871)}.pillar-top{display:flex;align-items:center;justify-content:space-between}.pillar-top>span{font-size:12.5px;font-weight:800;color:#6a4651}.pillar-icon{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;font-weight:900;color:#fff}.pillar-blue .pillar-icon{background:linear-gradient(135deg,#d71b2b,#ff5b66)}.pillar-green .pillar-icon{background:linear-gradient(135deg,#139d62,#44ce87)}.pillar-orange .pillar-icon{background:linear-gradient(135deg,#ff6620,#ff9c2a)}.pillar-cyan .pillar-icon{background:linear-gradient(135deg,#d4192a,#ff6e76)}.pillar-card h3{font-size:24px;margin:36px 0 12px;color:#671e2d}.pillar-card p{color:#6a4651;font-size:13px}.pillar-card ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:9px;color:#7b4d56;font-size:13px}.pillar-card li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px;background:#ffb3b9}.pillar-green li:before{background:#74d2a5}.pillar-orange li:before{background:#ffb37d}.pillar-cyan li:before{background:#ffd966}
.comparison-grid{display:grid;grid-template-columns:1fr 62px 1fr;gap:18px;align-items:stretch}.comparison-card{border-radius:26px;padding:31px}.comparison-card.new-way{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,238,241,.67));border-color:rgba(255,255,255,1);box-shadow:0 26px 66px rgba(177,25,42,.14)}.comparison-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6a4651;font-weight:800}.new-way .comparison-label{color:var(--blue)}.comparison-card h3{font-size:24px;margin:8px 0 24px;color:#4a101a}.comparison-card ol{list-style:none;padding:0;margin:0;display:grid;gap:13px}.comparison-card li{display:flex;align-items:center;gap:11px;color:#6a4651;font-size:13px}.comparison-card li span{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;border:1px solid rgba(142,22,40,.11);background:rgba(255,255,255,.6);color:#6a4651;font-size:12px;font-weight:800}.new-way li span{color:#fff;background:linear-gradient(135deg,#d8192a,#ff5662);border:0}.comparison-result{margin-top:25px;padding-top:19px;border-top:1px solid rgba(142,22,40,.11);color:#75414c;font-size:13.5px}.comparison-result.muted{color:#6a4651}.shift-arrow{display:grid;place-items:center}.shift-arrow span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#d8192a,#ff6570);box-shadow:0 12px 28px rgba(196,20,36,.22)}
.scenario-tabs{display:flex;gap:8px;margin-bottom:16px;padding:8px;border-radius:20px;overflow:auto;max-width:100%}.scenario-tab{flex:1;min-width:220px;border:0;background:transparent;color:#6a4651;padding:13px 14px;border-radius:14px;cursor:pointer;text-align:left;font-weight:650}.scenario-tab span{color:#d21b2a;font-size:12px;margin-right:8px}.scenario-tab.active{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,238,241,.7));color:#702132;box-shadow:0 9px 25px rgba(151,28,42,.10)}.demo-stage{display:grid;grid-template-columns:.9fr .78fr 1.12fr;gap:20px;padding:28px;border-radius:32px;min-height:610px;overflow:hidden}.demo-stage:after{content:"";position:absolute;width:520px;height:520px;right:24%;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(236,63,78,.16),transparent 68%);filter:blur(26px);pointer-events:none}.demo-context{align-self:center;z-index:2}.context-badge{display:inline-flex;padding:7px 10px;border-radius:10px;color:#cf1727;background:rgba(255,106,114,.08);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.demo-context h3{font-size:30px;line-height:1.12;margin:18px 0 13px;color:#641d2c}.demo-context p{color:#6a4651;max-width:390px;font-size:13px}.demo-run{margin-top:18px}.text-button{border:0;background:transparent;color:#6a4651;cursor:pointer;margin-left:9px}.demo-audio-note{display:flex;align-items:center;gap:8px;margin-top:20px;color:#6a4651;font-size:12.5px}.speaker-dot{width:6px;height:6px;border-radius:50%;background:#b79aa1}.audio-on .speaker-dot{background:var(--green);box-shadow:0 0 0 5px rgba(22,167,106,.10)}.phone-wrap{display:grid;place-items:center;z-index:2}.phone{width:285px;min-height:550px;border-radius:42px;padding:8px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,238,241,.76));border:1px solid rgba(255,255,255,.96);box-shadow:0 30px 70px rgba(120,31,46,.18),inset 0 0 0 1px rgba(142,22,40,.06);position:relative}.phone-notch{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:82px;height:20px;border-radius:0 0 12px 12px;background:#3a0d16;z-index:4}.phone-status{height:34px;padding:9px 17px 0;display:flex;justify-content:space-between;color:#6a4651;font-size:10px}.phone-screen{min-height:497px;padding:18px 14px 14px;border-radius:34px;background:linear-gradient(180deg,rgba(245,251,255,.98),rgba(255,238,241,.93))}.phone-home-brand{display:flex;align-items:center;gap:9px;margin-top:4px}.phone-home-brand>span{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ffc000,#ffc000);font-weight:900}.phone-home-brand b{display:block;font-size:11px;color:#6a2230}.phone-home-brand small{display:block;font-size:10px;color:#6a4651}.phone-message{margin-top:52px;padding:19px 16px;border-radius:22px}.phone-message.step-active{animation:phonepulse .5s ease}@keyframes phonepulse{50%{transform:scale(1.02);box-shadow:0 18px 40px rgba(205,26,43,.16)}}.message-icon{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;color:#db1b2a;background:linear-gradient(145deg,#ffe9ec,#fff);box-shadow:0 7px 16px rgba(229,29,42,.10);margin-bottom:15px}.phone-message small{font-size:10px;color:#d51b29;letter-spacing:.1em;text-transform:uppercase}.phone-message h4{margin:6px 0 9px;color:#651d2b;font-size:17px;line-height:1.16}.phone-message p{min-height:52px;color:#7d5b64;font-size:11px}.phone-actions button{width:100%;border:0;border-radius:11px;padding:10px;color:#fff;background:linear-gradient(135deg,#d81b2b,#ff5964);font-size:10.5px}.phone-progress{height:4px;margin:18px 3px 12px;border-radius:99px;background:rgba(179,28,43,.08);overflow:hidden}.phone-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d81b2b,#ffc000,#16a76a);transition:width .55s ease}.privacy-note{display:flex;align-items:center;gap:6px;color:#6a4651;font-size:11px}.privacy-note span{color:var(--green)}.demo-timeline{align-self:center;z-index:2;display:grid;gap:7px}.timeline-step{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px 12px;border-radius:14px;color:#6a4651;transition:.28s ease}.step-no{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(150,31,46,.11);background:rgba(255,255,255,.48);font-size:11px}.timeline-step b{display:block;color:inherit;font-size:13px}.timeline-step small{display:block;margin-top:2px;font-size:12px}.timeline-step.active{color:#742636;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,238,241,.7));box-shadow:0 10px 26px rgba(145,29,43,.08);transform:translateX(4px)}.timeline-step.active .step-no{color:#fff;border:0;background:linear-gradient(135deg,#d81b2b,#ff6c75)}.timeline-step.done{color:#80525d}.timeline-step.done .step-no{color:#fff;border:0;background:linear-gradient(135deg,#159c64,#40ca83)}
.process-rail{display:grid;grid-template-columns:repeat(9,minmax(210px,1fr));gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 16px}.process-rail article{min-height:205px;padding:22px;border-radius:22px;scroll-snap-align:start}.process-rail span{color:var(--blue);font-size:12px;font-weight:800}.process-rail h3{margin:18px 0 8px;color:#6f2432;font-size:16px}.process-rail p{color:#6a4651;font-size:13px}.maturity-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:center}.maturity-copy p{max-width:540px}.level-range{width:100%;margin-top:34px;accent-color:var(--blue)}.level-labels{display:flex;justify-content:space-between;color:#6a4651;font-size:12px}.maturity-card{min-height:325px;padding:34px;border-radius:30px}.maturity-index{color:#6a4651;font-size:12.5px;text-transform:uppercase;letter-spacing:.11em}.maturity-index strong{color:var(--blue)}.maturity-card h3{font-size:30px;margin:12px 0 9px;color:#6f2231}.maturity-card>p{color:#6a4651}.level-flow{display:flex;align-items:center;gap:7px;margin:31px 0 25px;overflow-x:auto}.level-flow span{white-space:nowrap;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.48);border:1px solid rgba(141,31,45,.10);color:#6a4651;font-size:12px}.level-flow span.on{color:#d41929;background:rgba(224,28,44,.10);border-color:rgba(208,25,41,.13)}.level-flow i{flex:1;min-width:15px;height:1px;background:rgba(142,22,40,.12)}.level-rule{padding-top:17px;border-top:1px solid rgba(141,31,45,.10);color:#7d5b63;font-size:12.5px}.role-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.role-card{min-height:320px;padding:25px;border-radius:24px;overflow:hidden}.role-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--role)}.role-national{--role:linear-gradient(90deg,#d81b2b,#ffc000)}.role-ministry{--role:linear-gradient(90deg,#ffc000,#ffc000)}.role-province{--role:linear-gradient(90deg,#0f9e62,#39c982)}.role-commune{--role:linear-gradient(90deg,#ff7a19,#ffc02f)}.role-meta{display:flex;align-items:center;gap:10px;color:#6a4651;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.role-meta span{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#d81b2b,#ffc000);font-weight:800}.role-province .role-meta span{background:linear-gradient(135deg,#129c62,#3acb83)}.role-commune .role-meta span{background:linear-gradient(135deg,#ff6b1e,#ffab2d)}.role-card h3{font-size:21px;line-height:1.18;margin:36px 0 13px;color:#6e2231}.role-card p{color:#6a4651;font-size:13.5px}
.dashboard{border-radius:30px;overflow:hidden}.dashboard-top{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(135,30,44,.10)}.dashboard-top small,.mini-title{color:var(--blue);font-size:11px;letter-spacing:.12em;font-weight:800}.dashboard-top h3{margin:4px 0 0;color:#651d2b;font-size:20px}.dashboard-live{display:flex;align-items:center;gap:8px;color:#7d5b63;font-size:12px}.dashboard-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(22,167,106,.10)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric-grid article{padding:27px;border-right:1px solid rgba(135,30,44,.10)}.metric-grid article:last-child{border-right:0}.metric-grid small{color:#6a4651;font-size:12px}.metric-grid strong{display:block;margin:3px 0;color:#c91425;font-size:37px;letter-spacing:-.04em}.metric-grid span{color:#6a4651;font-size:12px}.dashboard-bottom{display:grid;grid-template-columns:1.15fr .85fr;border-top:1px solid rgba(135,30,44,.10)}.funnel-card,.attention-card{padding:27px}.funnel-card{border-right:1px solid rgba(135,30,44,.10)}.funnel-row{display:grid;grid-template-columns:120px 1fr 58px;gap:12px;align-items:center;margin-top:17px;color:#6a4651;font-size:12px}.funnel-row i{width:var(--w);height:8px;border-radius:99px;background:linear-gradient(90deg,#d81b2b,#ffc000)}.funnel-row b{text-align:right;color:#7a3d49}.attention-card ul{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:14px}.attention-card li{display:grid;grid-template-columns:9px 1fr;gap:10px}.attention-card b{display:block;color:#5a1825;font-size:13px}.attention-card small{color:#7d5b63;font-size:12px}.status{width:7px;height:7px;border-radius:50%;margin-top:5px}.status.warning{background:var(--orange)}.status.info{background:var(--cyan)}.status.success{background:var(--green)}.tech-panel{margin-top:12px;padding:28px;border-radius:25px}.architecture-flow{display:grid;grid-template-columns:repeat(11,auto);gap:8px;align-items:center;overflow-x:auto}.architecture-flow article{width:165px;min-height:148px;padding:16px;border-radius:17px;background:rgba(255,255,255,.59);border:1px solid rgba(255,255,255,.88)}.architecture-flow article span{color:var(--blue);font-size:11px;font-weight:800}.architecture-flow article b{display:block;margin:15px 0 7px;color:#6c2432;font-size:13px}.architecture-flow article small{color:#6a4651;font-size:11px}.architecture-flow>i{color:#d51b2a;font-style:normal}.tech-guardrails{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tech-guardrails span{padding:7px 9px;border-radius:9px;color:#7f3a46;background:rgba(25,166,104,.07);border:1px solid rgba(25,166,104,.10);font-size:11px}
.cta-section{margin-top:136px;margin-bottom:78px;padding:56px;border-radius:34px;display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center;overflow:hidden}.cta-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,#d81b2b 0 38%,#16a76a 38% 61%,#ff7a19 61% 80%,#ffc000 80%)}.cta-orb{position:absolute;width:520px;height:520px;right:-210px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(238,63,78,.20),transparent 67%)}.cta-content,.cta-checklist{position:relative;z-index:2}.cta-checklist{display:grid;gap:9px}.cta-checklist>div{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:13px;border-radius:15px}.cta-checklist span{color:var(--blue);font-size:11px;font-weight:800}.cta-checklist p{margin:0;color:#6a4651;font-size:13px}.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,18px);padding:11px 14px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#b20f20,#ef3340);box-shadow:0 18px 48px rgba(143,15,31,.24);font-size:12.5px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.hero-copy,.hero-visual,.demo-context,.phone-wrap,.demo-timeline,.maturity-copy,.maturity-card,.section-heading,.dashboard,.tech-panel{min-width:0}
@media(max-width:1080px){.hero{grid-template-columns:1fr;gap:22px}.hero-visual{min-height:610px;max-width:760px;width:100%;margin:auto}.split-heading{grid-template-columns:1fr;gap:18px}.pillar-grid{grid-template-columns:1fr 1fr}.comparison-grid{grid-template-columns:1fr}.shift-arrow{height:34px;transform:rotate(90deg)}.demo-stage{grid-template-columns:1fr 1fr}.demo-timeline{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.role-stack{grid-template-columns:1fr 1fr}.maturity-layout{grid-template-columns:1fr}.cta-section{grid-template-columns:1fr}}
@media(max-width:720px){.section-shell{width:calc(100% - 28px)}.audio-label{display:none}.hero{min-height:auto;padding:62px 0 32px;gap:18px}.hero h1{font-size:45px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-principles{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.hero-visual{min-height:510px;width:100%;transform:scale(.9);transform-origin:top center;margin-bottom:-50px}.liquid-orb{width:410px;height:410px}.orb-node{width:170px}.node-service{left:-7%}.node-life{right:-10%}.node-forecast{left:-10%}.node-command{right:-8%}.hero-float-card{display:none}.trust-strip{grid-template-columns:1fr 1fr}.pillars-section,.before-after,.demo-section,.process-section,.maturity-section,.roles-section,.dashboard-section,.tech-section{padding-top:88px}.section-heading{margin-bottom:30px}.section-heading h2,.maturity-copy h2,.cta-content h2{font-size:36px}.pillar-grid{grid-template-columns:1fr}.pillar-card{min-height:auto}.comparison-card{padding:23px}.scenario-tabs{margin-right:-14px}.scenario-tab{min-width:250px}.demo-stage{grid-template-columns:1fr;padding:18px}.demo-timeline{grid-column:auto;grid-template-columns:1fr}.process-rail{margin-right:-14px}.maturity-card{padding:24px}.role-stack{grid-template-columns:1fr}.role-card{min-height:245px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article:nth-child(2){border-right:0}.metric-grid article:nth-child(-n+2){border-bottom:1px solid rgba(135,30,44,.10)}.dashboard-bottom{grid-template-columns:1fr}.funnel-card{border-right:0;border-bottom:1px solid rgba(135,30,44,.10)}.dashboard-top{align-items:flex-start;gap:14px}.funnel-row{grid-template-columns:92px 1fr 47px}.cta-section{width:calc(100% - 28px);margin-top:100px;padding:31px 21px;border-radius:25px}.cta-actions .button{width:100%}}
@media(max-width:430px){.hero-visual{transform:scale(.8);margin-inline:-8%;width:116%;margin-bottom:-95px}.trust-strip{grid-template-columns:1fr}.hero h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* ===== MiTC red theme override ===== */
/* --ink, --muted, --paper, --line, --shadow lấy từ /assets/shared/tokens.css; chỉ alias các tên riêng của hccd */
:root{--ink2:var(--ink-2);--blue:var(--mitc-red);--blue2:var(--mitc-red-soft);--cyan:#ff6973;--shadow2:var(--shadow-sm)}
body{background:linear-gradient(180deg,#fffafb 0%,#fff1f3 42%,#fffafb 78%,#fff5f6 100%)}
body:before{background-image:linear-gradient(rgba(206,27,45,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(206,27,45,.025) 1px,transparent 1px)}
.ambient-one{background:radial-gradient(circle,rgba(239,40,58,.20),rgba(239,40,58,0) 68%)}
.ambient-two{background:radial-gradient(circle,rgba(255,118,128,.15),rgba(255,118,128,0) 68%)}
.ambient-three{background:radial-gradient(circle,rgba(178,18,36,.09),rgba(178,18,36,0) 70%)}

.audio-toggle{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}.audio-bars i{background:rgba(255,255,255,.72)}.audio-toggle[aria-pressed=true]{color:#fff}.audio-toggle[aria-pressed=true] .audio-bars i{background:#ffd0d5}
.eyebrow{color:#b81224;background:rgba(255,255,255,.72);border-color:rgba(203,20,40,.10)}
.hero h1{color:#4a101a}.gradient-text{background:linear-gradient(100deg,#8f0c1b,#e21d2d 60%,#ff5965);-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-text.strong{background-image:linear-gradient(100deg,#ae1020,#e51d2a 52%,#ff6872)}
.button.primary{background:linear-gradient(135deg,#a90d1d 0%,#e51d2a 58%,#ff4f5d 100%);box-shadow:0 14px 34px rgba(180,18,36,.25),inset 0 1px 0 rgba(255,255,255,.28)}
.glass-button{color:#6f2432}.play-pulse{background:rgba(229,29,42,.09);color:#d71929}
.liquid-orb{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.96),rgba(255,227,231,.80) 35%,rgba(255,142,153,.25) 62%,rgba(255,255,255,.58) 76%);box-shadow:0 32px 90px rgba(150,13,31,.16),inset 20px 20px 80px rgba(255,255,255,.7),inset -28px -28px 70px rgba(217,24,43,.10)}
.liquid-orb:after{background:radial-gradient(circle at 35% 28%,#ff8a94,#e32635 58%,#970b1b 100%);box-shadow:inset 0 2px 18px rgba(255,255,255,.42),0 16px 50px rgba(182,16,34,.22)}
.ring-one,.ring-two{border-color:rgba(200,22,39,.16)}
.node-service span,.node-command span{background:linear-gradient(135deg,#b81021,#f33d4b)}
.float-icon.blue{background:linear-gradient(135deg,#b81021,#f34d59)}
.pillar-blue{--accent:linear-gradient(90deg,#b81021,#ff4a58)}.pillar-cyan{--accent:linear-gradient(90deg,#d21a2a,#ff7b85)}
.pillar-blue .pillar-icon,.pillar-cyan .pillar-icon{background:linear-gradient(135deg,#ba1021,#ff5662)}
.new-way li span,.shift-arrow span,.context-badge+.x{background:linear-gradient(135deg,#ba1021,#ff5662)}
.scenario-tab.active{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,226,230,.76));color:#7a2030;box-shadow:0 9px 25px rgba(150,22,40,.10)}
.context-badge{color:#c81728;background:rgba(229,29,42,.08)}
.phone-home-brand>span,.phone-actions button{background:linear-gradient(135deg,#b81021,#ef3c49)}
.phone-progress i{background:linear-gradient(90deg,#b81021,#f04451,#ff8b93)}
.timeline-step.active{color:#742536;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,228,232,.74));box-shadow:0 10px 26px rgba(137,20,37,.08)}
.timeline-step.active .step-no{background:linear-gradient(135deg,#b81021,#f04451)}
.level-flow span.on{color:#c81728;background:rgba(229,29,42,.08);border-color:rgba(201,21,39,.12)}
.metric-grid strong{color:#c31527}.funnel-row i{background:linear-gradient(90deg,#a90d1d,#eb3140)}.architecture-flow>i{color:#c81728}
.cta-section:after{background:linear-gradient(90deg,#a90d1d 0 38%,#e51d2a 38% 68%,#ff8a94 68% 84%,#ffd22e 84%)}

.toast{background:linear-gradient(135deg,#8f0c1b,#d91c2d);box-shadow:0 18px 48px rgba(119,10,27,.26)}

/* Narrated tour refinements */
#playIntro.is-playing{color:#8e1020;background:rgba(255,239,242,.9);box-shadow:0 12px 34px rgba(185,24,43,.16),inset 0 1px 0 rgba(255,255,255,.95)}
#playIntro.is-playing .play-pulse{background:rgba(224,29,47,.13);color:#c51629}
#pillars,#demo,#how,#roles,#tech,.cta-section{scroll-margin-top:112px}
.tour-focus{position:relative}
.tour-focus:after{content:"";position:absolute;inset:-14px;border-radius:28px;border:1px solid rgba(222,28,47,.16);box-shadow:0 0 0 10px rgba(222,28,47,.025),0 28px 70px rgba(150,20,34,.07);pointer-events:none;z-index:-1;animation:tourFocus 1.8s ease-in-out infinite alternate}
@keyframes tourFocus{from{opacity:.45}to{opacity:1}}
.demo-stage.is-running .speaker-dot{background:#df2032;box-shadow:0 0 0 5px rgba(223,32,50,.12);animation:speakerPulse .9s ease-in-out infinite alternate}
@keyframes speakerPulse{to{box-shadow:0 0 0 9px rgba(223,32,50,.025)}}
@media(prefers-reduced-motion:reduce){.tour-focus:after,.demo-stage.is-running .speaker-dot{animation:none!important}}

/* ===== UX refinement patch 2026-09-30 ===== */

.trust-strip{margin-top:6px}
.pillars-section,.before-after,.demo-section,.process-section,.maturity-section,.roles-section,.dashboard-section,.tech-section{padding:92px 0 18px}
#pillars,#demo,#how,#roles,#tech,.cta-section{scroll-margin-top:84px}
.section-heading{margin:14px 0 38px}
.section-kicker{margin-bottom:8px}

.hero-visual{min-height:640px;display:flex;align-items:center;justify-content:center}
.liquid-orb{left:50%;top:50%;transform:translate(-50%,-50%);width:min(470px,78vw);height:min(470px,78vw)}
.orb-node{width:208px;padding:16px 16px 15px;border-radius:22px}
.orb-node b{font-size:13px}
.orb-node small{font-size:12px;line-height:1.35}
.node-service{top:6%;left:2%;transform:rotate(-2deg)}
.node-life{top:12%;right:-1%;transform:rotate(2deg);animation-delay:-1.5s}
.node-command{bottom:10%;right:2%;transform:rotate(1deg);animation-delay:-4.4s}
.node-forecast{bottom:14%;left:-1%;transform:rotate(-1.5deg);animation-delay:-3s}
.float-a{left:0;bottom:1%;min-width:226px}
.float-b{right:0;top:1%;min-width:236px}
.hero-float-card{padding:14px 16px;border-radius:20px}
.hero-float-card b{font-size:13px;line-height:1.35}
.hero-float-card small{font-size:12px}

.process-rail{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  overflow:visible;
  scroll-snap-type:none;
  margin-right:0;
  padding:4px 0 10px;
}
.process-rail article{min-height:190px}

.tour-focus:after{inset:-10px;border-radius:24px}

@media (max-width:1080px){
  
  .hero-visual{min-height:600px}
  .liquid-orb{width:min(440px,82vw);height:min(440px,82vw)}
  .orb-node{width:188px}
  .node-service{left:-1%}
  .node-life{right:-3%}
  .node-forecast{left:-3%}
  .node-command{right:-1%}
  .process-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:720px){
  
  
  
  .pillars-section,.before-after,.demo-section,.process-section,.maturity-section,.roles-section,.dashboard-section,.tech-section{padding-top:74px}
  #pillars,#demo,#how,#roles,#tech,.cta-section{scroll-margin-top:72px}
  .hero{padding-top:54px}
  .hero-visual{min-height:560px;transform:none;max-width:100%;margin-bottom:0}
  .liquid-orb{width:min(390px,90vw);height:min(390px,90vw)}
  .orb-core{width:190px}
  .orb-core strong{font-size:22px}
  .orb-node{width:160px;padding:13px 12px;border-radius:18px}
  .orb-node span{width:24px;height:24px;border-radius:8px;font-size:12px;margin-bottom:6px}
  .orb-node b{font-size:13px}
  .orb-node small{font-size:11px}
  .node-service{top:2%;left:2%}
  .node-life{top:12%;right:0}
  .node-command{bottom:10%;right:2%}
  .node-forecast{bottom:18%;left:1%}
  .hero-float-card{display:flex;min-width:0;max-width:160px;padding:10px 11px;gap:8px}
  .float-a{left:0;bottom:-2%}
  .float-b{right:0;top:-1%}
  .float-icon{width:28px;height:28px;border-radius:10px}
  .trust-strip{grid-template-columns:1fr 1fr}
  .process-rail{grid-template-columns:1fr}
}

@media (max-width:430px){
  .hero-visual{min-height:520px;width:100%;margin-inline:auto;margin-bottom:0}
  .liquid-orb{width:min(340px,92vw);height:min(340px,92vw)}
  .orb-core{width:164px}
  .orb-core strong{font-size:19px}
  .orb-node{width:138px;padding:11px 10px}
  .node-service{top:1%;left:0}
  .node-life{top:12%;right:-1%}
  .node-forecast{bottom:17%;left:0}
  .node-command{bottom:8%;right:0}
  .hero-float-card{display:none}
}

/* ===== Hero/header refinement patch v3 ===== */

.hero{
  min-height:calc(100svh - 80px);
  padding:28px 0 48px;
  gap:46px;
}
.hero-copy{align-self:center}
.hero h1{margin-top:20px}
.hero-actions{margin-top:26px}
.hero-visual{min-height:560px}
.liquid-orb{width:450px;height:450px}

/* Keep the two event-state cards close to the event orbit. */
.float-a{left:4%;bottom:12%;min-width:220px}
.float-b{right:3%;top:13%;min-width:226px}

/* Avoid excessive air between sticky header and anchored content. */
.pillars-section,.before-after,.demo-section,.process-section,.maturity-section,.roles-section,.dashboard-section,.tech-section{padding-top:82px}
#pillars,#demo,#how,#roles,#tech,.cta-section{scroll-margin-top:70px}

@media(max-width:1080px){
  
  
  
  .hero{padding-top:24px}
  .hero-visual{min-height:550px}
  .float-a{left:5%;bottom:11%}
  .float-b{right:5%;top:12%}
}
@media(max-width:720px){
  
  
  
  
  
  
  .hero{padding-top:18px;min-height:auto}
  .hero-visual{min-height:510px}
  .liquid-orb{width:min(370px,88vw);height:min(370px,88vw)}
  .float-a{left:1%;bottom:8%}
  .float-b{right:1%;top:10%}
  .pillars-section,.before-after,.demo-section,.process-section,.maturity-section,.roles-section,.dashboard-section,.tech-section{padding-top:66px}
  #pillars,#demo,#how,#roles,#tech,.cta-section{scroll-margin-top:62px}
}
@media(max-width:430px){
  
  
  
  
  .hero-visual{min-height:485px}
  .float-a,.float-b{display:none}
}

/* ===== Content density & readability refinement 2026-09-30 ===== */
.pillar-card{
  min-height:310px;
  padding:22px 22px 24px;
}
.pillar-heading{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}
.pillar-number{
  display:grid;
  place-items:center;
  min-width:34px;
  height:34px;
  padding:0 9px;
  border-radius:11px;
  background:rgba(216,27,43,.08);
  color:#cf1b2c;
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
}
.pillar-green .pillar-number{background:rgba(19,157,98,.09);color:#148d5a}
.pillar-orange .pillar-number{background:rgba(255,102,32,.10);color:#e85b16}
.pillar-heading h3{
  margin:0;
  color:#671e2d;
  font-size:22px;
  line-height:1.18;
  letter-spacing:-.02em;
}
.pillar-icon{
  width:42px;
  height:42px;
  border-radius:14px;
}
.pillar-card>p{
  margin:0;
  color:#6f5660;
  font-size:15px;
  line-height:1.62;
}
.pillar-card ul{
  margin:18px 0 0;
  gap:10px;
  color:#744d56;
  font-size:13.5px;
  line-height:1.45;
}
.pillar-card li{display:flex;align-items:flex-start;gap:2px}
.pillar-card li:before{flex:0 0 auto;margin-top:7px}

.process-rail{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.process-rail article{
  min-height:154px;
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.process-heading{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.process-heading span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  min-width:36px;
  height:36px;
  padding:0 9px;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(135deg,#bd1123,#f13b49);
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:0 7px 18px rgba(183,20,38,.13);
}
.process-heading h3{
  margin:0;
  color:#6f2432;
  font-size:20px;
  line-height:1.22;
  letter-spacing:-.015em;
}
.process-rail article>p{
  margin:0;
  color:#6a4651;
  font-size:14.5px;
  line-height:1.55;
}

@media(max-width:1080px){
  .pillar-heading h3{font-size:20px}
  .pillar-card>p{font-size:14.5px}
  .pillar-card ul{font-size:13px}
  .process-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  .pillar-card{min-height:auto;padding:20px}
  .pillar-heading{gap:10px;margin-bottom:14px}
  .pillar-heading h3{font-size:21px}
  .pillar-card>p{font-size:15px}
  .pillar-card ul{font-size:13.5px;margin-top:16px}
  .process-rail{grid-template-columns:1fr;gap:11px}
  .process-rail article{min-height:auto;padding:18px 19px}
  .process-heading{margin-bottom:10px}
  .process-heading h3{font-size:19px}
  .process-rail article>p{font-size:14px}
}

/* ===== Đồng bộ chrome với trang chủ mitc.vn: header full-width, mờ khi cuộn ===== */


/* ===== Header/footer dùng chung với trang chủ (assets/shared/site-chrome.css) ===== */
body{padding-top:var(--header-h)}
.hero{min-height:calc(100svh - var(--header-h) - 4px)}
#pillars,#demo,#how,#roles,#tech,.cta-section{scroll-margin-top:84px}
.site-header .header-cta{display:inline-flex;align-items:center;gap:8px;border:0}
.header-intro-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--mitc-red);color:#fff;font-size:12px;line-height:1}
.header-cta.is-playing{background:#fff;color:var(--mitc-red-dark)}
@media(max-width:860px){.site-header .header-cta{margin-left:auto;padding:8px 14px}.nav-toggle{margin-left:0}}
@media(max-width:430px){.intro-button-label{display:none}.site-header .header-cta{padding:8px}}

/* Ghi chú mô phỏng tại phần demo */
.demo-note{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0 0 18px;padding:9px 16px;border-radius:999px;background:rgba(255,192,0,.16);border:1px solid rgba(255,192,0,.55);color:var(--ink-2);font-size:13px;font-weight:600}
.demo-note span{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--mitc-yellow);color:var(--ink);font-size:13px;line-height:1}

/* ===== Công nghệ phía sau: hiển thị sẵn, chữ và màu dễ đọc ===== */
.tech-panel{margin-top:40px;padding:36px;border-radius:28px;background:rgba(255,255,255,.88)}
.architecture-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible}
.architecture-flow>i{display:none}
.architecture-flow article{position:relative;width:auto;min-height:0;padding:26px 24px 24px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.architecture-flow article:not(:nth-of-type(3n)):not(:last-of-type)::after{content:"→";position:absolute;right:-17px;top:50%;transform:translateY(-50%);z-index:1;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--mitc-red);color:#fff;font-size:15px;font-weight:700;box-shadow:0 6px 14px rgba(180,18,36,.25)}
.architecture-flow article span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(229,29,42,.1);color:var(--mitc-red-dark);font-size:12px;font-weight:800}
.architecture-flow article b{display:block;margin:12px 0 6px;color:var(--ink);font-size:16px;line-height:1.3}
.architecture-flow article small{display:block;color:var(--ink-2);font-size:14px;line-height:1.6}
.tech-guardrails{gap:12px;margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}
.tech-guardrails span{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;color:var(--ink);background:rgba(22,167,106,.1);border:1px solid rgba(22,167,106,.35);font-size:12px;font-weight:600}
.tech-guardrails span::before{content:"✓";flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#16a76a;color:#fff;font-size:10px;font-weight:800}
@media(max-width:1000px){.architecture-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-flow article::after{display:none!important}}
@media(max-width:640px){.tech-panel{padding:20px}.architecture-flow{grid-template-columns:1fr}.architecture-flow article b{font-size:16px}}
.architecture-flow article{transform:none!important;animation:none!important;height:100%}
.section-heading:not(.split-heading) p{margin-top:16px}

/* Tiêu đề section: cỡ vừa phải, thống nhất với trang chủ */
.section-heading h2,.maturity-copy h2,.cta-content h2{font-size:clamp(28px,3.4vw,44px);line-height:1.15;letter-spacing:-.03em}
@media(max-width:720px){.section-heading h2,.maturity-copy h2,.cta-content h2{font-size:28px}}

/* Nền hạt nối đường (dùng chung với trang chủ: assets/shared/particles.js) */
main#top{position:relative}
.hero-particles{position:absolute;top:0;left:0;width:100%;height:min(100svh,920px);z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}

/* ===== Nội dung mới: các khối bổ sung theo bản nội dung HCCĐ ===== */
.hero-lede+.hero-lede{margin-top:12px}
.pillar-card p+p{margin-top:10px}
.pillar-card .pillar-result{margin-top:14px;padding-top:12px;border-top:1px solid rgba(142,22,40,.11);color:#75414c}
.pillar-card .pillar-result b{color:#5f1b29}
.split-heading>div p+p,.section-heading>p+p,.maturity-copy p+p{margin-top:12px}
.demo-example{max-width:900px;margin:0 0 22px;padding:24px 28px;border-radius:22px}
.demo-example h3{margin:0 0 12px;color:#641d2c;font-size:20px}
.demo-example p{color:#6a4651;font-size:15px;max-width:none}
.demo-example p+p{margin-top:10px}
.demo-example .demo-tagline{margin-top:14px;font-weight:700;color:#8f0f1c}
.metric-grid.metric-text{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.metric-grid.metric-text article{border:0;box-shadow:inset -1px 0 0 rgba(135,30,44,.10),inset 0 -1px 0 rgba(135,30,44,.10)}
.metric-grid.metric-text b{display:block;margin-bottom:6px;color:#c31527;font-size:15px;line-height:1.3}
.metric-grid.metric-text p{margin:0;color:#6a4651;font-size:13px}
.dashboard-top h3{margin:0;font-size:17px;color:#5a1825}
.dashboard-closing{max-width:900px;margin:22px 0 0;color:#6a4651;font-size:16px}
.cta-checklist .mini-title{margin:0 0 2px;font-size:11px}
.cta-content p+p{margin-top:12px}
.cta-closing{grid-column:1/-1;margin:0;padding-top:24px;border-top:1px solid rgba(142,22,40,.12);color:#5a1825;font-weight:700;font-size:16px;position:relative;z-index:2}
.hero h1{font-size:clamp(36px,4.6vw,62px);line-height:1.06;letter-spacing:-.045em}
@media(max-width:860px){.hero h1{font-size:clamp(32px,8vw,41px)}}

#steer{scroll-margin-top:84px}
.sim-heading{margin:44px 0 16px}
.sim-heading p{margin:8px 0 0;color:#6a4651;font-size:14px;max-width:760px}
.dashboard-closing{margin-bottom:0}