:root{
  --yellow:#ffb800;
  --black:#050505;
  --dark:#111111;
  --white:#ffffff;
  --muted:#666;
  --line:#e8e8e8;
  --radius:24px;
  --shadow:0 20px 50px rgba(0,0,0,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial, Helvetica, sans-serif;color:var(--black);background:#fff;line-height:1.35}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;height:78px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);display:flex;align-items:center;gap:28px;padding:0 5vw;border-bottom:1px solid rgba(0,0,0,.06)}.brand img{width:190px;height:auto}.nav{display:flex;gap:30px;margin-left:auto;font-size:13px;text-transform:uppercase;font-weight:800;letter-spacing:.03em}.nav a{padding:28px 0}.nav a:hover{color:var(--yellow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--yellow);color:#000;padding:15px 24px;border-radius:12px;font-weight:900;text-transform:uppercase;font-size:14px;box-shadow:0 8px 20px rgba(255,184,0,.25);border:2px solid var(--yellow)}.btn:hover{transform:translateY(-1px)}.btn-small{padding:12px 16px;font-size:12px}.btn-ghost{background:white;border-color:#000;box-shadow:none}.btn-dark{background:#000;color:#fff;border-color:#000}.btn-outline-dark{background:transparent;color:#000;border-color:#000;box-shadow:none}.menu{display:none;margin-left:auto;background:#000;color:#fff;border:0;border-radius:10px;padding:10px 13px;font-size:20px}.hero{position:relative;display:grid;grid-template-columns:1fr 1.15fr;min-height:720px;overflow:hidden;background:#fff;padding:70px 5vw 80px;gap:40px;align-items:center}.hero:after{content:"";position:absolute;right:-14vw;top:-8vw;width:58vw;height:58vw;background:var(--yellow);border-radius:50%;z-index:0}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow,.section-title span,.why-copy span{display:inline-block;color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:14px;margin-bottom:12px}.hero h1{font-size:clamp(56px,7vw,104px);line-height:.88;margin:0 0 22px;text-transform:uppercase;letter-spacing:-.05em;font-weight:1000}.hero h1 strong{display:block;color:var(--yellow)}.hero p{font-size:21px;max-width:560px;margin:0 0 24px;color:#222}.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.hero-badges span{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:800;font-size:13px;box-shadow:0 8px 18px rgba(0,0,0,.05)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.location{font-size:14px!important;color:#333!important;font-weight:700}.hero-visual{min-height:560px}.sun{position:absolute;right:-30px;top:30px;width:320px;height:320px;border-radius:50%;background:var(--yellow)}.frog-watermark{position:absolute;right:20px;top:30px;width:300px;opacity:.13}.billboard{position:absolute;right:10px;top:86px;background:#111;color:#fff;padding:34px 44px;border-radius:6px;font-weight:1000;font-size:40px;line-height:1;transform:rotate(-2deg);box-shadow:var(--shadow)}.billboard b{color:var(--yellow)}.van-card{position:absolute;left:0;bottom:0;width:86%;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);border:10px solid #fff;background:#fff}.product{position:absolute;background:#000;color:#fff;border-radius:18px;padding:18px 22px;font-weight:1000;text-transform:uppercase;box-shadow:var(--shadow)}.product-1{right:10px;bottom:170px}.product-2{right:130px;bottom:60px;background:var(--yellow);color:#000}.product-3{right:30px;bottom:20px}.section{padding:78px 5vw}.section-title{text-align:center;max-width:900px;margin:0 auto 42px}.section-title h2{font-size:clamp(32px,4vw,54px);line-height:.95;text-transform:uppercase;margin:0;font-weight:1000;letter-spacing:-.03em}.section-title p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card{padding:26px 20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.04);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#ffd86b}.icon{width:54px;height:54px;border-radius:14px;background:var(--yellow);display:grid;place-items:center;font-size:25px;font-weight:900;margin-bottom:18px}.card h3{text-transform:uppercase;margin:0 0 10px;font-size:18px;line-height:1.08}.card p{margin:0;color:#444;font-size:14px}.why{background:#050505;color:#fff;padding:72px 5vw;display:grid;grid-template-columns:.9fr 1.3fr;gap:50px;align-items:center}.why h2{font-size:clamp(36px,5vw,72px);line-height:.9;margin:0 0 20px;text-transform:uppercase}.why h2 strong{color:var(--yellow)}.why p{color:#ddd;font-size:18px}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.why-grid div{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:24px;background:rgba(255,255,255,.04)}.why-grid b{color:var(--yellow);text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.chips span{background:#fff;border:2px solid #000;border-radius:999px;padding:14px 20px;font-weight:900;text-transform:uppercase}.process{background:#fafafa}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:36px}.steps div{text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 18px}.steps b{display:inline-grid;place-items:center;background:var(--yellow);width:46px;height:46px;border-radius:50%;font-size:22px;margin-bottom:14px}.steps p{margin:0;font-weight:700;color:#333}.center{margin:0 auto;display:flex;width:max-content}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.work-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px;box-shadow:0 10px 28px rgba(0,0,0,.12)}.note{font-size:14px;color:#777}.cta{position:relative;overflow:hidden;display:grid;grid-template-columns:120px 1fr auto;gap:30px;align-items:center;background:var(--yellow);padding:48px 5vw}.cta img{width:160px;position:absolute;right:-20px;bottom:-70px;opacity:.45}.cta h2{font-size:clamp(32px,4vw,58px);line-height:.95;margin:0 0 10px;text-transform:uppercase}.cta p{margin:0;font-size:18px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.footer{background:#050505;color:#fff;padding:50px 5vw;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px}.footer img{width:190px}.footer p{color:#ccc;margin:8px 0 0}.float-wa{position:fixed;right:22px;bottom:22px;background:#25D366;color:#fff;font-weight:900;padding:16px 20px;border-radius:999px;z-index:30;box-shadow:0 12px 30px rgba(0,0,0,.25)}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-visual{min-height:520px}.work-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.nav{display:none}.menu{display:block}.site-header.open .nav{display:flex;position:absolute;left:0;right:0;top:78px;background:#fff;flex-direction:column;padding:25px 5vw;border-bottom:1px solid var(--line)}.site-header.open .nav a{padding:8px 0}.site-header .btn-small{display:none}}
@media(max-width:720px){.site-header{height:68px}.brand img{width:150px}.hero{padding:42px 5vw;min-height:auto}.hero h1{font-size:54px}.hero-visual{display:none}.service-grid,.why,.why-grid,.steps,.work-grid,.footer,.cta{grid-template-columns:1fr}.section{padding:58px 5vw}.chips{justify-content:flex-start}.cta{padding:38px 5vw}.float-wa{left:18px;right:18px;text-align:center}.footer{padding-bottom:95px}}
