*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#101828;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.nav{height:74px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e9edf2;position:sticky;top:0;z-index:20}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:20px;font-weight:800;letter-spacing:-.7px}.brand>span:last-child{color:#0a9f36}.brand-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#0a9f36;margin-right:7px;box-shadow:0 0 0 5px #e8f8ec}nav{display:flex;gap:28px;color:#475467;font-size:14px;font-weight:600}nav a:hover{color:#078b2e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-weight:700;transition:.2s;border:1px solid transparent;cursor:pointer}.btn-small{padding:9px 17px;font-size:13px}.btn-large{padding:14px 22px;font-size:15px}.btn-primary{background:#079b32;color:#fff;box-shadow:0 8px 22px rgba(7,155,50,.22)}.btn-primary:hover{transform:translateY(-2px);background:#05852a}.btn-ghost{border-color:#d9e0e7;background:#fff;color:#1d2939}.btn-ghost:hover{border-color:#079b32;color:#079b32}.btn-full{width:100%;padding:13px}.hero{padding:82px 0 70px;background:radial-gradient(circle at 85% 30%,#dff8e6 0,rgba(223,248,230,.45) 18%,transparent 45%),linear-gradient(180deg,#f9fffb 0,#fff 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:70px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px;color:#079b32;margin-bottom:13px}.eyebrow span{font-size:9px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.07;letter-spacing:-2.8px;margin:0 0 22px;font-weight:800}.hero h1 span{color:#079b32}.hero-text{font-size:17px;color:#667085;max-width:580px;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust{display:flex;gap:34px;margin-top:40px}.trust div{display:flex;flex-direction:column}.trust strong{font-size:15px}.trust small{color:#98a2b3;font-size:11px}.product-card{background:#101828;border-radius:18px;padding:9px;box-shadow:0 25px 65px rgba(16,24,40,.22);transform:rotate(1deg)}.window-bar{height:40px;color:#d0d5dd;display:flex;align-items:center;padding:0 12px;gap:12px;font-size:11px}.window-lights{display:flex;gap:5px}.window-lights i{width:8px;height:8px;border-radius:50%;background:#667085}.window-status{margin-left:auto;color:#8ce3a5;font-size:10px}.screen-wrap{background:#fff;border-radius:9px;overflow:hidden}.screen-wrap img{display:block;width:100%;height:auto}.card-caption{height:42px;display:flex;align-items:center;justify-content:space-between;color:#98a2b3;padding:0 8px;font-size:10px}.stats{border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:23px 25px;display:flex;gap:15px;align-items:center;border-right:1px solid #edf0f3}.stats-grid div:last-child{border:0}.stats-grid b{font-size:13px;color:#079b32}.stats-grid span{font-size:13px;font-weight:600;color:#475467}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section-head h2,.narrow h2{font-size:40px;line-height:1.12;letter-spacing:-1.7px;margin:0}.section-head>p{max-width:410px;color:#667085;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{border:1px solid #e7ebef;border-radius:15px;padding:27px;background:#fff;transition:.2s}.feature:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(16,24,40,.07)}.icon{display:flex;width:42px;height:42px;border-radius:11px;background:#e9f8ed;color:#078b2e;align-items:center;justify-content:center;font-weight:800;margin-bottom:18px}.feature h3{margin:0 0 7px;font-size:16px}.feature p{color:#667085;font-size:13px;margin:0}.dark-section{background:#101828;color:#fff}.light .eyebrow{color:#79e99a}.light h2{color:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:28px;border:1px solid #344054;border-radius:14px;background:#182230}.step span{color:#79e99a;font-weight:800}.step h3{margin:35px 0 5px}.step p{color:#98a2b3;margin:0;font-size:13px}.pricing{background:#f8fafb}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{position:relative;background:#fff;border:1px solid #e4e8ec;border-radius:16px;padding:30px}.price-card.featured{border:2px solid #079b32;box-shadow:0 15px 40px rgba(7,155,50,.1)}.popular{position:absolute;right:18px;top:18px;font-size:10px;background:#e9f8ed;color:#078b2e;padding:5px 8px;border-radius:20px;font-weight:800}.price-tag{font-size:11px;font-weight:800;color:#079b32;letter-spacing:1px}.price-card h3{margin:7px 0 15px}.price{font-size:28px;font-weight:800;letter-spacing:-1px}.price small{font-size:11px;color:#98a2b3;font-weight:500}.price-card ul{padding:0;margin:25px 0;list-style:none;color:#475467;font-size:13px;line-height:2.2}.faq{background:#fff}.narrow{max-width:780px}.narrow h2{margin-bottom:35px}.faq details{border-top:1px solid #e4e7ec;padding:20px 0}.faq details:last-child{border-bottom:1px solid #e4e7ec}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:#667085;font-size:14px;margin:12px 0 0}.cta{background:#079b32;color:#fff;padding:65px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta .eyebrow{color:#b9f3c8}.cta h2{font-size:38px;line-height:1.15;letter-spacing:-1.4px;margin:0 0 8px}.cta p{margin:0;color:#d5f8dd}.cta-actions{display:flex;gap:10px;flex-shrink:0}.btn-white{background:#fff;color:#078b2e}.btn-outline-white{border-color:#a9eabb;color:#fff}.btn-outline-white:hover{background:#fff;color:#078b2e}footer{background:#0b111b;color:#98a2b3;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:end;gap:30px;font-size:11px}.footer-inner .brand{color:#fff}.footer-inner p{margin:7px 0 0}.footer-links{display:flex;gap:22px}.footer-links a:hover{color:#fff}@media(max-width:900px){nav{display:none}.hero-grid{grid-template-columns:1fr;gap:45px}.hero{padding-top:55px}.product-card{transform:none}.feature-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head>p{margin-top:15px}.cta-inner{display:block}.cta-actions{margin-top:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid div:nth-child(2){border-right:0}.stats-grid div:nth-child(-n+2){border-bottom:1px solid #edf0f3}}@media(max-width:600px){.container{width:min(100% - 28px,1160px)}.nav{height:64px}.nav .btn{display:none}.hero{padding:45px 0 50px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-text{font-size:15px}.trust{gap:20px;margin-top:28px}.section{padding:70px 0}.section-head h2,.narrow h2{font-size:31px}.feature-grid,.price-grid,.steps{grid-template-columns:1fr}.stats-grid div{padding:18px 12px}.cta{padding:50px 0}.cta h2{font-size:31px}.footer-inner{display:block}.footer-links{margin:20px 0}.cta-actions{flex-wrap:wrap}.cta-actions .btn{flex:1}}
/* Brand customization */
.brand-studio{letter-spacing:.35px;font-size:18px}
.brand-studio>span:not(.brand-dot){color:#079b32}
.brand-studio .brand-dot{margin-right:9px}

/* PHẦN HƯỚNG DẪN VIDEO */
.video-guide {
    width: 100%;
    padding: 60px 20px;
    background: #f8fafc;
    box-sizing: border-box;
}

.guide-container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.guide-label {
    display: inline-block;
    color: #2563eb;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.video-guide h2 {
    margin: 0 0 12px;
    font-size: clamp(26px, 4vw, 40px);
    color: #111827;
    line-height: 1.3;
}

.guide-description {
    margin: 0 auto 28px;
    color: #6b7280;
    font-size: 16px;
    line-height: 1.6;
}
/* KHUNG VIDEO RESPONSIVE */
.video-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
}

.video-wrapper video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000;
}

/* ĐIỆN THOẠI */
@media (max-width: 600px) {
    .video-guide {
        padding: 35px 15px;
    }

    .guide-description {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .video-wrapper {
        border-radius: 12px;
    }
}