:root{--ink:#13202b;--cream:#f4f1eb;--lime:#d9fa59;--blue:#2475f7;--muted:#65717a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1px solid #d7d6d0;background:rgba(244,241,235,.9);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{font:700 19px Outfit,sans-serif;letter-spacing:-.7px;display:flex;align-items:center;gap:8px}.brand>span:last-child span{color:var(--blue)}.brand-mark{width:27px;height:27px;border-radius:9px;background:var(--blue);color:white;display:grid;place-items:center;font:700 17px Outfit,sans-serif}nav{display:flex;gap:29px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:var(--blue)}.header-call{font-weight:700;font-size:14px}.menu{display:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:630px;padding:90px 8vw 70px;overflow:hidden}.hero-copy{align-self:center;max-width:630px}.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--blue);margin:0 0 16px}.hero h1,h2,h3{font-family:Outfit,sans-serif;letter-spacing:-1.8px}.hero h1{font-size:clamp(3.6rem,7vw,6.6rem);line-height:.91;margin:0 0 27px;max-width:620px}.intro{font-size:19px;color:#4c5963;max-width:525px;margin:0 0 34px}.hero-actions{display:flex;gap:14px;align-items:center}.button{border-radius:100px;padding:14px 21px;font-weight:700;font-size:14px;display:inline-flex;gap:24px;align-items:center}.primary{background:var(--blue);color:#fff}.primary:hover{background:#075eea}.quiet{border:1px solid #c2c5c2}.quiet:hover{border-color:var(--ink)}.proof{display:flex;align-items:center;gap:13px;margin-top:48px}.proof p{font-size:13px;line-height:1.35;margin:0}.stars{color:#e9ad22;letter-spacing:2px;font-size:16px}.hero-visual{position:relative;min-height:445px;display:grid;place-items:center}.wall{width:min(500px,100%);height:382px;background:#deded9;border-radius:20px;position:relative;box-shadow:0 25px 50px #8b8a8240;overflow:hidden}.tv{position:absolute;top:59px;left:50%;transform:translateX(-50%);width:67%;height:190px;background:#17222e;border:9px solid #17222e;border-radius:8px;box-shadow:0 11px 15px #18222e45}.tv-screen{height:100%;overflow:hidden;position:relative;background:linear-gradient(120deg,#0d5cd5,#6f5af2 57%,#f3b249);color:#fff;padding:25px;font:500 18px Outfit,sans-serif}.tv-screen b{font-size:27px}.screen-orb{position:absolute;width:170px;height:170px;border-radius:50%;background:#f5bb47;opacity:.58;right:-60px;bottom:-80px}.soundbar{height:7px;border-radius:9px;background:#171a1b;width:70%;position:absolute;bottom:-26px;left:15%}.console{position:absolute;bottom:30px;left:12%;width:76%;height:57px;border-radius:4px;background:#836448;display:flex;align-items:center;justify-content:space-evenly}.console i{height:36px;width:1px;background:#5e4631}.plant{position:absolute;bottom:80px;right:10%;height:70px;width:36px;background:#a16a3b;border-radius:0 0 20px 20px}.plant b{position:absolute;width:25px;height:55px;background:#2f7f55;border-radius:100% 0;bottom:51px;transform-origin:bottom}.plant b:nth-child(1){left:-10px;transform:rotate(-35deg)}.plant b:nth-child(2){left:9px;transform:rotate(18deg)}.plant b:nth-child(3){left:0;transform:rotate(-5deg)}.glow{position:absolute;border-radius:50%;filter:blur(4px)}.glow-one{width:145px;height:145px;background:var(--lime);top:3%;right:5%;opacity:.8}.glow-two{width:80px;height:80px;background:#ffb69c;left:4%;bottom:9%}.visual-caption{font-size:12px;font-weight:700;position:absolute;right:2%;bottom:2%;margin:0;transform:rotate(-4deg)}.trust-strip{background:var(--ink);color:#fff;min-height:79px;display:flex;align-items:center;justify-content:space-around;padding:20px 6vw;gap:15px;font-size:13px;font-weight:700}.trust-strip span:first-letter{color:var(--lime)}.section{padding:112px 8vw}.section-heading{max-width:700px}.section-heading h2,.showcase h2,.areas h2,.process h2{font-size:clamp(2.5rem,4.5vw,4.4rem);line-height:.98;margin:0 0 20px}.section-heading>p:last-child,.showcase-copy>p:not(.eyebrow),.areas p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:560px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:55px}.service-card{min-height:340px;padding:24px;background:#e4e2db;display:flex;flex-direction:column;position:relative;border-radius:4px}.service-card.featured{background:var(--blue);color:white}.card-number{font:700 12px Outfit,sans-serif}.service-icon{font-size:34px;margin:37px 0 15px}.service-card h3{font-size:24px;margin:0 0 9px}.service-card p{color:#52606a;font-size:14px;margin:0}.featured p{color:#e4edff}.service-card a{font-size:13px;font-weight:700;margin-top:auto}.service-card a span,.text-link span{padding-left:8px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#eae7e0;align-items:center}.showcase-copy{max-width:500px}.text-link{font-weight:700;font-size:15px;display:inline-block;margin-top:18px}.project-stack{height:420px;position:relative}.project{position:absolute;border-radius:9px;box-shadow:0 16px 27px #1f2d3422;overflow:hidden}.project span{position:absolute;bottom:14px;left:15px;color:white;font:600 13px Outfit,sans-serif;z-index:1}.project-one{background:#1d2835;width:66%;height:250px;top:0;left:0}.mini-tv{width:60%;height:83px;position:absolute;left:20%;top:52px;background:linear-gradient(120deg,#dc78fa,#417efa);border:5px solid #0e151e}.project-two{background:#c5baa8;width:48%;height:207px;right:0;top:85px}.frame-art{background:#e4d4bc;position:absolute;left:20%;top:28px;width:60%;height:100px;display:grid;place-items:center;color:#856443;font-size:38px}.project-three{background:#6b7d62;width:63%;height:165px;bottom:0;left:17%;}.speaker{position:absolute;left:38%;top:23px;width:35px;height:88px;border-radius:17px;background:#1b2020}.speaker:before,.speaker:after{content:"";position:absolute;border-radius:50%;background:#444;left:7px;width:21px;height:21px}.speaker:before{top:11px}.speaker:after{bottom:11px}.process{background:var(--ink);color:#fff}.process .eyebrow{color:var(--lime)}.process ol{padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;list-style:none}.process li{border-top:1px solid #42505a;padding-top:20px;display:flex;gap:22px}.process li>span{font:700 13px Outfit,sans-serif;color:var(--lime)}.process h3{font-size:22px;margin:0 0 9px}.process p{font-size:14px;color:#bdc6ca;margin:0}.testimonial{padding:105px 15vw 90px;background:var(--lime);text-align:center}.quote-mark{font:800 85px Outfit,sans-serif;color:var(--blue);line-height:.6}.testimonial blockquote{font:600 clamp(1.8rem,3vw,3rem)/1.1 Outfit,sans-serif;letter-spacing:-1.2px;max-width:930px;margin:18px auto}.testimonial p{font-size:13px;font-weight:700;margin-top:24px}.areas{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.area-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.area-list span{border:1px solid #d5d4cd;padding:15px 18px;border-radius:4px;font-weight:600;font-size:14px}.cta{background:var(--blue);color:#fff;text-align:center;padding:100px 20px}.cta .eyebrow{color:var(--lime)}.cta h2{font:700 clamp(3rem,6vw,5.7rem)/.92 Outfit,sans-serif;letter-spacing:-2px;margin:0 0 20px}.cta p:not(.eyebrow){margin:0 0 30px;color:#d7e5ff}.light{background:var(--lime);color:var(--ink)}footer{padding:46px 8vw 30px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px;align-items:start;background:#0c151c;color:#fff}footer p,footer a{font-size:14px;margin:0}footer>a{font-weight:700;text-align:right}footer small{grid-column:1/-1;margin-top:30px;padding-top:19px;border-top:1px solid #26323a;color:#8c9aa4;font-size:11px}@media(max-width:900px){nav{display:none}.menu{display:flex;border:0;background:transparent;flex-direction:column;gap:5px}.menu i{width:20px;height:2px;background:var(--ink)}.header-call{display:none}.hero{grid-template-columns:1fr;padding:70px 7vw 56px}.hero-visual{margin-top:55px;min-height:370px}.service-grid{grid-template-columns:repeat(2,1fr)}.showcase{grid-template-columns:1fr;gap:35px}.project-stack{max-width:560px;width:100%;justify-self:center}.process ol{grid-template-columns:1fr;gap:25px}.areas{grid-template-columns:1fr;gap:35px}}@media(max-width:560px){.site-header{height:69px;padding:0 6vw}.hero{padding-top:55px}.hero h1{font-size:3.6rem}.intro{font-size:17px}.hero-actions{flex-direction:column;align-items:flex-start}.wall{height:300px}.tv{top:43px;height:148px}.console{bottom:22px}.hero-visual{min-height:305px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;text-align:left}.section{padding:75px 7vw}.service-grid{grid-template-columns:1fr}.service-card{min-height:275px}.showcase{padding-top:75px}.project-stack{height:330px}.testimonial{padding:76px 8vw}.areas{padding-bottom:75px}.cta{padding:80px 20px}footer{grid-template-columns:1fr;gap:17px}footer>a{text-align:left}footer small{margin-top:18px}.area-list{grid-template-columns:1fr 1fr}}