:root{--ink:#07111f;--paper:#f5f7f5;--blue:#377dff;--lime:#b7f34a;--line:rgba(7,17,31,.14);--muted:#596576;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:88px;max-width:var(--max);margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:13px;letter-spacing:-.07em}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}nav a{transition:.2s}nav a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--ink);padding:11px 17px;border-radius:99px}.menu-button{display:none;border:0;background:none;width:44px;height:44px}.menu-button span{display:block;width:23px;height:2px;margin:6px auto;background:var(--ink)}.hero{max-width:var(--max);min-height:750px;margin:0 auto;padding:72px 34px 80px;display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center}.eyebrow,.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.17em;font-weight:800}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow span{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px rgba(183,243,74,.18)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.5rem,6.3vw,6.7rem);line-height:.92;letter-spacing:-.066em;margin:26px 0 30px;max-width:800px}h1 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.lead{font-size:19px;line-height:1.65;max-width:700px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:32px;margin:38px 0 62px}.button{display:inline-flex;gap:18px;align-items:center;justify-content:center;border-radius:999px;padding:16px 23px;font-weight:750}.primary{background:var(--ink);color:#fff}.primary:hover{background:var(--blue)}.text-link{font-weight:700}.proof-row{display:flex;gap:0;border-top:1px solid var(--line);padding-top:28px}.proof-row div{padding-right:28px;margin-right:28px;border-right:1px solid var(--line)}.proof-row div:last-child{border:0}.proof-row strong,.proof-row span{display:block}.proof-row strong{font-size:20px;letter-spacing:-.03em}.proof-row span{font-size:12px;color:var(--muted)}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;inset:-28px 48px 48px -26px;border:1px solid var(--blue);border-radius:40px;z-index:-1}.hero-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:34px;box-shadow:0 30px 70px rgba(7,17,31,.22)}.visual-card{position:absolute;bottom:28px;left:-30px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);padding:18px 22px;border-radius:18px;display:flex;align-items:center;gap:14px;box-shadow:0 15px 45px rgba(0,0,0,.16)}.visual-card small,.visual-card strong{display:block}.visual-card small{color:var(--muted)}.visual-card strong{font-size:14px}.pulse{width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(183,243,74,.3)}.ticker{background:var(--blue);color:#fff;padding:14px 0;white-space:nowrap;overflow:hidden;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.ticker div{width:max-content;animation:marquee 26s linear infinite}.ticker i{color:var(--lime);margin:0 22px;font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}.section{max-width:var(--max);margin:auto;padding:130px 34px}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--blue);margin-bottom:32px}.profile-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px}.kicker{color:var(--blue);margin-bottom:16px}.section h2{font-size:clamp(2.7rem,5.2vw,5.4rem);line-height:1;letter-spacing:-.055em;margin-bottom:0}.profile-text{padding-top:46px}.profile-text .large{font-size:28px;line-height:1.35;letter-spacing:-.025em}.profile-text>p:not(.large){color:var(--muted);max-width:700px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.tags span{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.services{max-width:none;background:var(--ink);color:#fff}.services>*{max-width:calc(var(--max) - 68px);margin-left:auto;margin-right:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:60px}.section-head>p{max-width:470px;color:#9da8b5}.services .section-label{color:var(--lime)}.service-list article{display:grid;grid-template-columns:70px 1fr auto;gap:26px;align-items:center;padding:32px 6px;border-top:1px solid rgba(255,255,255,.16);transition:.25s}.service-list article:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.service-list article:hover{padding-left:22px;background:rgba(255,255,255,.035)}.service-list article>span{color:var(--lime);font-size:12px}.service-list h3{font-size:28px;margin-bottom:5px}.service-list p{color:#9da8b5;max-width:750px;margin-bottom:0}.service-list b{font-size:28px;color:var(--lime)}.projects .section-head>p{color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--line)}.project.featured{grid-column:1/-1;display:grid;grid-template-columns:1.3fr .7fr}.project-art{min-height:280px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.featured .project-art{min-height:440px}.lake{background:linear-gradient(#9ed5ff 0 44%,#1d68b6 45% 100%);color:#fff}.lake span{font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,5rem);z-index:2;text-shadow:0 2px 18px rgba(0,0,0,.18)}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:#fff5bd;top:50px;right:70px}.wave{position:absolute;width:140%;height:110px;border:5px solid rgba(255,255,255,.75);border-radius:50%;bottom:40px}.oktoberfest{background:#b8dcff;color:#094b88}.oktoberfest:before{content:"";position:absolute;inset:-40%;background:repeating-conic-gradient(from 45deg,transparent 0 12deg,rgba(255,255,255,.5) 13deg 25deg)}.oktoberfest span,.oktoberfest strong{z-index:2;font-size:34px}.oktoberfest strong{font-size:50px;line-height:1}.rohprog{background:#f0f0ec}.rohprog strong{font-size:45px;letter-spacing:.06em}.rohprog span{color:#57614f}.practice{background:var(--blue);color:#fff}.practice span,.practice strong{font-size:30px;line-height:1}.practice strong{font-size:43px;color:var(--lime)}.practice i{font-family:Georgia,serif;margin-top:12px}.project-copy{padding:30px}.featured .project-copy{padding:48px;align-self:center}.project-copy small{text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800}.project-copy h3{font-size:30px;letter-spacing:-.03em;margin:10px 0}.project-copy p{color:var(--muted)}.project-copy a{font-weight:800;border-bottom:1px solid}.weblike{max-width:none;background:#e4e9ee}.weblike-card{max-width:calc(var(--max) - 68px);margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;background:#fff;border-radius:30px;padding:70px}.weblike-logo{font-size:72px;font-weight:900;letter-spacing:-.08em;align-self:start}.weblike-logo span{color:var(--blue)}.weblike-logo sup{font-size:15px;letter-spacing:0}.weblike-card h2{font-size:clamp(2.8rem,5vw,5rem)}.weblike-card p:not(.kicker){color:var(--muted);font-size:18px;max-width:700px;margin:28px 0}.weblike-points{display:flex;gap:24px;flex-wrap:wrap;margin:30px 0}.weblike-points span:before{content:"✓";color:var(--blue);font-weight:900;margin-right:8px}.ghost{border:1px solid var(--ink)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:70px}.steps article{border-top:2px solid var(--ink);padding:24px 8px}.steps span{color:var(--blue);font-size:12px}.steps h3{font-size:24px;margin:24px 0 10px}.steps p{color:var(--muted)}.contact{max-width:none;background:var(--blue);color:#fff;text-align:center}.contact-inner{max-width:980px;margin:auto}.contact .eyebrow{justify-content:center}.contact .eyebrow span{background:var(--lime)}.contact h2{font-size:clamp(3.3rem,7vw,7.2rem);margin:28px 0}.contact h2 em{color:var(--lime)}.contact-inner>p:not(.eyebrow){max-width:720px;margin:0 auto 38px;font-size:19px;color:#dce9ff}.contact-actions{display:flex;justify-content:center;align-items:center;gap:28px}.light{background:#fff;color:var(--ink)}.contact-actions>a:not(.button){font-weight:750}footer{max-width:var(--max);margin:auto;padding:42px 34px;display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:center;font-size:13px}footer p{margin:0;color:var(--muted)}footer div{display:flex;gap:18px}footer small{grid-column:1/-1;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}@media(max-width:900px){.site-header{height:76px;padding:0 20px}.menu-button{display:block}nav{display:none;position:absolute;top:68px;left:16px;right:16px;background:#fff;box-shadow:0 16px 45px rgba(7,17,31,.18);border-radius:18px;padding:20px;flex-direction:column;align-items:stretch;gap:8px}nav.open{display:flex}nav a{padding:10px}.hero{grid-template-columns:1fr;padding:50px 20px 70px;gap:70px}.hero-visual{max-width:620px}.hero-visual img{aspect-ratio:1.25}.proof-row{flex-wrap:wrap}.section{padding:90px 20px}.profile-grid,.weblike-card{grid-template-columns:1fr;gap:35px}.profile-text{padding-top:0}.section-head{display:block}.section-head>p{margin-top:25px}.project.featured{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.weblike-card{padding:42px 26px}.weblike-logo{font-size:55px}footer{grid-template-columns:1fr}footer small{grid-column:auto}}@media(max-width:560px){h1{font-size:3.55rem}.lead{font-size:17px}.hero-actions,.contact-actions{align-items:flex-start;flex-direction:column}.proof-row{gap:20px}.proof-row div{width:calc(50% - 20px);padding-right:12px;margin-right:0}.visual-card{left:12px;right:12px}.profile-text .large{font-size:23px}.service-list article{grid-template-columns:38px 1fr}.service-list article>b{display:none}.service-list h3{font-size:23px}.project-grid{display:block}.project{margin-bottom:20px}.steps{grid-template-columns:1fr}.weblike-points{display:block}.weblike-points span{display:block;margin:8px 0}.contact h2{font-size:3.5rem}footer div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}