/* Agentrao multi-page visual layer; inspired by the supplied palette/type reference */
:root{--background:#ffffff;--yellow:#fff07a;--lav:#c2b7ff;--pink:#ffbdf5;--mint:#b7f59e;--blue:#a7daff}
.nav-drop{position:relative}.nav-drop>a{display:inline-flex;align-items:center;gap:2px;min-height:44px}.drop-menu{display:flex;flex-direction:column;gap:0;position:absolute;top:calc(100% - 4px);left:-15px;min-width:182px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px);background:white;border:1px solid #e9e7e4;border-radius:12px;padding:9px;box-shadow:0 12px 28px #1a1a1a10;transition:.18s;z-index:80}.drop-menu a{padding:12px;border-radius:8px;white-space:nowrap}.drop-menu a:hover{background:var(--cream)}.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.tone-white{background:#fff}.tone-cream{background:var(--cream)}.tone-yellow{background:var(--yellow)}.tone-pink{background:var(--pink)}.tone-mint{background:var(--mint)}.tone-lav{background:var(--lav)}.tone-blue{background:var(--blue)}
em{font-style:normal;position:relative;white-space:nowrap}h1 em:after{content:"";height:.075em;background:#45e455;position:absolute;bottom:.06em;left:0;width:100%;z-index:0;border-radius:20px}
.inner-hero{padding:108px 0 92px;text-align:center;overflow:hidden}.inner-hero h1{font-size:clamp(56px,7.1vw,100px);font-weight:500;line-height:1.01;letter-spacing:-.049em;max-width:1000px;margin:29px auto 28px}.inner-hero>.wrap>p{max-width:670px;margin:0 auto;color:#575450;line-height:1.6;font-size:18px}.inner-hero.tone-yellow>.wrap>p,.inner-hero.tone-mint>.wrap>p{color:#30382d}.inner-hero-image{max-width:1110px;margin:75px auto -92px;height:460px;border-radius:23px 23px 0 0;overflow:hidden;background:#fff8}.inner-hero-image>.media-box{height:100%}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:35px}.inner-hero .hero-buttons:empty{display:none}
.inner-heading{text-align:center;margin-bottom:50px}.inner-heading h2{max-width:920px;margin:22px auto 15px;font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;line-height:1.09;font-weight:500}.inner-heading p{color:var(--muted);max-width:680px;line-height:1.6;font-size:16px;margin:0 auto}.inner-card-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.inner-card-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-card{padding:38px;border-radius:20px;min-height:260px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s}.inner-card:hover{transform:translateY(-3px)}.inner-card.shade-cream{background:#fff}.inner-card.shade-yellow{background:var(--yellow)}.inner-card.shade-pink{background:var(--pink)}.inner-card.shade-lav{background:var(--lav)}.inner-card.shade-mint{background:var(--mint)}.inner-card.shade-blue{background:var(--blue)}.card-symbol{display:flex;align-items:center;justify-content:center;background:#ffffff65;border-radius:12px;width:54px;height:54px;font:400 32px Arial;line-height:1}.inner-card h3{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em;line-height:1.17;margin:35px 0 12px}.inner-card p{color:#464640;font-size:15px;line-height:1.58;max-width:330px;margin:0}.inner-split{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:64px}.inner-split.reverse .split-copy{order:2}.inner-split.reverse .media-box{order:1}.split-copy h2{font-size:clamp(40px,4.3vw,64px);letter-spacing:-.045em;line-height:1.07;margin:24px 0}.split-copy h3{font-size:26px;margin-top:25px}.split-copy p{max-width:540px;color:#575450;line-height:1.67;font-size:16px}.split-copy .inline-arrow{margin-top:25px;display:inline-block}.media-box{min-width:0;position:relative;min-height:270px;overflow:hidden;isolation:isolate;border-radius:20px;background:var(--mint)}.media-box img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-box:has(img.image-missing){background:linear-gradient(145deg,#b7f59e,#c2b7ff)}.media-placeholder{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:15px;font:500 27px var(--heading);color:#1a1a1a}.media-box:has(img.image-missing) .media-placeholder{display:flex}.media-placeholder span{font:300 100px/1 Arial}.inner-split>.media-box{min-height:470px}.mini-cta{background:var(--green);padding:83px 40px;text-align:center;border-radius:24px}.mini-cta h2{font-size:clamp(38px,5vw,65px);line-height:1.06;letter-spacing:-.04em;margin:20px auto;max-width:690px}.mini-cta p{margin-bottom:32px}.tick-list{padding:0;list-style:none;display:grid;gap:17px;margin:26px 0}.tick-list li{padding-left:32px;position:relative;font-size:15px;line-height:1.5}.tick-list li:before{content:'✓';position:absolute;left:0;top:-1px;width:23px;height:23px;border-radius:50%;background:#b7f59e;text-align:center;font-weight:700}
.form-shell{border:1px solid var(--line);padding:35px;border-radius:22px;box-shadow:0 10px 25px #1a1a1a08;background:#fff}.demo-form{display:grid;gap:17px}.demo-form label{display:grid;gap:9px;font-size:14px;font-weight:600}.demo-form input,.demo-form select,.demo-form textarea,.locked-form input,.site-search input{width:100%;border:1px solid #e0ddd9;background:#fff;border-radius:10px;padding:15px 16px;color:#1a1a1a;outline:none;min-width:0}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus,.locked-form input:focus,.site-search input:focus{border-color:#14792d;box-shadow:0 0 0 3px #45e45536}.form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.demo-form button{justify-self:start}.demo-form p[role=status]{font-size:13px;color:#14792d}.form-shell .demo-form textarea{resize:vertical}.entry-list{display:grid;gap:12px;max-width:1050px;margin:auto}.entry{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;background:#fff;border:1px solid #e9e7e4;border-radius:14px;transition:background .15s,transform .15s}.entry:hover{background:#f7f5f3;transform:translateX(3px)}.entry h3{margin:7px 0 0;font-size:27px;line-height:1.2;letter-spacing:-.025em}.entry-kicker{color:#14792d;font-size:11px;font-weight:600;letter-spacing:.07em}.entry-arrow{display:grid;place-content:center;width:44px;height:44px;background:var(--mint);border-radius:9px;font-size:22px;flex:none}
.news-feature{display:block;background:#fff;padding:12px 12px 28px;border-radius:21px;overflow:hidden}.news-feature>.media-box{height:270px;margin-bottom:26px;background:#f7f5f3}.news-feature .kicker,.news-feature h3,.news-feature p,.news-feature .inline-arrow{margin-left:16px;margin-right:16px}.news-feature h3{font-size:28px;line-height:1.1;letter-spacing:-.03em;margin-top:14px}.news-feature p{font-size:14px;color:var(--muted);line-height:1.6}.news-feature .inline-arrow{display:block;font-weight:600;margin-top:25px}.article-top{padding:95px 0;text-align:center}.article-wrap{max-width:850px}.article-wrap h1{font-size:clamp(48px,6vw,86px);line-height:1.03;letter-spacing:-.045em;margin:25px auto}.article-wrap>p{color:#575450;font-size:18px;line-height:1.5}.article-meta{font-size:12px;margin-top:26px;display:flex;align-items:center;justify-content:center;gap:18px}.article-cover{max-width:1000px;margin:0 auto 80px}.article-cover .media-box{height:460px}.prose{max-width:790px;margin:auto;font-size:17px;line-height:1.85;color:#4b4845}.prose h2{font-size:40px;line-height:1.1;color:#1a1a1a;letter-spacing:-.028em;margin-top:46px}.prose h3{font-size:28px;line-height:1.15;color:#1a1a1a;margin-top:38px}.prose blockquote{border-left:5px solid var(--green);padding:10px 0 10px 27px;font:500 27px/1.4 var(--heading);color:var(--ink);margin:46px 0}.prose .inline-arrow{font-weight:600}.legal-prose{max-width:850px}.legal-prose h2:first-child{margin-top:0}
.pricing-switch{display:flex;align-items:center;justify-content:center;gap:17px;margin:-10px 0 44px;font-size:14px}.switch{position:relative;width:62px;height:34px;display:inline-block}.switch input{opacity:0;position:absolute;width:100%;height:100%;z-index:1;cursor:pointer}.switch>span{position:absolute;inset:0;border-radius:50px;background:#ddd;transition:background .15s}.switch>span:after{content:"";position:absolute;left:4px;top:4px;width:26px;height:26px;border-radius:50%;background:white;transition:transform .15s}.switch:has(input:checked)>span{background:#45e455}.switch:has(input:checked)>span:after{transform:translateX(28px)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.pricing-card{border-radius:20px;border:1px solid #e5e4e0;padding:30px;background:#fff}.pricing-card.featured{background:var(--mint);border-color:var(--mint)}.pricing-card h3{font-size:40px;letter-spacing:-.03em;margin:23px 0 15px}.pricing-card>p{color:#575450;line-height:1.5;min-height:60px}.pricing-value{font-size:29px;font-family:var(--heading);font-weight:500;margin-top:24px;letter-spacing:-.025em}.price-note{font-size:12px;color:#575450;line-height:1.5;margin:10px 0 24px}.pricing-card .button{width:100%}.pricing-card .tick-list{margin-top:29px}
.inner-faq{max-width:900px;margin:auto}.site-search{display:flex;gap:10px;max-width:760px;margin:0 auto 76px}.site-search button{flex:none}.search-heading{text-align:center;font-size:34px;margin:20px 0 35px}
.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.swatch{display:flex;flex-direction:column;gap:11px}.swatch i{border-radius:15px;border:1px solid #d9d8d2;aspect-ratio:1.1}.swatch b{font-size:15px}.swatch code{font-size:12px;color:#575450}.typo-demo h2{font-size:69px;margin:25px 0}.typo-demo p{font-size:20px}.typo-demo h3{font-size:38px}
.status-page{min-height:65vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:90px 0}.status-inner{max-width:750px}.status-icon{font-size:52px;display:block;color:var(--forest)}.status-num{font-family:var(--heading);font-size:clamp(130px,22vw,240px);line-height:.95;font-weight:500;letter-spacing:-.06em}.status-page h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.05em;margin:20px 0}.status-page p{font-size:17px;color:var(--muted);margin:0 auto 30px;max-width:520px}.locked-form{display:flex;gap:12px;max-width:500px;flex-wrap:wrap;margin:35px auto}.locked-form input{width:0;min-width:240px;flex:1}.locked-form p{flex-basis:100%;font-size:12px}
.auth-section{background:#f7f5f3;min-height:calc(100vh - 90px);padding:60px 0}.auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.auth-brand{padding:45px 35px}.auth-brand .brand{margin-bottom:100px}.auth-brand .tiny-tag{display:table;font-size:11px}.auth-brand h2{font-size:clamp(51px,4.8vw,78px);letter-spacing:-.05em;line-height:1.04;margin:25px 0}.auth-brand>p{max-width:460px;font-size:16px;line-height:1.6;color:#575450}.auth-image{max-width:460px;margin-top:35px;height:240px}.auth-image>.media-box{height:100%}.auth-card{padding:56px;border-radius:22px;background:#fff;box-shadow:0 10px 60px #1a1a1a0c}.auth-card h1{font-size:49px;line-height:1.03;letter-spacing:-.03em;margin:20px 0}.auth-card>p{color:#575450;font-size:15px;line-height:1.6;margin-bottom:31px}.auth-submit{width:100%;justify-content:center}.auth-bottom{border-top:1px solid var(--line);padding-top:24px;margin-top:30px;font-size:13px}.auth-bottom a,.auth-extra a{color:#14792d;font-weight:700}.auth-extra{text-align:right;font-size:13px;margin-top:20px}
@media(max-width:1100px){.inner-split{gap:30px}.inner-card{padding:27px}.inner-card h3{font-size:27px}.auth-card{padding:38px}.inner-hero-image{height:420px}}
@media(max-width:860px){.inner-hero{padding:70px 0 62px}.inner-hero-image{height:350px;margin-bottom:-62px}.inner-split{grid-template-columns:1fr;gap:30px}.inner-split.reverse .split-copy,.inner-split.reverse>.media-box{order:unset}.inner-split>.media-box{height:350px;min-height:350px}.inner-card-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-wrap{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{max-width:600px;margin:auto;width:100%}.swatches{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.inner-hero{padding:62px 0 45px}.inner-hero h1{font-size:clamp(46px,11vw,62px);margin:24px auto}.inner-hero>.wrap>p{font-size:14px;line-height:1.65}.inner-hero-image{height:230px;margin:44px auto -45px}.inner-hero-image>.media-box{border-radius:12px 12px 0 0}.hero-buttons{gap:7px}.hero-buttons .button{padding:12px 17px;min-height:44px;font-size:13px;gap:8px}.inner-heading{margin-bottom:32px}.inner-heading h2{font-size:38px}.inner-card-grid,.inner-card-grid.cols-2,.pricing-grid{grid-template-columns:1fr}.inner-card{min-height:220px;padding:26px}.inner-card h3{margin-top:27px}.mini-cta{padding:54px 20px}.mini-cta h2{font-size:40px}.split-copy h2{font-size:40px}.inner-split>.media-box{height:265px;min-height:265px}.entry{padding:20px;gap:10px}.entry h3{font-size:23px}.entry-arrow{width:37px;height:37px}.form-shell{padding:22px}.form-fields{grid-template-columns:1fr}.article-top{padding:65px 0}.article-wrap h1{font-size:48px}.article-cover{margin-bottom:55px}.article-cover .media-box{height:250px}.prose{font-size:15px}.prose h2{font-size:34px}.prose h3{font-size:24px}.prose blockquote{font-size:23px}.site-search{margin-bottom:50px;gap:5px}.site-search input{padding:10px}.site-search .button{padding:11px 14px;font-size:12px;gap:4px}.swatches{grid-template-columns:repeat(2,1fr)}.typo-demo h2{font-size:47px}.locked-form{align-items:center;justify-content:center}.locked-form input{flex-basis:100%}.status-page{padding:70px 0}.status-page h1{font-size:44px}.auth-section{padding:30px 0}.auth-card{padding:32px 22px}.auth-card h1{font-size:40px}.news-feature>.media-box{height:230px}.pricing-card>p{min-height:0}}

/* Ảnh nhân sự WebP: giữ nguyên tỉ lệ, cắt khung theo bố cục, không bóp méo */
.media-box img,.inner-hero-image img,.news-feature img,.article-cover img,.auth-image img{object-fit:cover!important;object-position:center!important}
.media-box{background:#edf4ee}
.media-box img{height:100%!important}