@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=DM+Sans:wght@500;600;700;800&display=swap');
:root{--ink:#1c2424;--muted:#616b68;--orange:#f36b21;--orange-deep:#d84c0a;--cream:#fffaf5;--paper:#fff;--line:#ebe5db;--dark:#19302b;--soft:#fff0e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:16px;line-height:1.65}a{text-decoration:none;color:inherit}button,input,select{font:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1575ac;outline-offset:3px}section[id]{scroll-margin-top:95px}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--orange-deep)}h1,h2,h3,p{overflow-wrap:break-word}h1,h2{letter-spacing:-.055em;line-height:1.18}h1{font-size:clamp(2.7rem,5.3vw,4.9rem);margin:16px 0 22px}h2{font-size:clamp(2rem,3.6vw,3.45rem);margin:12px 0 20px}h3{line-height:1.35}.lead{color:var(--muted);font-size:1.04rem;max-width:660px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--orange);color:#fff;padding:14px 21px;border-radius:12px;font-weight:700;min-height:49px;cursor:pointer;transition:transform .18s,background .18s}.btn:hover{background:var(--orange-deep);transform:translateY(-2px)}.btn.outline{background:transparent;border:1px solid #c9cec8;color:var(--ink)}.btn.outline:hover{background:#fff}.btn.white{background:#fff;color:var(--dark)}.row-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:88px 0}.section-white{background:#fff}.section-tint{background:#f6f0e8}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-head .lead{margin:0;max-width:390px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px}.card p{color:var(--muted);font-size:.92rem;margin:8px 0 0}.card h3{font-size:1.12rem;margin:0}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:100px;background:var(--soft);color:#b74912;padding:6px 11px;font-size:.74rem;font-weight:800}
.site-header{position:sticky;top:0;z-index:40;background:#fffaf5ed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap}.brand img{height:53px;width:53px;object-fit:contain}.brand b{font:800 1.44rem/1 'DM Sans',sans-serif;letter-spacing:-.06em}.brand span{color:var(--orange)}.navlinks{display:flex;align-items:center;gap:23px;font-size:.88rem;font-weight:700}.navlinks>a,.drop-trigger{padding:18px 0}.navlinks a:hover,.drop-trigger:hover{color:var(--orange-deep)}.dropdown{position:relative}.drop-trigger{border:0;background:none;color:inherit;cursor:pointer;font-weight:700}.dropdown-list{display:none;position:absolute;left:-18px;top:100%;width:235px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 35px #2b231327}.dropdown:hover .dropdown-list,.dropdown:focus-within .dropdown-list,.dropdown.open .dropdown-list{display:grid}.dropdown-list a{padding:10px 11px;border-radius:8px;font-size:.83rem}.dropdown-list a:hover{background:var(--soft)}.navcall{border-radius:10px;background:var(--dark);color:#fff;padding:11px 15px;white-space:nowrap;font-size:.84rem;font-weight:800}.navcall:hover{background:var(--orange)}.menu-toggle{display:none;border:0;background:transparent;font-size:1.7rem;cursor:pointer}.site-footer{background:#11231f;color:#d5e0d8;padding:52px 0 23px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-grid .brand b{color:#fff}.footer-grid h3{font-size:.9rem;margin:0 0 12px;color:#fff}.footer-grid a:not(.brand){display:block;font-size:.86rem;margin:7px 0}.footer-grid a:hover{color:#ffac78}.copyright{border-top:1px solid #ffffff2b;padding-top:19px;margin-top:40px;font-size:.76rem;color:#b7c6bc}.float-zalo{position:fixed;z-index:35;bottom:19px;right:19px;background:#0068ff;color:#fff;border-radius:100px;padding:11px 17px;font-weight:800;font-size:.84rem;box-shadow:0 9px 25px #126fff52}
.home-hero{padding:74px 0 86px;overflow:hidden}.home-hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:50px;align-items:center}.home-hero h1 em{font-style:normal;color:var(--orange)}.home-hero .lead{max-width:520px}.home-photo{position:relative}.home-photo img{width:100%;height:490px;object-fit:cover;object-position:60% center;border-radius:28px}.home-photo:before{content:'';position:absolute;inset:-15px -17px 30px 30px;background:#fce2c9;border-radius:32px;z-index:-1;transform:rotate(2deg)}.home-badge{position:absolute;left:-24px;bottom:18px;background:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 12px 30px #0002;font-size:.85rem;font-weight:800}.platform-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.platforms{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0;flex-wrap:wrap}.platforms strong{font-size:.83rem;color:#6b716f}.platform{display:flex;align-items:center;gap:9px;font-weight:800;font-size:.88rem}.platform svg{width:30px;height:30px;flex:none}.service-link{display:block;min-height:224px;background:#fffaf5;border:1px solid #efe6d9;border-radius:19px;padding:25px;transition:transform .2s,box-shadow .2s}.service-link:hover{transform:translateY(-4px);box-shadow:0 16px 35px #36231515}.service-link h3{font-size:1.12rem;margin:15px 0 7px}.service-link p{color:var(--muted);font-size:.9rem;margin:0}.service-link .more{display:block;color:var(--orange-deep);font-size:.84rem;font-weight:800;margin-top:16px}.icon-box{width:47px;height:47px;border-radius:12px;background:#ffe7d5;display:grid;place-items:center;color:#d24a10;font-weight:800;font-size:1.3rem}.mini-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.mini-card{display:block;min-width:0;background:#fff;border-radius:17px;overflow:hidden;border:1px solid var(--line)}.mini-card img{height:145px;width:100%;object-fit:cover}.mini-card div{padding:14px 17px}.mini-card strong{display:block;font-size:.9rem}.mini-card span{font-size:.77rem;color:var(--orange-deep)}.closing{background:var(--dark);color:#fff;padding:75px 0}.closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{max-width:690px;margin-bottom:0}.closing .eyebrow{color:#ffb37b}
.page-hero{padding:75px 0 70px}.page-hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:50px;align-items:center}.page-hero p{color:var(--muted);max-width:580px}.page-hero .facts{margin:25px 0 0;padding-left:19px;color:#45524c;font-size:.91rem}.page-hero .facts li{margin:6px 0}.hero-graphic{min-height:400px}.visual-shell{border:1px solid #e4e7e2;border-radius:20px;background:#fff;box-shadow:0 18px 50px #19251e18;overflow:hidden}.visual-top{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:#f6f8f7;border-bottom:1px solid #e9edeb;font-size:.74rem;color:#68736e}.visual-top strong{font-size:.83rem;color:#23302b}.visual-body{padding:20px}.visual-note{font-size:.7rem;color:#7d8780;margin-top:10px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.metric{background:#f6f8f7;border-radius:9px;padding:12px;font-size:.72rem;color:#69736e}.metric strong{display:block;color:#26342d;font-size:1.1rem}.mini-table{width:100%;border-collapse:collapse;font-size:.72rem;color:#52605a}.mini-table th{text-align:left;background:#f8faf9;color:#66736c;font-weight:700}.mini-table td,.mini-table th{padding:11px 8px;border-bottom:1px solid #e9eeea}.dot{display:inline-block;width:7px;height:7px;background:#46a66b;border-radius:50%;margin-right:5px}.ad-preview{border:1px solid #ddd;border-radius:10px;padding:13px;background:#fff;font-size:.74rem;line-height:1.5}.ad-preview strong{display:block;color:#1a0dab;font-size:.9rem}.ad-preview a{color:#188038}.social-preview{border:1px solid #e4e8ec;border-radius:12px;background:#fff;overflow:hidden}.social-head{display:flex;align-items:center;gap:8px;padding:11px;font-size:.77rem}.social-head i{width:29px;height:29px;border-radius:50%;background:var(--orange);display:block}.social-preview img{height:170px;width:100%;object-fit:cover}.social-preview p{font-size:.75rem;margin:0;padding:11px;color:#374049}.chart{height:125px;display:flex;gap:8px;align-items:end;border-bottom:1px solid #d6ddd8;padding:12px 0 0}.chart i{flex:1;background:linear-gradient(#fa9b5a,#f36b21);border-radius:5px 5px 0 0}.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{padding:10px 0;border-bottom:1px solid #e7e9e4}.check-list li:before{content:'✓';color:var(--orange-deep);font-weight:800;margin-right:11px}.steps{counter-reset:step}.steps article{position:relative}.steps article:before{counter-increment:step;content:'0' counter(step);display:block;font-size:.85rem;font-weight:800;color:var(--orange-deep);margin-bottom:18px}.service-cta{background:#ffe7d2;padding:48px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:30px}.service-cta h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:0 0 10px}.service-cta p{margin:0;color:#5c625d}
.library-hero{padding:65px 0 30px}.library-hero p{max-width:690px}.filter-panel{background:#fff;padding:19px;border-radius:18px;border:1px solid var(--line);margin-bottom:23px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #d6dcd5;border-radius:11px;padding:0 15px;max-width:530px}.search-box input{width:100%;border:0;outline:0;min-height:48px;background:transparent}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.filter-chips button{border:1px solid #e3e3de;background:#faf9f7;border-radius:100px;padding:8px 13px;font-size:.81rem;font-weight:700;cursor:pointer}.filter-chips button.active{background:var(--dark);border-color:var(--dark);color:#fff}.results-count{font-size:.85rem;color:var(--muted);margin:0 0 17px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-card{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden}.template-card img{width:100%;height:210px;object-fit:cover}.template-card-body{padding:19px}.template-card h3{margin:0 0 3px;font-size:1.06rem}.template-card p{margin:0;color:var(--muted);font-size:.82rem}.template-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:8px}.template-actions button{border:0;background:var(--orange);color:#fff;border-radius:8px;padding:9px 12px;font-size:.78rem;font-weight:800;cursor:pointer}.template-actions a{color:var(--orange-deep);font-size:.77rem;font-weight:700}.empty{padding:35px;border:1px dashed #d0d6cd;border-radius:14px;text-align:center;color:var(--muted)}.demo-modal{border:0;padding:0;width:min(1200px,calc(100% - 24px));height:min(90vh,900px);border-radius:18px;box-shadow:0 25px 90px #0006;overflow:hidden}.demo-modal::backdrop{background:#10211ac9}.modalbar{padding:12px 16px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e3e7e2}.device-tabs{display:flex;gap:6px}.device-tabs button,.modal-close{border:1px solid #dde2dc;background:#fff;border-radius:8px;padding:7px 11px;cursor:pointer;font-size:.78rem;font-weight:700}.device-tabs button.active{background:var(--dark);color:#fff}.modal-stage{height:calc(100% - 58px);display:flex;align-items:center;justify-content:center;background:#dde3df;padding:15px}.modal-stage iframe{border:0;background:#fff;width:100%;height:100%;box-shadow:0 12px 30px #0002;transition:width .25s}.modal-stage.tablet iframe{width:min(768px,100%)}.modal-stage.mobile iframe{width:min(390px,100%)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.blog-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.blog-image{height:165px;background:linear-gradient(145deg,#ffe3ce,#f5a76f);display:grid;place-items:center;font-size:3rem}.blog-card:nth-child(3n+2) .blog-image{background:linear-gradient(145deg,#dde8df,#8db3a4)}.blog-card:nth-child(3n) .blog-image{background:linear-gradient(145deg,#e3eafa,#9db3d4)}.blog-card div:last-child{padding:20px}.blog-card h3{font-size:1.03rem;margin:9px 0}.blog-card p{color:var(--muted);font-size:.85rem;margin:0}.blog-card a:hover h3{color:var(--orange-deep)}.article{max-width:800px;margin:auto;padding:70px 0 100px}.article .back{font-size:.85rem;color:var(--orange-deep);font-weight:800}.article h1{font-size:clamp(2.3rem,4vw,3.6rem)}.article p{font-size:1.05rem;line-height:1.9;color:#404b45}.article h2{font-size:1.6rem;margin:37px 0 12px}.article .article-lead{font-size:1.2rem;color:#58645d}.contact-layout{display:grid;grid-template-columns:1fr .84fr;gap:35px;align-items:start}.contact-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:22px}.contact-card dt{font-size:.78rem;color:var(--muted);margin:15px 0 4px}.contact-card dd{margin:0;font-weight:700}.contact-card a:hover{color:var(--orange-deep)}.map-link{display:inline-flex;margin-top:25px;color:var(--orange-deep);font-weight:800;font-size:.87rem}
@media(max-width:1070px){.navlinks{gap:12px;font-size:.8rem}.navcall{display:none}.home-hero-grid,.page-hero-grid{gap:25px}.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{width:min(100% - 32px,580px)}.nav{height:68px}.brand img{height:44px;width:44px}.brand b{font-size:1.32rem}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:68px;left:0;right:0;background:#fffaf5;padding:15px 22px 25px;box-shadow:0 20px 25px #0002;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks>a,.drop-trigger{padding:11px 0;text-align:left;width:100%}.dropdown-list{position:static;display:none;box-shadow:none;width:100%;background:transparent;border:0;padding:0 0 0 10px}.dropdown.open .dropdown-list{display:grid}.home-hero,.page-hero{padding:43px 0 65px}.home-hero-grid,.page-hero-grid,.grid-2,.contact-layout{grid-template-columns:1fr}.home-photo{margin:18px 12px 0}.home-photo img{height:330px}.home-badge{left:-12px}.section{padding:66px 0}.section-head{display:block}.section-head .lead{margin-top:14px}.grid-3,.template-grid,.blog-grid{grid-template-columns:1fr}.mini-cards{grid-template-columns:repeat(2,1fr)}.closing .wrap,.service-cta{display:block}.closing .btn,.service-cta .btn{margin-top:21px}.service-cta{padding:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.hero-graphic{min-height:0}.template-card img{height:220px}.modalbar{flex-wrap:wrap}.modal-stage{height:calc(100% - 96px)}}@media(max-width:420px){.platforms{gap:15px}.platforms strong{width:100%}.mini-cards{grid-template-columns:1fr 1fr}.mini-card img{height:100px}.device-tabs button{font-size:.7rem;padding:6px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Fox Digital refresh: more photographic hierarchy and practical detail. */
body{background:#fcfaf7}.site-header{background:#fffdf9f2}.home-hero{background:radial-gradient(circle at 10% 0%,#fff0e1 0,transparent 48%),#fcfaf7}.home-hero h1{max-width:650px}.home-hero h1 em{font-style:normal;color:#eb5d19}.home-photo img{height:535px;object-position:54% center}.platform-strip{box-shadow:0 8px 28px #49321909}.platform{background:#fbfaf8;border:1px solid #f0ece5;border-radius:12px;padding:8px 12px}.platform svg{width:28px;height:28px}.service-link{background:#fff;border:1px solid #e8e5df;position:relative;overflow:hidden}.service-link:after{content:'↗';position:absolute;right:25px;top:26px;color:#c1c4bf;font-size:1.1rem}.service-link:hover{border-color:#f4b085}.icon-box{background:#fff0e5;border:1px solid #ffddc4;width:56px;height:56px;border-radius:15px}.icon-box svg{width:29px;height:29px;fill:none;stroke:#e75b1a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.experience{background:#19302b;color:#fff}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.experience .eyebrow{color:#ffa779}.experience .lead{color:#d8e2da}.experience-photo{position:relative}.experience-photo img{width:100%;height:560px;object-fit:cover;border-radius:24px}.photo-caption{position:absolute;left:17px;bottom:17px;background:#162924dc;color:#fff;border-radius:8px;padding:7px 12px;font-size:.72rem}.story-steps{margin-top:30px}.story-steps>div{display:flex;gap:18px;padding:17px 0;border-top:1px solid #ffffff31}.story-steps span{color:#ffad76;font-weight:800;font-size:.85rem}.story-steps p{margin:0;color:#d8e2da;font-size:.9rem}.story-steps strong{color:#fff;font-size:1rem}.mini-card:hover img{transform:scale(1.04)}.mini-card img{transition:transform .28s}.page-hero{background:linear-gradient(135deg,#fffaf5,#f7f3ec)}.page-hero-grid{gap:58px}.hero-graphic{display:flex;align-items:center}.visual-shell{width:100%}.service-story{background:#fff}.service-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px}.service-story-grid img{width:100%;height:475px;object-fit:cover;border-radius:22px}.service-story .lead{max-width:550px}.faq-list{max-width:870px;margin-top:25px}.faq-list details{background:#fff;border:1px solid #e6e7e2;border-radius:13px;margin:9px 0;padding:0 20px}.faq-list summary{cursor:pointer;font-weight:700;padding:18px 0;list-style:none}.faq-list summary:after{content:'+';float:right;color:var(--orange);font-size:1.3rem;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0;padding:0 0 20px;color:#58625c;font-size:.92rem}.external-card{border-color:#f4bd99;box-shadow:0 14px 35px #f7781c13}.external-card .pill{background:#fff0df}.external-card img{filter:saturate(1.06)}.template-card .template-card-body{display:flex;flex-direction:column;min-height:188px}.template-card .template-actions{margin-top:auto;padding-top:17px}.template-card .template-card-body p{line-height:1.6}.external-btn{background:var(--orange);color:#fff!important;padding:10px 15px;border-radius:9px;font-size:.81rem!important}.external-btn:hover{background:var(--orange-deep)}.external-disclaimer{color:#6d7770;font-size:.76rem;line-height:1.6;margin:19px 0 0}.blog-image{height:175px;overflow:hidden;display:block}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.blog-card:hover img{transform:scale(1.04)}.blog-card:hover{border-color:#edc4a8}.section-head .btn{flex:none}.filter-panel{box-shadow:0 12px 30px #372d1710}.template-card:hover{transform:translateY(-3px);transition:transform .2s;box-shadow:0 15px 35px #35220b12}
@media(max-width:950px){.experience-grid,.service-story-grid{gap:32px}.experience-photo img{height:470px}.service-story-grid img{height:400px}}
@media(max-width:760px){.home-photo img{height:345px}.platforms{justify-content:flex-start}.experience-grid,.service-story-grid{grid-template-columns:1fr}.experience-photo img{height:340px}.service-story-grid img{height:310px}.experience-grid>div:nth-child(2){padding-top:8px}.template-card .template-card-body{min-height:0}.section-head .btn{margin-top:18px}}
/* Conversion, pricing and restrained motion. */
:root{--orange:#eb5d19;--orange-deep:#bf4209;--dark:#19302b}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#ffb35c,#eb5d19);z-index:99;pointer-events:none}.home-hero{position:relative}.home-hero:before{content:'';position:absolute;width:320px;height:320px;right:7%;top:15px;border:1px solid #f7dfcc;border-radius:50%;pointer-events:none}.home-photo{isolation:isolate}.home-badge{box-shadow:0 20px 45px #3a271e29;animation:badge-float 5s ease-in-out infinite}@keyframes badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}.btn{box-shadow:0 8px 18px #eb5d1920}.btn.outline{box-shadow:none}.service-link,.template-card,.blog-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-link:hover,.template-card:hover,.blog-card:hover{transform:translateY(-5px);box-shadow:0 19px 42px #2c24141b}.pricing-section{background:#fff8f0}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.price-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #eddccf;border-radius:20px;padding:27px;min-height:314px;box-shadow:0 10px 24px #6e391c0b}.price-card:nth-child(2){border-color:#f4a875;box-shadow:0 19px 40px #ed6c1c1a}.price-card h3{font-size:1.15rem;line-height:1.45;margin:18px 0 10px}.price-card p{font-size:.87rem;color:var(--muted);margin:0 0 20px}.price-card strong{font-size:.85rem;color:#c04b13;margin-top:auto;margin-bottom:14px}.price-card .btn{font-size:.83rem;padding:11px 15px;min-height:43px}.pricing-factors{margin-top:20px;color:#5c665d;border-left:3px solid var(--orange);padding:11px 17px;background:#fff;border-radius:0 10px 10px 0;font-size:.89rem}.pricing-factors a{color:var(--orange-deep);font-weight:800}.reference-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#fff;padding:8px 15px;border-bottom:1px solid #e4e9e3}.reference-tabs[hidden]{display:none}.reference-tabs button{cursor:pointer;border:1px solid #d7dfd6;border-radius:8px;background:#f7f8f5;font-size:.75rem;padding:7px 10px;font-weight:700}.reference-tabs button.active{background:#1c352d;border-color:#1c352d;color:#fff}.reference-tabs span{font-size:.71rem;color:#657067}.demo-modal[open]{display:flex;flex-direction:column}.demo-modal .modalbar,.demo-modal .reference-tabs{flex:none}.demo-modal .modal-stage{height:auto;flex:1;min-height:0}.demo-modal .modal-stage iframe{height:100%}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.in-view{opacity:1;transform:none}.site-footer{background:#122821}.site-header{box-shadow:0 5px 20px #1f261709}.service-story-grid img{box-shadow:0 24px 45px #25352b24}.faq-list details[open]{border-color:#eebd9f;box-shadow:0 12px 25px #9b5b2610}.platform svg{filter:drop-shadow(0 3px 5px #0001)}.float-zalo{animation:float-in .5s ease both}@keyframes float-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:800px){.pricing-grid{grid-template-columns:1fr}.price-card{min-height:0}.reference-tabs span{flex-basis:100%}}
@media(max-width:760px){.home-hero:before{display:none}.home-badge{animation:none}.demo-modal{height:94vh}.demo-modal .modalbar{padding:8px 10px}.demo-modal .modal-stage{padding:8px}.reference-tabs{padding:8px 10px}.price-card{padding:23px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.home-badge,.float-zalo{animation:none}}