@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--y:#ffd400;--b:#111;--g:#f4f4f0;--w:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Be Vietnam Pro',Arial,sans-serif;color:var(--b);background:#fff}a{text-decoration:none;color:inherit}.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #ddd;position:sticky;top:0;background:#fff;z-index:20}.logo{font-weight:800;font-size:16px}.logo span{background:var(--y);padding:10px 7px;margin-right:8px}.logo b{display:block;font-size:10px;letter-spacing:4px;margin-left:47px}.header nav{display:flex;gap:28px;font-size:13px;font-weight:600}.btn{display:inline-block;background:var(--y);padding:17px 25px;font-weight:800;border:2px solid var(--b);box-shadow:5px 5px 0 var(--b);transition:.2s}.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--b)}.btn-sm{padding:11px 18px;font-size:12px}.hero{min-height:690px;padding:70px 8vw;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;background:linear-gradient(120deg,#fff 65%,var(--y) 65%)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:22px}.hero h1,.section h2,.cta h2{font-size:clamp(38px,5vw,72px);line-height:1.05;margin:0 0 25px;letter-spacing:-3px}.hero h1 em{font-style:normal;background:linear-gradient(transparent 65%,var(--y) 0)}.hero-copy>p{font-size:17px;line-height:1.8;max-width:680px;color:#555}.actions{display:flex;gap:30px;align-items:center;margin:35px 0}.link{font-weight:800}.stats{display:flex;gap:50px;border-top:1px solid #ccc;padding-top:25px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:25px}.stats span{font-size:11px;color:#777;margin-top:5px}.hero-card{background:var(--b);color:#fff;padding:45px;min-height:450px;transform:rotate(2deg);box-shadow:18px 18px 0 rgba(0,0,0,.15)}.badge{font-size:11px;letter-spacing:2px;color:var(--y)}.visual{font-size:clamp(42px,5vw,70px);font-weight:800;line-height:.95;margin:80px 0 35px;letter-spacing:-4px}.visual span{color:var(--y)}.hero-card p{line-height:1.8;color:#bbb}.section{padding:100px 8vw}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.section h2{font-size:clamp(35px,4vw,58px)}mark{background:var(--y)}.about p{font-size:17px;line-height:1.9;color:#555}.dark{background:var(--b);color:#fff}.yellow{color:var(--y)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333;margin-top:55px;border:1px solid #333}.grid article{background:var(--b);padding:38px;min-height:260px}.grid i{font-style:normal;color:var(--y);font-weight:800}.grid h3{font-size:22px;margin-top:45px}.grid p{color:#aaa;line-height:1.7;font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px}.steps div{border-top:4px solid var(--b);padding:25px 25px 25px 0}.steps b{font-size:12px;background:var(--y);padding:8px}.steps h3{font-size:22px;margin-top:30px}.steps p{color:#666;font-size:14px}.cta{padding:100px 8vw;background:var(--y);display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:center}.cta h2{font-size:clamp(38px,4.5vw,65px)}.contact-card{background:#fff;padding:40px;border:2px solid #111;box-shadow:10px 10px 0 #111}.contact-card h3{font-size:25px}.contact-card p{line-height:1.7;color:#555}.black{background:#111;color:#fff;box-shadow:none;margin:15px 0;display:block;text-align:center}.contact-link{font-weight:700;display:block;margin:18px 0;word-break:break-all}.contact-card small{color:#888;line-height:1.5;display:block}footer{padding:40px 8vw;display:flex;justify-content:space-between;align-items:center;background:#fff}footer p{font-size:12px;color:#777}
@media(max-width:800px){.header{padding:0 5vw}.header nav{display:none}.hero{grid-template-columns:1fr;background:linear-gradient(160deg,#fff 72%,var(--y) 72%);padding:55px 6vw}.hero h1,.section h2,.cta h2{letter-spacing:-2px}.hero-card{min-height:350px}.visual{margin:60px 0 25px}.stats{gap:20px;justify-content:space-between}.about,.cta{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.section,.cta{padding:70px 6vw}footer{flex-direction:column;gap:30px;text-align:center}}
.lead{color:#666;font-size:16px;max-width:700px;line-height:1.8}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:50px}.project-grid article{border:2px solid #111;padding:35px;position:relative;min-height:300px;transition:.2s}.project-grid article:hover{transform:translateY(-5px);box-shadow:8px 8px 0 var(--y)}.project-no{font-size:50px;font-weight:800;color:#e9e9e5;position:absolute;right:25px;top:20px}.project-grid span{font-size:10px;letter-spacing:2px;font-weight:800}.project-grid h3{font-size:30px;margin:45px 0 15px}.project-grid p{color:#666;line-height:1.7}.project-grid b{font-size:11px;background:var(--y);padding:7px 10px}.note{font-size:11px!important;color:#888!important;margin-top:25px}.pricing{background:#f4f4f0}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px;align-items:stretch}.price-grid article{background:#fff;border:2px solid #111;padding:38px;position:relative}.price-grid article>span{font-size:10px;letter-spacing:2px;font-weight:800}.price-grid h3{font-size:25px;margin:15px 0}.price{font-size:35px;font-weight:800;margin:25px 0}.price small{font-size:12px;color:#777}.price-grid p{color:#666;line-height:1.6;font-size:14px}.price-grid ul{list-style:none;padding:0;margin:28px 0}.price-grid li{padding:10px 0;border-bottom:1px solid #eee;font-size:13px}.price-btn{display:block;border:2px solid #111;padding:14px;text-align:center;font-weight:800}.featured{background:#111!important;color:#fff;transform:translateY(-15px);box-shadow:10px 10px 0 var(--y)}.featured p,.featured .price small{color:#aaa}.featured li{border-color:#333}.yellow-btn{background:var(--y);color:#111}.popular{position:absolute;right:20px;top:-14px;background:var(--y);color:#111;padding:8px 12px;font-size:10px;font-weight:800}
@media(max-width:800px){.project-grid,.price-grid{grid-template-columns:1fr}.featured{transform:none}.project-grid article{min-height:auto}}