@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:italic;font-display:swap}

html,body,button,input,textarea,select{font-family:var(--font-sans)}
code,pre,kbd,samp,.endpoint,.code-panel pre,.code-terminal pre,.api-console pre{font-family:var(--font-mono)}


:root{--font-sans:"Montserrat",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--bg:#020b14;--bg2:#041526;--panel:#071d31;--panel2:#0a2741;--line:#194e70;--text:#eff8ff;--muted:#98b2c6;--cyan:#16d7ff;--teal:#25e6d4;--green:#39e6a8;--amber:#ffbf3c;--red:#ff6472;--blue:#3399ff;--violet:#a879ff;--radius:22px;--shadow:0 22px 70px rgba(0,0,0,.38);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 5%,rgba(24,113,178,.12),transparent 28%),linear-gradient(180deg,#020b14,#031322 42%,#020a13);color:var(--text);font-family:var(--font-sans);line-height:1.58}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(55,145,195,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(55,145,195,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.skip{position:fixed;left:16px;top:-60px;background:#fff;color:#000;padding:10px 16px;z-index:999}.skip:focus{top:16px}.site-header{position:relative;z-index:1;background:rgba(2,11,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(54,145,195,.2)}.nav{height:82px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content;font-weight:900;font-size:24px}.brand img{width:42px;height:42px}.brand span small{display:block;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.nav-links{display:flex;gap:4px;align-items:center;margin-left:auto}.nav-links a{padding:10px 9px;color:#b9cfde;font-size:13px;border-radius:10px}.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(22,215,255,.09)}.nav-actions{display:flex;gap:8px;align-items:center}.lang-switch,.menu-toggle{border:1px solid #286287;background:#071a2d;color:#dff7ff;border-radius:12px;padding:10px 12px}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 18px;border-radius:13px;border:1px solid #2c678e;background:#071b2e;color:#dff6ff;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 10px 30px rgba(22,215,255,.12)}.btn.primary{border-color:transparent;background:linear-gradient(120deg,#18d7f4,#4ce1bd);color:#00131c;box-shadow:0 0 36px rgba(22,215,255,.18)}.btn.secondary{background:rgba(6,24,42,.75)}.btn.danger{border-color:rgba(255,100,114,.65);color:#ff8791}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.page-hero{padding:92px 0 70px;min-height:680px;display:flex;align-items:center;border-bottom:1px solid rgba(44,103,142,.2)}.page-hero.compact{min-height:auto;padding:72px 0 54px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center}.kicker{display:block;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}.page-hero h1{font-size:clamp(43px,5.4vw,65px);line-height:1.03;letter-spacing:-.045em;margin:0 0 22px}.page-hero.compact h1{font-size:clamp(40px,4.4vw,65px)}h1 em{font-style:normal;color:var(--teal)}.lead{font-size:clamp(15px,1.3vw,16px);color:#b7cad8;max-width:760px}.hero-art{height:600px;position:relative}.glow{position:absolute;inset:12% 5%;background:radial-gradient(circle,rgba(22,215,255,.18),transparent 65%);filter:blur(10px)}.hero-screen{position:absolute;width:235px;border-radius:18px;border:1px solid #2a84b5;box-shadow:var(--shadow)}.hero-screen.s1{left:8%;top:4%;transform:rotate(-8deg)}.hero-screen.s2{right:5%;top:2%;transform:rotate(7deg)}.hero-screen.s3{left:34%;bottom:0;width:205px}.section{padding:82px 0}.section:nth-child(even){background:linear-gradient(180deg,rgba(8,30,50,.28),rgba(2,11,20,.1))}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-head h2{font-size:clamp(28px,3.2vw,40px);line-height:1.08;letter-spacing:-.035em;margin:0}.section-intro{color:var(--muted);font-size:clamp(15px,1.3vw,16px)}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(145deg,rgba(10,39,65,.93),rgba(4,19,33,.94));border:1px solid rgba(44,103,142,.55);border-radius:var(--radius);padding:24px;box-shadow:0 14px 45px rgba(0,0,0,.22)}.card h3{font-size:21px;margin:15px 0 8px}.card p{color:var(--muted);margin:0 0 18px}.card-icon{width:42px;height:42px;color:var(--cyan);filter:drop-shadow(0 0 12px rgba(22,215,255,.25))}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.visual{margin:0;background:linear-gradient(145deg,#07182a,#092946);border:1px solid rgba(51,139,190,.48);border-radius:28px;padding:16px;box-shadow:var(--shadow);overflow:hidden}.visual img{border-radius:16px;width:100%;height:auto}.feature-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:13px}.feature-list li{display:flex;gap:10px;align-items:flex-start;color:#dceaf4}.feature-list .ico{color:var(--green);width:20px;min-width:20px}.architecture{display:grid;gap:12px}.layer{display:grid;grid-template-columns:70px 1fr auto;gap:22px;align-items:center;padding:20px 24px;border-radius:18px;border:1px solid rgba(44,103,142,.5);background:#071a2d}.layer>span{font-size:25px;color:var(--cyan);font-weight:900}.layer h3{margin:0}.layer p{margin:4px 0;color:var(--muted)}.layer>b{font-size:12px;color:#b5d8e9;border:1px solid #285a7b;border-radius:999px;padding:7px 10px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center;border:1px solid rgba(44,103,142,.55);background:linear-gradient(145deg,#07182a,#061422);border-radius:28px;padding:24px;overflow:hidden}.product-card.large{grid-template-columns:220px 1fr}.product-card img{max-height:390px;margin:auto;filter:drop-shadow(0 28px 35px rgba(0,0,0,.5))}.product-card h3{font-size:28px;margin:14px 0 8px}.product-card p{color:var(--muted)}.product-duo{height:460px;display:flex;justify-content:center;align-items:end;gap:20px}.product-duo img{max-height:450px;max-width:48%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}.product-hero{height:550px;display:grid;place-items:center;background:radial-gradient(circle,rgba(22,215,255,.16),transparent 60%)}.product-hero img{max-height:540px;filter:drop-shadow(0 35px 45px rgba(0,0,0,.55))}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.badge{display:inline-flex;border:1px solid rgba(22,215,255,.35);background:rgba(22,215,255,.07);color:#aeeeff;border-radius:999px;padding:6px 10px;font-size:12px}.badge.amber{border-color:rgba(255,191,60,.45);color:var(--amber);background:rgba(255,191,60,.07)}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-weight:800}.text-link .ico{width:18px}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.timeline>div{position:relative;background:#071a2d;border:1px solid #245575;border-radius:18px;padding:20px}.timeline b{color:var(--cyan);font-size:22px}.timeline h3{font-size:17px}.timeline p{font-size:14px;color:var(--muted)}.gallery{display:grid;gap:14px}.gallery.portrait{grid-template-columns:repeat(4,1fr)}.gallery.wide{grid-template-columns:repeat(2,1fr)}.gallery img{width:100%;border:1px solid rgba(44,103,142,.55);border-radius:20px;box-shadow:var(--shadow)}.gallery.portrait img{aspect-ratio:9/16;object-fit:cover}.gallery.wide img{aspect-ratio:16/9;object-fit:cover}.solution-list{display:grid;gap:16px}.solution-card{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:26px;border:1px solid rgba(44,103,142,.55);background:#071a2d;border-radius:22px}.solution-icon{width:52px;height:52px;color:var(--cyan)}.solution-card h3{font-size:25px;margin:0 0 6px}.solution-card p{color:var(--muted)}.notice{display:grid;grid-template-columns:80px 1fr;gap:22px;align-items:center;padding:30px;border:1px solid rgba(57,230,168,.55);background:linear-gradient(135deg,rgba(57,230,168,.09),rgba(7,29,49,.9));border-radius:24px}.notice-icon{width:58px;height:58px;color:var(--green)}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spec-grid>div,.trust-facts>div{background:#071a2d;border:1px solid #245575;border-radius:16px;padding:16px}.spec-grid small,.trust-facts small{display:block;color:var(--muted);margin-bottom:5px}.spec-grid b{font-size:15px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.stat{border:1px solid #23506f;border-radius:16px;background:#071a2d;padding:18px}.stat b{display:block;font-size:30px;color:var(--teal)}.stat span{color:var(--muted);font-size:13px}.trust-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-facts b{font-size:20px}.table-wrap{overflow:auto;border:1px solid #245575;border-radius:20px}table{width:100%;border-collapse:collapse;background:#071a2d}th,td{padding:16px 18px;border-bottom:1px solid rgba(52,112,150,.28);text-align:left;vertical-align:top}th{color:var(--cyan);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.code-panel{background:#020811;border:1px solid #255d82;border-radius:20px;overflow:hidden}.code-head{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:#0a2741;color:#bfeaff}.code-head button{background:#071a2d;border:1px solid #2d6c93;border-radius:9px;color:#fff;padding:7px 10px;cursor:pointer}.code-panel pre{margin:0;padding:24px;overflow:auto;color:#c9f7df;font:14px/1.7 var(--font-mono)}.source-list{display:grid;gap:12px}.source-list a{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border:1px solid #245575;background:#071a2d;border-radius:14px}.source-list .ico{color:var(--cyan)}.company-card,.contact-card{padding:28px;border:1px solid #245575;background:#071a2d;border-radius:24px}.company-card h3{font-size:28px}.contact-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-facts>div{display:flex;gap:12px}.contact-facts .ico{color:var(--cyan);min-width:24px}.contact-facts small{display:block;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:26px}.contact-layout aside{display:grid;gap:16px;align-content:start}.contact-form{padding:28px;border:1px solid #245575;background:#071a2d;border-radius:24px;overflow:visible!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:7px;margin-bottom:14px;color:#cfe2ee;font-size:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #285a7b;background:#041422;color:#fff;border-radius:11px;padding:13px 14px}.contact-form textarea{min-height:120px;resize:vertical}.contact-form .consent{display:flex;grid-template-columns:auto 1fr;align-items:flex-start}.contact-form .consent input{width:auto;margin-top:5px}.submit{width:100%}.form-status{margin-top:14px;color:var(--green)}.contact-card p{color:#c2d4df}.contact-card .ico{color:var(--cyan);width:18px}.muted{color:var(--muted)!important}.prose{max-width:900px}.container.prose{max-width:none}.prose section{padding:20px 0;border-bottom:1px solid rgba(44,103,142,.35)}.prose h2{font-size:27px}.prose p{color:#c6d8e4}.cta{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:42px;border:1px solid rgba(22,215,255,.45);border-radius:28px;background:linear-gradient(115deg,rgba(8,42,68,.96),rgba(4,18,31,.95));box-shadow:var(--shadow)}.cta h2{font-size:36px;margin:8px 0}.site-footer{background:#01070d;border-top:1px solid rgba(44,103,142,.32);padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:30px}.footer-grid h4{margin:0 0 14px}.footer-grid a{display:block;color:var(--muted);font-size:14px;margin:9px 0}.footer-grid a:hover{color:var(--cyan)}.footer-company{color:var(--muted);font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(44,103,142,.25);margin-top:35px;padding-top:22px;color:#718ba0;font-size:13px}.cookie-banner{position:fixed;z-index:300;bottom:18px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),920px);padding:20px;border-radius:20px;border:1px solid #2a668c;background:rgba(3,16,29,.97);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.cookie-banner.hidden{display:none}.cookie-banner p{margin:0;color:#bed0dc}.cookie-actions{display:flex;gap:8px}.cookie-actions button{white-space:nowrap}.portal-note{color:var(--amber);font-size:13px}.mobile-only{display:none}@media(max-width:1080px){.nav-links{display:none;position:absolute;top:82px;left:0;right:0;padding:20px;background:#03101d;border-bottom:1px solid #245575;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-toggle{display:inline-flex}.nav-actions .desktop-portal{display:none}.hero-grid,.split,.contact-layout{grid-template-columns:1fr}.hero-art{height:560px}.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.product-grid{grid-template-columns:1fr}.gallery.portrait{grid-template-columns:repeat(2,1fr)}.contact-facts{grid-template-columns:1fr}.trust-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(calc(100% - 24px),var(--max))}.nav{height:70px}.brand{font-size:20px}.brand img{width:36px;height:36px}.page-hero,.page-hero.compact{padding:56px 0 42px;min-height:auto}.page-hero h1,.page-hero.compact h1{font-size:42px}.hero-grid{gap:25px}.hero-art{height:460px}.hero-screen{width:175px}.hero-screen.s3{width:155px}.section{padding:58px 0}.grid.four,.grid.three,.spec-grid,.trust-facts,.stat-grid,.form-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.layer{grid-template-columns:48px 1fr}.layer>b{display:none}.product-card,.product-card.large{grid-template-columns:1fr;text-align:center}.product-card img{max-height:330px}.product-duo{height:360px}.product-duo img{max-height:340px}.gallery.portrait,.gallery.wide{grid-template-columns:1fr}.cta{display:block;padding:28px}.cta .actions{margin-top:20px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.cookie-banner{grid-template-columns:1fr}.cookie-actions{flex-wrap:wrap}.nav-actions .btn{display:none}.solution-card{grid-template-columns:48px 1fr}.solution-icon{width:42px;height:42px}.contact-form{padding:20px}.mobile-only{display:block}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Executive / business-value experience */
.executive-hero{padding:92px 0 64px;position:relative;overflow:hidden}.executive-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 20%,rgba(22,215,255,.15),transparent 30%),radial-gradient(circle at 14% 15%,rgba(57,230,168,.08),transparent 28%);pointer-events:none}.executive-hero .container{position:relative;z-index:1}.executive-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}.executive-hero h1{font-size:clamp(48px,6vw,65px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 24px;max-width:920px}.executive-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--teal),var(--cyan));-webkit-background-clip:text;color:transparent}.exec-lead{font-size:clamp(17px,1.5vw,20px);color:#b8ccda;max-width:780px}.executive-visual{position:relative;min-height:520px}.executive-visual .board-main{position:absolute;width:88%;right:0;top:0;border-radius:22px;border:1px solid rgba(22,215,255,.45);box-shadow:0 30px 80px rgba(0,0,0,.55)}.executive-visual .board-float{position:absolute;width:52%;left:0;bottom:0;border-radius:18px;border:1px solid rgba(57,230,168,.45);box-shadow:0 24px 60px rgba(0,0,0,.55)}.exec-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.exec-proof>div{padding:15px 16px;border:1px solid rgba(55,130,175,.45);border-radius:16px;background:rgba(5,24,41,.78)}.exec-proof b{display:block;color:var(--teal);font-size:clamp(14px,1.2vw,16px)}.exec-proof span{font-size:clamp(12px,1.1vw,14px);color:var(--muted)}.decision-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.decision-card{min-height:230px;padding:22px;border:1px solid rgba(50,112,154,.52);border-radius:22px;background:linear-gradient(145deg,rgba(8,33,55,.98),rgba(4,17,29,.98));position:relative;overflow:hidden}.decision-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-50px;top:-50px;background:radial-gradient(circle,rgba(22,215,255,.18),transparent 65%)}.decision-card .ico{width:34px;height:34px;color:var(--cyan)}.decision-card h3{font-size:20px;margin:18px 0 8px}.decision-card p{font-size:clamp(14px,1.3vw,16px);color:var(--muted)}.decision-card strong{display:block;margin-top:12px;color:#e8f8ff;font-size:clamp(12px,1.1vw,14px)}.business-outcome{display:grid;grid-template-columns:.86fr 1.14fr;gap:30px;align-items:center}.business-outcome .outcome-copy{padding:34px;border:1px solid rgba(57,230,168,.4);border-radius:26px;background:linear-gradient(140deg,rgba(57,230,168,.08),rgba(6,27,46,.95))}.business-outcome .outcome-copy h2{font-size:clamp(28px,3.2vw,40px)}.outcome-list{display:grid;gap:12px;margin-top:24px}.outcome-list div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:13px 0;border-top:1px solid rgba(90,150,180,.22)}.outcome-list b{color:var(--teal);font-size:22px}.outcome-list p{margin:0;color:#c7d9e5}.business-outcome .outcome-image{margin:0;border:1px solid rgba(43,103,145,.55);background:#071a2d;padding:14px;border-radius:26px;display:grid;place-items:center;align-self:center;height:fit-content;width:100%}.business-outcome .outcome-image img{width:100%;height:auto;display:block;border-radius:16px;object-fit:contain;object-position:center}.executive-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.executive-gallery .wide-panel,.executive-gallery .stack-panel{display:contents}.executive-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;border:1px solid rgba(45,108,150,.55);border-radius:20px;box-shadow:var(--shadow)}.operating-model{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.operating-model article{padding:26px;border-radius:22px;border:1px solid rgba(50,115,155,.55);background:#071a2d}.operating-model article.featured{border-color:rgba(57,230,168,.65);box-shadow:0 0 0 1px rgba(57,230,168,.12) inset}.operating-model h3{font-size:clamp(18px,1.8vw,20px)}.operating-model ul{padding-left:20px;color:var(--muted)}.operating-model .fit{color:var(--cyan);font-weight:800;font-size:clamp(12px,1.1vw,14px)}.value-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.value-matrix article{display:grid;grid-template-columns:54px 1fr;gap:15px;padding:23px;border:1px solid #245575;background:#071a2d;border-radius:20px}.value-matrix .ico{width:36px;height:36px;color:var(--cyan)}.value-matrix p{margin:5px 0 0;color:var(--muted)}.board-caption{font-size:13px;color:var(--muted);margin-top:10px}.exec-table th:first-child,.exec-table td:first-child{font-weight:800}.exec-table td:nth-child(n+2){color:#cce0ec}.calculator-shell{display:grid;grid-template-columns:1fr .8fr;gap:24px}.calculator-form,.calculator-result{padding:28px;border:1px solid #245575;background:#071a2d;border-radius:24px}.calculator-form .calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calculator-form label{display:grid;gap:7px;color:#cfe2ee;font-size:13px}.calculator-form input,.calculator-form select{width:100%;border:1px solid #285a7b;background:#041422;color:#fff;border-radius:11px;padding:13px 14px}.calculator-result{background:linear-gradient(145deg,rgba(22,215,255,.08),rgba(4,20,34,.98))}.calc-kpis{display:grid;gap:12px}.calc-kpi{padding:15px;border:1px solid rgba(50,115,155,.48);border-radius:15px;background:rgba(3,17,29,.7)}.calc-kpi small{color:var(--muted);display:block}.calc-kpi b{font-size:26px;color:var(--teal)}.calc-note{font-size:12px;color:var(--muted);margin-top:16px}.executive-quote{padding:35px;border-left:4px solid var(--teal);background:linear-gradient(90deg,rgba(37,230,212,.09),transparent);font-size:25px;color:#eaf9ff}.executive-quote small{display:block;margin-top:12px;color:var(--muted);font-size:14px}.engagement-path{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.engagement-path article{position:relative;padding:24px;border:1px solid #245575;border-radius:20px;background:#071a2d}.engagement-path b{font-size:28px;color:var(--cyan)}.engagement-path p{color:var(--muted)}.audience-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.audience-tags span{border:1px solid rgba(57,230,168,.4);background:rgba(57,230,168,.06);color:#c8ffeb;border-radius:999px;padding:7px 11px;font-size:12px}.executive-cta{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:44px;border-radius:28px;border:1px solid rgba(57,230,168,.55);background:linear-gradient(120deg,rgba(8,49,58,.95),rgba(4,19,33,.98));box-shadow:var(--shadow)}.executive-cta h2{font-size:clamp(28px,3.2vw,40px);margin:7px 0}.executive-cta p{color:#c2d8e5;max-width:760px}.metric-band{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.metric-band>div{padding:18px;border:1px solid rgba(53,121,164,.45);border-radius:16px;background:rgba(5,22,38,.82)}.metric-band b{display:block;font-size:18px;color:var(--cyan)}.metric-band span{font-size:12px;color:var(--muted)}
@media(max-width:1100px){.executive-grid,.business-outcome,.calculator-shell{grid-template-columns:1fr}.executive-visual{min-height:600px;max-width:850px}.decision-grid{grid-template-columns:repeat(2,1fr)}.operating-model{grid-template-columns:1fr}.engagement-path{grid-template-columns:repeat(2,1fr)}.executive-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-band,.exec-proof{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.executive-hero{padding:58px 0 36px}.executive-hero h1{font-size:43px}.executive-visual{min-height:470px}.executive-visual .board-main{width:95%}.executive-visual .board-float{width:62%}.decision-grid,.value-matrix,.engagement-path,.metric-band,.exec-proof,.calculator-form .calc-grid{grid-template-columns:1fr}.executive-gallery{grid-template-columns:1fr}.executive-cta{grid-template-columns:1fr;padding:28px}.business-outcome .outcome-copy h2,.executive-cta h2{font-size:31px}}


/* ============================================================
   V4 Executive + CTO technology-grade visual system
   ============================================================ */
:root{--font-sans:"Montserrat",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--bg:#01070d;--bg2:#03111e;--panel:#061827;--panel2:#08243a;--line:#17618a;--line2:#0f3b56;--text:#f3fbff;--muted:#8faabd;--cyan:#18ddff;--teal:#28f0d0;--green:#43eba7;--amber:#ffc342;--red:#ff6574;--blue:#3ba3ff;--violet:#a57cff;--radius:18px;--max:1480px;--shadow:0 28px 90px rgba(0,0,0,.5)}
body{background:radial-gradient(circle at 82% -5%,rgba(27,144,211,.15),transparent 31%),radial-gradient(circle at 4% 24%,rgba(40,240,208,.07),transparent 23%),linear-gradient(180deg,#01070d,#03101c 46%,#020910)}body:before{opacity:.31;background-image:linear-gradient(rgba(34,134,181,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(34,134,181,.06) 1px,transparent 1px);background-size:54px 54px}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.container{width:min(calc(100% - 48px),var(--max))}
.site-header{background:rgba(1,8,15,.9);backdrop-filter:blur(24px) saturate(1.25);border-bottom:1px solid rgba(34,139,190,.28);box-shadow:0 16px 55px rgba(0,0,0,.34)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--teal),transparent);opacity:.5}.header-rail{height:28px;border-bottom:1px solid rgba(30,101,142,.27);background:linear-gradient(90deg,rgba(9,34,53,.75),rgba(2,12,21,.5))}.header-rail .container{height:100%;display:flex;align-items:center;gap:26px;color:#628da5;font:700 9px/1 var(--font-sans);letter-spacing:.12em}.rail-status{color:#7fffd8}.rail-status i,.footer-telemetry i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.rail-right{margin-left:auto;color:#729db4}.nav{height:88px;gap:18px}.brand-tech{gap:11px;font-size:25px;letter-spacing:-.025em}.brand-mark{position:relative;width:48px;height:48px;display:grid;place-items:center}.brand-mark:before{content:"";position:absolute;inset:-3px;background:conic-gradient(from 140deg,transparent 0 22%,rgba(24,221,255,.34),transparent 46% 74%,rgba(40,240,208,.25));clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);animation:kw-spin 12s linear infinite}.brand-mark img{position:relative;width:44px;height:44px;z-index:1}.brand span small{font-family:var(--font-sans);font-size:8px;letter-spacing:.13em;color:#6f9db6}.persona-switch{display:flex;gap:2px;padding:3px;border:1px solid rgba(43,112,153,.5);background:#041421;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.persona-switch a{padding:7px 9px;color:#6f98ad;font:800 9px var(--font-sans);letter-spacing:.1em}.persona-switch a.active,.persona-switch a:hover{color:#dffcff;background:linear-gradient(120deg,rgba(24,221,255,.14),rgba(40,240,208,.08))}.nav-links{gap:0;margin-left:auto}.nav-links a{position:relative;border-radius:0;padding:14px 10px;color:#9bb7c9;font-size:12px;font-weight:750}.nav-links a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--teal));transform:scaleX(0);transition:.2s;box-shadow:0 0 10px var(--cyan)}.nav-links a:hover,.nav-links a.active{background:transparent;color:#fff}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-actions{gap:9px}.portal-cta{position:relative;display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 14px 8px 13px;color:#e8fbff;border:1px solid rgba(24,221,255,.56);background:linear-gradient(120deg,rgba(8,37,58,.95),rgba(4,20,32,.95));clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:inset 0 0 24px rgba(24,221,255,.04),0 0 24px rgba(24,221,255,.06)}.portal-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(110,240,255,.09) 50%,transparent 75%);transform:translateX(-100%);transition:.45s}.portal-cta:hover:before{transform:translateX(100%)}.portal-cta>.ico{width:21px;height:21px;color:var(--cyan);filter:drop-shadow(0 0 8px rgba(24,221,255,.55))}.portal-cta span{display:grid;gap:1px}.portal-cta small{font:800 7px var(--font-sans);letter-spacing:.13em;color:#6f9fb7}.portal-cta strong{font-size:12px;white-space:nowrap}.portal-arrow{width:14px!important;opacity:.55}.lang-switch{display:grid;place-items:center;min-width:46px;height:46px;padding:0;border:1px solid #287aa8;background:#041726;color:#dff8ff;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);font:800 12px var(--font-sans);box-shadow:inset 0 0 16px rgba(24,221,255,.04)}.menu-toggle{width:46px;height:46px;padding:12px;display:none;flex-direction:column;justify-content:center;gap:5px;border:1px solid #287aa8;background:#041726;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.menu-toggle span{height:2px;background:var(--cyan);width:100%;transition:.2s}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.btn{position:relative;overflow:hidden;min-height:52px;padding:13px 22px;border-radius:0;border:1px solid rgba(35,139,184,.74);background:linear-gradient(135deg,rgba(7,30,49,.97),rgba(3,15,25,.97));color:#dffaff;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);font-size:14px;letter-spacing:.01em}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(125,244,255,.13) 50%,transparent 70%);transform:translateX(-130%);transition:.45s}.btn:after{content:"›";font-size:24px;line-height:1;margin-left:6px;color:currentColor;opacity:.72}.btn:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 0 1px rgba(24,221,255,.15),0 14px 45px rgba(0,145,206,.16)}.btn:hover:before{transform:translateX(130%)}.btn.primary{background:linear-gradient(105deg,#16cfea,#44edc4);color:#00141d;border-color:#76fff0;box-shadow:0 0 28px rgba(24,221,255,.23),inset 0 1px rgba(255,255,255,.45)}.btn.secondary{background:linear-gradient(135deg,rgba(5,30,49,.96),rgba(4,17,29,.98));color:#85eaff}.btn.danger{background:linear-gradient(135deg,rgba(65,13,22,.85),rgba(20,8,15,.98));border-color:rgba(255,101,116,.75)}
.card,.decision-card,.operating-model article,.value-matrix article,.solution-card,.metric-band>div,.spec-grid>div,.trust-facts>div{position:relative;border-color:rgba(38,112,153,.54);background:linear-gradient(145deg,rgba(8,32,52,.96),rgba(3,15,25,.98));box-shadow:inset 0 1px rgba(128,226,255,.025),0 16px 50px rgba(0,0,0,.22);overflow:hidden}.card:before,.decision-card:after,.operating-model article:before,.value-matrix article:before,.solution-card:before{content:"";position:absolute;left:0;top:0;width:74px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 15px var(--cyan)}.card:after,.operating-model article:after,.solution-card:after{content:"";position:absolute;right:0;bottom:0;width:17px;height:17px;border-right:1px solid rgba(24,221,255,.65);border-bottom:1px solid rgba(24,221,255,.65)}.card-icon,.solution-icon{filter:drop-shadow(0 0 10px rgba(24,221,255,.38))}.badge,.audience-tags span{border-radius:4px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);font-family:var(--font-sans);letter-spacing:.04em}
.page-hero,.executive-hero{border-bottom:1px solid rgba(39,119,159,.24)}.page-hero:before,.executive-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 49.94%,rgba(24,221,255,.035) 50%,transparent 50.06%),linear-gradient(0deg,transparent 0 49.94%,rgba(24,221,255,.035) 50%,transparent 50.06%);background-size:110px 110px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.kicker{font-family:var(--font-sans);color:#64e9ff;letter-spacing:.16em}.page-hero h1,.executive-hero h1{font-weight:820;text-wrap:balance}.lead,.exec-lead{color:#a9c1d0}.hero-hud{position:absolute;z-index:5;left:4%;right:4%;top:-16px;display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid rgba(37,119,158,.45);background:rgba(2,14,24,.86);color:#78a5b8;font:700 8px var(--font-sans);letter-spacing:.1em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hero-hud span:first-child{color:#76ffd9}.hero-hud i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);margin-right:7px}.executive-visual .board-main,.executive-visual .board-float{border-radius:6px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);border-color:rgba(24,221,255,.56)}
.visual,.business-outcome .outcome-image{position:relative;padding:34px 13px 13px;border-radius:0;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);background:linear-gradient(145deg,#04111e,#071e31);border:1px solid rgba(38,129,173,.65)}.tech-visual:before{content:"KIOWARE // " attr(data-tech);position:absolute;top:0;left:0;right:0;height:30px;display:flex;align-items:center;padding:0 13px;color:#6ea9c0;background:rgba(2,12,21,.86);border-bottom:1px solid rgba(34,112,151,.42);font:700 8px var(--font-sans);letter-spacing:.11em;white-space:nowrap;overflow:hidden}.tech-visual:after{content:"";position:absolute;right:10px;top:11px;width:36px;height:7px;background:radial-gradient(circle at 3px 3px,var(--green) 0 3px,transparent 4px),radial-gradient(circle at 16px 3px,var(--amber) 0 3px,transparent 4px),radial-gradient(circle at 29px 3px,var(--cyan) 0 3px,transparent 4px)}.visual img,.business-outcome .outcome-image img{border-radius:4px}.tech-shot{position:relative;padding:28px 10px 10px;border:1px solid rgba(35,111,151,.58);background:#041421;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.tech-shot:before{content:"VIEW_" attr(data-index) " // PRODUCT TELEMETRY";position:absolute;top:0;left:12px;height:26px;display:flex;align-items:center;color:#6598ae;font:700 8px var(--font-sans);letter-spacing:.1em}.tech-shot img{border-radius:3px!important;border:0!important;box-shadow:none!important}
.cto-core{background:radial-gradient(circle at 12% 16%,rgba(24,221,255,.08),transparent 27%),linear-gradient(180deg,rgba(4,21,35,.75),rgba(2,10,17,.36))}.cto-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:18px;align-items:stretch}.architecture-figure{margin:0;min-height:560px;display:flex;align-items:center}.architecture-figure img{width:100%}.technical-proof{display:grid;gap:12px}.technical-proof article{position:relative;padding:22px;border:1px solid rgba(42,116,154,.55);background:linear-gradient(145deg,rgba(6,29,47,.96),rgba(2,14,23,.98));clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.technical-proof article:before{content:"";position:absolute;top:0;left:0;width:70px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.technical-proof span{font:800 clamp(9px,.9vw,10px) var(--font-sans);letter-spacing:.13em;color:#68dff6}.technical-proof h3{font-size:20px;margin:10px 0 7px}.technical-proof p{font-size:clamp(12px,1.1vw,14px);color:var(--muted)}.technical-proof code{display:block;color:#8affdc;font-size:11px;white-space:normal}.protocol-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-top:16px;background:#18445e;border:1px solid #18445e}.protocol-strip span{padding:12px 8px;text-align:center;background:#041522;color:#7ba9bd;font:800 clamp(9px,.9vw,10px) var(--font-sans);letter-spacing:.08em}.cto-section{background:linear-gradient(180deg,rgba(4,20,34,.65),rgba(2,10,17,.35))}.tech-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tech-matrix article{position:relative;padding:25px;border:1px solid rgba(38,112,153,.55);background:#041522;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.tech-matrix b{font:800 28px var(--font-sans);color:var(--cyan)}.tech-matrix span{display:block;margin:5px 0 18px;font:800 9px var(--font-sans);letter-spacing:.12em;color:#688fa3}.tech-matrix h3{font-size:20px}.tech-matrix p{font-size:14px;color:var(--muted)}.code-architecture{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center}.api-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.api-pills span{padding:8px 10px;border:1px solid rgba(24,221,255,.38);color:#93eaff;background:rgba(24,221,255,.045);font:700 10px var(--font-sans);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.code-terminal{border:1px solid rgba(24,221,255,.55);background:#020b12;box-shadow:0 22px 70px rgba(0,0,0,.46),inset 0 0 42px rgba(24,221,255,.025);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.terminal-bar{height:42px;display:flex;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid rgba(37,112,151,.4);color:#729cb0;font:700 10px var(--font-sans)}.terminal-bar i{width:8px;height:8px;border-radius:50%;background:#2a6a8c}.terminal-bar i:first-child{background:var(--red)}.terminal-bar i:nth-child(2){background:var(--amber)}.terminal-bar i:nth-child(3){background:var(--green)}.terminal-bar span{margin-left:8px}.code-terminal pre{margin:0;padding:24px;overflow:auto;color:#8fffe2;font:14px/1.7 var(--font-mono)}.terminal-result{display:flex;gap:14px;align-items:center;padding:13px 17px;border-top:1px solid rgba(37,112,151,.4);font:700 10px var(--font-sans)}.terminal-result span{color:var(--green)}.terminal-result b{color:#80dfff}.terminal-result em{margin-left:auto;color:#b5a7ff;font-style:normal}.security-chain{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;align-items:center}.security-chain>div{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;border:1px solid rgba(39,116,156,.55);background:#041522;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.security-chain .ico{width:38px;height:38px;color:var(--cyan);margin-bottom:15px}.security-chain b{font-size:18px}.security-chain span{font-size:11px;color:var(--muted);margin-top:6px}.security-chain>i{height:1px;background:linear-gradient(90deg,var(--cyan),var(--teal));box-shadow:0 0 12px rgba(24,221,255,.45)}.control-plane-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.control-plane-grid article{padding:24px;border:1px solid rgba(37,112,151,.55);background:#041522;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.control-plane-grid span{color:#6fe9ff;font:800 10px var(--font-sans);letter-spacing:.13em}.control-plane-grid h3{font-size:21px}.control-plane-grid p{color:var(--muted);font-size:14px}.footer-telemetry{border-top:1px solid rgba(36,113,153,.42);border-bottom:1px solid rgba(36,113,153,.28);background:#03101b}.footer-telemetry .container{display:flex;gap:32px;padding:12px 0;color:#628da3;font:700 9px var(--font-sans);letter-spacing:.1em}.footer-telemetry span:first-child{color:#74f9d5}
@keyframes kw-spin{to{transform:rotate(360deg)}}
@media(max-width:1320px){.persona-switch{display:none}.nav-links a{padding-inline:8px}.portal-cta small{display:none}.portal-cta{min-height:48px}.header-rail span:nth-child(4),.header-rail span:nth-child(5){display:none}}
@media(max-width:1100px){.header-rail{display:none}.site-header .nav{height:78px}.nav-links{top:78px}.persona-switch{display:flex;margin-left:auto}.menu-toggle{display:flex}.portal-cta{display:none}.cto-grid,.code-architecture{grid-template-columns:1fr}.tech-matrix,.control-plane-grid{grid-template-columns:repeat(2,1fr)}.security-chain{grid-template-columns:1fr;gap:10px}.security-chain>i{height:30px;width:1px;justify-self:center}.protocol-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.container{width:min(calc(100% - 24px),var(--max))}.persona-switch{display:none}.brand-tech{font-size:22px}.brand-mark{width:42px;height:42px}.brand-mark img{width:38px;height:38px}.tech-matrix,.control-plane-grid{grid-template-columns:1fr}.protocol-strip{grid-template-columns:repeat(2,1fr)}.architecture-figure{min-height:0}.hero-hud{position:relative;left:auto;right:auto;top:auto;margin-bottom:10px;flex-wrap:wrap}.footer-telemetry .container{overflow:auto;white-space:nowrap}.btn{width:100%}}


/* V5 SEO + API Center + resilient media */
.asset-shell{position:relative;overflow:hidden;min-height:220px;background:linear-gradient(135deg,rgba(22,215,255,.08),rgba(37,230,212,.025));border:1px solid rgba(22,215,255,.28)}
.asset-shell img{display:block;width:100%;height:auto;object-fit:contain}.asset-shell.asset-failed{min-height:220px;display:grid;place-items:center}.asset-shell.asset-failed:after{content:attr(data-fallback);max-width:560px;padding:26px;text-align:center;color:var(--muted);border:1px dashed rgba(22,215,255,.32);background:rgba(3,16,29,.88)}

/* Chỉ outcome-image: cao theo nội dung, căn giữa theo chiều dọc */
.outcome-image{
  height:fit-content;
  max-height:none;
  align-self:center;
  margin-block:auto;
}
.outcome-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
.business-outcome{
  align-items:center;
}
.architecture-figure:has(img[data-load-error="true"]){min-height:240px}
.api-hero{position:relative;overflow:hidden}.api-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(22,215,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(22,215,255,.055) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 82%);pointer-events:none}
.api-console{border:1px solid rgba(22,215,255,.38);background:linear-gradient(145deg,rgba(7,29,49,.96),rgba(2,11,20,.98));box-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 0 48px rgba(22,215,255,.035);border-radius:20px;overflow:hidden}.api-console-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(22,215,255,.22);font-family:var(--font-sans);color:#b9eaff}.api-console-head .pulse{display:inline-flex;align-items:center;gap:8px}.api-console-head .pulse:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.api-console pre{margin:0;padding:24px;overflow:auto;color:#d9f6ff;font-family:var(--font-mono);font-size:.92rem;line-height:1.7}.api-console-foot{display:flex;gap:12px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid rgba(22,215,255,.18)}.api-console-foot span{border:1px solid rgba(57,230,168,.35);color:var(--green);padding:6px 10px;border-radius:999px;font-size:.78rem}
.api-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.api-capability{padding:22px;border:1px solid rgba(22,215,255,.22);background:linear-gradient(145deg,rgba(7,29,49,.86),rgba(4,21,38,.94));border-radius:18px}.api-capability code{display:block;margin:12px 0;color:var(--cyan);font-size:.82rem;overflow-wrap:anywhere}.api-capability .status{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:.8rem}.api-capability .status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.arch-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.arch-tabs button{appearance:none;border:1px solid rgba(22,215,255,.28);background:rgba(7,29,49,.72);color:var(--muted);padding:10px 16px;border-radius:12px;cursor:pointer}.arch-tabs button.active{color:var(--text);border-color:var(--cyan);box-shadow:0 0 0 1px rgba(22,215,255,.18),0 0 28px rgba(22,215,255,.12)}.arch-panel{display:none}.arch-panel.active{display:block}.arch-layer{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:18px;border-bottom:1px solid rgba(22,215,255,.14)}.arch-layer:last-child{border-bottom:0}.arch-layer b{color:var(--cyan)}.tech-metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.tech-metric{padding:16px;border:1px solid rgba(22,215,255,.2);background:rgba(3,16,29,.68);border-radius:14px}.tech-metric strong{display:block;color:var(--green);font-size:1.15rem}.tech-metric small{color:var(--muted)}
.seo-faq details{border:1px solid rgba(22,215,255,.18);background:rgba(7,29,49,.62);border-radius:14px;padding:16px 18px;margin:10px 0}.seo-faq summary{cursor:pointer;font-weight:700}.seo-faq p{color:var(--muted)}
.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:18px}.breadcrumbs a{color:var(--cyan)}
@media(max-width:900px){.api-capability-grid,.tech-metric-row{grid-template-columns:1fr 1fr}.arch-layer{grid-template-columns:1fr}}
@media(max-width:620px){.api-capability-grid,.tech-metric-row{grid-template-columns:1fr}}


/* V6 PROFESSIONAL TECHNOLOGY DESIGN SYSTEM — CEO + CTO */
:root{
  --max:1460px;
  --radius-control:6px;
  --radius-panel:12px;
  --radius-card:14px;
  --tech-cut:8px;
  --focus:#70efff;
}
/* Header: structured enterprise technology, not decorative cyberpunk */
.v6-header{background:rgba(1,8,15,.94);box-shadow:0 12px 40px rgba(0,0,0,.32)}
.v6-header .trust-bar{height:30px;border-bottom:1px solid rgba(42,118,154,.30);background:#03111c}
.trust-bar-inner{height:100%;display:flex;align-items:center;gap:24px;color:#7797a8;font:700 clamp(10px,.95vw,12px)/1 var(--font-sans);letter-spacing:.10em;white-space:nowrap}
.trust-bar-inner .trust-brand{color:#a7fae1}.trust-bar-inner .trust-brand i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(57,230,168,.7)}
.trust-bar-inner a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#8edbf1}.trust-bar-inner a .ico{width:13px;height:13px}
.nav-v6{height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}
.nav-v6 .brand-tech{font-size:23px;gap:10px}.nav-v6 .brand-mark{width:44px;height:44px}.nav-v6 .brand-mark:before{display:none}.nav-v6 .brand-mark img{width:42px;height:42px}.nav-v6 .brand span small{font-size:7.5px;letter-spacing:.12em;color:#7897a8}
.nav-v6 .nav-links{display:flex;justify-content:center;gap:1px;margin:0;min-width:0}
.nav-v6 .nav-links a{padding:14px 9px 13px;color:#a8bcc9;font-size:12.5px;font-weight:620;white-space:nowrap}
.nav-v6 .nav-links a:after{left:10px;right:10px;bottom:7px;height:2px;box-shadow:none}
.nav-v6 .nav-links a:hover,.nav-v6 .nav-links a.active{color:#f3fbff}
.nav-v6 .nav-actions{display:flex;align-items:center;gap:8px}
.developer-entry{position:relative}.developer-trigger,.portal-cta,.lang-switch,.menu-toggle{height:52px;border:1px solid rgba(51,128,166,.62);background:linear-gradient(180deg,rgba(7,27,43,.98),rgba(3,15,25,.98));color:#dff7ff;border-radius:var(--radius-control);clip-path:none;box-shadow:inset 0 1px rgba(142,225,255,.045);transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.developer-trigger{display:flex;align-items:center;gap:9px;padding:7px 11px;cursor:pointer}.developer-trigger>.ico{width:20px;height:20px;color:#76e9ff}.developer-trigger span,.portal-cta span{display:grid;gap:1px;text-align:left}.developer-trigger small,.portal-cta small{font:700 7px var(--font-sans);letter-spacing:.11em;color:#789db0;text-transform:uppercase}.developer-trigger strong,.portal-cta strong{font-size:12px;line-height:1.15;white-space:nowrap}.developer-trigger .chevron{width:12px;height:12px;transform:rotate(90deg);opacity:.65;transition:transform .2s}
.developer-entry.open .developer-trigger .chevron{transform:rotate(-90deg)}
.developer-trigger:hover,.developer-trigger:focus-visible,.portal-cta:hover,.portal-cta:focus-visible,.lang-switch:hover,.lang-switch:focus-visible{border-color:var(--cyan);background:linear-gradient(180deg,rgba(8,38,58,.98),rgba(4,20,32,.98));box-shadow:0 0 0 1px rgba(22,215,255,.08),0 10px 28px rgba(0,80,118,.18)}
.developer-menu{position:absolute;right:0;top:calc(100% + 10px);width:390px;padding:8px;background:rgba(2,12,21,.98);border:1px solid rgba(49,127,166,.68);border-radius:10px;box-shadow:0 28px 70px rgba(0,0,0,.52);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s;z-index:20}
.developer-entry.open .developer-menu{opacity:1;visibility:visible;transform:none}.developer-menu:before{content:"";position:absolute;top:-6px;right:36px;width:10px;height:10px;background:#041522;border-left:1px solid rgba(49,127,166,.68);border-top:1px solid rgba(49,127,166,.68);transform:rotate(45deg)}
.developer-menu a{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;padding:12px;border-radius:7px;border:1px solid transparent}.developer-menu a:hover,.developer-menu a:focus-visible{background:rgba(22,215,255,.055);border-color:rgba(22,215,255,.22)}.developer-menu a>.ico{width:22px;height:22px;color:#61ddfa}.developer-menu span{display:grid}.developer-menu strong{font-size:13px}.developer-menu small{font-size:10px;color:#7998aa;margin-top:2px}
.portal-cta{min-width:188px;padding:7px 12px;gap:9px}.portal-cta:before{display:none}.portal-cta>.ico{width:20px;height:20px}.portal-cta .portal-arrow{width:13px!important;margin-left:auto}.portal-cta:hover{transform:none}
.lang-switch{width:52px;min-width:52px;padding:0;display:grid;place-items:center;font:800 12px var(--font-sans)}
.menu-toggle{width:52px;padding:13px;display:none;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{height:2px;background:var(--cyan);width:100%;transition:.2s}
/* Unified controls */
.btn{min-height:52px;padding:13px 20px;border-radius:var(--radius-control);clip-path:polygon(var(--tech-cut) 0,100% 0,100% calc(100% - var(--tech-cut)),calc(100% - var(--tech-cut)) 100%,0 100%,0 var(--tech-cut));font-size:14px;letter-spacing:0;box-shadow:none}
.btn:after{display:none}.actions .btn:not(.no-arrow):after,.cta .btn:not(.no-arrow):after,.submit:after{display:block;content:"→";font-size:18px;line-height:1;margin-left:5px;opacity:.75}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(0,91,128,.16)}.btn:active{transform:translateY(0);filter:brightness(.94)}
.btn.primary{background:linear-gradient(105deg,#19cee8,#45e2c0);border-color:#70f7ed;box-shadow:0 0 24px rgba(22,215,255,.15)}.btn.secondary{background:linear-gradient(180deg,rgba(7,27,44,.98),rgba(3,15,25,.98));color:#a5edff}.btn.danger{background:linear-gradient(180deg,rgba(54,15,23,.86),rgba(20,8,14,.98))}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
/* Lower decorative radius; reserve pills for state only */
.card,.decision-card,.operating-model article,.value-matrix article,.solution-card,.metric-band>div,.spec-grid>div,.trust-facts>div,.product-card,.timeline>div,.notice,.company-card,.contact-card,.contact-form,.cta,.api-console,.api-capability,.tech-metric,.seo-faq details,.table-wrap,.code-panel,.source-list a{border-radius:var(--radius-card)}
.visual,.business-outcome .outcome-image,.executive-visual .board-main,.executive-visual .board-float{border-radius:0}
.arch-tabs button{border-radius:var(--radius-control);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);font-weight:720}.arch-tabs button:hover{border-color:rgba(22,215,255,.62);color:#e7faff}
.contact-form input,.contact-form textarea,.contact-form select,.code-head button{border-radius:var(--radius-control)}
.cookie-banner{border-radius:var(--radius-card)}
.cookie-banner.cookie-banner-shell{
  z-index:380;
  left:0;
  right:0;
  bottom:0;
  transform:none;
  width:100%;
  max-width:none;
  border-radius:0;
  border-left:0;
  border-right:0;
  border-bottom:0;
  padding:18px clamp(16px,4vw,48px);
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
}
body.has-cookie-banner{padding-bottom:var(--cookie-banner-h,120px)}
/* Cookie launcher fixed góc trái — không chừa padding document (tránh khoảng trắng dưới footer) */
body.has-cookie-launcher{padding-bottom:0}
/* Menu hamburger: neo absolute dưới header; khi mở → pin header fixed (không phụ thuộc sticky) */
@media(max-width:1320px){
  body.nav-menu-open .cookie-launcher{visibility:hidden;pointer-events:none}
  .v7-header,
  .site-header,
  [data-site-header]{overflow:visible}
  .nav-v7,
  .nav-v6{position:static}
  .site-header.v7-header,
  .site-header{
    position:relative;
    overflow:visible;
  }
  /* Scroll rồi mở menu: sticky dễ “biến mất” → ghim header vào viewport */
  body.nav-menu-open [data-site-header]{
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:1000;
  }
  .nav-v7 .nav-links,
  .nav-v6 .nav-links{
    left:0;
    right:0;
    width:auto;
    max-width:none;
    transform:none;
    max-height:min(70dvh,calc(100dvh - 88px));
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}
body.has-cookie-launcher .nav-v7 .nav-links.open,
body.has-cookie-launcher .nav-v6 .nav-links.open{padding-bottom:88px}
/* Không cộng padding footer cho cookie launcher — nút fixed góc trái, không chiếm luồng tài liệu */
/* Sticky cả khối header; top âm = cao trust-bar → khi dính chỉ còn nav */
[data-site-header]{
  --trust-bar-h:36px;
  position:sticky;
  top:calc(-1 * var(--trust-bar-h));
  z-index:300;
}
.site-header,
.site-header.v7-header{
  position:relative;
  top:auto;
  z-index:1;
  background:rgba(1,8,15,.96);
  backdrop-filter:blur(18px) saturate(1.2);
}
@media(max-width:820px){
  [data-site-header]{--trust-bar-h:0px;top:0}
}
.cookie-launcher{position:fixed;left:18px;bottom:18px;z-index:390;width:52px;height:52px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid #2a668c;background:rgba(3,16,29,.96);color:#dff6ff;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.cookie-launcher:hover,.cookie-launcher:focus-visible{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 10px 30px rgba(22,215,255,.16)}
.cookie-launcher-icon{width:24px;height:24px;display:block}
.cookie-banner-shell .cookie-banner-copy{display:grid;gap:6px;min-width:0}
.cookie-banner-shell .cookie-banner-copy strong{font-size:15px;color:#fff}
.cookie-banner-shell .cookie-banner-copy p{margin:0;color:#bed0dc;font-size:13px;line-height:1.5;max-width:none}
.cookie-banner-shell .cookie-banner-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.cookie-banner-shell .cookie-banner-actions .btn{min-height:46px;padding:11px 16px;font-size:13px;white-space:nowrap}
[data-cookie-consent] .cookie-modal-overlay{position:fixed;inset:0;z-index:500;margin:0;background:rgba(2,11,20,.72);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.cookie-modal{width:min(100%,760px);max-height:min(82vh,calc(100vh - 48px));margin:0;overflow:auto;background:rgba(3,16,29,.98);border:1px solid #2a668c;border-radius:20px;box-shadow:var(--shadow);color:var(--text);padding:22px 24px}
.cookie-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:6px 4px 10px}
.cookie-modal-body{display:grid;gap:10px;margin-top:8px}
.cookie-modal-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:12px 12px;border:1px solid rgba(58,133,171,.32);border-radius:12px;background:rgba(5,20,38,.55)}
.cookie-modal-row-text{display:grid;gap:6px;min-width:0}
.cookie-modal-row-title{font-weight:900;color:#fff;font-size:15px}
.cookie-modal-row-desc{color:#bed0dc;font-size:13px;line-height:1.45}
.cookie-switch{position:relative;flex:none;display:inline-block;width:48px;height:26px}
.cookie-switch input{opacity:0;width:0;height:0}
.cookie-slider{position:absolute;inset:0;background:rgba(255,255,255,.18);border:1px solid rgba(70,156,198,.35);border-radius:999px;transition:.2s}
.cookie-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:2.5px;background:#eaffff;border-radius:50%;transition:.2s;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.cookie-switch input:checked + .cookie-slider{background:rgba(37,230,212,.22);border-color:rgba(37,230,212,.55)}
.cookie-switch input:checked + .cookie-slider:before{transform:translateX(22px)}
.cookie-switch input:disabled + .cookie-slider{opacity:.65}
.cookie-modal-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;width:100%;margin-top:16px;padding-top:14px;border-top:1px solid rgba(58,133,171,.25)}
.cookie-modal-actions .btn{width:auto;flex:0 0 auto;min-width:0}
.cookie-modal-actions .btn.no-arrow:after{display:none}
@media(max-width:700px){.cookie-modal-actions{flex-wrap:wrap}.cookie-modal-actions .btn{width:auto}}
/* Professional visual hierarchy */
.card:before,.decision-card:after,.operating-model article:before,.value-matrix article:before,.solution-card:before{width:52px;box-shadow:none}.card:after,.operating-model article:after,.solution-card:after{width:12px;height:12px}
.badge,.audience-tags span{border-radius:4px;clip-path:none}.api-console-foot span,.api-capability .status{border-radius:5px}
.architecture-figure{min-height:0}.architecture-figure img{max-height:620px;object-fit:contain}
/* Responsive header */
@media(max-width:1280px){.nav-v6{gap:16px}.nav-v6 .nav-links a{padding-inline:7px;font-size:12px}.developer-trigger small,.portal-cta small{display:none}.developer-trigger,.portal-cta{height:48px}.portal-cta{min-width:148px}.lang-switch{width:48px;min-width:48px;height:48px}}
@media(max-width:1180px){.trust-bar-inner span:nth-of-type(4),.trust-bar-inner span:nth-of-type(5){display:none}.nav-v6{grid-template-columns:auto 1fr auto}.nav-v6 .nav-links{display:none;position:absolute;top:100%;left:0;right:0;width:auto;transform:none;box-sizing:border-box;padding:16px 24px 22px;background:rgba(2,13,23,.99);border-bottom:1px solid rgba(42,118,154,.45);flex-direction:column;align-items:stretch;box-shadow:0 24px 50px rgba(0,0,0,.45);z-index:5}.nav-v6 .nav-links.open{display:flex}.nav-v6 .nav-links a{padding:12px 10px;font-size:14px}.nav-v6 .nav-links a:after{left:10px;right:auto;width:34px}.menu-toggle{display:flex}.nav-v6 .nav-actions{justify-self:end}.mobile-only{display:block}}
@media(max-width:820px){.trust-bar{display:none}.nav-v6{height:72px}.developer-entry{display:none}.portal-cta{min-width:52px;width:52px;padding:0;justify-content:center}.portal-cta span,.portal-cta .portal-arrow{display:none}.nav-v6 .brand span small{display:none}}
@media(max-width:560px){.nav-v6 .brand-tech{font-size:20px}.nav-v6 .brand-mark{width:38px;height:38px}.nav-v6 .brand-mark img{width:36px;height:36px}.nav-v6 .lang-switch{display:none}.portal-cta,.menu-toggle{width:46px;min-width:46px;height:46px}.nav-v6{gap:10px}.developer-menu{width:min(390px,calc(100vw - 24px))}}

/* =============================================================
   V7 HEADER, FOOTER & SEO SHELL — ENTERPRISE TECHNOLOGY SYSTEM
   ============================================================= */
.v7-header{background:rgba(1,8,15,.96);box-shadow:0 14px 42px rgba(0,0,0,.34);border-bottom:1px solid rgba(41,124,165,.30)}
.v7-header .trust-bar{height:36px;border-bottom:1px solid rgba(42,118,154,.30);background:linear-gradient(90deg,#03111c,#041724 60%,#03111c)}
.v7-header .trust-bar-inner{height:100%;display:flex;align-items:center;gap:22px;color:#86a5b5;font:650 clamp(10px,.95vw,12px)/1.1 var(--font-sans);letter-spacing:.035em;white-space:nowrap}
.v7-header .trust-brand{font-weight:780;color:#b4fbe8;letter-spacing:.065em}.v7-header .trust-brand i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(57,230,168,.6)}
.v7-header .trust-bar-inner a{margin-left:auto;display:inline-flex;align-items:center;gap:7px;color:#9beaff;font-weight:700}.v7-header .trust-bar-inner a .ico{width:14px;height:14px}
.nav-v7{height:78px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}
.nav-v7 .brand-tech{font-size:23px;gap:10px}.nav-v7 .brand-mark{width:44px;height:44px}.nav-v7 .brand-mark:before{display:none}.nav-v7 .brand-mark img{width:42px;height:42px}.nav-v7 .brand span small{font-size:8px;letter-spacing:.13em;color:#7897a8}
.nav-v7 .nav-links{display:flex;justify-content:center;gap:2px;margin:0;min-width:0}
.nav-v7 .nav-links>a{position:relative;padding:14px 11px 13px;color:#a9bdca;font-size:13px;font-weight:610;white-space:nowrap;border-radius:5px;background:transparent}
.nav-v7 .nav-links>a:after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:2px;background:transparent;transition:.2s}
.nav-v7 .nav-links>a:hover{color:#eefaff;background:rgba(22,215,255,.04)}
.nav-v7 .nav-links>a.active{color:#fff;background:rgba(22,215,255,.055)}.nav-v7 .nav-links>a.active:after{background:linear-gradient(90deg,var(--cyan),var(--teal));box-shadow:0 0 12px rgba(22,215,255,.28)}
.nav-v7 .nav-actions{display:flex;align-items:center;gap:8px}
.v7-header .developer-entry{position:relative}.v7-header .developer-trigger,.v7-header .portal-cta,.v7-header .lang-switch,.v7-header .menu-toggle{height:54px;border:1px solid rgba(51,128,166,.66);background:linear-gradient(180deg,rgba(7,28,45,.98),rgba(3,15,25,.98));color:#dff7ff;border-radius:6px;box-shadow:inset 0 1px rgba(142,225,255,.05);transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.v7-header .developer-trigger{display:flex;align-items:center;gap:9px;padding:7px 12px;cursor:pointer}.v7-header .developer-trigger>.ico{width:20px;height:20px;color:#76e9ff}.v7-header .developer-trigger span,.v7-header .portal-cta span{display:grid;gap:2px;text-align:left}.v7-header .developer-trigger small,.v7-header .portal-cta small{font:720 8px var(--font-sans);letter-spacing:.105em;color:#82a5b7;text-transform:uppercase}.v7-header .developer-trigger strong,.v7-header .portal-cta strong{font-size:13px;line-height:1.15;white-space:nowrap}.v7-header .developer-trigger .chevron{width:12px;height:12px;transform:rotate(90deg);opacity:.68;transition:transform .2s}.v7-header .developer-entry.open .developer-trigger .chevron{transform:rotate(-90deg)}
.v7-header .developer-trigger:hover,.v7-header .developer-trigger:focus-visible,.v7-header .portal-cta:hover,.v7-header .portal-cta:focus-visible,.v7-header .lang-switch:hover,.v7-header .lang-switch:focus-visible{border-color:var(--cyan);background:linear-gradient(180deg,rgba(8,39,59,.98),rgba(4,20,32,.98));box-shadow:0 0 0 1px rgba(22,215,255,.08),0 10px 28px rgba(0,80,118,.18)}
.v7-header .developer-menu{position:absolute;right:0;top:calc(100% + 10px);width:430px;padding:10px;background:rgba(2,12,21,.99);border:1px solid rgba(49,127,166,.72);border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.58);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s;z-index:20}
.v7-header .developer-entry.open .developer-menu{opacity:1;visibility:visible;transform:none}.v7-header .developer-menu:before{content:"";position:absolute;top:-6px;right:38px;width:10px;height:10px;background:#041522;border-left:1px solid rgba(49,127,166,.72);border-top:1px solid rgba(49,127,166,.72);transform:rotate(45deg)}
.developer-menu-head{padding:11px 12px 12px;border-bottom:1px solid rgba(48,111,147,.34);display:grid;gap:3px}.developer-menu-head span{font-weight:800}.developer-menu-head small{color:#7998aa;font-size:11px}
.v7-header .developer-menu a{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;padding:12px;border-radius:5px;border:1px solid transparent}.v7-header .developer-menu a:hover,.v7-header .developer-menu a:focus-visible{background:rgba(22,215,255,.055);border-color:rgba(22,215,255,.24)}.v7-header .developer-menu a>.ico{width:22px;height:22px;color:#61ddfa}.v7-header .developer-menu a span{display:grid}.v7-header .developer-menu strong{font-size:13px}.v7-header .developer-menu small{font-size:10.5px;color:#7998aa;margin-top:2px}.v7-header .developer-menu-cta{margin-top:5px;background:linear-gradient(90deg,rgba(22,215,255,.07),rgba(37,230,212,.035));border-color:rgba(22,215,255,.25)!important}
.v7-header .portal-cta{min-width:178px;padding:7px 12px;gap:9px;display:flex;align-items:center;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border-radius:0}.v7-header .portal-cta>.ico{width:20px;height:20px;color:#8af4ff}.v7-header .portal-cta .portal-arrow{width:13px!important;margin-left:auto}.v7-header .portal-cta:hover{transform:none}
.v7-header .lang-switch{width:auto;min-width:62px;padding:0 11px;display:flex;gap:6px;align-items:center;justify-content:center;font:800 12px var(--font-sans)}.v7-header .lang-switch .ico{width:18px;height:18px;color:#77dff7}
.v7-header .menu-toggle{width:46px;min-width:46px;height:46px;min-height:46px;padding:10px;display:none;flex-direction:column;justify-content:center;gap:4px;box-sizing:border-box}.v7-header .menu-toggle span{height:2px;background:var(--cyan);width:100%;transition:.2s}
.mobile-nav-group{padding:12px 10px;border-top:1px solid rgba(42,110,146,.28)}.mobile-nav-group b{display:block;color:#75e8ff;font-size:12px;margin-bottom:6px}.mobile-nav-group a{display:flex!important;align-items:center;gap:10px;padding:8px 0!important;background:none!important}.mobile-nav-group a .ico{width:18px;height:18px;color:#5eddf7;flex:none}

/* Conversion dock before the footer */
.conversion-dock{padding:42px 0;background:linear-gradient(135deg,rgba(5,34,55,.97),rgba(2,14,24,.98));border-top:1px solid rgba(43,127,166,.38);border-bottom:1px solid rgba(43,127,166,.32)}
.conversion-dock-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:center}.conversion-dock h2{font-size:clamp(28px,3.2vw,40px);line-height:1.08;margin:0 0 10px}.conversion-dock p{margin:0;max-width:820px;color:#a9bfcc}.conversion-dock .actions{margin:0;justify-content:flex-end}

/* Footer: business-grade information architecture */
.v7-footer{padding:0;background:#01070d;border-top:0}
.capability-rail{border-bottom:1px solid rgba(36,113,153,.30);background:#03101b}.capability-rail .container{display:grid;grid-template-columns:repeat(5,1fr)}.capability-rail a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;color:#82a9bb;border-right:1px solid rgba(36,113,153,.22);font:740 10px var(--font-sans);letter-spacing:.08em}.capability-rail a:first-child{border-left:1px solid rgba(36,113,153,.22)}.capability-rail a:hover,.capability-rail a:focus-visible{color:#a7f7e3;background:rgba(22,215,255,.045)}.capability-rail .ico{width:19px;height:19px;color:#56dff9}
.footer-main{padding-top:54px}.footer-grid-v7{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:42px}.footer-identity>p{color:#8fa9ba;max-width:390px;font-size:14px}.footer-identity address{font-style:normal;color:#a8bfcd;font-size:13px;line-height:1.65;margin:20px 0}.footer-identity address strong{display:block;color:#e7f6ff;margin-bottom:4px}
.footer-contact-list{display:grid;gap:7px}.footer-contact-list>a{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;color:#a4becc;padding:7px 0}.footer-contact-list>a:hover{color:#c8f7ff}.footer-contact-list .ico{width:19px;height:19px;color:#5eddf7}.footer-contact-list span{display:grid}.footer-contact-list small{font-size:10px;color:#718e9f}.footer-contact-list strong{font-size:13px}
.footer-column{display:flex;flex-direction:column}.footer-column h3{font-size:13px;letter-spacing:.035em;margin:6px 0 15px;color:#f0f9ff}.footer-column a,.footer-link-button{display:block;color:#8fa9ba;font-size:13px;margin:5px 0;padding:2px 0;background:none;border:0;text-align:left;cursor:pointer}.footer-column a:hover,.footer-link-button:hover{color:var(--cyan)}
.footer-service-strip{display:grid;grid-template-columns:1fr 1.5fr auto;gap:16px;align-items:center;margin-top:38px;padding:16px 18px;border:1px solid rgba(39,108,145,.42);background:#03111d;border-radius:7px}.footer-service-strip>div{display:grid;gap:2px}.footer-service-strip span{font-size:10px;color:#718d9e}.footer-service-strip strong{font-size:12px;color:#d2e5ef}.footer-service-strip>a{display:flex;align-items:center;gap:6px;color:#76e9ff;font-size:12px;font-weight:750}.footer-service-strip .ico{width:14px;height:14px}
.footer-bottom-v7{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid rgba(44,103,142,.25);margin-top:30px;padding:22px 0 28px;color:#718ba0;font-size:clamp(11px,1vw,12px)}.footer-bottom-v7>div{display:flex;gap:16px;flex-wrap:wrap}.footer-bottom-v7 nav{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-end}.footer-bottom-v7 a:hover{color:var(--cyan)}

@media(max-width:1280px){.nav-v7{gap:15px}.nav-v7 .nav-links>a{padding-inline:8px;font-size:12px}.v7-header .developer-trigger small,.v7-header .portal-cta small{display:none}.v7-header .developer-trigger,.v7-header .portal-cta{height:50px}.v7-header .portal-cta{min-width:138px}.v7-header .lang-switch{min-width:54px;height:50px;padding:0 9px}}
@media(max-width:1320px){.v7-header .trust-bar-inner span:nth-of-type(4),.v7-header .trust-bar-inner span:nth-of-type(5){display:none}.nav-v7{grid-template-columns:auto 1fr auto}.nav-v7 .nav-links{display:none;position:absolute;top:100%;left:0;right:0;width:auto;max-width:none;transform:none;box-sizing:border-box;padding:18px 24px 24px;background:rgba(2,13,23,.995);border-bottom:1px solid rgba(42,118,154,.45);flex-direction:column;align-items:stretch;box-shadow:0 24px 50px rgba(0,0,0,.45);z-index:5}.nav-v7 .nav-links.open{display:flex}.nav-v7 .nav-links>a{padding:12px 10px;font-size:14px}.nav-v7 .nav-links>a:after{left:10px;right:auto;width:34px}.v7-header .menu-toggle{display:flex}.v7-header .developer-entry{display:none}.v7-header .portal-cta{display:none}.nav-v7 .nav-actions{justify-self:end}.mobile-only{display:block}.footer-grid-v7{grid-template-columns:1.35fr repeat(3,1fr);gap:26px}}
@media(max-width:920px){.conversion-dock-inner{grid-template-columns:1fr}.conversion-dock .actions{justify-content:flex-start}.footer-grid-v7{grid-template-columns:1.2fr 1fr 1fr}.footer-column:last-child{grid-column:2/4}.footer-service-strip{grid-template-columns:1fr 1fr}.footer-service-strip>a{grid-column:1/-1}.capability-rail .container{overflow:auto;grid-template-columns:repeat(5,minmax(160px,1fr))}}
@media(max-width:820px){.v7-header .trust-bar{display:none}.nav-v7{height:72px}.v7-header .developer-entry{display:none}.v7-header .portal-cta{min-width:50px;width:50px;padding:0;justify-content:center}.v7-header .portal-cta span,.v7-header .portal-cta .portal-arrow{display:none}.nav-v7 .brand span small{display:none}.footer-grid-v7{grid-template-columns:1fr 1fr}.footer-identity{grid-column:1/-1}.footer-column:last-child{grid-column:auto}.footer-bottom-v7{align-items:flex-start;flex-direction:column}.footer-bottom-v7 nav{justify-content:flex-start}}
@media(max-width:620px){.nav-v7 .brand-tech{font-size:20px}.nav-v7 .brand-mark{width:38px;height:38px}.nav-v7 .brand-mark img{width:36px;height:36px}.v7-header .portal-cta{width:36px;min-width:36px;height:36px}.nav-v7{gap:9px}.v7-header .developer-menu{width:min(430px,calc(100vw - 24px))}.conversion-dock{padding:34px 0}.conversion-dock .actions{width:100%}.footer-grid-v7{grid-template-columns:1fr;gap:20px}.footer-identity,.footer-column:last-child{grid-column:auto}.footer-column{border-top:1px solid rgba(41,105,140,.28);padding-top:17px}.footer-service-strip{grid-template-columns:1fr}.footer-service-strip>a{grid-column:auto}.capability-rail .container{width:100%;padding:0 12px}.capability-rail a{min-height:50px}.footer-bottom-v7{padding-bottom:22px}}
.anchor-target{display:block;position:relative;top:-120px;visibility:hidden}


/* KioWare V8 — coherent enterprise technology design system */
:root{
  --kw-bg:#020b14;--kw-panel:#061521;--kw-panel-2:#081c2b;--kw-line:rgba(66,151,193,.38);
  --kw-cyan:#20d9f2;--kw-teal:#40e0bd;--kw-blue:#5aa8ff;--kw-text:#edf8ff;--kw-muted:#9bb7c8;
  --kw-radius-control:6px;--kw-radius-panel:10px;--kw-radius-card:12px;--kw-cut:8px;
  --kw-shadow:0 18px 52px rgba(0,0,0,.26);--kw-max:1240px;
}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 5%,rgba(26,112,157,.12),transparent 32%),linear-gradient(180deg,#020a12,#03101b 45%,#020a12);color:var(--kw-text)}
.container{width:min(calc(100% - 36px),var(--kw-max))}
/* Unified geometry: no oversized SaaS rounding. */
.card,.decision-card,.operating-model article,.value-matrix article,.solution-card,.metric-band>div,.spec-grid>div,.trust-facts>div,.product-card,.timeline>div,.notice,.company-card,.contact-card,.contact-form,.cta,.api-console,.api-capability,.tech-metric,.seo-faq details,.table-wrap,.code-panel,.source-list a,.visual,.outcome-image,.tech-shot,.gallery-card,.asset-shell,.conversion-dock-inner{border-radius:var(--kw-radius-card)!important}
.cookie-banner.cookie-banner-shell{border-radius:0!important}
.badge,.audience-tags span,.status-chip,.kicker,.tag{border-radius:var(--kw-radius-control)!important}
.btn,.developer-trigger,.portal-cta,.lang-switch,.menu-toggle,.arch-tabs button,.contact-form input,.contact-form textarea,.contact-form select,.footer-link-button{border-radius:var(--kw-radius-control)!important}
.product-card,.solution-card,.card,.api-capability,.seo-card{border:1px solid var(--kw-line);background:linear-gradient(145deg,rgba(8,31,48,.95),rgba(3,14,23,.98));box-shadow:var(--kw-shadow)}
.product-card:hover,.solution-card:hover,.card:hover,.api-capability:hover,.seo-card:hover{border-color:rgba(32,217,242,.68);transform:translateY(-2px)}
.btn{clip-path:polygon(var(--kw-cut) 0,100% 0,100% calc(100% - var(--kw-cut)),calc(100% - var(--kw-cut)) 100%,0 100%,0 var(--kw-cut));font-weight:760}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--kw-cyan);outline-offset:3px}
/* Header/footer refinement */
.v7-header .nav-v7{min-height:78px}.v7-header .nav-links a{font-weight:620;letter-spacing:0}.v7-header .nav-links a.active{font-weight:760}.trust-bar{font-size:clamp(10px,.95vw,12px)}.trust-bar-inner{min-height:36px}.portal-cta{min-width:186px}.portal-cta strong{font-size:13px}.lang-switch{min-width:50px}
.site-footer{background:linear-gradient(180deg,rgba(3,14,24,.96),#01070c)}.footer-grid-v7{gap:34px}.footer-column a{padding:5px 0}.footer-service-strip{border-radius:var(--kw-radius-panel)}
/* SEO and executive content modules */
.seo-section{padding:76px 0;border-top:1px solid rgba(62,136,176,.22)}
.seo-section.alt{background:linear-gradient(180deg,rgba(6,24,38,.62),rgba(2,11,18,.2))}
.seo-section h2{max-width:820px;margin:0 0 16px;font-size:clamp(28px,3.2vw,46px);line-height:1.08}.seo-section>.container>p.lead,.seo-intro{max-width:880px;color:var(--kw-muted);font-size:clamp(15px,1.3vw,16px);line-height:1.7}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.seo-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.seo-card{padding:24px;position:relative;overflow:hidden}.seo-card:before{content:"";position:absolute;left:0;top:0;width:58px;height:2px;background:linear-gradient(90deg,var(--kw-cyan),transparent)}.seo-card h3{font-size:19px;margin:0 0 10px}.seo-card p,.seo-card li{color:var(--kw-muted);line-height:1.65}.seo-card ul{padding-left:18px;margin:12px 0 0}.seo-card .ico{color:var(--kw-cyan);width:24px;height:24px;margin-bottom:14px}
.value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(65,147,187,.28);border:1px solid rgba(65,147,187,.32);border-radius:var(--kw-radius-card);overflow:hidden;margin-top:30px}.value-strip>div{background:#061421;padding:22px}.value-strip strong{display:block;font-size:18px}.value-strip span{color:var(--kw-muted);font-size:13px}
.flow-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:30px;counter-reset:flow}.flow-step{border:1px solid var(--kw-line);background:#051522;padding:18px;min-height:150px;border-radius:var(--kw-radius-panel);counter-increment:flow}.flow-step:before{content:counter(flow,decimal-leading-zero);display:block;color:var(--kw-cyan);font:800 12px var(--font-sans);margin-bottom:18px}.flow-step strong{display:block;margin-bottom:8px}.flow-step span{color:var(--kw-muted);font-size:13px;line-height:1.55}
.architecture-matrix{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;margin-top:30px}.architecture-panel{border:1px solid var(--kw-line);background:linear-gradient(145deg,#071b2a,#03101b);padding:25px;border-radius:var(--kw-radius-card)}.architecture-panel code,.endpoint{font:700 12px var(--font-mono);color:#8cecff}.architecture-panel h3{margin:12px 0}.architecture-panel p{color:var(--kw-muted);line-height:1.65}
.spec-table{width:100%;border-collapse:collapse;margin-top:26px;background:#04131f;border:1px solid var(--kw-line);border-radius:var(--kw-radius-card);overflow:hidden}.spec-table th,.spec-table td{text-align:left;padding:15px 17px;border-bottom:1px solid rgba(63,137,174,.22);vertical-align:top}.spec-table th{width:30%;color:#bdefff;font-size:13px}.spec-table td{color:var(--kw-muted)}
.proof-list{display:grid;gap:10px;margin-top:20px}.proof-list li{list-style:none;display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--kw-muted)}.proof-list li:before{content:"✓";color:var(--kw-teal);font-weight:800}
.asset-downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.asset-download{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid var(--kw-line);background:#051522;border-radius:var(--kw-radius-card)}.asset-download .ico{width:24px;height:24px;color:var(--kw-cyan);flex:none}.asset-download strong{display:block}.asset-download small{display:block;color:var(--kw-muted);margin-top:5px}.asset-download a{color:#8cecff}
.persona-cta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.persona-cta article{padding:26px;border:1px solid var(--kw-line);background:linear-gradient(145deg,rgba(10,35,53,.96),rgba(3,15,24,.99));border-radius:var(--kw-radius-card)}.persona-cta h3{margin:0 0 8px}.persona-cta p{color:var(--kw-muted)}
.related-pages{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.related-pages a{padding:10px 13px;border:1px solid rgba(69,148,188,.42);border-radius:var(--kw-radius-control);color:#c9efff;background:rgba(5,23,37,.75)}
.callout{padding:22px;border-left:3px solid var(--kw-cyan);background:rgba(7,31,48,.72);color:var(--kw-muted);margin:24px 0;border-radius:0 var(--kw-radius-panel) var(--kw-radius-panel) 0}.callout strong{color:var(--kw-text)}
/* Content readability */
.hero p,.executive-hero p{max-width:70ch}.seo-faq summary{font-weight:700}.seo-faq details{background:#061521;border:1px solid var(--kw-line)}
/* Cookie center */
.cookie-preference-grid{display:grid;gap:10px;margin:14px 0}.cookie-option{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid rgba(58,133,171,.32);border-radius:var(--kw-radius-control)}.cookie-option small{display:block;color:var(--kw-muted)}
/* Responsive */
@media(max-width:1050px){.seo-grid.four{grid-template-columns:repeat(2,1fr)}.flow-steps{grid-template-columns:repeat(3,1fr)}.architecture-matrix{grid-template-columns:1fr}.asset-downloads{grid-template-columns:1fr 1fr}.value-strip{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.seo-section{padding:54px 0}.seo-grid,.seo-grid.two,.seo-grid.four,.persona-cta{grid-template-columns:1fr}.flow-steps{grid-template-columns:1fr 1fr}.asset-downloads{grid-template-columns:1fr}.value-strip{grid-template-columns:1fr}.spec-table th,.spec-table td{display:block;width:auto}.spec-table th{padding-bottom:5px}.spec-table td{padding-top:5px}.v7-header .nav-v7{min-height:70px}}
@media(max-width:480px){.flow-steps{grid-template-columns:1fr}.container{width:min(calc(100% - 24px),var(--kw-max))}}


/* KioWare V9 — total platform release: dense enterprise layout, square brand system, P0/P1/P2 */
:root{
 --kw-bg-0:#01070d;--kw-bg-1:#020d17;--kw-bg-2:#041727;--kw-panel:#061927;--kw-panel-2:#082238;
 --kw-line:rgba(70,156,198,.40);--kw-line-strong:rgba(31,213,242,.68);--kw-text:#eef9ff;--kw-muted:#9eb9c9;
 --kw-cyan:#20d9f2;--kw-teal:#3de2bd;--kw-blue:#57a7ff;--kw-green:#39e2a2;--kw-amber:#ffc65b;--kw-red:#ff7180;
 --kw-radius-control:5px;--kw-radius-panel:8px;--kw-radius-card:10px;--kw-cut:7px;--kw-max:1320px;
 --kw-section:64px;--kw-section-mobile:42px;--kw-shadow:0 16px 46px rgba(0,0,0,.28);
}
body{background:radial-gradient(circle at 75% 0,rgba(27,115,161,.12),transparent 30%),linear-gradient(180deg,var(--kw-bg-0),var(--kw-bg-1) 42%,var(--kw-bg-0));font-size:16px;line-height:1.52}
body:before{background-size:56px 56px;opacity:.16}.container{width:min(calc(100% - 40px),var(--kw-max))}
.section,.seo-section{padding:var(--kw-section) 0}.page-hero{padding:64px 0 52px;min-height:0}.page-hero.compact{padding:52px 0 40px}.executive-hero{padding:62px 0 48px;min-height:0}.hero-grid,.executive-grid{gap:34px}.section-head{margin-bottom:24px}.actions{margin-top:20px}.card,.seo-card,.solution-card,.product-card,.notice,.visual,.tech-shot,.outcome-image,.gallery-card,.table-wrap,.code-panel,.api-console,.api-capability,.contact-card,.contact-form,.cta,.conversion-dock-inner,.calculator-shell,.architecture-panel,.flow-step,.asset-download,.persona-cta article{border-radius:var(--kw-radius-card)!important}
.card,.seo-card,.solution-card,.product-card,.api-capability{padding:20px}.grid{gap:14px}.grid.three,.seo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four,.seo-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.seo-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card h3,.seo-card h3{margin:10px 0 6px}.card p,.seo-card p{margin-bottom:12px}.lead,.section-intro,.seo-intro{font-size:clamp(15px,1.3vw,16px);line-height:1.62}.page-hero h1{font-size:clamp(38px,4.4vw,65px);margin-bottom:16px}.page-hero.compact h1{font-size:clamp(34px,3.7vw,65px)}
/* square brand lockup */
.brand-tech{gap:11px!important}.brand-mark{width:48px!important;height:48px!important;min-width:48px!important;aspect-ratio:1/1;border:1px solid rgba(32,217,242,.50);background:linear-gradient(145deg,rgba(11,48,69,.92),rgba(3,18,29,.96));display:grid;place-items:center;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:inset 0 0 20px rgba(32,217,242,.06)}
.brand-mark:before{display:none!important}.brand-mark img{width:36px!important;height:36px!important;object-fit:contain}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:23px;letter-spacing:-.025em}.brand-copy small{margin-top:6px;font:760 8px var(--font-sans);letter-spacing:.12em;color:#82a7ba}
/* Header + footer: wordmark KIOWARE (ẩn text trùng) */
.v7-header .brand-tech,
.nav-v7 .brand-tech,
.v11-footer-brand{
  gap:0!important;
}
.v7-header .brand-tech .brand-copy,
.nav-v7 .brand-tech .brand-copy,
.v11-footer-brand .brand-copy{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.v7-header .brand-tech .brand-mark,
.nav-v7 .brand-tech .brand-mark,
.v11-footer-brand .brand-mark{
  width:auto!important;
  height:28px!important;
  min-width:0!important;
  aspect-ratio:auto!important;
  border:0!important;
  background:transparent!important;
  clip-path:none!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center;
  padding:0;
  overflow:visible;
}
.v7-header .brand-tech .brand-mark img,
.nav-v7 .brand-tech .brand-mark img,
.v11-footer-brand .brand-mark img{
  width:auto!important;
  height:28px!important;
  max-height:28px;
  max-width:min(168px,36vw);
  object-fit:contain;
  background:transparent!important;
  image-rendering:auto;
}
@media(max-width:620px){
  .v7-header .brand-tech .brand-mark,
  .nav-v7 .brand-tech .brand-mark,
  .v11-footer-brand .brand-mark{height:24px!important;width:auto!important;min-width:0!important;aspect-ratio:auto!important}
  .v7-header .brand-tech .brand-mark img,
  .nav-v7 .brand-tech .brand-mark img,
  .v11-footer-brand .brand-mark img{height:24px!important;width:auto!important;max-width:min(140px,42vw)}
}
@media(max-width:470px){
  .v7-header .brand-tech .brand-mark,
  .nav-v7 .brand-tech .brand-mark,
  .v11-footer-brand .brand-mark{height:22px!important;width:auto!important;min-width:0!important;aspect-ratio:auto!important}
  .v7-header .brand-tech .brand-mark img,
  .nav-v7 .brand-tech .brand-mark img,
  .v11-footer-brand .brand-mark img{height:22px!important;width:auto!important;max-width:min(128px,46vw)}
}
/* header density and hierarchy */
.trust-bar{font-size:clamp(10px,.95vw,12px)}.trust-bar-inner{min-height:32px}.trust-bar-inner>span{white-space:nowrap}.v7-header .nav-v7{min-height:72px;height:72px;gap:14px}.nav-links a{padding:11px 9px;font-size:12px}.developer-trigger{min-height:48px;padding:7px 11px}.portal-cta{min-height:48px;min-width:176px}.lang-switch,.search-switch,.menu-toggle{width:46px;height:46px;min-width:46px}.search-switch{display:grid;place-items:center;border:1px solid #287aa8;background:#041726;color:#dff8ff;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.search-switch .ico{width:19px;height:19px}.developer-menu{border-radius:var(--kw-radius-card)}
/* dense information modules */
.density-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:rgba(65,147,187,.30);border:1px solid var(--kw-line);border-radius:var(--kw-radius-card);overflow:hidden;margin-top:24px}.density-strip>article{background:#051522;padding:17px}.density-strip strong{display:block;font-size:15px}.density-strip span{display:block;margin-top:4px;color:var(--kw-muted);font-size:12px;line-height:1.45}.density-strip .ico{width:20px;height:20px;color:var(--kw-cyan);margin-bottom:10px}
.compact-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.compact-matrix article{border:1px solid var(--kw-line);background:linear-gradient(145deg,#071b2a,#03101b);padding:18px;border-radius:var(--kw-radius-card)}.compact-matrix h3{font-size:16px;margin:0 0 6px}.compact-matrix p{font-size:13px;color:var(--kw-muted);margin:0}.compact-matrix .ico{width:22px;height:22px;color:var(--kw-cyan);margin-bottom:11px}
.arch-stack{display:grid;gap:8px;margin-top:22px}.arch-row{display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:18px;padding:14px 16px;border:1px solid var(--kw-line);background:#051522;border-radius:var(--kw-radius-panel)}.arch-row strong{font-size:14px}.arch-row p{margin:0;color:var(--kw-muted);font-size:13px;max-width:none}.arch-row code{font:760 11px var(--font-mono);color:#8cecff}.arch-row .tag{border:1px solid rgba(32,217,242,.34);padding:5px 8px;color:#bfefff;font-size:10px}
/* square product and architecture visuals */
.visual,.product-card,.architecture-panel{overflow:hidden}.visual img{border-radius:6px}.hero-art{height:470px}.hero-screen{border-radius:8px}.product-card{grid-template-columns:165px 1fr;gap:19px}.product-card h3{font-size:24px}.product-card img{max-height:320px}
/* Footer: compact enterprise directory */
.capability-rail a{min-height:46px}.footer-main{padding-top:38px}.footer-grid-v7{grid-template-columns:1.25fr repeat(3,1fr);gap:26px}.footer-column h3{font-size:13px;margin-bottom:12px}.footer-column a{font-size:13px;padding:4px 0}.footer-identity p,.footer-identity address{font-size:13px}.footer-contact-list{gap:7px}.footer-contact-list a{padding:9px 10px}.footer-service-strip{margin-top:24px;padding:14px}.footer-bottom-v7{padding:18px 0}.footer-ops-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.footer-ops-links a{font-size:11px;color:#9fd8ec;border:1px solid rgba(63,139,177,.34);padding:6px 8px;border-radius:var(--kw-radius-control)}
/* Search */
.search-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:22px 0}.search-shell input{min-height:52px;border:1px solid var(--kw-line);background:#041522;color:var(--kw-text);border-radius:var(--kw-radius-control);padding:0 16px}.search-results{display:grid;gap:10px}.search-result{display:grid;grid-template-columns:1fr auto;gap:20px;padding:18px;border:1px solid var(--kw-line);background:#051522;border-radius:var(--kw-radius-card)}.search-result h3{margin:0 0 4px;font-size:18px}.search-result p{margin:0;color:var(--kw-muted);font-size:13px}.search-result .tag{align-self:start}.search-empty{padding:24px;border:1px dashed var(--kw-line);color:var(--kw-muted);border-radius:var(--kw-radius-card)}
/* Status, advisories, release notes */
.status-board{display:grid;gap:10px;margin-top:24px}.status-component{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:16px 18px;border:1px solid var(--kw-line);background:#051522;border-radius:var(--kw-radius-card)}.status-component h3{margin:0 0 3px;font-size:16px}.status-component p{margin:0;color:var(--kw-muted);font-size:13px}.status-pill{font:780 10px var(--font-sans);letter-spacing:.08em;border:1px solid rgba(255,198,91,.45);color:var(--kw-amber);padding:6px 9px;border-radius:var(--kw-radius-control)}.status-pill.ok{color:var(--kw-green);border-color:rgba(57,226,162,.45)}.status-pill.alert{color:var(--kw-red);border-color:rgba(255,113,128,.45)}
.release-list{display:grid;gap:12px;margin-top:24px}.release-item{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:18px;border:1px solid var(--kw-line);background:#051522;border-radius:var(--kw-radius-card)}.release-item time{font:760 11px var(--font-sans);color:#8cecff}.release-item h3{margin:0 0 7px}.release-item ul{margin:0;padding-left:18px;color:var(--kw-muted)}
/* Booking / sandbox */
.workflow-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:24px}.workflow-panel>article{padding:22px;border:1px solid var(--kw-line);background:#051522;border-radius:var(--kw-radius-card)}.booking-form{display:grid;gap:13px}.booking-form label{display:grid;gap:6px;color:#cfe4ef;font-size:13px}.booking-form input,.booking-form select,.booking-form textarea{border:1px solid var(--kw-line);background:#03121d;color:var(--kw-text);padding:11px 12px;border-radius:var(--kw-radius-control)}.booking-form textarea{min-height:110px}.booking-status{color:#9ed9ec;font-size:13px;min-height:22px}
/* Mobile */
@media(max-width:1320px){.developer-entry{display:none}.nav-links a{padding-inline:7px}.portal-cta{min-width:160px}.density-strip{grid-template-columns:repeat(3,1fr)}.compact-matrix{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.v7-header .nav-v7{height:auto;min-height:68px}.trust-bar-inner>span:not(.trust-brand){display:none}.trust-bar-inner>a{margin-left:auto}.footer-grid-v7{grid-template-columns:1fr 1fr}.footer-identity{grid-column:1/-1}.workflow-panel{grid-template-columns:1fr}.arch-row{grid-template-columns:130px 1fr}.arch-row .tag{display:none}}
@media(max-width:760px){:root{--kw-section:var(--kw-section-mobile)}.container{width:min(calc(100% - 26px),var(--kw-max))}.page-hero,.executive-hero{padding:44px 0 36px}.grid.three,.grid.four,.seo-grid,.seo-grid.two,.seo-grid.four,.compact-matrix,.density-strip{grid-template-columns:1fr}.hero-art{height:390px}.product-card{grid-template-columns:120px 1fr}.footer-grid-v7{grid-template-columns:1fr}.footer-identity{grid-column:auto}.footer-column{border-top:1px solid rgba(65,147,187,.25);padding-top:14px}.search-result{grid-template-columns:1fr}.release-item{grid-template-columns:1fr}.arch-row{grid-template-columns:1fr}.portal-cta span,.portal-arrow{display:none}.portal-cta{width:46px;min-width:46px;padding:0;justify-content:center}.brand-copy strong{font-size:20px}.brand-copy small{font-size:7px}}
@media(max-width:470px){
  .brand-mark:not(:has(img[src*="logo-wordmark"])){width:42px!important;height:42px!important;min-width:42px!important}
  .brand-mark:not(:has(img[src*="logo-wordmark"])) img{width:31px!important;height:31px!important}
  .v7-header .brand-tech .brand-mark,
  .nav-v7 .brand-tech .brand-mark,
  .v11-footer-brand .brand-mark{height:22px!important;width:auto!important;min-width:0!important;aspect-ratio:auto!important;border:0!important;background:transparent!important;clip-path:none!important;box-shadow:none!important}
  .v7-header .brand-tech .brand-mark img,
  .nav-v7 .brand-tech .brand-mark img,
  .v11-footer-brand .brand-mark img{height:22px!important;width:auto!important;max-width:min(128px,46vw);background:transparent!important}
  .brand-copy small{display:none}.search-switch{display:none}.page-hero h1{font-size:34px}.product-card{grid-template-columns:1fr}.product-card img{max-height:240px}.footer-ops-links{display:grid}.hero-art{height:340px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* KioWare V10 — compact professional header + richer technical content */
/* Width nav = content (--kw-max); overflow visible để dropdown/menu không bị che */
.v7-header .nav-v7{width:min(calc(100% - 40px),var(--kw-max));margin-inline:auto;height:70px;min-height:70px;grid-template-columns:auto minmax(0,1fr) auto;gap:22px}
.v7-header,
.v7-header .nav-v7,
.v7-header .nav-actions,
.v7-header .developer-entry,
.v7-header .lang-entry{
  overflow:visible;
}
.v7-header .nav-links{
  min-width:0;
}
.v7-header .developer-menu,
.v7-header .lang-menu{
  z-index:400;
}
.v7-header .nav-links{margin-left:0;justify-content:flex-start;gap:3px}.v7-header .nav-links>a{font-size:13px;padding:12px 11px;color:#a8c0ce}
.v7-header .nav-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.v7-header .developer-trigger,.v7-header .portal-cta,.v7-header .lang-switch,.v7-header .search-switch,.v7-header .menu-toggle,.v7-header .lang-trigger{height:46px;min-height:46px;border-radius:6px;clip-path:none}
.v7-header .developer-trigger{min-width:142px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:9px;border-color:rgba(67,144,181,.48);background:#041522;color:#cfe8f4;box-shadow:none}
.v7-header .developer-trigger strong{font-size:13px;font-weight:680;white-space:nowrap}.v7-header .developer-trigger>.ico:first-child{width:18px;height:18px;color:#6dddf5}.v7-header .developer-trigger .developer-chevron{width:14px;height:14px;margin-left:2px;color:#7ea9bb;transition:transform .2s}.v7-header .developer-trigger[aria-expanded="true"] .developer-chevron{transform:rotate(180deg)}
.v7-header .search-switch{width:46px;min-width:46px;padding:0;display:grid;place-items:center;border:1px solid rgba(67,144,181,.42);background:#041522;color:#b9d9e7;box-shadow:none}.v7-header .search-switch .ico{width:19px;height:19px}
.v7-header .portal-cta{min-width:166px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:9px;border-color:rgba(32,217,242,.72);background:linear-gradient(180deg,rgba(8,40,59,.98),rgba(3,18,29,.98));box-shadow:inset 0 0 20px rgba(32,217,242,.035),0 8px 24px rgba(0,91,126,.10)}
.v7-header .portal-cta strong{font-size:13px;font-weight:730;white-space:nowrap}.v7-header .portal-cta>.ico:first-child{width:19px;height:19px;color:var(--kw-cyan)}.v7-header .portal-cta .portal-external{width:14px;height:14px;color:#7fb6ca;margin-left:1px}
.v7-header .lang-switch{width:auto;min-width:58px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;border-color:rgba(67,144,181,.42);background:#041522;box-shadow:none;font:750 12px/1 var(--font-sans)}.v7-header .lang-switch .ico{width:17px;height:17px;color:#76cfe7}
.v7-header .developer-trigger:hover,.v7-header .search-switch:hover,.v7-header .lang-switch:hover{border-color:rgba(32,217,242,.72);background:#062033;box-shadow:0 8px 22px rgba(0,72,100,.12)}.v7-header .portal-cta:hover{border-color:#5eeaff;background:linear-gradient(180deg,rgba(10,50,72,.98),rgba(4,23,36,.98));box-shadow:0 10px 26px rgba(0,109,145,.18)}
.v7-header .developer-trigger:focus-visible,.v7-header .search-switch:focus-visible,.v7-header .portal-cta:focus-visible,.v7-header .lang-switch:focus-visible{outline:2px solid #6feaff;outline-offset:3px}
.v7-header .brand-copy strong{font-size:24px}.v7-header .brand-copy small{letter-spacing:.10em}
.workflow-cards .seo-card{position:relative;padding-top:48px}.step-index{position:absolute;top:16px;left:18px;font:760 11px var(--font-sans);color:#70dff6;letter-spacing:.08em}.dense-proof{margin-top:24px;columns:2;column-gap:38px}.dense-proof li{break-inside:avoid;margin-bottom:10px}.inline-cta{margin-top:26px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--kw-line);background:linear-gradient(135deg,#071c2b,#03111c);border-radius:var(--kw-radius-card)}.inline-cta p{margin:5px 0 0;color:var(--kw-muted);font-size:13px}.api-domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.api-domain{padding:19px;border:1px solid var(--kw-line);background:#051522;border-radius:var(--kw-radius-card)}.api-domain h3{margin:0 0 7px;font-size:16px}.api-domain p{margin:0 0 12px;color:var(--kw-muted);font-size:13px}.api-domain code{font:740 10px var(--font-mono);color:#7fe3f7}.lifecycle-list{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(65,147,187,.28);border:1px solid var(--kw-line);border-radius:var(--kw-radius-card);overflow:hidden}.lifecycle-list li{min-height:88px;padding:16px;background:#051522;color:#dcecf4;font-size:13px}.lifecycle-list span{display:block;margin-bottom:8px;color:#71ddf5;font:760 10px var(--font-sans)}
@media(max-width:1420px){.v7-header .nav-v7{gap:14px}.v7-header .nav-links{margin-left:0}.v7-header .nav-links>a{padding-inline:8px;font-size:12px}.v7-header .developer-trigger{min-width:126px}.v7-header .portal-cta{min-width:150px}}
@media(max-width:1280px){.v7-header .search-switch{display:none}.v7-header .developer-trigger{min-width:122px}.v7-header .portal-cta{min-width:144px}}
@media(max-width:1320px){.v7-header .developer-entry{display:none}.v7-header .nav-links{margin-left:auto}.v7-header .portal-cta{min-width:148px}}
@media(max-width:900px){.v7-header .nav-v7{height:68px;min-height:68px}.dense-proof{columns:1}.api-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lifecycle-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.v7-header .nav-v7{width:min(calc(100% - 26px),var(--kw-max))}.inline-cta{align-items:flex-start;flex-direction:column}.api-domain-grid,.lifecycle-list{grid-template-columns:1fr}}

/* Ẩn "Trung tâm điều khiển" trên header (desktop + menu hamburger) */
.v7-header .portal-cta,
.site-header .portal-cta,
.nav-v7 .portal-cta,
.nav-v6 .portal-cta,
#nav .portal-link,
.nav-links .mobile-nav-group:has(.portal-link){
  display:none!important;
}


/* ========================================================================== */
/* V11 — Compact footer, full localization and reference-image library         */
/* ========================================================================== */
.v11-footer{background:linear-gradient(180deg,#020b13,#01070c);border-top:1px solid rgba(44,147,190,.22);overflow-x:clip;min-width:0;padding:0}
.v11-footer .container{min-width:0;max-width:100%}
.v11-capability-rail{background:#03101a}.v11-capability-rail .container{grid-template-columns:repeat(5,minmax(0,1fr))}
.v11-capability-rail a{min-height:40px;font-family:inherit;font-size:11px;font-weight:650;letter-spacing:.015em;text-transform:none;gap:7px;color:#9bb4c3}.v11-capability-rail a:hover,.v11-capability-rail a:focus-visible{color:#74e8ff}.v11-capability-rail .ico{width:15px;height:15px;color:#9bb4c3}
.v11-footer-main{padding-top:36px;padding-bottom:0;min-width:0}.v11-footer-grid{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr));gap:36px;align-items:start}
.v11-footer-identity{min-width:0;display:grid;gap:16px}.v11-footer-brand{margin:0}.v11-footer-brand .brand-copy small{letter-spacing:.12em;font-size:8px}
.v11-footer-contacts{list-style:none;margin:0;padding:0;display:grid;gap:12px}.v11-footer-contacts>li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;color:#9bb4c3;font-size:clamp(12px,1.1vw,14px);line-height:1.55}.v11-footer-contacts .ico{width:18px;height:18px;margin-top:1px;color:#9bb4c3}.v11-footer-contacts a{color:#9bb4c3}.v11-footer-contacts a:hover{color:#74e8ff}.v11-footer-contacts .phone-lines{display:grid;gap:2px}
.v11-footer-iso{
  display:inline-flex;
  margin-top:14px;
  width:78px;
  height:78px;
  border-radius:50%;
  overflow:hidden;
  transition:transform .2s,box-shadow .2s;
}
.v11-footer-iso img{
  width:78px;
  height:78px;
  object-fit:cover;
  display:block;
}
.v11-footer-iso:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}
.v11-footer-iso:focus-visible{
  outline:2px solid #6feaff;
  outline-offset:3px;
}
.v11-footer-group{border:0}.v11-footer-group h3{margin:4px 0 14px;color:#9bb4c3;font-size:14px;font-weight:750}.v11-footer-group nav{display:grid;gap:6px}.v11-footer-group a,.v11-footer-group .footer-link-button{padding:3px 0;color:#9bb4c3;font-size:clamp(12px,1.1vw,14px);line-height:1.45;text-align:left}.v11-footer-group a:hover,.v11-footer-group .footer-link-button:hover{color:#74e8ff}
.v11-utility-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:12px 0;border-top:1px solid rgba(43,111,147,.22);border-bottom:1px solid rgba(43,111,147,.22)}.v11-utility-row nav{display:flex;gap:14px;flex-wrap:wrap}.v11-utility-row nav a{color:#87a6b7;font-size:clamp(11px,1vw,12px)}.v11-utility-row nav a:hover{color:#73e7ff}.v11-legal{display:flex;gap:13px;align-items:center;justify-content:flex-end;flex-wrap:wrap;color:#6f8b9d;font-size:clamp(11px,1vw,12px)}.v11-legal a{color:#8cc8dc}.v11-legal a:hover{color:#73e7ff}
.v11-footer-bottom{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin-top:22px;
  padding:13px 0 17px;
  font-size:clamp(11px,1vw,12px);
  border-top:1px solid rgba(44,103,142,.25);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  color:#9bb4c3;
}
.v11-footer-bottom>div{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.v11-footer-bottom nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.v11-footer-bottom nav a{color:#9bb4c3}
.v11-footer-bottom nav a:hover{color:#74e8ff}
.v11-footer-bottom>div a{
  color:#9bb4c3;
  text-decoration:none;
  border-bottom:1px solid rgba(155,180,195,.45);
  transition:color .2s,border-color .2s;
}
.v11-footer-bottom>div a:hover{
  color:#74e8ff;
  border-bottom-color:rgba(116,232,255,.7);
}
.v7-header .lang-switch{
  width:auto;
  min-width:58px;
  height:46px;
  min-height:46px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(67,144,181,.42);
  border-radius:6px;
  background:#041522;
  color:#d8eef7;
  box-shadow:none;
  font:750 12px/1 var(--font-sans);
  text-decoration:none;
  cursor:pointer;
  pointer-events:auto;
  position:relative;
  z-index:2;
}
.v7-header .lang-switch .ico{width:17px;height:17px;color:#76cfe7}
.v7-header .lang-switch:hover{
  border-color:rgba(32,217,242,.72);
  background:#062033;
  box-shadow:0 8px 22px rgba(0,72,100,.12);
}
.v7-header .lang-switch:focus-visible{outline:2px solid #6feaff;outline-offset:3px}
.v11-footer-bottom .lang-switch{
  height:34px;
  min-width:58px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(67,144,181,.42);
  border-radius:6px;
  background:#041522;
  color:#d8eef7;
  font:650 11px/1 var(--font-sans);
  text-decoration:none;
  cursor:pointer;
  pointer-events:auto;
  position:relative;
  z-index:2;
}
.v11-footer-bottom .lang-switch .ico{width:14px;height:14px;color:#76cfe7}
.v11-footer-bottom .lang-switch:hover{
  border-color:rgba(32,217,242,.72);
  background:#062033;
  color:#74e8ff;
}
.lang-dropdown,.lang-select-wrap,.footer-lang,
.v11-footer-bottom .lang-entry,
.v11-footer-bottom .lang-switch{display:none!important}

/* Language menu — cùng style developer-menu */
.lang-entry{position:relative}
.lang-trigger{
  height:46px;
  min-height:46px;
  min-width:0;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(67,144,181,.48);
  border-radius:6px;
  background:#041522;
  color:#cfe8f4;
  box-shadow:none;
  cursor:pointer;
  font:inherit;
}
.lang-trigger>.ico:first-child{width:18px;height:18px;color:#6dddf5}
.lang-trigger .lang-flag{width:18px;height:18px}
.lang-trigger strong{font-size:13px;font-weight:680;white-space:nowrap}
.lang-trigger .lang-chevron{width:14px;height:14px;margin-left:2px;color:#7ea9bb;transition:transform .2s}
.lang-trigger[aria-expanded="true"] .lang-chevron{transform:rotate(180deg)}
.lang-trigger:hover,.lang-trigger:focus-visible{
  border-color:rgba(32,217,242,.72);
  background:#062033;
  box-shadow:0 8px 22px rgba(0,72,100,.12);
}
.lang-trigger:focus-visible{outline:2px solid #6feaff;outline-offset:3px}
.lang-menu{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  width:max-content;
  min-width:100%;
  padding:6px;
  background:rgba(2,12,21,.99);
  border:1px solid rgba(49,127,166,.72);
  border-radius:8px;
  box-shadow:0 30px 80px rgba(0,0,0,.58);
  opacity:0;
  visibility:hidden;
  transform:translateY(-5px);
  transition:.18s;
  z-index:40;
}
.lang-entry.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-menu:before{
  content:"";
  position:absolute;
  top:-6px;
  right:22px;
  width:10px;
  height:10px;
  background:#041522;
  border-left:1px solid rgba(49,127,166,.72);
  border-top:1px solid rgba(49,127,166,.72);
  transform:rotate(45deg);
}
.lang-menu a{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:8px;
  align-items:center;
  padding:8px 10px;
  border-radius:5px;
  border:1px solid transparent;
  color:inherit;
  text-decoration:none;
  white-space:nowrap;
}
.lang-menu a:hover,.lang-menu a:focus-visible,.lang-menu a[aria-current="page"]{
  background:rgba(22,215,255,.055);
  border-color:rgba(22,215,255,.24);
}
.lang-menu a>.ico{width:22px;height:22px;color:#61ddfa}
.lang-menu a .lang-flag{width:18px;height:18px}
.lang-menu a span{display:flex;align-items:center}
.lang-menu strong{font-size:13px;color:#eef8ff;line-height:1.2}
.lang-menu small{display:none!important}
.lang-flag{
  width:18px;
  height:18px;
  display:block;
  flex:none;
  border-radius:50%;
  overflow:hidden;
}
/* Language + menu toggle cùng size trên mobile */
@media(max-width:820px){
  .v7-header .lang-entry .lang-trigger,
  .v7-header .lang-trigger,
  .v7-header .menu-toggle{
    height:36px;
    min-height:36px;
  }
  .v7-header .menu-toggle{
    width:36px;
    min-width:36px;
    padding:8px;
    gap:3px;
  }
  .v7-header .lang-entry .lang-trigger,
  .v7-header .lang-trigger{
    min-width:0;
    padding:0 8px;
    gap:5px;
  }
  .v7-header .lang-trigger .lang-flag{width:15px;height:15px}
  .v7-header .lang-trigger strong{font-size:11px;font-weight:650}
  .v7-header .lang-trigger .lang-chevron{width:11px;height:11px;margin-left:0}
  .v7-header .lang-menu{
    top:calc(100% + 6px);
    padding:4px;
    border-radius:6px;
    min-width:0;
  }
  .v7-header .lang-menu:before{right:14px;top:-5px;width:8px;height:8px}
  .v7-header .lang-menu a{
    grid-template-columns:15px 1fr;
    gap:6px;
    padding:6px 8px;
    border-radius:4px;
  }
  .v7-header .lang-menu a .lang-flag{width:15px;height:15px}
  .v7-header .lang-menu strong{font-size:11px}
}
@media(max-width:620px){
  .v7-header .lang-entry .lang-trigger,
  .v7-header .lang-trigger,
  .v7-header .menu-toggle{
    width:36px;
    min-width:36px;
    height:36px;
    min-height:36px;
  }
  .v7-header .lang-entry .lang-trigger,
  .v7-header .lang-trigger{
    padding:0;
    gap:0;
  }
  /* Chỉ còn cờ — tiết kiệm chỗ cạnh hamburger */
  .v7-header .lang-trigger strong,
  .v7-header .lang-trigger .lang-chevron{display:none}
  .v7-header .lang-trigger .lang-flag{width:16px;height:16px}
  .v7-header .lang-menu{right:-4px;min-width:132px}
  .v7-header .nav-actions{gap:6px}
}
.v11-footer-bottom .lang-trigger{height:34px;min-height:34px;min-width:140px;padding:0 10px}
.v11-footer-bottom .lang-trigger strong{font-size:11px;font-weight:650}
.v11-footer-bottom .lang-trigger>.ico:first-child{width:14px;height:14px}
.v11-footer-bottom .lang-trigger .lang-chevron{width:12px;height:12px}
.v11-footer-bottom .lang-menu{
  top:auto;
  bottom:calc(100% + 10px);
  transform:translateY(5px);
}
.v11-footer-bottom .lang-entry.open .lang-menu{transform:none}
.v11-footer-bottom .lang-menu:before{
  top:auto;
  bottom:-6px;
  border-left:0;
  border-top:0;
  border-right:1px solid rgba(49,127,166,.72);
  border-bottom:1px solid rgba(49,127,166,.72);
}
.interface-library-section{padding-top:56px;padding-bottom:56px}.interface-library-grid{display:grid;gap:16px}.landscape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portrait-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.library-card{margin:0;overflow:hidden;border:1px solid rgba(52,139,180,.3);background:#04111c;border-radius:10px;box-shadow:0 15px 38px rgba(0,0,0,.18)}.library-card a{display:block;overflow:hidden;background:#020810}.library-card.landscape img{aspect-ratio:16/9}.library-card.portrait img{aspect-ratio:9/16}.library-card img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .25s ease,filter .25s ease}.library-card:hover img{transform:scale(1.015);filter:brightness(1.05)}.library-card figcaption{display:grid;gap:3px;padding:10px 12px}.library-card figcaption strong{font-size:12px;color:#e5f4fb}.library-card figcaption span{font-size:10px;color:#7895a6}
.visual-evidence-teaser{padding-top:60px;padding-bottom:60px}.visual-evidence-teaser .section-head{display:flex;justify-content:space-between;gap:24px;align-items:end}.visual-evidence-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:stretch}.visual-evidence-grid figure{margin:0;position:relative;overflow:hidden;border:1px solid rgba(50,139,181,.32);background:#020a12;border-radius:10px;min-height:340px}.visual-evidence-grid img{display:block;width:100%;height:100%;object-fit:cover}.visual-evidence-grid .portrait img{object-position:top center}.visual-evidence-grid figcaption{position:absolute;left:10px;bottom:10px;padding:7px 10px;background:rgba(1,9,16,.86);border:1px solid rgba(81,199,235,.3);border-radius:5px;color:#dff7ff;font-size:11px;font-weight:700;backdrop-filter:blur(8px)}
@media(min-width:761px){.v11-footer-group>nav{display:grid}}
@media(max-width:1000px){
  .v11-footer-grid{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:24px}
  .v11-footer-group:last-child{grid-column:2/4}
  .portrait-grid{grid-template-columns:repeat(3,1fr)}
  .landscape-grid{grid-template-columns:repeat(2,1fr)}
  .visual-evidence-grid{grid-template-columns:1.5fr 1fr 1fr}
}
@media(max-width:760px){
  /* Capability rail: scroll ngang trong rail, không đẩy rộng cả trang */
  .v11-capability-rail{overflow:hidden}
  .v11-capability-rail .container{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(148px,72vw);
    grid-template-columns:none;
    gap:0;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .v11-capability-rail a{
    min-height:44px;
    padding:8px 10px;
    white-space:normal;
    text-align:center;
    line-height:1.25;
  }
  .v11-footer-main{padding-top:24px;min-width:0}
  /* Reset grid-column từ breakpoint 1000px — tránh tạo cột ẩn trên mobile */
  .v11-footer-grid{
    grid-template-columns:minmax(0,1fr);
    gap:18px;
  }
  .v11-footer-identity,
  .v11-footer-group,
  .v11-footer-group:last-child{
    grid-column:auto;
    min-width:0;
  }
  .v11-footer-identity{padding-bottom:8px}
  .v11-footer-contacts>li{overflow-wrap:anywhere;word-break:break-word}
  .v11-footer-group{border-top:1px solid rgba(54,126,162,.25);padding-top:14px}
  .v11-footer-group h3{margin:0 0 10px}
  .v11-footer-group nav{padding:0 0 4px}
  .v11-footer-group a,
  .v11-footer-group .footer-link-button{overflow-wrap:anywhere}
  .v11-utility-row{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    min-width:0;
  }
  .v11-utility-row nav{
    display:flex;
    flex-wrap:wrap;
    gap:10px 14px;
    width:100%;
  }
  .v11-legal{
    justify-content:flex-start;
    width:100%;
    gap:8px 12px;
  }
  .v11-legal span,
  .v11-legal a{overflow-wrap:anywhere;word-break:break-word}
  .v11-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    min-width:0;
    margin-top:18px;
    border-top:1px solid rgba(44,103,142,.25);
  }
  .v11-footer-bottom>div,
  .v11-footer-bottom nav{
    width:100%;
    justify-content:flex-start;
  }
  .v11-footer-bottom nav{
    display:flex;
    flex-wrap:wrap;
    gap:10px 14px;
  }
  .footer-lang{align-self:flex-start}
  .landscape-grid,.portrait-grid{grid-template-columns:repeat(2,1fr)}
  .visual-evidence-teaser .section-head{display:block}
  .visual-evidence-grid{grid-template-columns:1fr 1fr}
  .visual-evidence-grid figure:first-child{grid-column:1/-1}
  .visual-evidence-grid figure{min-height:280px}
}
@media(max-width:470px){
  .landscape-grid,.portrait-grid{grid-template-columns:1fr}
  .visual-evidence-grid{grid-template-columns:1fr}
  .visual-evidence-grid figure,
  .visual-evidence-grid figure:first-child{grid-column:auto;min-height:300px}
  .v11-utility-row nav{display:grid;grid-template-columns:1fr;gap:8px}
  .v11-footer-bottom nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
  .v11-footer-bottom{padding-bottom:20px}
  .v11-capability-rail .container{grid-auto-columns:minmax(132px,78vw)}
}
@media(max-width:760px){.cookie-banner.cookie-banner-shell{grid-template-columns:1fr;width:100%;left:0;right:0;bottom:0;transform:none;padding:16px}.cookie-banner-shell .cookie-banner-actions{justify-content:stretch}.cookie-banner-shell .cookie-banner-actions .btn{width:100%}.cookie-modal{padding:18px 16px}}

/* ========================================================================== */
/* Form controls — select / date / time theo style project (không dùng OS UI) */
/* ========================================================================== */
.contact-form input,
.contact-form textarea,
.contact-form select,
.booking-form input,
.booking-form textarea,
.booking-form select,
.calculator-form input,
.calculator-form select{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(67,144,181,.48);
  background:#041522;
  color:#e8f4fb;
  border-radius:var(--kw-radius-control,6px);
  padding:12px 14px;
  min-height:46px;
  font:inherit;
  color-scheme:dark;
  transition:border-color .2s,background .2s,box-shadow .2s;
}
.contact-form textarea,
.booking-form textarea{min-height:120px;resize:vertical;padding-top:12px}
.contact-form input:hover,
.contact-form textarea:hover,
.contact-form select:hover,
.booking-form input:hover,
.booking-form textarea:hover,
.booking-form select:hover,
.calculator-form input:hover,
.calculator-form select:hover{
  border-color:rgba(32,217,242,.55);
  background:#062033;
}
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus,
.booking-form input:focus,
.booking-form textarea:focus,
.booking-form select:focus,
.calculator-form input:focus,
.calculator-form select:focus{
  outline:2px solid #6feaff;
  outline-offset:2px;
  border-color:rgba(32,217,242,.72);
}
.contact-form select,
.booking-form select,
.calculator-form select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2376cfe7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  cursor:pointer;
}
.contact-form input[type=date],
.contact-form input[type=time],
.booking-form input[type=date],
.booking-form input[type=time]{
  appearance:none;
  -webkit-appearance:none;
  padding-right:40px;
}
.contact-form input[type=date]::-webkit-calendar-picker-indicator,
.contact-form input[type=time]::-webkit-calendar-picker-indicator,
.booking-form input[type=date]::-webkit-calendar-picker-indicator,
.booking-form input[type=time]::-webkit-calendar-picker-indicator{
  opacity:0;
  display:none;
}
/* Number: bỏ spinner mặc định trình duyệt */
.contact-form input[type=number],
.booking-form input[type=number],
.calculator-form input[type=number]{
  -moz-appearance:textfield;
  appearance:textfield;
}
.contact-form input[type=number]::-webkit-outer-spin-button,
.contact-form input[type=number]::-webkit-inner-spin-button,
.booking-form input[type=number]::-webkit-outer-spin-button,
.booking-form input[type=number]::-webkit-inner-spin-button,
.calculator-form input[type=number]::-webkit-outer-spin-button,
.calculator-form input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

/* Consent checkbox — không dùng OS checkbox */
.contact-form .consent{
  display:flex;
  align-items:flex-start;
  gap:12px;
  cursor:pointer;
}
.contact-form .consent input[type=checkbox]{
  appearance:none;
  -webkit-appearance:none;
  width:20px;
  height:20px;
  min-height:20px;
  margin:2px 0 0;
  flex:none;
  border:1px solid rgba(67,144,181,.55);
  border-radius:4px;
  background:#041522;
  cursor:pointer;
  position:relative;
  transition:border-color .2s,background .2s,box-shadow .2s;
}
.contact-form .consent input[type=checkbox]:hover{
  border-color:rgba(32,217,242,.65);
  background:#062033;
}
.contact-form .consent input[type=checkbox]:focus-visible{
  outline:2px solid #6feaff;
  outline-offset:2px;
}
.contact-form .consent input[type=checkbox]:checked{
  border-color:rgba(32,217,242,.8);
  background:linear-gradient(180deg,rgba(8,40,59,.98),rgba(3,18,29,.98));
}
.contact-form .consent input[type=checkbox]:checked::after{
  content:"";
  position:absolute;
  left:6px;
  top:2px;
  width:5px;
  height:10px;
  border:solid #74e8ff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}

/* Search — cùng look với form controls */
.search-shell input[type=search],
.search-shell input{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(67,144,181,.48);
  background:#041522;
  color:#e8f4fb;
  border-radius:var(--kw-radius-control,6px);
  padding:12px 14px;
  min-height:52px;
  font:inherit;
  color-scheme:dark;
  transition:border-color .2s,background .2s,box-shadow .2s;
  appearance:none;
  -webkit-appearance:none;
}
.search-shell input:hover{
  border-color:rgba(32,217,242,.55);
  background:#062033;
}
.search-shell input:focus{
  outline:2px solid #6feaff;
  outline-offset:2px;
  border-color:rgba(32,217,242,.72);
}
.search-shell input::placeholder{color:#7f9aab}
.search-shell input[type=search]::-webkit-search-decoration,
.search-shell input[type=search]::-webkit-search-cancel-button,
.search-shell input[type=search]::-webkit-search-results-button,
.search-shell input[type=search]::-webkit-search-results-decoration{
  -webkit-appearance:none;
  appearance:none;
}

.contact-form input::placeholder,
.booking-form input::placeholder,
.booking-form textarea::placeholder,
.contact-form textarea::placeholder{
  color:#7f9aab;
}

.kw-field{
  position:relative;
  width:100%;
}
.kw-field > select,
.kw-field > input[type=date],
.kw-field > input[type=time]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  opacity:0;
  pointer-events:none;
  clip:auto;
  overflow:hidden;
  z-index:0;
}
.kw-field-trigger{
  width:100%;
  min-height:46px;
  padding:0 12px 0 14px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  box-sizing:border-box;
  border:1px solid rgba(67,144,181,.48);
  border-radius:var(--kw-radius-control,6px);
  background:#041522;
  color:#e8f4fb;
  font:inherit;
  text-align:left;
  cursor:pointer;
  position:relative;
  z-index:1;
  transition:border-color .2s,background .2s,box-shadow .2s;
}
.kw-field-trigger:hover,
.kw-field.open .kw-field-trigger{
  border-color:rgba(32,217,242,.72);
  background:#062033;
  box-shadow:0 8px 22px rgba(0,72,100,.12);
}
.kw-field-trigger:focus-visible{
  outline:2px solid #6feaff;
  outline-offset:2px;
}
.kw-field-trigger .kw-field-label{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
  font-weight:500;
}
.kw-field-trigger .kw-field-label.is-placeholder{color:#7f9aab;font-weight:450}
.kw-field-trigger .ico{
  width:16px;
  height:16px;
  flex:none;
  color:#76cfe7;
}
.kw-field-trigger .kw-field-chevron{margin-left:auto;color:#7ea9bb;transition:transform .2s}
.kw-field.open .kw-field-chevron{transform:rotate(180deg)}

.kw-field-panel{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  z-index:60;
  padding:6px;
  background:rgba(2,12,21,.99);
  border:1px solid rgba(49,127,166,.72);
  border-radius:8px;
  box-shadow:0 30px 80px rgba(0,0,0,.58);
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px);
  transition:.18s;
  pointer-events:none;
}
.kw-field.open .kw-field-panel{
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto;
}
.kw-field-panel.kw-panel-up{
  top:auto;
  bottom:calc(100% + 8px);
}
/* Calendar / time: width cố định, không giãn theo input */
.kw-date .kw-field-panel{
  left:0;
  right:auto;
  width:292px;
  max-width:calc(100vw - 24px);
}
.kw-time .kw-field-panel{
  left:0;
  right:auto;
  width:240px;
  max-width:calc(100vw - 24px);
}
.kw-select .kw-field-panel{
  width:100%;
}

.kw-select-list{
  list-style:none;
  margin:0;
  padding:0;
  max-height:240px;
  overflow:auto;
  overscroll-behavior:contain;
}
.kw-select-list button{
  width:100%;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  color:#eef8ff;
  font:inherit;
  font-size:13px;
  text-align:left;
  cursor:pointer;
}
.kw-select-list button:hover,
.kw-select-list button:focus-visible,
.kw-select-list button[aria-selected="true"]{
  background:rgba(22,215,255,.055);
  border-color:rgba(22,215,255,.24);
  outline:none;
}

.kw-cal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:4px 4px 10px;
  border-bottom:1px solid rgba(49,127,166,.28);
  margin-bottom:8px;
}
.kw-cal-head strong{
  font-size:13px;
  font-weight:680;
  color:#e8f8ff;
  letter-spacing:.02em;
}
.kw-cal-nav{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(67,144,181,.42);
  border-radius:6px;
  background:#041522;
  color:#76cfe7;
  cursor:pointer;
}
.kw-cal-nav:hover{border-color:rgba(32,217,242,.72);background:#062033}
.kw-cal-nav .ico{width:14px;height:14px}
.kw-cal-weekdays,
.kw-cal-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:2px;
}
.kw-cal-weekdays span{
  text-align:center;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  color:#7ea9bb;
  padding:6px 0;
  text-transform:uppercase;
}
.kw-cal-grid button{
  aspect-ratio:1;
  min-height:34px;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:#d8eef7;
  font:650 12px/1 var(--font-sans);
  cursor:pointer;
}
.kw-cal-grid button:hover:not(:disabled){
  background:rgba(22,215,255,.08);
  border-color:rgba(22,215,255,.22);
}
.kw-cal-grid button:disabled{
  color:#3f5666;
  cursor:default;
}
.kw-cal-grid button.is-today{box-shadow:inset 0 0 0 1px rgba(32,217,242,.45)}
.kw-cal-grid button.is-selected{
  background:linear-gradient(180deg,rgba(8,40,59,.98),rgba(3,18,29,.98));
  border-color:rgba(32,217,242,.72);
  color:#74e8ff;
}
.kw-cal-grid button.is-outside{color:#5a7384}

.kw-time-list{
  list-style:none;
  margin:0;
  padding:0;
  max-height:260px;
  overflow:auto;
  overscroll-behavior:contain;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
}
.kw-time-list button{
  min-height:36px;
  padding:8px 6px;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  color:#eef8ff;
  font:650 12px/1 var(--font-sans);
  cursor:pointer;
}
.kw-time-list button:hover,
.kw-time-list button:focus-visible,
.kw-time-list button[aria-selected="true"]{
  background:rgba(22,215,255,.055);
  border-color:rgba(22,215,255,.24);
  color:#74e8ff;
  outline:none;
}

@media(max-width:560px){
  .kw-time-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kw-cal-grid button{min-height:30px;font-size:11px}
}

/* Cho bubble validate native hiện được trên form liên hệ / booking */
.contact-form,
.contact-form .form-grid,
.contact-layout,
.booking-form{overflow:visible!important}