/*
Theme Name: Chat DKK Official
Theme URI: https://example.com/
Author: DKK
Description: Website công nghệ chính thức cho nền tảng Chat DKK, có trang chủ, giải pháp, ứng dụng, chính sách, liên hệ và cụm nội dung kiến thức SEO; nội dung chỉnh được trong WordPress.
Version: 3.0.14
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: chat-dkk-official
*/
:root{
  --ink:#101828;
  --muted:#667085;
  --line:#e6eaf0;
  --paper:#ffffff;
  --soft:#f7f9fc;
  --soft2:#eef4ff;
  --blue:#175cd3;
  --blue2:#2970ff;
  --navy:#0b1f44;
  --cyan:#31c6ff;
  --green:#12b76a;
  --purple:#7f56d9;
  --orange:#f79009;
  --shadow:0 22px 60px rgba(16,24,40,.10);
  --shadow2:0 36px 90px rgba(23,92,211,.16);
  --radius:24px;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.topnote{background:linear-gradient(90deg,#071836 0%,#0b1f44 35%,#1246a0 100%);color:#eff6ff;font-size:14px;box-shadow:0 10px 26px rgba(11,31,68,.16)}
.topnote .container{min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;text-align:center}
.topnote b{color:#fff}.spark{width:7px;height:7px;border-radius:50%;background:#36d399;box-shadow:0 0 0 4px rgba(54,211,153,.14)}
.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,234,240,.85);box-shadow:0 10px 26px rgba(16,24,40,.05)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:850;letter-spacing:-.02em}
.logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#0b1f44,#2970ff);box-shadow:0 10px 26px rgba(23,92,211,.26);font-weight:950;position:relative;overflow:hidden}
.logo:after{content:"";position:absolute;width:22px;height:22px;border:3px solid rgba(255,255,255,.9);border-left-color:transparent;border-radius:7px;transform:rotate(-12deg)}
.logo span{position:relative;z-index:2;font-size:12px}
.menu{display:flex;align-items:center;gap:30px;color:#344054;font-size:14px;font-weight:700}
.menu a:hover{color:var(--blue)}
.nav-actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;border:1px solid transparent;font-weight:800;transition:.2s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-ghost{border-color:#d0d5dd;background:#fff;color:#344054}
.btn-primary{background:linear-gradient(135deg,#175cd3 0%,#2970ff 60%,#4f8bff 100%);color:#fff;box-shadow:0 18px 34px rgba(41,112,255,.28)}
.menu-btn{display:none;border:0;background:none;font-size:28px;color:var(--ink)}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f5f9ff 0%,#ffffff 76%);border-bottom:1px solid #edf2f7}
.hero:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-250px;top:-280px;background:radial-gradient(circle at 40% 42%,rgba(49,198,255,.32),rgba(41,112,255,.12) 42%,transparent 72%)}
.hero:after{content:"";position:absolute;left:-230px;bottom:-330px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(127,86,217,.11),transparent 68%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:26px 0 76px}
.pill{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:999px;background:#eef4ff;border:1px solid #dce8ff;color:#175cd3;font-weight:800;font-size:13px}
.pill i{width:8px;height:8px;border-radius:50%;background:#2970ff;box-shadow:0 0 0 4px rgba(41,112,255,.12)}
h1{font-size:clamp(44px,4.35vw,66px);line-height:1.04;letter-spacing:-.055em;margin:22px 0 24px;max-width:690px}
.gradient-text{background:linear-gradient(90deg,#175cd3,#7f56d9);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{font-size:20px;color:#475467;max-width:700px;margin:0 0 32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-sub{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#667085;font-size:13px;font-weight:700}
.hero-sub span{display:flex;align-items:center;gap:8px}.hero-sub i{font-style:normal;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#ecfdf3;color:#039855;font-size:12px}
.product-stage{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}
.glow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,#d8f3ff 0,#dce8ff 34%,rgba(255,255,255,0) 72%);filter:blur(0)}
.app-shell{position:relative;z-index:2;width:100%;max-width:760px;background:#fff;border:1px solid #dce3ee;border-radius:24px;box-shadow:0 42px 110px rgba(23,92,211,.22);overflow:hidden;transform:scale(1.05)}
.app-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #edf0f4;background:#fff}
.app-top-left{display:flex;align-items:center;gap:10px}.window-dots{display:flex;gap:6px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#d0d5dd}.app-mini-logo{width:28px;height:28px;border-radius:9px;background:#175cd3;color:#fff;display:grid;place-items:center;font-weight:900;font-size:10px}.app-title{font-size:13px;font-weight:850}.online{font-size:11px;color:#039855;background:#ecfdf3;padding:4px 8px;border-radius:999px;font-weight:800}
.app-body{display:grid;grid-template-columns:190px 1fr;min-height:470px;background:#fbfcfe}
.inbox{border-right:1px solid #edf0f4;background:#fff;padding:15px 12px}.search{height:36px;border:1px solid #e4e7ec;border-radius:10px;background:#f9fafb;margin-bottom:12px}.chat-item{display:flex;gap:10px;padding:11px 9px;border-radius:12px;margin-bottom:6px}.chat-item.active{background:#eef4ff}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:850;background:linear-gradient(145deg,#7f56d9,#2970ff)}.avatar.z{background:linear-gradient(145deg,#0068ff,#31c6ff)}.avatar.w{background:linear-gradient(145deg,#12b76a,#6ce9a6)}.chat-meta{min-width:0;flex:1}.chat-meta b{display:block;font-size:11px}.chat-meta span{display:block;font-size:9px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:8px;background:#2970ff;color:#fff;border-radius:999px;padding:2px 5px;height:max-content}
.conversation{display:flex;flex-direction:column;position:relative}.conv-head{height:58px;border-bottom:1px solid #edf0f4;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.conv-person{display:flex;align-items:center;gap:10px}.conv-person b{font-size:12px}.conv-person span{display:block;font-size:9px;color:#98a2b3}.channel{font-size:9px;padding:4px 7px;border-radius:999px;background:#eaf2ff;color:#175cd3;font-weight:800}
.messages{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1;background:linear-gradient(180deg,#fbfdff,#f7faff)}
.msg{max-width:78%;padding:10px 12px;border-radius:13px;font-size:11px;box-shadow:0 4px 14px rgba(16,24,40,.04)}.msg.customer{align-self:flex-start;background:#fff;border:1px solid #e8edf3;border-top-left-radius:4px}.msg.bot{align-self:flex-end;background:#175cd3;color:#fff;border-top-right-radius:4px}.product-card{align-self:flex-end;width:78%;background:#fff;border:1px solid #e5eaf0;border-radius:14px;padding:9px;display:grid;grid-template-columns:62px 1fr;gap:10px;box-shadow:0 8px 20px rgba(16,24,40,.06)}.product-img{border-radius:10px;background:linear-gradient(145deg,#e7f6ff,#d8e7ff);height:62px;position:relative}.product-img:before{content:"";position:absolute;width:30px;height:42px;border-radius:6px;left:16px;top:10px;background:linear-gradient(#fff,#a9c8ff);box-shadow:0 6px 12px rgba(41,112,255,.16)}.product-info b{font-size:10px}.product-info span{display:block;color:#667085;font-size:8px}.price{color:#175cd3!important;font-size:11px!important;font-weight:900;margin-top:5px}.composer{height:58px;border-top:1px solid #edf0f4;background:#fff;padding:10px 13px;display:flex;gap:8px}.composer-box{flex:1;background:#f7f9fc;border:1px solid #e4e7ec;border-radius:10px}.send{width:36px;border-radius:10px;background:#175cd3;color:#fff;display:grid;place-items:center;font-size:12px}
.float-card{position:absolute;z-index:4;background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:14px 16px;box-shadow:0 22px 48px rgba(16,24,40,.16)}.float-card b{font-size:13px}.float-card span{display:block;font-size:10px;color:#667085}.fc1{right:-36px;top:18px;max-width:226px}.fc2{left:-36px;bottom:18px;max-width:235px}.chip-row{display:flex;gap:5px;margin-top:7px}.chip{font-size:8px;padding:3px 6px;border-radius:999px;background:#eef4ff;color:#175cd3;font-weight:800}
.channel-strip{position:relative;z-index:4;margin-top:-6px}.channel-box{background:#fff;border:1px solid #dbe5f1;border-radius:20px;box-shadow:0 20px 52px rgba(16,24,40,.08);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px}.channel-box>span{font-weight:800;color:#475467}.channels{display:flex;gap:14px;flex-wrap:wrap}.channel-badge{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:12px;background:#f8fafc;border:1px solid #eaecf0;font-weight:800;font-size:13px}.channel-badge i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}.fb i{background:#1877f2}.zalo i{background:#0068ff}.web i{background:#12b76a}
section{padding:96px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 50px}.kicker{text-transform:uppercase;letter-spacing:.14em;color:#175cd3;font-weight:900;font-size:12px}.section-head h2{font-size:clamp(36px,4vw,52px);line-height:1.15;letter-spacing:-.04em;margin:12px 0 15px}.section-head p{color:#667085;font-size:17px;margin:0}
.platform{background:#fff}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.platform-card{padding:28px;border:1px solid #e5eaf0;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(16,24,40,.05);transition:.25s}.platform-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(16,24,40,.09)}.platform-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;margin-bottom:20px;background:linear-gradient(145deg,#175cd3,#31c6ff)}.platform-card:nth-child(2) .platform-icon{background:linear-gradient(145deg,#7f56d9,#b692f6)}.platform-card:nth-child(3) .platform-icon{background:linear-gradient(145deg,#12b76a,#6ce9a6)}.platform-card h3{font-size:21px;margin:0 0 9px}.platform-card p{color:#667085;margin:0}.mini-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:#175cd3;font-weight:800;font-size:13px}
.why{background:#f8fafc}.why-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.why-copy h2{font-size:clamp(38px,4vw,54px);line-height:1.14;letter-spacing:-.045em;margin:12px 0 18px}.why-copy>p{color:#667085;font-size:17px}.feature-list{display:grid;gap:15px;margin-top:28px}.feature-item{display:flex;gap:13px;align-items:flex-start}.feature-icon{flex:0 0 34px;height:34px;border-radius:11px;background:#eef4ff;color:#175cd3;display:grid;place-items:center;font-weight:900}.feature-item b{display:block;margin-bottom:3px}.feature-item span{color:#667085;font-size:14px}
.flow{position:relative;border-radius:28px;background:#0b1f44;color:#fff;padding:32px;box-shadow:0 30px 70px rgba(11,31,68,.22);overflow:hidden}.flow:after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(49,198,255,.28),transparent 70%)}.flow-title{font-size:14px;font-weight:850;color:#dce8ff;margin-bottom:20px}.flow-step{position:relative;z-index:2;display:grid;grid-template-columns:42px 1fr;gap:13px;padding:13px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);margin-bottom:11px}.step-no{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#2970ff;font-weight:900}.flow-step:nth-child(3) .step-no{background:#7f56d9}.flow-step:nth-child(4) .step-no{background:#12b76a}.flow-step:nth-child(5) .step-no{background:#f79009}.flow-step b{display:block}.flow-step span{font-size:12px;color:#cbd5e1}.arrow{height:14px;border-left:2px dashed rgba(255,255,255,.22);margin-left:33px}
.download{background:linear-gradient(135deg,#0b1f44 0%,#123a7a 62%,#175cd3 100%);color:#fff;overflow:hidden}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.download h2{font-size:clamp(38px,4vw,56px);line-height:1.12;letter-spacing:-.045em;margin:12px 0 18px}.download p{color:#d0ddf4;font-size:17px}.store-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.store{display:flex;align-items:center;gap:11px;min-width:176px;padding:11px 14px;border-radius:13px;background:#fff;color:#101828;font-weight:850}.store i{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#175cd3;display:grid;place-items:center;font-style:normal}.store small{display:block;color:#667085;font-size:9px;font-weight:750}.phone-wrap{position:relative;min-height:520px;display:grid;place-items:center}.phone-glow{position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(49,198,255,.35),transparent 70%)}.phone{position:relative;z-index:2;width:268px;height:520px;border-radius:40px;background:#0a1225;border:8px solid #26344f;padding:13px;box-shadow:0 38px 80px rgba(0,0,0,.38);transform:rotate(5deg)}.phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:78px;height:19px;border-radius:999px;background:#26344f}.screen{height:100%;border-radius:28px;background:linear-gradient(180deg,#f8fbff,#ecf3ff);padding:44px 15px 16px;color:#101828}.screen-head{display:flex;align-items:center;justify-content:space-between}.screen-head small{color:#667085}.screen-head h3{margin:0}.screen-logo{width:40px;height:40px;border-radius:13px;background:#175cd3;color:#fff;display:grid;place-items:center;font-weight:900}.screen-card{margin-top:18px;border-radius:18px;background:#fff;padding:16px;box-shadow:0 12px 28px rgba(23,92,211,.10)}.screen-card small{color:#667085}.screen-card strong{display:block;color:#175cd3;font-size:26px}.screen-list{display:grid;gap:10px;margin-top:14px}.screen-item{display:flex;align-items:center;gap:10px;padding:11px;background:#fff;border-radius:13px}.screen-item i{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#175cd3;display:grid;place-items:center;font-style:normal}.screen-item b{font-size:11px}.screen-item span{display:block;color:#98a2b3;font-size:9px}
.footer-cta{padding:90px 0}.cta{border-radius:28px;padding:52px;background:linear-gradient(135deg,#eef4ff,#f8fbff);border:1px solid #dce6f5;display:flex;align-items:center;justify-content:space-between;gap:36px}.cta h2{font-size:38px;line-height:1.16;letter-spacing:-.04em;margin:0 0 10px}.cta p{color:#667085;margin:0;max-width:650px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
footer{background:#0b1f44;color:#cbd5e1;padding:54px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px}.footer-brand .brand{color:#fff;margin-bottom:15px}.footer-brand p{max-width:330px;color:#98a2b3}.footer-col h4{margin:0 0 14px;color:#fff}.footer-col a{display:block;margin:8px 0;font-size:14px}.footer-col a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:21px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#98a2b3}
@media(max-width:1000px){.menu{display:none}.menu.open{display:flex;position:absolute;top:76px;left:20px;right:20px;padding:20px;background:#fff;border:1px solid #e4e7ec;border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.menu-btn{display:block}.hero-grid,.why-grid,.download-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions,.hero-sub{justify-content:center}.product-stage{min-height:520px}.platform-grid{grid-template-columns:repeat(2,1fr)}.channel-box{flex-direction:column;text-align:center}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.cta{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.container{width:min(calc(100% - 28px),var(--max))}.topnote{font-size:12px}.topnote .container{min-height:40px}.nav-actions .btn{display:none}.hero-grid{padding:18px 0 60px}.hero h1{font-size:42px}.hero-copy p{font-size:17px}.product-stage{min-height:360px}.app-shell{transform:none}.app-body{grid-template-columns:120px 1fr}.inbox{padding:10px 7px}.chat-meta span,.chat-meta b{font-size:8px}.float-card{display:none}.channel-strip{margin-top:-12px}.channel-box{padding:18px}.platform-grid{grid-template-columns:1fr}section{padding:74px 0}.why-grid{gap:42px}.flow{padding:20px}.download-grid{gap:30px}.phone{transform:scale(.9) rotate(3deg);margin:-20px 0}.cta{padding:34px 24px}.cta h2{font-size:31px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.copyright{flex-direction:column}}

/* WordPress editable-page adjustments */
body.admin-bar .header{top:32px}
.wp-site-blocks{padding:0}
.entry-content{margin:0}
.entry-content > *{margin-block-start:0;margin-block-end:0}
.wp-block-group.container{width:min(calc(100% - 40px),var(--max));margin-left:auto!important;margin-right:auto!important}
.wp-block-columns{margin-bottom:0}
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;font-weight:800;text-decoration:none}
.wp-block-button.is-style-outline .wp-block-button__link{border:1px solid #d0d5dd;color:#344054;background:#fff}
.wp-block-button:not(.is-style-outline) .wp-block-button__link{background:linear-gradient(135deg,#175cd3,#2970ff);color:#fff;box-shadow:0 12px 30px rgba(41,112,255,.24)}
.hero .wp-block-columns{gap:54px;align-items:center}
.hero .wp-block-column{min-width:0}
.hero-copy .wp-block-heading{font-size:clamp(44px,4.35vw,66px);line-height:1.04;letter-spacing:-.055em;margin:22px 0 24px}
.hero-copy > p{font-size:19px;color:#475467;max-width:700px;margin:0 0 32px}
.block-actions{display:flex;gap:12px;flex-wrap:wrap}
.block-actions .wp-block-button{margin:0}
.channel-box .wp-block-group{margin:0}
.platform-grid.wp-block-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.platform-grid .wp-block-column{margin:0}
.feature-list .wp-block-group{margin:0}
.download-grid.wp-block-columns{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}
.footer-cta .wp-block-buttons{display:flex;gap:10px;flex-wrap:wrap}
.page-edit-note{background:#fff8e8;border:1px solid #f7d58a;color:#7a4b00;padding:12px 16px;border-radius:12px}
.menu ul{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.menu li{margin:0}
.menu .current-menu-item>a{color:var(--blue)}
@media(max-width:980px){
  body.admin-bar .header{top:46px}
  .platform-grid.wp-block-columns{grid-template-columns:1fr 1fr}
  .download-grid.wp-block-columns{grid-template-columns:1fr}
  .menu ul{flex-direction:column;align-items:flex-start;gap:18px}
}
@media(max-width:640px){
  .wp-block-group.container{width:min(calc(100% - 28px),var(--max))}
  .platform-grid.wp-block-columns{grid-template-columns:1fr}
  .hero-copy .wp-block-heading{font-size:44px}
}


/* Chat DKK Official 2.0 */
:root{--page:#f8fafc;--danger:#b42318;--warning:#b54708}
body{overflow-x:hidden}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-line{display:block}.hero-copy h1{max-width:720px}.hero-copy .gradient-text{white-space:nowrap}.product-stage{overflow:visible}.app-shell{transform:none}.float-card{pointer-events:none}.fc1{transform:translateX(10px)}.fc2{transform:translateX(-4px)}
.admin-edit-link{position:fixed;right:18px;bottom:18px;z-index:80;background:#101828;color:#fff;padding:10px 14px;border-radius:12px;font-weight:800;box-shadow:0 16px 34px rgba(16,24,40,.25)}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b1f44,#123a7a 68%,#175cd3);color:#fff;padding:20px 0 24px}.page-hero:after{content:"";position:absolute;right:-180px;top:-330px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(49,198,255,.28),transparent 68%)}.page-hero .container{position:relative;z-index:2}.page-hero .eyebrow{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);font-size:12px;font-weight:850;color:#dcecff}.page-hero h1{max-width:880px;margin:5px 0 4px;font-size:clamp(34px,3.4vw,46px);line-height:1.06;letter-spacing:-.04em}.page-hero p{max-width:760px;margin:0;color:#d5e2f7;font-size:15.5px}.page-shell{background:var(--page);padding:48px 0}.content-card{background:#fff;border:1px solid #e5eaf0;border-radius:24px;padding:38px;box-shadow:0 16px 42px rgba(16,24,40,.06)}.content-card>:first-child{margin-top:0}.content-card h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.03em}.content-card h3{margin-top:30px}.content-card p,.content-card li{color:#526178}.content-card a{color:var(--blue);font-weight:750}.editor-note{padding:14px 16px;border-radius:13px;background:#fff7e8;border:1px solid #fedf89;color:#7a2e0e;margin-bottom:22px}
.section-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.section-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.section-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-card,.industry-card,.trust-card,.download-card{background:#fff;border:1px solid #e4eaf2;border-radius:22px;padding:27px;box-shadow:0 12px 32px rgba(16,24,40,.05)}.solution-card h3,.download-card h3{margin:18px 0 8px}.solution-card p,.industry-card p,.download-card p{margin:0;color:#667085}.icon-box{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#175cd3,#31c6ff);color:#fff;display:grid;place-items:center}.icon-box svg{width:24px;height:24px}.solution-card:nth-child(2) .icon-box{background:linear-gradient(145deg,#7f56d9,#b692f6)}.solution-card:nth-child(3) .icon-box{background:linear-gradient(145deg,#12b76a,#6ce9a6)}.solution-card:nth-child(4) .icon-box{background:linear-gradient(145deg,#f79009,#fec84b)}.solution-card:nth-child(5) .icon-box{background:linear-gradient(145deg,#e31b54,#fd6f8e)}.solution-card:nth-child(6) .icon-box{background:linear-gradient(145deg,#0e9384,#5fe9d0)}
.page-section{padding:88px 0}.page-section.soft{background:#f8fafc}.page-section.dark{background:#0b1f44;color:#fff}.page-section.dark p{color:#cbd5e1}.page-section .section-title{max-width:780px;margin:0 auto 44px;text-align:center}.page-section .section-title h2{font-size:clamp(34px,4vw,50px);line-height:1.16;letter-spacing:-.04em;margin:12px 0 14px}.page-section .section-title p{color:#667085;font-size:17px}.page-section.dark .section-title p{color:#cbd5e1}
.value-banner{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;background:linear-gradient(135deg,#eef4ff,#fff);border:1px solid #dce6f5;border-radius:28px;padding:44px}.value-banner h2{font-size:clamp(34px,4vw,50px);line-height:1.15;margin:0 0 14px}.value-banner p{color:#667085}.value-points{display:grid;gap:12px}.value-point{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #e5eaf0;border-radius:15px;padding:14px}.value-point i{font-style:normal;flex:0 0 30px;height:30px;border-radius:10px;background:#ecfdf3;color:#039855;display:grid;place-items:center;font-weight:900}.value-point b{display:block}.value-point span{display:block;color:#667085;font-size:13px}
.timeline{max-width:900px;margin:auto;display:grid;gap:16px}.timeline-item{display:grid;grid-template-columns:68px 1fr;gap:18px;align-items:start}.timeline-no{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#175cd3,#2970ff);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:900;box-shadow:0 12px 26px rgba(41,112,255,.22)}.timeline-body{background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:22px}.timeline-body h3{margin:0 0 6px}.timeline-body p{margin:0;color:#667085}.timeline-line{width:2px;height:24px;border-left:2px dashed #cfd8e6;margin-left:28px}
.download-card{display:flex;flex-direction:column;min-height:280px}.download-card .availability{display:inline-flex;align-self:flex-start;padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:800;margin-bottom:14px}.download-card .availability.live{background:#ecfdf3;color:#027a48}.download-card .card-actions{margin-top:auto;padding-top:22px}.download-card .btn{width:100%}.app-notice{margin-top:22px;color:#667085;font-size:14px;text-align:center}.app-notice a{color:var(--blue);font-weight:800}
.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:26px}.contact-panel,.contact-form-panel{background:#fff;border:1px solid #e5eaf0;border-radius:24px;padding:30px;box-shadow:0 14px 36px rgba(16,24,40,.05)}.contact-panel h2{font-size:34px;line-height:1.2;margin:12px 0}.contact-list{display:grid;gap:4px;margin-top:24px}.contact-row{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #eef1f5}.contact-row:last-child{border-bottom:0}.contact-row i{font-style:normal;width:42px;height:42px;border-radius:13px;background:#eef4ff;color:#175cd3;display:grid;place-items:center}.contact-row b{display:block}.contact-row span,.contact-row a{color:#667085;font-size:14px}.contact-phone-list{display:grid!important;gap:2px}.contact-phone-list a{display:block;font-weight:700;color:#475467}.dkk-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dkk-field.full{grid-column:1/-1}.dkk-field label{display:block;font-weight:800;margin-bottom:7px}.dkk-field input,.dkk-field select,.dkk-field textarea{width:100%;border:1px solid #d0d5dd;border-radius:12px;background:#fff;padding:12px 13px;color:#101828;outline:none}.dkk-field input:focus,.dkk-field select:focus,.dkk-field textarea:focus{border-color:#84adff;box-shadow:0 0 0 4px rgba(41,112,255,.1)}.dkk-field textarea{min-height:135px;resize:vertical}.dkk-consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;color:#667085;font-size:13px}.dkk-consent input{margin-top:4px}.dkk-form-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px}.dkk-honeypot{position:absolute!important;left:-9999px!important}.form-notice{padding:13px 15px;border-radius:12px;margin-bottom:18px;font-weight:700}.form-notice.success{background:#ecfdf3;color:#027a48}.form-notice.error{background:#fef3f2;color:#b42318}
.policy-nav{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.policy-toc{position:sticky;top:104px;background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:20px}.policy-toc b{display:block;margin-bottom:10px}.policy-toc a{display:block;padding:8px 0;color:#667085;font-size:14px}.policy-toc a:hover{color:#175cd3}.policy-copy{background:#fff;border:1px solid #e5eaf0;border-radius:22px;padding:36px}.policy-copy h2{scroll-margin-top:115px;font-size:30px;margin-top:38px}.policy-copy h2:first-of-type{margin-top:0}.policy-copy h3{margin-top:26px}.policy-copy p,.policy-copy li{color:#526178}.policy-copy .updated{color:#98a2b3;font-size:13px}
.faq{max-width:900px;margin:auto;display:grid;gap:12px}.faq details{background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:850}.faq p{color:#667085;margin:12px 0 0}
.site-breadcrumb{font-size:13px;color:#98a2b3;margin-bottom:10px}.site-breadcrumb a{color:#dce8ff}.empty-state{text-align:center;padding:80px 20px}.empty-state h1{margin:auto}.site-404{min-height:62vh;display:grid;place-items:center;background:#f8fafc}
@media(max-width:1100px){.fc1{right:-18px}.fc2{left:-18px}.section-grid-4{grid-template-columns:repeat(2,1fr)}.value-banner{grid-template-columns:1fr}.product-stage{padding:0 24px}}
@media(max-width:980px){.page-hero{padding:18px 0 22px}.section-grid-3{grid-template-columns:repeat(2,1fr)}.contact-layout,.policy-nav{grid-template-columns:1fr}.policy-toc{position:static}.hero-copy .gradient-text{white-space:normal}.hero-line{display:inline}.hero-line:after{content:" "}.product-stage{padding:0}.fc1,.fc2{display:none}}
@media(max-width:650px){.page-section,.page-shell{padding:42px 0}.page-hero{padding:16px 0 20px}.page-hero h1{font-size:clamp(30px,9vw,38px);margin:4px 0 4px}.page-hero p{font-size:15px}.content-card,.policy-copy,.contact-panel,.contact-form-panel{padding:23px}.section-grid-2,.section-grid-3,.section-grid-4{grid-template-columns:1fr}.value-banner{padding:26px}.timeline-item{grid-template-columns:48px 1fr;gap:12px}.timeline-no{width:46px;height:46px;border-radius:14px}.timeline-line{margin-left:22px}.dkk-form{grid-template-columns:1fr}.dkk-field.full,.dkk-consent,.dkk-form-actions{grid-column:auto}.contact-layout{gap:18px}.topnote .container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-body{min-height:400px}.app-shell{width:110%;margin-left:-5%}.product-stage{min-height:380px}}

.custom-logo{width:44px;height:44px;object-fit:contain;border-radius:50%;display:block}.brand .custom-logo{flex:0 0 44px}

/* Chat DKK Official 2.1 fixes */
body > p:first-of-type.stray-fix, body > .stray-fix{display:none!important}


/* Floating contact buttons v2.2 */
.floating-contact{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:79;display:flex;flex-direction:column;gap:12px}
.floating-btn{display:flex;align-items:center;gap:10px;min-width:156px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #e4e7ec;box-shadow:0 16px 36px rgba(16,24,40,.12);font-weight:800;color:#101828;transition:.22s ease}
.floating-btn:hover{transform:translateX(-4px);box-shadow:0 22px 46px rgba(16,24,40,.16)}
.floating-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;font-style:normal;font-size:16px;flex:0 0 36px}
.floating-text{font-size:14px;line-height:1}
.btn-zalo .floating-icon{background:linear-gradient(135deg,#0068ff,#31c6ff)}
.btn-facebook .floating-icon{background:linear-gradient(135deg,#1877f2,#5b9bff)}
.btn-phone .floating-icon{background:linear-gradient(135deg,#12b76a,#31d583)}
@media(max-width:980px){.floating-contact{right:12px;gap:10px}.floating-btn{min-width:140px;padding:11px 12px}.floating-icon{width:34px;height:34px;border-radius:11px}}
@media(max-width:640px){.floating-contact{top:auto;bottom:18px;right:12px;transform:none}.floating-btn{min-width:auto;padding:10px 12px;border-radius:14px}.floating-text{display:none}.floating-icon{width:40px;height:40px;border-radius:12px}}


/* Real application showcase v2.4 */
.admin-showcase{padding:104px 0;background:linear-gradient(180deg,#f7faff 0%,#eef4ff 100%);border-top:1px solid #e5edf8;border-bottom:1px solid #dce7f5}
.admin-showcase-head{display:grid;grid-template-columns:1fr 270px;gap:48px;align-items:end;margin-bottom:30px}
.admin-showcase-head h2{font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-.048em;margin:12px 0 16px;max-width:900px}
.admin-showcase-head p{font-size:18px;color:#52617a;max-width:860px;margin:0}
.admin-proof{border-radius:22px;padding:24px;background:linear-gradient(145deg,#0b1f44,#175cd3);color:#fff;box-shadow:0 24px 54px rgba(23,92,211,.22)}
.admin-proof b{display:block;font-size:36px;line-height:1;margin-bottom:10px}.admin-proof span{display:block;color:#dbeafe;font-size:13px}
.admin-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.admin-value-grid>div{padding:19px;border-radius:17px;background:#fff;border:1px solid #dfe8f4;box-shadow:0 12px 28px rgba(16,24,40,.045)}
.admin-value-grid i{width:34px;height:34px;border-radius:11px;background:#eaf2ff;color:#175cd3;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900;margin-bottom:12px}
.admin-value-grid b{display:block;font-size:15px;margin-bottom:4px}.admin-value-grid span{display:block;color:#667085;font-size:12px}
.showcase-shell{display:grid;grid-template-columns:260px 1fr;gap:18px;padding:18px;border-radius:28px;background:#0b1f44;box-shadow:0 34px 90px rgba(11,31,68,.24)}
.showcase-tabs{display:flex;flex-direction:column;gap:8px;padding:5px}
.showcase-tab{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.055);color:#cdd9ee;border-radius:14px;padding:13px 14px;text-align:left;cursor:pointer;font-weight:800;display:flex;align-items:center;gap:11px;transition:.2s}
.showcase-tab span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:10px;color:#8fb8ff}
.showcase-tab:hover,.showcase-tab.active{background:linear-gradient(135deg,#175cd3,#2970ff);color:#fff;border-color:transparent;transform:translateX(3px)}
.showcase-tab.active span{background:#fff;color:#175cd3}
.showcase-view{min-width:0;border-radius:20px;background:#fff;overflow:hidden}
.showcase-panel{display:none}.showcase-panel.active{display:block;animation:dkkShowcase .35s ease}
.showcase-copy{display:flex;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid #e9eef5;background:#fff}
.showcase-count{width:42px;height:42px;border-radius:13px;background:#eef4ff;color:#175cd3;display:grid;place-items:center;font-weight:900;flex:0 0 42px}
.showcase-copy h3{margin:0 0 3px;font-size:20px}.showcase-copy p{margin:0;color:#667085;font-size:13px}
.showcase-image{background:#edf3fb;padding:10px;min-height:450px;display:grid;place-items:center}
.showcase-image img{width:100%;height:auto;max-height:680px;object-fit:contain;border-radius:14px;box-shadow:0 16px 42px rgba(16,24,40,.12)}
.showcase-note{text-align:center;color:#667085;font-size:12px;margin:15px 0 0}
@keyframes dkkShowcase{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.admin-showcase-head{grid-template-columns:1fr}.admin-proof{max-width:360px}.admin-value-grid{grid-template-columns:repeat(2,1fr)}.showcase-shell{grid-template-columns:1fr}.showcase-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.showcase-tab{justify-content:flex-start}.showcase-tab:hover,.showcase-tab.active{transform:none}.showcase-image{min-height:auto}}
@media(max-width:650px){.admin-showcase{padding:76px 0}.admin-value-grid{grid-template-columns:1fr}.showcase-tabs{grid-template-columns:1fr 1fr}.showcase-tab{font-size:12px;padding:10px}.showcase-copy{align-items:flex-start}.showcase-copy h3{font-size:17px}.showcase-copy p{font-size:12px}.showcase-image{padding:6px}.showcase-image img{border-radius:10px}}


/* Inbox focus v2.5 */
.inbox-focus{padding:96px 0 40px;background:#fff}
.inbox-focus-grid{display:grid;grid-template-columns:420px 1fr;gap:28px;align-items:center}
.inbox-focus-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 16px}
.inbox-focus-copy p{font-size:18px;color:#52617a;margin:0 0 22px}
.inbox-bullets{display:grid;gap:12px}
.inbox-bullets div{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #e4ebf5;border-radius:16px;background:#f8fbff;box-shadow:0 10px 24px rgba(16,24,40,.04)}
.inbox-bullets i{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#175cd3,#2970ff);display:grid;place-items:center;color:#fff;font-style:normal;font-weight:900;flex:0 0 28px;margin-top:1px}
.inbox-focus-shot{background:linear-gradient(180deg,#edf4ff 0%,#f9fbff 100%);border:1px solid #dfe8f5;border-radius:28px;padding:14px;box-shadow:0 24px 64px rgba(16,24,40,.08)}
.inbox-focus-shot img{width:100%;height:auto;display:block;border-radius:20px;box-shadow:0 18px 46px rgba(16,24,40,.14)}
@media(max-width:1050px){.inbox-focus-grid{grid-template-columns:1fr}.inbox-focus{padding:76px 0 20px}}
@media(max-width:650px){.inbox-focus-copy h2{font-size:31px}.inbox-focus-copy p{font-size:16px}.inbox-focus-shot{padding:8px;border-radius:18px}.inbox-focus-shot img{border-radius:12px}}


/* Exact inbox screenshot v2.6 */
.inbox-focus-shot{padding:10px}
.inbox-focus-shot img,.showcase-image img{aspect-ratio:auto;object-fit:contain}
.showcase-image{min-height:0}


/* Capabilities system v2.7 */
.capabilities-section{padding:104px 0;background:#fff;position:relative;overflow:hidden}
.capabilities-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;top:160px;background:radial-gradient(circle,rgba(41,112,255,.12),rgba(255,255,255,0) 70%)}
.capabilities-heading{max-width:900px;margin:0 auto 44px;text-align:center;position:relative;z-index:1}
.capabilities-heading h2,.five-capabilities-head h2,.journey-title h2{font-size:clamp(36px,4.5vw,58px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 16px}
.capabilities-heading p{font-size:18px;color:#667085;max-width:820px;margin:0 auto}
.power-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:84px;position:relative;z-index:1}
.power-card{position:relative;border-radius:28px;padding:34px;overflow:hidden;min-height:315px;box-shadow:0 24px 64px rgba(16,24,40,.1)}
.power-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;bottom:-100px;background:rgba(255,255,255,.12)}
.power-ai{color:#fff;background:linear-gradient(135deg,#0b2f78 0%,#175cd3 55%,#35a7ff 100%)}
.power-admin{color:#fff;background:linear-gradient(135deg,#111d5e 0%,#3538cd 55%,#7a5af8 100%)}
.power-label{font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;opacity:.78}
.power-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:22px 0 18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);font-size:20px;font-weight:900}
.power-card h3{font-size:29px;line-height:1.16;margin:0 0 12px;max-width:540px}
.power-card p{font-size:16px;color:rgba(255,255,255,.86);max-width:580px;margin:0 0 22px}
.power-tags{display:flex;gap:9px;flex-wrap:wrap;position:relative;z-index:1}
.power-tags span{font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.15)}
.five-capabilities-head{max-width:990px;margin:0 auto 32px;text-align:center}
.five-capabilities-head h2{font-size:clamp(32px,4vw,48px)}
.capability-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.capability-card{grid-column:span 2;border:1px solid #e2e8f2;border-radius:24px;padding:26px;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 14px 38px rgba(16,24,40,.055);transition:.25s ease;position:relative;overflow:hidden}
.capability-card:nth-child(4),.capability-card:nth-child(5){grid-column:span 3}
.capability-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(16,24,40,.1);border-color:#c7d7f4}
.capability-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}
.capability-number{font-size:12px;font-weight:900;letter-spacing:.13em;color:#175cd3}
.capability-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;background:linear-gradient(145deg,#175cd3,#4f8bff);box-shadow:0 12px 26px rgba(41,112,255,.24)}
.capability-card:nth-child(2) .capability-icon{background:linear-gradient(145deg,#7a5af8,#a48afb)}
.capability-card:nth-child(3) .capability-icon{background:linear-gradient(145deg,#039855,#32d583)}
.capability-card:nth-child(4) .capability-icon{background:linear-gradient(145deg,#f79009,#fdb022)}
.capability-card:nth-child(5) .capability-icon{background:linear-gradient(145deg,#0e7090,#36bffa)}
.capability-card h3{font-size:24px;margin:0 0 10px}
.capability-card>p{color:#667085;margin:0 0 18px;min-height:76px}
.capability-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}
.capability-tags span{font-size:11px;font-weight:850;color:#344054;background:#eef4ff;border:1px solid #d7e5ff;padding:6px 9px;border-radius:999px}
.capability-card details{border-top:1px solid #e7edf5;padding-top:13px}
.capability-card summary{cursor:pointer;color:#175cd3;font-weight:850;font-size:13px;list-style:none;display:flex;align-items:center;justify-content:space-between}
.capability-card summary::-webkit-details-marker{display:none}
.capability-card summary:after{content:"+";font-size:19px;line-height:1}
.capability-card details[open] summary:after{content:"−"}
.capability-card ul{margin:13px 0 0;padding-left:19px;color:#667085;font-size:13px;display:grid;gap:7px}
.journey-block{margin-top:84px;padding:46px;border-radius:30px;background:linear-gradient(135deg,#071b43 0%,#0b2f78 50%,#175cd3 100%);color:#fff;box-shadow:0 30px 72px rgba(11,47,120,.22)}
.journey-title{text-align:center;max-width:850px;margin:0 auto 30px}
.journey-title .kicker{color:#83e2ff}
.journey-title h2{font-size:clamp(32px,4vw,48px)}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}
.journey-grid article{padding:26px;border-radius:20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);position:relative}
.journey-step{font-size:11px;font-weight:900;letter-spacing:.13em;color:#8ee8ff}
.journey-symbol{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#175cd3;font-size:21px;font-weight:900;margin:16px 0}
.journey-grid h3{font-size:22px;margin:0 0 9px}
.journey-grid p{color:#d7e5ff;margin:0;font-size:14px}
.capability-cta{margin-top:22px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;gap:24px}
.capability-cta b{display:block;font-size:20px}.capability-cta span{display:block;color:#c8daf5;font-size:14px;margin-top:3px}
.capability-cta>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.capability-cta .btn-ghost{background:#fff;color:#175cd3;border-color:#fff}
@media(max-width:1000px){.power-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:1fr 1fr}.capability-card,.capability-card:nth-child(4),.capability-card:nth-child(5){grid-column:span 1}.journey-grid{grid-template-columns:1fr}.capability-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.capabilities-section{padding:76px 0}.capabilities-heading{margin-bottom:30px}.power-card{padding:26px;min-height:auto}.power-card h3{font-size:25px}.power-grid{margin-bottom:62px}.capability-grid{grid-template-columns:1fr}.capability-card>p{min-height:auto}.journey-block{padding:28px 20px;margin-top:62px}.capability-cta>div:last-child{width:100%}.capability-cta .btn{flex:1}}


/* Clean full-width inbox presentation v2.9 */
.inbox-focus{padding:104px 0 82px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);overflow:hidden;border-top:1px solid #edf1f6}
.inbox-focus-intro{text-align:center;max-width:930px}
.inbox-focus-intro h2{font-size:clamp(38px,4.6vw,62px);line-height:1.07;letter-spacing:-.05em;margin:12px auto 17px;max-width:900px}
.inbox-focus-intro p{font-size:19px;color:#52617a;max-width:840px;margin:0 auto}
.inbox-focus-wide{width:min(calc(100vw - 40px),1540px);margin:38px auto 0;padding:13px;border-radius:28px;background:linear-gradient(145deg,#e9f1ff,#f8fbff);border:1px solid #dce6f4;box-shadow:0 30px 82px rgba(16,24,40,.11)}
.inbox-image-button{display:block;width:100%;padding:0;border:0;background:transparent;border-radius:20px;overflow:hidden;cursor:zoom-in;text-align:initial}
.inbox-image-button img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 18px 48px rgba(16,24,40,.13);transition:transform .25s ease}
.inbox-image-button:hover img{transform:scale(1.006)}
.inbox-focus-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:24px 0 30px;text-align:center}
.inbox-focus-actions span{color:#667085;font-size:13px;max-width:610px}
.inbox-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.inbox-detail-grid article{display:flex;gap:13px;align-items:flex-start;padding:20px;border:1px solid #e3eaf4;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.045)}
.inbox-detail-grid i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 38px;background:#eef4ff;color:#175cd3;font-style:normal;font-weight:900;font-size:11px}
.inbox-detail-grid b{display:block;font-size:15px;line-height:1.35;margin-bottom:5px}
.inbox-detail-grid span{display:block;color:#667085;font-size:13px;line-height:1.52}
.dkk-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(4,12,28,.94);display:none}
.dkk-lightbox.is-open{display:block}
.dkk-lightbox-close{position:fixed;right:22px;top:22px;z-index:2;width:48px;height:48px;border:1px solid rgba(255,255,255,.24);border-radius:15px;background:rgba(255,255,255,.12);color:#fff;font-size:31px;line-height:1;cursor:pointer;backdrop-filter:blur(12px)}
.dkk-lightbox-canvas{width:100%;height:100%;overflow:auto;padding:86px 30px 34px}
.dkk-lightbox-canvas img{display:block;width:1906px;max-width:none;height:auto;margin:0 auto;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.45);background:#fff}
body.dkk-lightbox-open{overflow:hidden}
@media(max-width:1100px){.inbox-detail-grid{grid-template-columns:repeat(2,1fr)}.inbox-focus-wide{width:calc(100vw - 28px)}}
@media(max-width:650px){.inbox-focus{padding:76px 0 58px}.inbox-focus-intro h2{font-size:34px}.inbox-focus-intro p{font-size:16px}.inbox-focus-wide{width:calc(100vw - 16px);padding:6px;border-radius:16px;margin-top:28px}.inbox-image-button,.inbox-image-button img{border-radius:11px}.inbox-detail-grid{grid-template-columns:1fr}.inbox-focus-actions{margin-top:18px}.inbox-focus-actions .btn{width:100%}.dkk-lightbox-close{right:12px;top:12px}.dkk-lightbox-canvas{padding:76px 12px 20px}.dkk-lightbox-canvas img{width:1906px;border-radius:12px}}


/* Typography bump v2.9.3 */
.pill{font-size:17px}
.channel-box>span{font-size:1.3rem}
.kicker{font-size:17px}
.page-hero .eyebrow{font-size:17px}
.capability-number{font-size:17px}
.journey-step{font-size:16px}
@media(max-width:650px){.pill,.kicker,.page-hero .eyebrow{font-size:15px}.channel-box>span{font-size:1.1rem}.capability-number,.journey-step{font-size:14px}}


/* Selective heading size reduction v2.9.3 */
.hero-copy h1{font-size:clamp(44px,4.8vw,70px);line-height:1.04}
.capabilities-heading h2{font-size:clamp(29px,3.6vw,46px)}
.five-capabilities-head h2{font-size:clamp(26px,3.2vw,38px);line-height:1.15}
.inbox-focus-intro h2{font-size:clamp(36px,3.8vw,50px);line-height:1.1}
.admin-showcase-head h2{font-size:clamp(36px,3.8vw,50px);line-height:1.1}
.section-head h2{font-size:clamp(34px,3.7vw,48px);line-height:1.1}
.why-copy h2{font-size:clamp(34px,3.8vw,50px);line-height:1.08}
.section-title h2{font-size:clamp(34px,3.7vw,48px);line-height:1.1}
@media(max-width:650px){.hero-copy h1{font-size:clamp(36px,11vw,52px)}.capabilities-heading h2,.inbox-focus-intro h2,.admin-showcase-head h2,.section-head h2,.why-copy h2,.section-title h2{font-size:clamp(28px,8vw,38px)}.five-capabilities-head h2{font-size:clamp(26px,7.8vw,36px)}}


/* Heading balance & cross-device refinement v2.9.3 */
.hero-copy h1,
.capabilities-heading h2,
.five-capabilities-head h2,
.journey-title h2,
.inbox-focus-intro h2,
.admin-showcase-head h2,
.section-head h2,
.why-copy h2,
.page-section .section-title h2{
  text-wrap: balance;
  margin-left:auto;
  margin-right:auto;
}

.hero-copy h1{max-width:680px;line-height:1.08}
.capabilities-heading h2{max-width:860px;line-height:1.12}
.five-capabilities-head{max-width:1120px;margin-left:auto;margin-right:auto}
.five-capabilities-head h2{max-width:980px;line-height:1.18;letter-spacing:-.038em}
.journey-title{max-width:920px;margin-left:auto;margin-right:auto}
.journey-title h2{max-width:820px;line-height:1.14;letter-spacing:-.038em}
.inbox-focus-intro h2{max-width:860px;line-height:1.12}
.admin-showcase-head h2{max-width:820px;line-height:1.12}
.section-head h2{max-width:860px;line-height:1.12}
.why-copy h2{max-width:740px;line-height:1.12}
.page-section .section-title h2{max-width:860px;line-height:1.12}

@media (max-width: 1100px){
  .hero-copy h1{max-width:620px;font-size:clamp(42px,5vw,60px)}
  .capabilities-heading h2,.inbox-focus-intro h2,.admin-showcase-head h2,.section-head h2,.why-copy h2,.page-section .section-title h2{font-size:clamp(32px,4.2vw,44px)}
  .five-capabilities-head h2,.journey-title h2{font-size:clamp(30px,4vw,42px)}
}

@media (max-width: 820px){
  .hero-copy h1{max-width:100%;font-size:clamp(36px,7vw,48px);line-height:1.1}
  .capabilities-heading h2,.inbox-focus-intro h2,.admin-showcase-head h2,.section-head h2,.why-copy h2,.page-section .section-title h2{max-width:100%;font-size:clamp(28px,6vw,38px);line-height:1.14}
  .five-capabilities-head h2,.journey-title h2{max-width:100%;font-size:clamp(27px,5.8vw,36px);line-height:1.16}
}

@media (max-width: 650px){
  .capabilities-heading h2,.inbox-focus-intro h2,.admin-showcase-head h2,.section-head h2,.why-copy h2,.page-section .section-title h2{font-size:clamp(26px,7.2vw,34px);line-height:1.16}
  .five-capabilities-head h2,.journey-title h2{font-size:clamp(24px,6.8vw,32px);line-height:1.18}
}


/* Explicit balanced line layout v2.9.5 */
.balanced-lines{width:100%;text-align:center}
.balanced-lines .line-set{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.03em;width:100%}
.balanced-lines .line-set>span{display:block;width:max-content;max-width:100%;margin-inline:auto}
.balanced-lines .line-set-mobile{display:none}
.balanced-five-title{max-width:1040px!important}
.balanced-journey-title{max-width:840px!important}
.balanced-five-title .line-set-wide>span:first-child{min-width:76%}
.balanced-five-title .line-set-wide>span:last-child{min-width:82%}
.balanced-journey-title .line-set-wide>span:first-child{min-width:88%}
.balanced-journey-title .line-set-wide>span:last-child{min-width:62%}

@media(max-width:1000px){
  .balanced-five-title{max-width:860px!important}
  .balanced-journey-title{max-width:760px!important}
  .balanced-five-title .line-set-wide>span,.balanced-journey-title .line-set-wide>span{min-width:0}
}

@media(max-width:650px){
  .balanced-lines .line-set-wide{display:none}
  .balanced-lines .line-set-mobile{display:flex}
  .balanced-lines .line-set-mobile>span{width:auto;max-width:100%;min-width:0}
  .balanced-five-title,.balanced-journey-title{max-width:100%!important}
  .balanced-five-title{font-size:clamp(24px,6.6vw,31px)!important;line-height:1.17!important}
  .balanced-journey-title{font-size:clamp(25px,7vw,32px)!important;line-height:1.16!important}
}


/* SEO landing page: Nhân viên AI tư vấn bán hàng v3.0.3 */
.ai-sales-page{padding:88px 0;background:#fff}
.ai-sales-title{max-width:1000px}
.ai-sales-title h1{font-size:clamp(40px,5vw,64px);line-height:1.07;letter-spacing:-.048em;margin:12px auto 17px;text-wrap:balance;max-width:1000px}
.ai-sales-title>p{font-size:19px;max-width:860px;margin-left:auto;margin-right:auto;color:#667085}
.ai-sales-title .block-actions{justify-content:center;margin-top:25px}
.ai-sales-visual{width:min(1240px,calc(100% - 40px));margin:44px auto 78px;padding:12px;background:linear-gradient(180deg,#edf4ff,#f9fbff);border:1px solid #dfe8f5;border-radius:28px;box-shadow:0 28px 80px rgba(16,24,40,.13)}
.ai-sales-main-image{display:block;width:100%;height:auto;border-radius:18px}
.ai-sales-visual figcaption{font-size:13px;color:#667085;text-align:center;padding:13px 14px 4px;line-height:1.55}
.ai-sales-feature-grid .solution-card{min-height:230px}
.ai-sales-trust{margin-top:8px}
.ai-sales-faq{display:grid;gap:12px;max-width:980px;margin:0 auto}
.ai-sales-faq details{border:1px solid #e2e8f2;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(16,24,40,.045);padding:0 21px}
.ai-sales-faq summary{cursor:pointer;font-weight:850;font-size:17px;padding:19px 34px 19px 0;position:relative;list-style:none}
.ai-sales-faq summary::-webkit-details-marker{display:none}
.ai-sales-faq summary:after{content:"+";position:absolute;right:0;top:17px;width:28px;height:28px;border-radius:9px;background:#eef4ff;color:#175cd3;display:grid;place-items:center;font-size:20px}
.ai-sales-faq details[open] summary:after{content:"−"}
.ai-sales-faq p{margin:0;padding:0 0 20px;color:#667085;line-height:1.7}
@media(max-width:980px){.ai-sales-page{padding:72px 0}.ai-sales-visual{margin-bottom:62px}.ai-sales-title h1{font-size:clamp(36px,7vw,52px)}}
@media(max-width:650px){.ai-sales-page{padding:60px 0}.ai-sales-title h1{font-size:clamp(32px,9vw,44px);line-height:1.1}.ai-sales-title>p{font-size:16px}.ai-sales-title .block-actions{flex-direction:column}.ai-sales-title .wp-block-button,.ai-sales-title .wp-block-button__link{width:100%}.ai-sales-visual{width:calc(100% - 20px);padding:6px;border-radius:18px;margin:32px auto 52px}.ai-sales-main-image{border-radius:12px}.ai-sales-visual figcaption{font-size:12px}.ai-sales-faq summary{font-size:15px}}

/* v3.0.4 — Trang kiến thức SEO */
.seo-article-shell{padding-top:48px;padding-bottom:96px;background:linear-gradient(180deg,#fff 0,#f8fbff 100%)}
.article-featured-image{max-width:1050px;margin:0 auto 46px;border-radius:26px;overflow:hidden;background:#fff;border:1px solid #e5eaf2;box-shadow:0 30px 70px rgba(16,24,40,.11)}
.article-featured-image img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.article-featured-image figcaption{padding:12px 18px;color:#667085;font-size:13px;border-top:1px solid #eef2f6}
.seo-article{max-width:920px;margin:0 auto;color:#344054;font-size:17px;line-height:1.78}
.seo-article>p,.seo-article>ul,.seo-article>ol{max-width:820px;margin-left:auto;margin-right:auto}
.seo-article h2{max-width:820px;margin:54px auto 18px;color:#101828;font-size:32px;line-height:1.22;letter-spacing:-.02em;scroll-margin-top:110px}
.seo-article h3{color:#101828;line-height:1.3}
.seo-article a:not(.btn){color:#175cd3;text-decoration-thickness:1px;text-underline-offset:3px}
.article-lead{font-size:20px;line-height:1.72;color:#344054;margin-top:0!important;margin-bottom:30px!important}
.article-toc{max-width:820px;margin:0 auto 42px;padding:24px 26px;border:1px solid #dbe7f8;border-radius:20px;background:#f4f8ff;display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}
.article-toc strong{width:100%;color:#0b1f44;font-size:15px;margin-bottom:2px}
.article-toc a{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dbe4f0;font-size:14px;text-decoration:none!important}
.article-callout{max-width:820px;margin:28px auto;padding:24px 26px;border-radius:20px;background:linear-gradient(135deg,#0b1f44,#175cd3);color:#eaf2ff;box-shadow:0 20px 48px rgba(23,92,211,.18)}
.article-callout b{display:block;color:#fff;font-size:18px;margin-bottom:5px}.article-callout p{margin:0;color:#d9e7ff}
.article-card-grid{max-width:920px;margin:24px auto 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.article-card-grid.compact{grid-template-columns:repeat(2,1fr);max-width:820px}
.article-card-grid article{padding:23px;border:1px solid #e4eaf2;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(16,24,40,.055)}
.article-card-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf2ff;color:#175cd3;font-weight:800;font-size:13px}
.article-card-grid h3{font-size:18px;margin:15px 0 8px}.article-card-grid p{margin:0;color:#667085;font-size:15px;line-height:1.65}
.article-table-wrap{max-width:920px;margin:25px auto 12px;overflow-x:auto;border-radius:20px;border:1px solid #e4eaf2;background:#fff;box-shadow:0 14px 34px rgba(16,24,40,.045)}
.article-table{width:100%;border-collapse:collapse;min-width:680px}.article-table th,.article-table td{padding:17px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #e9edf3}.article-table th{background:#f6f8fb;color:#0b1f44;font-size:14px}.article-table td{font-size:15px;line-height:1.55}.article-table tr:last-child td{border-bottom:0}
.article-checklist{list-style:none;padding:0;max-width:820px;margin-top:22px!important}.article-checklist li{position:relative;padding:14px 16px 14px 48px;margin:10px 0;border-radius:15px;background:#fff;border:1px solid #e4eaf2}.article-checklist li:before{content:'✓';position:absolute;left:16px;top:13px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#dcfae6;color:#067647;font-weight:900;font-size:13px}.article-checklist.warning li:before{content:'!';background:#fff0d9;color:#b54708}
.article-steps{counter-reset:dkk-step;list-style:none;padding:0;max-width:820px;margin-top:22px!important}.article-steps li{counter-increment:dkk-step;display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:18px 0;border-bottom:1px solid #e8edf4}.article-steps li:before{content:counter(dkk-step);grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#0b1f44;color:#fff;font-weight:800}.article-steps b{color:#101828}.article-steps span{display:block;color:#667085;margin-top:3px;font-size:15px}
.article-faq{max-width:820px;margin:54px auto 0}.article-faq h2{margin:0 0 18px}.article-faq details{background:#fff;border:1px solid #e4eaf2;border-radius:16px;margin:10px 0;padding:0 20px}.article-faq summary{cursor:pointer;padding:18px 0;font-weight:750;color:#101828}.article-faq details p{margin:0 0 18px;color:#667085;font-size:15px}
.article-cta{max-width:920px;margin:58px auto 0;padding:34px;border-radius:26px;background:linear-gradient(135deg,#0b1f44 0%,#123b7a 58%,#175cd3 100%);color:#fff;display:flex;justify-content:space-between;gap:28px;align-items:center;box-shadow:0 26px 65px rgba(11,31,68,.22)}
.article-cta>div:first-child{max-width:610px}.article-cta span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#a8c7ff;font-weight:800}.article-cta h2{margin:7px 0 10px;color:#fff;font-size:28px;max-width:none}.article-cta p{margin:0;color:#dce8ff}.article-cta>div:last-child{display:flex;flex-direction:column;gap:10px;min-width:190px}.article-cta .btn{text-align:center}.article-cta .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.07)}
.article-related{max-width:920px;margin:52px auto 0}.article-related h2{margin:0 0 18px;max-width:none}.article-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-related-grid a{display:block;padding:22px;border:1px solid #dfe7f1;border-radius:18px;background:#fff;text-decoration:none!important;transition:.2s ease}.article-related-grid a:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(16,24,40,.08)}.article-related-grid b{display:block;color:#101828;margin-bottom:6px}.article-related-grid span{display:block;color:#667085;font-size:14px;line-height:1.55}
.decision-grid,.hybrid-model{max-width:820px;margin:22px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.decision-grid article,.hybrid-model>div{padding:24px;border-radius:20px;background:#fff;border:1px solid #e4eaf2}.decision-grid h3{margin:0 0 12px}.decision-grid ul,.hybrid-model ul{padding-left:20px;margin:0}.decision-grid li,.hybrid-model li{margin:8px 0}
.channel-article-grid{max-width:920px;margin:25px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.channel-article-grid article{padding:24px;border-radius:22px;background:#fff;border:1px solid #e3e9f2}.channel-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#fff;font-weight:900;font-size:20px}.zalo-mark{background:#0068ff}.fb-mark{background:#1877f2}.web-mark{background:#0b1f44}.channel-article-grid h3{margin:15px 0 8px}.channel-article-grid p,.channel-article-grid li{font-size:15px;color:#667085}.channel-article-grid ul{padding-left:18px}
.sales-journey{max-width:920px;margin:25px auto;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:10px}.sales-journey>div{padding:20px;border-radius:18px;background:#fff;border:1px solid #e4eaf2}.sales-journey>i{align-self:center;color:#98a2b3}.sales-journey span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf2ff;color:#175cd3;font-weight:800;font-size:12px}.sales-journey b{display:block;margin:12px 0 6px;color:#101828}.sales-journey p{margin:0;color:#667085;font-size:14px;line-height:1.5}
.metric-grid{max-width:920px;margin:24px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-grid article{padding:20px;border-radius:18px;background:#fff;border:1px solid #e4eaf2}.metric-grid b{display:block;color:#101828;margin-bottom:6px}.metric-grid span{font-size:14px;color:#667085}
.data-cycle{max-width:820px;margin:24px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.data-cycle>div{padding:20px;border-radius:17px;background:#f4f8ff;border:1px solid #dce7f7}.data-cycle b{display:block;color:#0b1f44}.data-cycle span{display:block;color:#667085;margin-top:5px;font-size:14px}
.hybrid-model>div:first-child{border-top:4px solid #2970ff}.hybrid-model>div:last-child{border-top:4px solid #12b76a}.hybrid-model>div>span{display:block;font-weight:850;color:#101828;font-size:18px;margin-bottom:12px}
.knowledge-footer{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:28px;display:grid;grid-template-columns:260px 1fr;gap:28px}.knowledge-footer-head span{display:block;color:#8fb7ff;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.knowledge-footer-head b{display:block;color:#fff;margin-top:5px}.knowledge-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px}.knowledge-footer-links a{font-size:13px;color:#b8c5d8;line-height:1.45}.knowledge-footer-links a:hover{color:#fff}
@media(max-width:1000px){.article-card-grid,.channel-article-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.sales-journey{grid-template-columns:1fr 1fr}.sales-journey>i{display:none}.knowledge-footer{grid-template-columns:1fr}.knowledge-footer-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.seo-article{font-size:16px}.seo-article h2{font-size:27px;margin-top:44px}.article-lead{font-size:18px}.article-card-grid,.article-card-grid.compact,.channel-article-grid,.metric-grid,.decision-grid,.hybrid-model,.data-cycle,.article-related-grid{grid-template-columns:1fr}.article-toc{padding:20px}.article-cta{padding:27px;flex-direction:column;align-items:flex-start}.article-cta>div:last-child{width:100%;flex-direction:row;flex-wrap:wrap}.article-cta .btn{flex:1}.sales-journey{grid-template-columns:1fr}.knowledge-footer-links{grid-template-columns:1fr}.article-featured-image{border-radius:18px;margin-bottom:34px}.article-featured-image img{aspect-ratio:16/9}.article-table th,.article-table td{padding:14px}}

/* v3.0.5 — Thu gọn banner đầu trang con trên toàn website */


/* Chat DKK v3.0.13 — compact subpage hero and focused app access page */
.page-hero{padding:12px 0 16px}
.page-hero .site-breadcrumb{margin-bottom:6px;font-size:12px}
.page-hero .eyebrow{font-size:13px;padding:4px 9px}
.page-hero h1{font-size:clamp(31px,2.9vw,41px);margin:6px 0 3px;line-height:1.08}
.page-hero p{font-size:15px;line-height:1.45}
.page-shell{padding:38px 0 46px}

.dkk-page-tai-ung-dung .page-shell{padding:34px 0 52px}
.app-access-wrap{max-width:1040px;margin:0 auto}
.app-access-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:34px;align-items:center;background:linear-gradient(135deg,#fff,#f4f8ff);border:1px solid #dce6f5;border-radius:28px;padding:42px;box-shadow:0 22px 56px rgba(16,24,40,.08)}
.app-access-copy .kicker{display:block;margin-bottom:8px}
.app-access-copy h2{max-width:700px;margin:0 0 14px;font-size:clamp(32px,3.5vw,48px);line-height:1.1;letter-spacing:-.04em}
.app-access-copy p{max-width:700px;margin:0;color:#59677c;font-size:17px}
.app-access-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.app-access-actions .btn{min-width:170px;text-align:center}
.app-access-side{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px;border-radius:22px;background:#0b1f44;color:#fff}
.app-access-side img{width:116px;height:116px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.app-access-side b{display:block;font-size:18px;line-height:1.35}
.app-access-side span{display:block;margin-top:5px;color:#cbd8ee;font-size:13px}
.app-access-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.app-access-benefits article{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid #e2e8f1;border-radius:18px;padding:18px;box-shadow:0 10px 26px rgba(16,24,40,.045)}
.app-access-benefits i{flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#eef4ff;color:#175cd3;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900}
.app-access-benefits b{display:block;font-size:15px;line-height:1.35}
.app-access-benefits span{display:block;margin-top:4px;color:#667085;font-size:13px;line-height:1.45}

@media(max-width:900px){
  .app-access-card{grid-template-columns:1fr;padding:32px}
  .app-access-side{display:grid;grid-template-columns:92px 1fr;text-align:left}
  .app-access-side img{width:82px;height:82px}
  .app-access-benefits{grid-template-columns:1fr}
}
@media(max-width:650px){
  .page-hero{padding:10px 0 14px}
  .page-hero .eyebrow{font-size:12px}
  .page-hero h1{font-size:clamp(28px,8.5vw,36px)}
  .page-shell,.dkk-page-tai-ung-dung .page-shell{padding:28px 0 40px}
  .app-access-card{padding:24px;border-radius:22px;gap:24px}
  .app-access-copy h2{font-size:clamp(28px,8vw,36px)}
  .app-access-copy p{font-size:15px}
  .app-access-actions .btn{width:100%}
  .app-access-side{grid-template-columns:70px 1fr;padding:18px}
  .app-access-side img{width:64px;height:64px}
}


/* Chat DKK v3.0.14 — mobile phone layout hardening (iPad unchanged) */
@media (max-width: 600px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{padding-bottom:76px}
  .container,.wp-block-group.container{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Header gọn, menu mở thành bảng đầy đủ chiều ngang. */
  .topnote{display:none}
  .header{top:0}
  body.admin-bar .header{top:0}
  .nav{height:72px;gap:12px}
  .brand{gap:10px;font-size:18px;min-width:0;white-space:nowrap}
  .custom-logo,.brand .custom-logo{width:40px;height:40px;flex:0 0 40px}
  .menu-btn{display:grid;width:44px;height:44px;padding:0;place-items:center;border-radius:11px;line-height:1}
  .menu.open{
    top:64px;left:12px;right:12px;width:auto;
    max-height:calc(100dvh - 84px);overflow-y:auto;
    padding:10px;border-radius:16px;gap:0;align-items:stretch
  }
  .menu ul{width:100%;display:grid;gap:4px;align-items:stretch}
  .menu li,.menu a{width:100%}
  .menu a{display:block;padding:12px 14px;border-radius:10px}
  .menu .current-menu-item>a{background:#eef4ff}

  /* Mọi khối nội dung được phép co đúng, không bó chữ thành từng ký tự. */
  main,section,.page-shell,.page-section,.page-shell .container,.page-section .container,
  .wp-site-blocks,.wp-block-group,.wp-block-columns,.wp-block-column,
  .content-card,.policy-copy,.contact-panel,.contact-form-panel,
  .seo-article,.article-card-grid>*,.section-grid-2>*,.section-grid-3>*,.section-grid-4>*,
  .platform-grid>*,.contact-layout>*,.policy-nav>*,.value-banner>*{min-width:0;max-width:100%}
  p,li,h1,h2,h3,h4,span,b,a{word-break:normal;overflow-wrap:break-word}
  img,video,iframe,svg{max-width:100%;height:auto}
  .wp-block-columns{flex-wrap:wrap!important}
  .wp-block-column{flex-basis:100%!important;min-width:0!important}
  .wp-block-table,.article-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .wp-block-table table,.article-table{word-break:normal;white-space:normal}

  /* Hero và khoảng cách trang con. */
  .page-hero{padding:9px 0 12px}
  .page-hero .container{padding-top:0!important;padding-bottom:0!important}
  .page-hero .site-breadcrumb{font-size:11px;margin-bottom:4px}
  .page-hero .eyebrow{font-size:11px;padding:3px 8px}
  .page-hero h1{font-size:clamp(27px,9vw,34px);margin:4px 0 3px;line-height:1.08}
  .page-hero p{font-size:14px;line-height:1.4}
  .page-shell,.dkk-page-tai-ung-dung .page-shell{padding:24px 0 34px}
  .page-section{padding:52px 0}
  .content-card,.policy-copy,.contact-panel,.contact-form-panel{padding:20px;border-radius:18px}
  .contact-panel h2{font-size:27px}
  .contact-row{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px 0}
  .contact-row i{width:38px;height:38px}

  /* Mô phỏng hộp thư trên trang chủ: điện thoại chỉ hiện phần hội thoại. */
  .product-stage{min-height:auto;padding:0!important}
  .app-shell{width:100%!important;max-width:100%;margin:0!important;transform:none;border-radius:18px}
  .app-top{height:52px;padding:0 12px}
  .app-top .online{display:none}
  .app-body{display:block;min-height:390px!important}
  .inbox{display:none}
  .conversation{min-width:0;min-height:390px}
  .conv-head{height:54px;padding:0 12px}
  .messages{padding:12px;gap:9px}
  .msg{max-width:90%;font-size:10.5px;padding:9px 10px}
  .product-card{width:90%;grid-template-columns:52px minmax(0,1fr);gap:9px;padding:8px}
  .product-img{height:52px}
  .product-img:before{left:12px;top:7px;width:27px;height:38px}
  .product-info{min-width:0}
  .product-info b,.product-info span{word-break:normal;overflow-wrap:break-word}
  .composer{height:54px;padding:9px 11px}
  .channel-strip{margin-top:14px}
  .channel-box{padding:16px;border-radius:17px}
  .channels{justify-content:center}

  /* Khối truy cập ứng dụng và các lưới. */
  .app-access-card{padding:20px;border-radius:20px;gap:20px}
  .app-access-copy h2{font-size:clamp(26px,8.5vw,34px)}
  .app-access-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .app-access-actions .btn{width:100%;min-width:0}
  .app-access-side{grid-template-columns:60px minmax(0,1fr);padding:16px;gap:12px}
  .app-access-side img{width:56px;height:56px}
  .app-access-benefits{grid-template-columns:1fr;gap:10px}
  .app-access-benefits article{padding:15px}

  /* Liên hệ nhanh chuyển thành thanh ngang ở đáy, không che nội dung. */
  .floating-contact{
    left:50%;right:auto;top:auto;bottom:10px;
    transform:translateX(-50%);flex-direction:row;gap:7px;
    padding:6px;border-radius:18px;background:rgba(255,255,255,.94);
    border:1px solid #e4e7ec;box-shadow:0 16px 38px rgba(16,24,40,.18);
    backdrop-filter:blur(12px);z-index:79
  }
  .floating-btn{width:48px;height:48px;min-width:48px;padding:4px;border-radius:14px;justify-content:center;box-shadow:none}
  .floating-btn:hover{transform:none}
  .floating-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}
  .floating-text{display:none}
  .admin-edit-link{display:none!important}
  .footer{padding-bottom:68px}
}

@media (max-width: 380px){
  .container,.wp-block-group.container{padding-left:12px!important;padding-right:12px!important}
  .brand{font-size:17px}
  .custom-logo,.brand .custom-logo{width:38px;height:38px;flex-basis:38px}
  .page-hero h1{font-size:28px}
  .floating-btn{width:46px;height:46px;min-width:46px}
}