@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
.logo img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.logo b{font-size:16px;max-width:195px;line-height:1.25}.invite-service{background:#e9eefb}.invite-service h2{font:800 clamp(2rem,4vw,4rem)/1.1 Manrope}.invite-service p{max-width:640px;line-height:1.7}.invite-service .btn{margin-top:20px}
:root{--ink:#121616;--lime:#c9ff35;--paper:#f3f4ee;--white:#fff;--line:#d8dbd1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.nav{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(243,244,238,.92);position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:9px;font:800 21px Manrope}.logo span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--lime)}.nav nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.nav a:hover,.nav a.active{opacity:.62}.nav-cta{padding:12px 20px;border-radius:99px;background:var(--ink);color:white}.menu-btn{display:none;background:none;border:0;font-size:24px}.hero{min-height:700px;padding:90px 5vw 70px;display:grid;grid-template-columns:1.04fr .96fr;gap:7vw;align-items:center;overflow:hidden}.kicker,.section-title>p{font-size:12px;font-weight:700;letter-spacing:.18em}.hero h1,.gallery-hero h1{font:800 clamp(3.5rem,6.5vw,6.8rem)/.94 Manrope;margin:22px 0;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:#647066}.lead{font-size:19px;line-height:1.65;max-width:620px;color:#525b57}.hero-actions{display:flex;gap:12px;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:99px;font-weight:700;border:1px solid var(--ink)}.primary{background:var(--lime)}.ghost{background:transparent}.white{background:#fff;color:#121616;border-color:#fff}.proof{display:flex;align-items:center;gap:9px;font-size:13px}.proof b{font:800 19px Manrope}.proof span{color:#707873}.proof i{height:28px;width:1px;background:var(--line);margin:0 12px}.hero-panel{position:relative}.browser{border-radius:28px;background:#151918;padding:12px;box-shadow:0 35px 90px #18201d33;transform:rotate(2deg)}.browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 8px;color:#8f9893;font-size:11px}.browser-bar i{width:7px;height:7px;background:#56605b;border-radius:50%}.browser-bar span{margin:auto}.ad-preview{min-height:490px;border-radius:20px;background:linear-gradient(145deg,#d4ff55,#f6ffdc);padding:55px;color:#111;display:flex;flex-direction:column}.ad-preview small{letter-spacing:.16em;font-weight:700}.ad-preview>strong{font:800 96px Manrope;margin-top:35px;letter-spacing:-.08em}.ad-preview>span{font-weight:600}.ad-preview svg{margin-top:auto;color:#1d2621;width:100%}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #77834c;margin-top:12px;padding-top:18px}.metrics span{display:flex;flex-direction:column;font-size:11px}.metrics b{font:800 20px Manrope}.float-card{position:absolute;background:white;border-radius:12px;padding:13px 17px;box-shadow:0 15px 35px #17201c22;font-size:12px;font-weight:700}.fc1{left:-28px;bottom:115px}.fc2{right:-25px;top:90px}.fc2{color:#3a5f00}.marquee{padding:18px 0;background:var(--ink);color:var(--lime);overflow:hidden;white-space:nowrap;font:700 13px Manrope;letter-spacing:.15em}.marquee div{width:max-content;animation:scroll 22s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:120px 5vw}.section-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:55px}.section-title h2{font:800 clamp(2.3rem,4.5vw,4.6rem)/1.04 Manrope;letter-spacing:-.055em;margin:0}.section-title>p{color:#6b746f}.service-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}.service{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;min-height:530px;display:flex;flex-direction:column}.service>span{font:700 12px Manrope;color:#737a76}.service h3{font:800 27px Manrope;margin:22px 0 8px}.service p{line-height:1.6;color:#666f6a}.service ul{padding:0;list-style:none;border-top:1px solid #ddd;margin-top:auto}.service li{padding:12px 0;border-bottom:1px solid #ddd;font-size:14px}.service a{margin-top:auto;font-size:13px;font-weight:700}.service.dark{background:#191d1c;color:#fff}.service.dark p{color:#aeb5b1}.service-art{height:245px;margin-top:24px;border-radius:14px;background:#eff1eb;position:relative;overflow:hidden}.lp-art{padding:30px;display:flex;flex-direction:column;align-items:flex-start;background:#d6ff62}.lp-art b{font:800 31px/1 Manrope}.lp-art i{width:70%;height:6px;background:#171c1830;margin-top:18px;border-radius:4px}.lp-art i+i{width:45%;margin-top:7px}.lp-art button{margin-top:auto;background:#111;color:#fff;border:0;border-radius:50px;padding:12px}.google-art{display:flex;align-items:center;padding:28px;gap:25px}.google-art b{font:800 65px Manrope;color:#4285f4}.google-art div{flex:1}.google-art i{display:block;height:16px;width:var(--w);background:#d0d4ce;margin:12px 0;border-radius:4px}.meta-art{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:25px;background:#292e2c}.meta-art div{display:grid;place-items:center;border-radius:12px;background:#3468ff;font:bold 40px Arial}.meta-art div+div{background:linear-gradient(140deg,#8234ff,#ff3f75,#ffc22e)}.meta-art b{grid-column:1/3;font:800 42px Manrope}.meta-art small{display:block;font-size:9px;color:#adb4b0;letter-spacing:.2em}.work-band{background:#141817;color:white;padding:120px 5vw}.section-title.light{align-items:flex-end}.section-title.light>div{display:block}.section-title.light p{color:var(--lime)}.section-title.light .btn{align-self:flex-end}.showcase,.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mock-card{--accent:hsl(var(--h) 72% 55%);display:block;border-radius:16px;overflow:hidden;background:#fff;color:#121616;transition:.3s}.mock-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #0003}.mock-top{height:28px;padding:0 10px;display:flex;align-items:center;gap:4px;font-size:7px}.mock-top b{margin-right:auto}.mock-top i{width:4px;height:4px;background:#adb1ad;border-radius:50%}.mock-canvas{height:235px;background:#f0f1ed;padding:22px;display:grid;grid-template-columns:1.12fr .88fr;gap:12px}.mock-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.mock-copy small{font-size:6px;text-transform:uppercase;letter-spacing:.12em}.mock-copy strong{font:800 20px/1 Manrope;margin:9px 0}.mock-copy span{font-size:7px;line-height:1.4;color:#68706c}.mock-copy button{border:0;border-radius:30px;background:var(--accent);padding:7px 10px;margin-top:14px;font-size:6px;font-weight:700}.mock-visual{position:relative;background:var(--accent);border-radius:50% 50% 12px 12px;display:grid;place-items:center;overflow:hidden}.mock-visual b{font:800 42px Manrope;color:#ffffff80}.mock-visual i{position:absolute;width:80px;height:80px;border:1px solid #fff8;border-radius:50%}.mock-visual i+i{width:110px;height:110px}.mock-meta{padding:17px}.mock-meta span{display:block;font:700 13px Manrope}.mock-meta span b{color:#959b97;margin-right:4px}.mock-meta em{display:block;font-style:normal;font-size:10px;color:#777f7b;margin-top:5px}.layout-1 .mock-canvas,.layout-6 .mock-canvas{background:#171b1a;color:#fff}.layout-2 .mock-canvas,.layout-7 .mock-canvas{grid-template-columns:1fr;text-align:center}.layout-2 .mock-copy,.layout-7 .mock-copy{align-items:center}.layout-2 .mock-visual,.layout-7 .mock-visual{display:none}.layout-3 .mock-visual,.layout-8 .mock-visual{border-radius:8px;transform:rotate(4deg)}.layout-4 .mock-canvas,.layout-9 .mock-canvas{background:var(--accent)}.layout-4 .mock-copy button,.layout-9 .mock-copy button{background:#111;color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bfc3bc}.steps article{padding:30px 24px;border-right:1px solid #bfc3bc}.steps b{color:#7d8580;font-size:12px}.steps h3{font:700 20px Manrope;margin-top:65px}.steps p{color:#69716c;line-height:1.55}.compare{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#d6ff62}.compare h2{font:800 clamp(2.4rem,4vw,4.2rem)/1.05 Manrope;letter-spacing:-.05em}.compare p{line-height:1.7}.scorecard{background:#151918;color:white;border-radius:20px;padding:18px 30px}.scorecard div{display:flex;justify-content:space-between;padding:25px 0;border-bottom:1px solid #39403d}.scorecard b{color:var(--lime)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq .section-title{display:block}.accordions details{border-top:1px solid #bfc3bc;padding:22px 0}.accordions summary{font:700 18px Manrope;cursor:pointer}.accordions p{color:#626b66;line-height:1.6}.cta{padding:100px 7vw;background:#171b1a;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:12vw}.cta small{color:var(--lime);letter-spacing:.15em}.cta h2{font:800 clamp(2.8rem,5vw,5.6rem)/1 Manrope;letter-spacing:-.06em;margin:25px 0}.cta p{color:#aeb5b1;line-height:1.7;margin-bottom:30px}footer{padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}footer p{color:#6d7571}footer>div{display:flex;gap:22px;justify-content:flex-end}footer small{grid-column:1/3;border-top:1px solid var(--line);padding-top:25px;color:#777}
.gallery-hero{padding:90px 5vw 55px}.gallery-hero h1{max-width:900px}.gallery-hero>p:not(.kicker){max-width:620px;font-size:18px;color:#65706a;line-height:1.6}.gallery-controls{display:flex;gap:12px;margin-top:45px}.gallery-controls label{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:12px;padding:0 17px;flex:1;max-width:520px}.gallery-controls input{border:0;outline:0;background:none;width:100%;padding:15px 0}.gallery-controls select{border:1px solid var(--line);background:white;padding:0 18px;border-radius:12px;min-width:220px}.gallery-count{margin-top:22px;color:#707873}.gallery-count b{color:#111}.gallery-grid{padding:10px 5vw 100px}.gallery-grid .mock-card{border:1px solid var(--line)}.gallery-end{text-align:center;padding:100px 5vw;background:#dde0d8}.gallery-end h2{font:800 48px Manrope;margin:12px 0 30px}
.preview-page{background:#101312}.preview-toolbar{height:58px;padding:0 3vw;background:#101312;color:white;display:flex;align-items:center;justify-content:space-between;font-size:12px;position:sticky;top:0;z-index:5}.preview-toolbar span{color:#9ca49f}.concept{--accent:hsl(var(--h) 72% 55%);min-height:calc(100vh - 58px);background:#f6f5f0;color:#171a19;padding:25px 6vw 70px}.concept nav{height:60px;display:flex;justify-content:space-between;align-items:center}.concept nav>b{font:800 22px Manrope}.concept button{border:0;background:var(--accent);padding:13px 20px;border-radius:99px;font-weight:700}.concept-hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.concept-copy small{font-weight:700;letter-spacing:.15em}.concept-copy h1{font:800 clamp(3.6rem,7vw,7.5rem)/.93 Manrope;letter-spacing:-.07em;margin:22px 0}.concept-copy p{font-size:18px;line-height:1.6;max-width:560px}.concept-copy>span{display:block;margin-top:25px;font-size:12px}.concept-art{height:480px;background:var(--accent);border-radius:48% 48% 18px 18px;position:relative;display:grid;place-items:center;overflow:hidden}.concept-art b{font:800 160px Manrope;color:#fff7}.concept-art i{position:absolute;width:280px;height:280px;border:1px solid #fff8;border-radius:50%}.concept-art i:nth-child(2){width:380px;height:380px}.concept-art i:nth-child(3){width:480px;height:480px}.concept-benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bbb}.concept-benefits article{padding:28px;border-right:1px solid #bbb}.concept-benefits p{color:#6e7672}.concept-1,.concept-6{background:#161a19;color:#fff}.concept-1 .concept-benefits,.concept-6 .concept-benefits{border-color:#444}.concept-2 .concept-hero,.concept-7 .concept-hero{grid-template-columns:1fr;text-align:center}.concept-2 .concept-copy,.concept-7 .concept-copy{display:flex;flex-direction:column;align-items:center}.concept-2 .concept-art,.concept-7 .concept-art{height:260px;border-radius:140px}.concept-3 .concept-art,.concept-8 .concept-art{border-radius:8px;transform:rotate(3deg);box-shadow:25px 25px 0 #111}.concept-4,.concept-9{background:var(--accent)}.concept-4 .concept-art,.concept-9 .concept-art{background:#111}.concept-4 button,.concept-9 button{background:#111;color:#fff}
@media(max-width:900px){.nav{height:68px}.menu-btn{display:block}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;padding:24px;background:var(--paper);flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open nav{display:flex}.hero{grid-template-columns:1fr;padding-top:60px}.hero-panel{margin:15px 20px}.service-grid,.showcase,.gallery-grid{grid-template-columns:repeat(2,1fr)}.service-grid .feature{grid-column:1/3}.section-title{display:block}.section-title h2{margin-top:18px}.steps{grid-template-columns:1fr 1fr}.compare,.faq,.cta{grid-template-columns:1fr}.concept-hero{grid-template-columns:1fr}.concept-art{height:360px}.concept nav div{display:none}}
@media(max-width:600px){.hero{padding:50px 5vw}.hero h1,.gallery-hero h1{font-size:3.25rem}.lead{font-size:16px}.hero-actions,.gallery-controls{flex-direction:column}.proof{flex-wrap:wrap}.browser{transform:none}.ad-preview{min-height:400px;padding:30px}.ad-preview>strong{font-size:70px}.fc1,.fc2{display:none}.section,.work-band{padding:80px 5vw}.service-grid,.showcase,.gallery-grid{grid-template-columns:1fr}.service-grid .feature{grid-column:auto}.service{min-height:480px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid #bfc3bc}.steps h3{margin-top:25px}.gallery-controls select{min-height:52px}.gallery-grid{padding-bottom:70px}.cta{padding:70px 6vw}.cta h2{font-size:3rem}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:auto}.preview-toolbar span{display:none}.concept{padding:20px}.concept nav button{display:none}.concept-hero{min-height:650px}.concept-copy h1{font-size:4rem}.concept-benefits{grid-template-columns:1fr}.concept-benefits article{border-right:0;border-bottom:1px solid #bbb}.concept-2 .concept-art,.concept-7 .concept-art{height:220px}}