:root{--ink:#10220d;--paper:#fff;--yellow:#b7f000;--pink:#ff4f91;--aqua:#63dfbd;--muted:#52634e;--line:rgba(16,34,13,.17)}
body{background:#fff;color:var(--ink)}
.grain{opacity:.025;mix-blend-mode:multiply}
.nav{border-color:rgba(38,78,26,.14);background:rgba(255,255,255,.88);box-shadow:0 12px 45px rgba(42,78,28,.12)}
.brand{color:var(--ink)}.brand span{background:var(--yellow);color:var(--ink);box-shadow:0 0 0 5px rgba(183,240,0,.18)}
.nav-links a{color:#42523e}.nav-links a:hover{color:#5f9000}.nav-cta{background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(16,34,13,.18)}
.hero{position:relative;background:radial-gradient(circle at 92% 15%,rgba(183,240,0,.46),transparent 29%),linear-gradient(135deg,#fff 0%,#fff 55%,#f1ffd0 100%);max-width:none;padding-left:max(6vw,calc((100vw - 1500px)/2 + 6vw));padding-right:max(6vw,calc((100vw - 1500px)/2 + 6vw))}
.hero:before{content:"";position:absolute;left:-7vw;bottom:8%;width:260px;height:260px;border-radius:50%;background:var(--yellow);filter:blur(2px);opacity:.22}
.eyebrow{color:#3f5838}.pulse{background:#76be00;box-shadow:0 0 0 6px rgba(118,190,0,.14)}
h1{color:#10220d;text-shadow:0 2px 0 rgba(255,255,255,.85)}h1 em,h2 em{color:#5f9900;text-shadow:0 3px 0 #fff,0 8px 22px rgba(102,156,0,.14)}
.lead,.about-copy>p:not(.kicker),.work-head>p{color:#52634e}.lead strong{color:#10220d}.ghost{color:#10220d;border-color:rgba(16,34,13,.28);background:rgba(255,255,255,.7)}
.primary{background:var(--yellow);color:#10220d;box-shadow:0 14px 32px rgba(115,168,0,.29),inset 0 -3px 0 rgba(71,105,0,.16)}.mini-proof{color:#61715c}
.zalo{background:#fff;color:#10220d;border:2px solid #0b83ff;box-shadow:0 12px 28px rgba(11,131,255,.15);gap:11px;padding:13px 17px}.zalo:hover{background:#eef7ff;border-color:#006fe6}.zalo-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0b83ff;color:#fff;font-weight:800;font-size:15px}.zalo b{color:#0b83ff;font-size:18px;margin-left:3px}
.sun{background:radial-gradient(circle at 35% 28%,#efffa0,var(--yellow) 56%,#79c800);box-shadow:0 25px 70px rgba(104,160,0,.25)}.orbit{border-color:rgba(16,34,13,.26)}.portrait-frame{box-shadow:0 35px 85px rgba(48,86,28,.22)}
.ticker{background:var(--yellow);border-color:#10220d;color:#10220d}
.about{max-width:none;background:linear-gradient(180deg,#fff 0%,#f5ffe0 100%);padding-left:max(6vw,calc((100vw - 1420px)/2 + 6vw));padding-right:max(6vw,calc((100vw - 1420px)/2 + 6vw))}
.section-label{color:#52634e}.section-label span{color:#5f9900}.about-image img{box-shadow:0 28px 65px rgba(48,86,28,.16)}.sticker{background:var(--yellow);border-color:#fff;color:#10220d}.kicker,.tag{color:#d52f70}
.values div{border-color:rgba(16,34,13,.2)}.values strong{color:#629900}.values span{color:#52634e}
.work{max-width:none;background:#fff;padding-left:max(6vw,calc((100vw - 1420px)/2 + 6vw));padding-right:max(6vw,calc((100vw - 1420px)/2 + 6vw))}.work h2{color:#10220d}
.project{background:#fff;border:1px solid rgba(16,34,13,.09);box-shadow:0 18px 48px rgba(45,77,30,.11)}.project-info{color:#10220d}.arrow{border-color:rgba(16,34,13,.24);background:#f5ffe3}.project-concept{background:var(--yellow);border-color:transparent}
.services{max-width:none;background:linear-gradient(135deg,#9fd900 0%,#c7f936 62%,#e5ff95 100%);padding-left:max(6vw,calc((100vw - 1420px)/2 + 6vw));padding-right:max(6vw,calc((100vw - 1420px)/2 + 6vw));color:#10220d}
.services .section-label,.services .section-label span{color:#29451f}.service-list,.service{border-color:rgba(16,34,13,.22)}.service>span{color:#10220d}.service p{color:#35502e}
.contact{max-width:none;background:#fff;padding-left:max(6vw,calc((100vw - 1420px)/2 + 6vw));padding-right:max(6vw,calc((100vw - 1420px)/2 + 6vw))}.contact-orb{background:radial-gradient(circle,#ceff2b,#92d300 42%,transparent 70%);opacity:.72}.contact h2{color:#10220d}.contact h2 em{color:#10220d;text-shadow:0 3px 0 #d8ff5f,0 10px 30px rgba(102,160,0,.2)}
.contact-link{color:#10220d;border-color:#10220d}.contact-link b{color:#5f9900}footer{color:#52634e;border-color:rgba(16,34,13,.16);background:#fff}
@media(max-width:560px){h1{font-size:clamp(52px,16vw,74px)}.hero{background:radial-gradient(circle at 110% 25%,rgba(183,240,0,.5),transparent 40%),#fff}.services{background:linear-gradient(145deg,#a8df00,#d6ff62)}}