:root{--blue:#baff00;--deep:#baff00;--yellow:#ffd10a;--black:#101010;--muted:#707070;--pale:#f5f6f8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#101010;background:#fff}
a{text-decoration:none;color:inherit}
.site-head{position:absolute;z-index:50;top:40px;left:4%;right:4%;height:80px;background:#fff;border-radius:22px;box-shadow:0 4px 18px #00000015;display:flex;align-items:center;padding:10px 28px;gap:30px}
.logo{margin-right:auto}
.logo img{width:145px;height:60px;object-fit:contain}
.site-head nav{display:flex;gap:34px;align-items:center;font-size:16px}
.drop{position:relative}
.drop button{border:0;background:none;font:inherit;cursor:pointer}
.dropmenu{display:none;position:absolute;top:32px;left:-20px;width:290px;background:#fff;padding:15px;border-radius:15px;box-shadow:0 10px 35px #0002}
.drop:hover .dropmenu,.drop.active .dropmenu{display:grid}
.dropmenu a{padding:12px;border-radius:9px;font-size:14px}
.dropmenu a:hover{background:#f2ffcf;color:#5d9100}
.head-actions{display:flex;gap:10px}
.btn{display:inline-block;border:0;border-radius:999px;padding:14px 24px;font-weight:700;cursor:pointer}
.btn.ghost{border:1px solid #ccc}
.btn.blue{background:linear-gradient(90deg,var(--deep),var(--blue));color:#101010}
.btn.yellow{background:var(--yellow);color:#000}
.btn.white{background:#fff;color:var(--deep)}
.hamb{display:none;border:0;background:none;font-size:26px}
.label{display:inline-block;border:1px solid var(--blue);border-radius:999px;padding:9px 19px;font-size:13px}
.label.invert{border-color:#fff;color:#fff}
.home-hero{height:920px;position:relative;background:#f0f2f3;overflow:hidden}
.hero-scene{height:100%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 65%,#fff 0 25%,transparent 55%),linear-gradient(145deg,#e8eaec,#fafafa)}
.giant{font-size:clamp(170px,28vw,520px);font-weight:900;line-height:.58;letter-spacing:-.13em;text-align:center;color:#0a0a0a;transform:scaleX(1.12)}
.float-icons i{position:absolute;font-style:normal;font-size:60px;color:#111}
.float-icons i:nth-child(1){left:8%;top:47%;background:#111;color:#fff;border-radius:14px;padding:15px 25px}
.float-icons i:nth-child(2){right:16%;top:22%;font-size:100px}
.float-icons i:nth-child(3){left:46%;top:24%;font-size:130px}
.float-icons i:nth-child(4){right:9%;bottom:18%;font-size:150px;color:var(--blue)}
.brief-card{position:absolute;right:4%;bottom:55px;width:400px;background:var(--yellow);border-radius:20px;padding:32px;font-size:22px;line-height:1.4}
.brief-card .btn{display:block;text-align:center;margin-top:28px}
.who{padding:95px 4%;display:grid;grid-template-columns:42% 58%;gap:5vw}
.who h1{font-size:clamp(65px,8vw,125px);font-weight:400;line-height:.94;margin:32px 0}
.who h1 b,.work-title h2 b,.services-home h2 b,.map-sec h2 b,.testimony h2 b,.follow h2 b,.about-page b,.service-page b{color:var(--deep)}
.who .large{font-size:24px;line-height:1.4;margin:45px 0 25px}
.who>div:last-child>p{max-width:800px;line-height:1.55}
.word-logos{display:flex;flex-wrap:wrap;gap:30px;margin-top:35px;color:#aaa;font-weight:800;font-size:20px}
.stat-grid{padding:0 4% 100px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.stat-grid article{background:linear-gradient(120deg,var(--deep),var(--blue));color:#101010;border-radius:20px;padding:25px 30px}
.stat-grid small{display:block}
.stat-grid b{display:block;font-size:70px;margin:22px 0 5px}
.stat-grid span{font-size:21px}
.work-title{text-align:center;padding:60px 4% 0}
.work-title h2,.services-home h2,.choose>h2{font-size:clamp(55px,6vw,95px);font-weight:400;line-height:.96}
.work-placeholder{height:440px;display:grid;place-items:center;color:#999}
.founder-bar{margin:0 4% 100px;background:var(--yellow);border-radius:38px;padding:28px 40px;display:flex;align-items:center;gap:35px}
.founder-avatar{width:90px;height:90px;border-radius:50%;background:#111;color:var(--yellow);display:grid;place-items:center;font-size:55px;font-weight:900}
.founder-bar h3{font-size:27px;margin:0 0 10px}
.founder-bar .btn{margin-left:auto}
.services-home{padding:100px 4%}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:80px}
.service-cards>a,.deliver-grid article{min-height:300px;border:1px solid #ddd;border-radius:20px;padding:32px;position:relative;transition:.25s}
.service-cards>a:hover{border-color:var(--blue);background:#f7ffe5}
.service-cards span,.deliver-grid span{color:var(--deep);font-size:28px;font-weight:800}
.service-cards h3,.deliver-grid h3{font-size:24px}
.service-cards p,.deliver-grid p{color:var(--muted);line-height:1.5}
.service-cards i{position:absolute;right:30px;bottom:25px;border:1px solid #ddd;border-radius:50%;padding:10px;font-style:normal}
.service-cards .help,.help-card{background:linear-gradient(120deg,var(--deep),var(--blue));color:#101010}
.service-cards .help p,.help-card p{color:#253100}
.dark-band{padding:95px 4%;background:#111;color:#fff}
.dark-band>h2{font-size:clamp(55px,6vw,95px);font-weight:400;line-height:.95}
.dark-band>h2 b{background:linear-gradient(90deg,#baff00,#d8ff38);color:transparent;background-clip:text}
.two,.four{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.four{grid-template-columns:repeat(4,1fr)}
.two article,.four article,.mini-stats span{border:1px solid #333;border-radius:18px;padding:30px}
.two article h3,.four article h3{font-size:30px}
.two article b,.four article b{color:var(--blue)}
.two article p,.four article p{color:#aaa}
.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}
.mini-stats b{display:block;font-size:28px;color:#fff}
.mini-stats span{color:#aaa}
.map-sec{padding:100px 4%;background:#111;color:#fff;display:grid;grid-template-columns:40% 60%;align-items:center}
.map-sec h2{font-size:clamp(50px,5vw,85px);font-weight:400}
.dotmap{text-align:center;font-size:42px;line-height:.65;letter-spacing:6px;color:#baff00;transform:skewX(-8deg)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips span{background:var(--blue);border-radius:50px;padding:11px 20px}
.choose{padding:100px 4%;text-align:center}
.choose-grid{background:#f4f4f4;border-radius:38px;padding:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}
.choose-grid article{background:linear-gradient(var(--deep),var(--blue));color:#101010;border-radius:20px;overflow:hidden;padding-bottom:30px}
.choose-grid h3,.choose-grid p,.choose-grid article>div:last-child{padding:0 22px}
.choose-grid h3{font-size:27px}
.choose-grid p{color:#253100;min-height:55px}
.choose-grid article>div:last-child{border-top:1px solid #ffffff55;padding-top:25px}
.choose-grid article>div:last-child b{font-size:34px;color:#101010}
.photo-pattern{height:300px;background-color:#202020;background-size:50px 50px}
.photo-pattern.p1{background-image:linear-gradient(45deg,#baff00 25%,transparent 25%),linear-gradient(-45deg,#ffd10a 25%,transparent 25%)}
.photo-pattern.p2{background-image:radial-gradient(#ffd10a 20%,transparent 22%)}
.photo-pattern.p3{background-image:repeating-linear-gradient(135deg,#baff00 0 20px,#111 20px 40px)}
.testimony{padding:100px 4%;display:grid;grid-template-columns:32% 68%;gap:60px}
.testimony h2{font-size:clamp(50px,5vw,82px);font-weight:400}
.testimony blockquote{border-left:7px solid var(--blue);padding:80px 40px;font-size:28px;line-height:1.45;margin:0}
.testimony blockquote footer{background:none;color:#111;padding:40px 0 0;display:block;font-size:16px}
.follow{padding:100px 4%;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.follow h2{font-size:clamp(50px,5vw,80px);font-weight:400}
.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.social-grid i{min-height:180px;background:var(--pale);border-radius:15px;display:grid;place-items:center;color:var(--deep);font-style:normal;font-weight:800}
.contact-panel{padding:85px 4%;background:linear-gradient(110deg,var(--deep),var(--blue));color:#101010;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.contact-panel h2{font-size:clamp(50px,5vw,80px)}
.contact-panel form{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-panel input,.contact-panel select,.contact-panel textarea{padding:18px;border:0;border-radius:12px;font:inherit}
.contact-panel textarea{grid-column:1/-1;min-height:120px}
.final-cta{margin:80px 4%;padding:75px;background:linear-gradient(110deg,var(--deep),var(--blue));color:#101010;text-align:center;border-radius:40px}
.final-cta h2{font-size:clamp(48px,5vw,78px);font-weight:400}
.final-cta h2 b{font-weight:800}
.final-cta>div{display:flex;justify-content:center;gap:45px;align-items:center;margin-top:45px}
footer{background:#111;color:#aaa;padding:70px 4% 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}
footer img{width:175px;height:80px;object-fit:contain}
footer h3{color:#baff00}
footer>div:not(.foot-about){display:flex;flex-direction:column;gap:12px}
footer small{grid-column:1/3;border-top:1px solid #333;padding-top:25px}
.legal{border-top:1px solid #333;padding-top:25px;color:#fff}
.foot-about p{max-width:600px;line-height:1.5}
.chat{position:fixed;z-index:99;right:26px;bottom:26px;width:76px;height:76px;border-radius:50%;background:var(--blue);color:#101010;display:grid;place-items:center;font-size:35px;box-shadow:0 12px 35px #8bd00055}
.service-page,.about-page{padding-top:150px}
.service-hero{padding:80px 4%;min-height:620px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.service-hero h1,.about-hero h1{font-size:clamp(65px,7vw,115px);line-height:.9;margin:35px 0}
.service-hero p{font-size:22px;max-width:650px;line-height:1.5}
.service-art{height:520px;border-radius:36px;background:#baff00;position:relative;color:#101010;display:grid;place-items:center;overflow:hidden}
.service-art b{font-size:180px;color:#101010}
.service-art i{position:absolute;font-size:120px;font-style:normal;color:var(--yellow)}
.service-art i:nth-of-type(1){right:12%;top:8%}
.service-art i:nth-of-type(2){left:10%;bottom:5%;color:#fff}
.intro-grid{padding:100px 4%;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start}
.intro-grid h2{font-size:48px;margin:0}
.intro-grid p{color:#666;line-height:1.6}
.deliver-grid{padding:0 4% 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.about-hero{padding:100px 4%;text-align:center}
.about-hero p{font-size:22px;max-width:800px;margin:auto}
.about-story{padding:80px 4%;background:#111;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.story-art{height:500px;background:var(--blue);display:grid;place-items:center;font-size:360px;font-weight:900}
.about-story h2{font-size:55px}
.about-story p{color:#bbb;font-size:18px;line-height:1.6}
.values{padding:100px 4%}
.values>h2{font-size:60px}
.values>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.values article{border:1px solid #ddd;border-radius:20px;padding:35px}
.values article b{font-size:28px}
.team-cta{margin:0 4% 90px;background:var(--yellow);border-radius:35px;padding:60px;display:flex;align-items:center;justify-content:space-between}
.team-cta h2{font-size:45px}
.team-cta .btn{background:var(--blue);color:#101010}

@media(max-width:900px){.site-head{top:15px;height:70px}
.site-head nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;align-items:flex-start;border-radius:18px;box-shadow:0 10px 30px #0002}
.site-head nav.open{display:flex}
.dropmenu{position:static;box-shadow:none}
.head-actions{display:none}
.hamb{display:block}
.logo img{width:120px}
.home-hero{height:760px}
.giant{font-size:38vw}
.brief-card{left:5%;right:5%;width:auto}
.who,.map-sec,.testimony,.follow,.service-hero,.about-story,.intro-grid,.contact-panel{grid-template-columns:1fr}
.stat-grid,.service-cards,.choose-grid,.deliver-grid{grid-template-columns:1fr 1fr}
.four,.mini-stats{grid-template-columns:1fr 1fr}
.dotmap{font-size:28px}
.founder-bar{align-items:flex-start;flex-wrap:wrap}
.founder-bar .btn{margin-left:0}
.service-art{height:400px}
.intro-grid h2{font-size:42px}
footer{grid-template-columns:1fr 1fr}
}

@media(max-width:560px){.site-head{left:3%;right:3%;padding:8px 16px}
.home-hero{height:680px}
.brief-card{font-size:17px;padding:22px}
.who{padding-top:70px}
.who h1{font-size:62px}
.stat-grid,.service-cards,.choose-grid,.deliver-grid,.values>div{grid-template-columns:1fr}
.stat-grid b{font-size:55px}
.services-home h2,.work-title h2,.choose>h2{font-size:48px}
.four,.mini-stats,.two{grid-template-columns:1fr}
.founder-avatar{width:65px;height:65px}
.founder-bar h3{font-size:21px}
.map-sec{padding:75px 5%}
.testimony{gap:0}
.testimony blockquote{padding:40px 25px;font-size:21px}
.social-grid{grid-template-columns:1fr 1fr}
.contact-panel form{grid-template-columns:1fr}
.contact-panel textarea{grid-column:auto}
.final-cta{margin:40px 3%;padding:50px 20px}
.final-cta>div{flex-direction:column;gap:20px}
footer{grid-template-columns:1fr}
footer small{grid-column:auto}
.service-page,.about-page{padding-top:100px}
.service-hero,.about-hero{padding:70px 5%}
.service-hero h1,.about-hero h1{font-size:58px}
.service-art{height:300px}
.service-art b{font-size:110px}
.story-art{height:320px;font-size:230px}
.values>h2{font-size:43px}
.team-cta{display:block;padding:40px 25px}
.team-cta h2{font-size:34px}
.chat{width:58px;height:58px}
}