:root{
  --green:#0b6f3f;--green-2:#199554;--green-dark:#06492c;--green-soft:#eaf7ef;
  --gold:#c79a2b;--gold-soft:#fff6d9;--blue:#164e72;--navy:#102b3f;
  --text:#172a24;--muted:#62726b;--line:#dbe8df;--surface:#ffffff;--soft:#f5faf7;
  --sidebar:292px;--radius:22px;--shadow:0 18px 50px rgba(14,67,42,.09);
  font-family:"Noto Sans Khmer","Khmer OS Battambang",Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:#f7faf8;color:var(--text);line-height:1.68}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.lang-en{display:none}html[data-lang="en"] .lang-km{display:none!important}html[data-lang="en"] .lang-en{display:initial}.skip-link{position:fixed;left:14px;top:-80px;z-index:999;padding:10px 14px;border-radius:10px;background:#fff;color:var(--green-dark);box-shadow:var(--shadow)}.skip-link:focus{top:14px}.site-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:24px 20px;background:linear-gradient(180deg,#fff 0%,#f4fbf6 100%);border-right:1px solid var(--line);overflow:auto;z-index:50}.brand{display:flex;align-items:center;gap:13px}.brand img{width:66px;height:66px;object-fit:cover;border:1px solid var(--line);border-radius:18px;background:#fff}.brand strong{display:block;color:var(--green);font-size:27px;letter-spacing:.07em;line-height:1}.brand small{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:800}.brand-positioning{margin:16px 0 20px;padding:11px 12px;border:1px solid #d6e8dc;border-radius:14px;background:#f7fcf8;color:#456457;font-size:10.5px;font-weight:850;line-height:1.5}.side-nav{display:grid;gap:5px}.side-nav a{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:10px 11px;border-radius:13px;color:#3e574b;font-size:12px;font-weight:800;transition:.17s}.side-nav a i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#edf5f0;color:#62806f;font-size:9px;font-style:normal}.side-nav a:hover{background:#eff8f2;transform:translateX(2px)}.side-nav a.active{background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;box-shadow:0 9px 20px rgba(11,111,63,.17)}.side-nav a.active i{background:rgba(255,255,255,.17);color:#fff}.sidebar-footer{margin-top:auto;padding-top:20px;color:#829188;text-align:center;font-size:9px}.sidebar-footer b,.sidebar-footer span{display:block}.main-area{margin-left:var(--sidebar);padding:0 34px 42px}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid rgba(219,232,223,.9);background:rgba(247,250,248,.92);backdrop-filter:blur(16px)}.topbar-title{display:flex;align-items:center;gap:12px;min-width:0}.menu-button{display:none;width:43px;height:43px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--green);font-size:20px}.eyebrow{color:var(--green);font-size:9px;font-weight:950;letter-spacing:.13em}.topbar h1{margin:3px 0 0;color:var(--green-dark);font-size:18px;line-height:1.25}.top-actions{display:flex;align-items:center;gap:9px}.language-switch{display:flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff}.language-switch button{border:0;border-radius:8px;padding:7px 10px;background:transparent;color:#65766e;font-size:11px;font-weight:900}.language-switch button.active{background:var(--green);color:#fff}.outline-button{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid #cce0d3;border-radius:12px;background:#fff;color:var(--green);font-size:11px;font-weight:900}.section-anchor{scroll-margin-top:88px}.hero-section{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:44px;align-items:center;min-height:560px;margin-top:24px;padding:55px;border-radius:34px;background:linear-gradient(120deg,#063f27 0%,#087244 55%,#13a159 100%);color:#fff;box-shadow:0 25px 65px rgba(7,82,47,.22)}.hero-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px);background-size:24px 24px;opacity:.25;mask-image:linear-gradient(90deg,#000,transparent 73%)}.hero-section:after{content:"";position:absolute;right:-170px;bottom:-240px;width:620px;height:620px;border:74px solid rgba(255,255,255,.055);border-radius:50%}.hero-copy,.hero-visual{position:relative;z-index:1}.hero-kicker{display:inline-flex;max-width:720px;padding:8px 13px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.1);font-size:10px;font-weight:900;letter-spacing:.04em}.hero-section h2{max-width:920px;margin:20px 0 15px;font-size:clamp(34px,4.2vw,62px);line-height:1.23;letter-spacing:-.035em}.hero-lead{max-width:900px;margin:0;color:#e7fff0;font-size:16px;line-height:1.85}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid transparent;border-radius:14px;font-weight:900;font-size:12px}.primary-button{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(7,82,47,.18)}.hero-section .primary-button{background:#fff;color:var(--green-dark)}.secondary-button{border-color:#cfe2d5;background:#fff;color:var(--green)}.hero-section .secondary-button{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff}.hero-note{display:grid;gap:4px;margin-top:30px;padding:15px 17px;border-left:4px solid #f1c65c;background:rgba(1,44,25,.25);color:#dff9e9;font-size:11.5px}.hero-note strong{color:#fff}.hero-visual{min-height:390px;display:grid;place-items:center}.logo-frame{width:min(310px,82%);aspect-ratio:1/1;padding:11px;border-radius:48px;background:#fff;box-shadow:0 28px 58px rgba(0,0,0,.28);transform:rotate(2deg)}.logo-frame img{width:100%;height:100%;object-fit:cover;border-radius:39px}.system-orbit{position:absolute;display:grid;place-items:center;width:70px;height:70px;border:1px solid rgba(255,255,255,.35);border-radius:24px;background:rgba(255,255,255,.13);backdrop-filter:blur(10px);font-size:13px;font-weight:950;box-shadow:0 14px 28px rgba(0,0,0,.15)}.orbit-one{left:1%;top:10%}.orbit-two{right:0;top:8%}.orbit-three{right:3%;bottom:5%}.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0 0}.value-grid article{display:grid;gap:7px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(18,64,42,.045)}.value-grid article>span{color:var(--gold);font-size:11px;font-weight:950}.value-grid b{color:var(--green-dark);font-size:16px}.value-grid p{margin:0;color:var(--muted);font-size:11px}
.why-kitya{margin:18px 0 0;padding:30px;border:1px solid #d8e7dd;border-radius:28px;background:linear-gradient(145deg,#ffffff 0%,#f5faf7 100%);box-shadow:0 14px 34px rgba(18,64,42,.055)}
.why-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:end;gap:34px;margin-bottom:24px;padding-bottom:21px;border-bottom:1px solid #e2ece6}
.why-eyebrow{display:block;margin-bottom:8px;color:var(--green);font-size:10px;font-weight:950;letter-spacing:.13em}
.why-heading h2{max-width:850px;margin:0;color:var(--green-dark);font-size:clamp(25px,2.5vw,38px);font-weight:750;line-height:1.42;letter-spacing:-.02em}
.why-heading>p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.8}
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.why-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:14px;min-height:190px;padding:21px 19px;border:1px solid #d6e6dc;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(18,64,42,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.why-card::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--gold),#e3bf58);opacity:.9}
.why-card:hover{transform:translateY(-3px);border-color:#abd0b7;box-shadow:0 15px 32px rgba(12,84,47,.09)}
.why-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#0b7242,#149455);color:#fff;box-shadow:0 8px 18px rgba(11,111,63,.18)}
.why-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.why-card b{display:block;margin:2px 0 8px;color:var(--green-dark);font-size:14px;line-height:1.5}
.why-card p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.75}
html[data-lang="en"] .why-heading h2{font-family:Inter,"Segoe UI",Arial,sans-serif;font-weight:750;line-height:1.2}
html[data-lang="en"] .why-card b{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px;line-height:1.35}
@media(max-width:1260px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-card{min-height:170px}}
@media(max-width:820px){.why-heading{grid-template-columns:1fr;gap:12px}.why-heading h2{font-size:28px}.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.why-kitya{padding:22px 17px;border-radius:23px}.why-grid{grid-template-columns:1fr}.why-card{min-height:auto}.why-heading h2{font-size:25px}}
@media print{.why-kitya{box-shadow:none;break-inside:avoid}.why-card{box-shadow:none;min-height:0}.why-grid{grid-template-columns:repeat(2,1fr)}}.content-section{margin-top:24px;padding:40px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:var(--shadow)}.section-heading{max-width:950px;margin-bottom:27px}.section-heading>span,.founder-copy>span{color:var(--green);font-size:10px;font-weight:950;letter-spacing:.12em}.section-heading h2{margin:7px 0 10px;color:var(--green-dark);font-size:clamp(27px,3vw,43px);line-height:1.32}.section-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.section-heading.light h2,.section-heading.light>span{color:#fff}.section-heading.light p{color:#d8ede2}.section-heading.compact{margin-bottom:16px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.statement-card{padding:25px;border:1px solid #d3e7da;border-radius:23px;background:linear-gradient(145deg,#fbfffc,#f4fbf6)}.statement-card.accent{border-color:#eadcae;background:linear-gradient(145deg,#fffdf5,#fff)}.statement-card small{color:var(--green);font-weight:950;letter-spacing:.12em}.statement-card h3{margin:6px 0 9px;color:var(--green-dark);font-size:22px}.statement-card p,.statement-card li{color:#566860;font-size:12px;line-height:1.75}.statement-card ul{margin:0;padding-left:20px}.profile-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.profile-facts>div{padding:17px;border:1px solid var(--line);border-radius:17px}.profile-facts b{color:var(--green-dark);font-size:12px}.profile-facts p{margin:6px 0 0;color:var(--muted);font-size:10.5px}.dark-section{border:0;background:linear-gradient(130deg,#0a2e22,#104f38);color:#fff}.solution-architecture{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.solution-architecture article{padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.07)}.solution-architecture article>span{color:#f2cb68;font-size:10px;font-weight:950}.solution-architecture h3{margin:9px 0 7px;font-size:16px;line-height:1.45}.solution-architecture p{margin:0;color:#d7e9df;font-size:10.5px}.split-heading{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:25px}.service-filter{width:min(360px,100%)}.service-filter label{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:850}.service-filter input,.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #cfdfd4;border-radius:13px;padding:11px 12px;background:#fff;color:var(--text);outline:none}.service-filter input:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(11,111,63,.09)}.challenge-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.challenge-chips button{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#5b6e64;font-size:10px;font-weight:900}.challenge-chips button.active{border-color:var(--green);background:var(--green);color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.service-card{position:relative;display:grid;align-content:start;gap:9px;min-height:238px;padding:21px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,#fff,#fbfefc);transition:.17s}.service-card:hover{transform:translateY(-3px);border-color:#aad2b7;box-shadow:0 15px 34px rgba(12,84,47,.08)}.service-card[hidden]{display:none}.service-number{color:var(--gold);font-size:10px;font-weight:950}.service-card h3{margin:0;color:var(--green-dark);font-size:17px;line-height:1.45}.service-card p{margin:0;color:var(--muted);font-size:11px}.service-output{margin-top:auto;padding-top:10px;border-top:1px solid #edf3ef;color:#47725a;font-size:9px;font-weight:900}.empty-result{padding:25px;text-align:center;color:var(--muted)}.soft-section{background:linear-gradient(145deg,#f4faf6,#fff)}.digital-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.digital-grid article{display:grid;align-content:start;gap:9px;padding:19px;border:1px solid #d3e6d9;border-radius:20px;background:#fff}.digital-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;font-size:10px;font-weight:950}.digital-grid h3{margin:2px 0 0;color:var(--green-dark);font-size:15px}.digital-grid p{margin:0;color:var(--muted);font-size:10.5px}.status-badge{width:max-content;margin-top:auto;padding:5px 8px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:8px;font-weight:950}.process-flow{display:grid;gap:10px}.process-flow article{display:grid;grid-template-columns:62px minmax(0,1fr);gap:15px;padding:18px;border:1px solid var(--line);border-radius:18px}.process-flow article>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:var(--green-soft);color:var(--green);font-size:13px;font-weight:950}.process-flow h3{margin:0;color:var(--green-dark);font-size:16px}.process-flow p{margin:5px 0;color:var(--muted);font-size:11px}.process-flow b{color:#527060;font-size:9.5px}.deliverables-section{background:linear-gradient(145deg,#fffdf6,#fff)}.deliverable-cloud{display:flex;flex-wrap:wrap;gap:8px}.deliverable-cloud span{padding:8px 11px;border:1px solid #e1e9e3;border-radius:999px;background:#fff;color:#41614f;font-size:10px;font-weight:850}.scope-note{margin:18px 0 0;padding:14px 16px;border-left:4px solid var(--gold);background:#fff8e5;color:#705b25;font-size:10.5px}.governance-section{background:linear-gradient(150deg,#fff,#f4faf6)}.standards-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.standards-grid a{display:grid;gap:8px;padding:17px;border:1px solid #d5e5db;border-radius:18px;background:#fff;transition:.17s}.standards-grid a:hover{transform:translateY(-2px);border-color:#a5ccb2}.standards-grid b{color:var(--green);font-size:16px}.standards-grid span{color:var(--muted);font-size:9.5px}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:13px}.control-grid article{padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff}.control-grid b{color:var(--green-dark);font-size:12px}.control-grid p{margin:6px 0 0;color:var(--muted);font-size:10px}.leadership-section{padding:0;overflow:hidden}.founder-card{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:430px}.founder-photo{display:grid;place-items:center;padding:40px;background:linear-gradient(135deg,#0a5b38,#0d8a4e)}.founder-photo img{width:230px;height:230px;object-fit:cover;border:10px solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 25px 55px rgba(0,0,0,.25)}.founder-copy{padding:45px}.founder-copy h2{margin:9px 0 0;color:var(--green-dark);font-size:42px;letter-spacing:.04em}.founder-copy h3{margin:0 0 16px;color:var(--gold);font-size:17px}.founder-copy p{color:var(--muted);font-size:12px}.expertise-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.expertise-list span{padding:7px 9px;border-radius:9px;background:#eff7f2;color:#35634a;font-size:9px;font-weight:900}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.package-grid article{display:grid;gap:9px;padding:23px;border:1px solid var(--line);border-radius:21px;background:#fff}.package-grid article.featured{border-color:#bfdeca;background:linear-gradient(145deg,#f6fff8,#fff);box-shadow:0 16px 38px rgba(11,111,63,.1)}.package-grid article>span{color:var(--green);font-size:9px;font-weight:950;letter-spacing:.11em}.package-grid h3{margin:0;color:var(--green-dark);font-size:20px}.package-grid p{margin:0;color:var(--muted);font-size:11px}.package-grid b{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);color:#527060;font-size:9.5px}.contact-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:40px;margin-top:24px;padding:45px;border-radius:30px;background:linear-gradient(130deg,#082f22,#0a6940);color:#fff;box-shadow:0 24px 55px rgba(8,47,34,.18)}.contact-copy>span{color:#f2ca68;font-size:10px;font-weight:950;letter-spacing:.12em}.contact-copy h2{margin:10px 0 12px;font-size:clamp(30px,3.5vw,48px);line-height:1.3}.contact-copy>p{color:#d8eee2;font-size:13px}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.contact-list a{padding:12px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(255,255,255,.07)}.contact-list b,.contact-list span{display:block}.contact-list b{font-size:9px;color:#bddac9}.contact-list span{margin-top:4px;font-size:11px;font-weight:850}.contact-form{display:grid;gap:11px;padding:25px;border-radius:23px;background:#fff;color:var(--text);box-shadow:0 22px 50px rgba(0,0,0,.19)}.form-head{display:grid;margin-bottom:3px}.form-head b{color:var(--green-dark);font-size:15px}.form-head small{color:var(--muted);font-size:9px}.contact-form label{display:grid;gap:5px;color:#3f5b4c;font-size:10px;font-weight:850}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-form textarea{resize:vertical}.form-actions{display:flex;gap:8px}.form-actions button{border:0}.footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--muted)}.footer>div{display:flex;align-items:center;gap:9px}.footer img{width:45px;height:45px;border-radius:12px}.footer b,.footer small{display:block}.footer b{color:var(--green-dark);font-size:11px}.footer small{font-size:8px}.footer p{margin:0;font-size:9px}.footer>span{font-size:9px;white-space:nowrap}.toast{position:fixed;right:22px;bottom:22px;z-index:100;max-width:min(420px,calc(100vw - 30px));padding:12px 15px;border-radius:13px;background:#0c6e40;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.22);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s;font-size:11px}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1260px){.solution-architecture,.digital-grid,.standards-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}.control-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){:root{--sidebar:280px}.sidebar{transform:translateX(-103%);transition:.22s;box-shadow:0 20px 50px rgba(0,0,0,.16)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;padding:0 20px 35px}.menu-button{display:grid;place-items:center}.hero-section{grid-template-columns:1fr;padding:40px}.hero-visual{display:none}.about-grid,.package-grid,.contact-section{grid-template-columns:1fr}.profile-facts{grid-template-columns:1fr}.split-heading{display:grid}.founder-card{grid-template-columns:260px minmax(0,1fr)}.contact-section{gap:25px}}
@media(max-width:700px){.main-area{padding:0 12px 26px}.topbar{align-items:flex-start}.topbar h1{font-size:14px}.outline-button{display:none}.hero-section{min-height:auto;padding:27px 22px;border-radius:25px}.hero-section h2{font-size:33px}.hero-lead{font-size:13px}.value-grid,.service-grid,.solution-architecture,.digital-grid,.standards-grid,.control-grid,.package-grid{grid-template-columns:1fr}.content-section{padding:24px 19px;border-radius:24px}.section-heading h2{font-size:29px}.about-grid{grid-template-columns:1fr}.founder-card{grid-template-columns:1fr}.founder-photo{padding:30px}.founder-copy{padding:28px 22px}.founder-copy h2{font-size:34px}.contact-section{padding:29px 20px;border-radius:24px}.contact-list,.form-row{grid-template-columns:1fr}.form-actions{display:grid}.footer{grid-template-columns:1fr;text-align:center}.footer>div{justify-content:center}.footer>span{white-space:normal}.top-actions{gap:5px}.language-switch button{padding:6px 8px}.process-flow article{grid-template-columns:48px minmax(0,1fr)}.process-flow article>span{width:42px;height:42px}.service-filter{width:100%}}
@media print{.sidebar,.topbar,.hero-actions,.challenge-chips,.service-filter,.contact-form,.toast{display:none!important}.main-area{margin:0;padding:0}.hero-section,.content-section,.contact-section{break-inside:avoid;box-shadow:none;margin-top:12px}.hero-section{min-height:0;padding:35px}.hero-visual{display:none}.value-grid,.solution-architecture,.service-grid,.digital-grid,.standards-grid,.control-grid,.package-grid{break-inside:avoid}.contact-section{grid-template-columns:1fr}.footer{box-shadow:none}@page{size:A4;margin:12mm}}


/* =========================================================
   KITYA HEADER — PROFESSIONAL TYPOGRAPHY & ACCESSIBLE CONTROLS
   ========================================================= */
.topbar{
  min-height:126px;
  padding:27px 0 23px;
  align-items:center;
  gap:34px;
  border-bottom:1px solid rgba(185,211,195,.66);
  background:rgba(249,252,250,.96);
  box-shadow:0 10px 30px rgba(16,68,43,.025);
}
.topbar-title{flex:1 1 auto;align-items:flex-start;gap:15px;min-width:0}
.topbar-title>div{min-width:0}
.eyebrow{
  display:block;
  margin-bottom:9px;
  color:#087344;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:10.5px;
  font-weight:850;
  line-height:1.2;
  letter-spacing:.21em;
  text-transform:uppercase;
}
.topbar h1{
  max-width:980px;
  margin:0;
  color:#0a5233;
  font-family:"Noto Serif Khmer","Khmer OS Muol Light","Khmer OS Battambang",serif;
  font-size:clamp(22px,1.75vw,32px);
  font-weight:600;
  line-height:1.58;
  letter-spacing:0;
  text-wrap:balance;
}
html[data-lang="en"] .topbar h1{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:clamp(21px,1.55vw,29px);
  font-weight:750;
  line-height:1.28;
  letter-spacing:-.018em;
}
.top-actions{flex:0 0 auto;align-items:center;gap:15px}
.language-switch{
  display:grid;
  grid-template-columns:repeat(2,minmax(73px,1fr));
  min-width:154px;
  min-height:58px;
  padding:3px;
  overflow:hidden;
  border:1px solid #b9d6c4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(7,82,47,.055),inset 0 0 0 1px rgba(255,255,255,.7);
}
.language-switch button{
  display:grid;
  place-items:center;
  min-height:50px;
  padding:10px 17px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#53665d;
  font-size:13px;
  font-weight:900;
  line-height:1;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.language-switch button:hover:not(.active){background:#f1f8f3;color:#0a6b3e}
.language-switch button.active{
  background:linear-gradient(135deg,#075c37,#0b7745);
  color:#fff;
  box-shadow:0 8px 18px rgba(7,92,55,.20);
}
.language-switch button:active{transform:scale(.98)}
.language-switch button:focus-visible,.outline-button:focus-visible{
  outline:3px solid rgba(22,149,84,.22);
  outline-offset:3px;
}
.outline-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:58px;
  padding:12px 21px;
  border:1px solid #a9ceb8;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfefc);
  color:#087344;
  box-shadow:0 8px 22px rgba(7,82,47,.045);
  font-size:13px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.outline-button .download-icon{width:22px;height:22px;flex:0 0 auto;stroke-width:1.9}
.outline-button:hover{
  transform:translateY(-1px);
  border-color:#73ad89;
  background:#f7fcf8;
  box-shadow:0 12px 26px rgba(7,82,47,.09);
}
.outline-button:active{transform:translateY(0) scale(.985)}
@media(max-width:1180px){
  .topbar{gap:20px}
  .topbar h1{font-size:clamp(20px,2vw,28px)}
  .language-switch{grid-template-columns:repeat(2,minmax(64px,1fr));min-width:136px}
  .outline-button{padding-inline:17px}
}
@media(max-width:820px){
  .topbar{display:grid;grid-template-columns:1fr;gap:14px;min-height:auto;padding:17px 0 15px}
  .topbar-title{width:100%}
  .eyebrow{margin-bottom:7px;font-size:9px;letter-spacing:.17em}
  .topbar h1{font-size:20px;line-height:1.55}
  html[data-lang="en"] .topbar h1{font-size:20px}
  .top-actions{width:100%;justify-content:flex-end;gap:10px}
  .language-switch{min-height:50px}
  .language-switch button{min-height:42px;padding:8px 13px;font-size:12px}
  .outline-button{display:inline-flex;min-height:50px;padding:10px 16px;font-size:12px}
  .outline-button .download-icon{width:20px;height:20px}
}
@media(max-width:500px){
  .top-actions{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.25fr)}
  .language-switch{width:100%;min-width:0}
  .outline-button{width:100%;padding-inline:10px}
  .topbar h1{font-size:18px}
}

/* Full Khmer localization refinements */
.digital-icon .lang-km{font-size:8px;line-height:1.25;text-align:center;padding:0 3px}.eyebrow .lang-km{letter-spacing:.04em}.brand strong .lang-km{letter-spacing:0}.service-output .lang-km{line-height:1.55}.deliverable-box>.lang-km{line-height:1.4}

/* Strong language visibility rules */
.lang-en,.lang-zh{display:none!important}
html[data-lang="en"] .lang-km,html[data-lang="en"] .lang-zh{display:none!important}
html[data-lang="en"] .lang-en{display:revert!important}
html[data-lang="zh"] .lang-km,html[data-lang="zh"] .lang-en{display:none!important}
html[data-lang="zh"] .lang-zh{display:revert!important}

/* =========================================================
   KITYA HERO — APPROVED CORPORATE DESIGN (VERSION 1.1)
   ========================================================= */
.hero-section.hero-premium{
  position:relative;
  isolation:isolate;
  display:block;
  min-height:820px;
  margin-top:24px;
  padding:44px 34px 30px;
  overflow:hidden;
  border:1px solid rgba(214,189,76,.26);
  border-radius:34px;
  background:
    radial-gradient(circle at 72% 28%,rgba(38,154,79,.20),transparent 31%),
    radial-gradient(circle at 7% 7%,rgba(255,255,255,.035) 0 1px,transparent 1.5px) 0 0/19px 19px,
    linear-gradient(132deg,#012d22 0%,#00412d 46%,#00663d 72%,#008a4a 100%);
  color:#fff;
  box-shadow:0 30px 72px rgba(2,52,35,.25);
}
.hero-section.hero-premium::before{
  content:"";
  position:absolute;
  z-index:-2;
  top:-45px;
  right:-55px;
  width:620px;
  height:620px;
  border:1px solid rgba(217,181,57,.34);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(217,181,57,.055),0 0 0 70px rgba(217,181,57,.035);
  background:radial-gradient(circle at center,rgba(55,143,65,.12),rgba(0,0,0,0) 66%);
}
.hero-section.hero-premium::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.22;
  background-image:
    radial-gradient(circle at 22% 12%,rgba(220,189,64,.9) 0 1px,transparent 1.4px),
    radial-gradient(circle at 82% 75%,rgba(255,255,255,.55) 0 1px,transparent 1.4px);
  background-size:20px 20px,28px 28px;
  mask-image:linear-gradient(110deg,#000 0 18%,transparent 46% 68%,#000 96%);
}
.hero-glow{position:absolute;z-index:-2;border-radius:50%;filter:blur(8px);pointer-events:none}.hero-glow-one{width:370px;height:370px;right:18%;top:10%;background:rgba(24,128,65,.18)}.hero-glow-two{width:280px;height:280px;left:-120px;bottom:-130px;background:rgba(18,155,83,.18)}
.hero-leaf{position:absolute;z-index:-1;width:160px;height:92px;opacity:.12;transform:rotate(-28deg);background:radial-gradient(ellipse at 15% 50%,#8bd53c 0 25%,transparent 26%),radial-gradient(ellipse at 45% 30%,#8bd53c 0 22%,transparent 23%),radial-gradient(ellipse at 72% 50%,#8bd53c 0 22%,transparent 23%)}.hero-leaf-one{right:-10px;top:50px}.hero-leaf-two{left:-50px;bottom:112px;transform:rotate(25deg)}
.hero-premium-main{position:relative;z-index:2;display:grid;grid-template-columns:minmax(380px,.84fr) minmax(530px,1.16fr);gap:28px;align-items:start}
.hero-premium-copy{padding:6px 0 0 4px}
.hero-premium .hero-kicker{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:9px 17px;border:1.5px solid #e7c64d;border-radius:999px;background:rgba(1,46,31,.52);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);font-size:11px;font-weight:850;line-height:1.5;letter-spacing:0;color:#f6fbf7;white-space:normal}
.hero-premium .hero-kicker svg{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:#b8e32e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-premium .hero-title{max-width:610px;margin:24px 0 17px;font-family:"Noto Serif Khmer","Noto Sans Khmer",serif;font-size:clamp(41px,4.05vw,61px);font-weight:800;line-height:1.31;letter-spacing:-.035em;text-shadow:0 4px 9px rgba(0,0,0,.18)}
.hero-premium .hero-title>.lang-km,.hero-premium .hero-title>.lang-en{display:grid;gap:0}
html[data-lang="en"] .hero-premium .hero-title>.lang-en{display:grid}
.hero-premium .hero-title span span{display:block}
.hero-premium .hero-title .hero-accent{color:#a8d82d;text-shadow:0 4px 12px rgba(0,0,0,.20)}
.hero-premium .hero-lead{max-width:610px;margin:0;color:#e8f1ec;font-size:13.5px;line-height:1.95;font-weight:520;text-shadow:0 2px 4px rgba(0,0,0,.12)}
.hero-premium .hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:22px}
.hero-premium .hero-primary,.hero-premium .hero-secondary{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:50px;padding:11px 15px;border-radius:15px;font-size:12px;font-weight:900;transition:.2s ease}
.hero-premium .hero-primary{min-width:225px;justify-content:flex-start;border-color:#a8e05b;background:linear-gradient(135deg,#0b9b4d,#15773f);color:#fff;box-shadow:0 11px 27px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.17)}
.hero-premium .hero-secondary{min-width:205px;justify-content:flex-start;border-color:#73ba61;background:rgba(1,43,29,.44);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.hero-premium .hero-primary:hover,.hero-premium .hero-secondary:hover{transform:translateY(-2px);filter:brightness(1.07)}
.hero-premium .hero-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-premium .hero-actions b{margin-left:auto;font-size:25px;line-height:1;font-family:Arial,sans-serif;font-weight:400}
.hero-service-note{display:grid!important;grid-template-columns:48px minmax(0,1fr);gap:13px;max-width:555px;margin-top:18px!important;padding:13px 15px!important;border:1px solid rgba(127,190,82,.62)!important;border-left:1px solid rgba(127,190,82,.62)!important;border-radius:17px;background:rgba(0,45,29,.34)!important;color:#dfece5!important;font-size:10.5px!important;line-height:1.7}
.hero-note-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(192,225,89,.75);border-radius:50%;background:rgba(41,137,72,.25);color:#d7eb61}.hero-note-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-service-note strong{display:block;margin-bottom:1px;color:#f5d86c!important;font-size:12px}.hero-service-note span{display:block}
.hero-showcase{position:relative;min-width:0;padding-top:0}
.hero-logo-stage{position:relative;min-height:435px;padding-right:118px}
.hero-ring{position:absolute;z-index:0;border-radius:50%;pointer-events:none}.hero-ring-one{width:475px;height:475px;right:45px;top:-45px;border:1px solid rgba(218,183,58,.42);box-shadow:0 0 0 22px rgba(170,194,54,.035),0 0 0 46px rgba(170,194,54,.025)}.hero-ring-two{width:355px;height:355px;right:104px;top:9px;border:1px dotted rgba(231,201,79,.46)}
.hero-logo-card{position:absolute;z-index:2;left:0;top:8px;width:min(470px,calc(100% - 108px));height:350px;aspect-ratio:auto;padding:17px;border:1.5px solid #e8ce70;border-radius:37px;background:#fff;box-shadow:0 25px 55px rgba(0,0,0,.31),7px 8px 0 rgba(234,206,102,.63);transform:rotate(-1.3deg)}
.hero-logo-card img{width:100%;height:100%;object-fit:contain;border-radius:25px;background:#fff}
.core-values-stack{position:absolute;z-index:4;right:0;top:18px;display:grid;gap:14px;width:190px}
.core-values-heading{padding:0 6px 2px;color:#f4f6f3;font-family:"Noto Sans Khmer",sans-serif;font-size:17px;font-weight:850;line-height:1.3;text-align:right;text-shadow:0 3px 9px rgba(0,0,0,.22)}
.core-values-heading::after{content:"";display:block;width:44px;height:3px;margin:8px 0 0 auto;border-radius:3px;background:#e4be36}
.core-value-badge{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-height:76px;padding:9px 14px 9px 9px;border:1px solid rgba(219,228,218,.9);border-radius:22px;background:linear-gradient(135deg,#fff,#edf4ed);color:#0a4d2f;box-shadow:0 11px 23px rgba(0,0,0,.24)}
.core-value-badge:nth-child(3){transform:translateX(4px)}
.core-value-badge:nth-child(4){transform:translateX(-2px)}
.core-value-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#0a8b46,#075c35);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.17)}
.core-value-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.core-value-badge b{display:block;font-family:"Noto Sans Khmer",sans-serif;font-size:13px;line-height:1.4}
html[data-lang="en"] .core-values-heading{font-family:Inter,Arial,sans-serif;font-size:16px}
html[data-lang="en"] .core-value-badge b{font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.35}

.hero-feature-founder-row{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;margin-top:-38px}
.hero-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,120px));justify-content:center;gap:14px;align-items:start;width:100%}
.hero-feature-card{display:grid;justify-items:center;align-content:start;justify-self:center;width:120px;aspect-ratio:1/1;gap:9px;padding:14px 10px 12px;border:1px solid rgba(177,211,80,.54);border-radius:20px;background:linear-gradient(155deg,rgba(13,94,52,.77),rgba(3,51,33,.80));color:#fff;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 24px rgba(0,0,0,.12)}
.hero-feature-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#edf5d9;color:#0b6b3a;box-shadow:0 8px 14px rgba(0,0,0,.15),inset 0 0 0 1px #d6e7b9}.hero-feature-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-feature-card b{display:block;max-width:96px;font-size:10px;line-height:1.42;letter-spacing:0;text-wrap:balance;word-break:keep-all}.hero-feature-card b .lang-km,.hero-feature-card b .lang-en{display:block}.hero-feature-card i{display:block;width:34px;height:2px;border-radius:2px;background:#e4be36;margin-top:auto} html[data-lang="en"] .hero-feature-card b{max-width:100px;font-size:9.4px;line-height:1.28}
.founder-mini-card{justify-self:end;overflow:hidden;display:grid;grid-template-columns:84px 1fr;align-items:stretch;max-width:250px;min-height:84px;border:1px solid rgba(196,214,93,.56);border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(0,0,0,.16)}.founder-mini-photo{height:84px;overflow:hidden;background:#eef3f0}.founder-mini-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 16%}.founder-mini-caption{display:grid;align-content:center;gap:2px;padding:8px 10px;background:linear-gradient(180deg,#12683d,#06472e);text-align:left}.founder-mini-caption strong{color:#fff;font-family:Inter,Arial,sans-serif;font-size:10px}.founder-mini-caption span{color:#c9df4c;font-size:10px;font-weight:800}
.hero-proof-strip{position:relative;z-index:3;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(500px,1.08fr);align-items:center;gap:18px;min-height:117px;margin-top:22px;padding:18px 24px;border:1px solid rgba(138,184,73,.67);border-radius:23px;background:linear-gradient(90deg,rgba(3,52,34,.89),rgba(4,75,42,.85));box-shadow:inset 0 1px rgba(255,255,255,.045),0 15px 30px rgba(0,0,0,.11)}
.hero-proof-message{display:grid;grid-template-columns:75px minmax(0,1fr);align-items:center;gap:16px}.proof-shield{display:grid;place-items:center;width:72px;height:72px;border:2px solid #d7b94b;border-radius:22px;background:linear-gradient(145deg,#f5f0d2,#e6cd71);color:#1a803f;box-shadow:inset 0 0 0 5px #fff,0 8px 20px rgba(0,0,0,.20)}.proof-shield svg{width:51px;height:51px;fill:#45a451;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-proof-message b,.hero-proof-message small{display:block}.hero-proof-message b{color:#fff;font-size:16px;line-height:1.45}.hero-proof-message small{margin-top:2px;color:#dce9e1;font-size:10.5px}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}.hero-metric{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;min-height:86px;padding:6px 14px;border-left:1px solid rgba(231,219,135,.46)}.metric-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(181,215,79,.56);border-radius:50%;background:linear-gradient(145deg,#14783e,#07532f);color:#f5f6dc}.metric-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hero-metric span:last-child{display:block;max-width:190px}.hero-metric b,.hero-metric small{display:block}.hero-metric b{color:#c9e449;font-family:"Noto Sans Khmer",sans-serif;font-size:14px;line-height:1.42;white-space:normal;text-wrap:balance;word-break:keep-all}.hero-metric b .lang-km,.hero-metric b .lang-en{display:block}.hero-metric small{margin-top:5px;color:#f1f6f2;font-size:8.6px;line-height:1.55} html[data-lang="en"] .hero-metric b{font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.28} html[data-lang="en"] .hero-metric small{font-size:8.4px;line-height:1.45}

@media(max-width:1480px){
  .hero-section.hero-premium{padding-inline:27px;min-height:790px}
  .hero-premium-main{grid-template-columns:minmax(350px,.83fr) minmax(485px,1.17fr);gap:22px}
  .hero-premium .hero-title{font-size:clamp(38px,3.75vw,55px)}
  .hero-logo-stage{min-height:405px;padding-right:145px}.hero-logo-card{height:325px;width:min(430px,calc(100% - 126px))}.core-values-stack{width:172px;gap:12px}.core-values-heading{font-size:15px}.core-value-badge{grid-template-columns:43px 1fr;min-height:70px;padding:8px 10px 8px 8px}.core-value-icon{width:43px;height:43px}.core-value-icon svg{width:22px;height:22px}.core-value-badge b{font-size:11px}.hero-feature-founder-row{margin-top:-40px}.hero-feature-grid{grid-template-columns:repeat(5,minmax(0,110px));gap:12px}.hero-feature-card{width:110px}.founder-mini-card{max-width:236px}.founder-mini-photo{height:82px}.hero-proof-strip{grid-template-columns:.9fr 1.1fr;padding-inline:18px}.hero-proof-message{grid-template-columns:64px 1fr;gap:12px}.proof-shield{width:62px;height:62px}.proof-shield svg{width:43px;height:43px}.hero-proof-message b{font-size:14px}.hero-metric{grid-template-columns:40px 1fr;padding:4px 10px}.metric-icon{width:40px;height:40px}.hero-metric b{font-size:13px}.hero-metric small{font-size:8px}
}
@media(max-width:1260px){
  .hero-section.hero-premium{min-height:auto;padding:35px 27px 27px}
  .hero-premium-main{grid-template-columns:1fr;gap:32px}.hero-premium-copy{max-width:800px}.hero-premium .hero-title{max-width:720px;font-size:49px}.hero-premium .hero-lead{max-width:760px}
  .hero-showcase{max-width:980px;width:100%;margin-inline:auto}.hero-logo-stage{min-height:415px;padding-right:190px}.hero-logo-card{width:565px;max-width:calc(100% - 170px);height:355px}.core-values-stack{width:180px}.hero-feature-founder-row{margin-top:-34px}.hero-feature-grid{grid-template-columns:repeat(5,minmax(0,114px));justify-content:center;gap:12px}.hero-proof-strip{grid-template-columns:1fr;margin-top:28px}.hero-metrics{border-top:1px solid rgba(231,219,135,.28);padding-top:16px}.hero-metric:first-child{border-left:0}.hero-metric span:last-child{max-width:none}
}
@media(max-width:980px){
  .hero-premium-main{display:block}.hero-showcase{margin-top:30px}.hero-section.hero-premium .hero-showcase{display:block}.hero-logo-stage{min-height:395px;padding-right:180px}.hero-logo-card{height:330px;max-width:calc(100% - 160px)}.core-values-stack{width:168px}.hero-feature-founder-row{grid-template-columns:1fr;gap:12px}.hero-feature-grid{grid-template-columns:repeat(3,minmax(0,120px));justify-content:center;gap:12px}.hero-feature-card{width:118px}.founder-mini-card{justify-self:center;max-width:250px}.hero-proof-strip{padding:17px}.hero-proof-message b{font-size:14px}
}
@media(max-width:720px){
  .hero-section.hero-premium{padding:25px 17px 20px;border-radius:25px}.hero-premium .hero-kicker{padding:8px 12px;font-size:9.5px}.hero-premium .hero-title{margin-top:19px;font-size:36px;line-height:1.38}.hero-premium .hero-lead{font-size:12px}.hero-premium .hero-actions{display:grid}.hero-premium .hero-primary,.hero-premium .hero-secondary{width:100%;min-width:0}.hero-service-note{grid-template-columns:42px 1fr}.hero-logo-stage{min-height:350px;padding-right:0;padding-top:0}.hero-ring-one{width:330px;height:330px;right:0}.hero-ring-two{width:250px;height:250px;right:35px}.hero-logo-card{position:relative;left:0;top:0;width:100%;max-width:none;height:250px;border-radius:25px;padding:10px;box-shadow:0 18px 35px rgba(0,0,0,.28),4px 5px 0 rgba(234,206,102,.6)}.core-values-stack{position:relative;right:auto;top:auto;width:100%;grid-template-columns:1fr;gap:10px;margin-top:14px}.core-values-heading{text-align:left;padding:0 0 2px 4px}.core-values-heading::after{margin-left:0;margin-right:auto}.core-value-badge{grid-template-columns:40px 1fr;min-height:60px;padding:7px 10px 7px 7px;border-radius:18px}.core-value-badge:nth-child(3),.core-value-badge:nth-child(4){transform:none}.core-value-icon{width:40px;height:40px}.core-value-icon svg{width:22px;height:22px}.core-value-badge b{font-size:10px}.hero-feature-founder-row{grid-template-columns:1fr;gap:10px;margin-top:12px}.hero-feature-grid{grid-template-columns:repeat(2,minmax(0,118px));justify-content:center;gap:10px}.hero-feature-card{width:118px;padding:12px 8px}.hero-feature-icon{width:46px;height:46px}.hero-feature-icon svg{width:24px;height:24px}.hero-feature-card b{max-width:90px;font-size:9px;line-height:1.34}.founder-mini-card{justify-self:center;grid-template-columns:92px 1fr;max-width:230px}.founder-mini-photo{height:92px}.founder-mini-caption{align-content:center;text-align:left}.hero-proof-strip{padding:15px}.hero-proof-message{grid-template-columns:52px 1fr}.proof-shield{width:50px;height:50px;border-radius:16px}.proof-shield svg{width:36px;height:36px}.hero-proof-message b{font-size:12px}.hero-proof-message small{font-size:9px}.hero-metrics{grid-template-columns:1fr;padding-top:8px}.hero-metric{border-left:0;border-top:1px solid rgba(231,219,135,.23);padding:10px 5px}.hero-metric:first-child{border-top:0}.hero-metric b{font-size:13px}.hero-metric small{font-size:8px}
}
@media print{
  .hero-section.hero-premium{min-height:0;padding:25px;background:#075238!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.hero-premium-main{grid-template-columns:1fr 1fr;gap:18px}.hero-premium .hero-title{font-size:32px}.hero-premium .hero-lead{font-size:9px}.hero-logo-stage{min-height:290px;padding-right:130px}.hero-logo-card{height:245px}.core-values-stack{width:122px;gap:8px}.core-values-heading{font-size:11px}.core-value-badge{grid-template-columns:32px 1fr;min-height:48px;padding:5px 7px 5px 5px;border-radius:14px}.core-value-icon{width:32px;height:32px}.core-value-icon svg{width:18px;height:18px}.core-value-badge b{font-size:8px}.hero-feature-founder-row{margin-top:-24px;grid-template-columns:1fr}.hero-feature-grid{grid-template-columns:repeat(5,minmax(0,88px));justify-content:center;gap:6px}.hero-feature-card{width:88px;padding:8px 4px;border-radius:14px}.founder-mini-card{display:none}.hero-proof-strip{grid-template-columns:1fr 1fr;min-height:auto;padding:12px}.hero-proof-message b{font-size:10px}.hero-metric b{font-size:10px}.hero-metric small{font-size:6.6px}
}

/* Language display correction for the multi-line hero title */
.hero-premium .hero-title > .lang-km{display:grid}
.hero-premium .hero-title > .lang-en{display:none}
html[data-lang="en"] .hero-premium .hero-title > .lang-km{display:none!important}
html[data-lang="en"] .hero-premium .hero-title > .lang-en{display:grid!important}


/* === Section 02: Benefits and Role === */
.benefits-section{background:linear-gradient(145deg,#fbfdfc,#f7fbf9);overflow:hidden}
.benefits-heading{max-width:1180px}
.benefits-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:8px}
.benefits-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.benefit-panel,.benefit-mini-card{position:relative;padding:28px;border-radius:24px;border:1px solid #d7e7dc;background:linear-gradient(145deg,#f9fcfa,#f1f7f4)}
.benefit-panel.accent{border-color:#ead7aa;background:linear-gradient(145deg,#fffef8,#fffdf6)}
.benefit-panel-head,.benefit-mini-head{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px}
.benefit-mini-head{grid-template-columns:74px minmax(0,1fr)}
.benefit-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#f7fbf8;border:1px solid #c3d9cb;color:var(--green-dark);box-shadow:0 8px 18px rgba(11,111,63,.06)}
.benefit-icon.gold{border-color:#ead3a1;color:#c28d1f;background:#fffdf8}
.benefit-icon.small{width:58px;height:58px}
.benefit-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit-icon.small svg{width:28px;height:28px}
.benefit-panel small{display:block;color:#6b9c83;font-size:11px;font-weight:900;letter-spacing:.06em}
.benefit-panel.accent small{color:#c28d1f}
.benefit-panel h3{margin:5px 0 0;color:var(--green-dark);font-size:34px;line-height:1.25}
.benefit-mini-card h4{margin:0;color:var(--green-dark);font-size:19px;line-height:1.35}
.benefit-divider{width:220px;max-width:100%;height:2px;margin:16px 0 18px;background:linear-gradient(90deg,var(--gold),rgba(233,200,115,.05));border-radius:999px;position:relative}
.benefit-divider::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border-radius:50%;background:var(--gold);transform:translateY(-50%)}
.benefit-divider.mini{width:160px;margin:12px 0 14px}
.benefit-panel p,.benefit-panel li,.benefit-mini-card p{color:#5d6b64;font-size:12.5px;line-height:1.85}
.benefit-panel p{margin:0 0 8px}
.benefit-panel ul{margin:0;padding-left:23px}
.benefit-panel li+li{margin-top:7px}
.benefit-mini-card p{margin:0}

/* === Section 03: Solution Services === */
.solutions-premium{position:relative;overflow:hidden;border:1px solid #d3e4dc;background:linear-gradient(135deg,#dbece5,#f6fbf9 42%,#cde4da 100%)}
.solutions-premium::before{content:"";position:absolute;inset:auto -12% -26% auto;width:70%;height:90%;background:radial-gradient(circle at 20% 45%,rgba(255,255,255,.9),rgba(255,255,255,0) 55%),radial-gradient(circle at 65% 10%,rgba(255,255,255,.65),rgba(255,255,255,0) 48%);pointer-events:none}
.solutions-premium .section-heading{position:relative;z-index:1;max-width:1180px}
.premium-light-heading>span{color:#245f48}
.premium-light-heading h2{color:#0f5f43}
.premium-light-heading p{color:#5b6f67}
.solution-premium-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:14px}
.solution-premium-card{display:grid;align-content:start;gap:10px;min-height:470px;padding:22px 20px 18px;border-radius:24px;border:1px solid #d0e0d9;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.78));backdrop-filter:blur(2px);box-shadow:0 12px 28px rgba(12,84,47,.06)}
.solution-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;border:1px solid #c4dace;background:linear-gradient(145deg,#f8fcfa,#eef6f1);color:#1a7a53;box-shadow:0 8px 18px rgba(11,111,63,.06)}
.solution-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.solution-premium-card b{display:block;color:#c4922c;font-size:27px;line-height:1;font-weight:950}
.solution-premium-card h3{margin:2px 0 0;color:var(--green-dark);font-size:21px;line-height:1.45}
.solution-line{width:120px;max-width:100%;height:2px;background:linear-gradient(90deg,#e2bb58,rgba(226,187,88,.1));border-radius:999px}
.solution-premium-card p{margin:0;color:#63746d;font-size:12px;line-height:1.85}

@media(max-width:1260px){
  .solution-premium-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .benefits-top-grid,.benefits-bottom-grid{grid-template-columns:1fr}
  .solution-premium-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .benefit-panel,.benefit-mini-card,.solution-premium-card{padding:20px}
  .benefit-panel-head,.benefit-mini-head{grid-template-columns:68px minmax(0,1fr);gap:12px}
  .benefit-icon{width:64px;height:64px}
  .benefit-icon.small{width:50px;height:50px}
  .benefit-icon svg{width:30px;height:30px}
  .benefit-icon.small svg{width:24px;height:24px}
  .benefit-panel h3{font-size:28px}
  .benefit-mini-card h4{font-size:18px}
  .solution-premium-grid{grid-template-columns:1fr}
  .solution-premium-card{min-height:0}
  .solution-premium-card h3{font-size:19px}
}


/* Solution detail buttons + modal */
.solution-detail-button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border:1px solid #b9d3c6;border-radius:999px;background:#f8fcfa;color:#166a47;font-size:10px;font-weight:900;letter-spacing:.02em;transition:.18s;cursor:pointer}
.solution-detail-button:hover{transform:translateY(-1px);border-color:#8ab49e;background:#fff;box-shadow:0 10px 22px rgba(12,84,47,.08)}
.solution-modal[aria-hidden="true"]{display:none}
.solution-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px}
.solution-modal-backdrop{position:absolute;inset:0;background:rgba(4,34,24,.55);backdrop-filter:blur(3px)}
.solution-modal-dialog{position:relative;z-index:1;width:min(980px,100%);max-height:min(88vh,860px);overflow:auto;padding:28px 28px 22px;border-radius:28px;background:linear-gradient(145deg,#fff,#f6fbf8);box-shadow:0 30px 70px rgba(0,0,0,.22)}
.solution-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;border-radius:50%;background:#edf6f0;color:#0e5d3f;font-size:24px;cursor:pointer}
.solution-modal-header small{display:block;color:#d09a28;font-size:11px;font-weight:900;letter-spacing:.08em}
.solution-modal-header h3{margin:6px 0 10px;color:var(--green-dark);font-size:34px;line-height:1.28}
.solution-modal-header p{margin:0;color:#5c6a64;font-size:13px;line-height:1.85}
.solution-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.solution-modal-grid section{padding:18px 18px 16px;border:1px solid #d8e7dd;border-radius:22px;background:#fff}
.solution-modal-grid h4{margin:0 0 11px;color:#0f5f43;font-size:15px;line-height:1.4}
.solution-modal-grid ul{margin:0;padding-left:20px}
.solution-modal-grid li{color:#5e6c65;font-size:12px;line-height:1.8}
.solution-modal-grid li+li{margin-top:8px}
.solution-modal-footer{display:flex;justify-content:flex-end;margin-top:18px}
body.modal-open{overflow:hidden}
@media(max-width:900px){.solution-modal-grid{grid-template-columns:1fr}.solution-modal-dialog{padding:24px 20px 20px}.solution-modal-header h3{font-size:28px}}
@media(max-width:700px){.solution-detail-button{width:100%}.solution-modal{padding:12px}.solution-modal-dialog{max-height:90vh;padding:22px 16px 18px;border-radius:22px}.solution-modal-header h3{font-size:24px}.solution-modal-grid section{padding:16px}}


/* Structured problem–cause–solution summaries */
.solution-premium-card{min-height:590px}
.solution-card-framework{display:grid;gap:9px;margin-top:1px}
.solution-card-framework>div{display:grid;gap:3px;padding:9px 10px;border-radius:12px;background:rgba(239,247,243,.78);border:1px solid rgba(195,218,206,.72)}
.solution-card-framework strong{color:#17734e;font-size:9px;line-height:1.3}
.solution-card-framework span{color:#63736c;font-size:9.2px;line-height:1.55}
.solution-app-summary{display:grid;gap:10px}
.solution-app-pills{display:flex;flex-wrap:wrap;gap:6px}
.solution-app-pills span{padding:6px 8px;border:1px solid #c7ddd1;border-radius:999px;background:#f4faf6;color:#146b48;font-family:Inter,Arial,sans-serif;font-size:8.5px;font-weight:850}
.solution-app-summary p{margin:0!important;padding:9px 10px;border-radius:12px;background:rgba(239,247,243,.78);border:1px solid rgba(195,218,206,.72);font-size:9.4px!important;line-height:1.62!important}
.solution-app-summary b{display:inline;color:#146b48;font-size:inherit;line-height:inherit}
@media(max-width:1260px){.solution-premium-card{min-height:540px}}
@media(max-width:700px){.solution-premium-card{min-height:0}.solution-card-framework span,.solution-app-summary p{font-size:10px!important}.solution-card-framework strong{font-size:9.5px}}


/* === Standalone 4x4 Service Catalogue === */
.catalogue-section{background:linear-gradient(145deg,#fbfdfc,#f6faf8)}
.catalogue-heading{max-width:1120px}
.catalogue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.catalogue-card{position:relative;overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:11px;aspect-ratio:1/1;padding:20px 18px 16px;border:1px solid #d6e5dc;border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(20,72,48,.055);transition:.18s}
.catalogue-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(20,72,48,.09)}
.catalogue-accent{position:absolute;left:0;right:0;top:0;height:6px;background:var(--catalogue-accent,#0a7a4d)}
.catalogue-top{display:flex;justify-content:space-between;align-items:flex-start;margin-top:4px}
.catalogue-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:var(--catalogue-soft,#eaf6ef);color:var(--catalogue-accent,#0a7a4d)}
.catalogue-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.catalogue-number{color:#aebac4;font-size:15px;font-weight:950;letter-spacing:.04em}
.catalogue-category{width:max-content;max-width:100%;padding:7px 10px;border-radius:10px;background:var(--catalogue-soft,#eaf6ef);color:var(--catalogue-accent,#0a7a4d);font-size:9px;font-weight:950}
.catalogue-card h3{margin:0;color:#132b52;font-size:15.5px;line-height:1.44;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.catalogue-card p{margin:0;color:#66778c;font-size:9.8px;line-height:1.62;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.catalogue-tags{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-end}
.catalogue-tags span{padding:6px 8px;border:1px solid #dce7e1;border-radius:9px;background:#fbfdfc;color:#617389;font-size:8.2px;font-weight:850}
.catalogue-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px solid #e7efea}
.catalogue-actions button{min-height:38px;padding:7px 8px;border-radius:11px;font-size:9px;font-weight:950;cursor:pointer;transition:.16s}
.catalogue-detail{border:1px solid var(--catalogue-accent,#0a7a4d);background:var(--catalogue-accent,#0a7a4d);color:#fff}
.catalogue-consult{border:1px solid #cdded4;background:#fff;color:var(--catalogue-accent,#0a7a4d)}
.catalogue-actions button:hover{transform:translateY(-1px)}
.theme-green{--catalogue-accent:#08794c;--catalogue-soft:#e9f6ef}
.theme-gold{--catalogue-accent:#ae7810;--catalogue-soft:#fff4dc}
.theme-blue{--catalogue-accent:#276ba6;--catalogue-soft:#eaf4fd}
.theme-purple{--catalogue-accent:#7441b8;--catalogue-soft:#f2eafd}
@media(min-width:1261px){.catalogue-card:last-child{grid-column:2 / span 2;width:calc(50% - 8px);justify-self:center}}
@media(max-width:1260px){.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogue-card{aspect-ratio:auto;min-height:330px}}
@media(max-width:920px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-card{min-height:320px}}
@media(max-width:620px){.catalogue-grid{grid-template-columns:1fr}.catalogue-card{min-height:0;aspect-ratio:auto}.catalogue-card h3{font-size:19px}.catalogue-card p{font-size:11px}.catalogue-actions{grid-template-columns:1fr}}

.catalogue-modal[aria-hidden="true"]{display:none}.catalogue-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:24px}.catalogue-modal-backdrop{position:absolute;inset:0;background:rgba(5,34,25,.58);backdrop-filter:blur(3px)}.catalogue-modal-dialog{position:relative;z-index:1;width:min(980px,100%);max-height:88vh;overflow:auto;padding:28px;border-radius:28px;background:linear-gradient(145deg,#fff,#f6faf8);box-shadow:0 30px 70px rgba(0,0,0,.24)}.catalogue-modal-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:#edf5f0;color:#0e6242;font-size:24px;cursor:pointer}.catalogue-modal-head small{display:block;color:#c28b20;font-size:10px;font-weight:950;letter-spacing:.08em}.catalogue-modal-head h3{margin:7px 0 10px;color:#123052;font-size:32px;line-height:1.3}.catalogue-modal-head p{margin:0;color:#5f6f68;font-size:12.5px;line-height:1.8}.catalogue-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.catalogue-modal-grid section{padding:18px;border:1px solid #d9e7df;border-radius:20px;background:#fff}.catalogue-modal-grid h4{margin:0 0 10px;color:#0d6744;font-size:14px}.catalogue-modal-grid ul{margin:0;padding-left:20px}.catalogue-modal-grid li{color:#5f6d66;font-size:11.5px;line-height:1.75}.catalogue-modal-grid li+li{margin-top:7px}.catalogue-modal-footer{display:flex;justify-content:flex-end;margin-top:18px}.catalogue-modal-footer .primary-button{border:0}.catalogue-modal-open{overflow:hidden}@media(max-width:760px){.catalogue-modal{padding:12px}.catalogue-modal-dialog{padding:22px 16px 18px;border-radius:22px}.catalogue-modal-head h3{font-size:25px}.catalogue-modal-grid{grid-template-columns:1fr}}

/* v12: exact 17-card catalogue */
.catalogue-card .lang-km,.catalogue-card .lang-en{min-width:0}
.catalogue-category{max-width:100%}
@media(max-width:620px){.catalogue-card h3{font-size:17px}.catalogue-card p{font-size:10.5px}}

/* Stage 3 — Service catalogue readability and professional UI refinement */
.catalogue-section{
  background:linear-gradient(145deg,#fbfdfc 0%,#f5faf7 100%);
}
.catalogue-grid{
  gap:20px;
  align-items:stretch;
}
.catalogue-card{
  grid-template-rows:auto minmax(72px,auto) minmax(58px,1fr) auto auto;
  gap:12px;
  min-height:390px;
  aspect-ratio:auto;
  padding:24px 22px 18px;
  border-color:#d6e5dc;
  border-radius:25px;
  box-shadow:0 12px 28px rgba(20,72,48,.055);
}
.catalogue-card:hover{
  transform:translateY(-4px);
  border-color:#b9d7c4;
  box-shadow:0 18px 38px rgba(20,72,48,.105);
}
.catalogue-accent{height:5px}
.catalogue-top{align-items:center;margin-top:1px}
.catalogue-icon{
  width:62px;
  height:62px;
  border-radius:19px;
}
.catalogue-icon svg{width:31px;height:31px;stroke-width:1.8}
.catalogue-number{
  color:var(--catalogue-accent,#0a7a4d);
  font-size:18px;
  font-weight:950;
}
/* The service name is presented once as a clear heading rather than repeated in a pill. */
.catalogue-category{display:none!important}
.catalogue-card h3{
  align-self:start;
  margin:0;
  color:var(--catalogue-accent,#0a7a4d);
  font-size:16px;
  font-weight:850;
  line-height:1.62;
  letter-spacing:0;
  display:block;
  overflow:visible;
}
.catalogue-card p{
  align-self:start;
  margin:0;
  color:#617269;
  font-size:10.8px;
  line-height:1.82;
  display:block;
  overflow:visible;
}
.catalogue-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-content:flex-end;
}
.catalogue-tags span{
  padding:7px 10px;
  border-color:#d6e5dc;
  border-radius:10px;
  background:#fbfdfc;
  color:#5f7184;
  font-size:8.8px;
  font-weight:850;
}
.catalogue-actions{
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding-top:12px;
  border-top-color:#e3ece7;
}
.catalogue-actions button{
  min-height:39px;
  padding:8px 9px;
  border-radius:11px;
  font-size:9.2px;
}
.catalogue-detail{
  box-shadow:0 7px 16px rgba(11,111,63,.14);
}
@media(min-width:1261px){
  .catalogue-card:last-child{
    grid-column:auto;
    width:auto;
    justify-self:stretch;
  }
}
@media(max-width:1260px){
  .catalogue-card{min-height:380px}
}
@media(max-width:920px){
  .catalogue-card{min-height:365px}
}
@media(max-width:620px){
  .catalogue-card{
    min-height:0;
    padding:22px 18px 17px;
  }
  .catalogue-card h3{font-size:16px;line-height:1.6}
  .catalogue-card p{font-size:10.5px}
  .catalogue-actions{grid-template-columns:1fr 1fr}
}
@media print{
  .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .catalogue-card{min-height:0;padding:16px;box-shadow:none;break-inside:avoid}
  .catalogue-actions{display:none}
}


/* Stage 4 — Four KITYA digital products */
.digital-products-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#f7fcf9 0%,#fff 52%,#f5faf7 100%)}
.digital-products-section:after{content:"";position:absolute;right:-140px;top:-160px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(11,111,63,.08),rgba(11,111,63,0) 68%);pointer-events:none}
.digital-products-heading{position:relative;z-index:1;max-width:1080px}
.digital-products-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.digital-card{--app-accent:var(--green);--app-soft:#eaf7ef;position:relative;display:flex;flex-direction:column;min-width:0;min-height:410px;padding:25px 22px 21px;border:1px solid #d4e5da;border-radius:23px;background:linear-gradient(155deg,#fff 0%,#fcfefd 100%);box-shadow:0 13px 30px rgba(13,74,46,.055);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.digital-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--app-accent)}
.digital-card:hover{transform:translateY(-4px);border-color:#afd0ba;box-shadow:0 20px 42px rgba(13,74,46,.11)}
.digital-card-hrm{--app-accent:#2473ad;--app-soft:#edf6ff}
.digital-card-stock{--app-accent:#b87a00;--app-soft:#fff5dd}
.digital-card-kpi{--app-accent:#0b6f3f;--app-soft:#eaf7ef}
.digital-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}
.digital-card .digital-icon{display:grid;place-items:center;flex:0 0 auto;width:76px;height:76px;border-radius:22px;background:var(--app-soft);color:var(--app-accent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.digital-card .digital-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.digital-number{color:var(--app-accent);font-size:22px;font-weight:950;line-height:1;letter-spacing:.02em}
.digital-category{align-self:flex-start;max-width:100%;margin-bottom:14px;padding:7px 11px;border-radius:999px;background:var(--app-soft);color:var(--app-accent);font-size:9.5px;font-weight:950;line-height:1.45}
.digital-title{margin:0!important;color:var(--green-dark)!important;font-size:16px!important;line-height:1.55!important;overflow-wrap:anywhere}
.digital-title>span{display:block}
.digital-title b{display:block;color:var(--app-accent);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.35;letter-spacing:.005em}
.digital-title em{display:block;margin-top:5px;color:var(--green-dark);font-style:normal;font-weight:850}
.digital-divider{width:46px;height:2px;margin:14px 0;background:linear-gradient(90deg,var(--app-accent),transparent)}
.digital-card>p{margin:0!important;color:#5a6d63!important;font-size:11px!important;line-height:1.78!important;overflow-wrap:anywhere}
.digital-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:19px}
.digital-tags>span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--app-accent) 18%,#dfe9e2);border-radius:999px;background:color-mix(in srgb,var(--app-soft) 72%,#fff);color:var(--app-accent);font-size:8.5px;font-weight:900;line-height:1.25}
@supports not (color:color-mix(in srgb,#000,#fff)){.digital-tags>span{border-color:#d8e6dc;background:var(--app-soft)}}
@media(max-width:1260px){.digital-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.digital-card{min-height:370px}}
@media(max-width:700px){.digital-products-grid{grid-template-columns:1fr;gap:13px}.digital-card{min-height:0;padding:22px 19px}.digital-card .digital-icon{width:66px;height:66px;border-radius:19px}.digital-card .digital-icon svg{width:35px;height:35px}.digital-title,.digital-title b{font-size:15px!important}}
@media print{.digital-products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.digital-card{min-height:0;break-inside:avoid;box-shadow:none}.digital-card:hover{transform:none}}


/* =========================================================
   KITYA STAGE 5 — SIX-STAGE DELIVERY METHODOLOGY
   ========================================================= */
.method-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 8%,rgba(11,111,63,.08),transparent 23%),
    radial-gradient(circle at 6% 94%,rgba(197,139,8,.07),transparent 22%),
    linear-gradient(145deg,#fbfefc,#ffffff 58%,#f7fbf8);
}
.method-section::before{
  content:"";
  position:absolute;
  top:-120px;
  right:-120px;
  width:320px;
  height:320px;
  border:1px solid rgba(11,111,63,.08);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(11,111,63,.025),0 0 0 78px rgba(11,111,63,.018);
  pointer-events:none;
}
.method-heading{position:relative;z-index:1;max-width:1050px;margin-bottom:30px}
.method-heading p{max-width:1030px}
.process-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.process-card{
  --step-accent:var(--green);
  --step-soft:#e9f6ee;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:18px;
  min-height:315px;
  padding:24px;
  border:1px solid #cfe3d6;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(249,253,250,.96));
  box-shadow:0 14px 34px rgba(13,77,47,.065);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.process-card::before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  right:24px;
  height:4px;
  border-radius:0 0 999px 999px;
  background:var(--step-accent);
}
.process-card:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--step-accent) 42%,#cfe3d6);
  box-shadow:0 20px 44px rgba(13,77,47,.105);
}
.process-card.theme-gold{--step-accent:#b87b00;--step-soft:#fff4d9}
.process-card.theme-blue{--step-accent:#246cae;--step-soft:#e8f2fc}
.process-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.process-icon{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  flex:0 0 64px;
  border-radius:20px;
  background:var(--step-soft);
  color:var(--step-accent);
}
.process-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.process-step{
  color:color-mix(in srgb,var(--step-accent) 78%,#9dacb4);
  font-size:29px;
  font-weight:950;
  letter-spacing:.04em;
}
.process-copy{display:grid;gap:9px}
.process-copy h3{margin:0;color:var(--green-dark);font-size:18px;line-height:1.5}
.process-copy p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.82}
.process-output{
  display:grid;
  gap:5px;
  margin-top:auto;
  padding:13px 14px;
  border:1px solid color-mix(in srgb,var(--step-accent) 20%,#e3ece6);
  border-radius:14px;
  background:color-mix(in srgb,var(--step-soft) 74%,#fff);
}
.process-output small{color:var(--step-accent);font-size:8px;font-weight:950;letter-spacing:.13em}
.process-output b{color:#3f6250;font-size:10.5px;line-height:1.55}
.process-card:nth-child(1)::after,
.process-card:nth-child(2)::after,
.process-card:nth-child(4)::after,
.process-card:nth-child(5)::after{
  content:"→";
  position:absolute;
  top:50%;
  right:-17px;
  z-index:3;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  transform:translateY(-50%);
  border:1px solid #d6e6dc;
  border-radius:50%;
  background:#fff;
  color:#87aa94;
  font-size:16px;
  font-weight:950;
  box-shadow:0 8px 18px rgba(13,77,47,.08);
}
@media(max-width:1100px){
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-card:nth-child(1)::after,.process-card:nth-child(2)::after,.process-card:nth-child(4)::after,.process-card:nth-child(5)::after{display:none}
}
@media(max-width:700px){
  .process-grid{grid-template-columns:1fr;gap:14px}
  .process-card{min-height:0;padding:20px;border-radius:20px}
  .process-icon{width:56px;height:56px;flex-basis:56px;border-radius:17px}
  .process-icon svg{width:28px;height:28px}
  .process-copy h3{font-size:17px}
}
@media print{
  .method-section{background:#fff}
  .process-grid{grid-template-columns:repeat(2,1fr);gap:10px;break-inside:auto}
  .process-card{min-height:0;padding:15px;box-shadow:none;break-inside:avoid}
  .process-card::after{display:none!important}
}

/* =========================================================
   KITYA STAGE 6 — METHODOLOGY NUMBER POSITION & TYPE SCALE
   Keep step numbers in the card corner and reduce card text size.
   ========================================================= */
.method-section .process-card{
  gap:14px;
  min-height:294px;
  padding:21px;
}
.method-section .process-card::before{
  left:21px;
  right:21px;
}
.method-section .process-card-head{
  display:block;
  min-height:56px;
  padding-right:48px;
}
.method-section .process-step{
  position:absolute;
  top:18px;
  right:21px;
  z-index:2;
  font-size:22px;
  line-height:1;
  letter-spacing:.025em;
}
.method-section .process-icon{
  width:56px;
  height:56px;
  flex-basis:56px;
  border-radius:18px;
}
.method-section .process-icon svg{
  width:28px;
  height:28px;
}
.method-section .process-copy{
  gap:7px;
}
.method-section .process-copy h3{
  padding-right:4px;
  font-size:16px;
  line-height:1.48;
}
.method-section .process-copy p{
  font-size:10.4px;
  line-height:1.76;
}
.method-section .process-output{
  gap:4px;
  padding:11px 12px;
  border-radius:13px;
}
.method-section .process-output small{
  font-size:7.3px;
  letter-spacing:.11em;
}
.method-section .process-output b{
  font-size:9.4px;
  line-height:1.5;
}
@media(max-width:700px){
  .method-section .process-card{padding:18px;gap:12px}
  .method-section .process-card-head{min-height:51px;padding-right:42px}
  .method-section .process-step{top:16px;right:17px;font-size:20px}
  .method-section .process-icon{width:51px;height:51px;flex-basis:51px;border-radius:16px}
  .method-section .process-icon svg{width:25px;height:25px}
  .method-section .process-copy h3{font-size:15px}
  .method-section .process-copy p{font-size:10px}
  .method-section .process-output b{font-size:9px}
}
@media print{
  .method-section .process-step{top:12px;right:13px;font-size:18px}
  .method-section .process-copy h3{font-size:14px}
  .method-section .process-copy p{font-size:9px}
  .method-section .process-output b{font-size:8.5px}
}


/* =========================================================
   KITYA STAGE 7 — METHODOLOGY CARD REARRANGEMENT
   Rebuild the 6-step layout to avoid overlap and keep numbers cleanly in the corner.
   ========================================================= */
.method-section .process-grid{
  gap:26px;
}
.method-section .process-card{
  gap:16px;
  min-height:306px;
  padding:22px 22px 20px;
  overflow:visible;
}
.method-section .process-card::before{
  left:26px;
  right:26px;
  height:5px;
}
.method-section .process-card-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:14px;
  min-height:0;
  padding-right:0;
}
.method-section .process-head-main{
  display:grid;
  grid-template-columns:60px minmax(0,1fr);
  align-items:start;
  gap:14px;
  min-width:0;
}
.method-section .process-icon{
  width:60px;
  height:60px;
  flex-basis:60px;
  border-radius:18px;
}
.method-section .process-icon svg{
  width:30px;
  height:30px;
}
.method-section .process-card-head h3{
  margin:0;
  color:var(--green-dark);
  font-size:17px;
  line-height:1.44;
  padding-right:0;
}
.method-section .process-step{
  position:static;
  top:auto;
  right:auto;
  min-width:48px;
  text-align:right;
  font-size:25px;
  line-height:1;
  letter-spacing:.01em;
  margin-top:3px;
}
.method-section .process-copy{
  display:block;
  padding-left:74px;
}
.method-section .process-copy p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.8;
}
.method-section .process-output{
  width:100%;
  max-width:none;
  margin-top:auto;
  padding:11px 13px;
  border-radius:14px;
}
.method-section .process-output small{
  display:block;
  margin-bottom:3px;
  font-size:7.4px;
}
.method-section .process-output b{
  display:block;
  font-size:9.4px;
  line-height:1.52;
}
.method-section .process-card:nth-child(1)::after,
.method-section .process-card:nth-child(2)::after,
.method-section .process-card:nth-child(4)::after,
.method-section .process-card:nth-child(5)::after{
  right:-21px;
  width:38px;
  height:38px;
  font-size:18px;
}
@media (max-width:1100px){
  .method-section .process-grid{gap:18px;}
}
@media (max-width:700px){
  .method-section .process-card{
    min-height:0;
    padding:18px;
    gap:12px;
  }
  .method-section .process-card::before{left:20px;right:20px;height:4px;}
  .method-section .process-head-main{grid-template-columns:52px minmax(0,1fr);gap:12px;}
  .method-section .process-icon{width:52px;height:52px;flex-basis:52px;border-radius:16px;}
  .method-section .process-icon svg{width:26px;height:26px;}
  .method-section .process-card-head h3{font-size:15px;line-height:1.42;}
  .method-section .process-step{font-size:22px;min-width:42px;margin-top:1px;}
  .method-section .process-copy{padding-left:64px;}
  .method-section .process-copy p{font-size:10px;line-height:1.72;}
  .method-section .process-output b{font-size:8.8px;}
}
@media print{
  .method-section .process-card{padding:16px 16px 14px;gap:11px;min-height:0;}
  .method-section .process-head-main{grid-template-columns:46px minmax(0,1fr);gap:10px;}
  .method-section .process-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px;}
  .method-section .process-icon svg{width:22px;height:22px;}
  .method-section .process-card-head h3{font-size:13px;line-height:1.35;}
  .method-section .process-step{font-size:18px;min-width:34px;}
  .method-section .process-copy{padding-left:56px;}
  .method-section .process-copy p{font-size:8.8px;line-height:1.55;}
  .method-section .process-output{padding:8px 10px;}
  .method-section .process-output b{font-size:8px;line-height:1.4;}
}


/* =========================================================
   KITYA STAGE 8 — REMOVE GOVERNANCE SECTION + CLEAN 6-STEP CARDS
   No step numbers. Layout is rebuilt to prevent text, icons and arrows overlapping.
   ========================================================= */
.method-section .process-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.method-section .process-card{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-height:292px;
  padding:24px 22px 20px;
  overflow:visible;
}
.method-section .process-card::before{
  left:26px;
  right:26px;
  height:5px;
}
.method-section .process-card-head{
  display:block;
  min-height:0;
  padding:0;
}
.method-section .process-head-main{
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  align-items:center;
  gap:16px;
  min-width:0;
}
.method-section .process-icon{
  width:62px;
  height:62px;
  flex-basis:62px;
  border-radius:19px;
}
.method-section .process-icon svg{
  width:31px;
  height:31px;
}
.method-section .process-card-head h3{
  margin:0;
  min-width:0;
  padding:0;
  color:var(--green-dark);
  font-size:17px;
  line-height:1.48;
  overflow-wrap:anywhere;
}
.method-section .process-step{
  display:none!important;
}
.method-section .process-copy{
  display:block;
  padding-left:78px;
}
.method-section .process-copy p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.8;
  overflow-wrap:anywhere;
}
.method-section .process-output{
  width:100%;
  margin-top:auto;
  padding:12px 14px;
  border-radius:14px;
  box-sizing:border-box;
}
.method-section .process-output small{
  display:block;
  margin-bottom:4px;
  font-size:7.5px;
}
.method-section .process-output b{
  display:block;
  font-size:9.6px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.method-section .process-card:nth-child(1)::after,
.method-section .process-card:nth-child(2)::after,
.method-section .process-card:nth-child(4)::after,
.method-section .process-card:nth-child(5)::after{
  right:-22px;
  width:38px;
  height:38px;
  font-size:18px;
}
@media(max-width:1100px){
  .method-section .process-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  .method-section .process-card::after{display:none!important;}
}
@media(max-width:700px){
  .method-section .process-grid{grid-template-columns:1fr;gap:14px;}
  .method-section .process-card{min-height:0;padding:20px 18px 17px;gap:13px;}
  .method-section .process-card::before{left:20px;right:20px;height:4px;}
  .method-section .process-head-main{grid-template-columns:54px minmax(0,1fr);gap:13px;}
  .method-section .process-icon{width:54px;height:54px;flex-basis:54px;border-radius:16px;}
  .method-section .process-icon svg{width:27px;height:27px;}
  .method-section .process-card-head h3{font-size:15px;line-height:1.44;}
  .method-section .process-copy{padding-left:67px;}
  .method-section .process-copy p{font-size:10px;line-height:1.72;}
  .method-section .process-output{padding:10px 12px;}
  .method-section .process-output b{font-size:8.9px;}
}
@media print{
  .method-section .process-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .method-section .process-card{min-height:0;padding:15px 14px 13px;gap:10px;}
  .method-section .process-head-main{grid-template-columns:46px minmax(0,1fr);gap:10px;}
  .method-section .process-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px;}
  .method-section .process-icon svg{width:22px;height:22px;}
  .method-section .process-card-head h3{font-size:13px;line-height:1.38;}
  .method-section .process-copy{padding-left:56px;}
  .method-section .process-copy p{font-size:8.8px;line-height:1.55;}
  .method-section .process-output{padding:8px 10px;}
  .method-section .process-output b{font-size:8px;line-height:1.4;}
}


/* KITYA STAGE 11 — CONTACT INFORMATION UPDATE */
.contact-list .contact-person{
  grid-column:1 / -1;
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.075));
}
.contact-list .contact-person b,
.contact-list .contact-person span{display:block}
.contact-list .contact-person b{font-size:9px;color:#f2ca68}
.contact-list .contact-person>span{margin-top:5px;font-size:15px;font-weight:950;letter-spacing:.025em;color:#fff}
.contact-list a{min-width:0;overflow:hidden}
.contact-list a>span{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:700px){
  .contact-list .contact-person{grid-column:auto}
  .contact-list .contact-person>span{font-size:14px}
}


/* KITYA STAGE 12 — CONTACT WEBSITE + ICON BUTTONS + ALWAYS-ON MOTION */
.contact-button-grid{gap:18px 18px}
.contact-tile{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.075));
  overflow:hidden;
}
.contact-person.contact-tile{grid-column:1 / -1;padding:16px 18px}
.contact-link{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.contact-link::before{content:"";position:absolute;inset:auto -35% -60% auto;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 68%);animation:contactGlow 3.8s ease-in-out infinite}
.contact-link::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 46%,transparent 62%);transform:translateX(-135%);animation:contactSweep 4.8s linear infinite;pointer-events:none}
.contact-link:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35);box-shadow:0 12px 26px rgba(0,0,0,.12)}
.contact-icon{position:relative;z-index:1;flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);animation:contactFloat 3.2s ease-in-out infinite}
.contact-person .contact-icon{background:rgba(242,202,104,.13);border-color:rgba(242,202,104,.22)}
.contact-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round}
.contact-icon-phone,.contact-icon-mail,.contact-icon-telegram,.contact-icon-tiktok,.contact-icon-youtube,.contact-icon-person{color:#ffffff}
.contact-icon-web{color:#f2ca68}
.contact-arrow{position:relative;z-index:1;margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.11);color:#fff;font-style:normal;font-size:16px;animation:contactNudge 1.8s ease-in-out infinite}
.contact-text{position:relative;z-index:1;min-width:0;display:grid}
.contact-text b,.contact-text span{display:block}
.contact-text b{font-size:9px}
.contact-text span{margin-top:4px;font-size:11px;font-weight:850;overflow-wrap:anywhere;word-break:break-word}
.contact-person .contact-text b{color:#f2ca68}
.contact-person .contact-text span{font-size:15px;font-weight:950;letter-spacing:.025em;color:#fff}
@keyframes contactFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes contactNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@keyframes contactSweep{0%{transform:translateX(-135%)}55%,100%{transform:translateX(135%)}}
@keyframes contactGlow{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:.75;transform:scale(1.08)}}
@media(max-width:700px){.contact-button-grid{gap:12px}.contact-tile,.contact-person.contact-tile{padding:13px 14px}.contact-icon{flex-basis:40px;width:40px;height:40px;border-radius:13px}.contact-icon svg{width:19px;height:19px}.contact-arrow{width:24px;height:24px;font-size:14px}.contact-person .contact-text span{font-size:14px}}


/* STAGE 15 — Engagement cards with icons and subtle motion */
.package-grid-animated{gap:16px}
.package-card{
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.package-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(11,111,63,.06) 48%,transparent 64%);
  transform:translateX(-130%);
  animation:packageSweep 5.8s linear infinite;
  pointer-events:none;
}
.package-card:hover{transform:translateY(-4px);border-color:#a9ccb6;box-shadow:0 16px 34px rgba(12,84,47,.10)}
.package-top{display:flex;align-items:center;gap:13px;margin-bottom:2px}
.package-icon{
  flex:0 0 54px;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:linear-gradient(145deg,#eef7f1,#dff0e5);
  color:var(--green);
  border:1px solid #d5e7db;
  box-shadow:0 10px 24px rgba(11,111,63,.08);
  animation:packageFloat 3.6s ease-in-out infinite;
}
.package-card-02 .package-icon{background:linear-gradient(145deg,#fff7df,#f4e7b9);color:#c58d13;border-color:#ecd594}
.package-card-03 .package-icon{background:linear-gradient(145deg,#ecf6ff,#d8ecff);color:#2377c7;border-color:#c6e0fb}
.package-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round}
.package-top-copy{display:flex;align-items:center;gap:10px;min-width:0}
.package-top-copy>span{color:var(--green);font-size:9px;font-weight:950;letter-spacing:.11em}
.package-spark{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 0 rgba(11,111,63,.32);
  animation:packagePulse 2.2s ease-in-out infinite;
}
.package-card-02 .package-spark{background:#c58d13;box-shadow:0 0 0 0 rgba(197,141,19,.28)}
.package-card-03 .package-spark{background:#2377c7;box-shadow:0 0 0 0 rgba(35,119,199,.28)}
.package-card h3{line-height:1.42}
.package-card b{display:flex;align-items:center;justify-content:space-between;gap:10px}
.package-card b::after{content:"↗";font-size:13px;color:#7ea692;animation:packageArrow 1.8s ease-in-out infinite}
.package-card-02 b::after{color:#c59a36}
.package-card-03 b::after{color:#4b8ec9}
@keyframes packageFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes packagePulse{0%{box-shadow:0 0 0 0 rgba(11,111,63,.26)}70%{box-shadow:0 0 0 9px rgba(11,111,63,0)}100%{box-shadow:0 0 0 0 rgba(11,111,63,0)}}
@keyframes packageSweep{0%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}
@keyframes packageArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(max-width:700px){
  .package-top{gap:11px}
  .package-icon{flex-basis:48px;width:48px;height:48px;border-radius:15px}
  .package-icon svg{width:24px;height:24px}
}


/* STAGE 16 — Chinese language */
html[data-lang="zh"] body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}
html[data-lang="zh"] .hero-premium .hero-title>.lang-km,html[data-lang="zh"] .hero-premium .hero-title>.lang-en{display:none!important}
html[data-lang="zh"] .hero-premium .hero-title>.lang-zh{display:grid!important;gap:0}
html[data-lang="zh"] .hero-metric b{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:13px;line-height:1.35}
html[data-lang="zh"] .hero-feature-card b{font-size:9.6px;line-height:1.35}
html[data-lang="zh"] .topbar h1{letter-spacing:0}
.language-switch{grid-template-columns:repeat(3,minmax(54px,1fr));min-width:190px}
@media(max-width:700px){.language-switch{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.language-switch button{padding:7px 8px}}

/* STAGE 18 — English service tag/chip wrapping fix */
html[data-lang="en"] .catalogue-card .catalogue-tags.lang-en{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  align-content:flex-start;
  gap:7px;
  width:100%;
  min-width:0;
  overflow:visible;
}
html[data-lang="en"] .catalogue-card .catalogue-tags.lang-en>span{
  display:inline-flex!important;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  max-width:100%;
  min-width:0;
  white-space:nowrap;
  line-height:1.25;
  overflow:visible;
}


/* STAGE 20 — Website button in KITYA digital systems section */
.digital-website-button{
  position:relative;
  z-index:2;
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:11px;
  margin:0 0 24px;
  padding:11px 15px 11px 11px;
  border:1px solid #b9d9c5;
  border-radius:999px;
  background:linear-gradient(135deg,#0b6f3f,#0b8750);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:0 12px 28px rgba(11,111,63,.17);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.digital-website-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(11,111,63,.24);filter:saturate(1.06)}
.digital-website-button:focus-visible{outline:3px solid rgba(11,111,63,.22);outline-offset:3px}
.digital-website-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22)}
.digital-website-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.digital-website-arrow{display:grid;place-items:center;width:25px;height:25px;margin-left:3px;border-radius:50%;background:rgba(255,255,255,.14);font-size:13px;transition:transform .18s ease}
.digital-website-button:hover .digital-website-arrow{transform:translate(2px,-2px)}
@media(max-width:700px){.digital-website-button{width:100%;justify-content:flex-start;font-size:10px;overflow:hidden}.digital-website-button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.digital-website-arrow{margin-left:auto}}
@media print{.digital-website-button{box-shadow:none;background:#fff!important;color:#0b6f3f!important;border-color:#9fc9af}.digital-website-icon,.digital-website-arrow{background:#eef7f2}}


/* STAGE 21 — Five equal KITYA digital solution cards */
.digital-products-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.digital-products-grid .digital-card{
  min-height:430px;
  padding:22px 18px 19px;
}
.digital-products-grid .digital-card-head{margin-bottom:16px}
.digital-products-grid .digital-card .digital-icon{width:68px;height:68px;border-radius:20px}
.digital-products-grid .digital-card .digital-icon svg{width:35px;height:35px}
.digital-products-grid .digital-number{font-size:21px}
.digital-products-grid .digital-category{font-size:9px;padding:6px 9px}
.digital-products-grid .digital-title{font-size:14.5px!important;line-height:1.48!important}
.digital-products-grid .digital-title b{font-size:14.5px;line-height:1.38}
.digital-products-grid .digital-card>p{font-size:10.25px!important;line-height:1.72!important}
.digital-products-grid .digital-tags{gap:6px;padding-top:16px}
.digital-products-grid .digital-tags>span{font-size:7.9px;padding:5px 8px}
.digital-card-web{--app-accent:#0a6a64;--app-soft:#e8f6f4}
.digital-card-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  margin-top:14px;
  padding:9px 10px;
  border:1px solid color-mix(in srgb,var(--app-accent) 28%,#dfe9e2);
  border-radius:12px;
  background:var(--app-accent);
  color:#fff;
  font-size:9px;
  font-weight:950;
  line-height:1.3;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.digital-card-link i{font-size:12px;font-style:normal;transition:transform .18s ease}
.digital-card-link:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(10,106,100,.18);filter:saturate(1.05)}
.digital-card-link:hover i{transform:translate(2px,-2px)}
@supports not (color:color-mix(in srgb,#000,#fff)){.digital-card-link{border-color:#b9d8d4}}
@media(max-width:1420px){
  .digital-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .digital-products-grid .digital-card{min-height:390px}
}
@media(max-width:860px){.digital-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .digital-products-grid{grid-template-columns:1fr}
  .digital-products-grid .digital-card{min-height:0;padding:22px 18px}
}
@media print{
  .skip-link{display:none!important}
  .digital-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .digital-products-grid .digital-card{min-height:0;padding:14px 12px;box-shadow:none;break-inside:avoid}
  .digital-products-grid .digital-card .digital-icon{width:52px;height:52px;border-radius:16px}
  .digital-products-grid .digital-card .digital-icon svg{width:28px;height:28px}
  .digital-products-grid .digital-title,.digital-products-grid .digital-title b{font-size:12px!important}
  .digital-products-grid .digital-card>p{font-size:8.7px!important;line-height:1.55!important}
  .digital-products-grid .digital-card-web{grid-column:1/-1;width:calc(50% - 4px);justify-self:center}
  .digital-card-link{display:none!important}
}