@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary:#44006f;--primary-light:#8337bc;--accent-purple:#63099c;--tertiary:#002f44;--background:#fcf8fb;--surface:#fff;--soft:#8337bc0f;--text-primary:#1b1b1d;--text-secondary:#4d4352;--border:#e4e2e4}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:20;background:#fcf8fbe6;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;min-height:76px;display:flex}.logo{color:var(--primary);font-family:Hanken Grotesk,sans-serif;font-size:22px;font-weight:700}.nav-links{align-items:center;gap:34px;display:flex}.nav-links a{color:var(--text-primary);font-size:14px;font-weight:600}.nav-links a:hover{color:var(--primary)}.nav-toggle{border:1px solid var(--border);color:var(--primary);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.cta-button,.primary-button,.secondary-button,.project-button,.case-download{border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:transform .25s,background .25s,border-color .25s;display:inline-flex}.cta-button,.primary-button{background:var(--primary);padding:12px 24px;color:#fff!important}.cta-button:hover,.primary-button:hover{background:var(--accent-purple);transform:translateY(-2px)}.secondary-button{border:2px solid var(--primary);color:var(--primary);padding:12px 24px}.secondary-button:hover{background:var(--primary);color:#fff}.hero{text-align:center;padding:118px 24px 92px;position:relative;overflow:hidden}.hero-bg-text{letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px #44006f12;white-space:nowrap;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;font-size:clamp(80px,18vw,220px);font-weight:900;animation:1.2s cubic-bezier(.22,1,.36,1) both bgTextReveal;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}@keyframes bgTextReveal{0%{opacity:0;transform:translate(-50%,-48%)scale(1.06)}to{opacity:1;transform:translate(-50%,-52%)scale(1)}}.hero>:not(.hero-bg-text){z-index:1;position:relative}.hero-badge,.eyebrow{color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:800;display:inline-block}h1,h2,h3,h4{letter-spacing:0;font-family:Hanken Grotesk,sans-serif;line-height:1.12}.hero h1{margin-bottom:22px;font-size:clamp(42px,7vw,76px)}.hero p{color:var(--text-secondary);max-width:680px;margin:0 auto 36px;font-size:18px}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.scroll-indicator{color:var(--primary);align-items:center;margin-top:58px;animation:2s infinite bounce;display:inline-flex}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.philosophy{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:70px;padding-top:78px;padding-bottom:112px;display:grid}.philosophy h2,.section-header h2,.contact-copy h2{margin-bottom:24px;font-size:clamp(34px,5vw,52px)}.philosophy p,.section-header p,.contact-copy p{color:var(--text-secondary);margin-bottom:18px;font-size:17px}.values-list{gap:18px;margin-top:32px;list-style:none;display:grid}.values-list li{align-items:flex-start;gap:14px;display:flex}.values-list strong{color:var(--text-primary);font-weight:800;display:block}.icon{background:var(--soft);color:var(--primary);border-radius:8px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.philosophy-panel{color:#fff;background:linear-gradient(135deg,#44006ff0,#002f44e0),radial-gradient(circle at 20% 20%,#ffffff42,#0000 28%);border-radius:8px;align-items:flex-end;min-height:500px;padding:42px;display:flex}.philosophy-panel span{letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;font-size:15px;font-weight:700;display:block}.philosophy-panel strong{max-width:420px;font-family:Hanken Grotesk,sans-serif;font-size:clamp(30px,4vw,48px);line-height:1.1;display:block}.projects,.services,.contact-section{padding:108px 0}.projects{background:var(--surface)}.services{background:linear-gradient(135deg,#8337bc0d,#002f4408)}.section-header{text-align:center;max-width:720px;margin:0 auto 58px}.case-carousel{-webkit-user-select:none;user-select:none;padding:12px 0 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 80px calc(100% - 80px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 80px calc(100% - 80px),#0000 100%)}.case-track{will-change:transform;gap:28px;width:max-content;animation:45s linear infinite scrollCases;display:flex}@media (hover:hover) and (pointer:fine){.case-carousel:hover .case-track:not(.scrubbing){animation-play-state:paused}}@keyframes scrollCases{0%{transform:translate(0)}to{transform:translate(calc(-50% - 14px))}}.carousel-scrubber{flex-direction:column;align-items:center;gap:10px;padding:18px 80px 6px;display:flex;-webkit-mask-image:none;mask-image:none}.scrubber-rail{background:var(--border);cursor:pointer;border-radius:100px;width:100%;height:4px;position:relative}.scrubber-thumb{background:var(--primary);cursor:grab;border-radius:100px;width:40px;height:12px;transition:width .15s,background .15s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 8px #44006f66}.scrubber-thumb:hover{background:#6a00a8;width:56px}.scrubber-thumb:active{cursor:grabbing;width:56px}.carousel-hint{color:var(--text-secondary);letter-spacing:.8px;opacity:.5;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:11px}.project-card{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;width:360px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--primary-light);transform:translateY(-5px);box-shadow:0 20px 60px #44006f21}.project-image{color:#fff;text-align:center;justify-content:center;align-items:center;height:210px;padding:20px;font-weight:800;display:flex}.project-card.frantic .project-image{background:linear-gradient(135deg,#355e3b,#233d29)}.project-card.nestmark .project-image{background:linear-gradient(135deg,#1a4d2e,#0f3b22)}.project-card.analytics .project-image{background:linear-gradient(135deg,#002f44,#001a2e)}.project-card.eyecare .project-image{background:linear-gradient(135deg,#003d7a,#001f4d)}.project-card.shlaw .project-image{background:linear-gradient(135deg,#1a2744,#0d1a33)}.project-content{flex-direction:column;flex:1;padding:28px;display:flex}.project-category{color:var(--primary);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800}.project-title{margin-bottom:12px;font-size:25px}.project-description{color:var(--text-secondary);flex:1;font-size:15px}.project-meta{border-bottom:1px solid var(--border);border-top:1px solid var(--border);gap:20px;margin:22px 0;padding:12px 0;display:flex}.project-meta-item{color:var(--text-secondary);font-size:13px}.project-meta-item strong{color:var(--text-primary);display:block}.project-buttons{gap:12px;display:flex}.project-button{border:1.5px solid var(--primary);flex:1;padding:10px 12px;font-size:14px}.project-button.primary{background:var(--primary);color:#fff}.project-button.secondary{color:var(--primary)}.project-button:hover{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.services-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:28px;display:grid}.service-card,.contact-form,.case-info-card{border:1px solid var(--border);background:#fff;border-radius:8px}.service-card{text-align:center;padding:34px;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 18px 50px #44006f1a}.service-icon{color:var(--primary);margin-bottom:20px}.service-card h3{margin-bottom:12px;font-size:24px}.service-card p{color:var(--text-secondary)}.contact-section{background:var(--background)}.contact-layout{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:start;gap:64px;display:grid}.contact-copy{padding-top:18px}.contact-details{gap:12px;margin-top:34px;display:grid}.contact-details a,.contact-details span{border-bottom:1px solid var(--border);color:var(--text-secondary);padding-bottom:12px}.contact-form{gap:18px;padding:34px;display:grid}.contact-form label{color:var(--text-primary);gap:8px;font-size:14px;font-weight:800;display:grid}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--border);color:var(--text-primary);resize:vertical;background:#fff;border-radius:8px;outline:none;padding:13px 14px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 4px #8337bc1a}.form-button{cursor:pointer;border:none;margin-top:4px}.form-status{color:var(--primary);font-weight:700}.footer{background:var(--text-primary);color:#fff;padding:58px 0 28px}.footer-content{grid-template-columns:1.4fr repeat(3,1fr);gap:38px;margin-bottom:38px;display:grid}.footer-section{align-content:start;gap:12px;display:grid}.footer-section h4{margin-bottom:6px;font-size:17px}.footer-section p,.footer-section a,.footer-section span{color:#ffffffb3;align-items:center;gap:8px;font-size:14px;display:inline-flex}.footer-section a:hover{color:#fff}.social-links{gap:12px;margin-top:8px;display:flex}.social-links a{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.footer-bottom{color:#ffffff9e;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;font-size:14px;display:flex}.footer-bottom div{gap:24px;display:flex}.case-main{background:var(--background)}.case-hero{background:linear-gradient(135deg, var(--case-accent), var(--primary));color:#fff;padding:70px 0}.case-hero-top{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:34px;display:flex}.back-link{opacity:.9;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.case-hero h1{margin-bottom:14px;font-size:clamp(40px,7vw,72px)}.case-hero p{opacity:.92;max-width:680px;font-size:19px}.case-meta{flex-wrap:wrap;gap:28px;margin:32px 0;display:flex}.case-meta div{border-left:2px solid #ffffff73;padding-left:16px}.case-meta strong,.case-meta span{display:block}.case-meta span{opacity:.82}.case-download{color:var(--primary);background:#fff;padding:12px 18px}.case-content{max-width:980px;padding-top:76px;padding-bottom:80px}.case-section{margin-bottom:62px}.case-section h2{border-left:4px solid var(--primary);color:var(--primary);margin-bottom:22px;padding-left:18px;font-size:34px}.case-section p{color:var(--text-secondary);margin-bottom:16px;font-size:17px}.case-card-grid,.case-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px;display:grid}.case-info-card{padding:24px}.case-info-card h3{margin-bottom:10px;font-size:21px}.case-stats div{border:1px solid var(--border);text-align:center;background:#fff;border-radius:8px;padding:28px}.case-stats strong{color:var(--primary);font-family:Hanken Grotesk,sans-serif;font-size:34px;display:block}.case-stats span{color:var(--text-secondary)}@media (max-width:900px){.nav-toggle{display:inline-flex}.nav-links{background:var(--background);border-bottom:1px solid var(--border);gap:18px;padding:22px 24px 28px;display:none;position:absolute;top:76px;left:0;right:0}.nav-links.open{display:grid}.philosophy,.contact-layout,.footer-content{grid-template-columns:1fr}.philosophy-panel{min-height:340px}}@media (max-width:640px){.container{padding:0 18px}.hero{padding-top:78px}.hero-buttons,.project-buttons{flex-direction:column}.project-card{width:310px}.projects,.services,.contact-section{padding:78px 0}.contact-form{padding:24px}}.project-icon-wrap{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;display:flex}.project-svg-icon{filter:drop-shadow(0 4px 16px #00000040);width:80px;height:80px;transition:transform .3s}.project-card:hover .project-svg-icon{transform:scale(1.08)translateY(-3px)}.project-svg-icon svg{width:100%;height:100%}.project-icon-label{color:#ffffffe6;letter-spacing:1.2px;text-transform:uppercase;opacity:.85;font-size:13px;font-weight:700}.project-buttons{align-items:center;gap:12px;display:flex}.project-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes heroReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroBadgePop{0%{opacity:0;transform:scale(.85)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.hero-badge{animation:.55s cubic-bezier(.34,1.56,.64,1) both heroBadgePop}.hero-title{flex-direction:column;gap:0;display:flex;overflow:visible}.hero-line{animation:.7s cubic-bezier(.22,1,.36,1) .1s both heroFadeUp;display:block}.hero-line-2{animation-delay:.22s}.hero-line-3{animation-delay:.36s}.hero-highlight{background:linear-gradient(120deg, var(--primary), var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{animation:.7s cubic-bezier(.22,1,.36,1) .52s both heroReveal}.hero-buttons{animation:.7s cubic-bezier(.22,1,.36,1) .64s both heroReveal}.scroll-indicator{animation:2s 1.4s infinite bounce,.6s .7s both heroReveal}.footer-logo{margin-bottom:4px}.case-hero-badge{color:#ffffffe6;letter-spacing:1.5px;text-transform:uppercase;background:#ffffff26;border-radius:20px;align-items:center;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.case-hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.case-intro-block{grid-template-columns:1fr auto;align-items:start;gap:40px;display:grid}.case-intro-text h2{color:var(--primary);border-left:4px solid var(--primary);margin-bottom:18px;padding-left:18px;font-size:clamp(22px,3.5vw,32px)}.case-intro-text p{color:var(--text-secondary);margin-bottom:14px;font-size:16px;line-height:1.7}.case-domain-tags{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.domain-tag{background:var(--soft);color:var(--primary);letter-spacing:.5px;white-space:nowrap;border:1px solid #8337bc33;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600}.showcase-heading{border-left:4px solid var(--primary);color:var(--primary);margin-bottom:36px;padding-left:18px;font-size:34px}.showcase-grid{gap:48px;display:grid}.showcase-item{grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;display:grid}.showcase-item:nth-child(2n){direction:rtl}.showcase-item:nth-child(2n)>*{direction:ltr}.showcase-mockup{border-radius:14px;padding:20px;box-shadow:0 24px 64px #0000001f}.mockup-browser{background:#0000004d;border-radius:10px;overflow:hidden}.mockup-bar{background:#0006;align-items:center;gap:6px;padding:8px 12px;display:flex}.mockup-dot{background:#fff3;border-radius:50%;width:8px;height:8px;display:inline-block}.mockup-screen{padding:8px;line-height:0}.mockup-screen svg{border-radius:4px;width:100%;height:auto;display:block}.showcase-caption{padding:8px 0}.showcase-caption strong{color:var(--primary);margin-bottom:10px;font-family:Hanken Grotesk,sans-serif;font-size:18px;display:block}.showcase-caption p{color:var(--text-secondary);font-size:15px;line-height:1.7}@media (max-width:768px){.case-intro-block{grid-template-columns:1fr}.case-domain-tags{flex-flow:wrap}.showcase-item,.showcase-item:nth-child(2n){direction:ltr;grid-template-columns:1fr}}