*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.preview-bar{height:38px;background:#121212;color:#eee;padding:0 4%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.preview-bar a{color:#fe8501}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--fg) 13%,transparent)}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand b{color:var(--accent)}nav{display:flex;gap:30px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--accent);background:var(--accent);color:var(--bg);padding:16px 24px;border-radius:6px;font-weight:700;font-size:13px;cursor:pointer}.button.outline{background:transparent;color:var(--fg);border-color:var(--fg)}.hero{padding:70px 5%;min-height:650px;display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:24px;color:var(--accent);font-weight:700}h1{font-size:clamp(50px,5.8vw,88px);line-height:1.02;letter-spacing:-4px;margin:0 0 26px;font-weight:700}p{line-height:1.65;opacity:.75}.hero p{max-width:430px;font-size:17px;margin-bottom:30px}.visual{position:relative;height:430px;border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--accent) 18%,var(--bg))}.visual img{width:100%;height:100%;object-fit:cover}.visual svg{width:100%;height:100%}.pill{position:absolute;bottom:25px;left:25px;background:var(--bg);color:var(--fg);padding:16px 20px;border-radius:8px;font-size:12px;box-shadow:0 8px 30px #0002}.section{padding:70px 5%;border-top:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}h2{font-size:40px;letter-spacing:-1.5px;max-width:650px;margin:0 0 25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.card{padding:32px;border:1px solid color-mix(in srgb,var(--fg) 18%,transparent);border-radius:10px}.card small{color:var(--accent);font-weight:700}.card h3{font-size:22px}.card p{font-size:14px}.cta{display:flex;align-items:center;justify-content:space-between;gap:25px;background:color-mix(in srgb,var(--accent) 10%,var(--bg))}footer{padding:30px 5%;display:flex;justify-content:space-between;font-size:12px;border-top:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}.agency h1{font-size:100px}.agency .visual{border-radius:0 80px 0 80px}.agency .button{border-radius:40px}.saas .hero{display:block;text-align:center;padding-top:65px}.saas h1{font-size:68px;letter-spacing:-3px}.saas .hero p{margin:0 auto 24px;max-width:600px}.saas .visual{margin:40px auto 0;max-width:900px;height:340px;border:10px solid white;box-shadow:0 30px 70px #635bff25}.saas .hero .eyebrow{background:#e8e6ff;width:max-content;margin:0 auto 20px;padding:9px 15px;border-radius:25px}.shop .hero{grid-template-columns:1fr 1.2fr}.shop h1,.architecture h1,.restaurant h1,.hotel h1,.wellness h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px}.shop .visual{height:470px;border-radius:0}.shop header{background:#fff8}.architecture .hero{gap:90px}.architecture .visual{height:520px;border-radius:0}.architecture .eyebrow{color:var(--fg)}.restaurant .hero{min-height:700px}.restaurant .visual{border-radius:50% 50% 8px 8px}.restaurant header{border-bottom:1px solid #dfab6040}.restaurant .button{background:transparent;color:var(--accent);border-radius:0}.restaurant h1{font-size:88px}.hotel .hero{position:relative;grid-template-columns:1fr;padding:100px 5%;overflow:hidden;min-height:650px}.hotel .copy{position:relative;z-index:2;max-width:600px}.hotel .visual{position:absolute;right:0;top:0;width:52%;height:100%;border-radius:0}.hotel h1{font-size:92px}.wellness .visual{border-radius:220px 220px 20px 20px}.wellness h1{font-size:88px}.wellness .button{border-radius:50px}.finance .hero{grid-template-columns:1.1fr 1fr}.finance .visual{border-radius:8px;height:470px}.finance h1{font-size:86px;font-family:Georgia,serif;font-weight:400}.education .visual{transform:rotate(3deg);border-radius:20px 100px 20px 20px;border:8px solid var(--accent)}.education h1{font-size:80px}.education .button{border-radius:0;box-shadow:4px 4px 0 var(--fg);color:var(--fg)}.fitness h1{font-size:115px;font-weight:900;letter-spacing:-7px;font-style:italic}.fitness .visual{border-radius:0;transform:skew(-3deg)}.fitness .button{border-radius:0;color:#131516}.service .visual{border-radius:50px}.service h1{font-size:80px;letter-spacing:-3px}.service .button{border-radius:50px}.consulting .hero{grid-template-columns:1fr 1.3fr}.consulting h1{font-family:Georgia,serif;font-weight:400;font-size:86px}.consulting .visual{height:500px;border-radius:50% 0 0 0}.consulting .button{border-radius:0}dialog{border:none;border-radius:16px;padding:32px;width:min(90vw,440px);background:var(--bg);color:var(--fg)}dialog::backdrop{background:#0009}dialog form{display:grid;gap:15px}dialog input{padding:12px;border:1px solid #8886;border-radius:5px;background:transparent;color:inherit}dialog button{padding:12px;cursor:pointer}dialog .close{position:absolute;right:12px;top:8px;border:0;background:none;color:inherit;font-size:24px}.notice{font-size:13px;line-height:1.5}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:700px){header{height:80px}nav{gap:16px}nav a:last-child{display:none}header>.button{display:none}.hero{display:flex!important;flex-direction:column;padding:45px 6%;gap:28px;min-height:0!important;text-align:left}.copy{width:100%}h1,.hero h1{font-size:54px!important;letter-spacing:-2px!important}.hero p{font-size:15px}.visual,.hero .visual{position:relative!important;width:100%!important;height:320px!important;transform:none!important;margin:0!important}.section{padding:45px 6%}.cards{grid-template-columns:1fr}.cta{display:block}.cta .button{margin-top:20px}h2{font-size:30px}.saas .hero{text-align:center}.saas .visual{height:240px!important}footer{gap:20px}.preview-bar{font-size:9px}.fitness .hero h1{font-size:68px!important}}