.pen-site,.pen-language-menu,.pen-mobile-menu{--pen-bg:#0a0a0a;--pen-surface:#131417;--pen-surface-2:#191b1f;--pen-border:#26282e;--pen-text:#fff;--pen-secondary:#9a9ca5;--pen-tertiary:#84868f;--pen-blue:#3b82f6;--pen-cta:#1b5bda;--pen-mono:"IBM Plex Mono",monospace;color:var(--pen-text);background:var(--pen-bg);letter-spacing:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.pen-site *{box-sizing:border-box}.pen-site h1,.pen-site h2,.pen-site h3,.pen-site p{letter-spacing:0;margin:0}.pen-site a{text-decoration:none}.pen-site button{cursor:pointer;font-family:inherit}.pen-site svg{flex-shrink:0}.pen-site :is(a,button,input,textarea):focus-visible,.pen-mobile-menu a:focus-visible{outline:2px solid var(--pen-blue);outline-offset:5px}.pen-site section[id]{scroll-margin-top:84px}.pen-site a,.pen-site button{transition:color .18s,background-color .18s,border-color .18s}.pen-site a:hover{color:var(--pen-blue)}.pen-site{max-width:1920px;margin:0 auto}.pen-skip{z-index:100;background:var(--pen-cta);border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:20px}.pen-skip:focus{top:10px}.pen-header{z-index:40;background:var(--pen-bg);border-bottom:1px solid var(--pen-border);position:sticky;top:0}.pen-header-inner{justify-content:space-between;align-items:center;gap:24px;height:83px;padding:0 64px;display:flex}.pen-logo{flex-shrink:0;display:block}.pen-logo img{width:103px;height:32px}.pen-desktop-nav{color:var(--pen-secondary);gap:36px;font-size:14px;display:flex}.pen-header-actions{align-items:center;gap:12px;display:flex}.pen-button{border:1px solid var(--pen-border);color:var(--pen-text);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:13px 21px;font-size:14.5px;font-weight:600;line-height:18px;display:inline-flex}.pen-site .pen-primary,.pen-mobile-menu .pen-primary{background:var(--pen-cta);border-color:var(--pen-cta);color:var(--pen-text)}.pen-site .pen-primary:hover,.pen-mobile-menu .pen-primary:hover{background:var(--pen-blue);color:#fff}.pen-header .pen-header-cta{border-radius:8px;min-height:36px;padding:9px 17px;font-size:13.5px;line-height:16px}.pen-language{border:1px solid var(--pen-border);color:var(--pen-secondary);background:0 0;border-radius:999px;align-items:center;gap:4px;padding:7px 13px;font-size:11px;line-height:14px;display:flex;font-family:var(--pen-mono)!important}.pen-language-menu{z-index:100;border:1px solid var(--pen-border);background:var(--pen-surface);border-radius:12px;width:240px;padding:6px;box-shadow:0 12px 30px #0008}.pen-language-item{cursor:pointer;border-radius:7px;outline:none;justify-content:space-between;padding:10px;display:flex}.pen-language-item[data-highlighted]{background:var(--pen-surface-2)}.pen-language-menu p{color:var(--pen-secondary);padding:10px;font-size:12px}.pen-menu-trigger{display:none}.pen-back{color:var(--pen-secondary);align-items:center;gap:8px;font-size:13.5px;display:flex}.pen-menu-overlay{z-index:45;background:#0a0a0a;position:fixed;inset:68px 0 0}.pen-mobile-menu{z-index:46;flex-direction:column;justify-content:space-between;padding:8px 20px 32px;display:flex;position:fixed;inset:68px 0 0}.pen-mobile-menu nav a{border-top:1px solid var(--pen-border);justify-content:space-between;padding:18px 0;font-size:22px;font-weight:600;display:flex}.pen-mobile-menu .pen-menu-close{border:1px solid var(--pen-border);background:var(--pen-bg);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:fixed;top:16px;right:20px}.pen-mobile-menu .pen-button{width:100%}.pen-mobile-menu a:hover{color:var(--pen-blue)}.pen-eyebrow{font-family:var(--pen-mono);color:var(--pen-blue);font-size:12px;line-height:16px;letter-spacing:2px!important}.pen-status-dot{background:var(--pen-blue);border-radius:50%;flex-shrink:0;width:6px;height:6px}.pen-mobile-eyebrow{display:none}.pen-section{padding:100px 64px}.pen-section-heading{flex-direction:column;gap:16px;max-width:640px;display:flex}.pen-section-heading h2{font-size:34px;font-weight:700;line-height:1.2}.pen-description{color:var(--pen-secondary);font-size:15.5px;line-height:23px}.pen-projects{flex-direction:column;gap:56px;display:flex}.pen-project-card{border:1px solid var(--pen-border);background:var(--pen-surface);border-radius:16px;overflow:hidden}.pen-featured{grid-column:1/-1}.pen-project-content{flex-direction:column;gap:12px;padding:25px;display:flex}.pen-featured .pen-project-content{gap:14px;padding:25px 31px 31px}.pen-tags{flex-wrap:wrap;gap:8px;display:flex}.pen-tags span{font-family:var(--pen-mono);border:1px solid var(--pen-border);color:var(--pen-secondary);border-radius:999px;padding:5px 11px;font-size:11px;line-height:14px;display:block}.pen-project-content h3{font-size:18px;font-weight:700;line-height:22px}.pen-featured h3{font-size:22px;line-height:27px}.pen-project-content>p{color:var(--pen-secondary);font-size:13.5px;line-height:20px}.pen-featured .pen-project-content>p{font-size:14.5px;line-height:22px}.pen-project-content>.pen-project-note{color:var(--pen-tertiary);font-size:12px;line-height:18px}.pen-project-link{color:var(--pen-blue);align-items:center;gap:6px;width:fit-content;font-size:13px;line-height:16px;display:flex}.pen-featured .pen-project-link{font-size:13.5px}.pen-disclaimer{color:var(--pen-tertiary);align-items:flex-start;gap:8px;font-size:12.5px;line-height:15px;display:flex}.pen-services{background:var(--pen-bg);flex-direction:column;gap:56px;display:flex}.pen-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.pen-service{background:var(--pen-surface-2);border:1px solid var(--pen-border);border-radius:16px;flex-direction:column;gap:20px;padding:25px;display:flex}.pen-service.pen-recommended{border:1.5px solid var(--pen-blue);background:var(--pen-surface)}.pen-service-top{min-height:36px;color:var(--pen-tertiary);font-family:var(--pen-mono);justify-content:space-between;font-size:13px;display:flex}.pen-service-top>div{background:var(--pen-surface);width:36px;height:36px;color:var(--pen-secondary);border-radius:10px;place-items:center;display:grid}.pen-service-tag{font-family:var(--pen-mono);color:var(--pen-tertiary);font-size:10.5px;line-height:14px;letter-spacing:1px!important}.pen-service h3{font-size:19px;font-weight:700;line-height:23px}.pen-service-description{color:var(--pen-secondary);flex:1;font-size:13px;line-height:20px}.pen-price{font-size:16px;font-weight:600;line-height:19px}.pen-service>a{border-top:1px solid var(--pen-border);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;font-weight:600;line-height:16px;display:flex}.pen-recommended :is(.pen-price,a){color:var(--pen-blue)}.pen-recommended .pen-service-top>div{color:var(--pen-blue);background:#1b5bda22}.pen-process{flex-direction:column;gap:56px;display:flex}.pen-process-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.pen-process-heading .pen-section-heading{max-width:600px}.pen-process-heading .pen-button{min-height:43px;padding:12px 19px;font-size:14px}.pen-step-grid{border:1px solid var(--pen-border);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.pen-step-grid li{border-right:1px solid var(--pen-border);flex-direction:column;gap:14px;padding:27px;display:flex}.pen-step-grid li:last-child{border:0}.pen-step-number{font-family:var(--pen-mono);color:var(--pen-blue);font-size:13px;line-height:17px}.pen-step-grid h3{font-size:17px;font-weight:600;line-height:21px}.pen-step-grid p{color:var(--pen-secondary);flex:1;font-size:13px;line-height:20px}.pen-step-grid small{font-family:var(--pen-mono);color:var(--pen-tertiary);align-items:center;gap:6px;font-size:11px;line-height:14px;display:flex}.pen-founder{background:var(--pen-bg);flex-direction:column;gap:40px;display:flex}.pen-founder-row{align-items:center;gap:48px;display:flex}.pen-avatar{border-radius:20px;width:120px;height:120px}.pen-founder-copy{flex-direction:column;gap:14px;display:flex}.pen-founder-copy h2{font-size:26px;font-weight:700;line-height:31px}.pen-founder-role{color:var(--pen-blue);font-size:14px;line-height:17px}.pen-founder-bio{max-width:520px;color:var(--pen-secondary);font-size:14.5px;line-height:22px}.pen-skills{color:var(--pen-tertiary);flex-wrap:wrap;gap:14px;font-size:12.5px;line-height:15px;display:flex}.pen-skills span{align-items:center;gap:8px;display:flex}.pen-contact{grid-template-columns:minmax(0,1fr) 440px;gap:64px;display:grid}.pen-contact .pen-section-heading{max-width:440px}.pen-contact h2{font-size:32px;line-height:37px}.pen-contact .pen-description{font-size:15px}.pen-contact-details{color:var(--pen-secondary);flex-direction:column;gap:14px;margin-top:32px;font-size:13.5px;font-style:normal;line-height:16px;display:flex}.pen-contact-details>*{align-items:center;gap:10px;display:flex}.pen-contact-details svg{color:var(--pen-blue)}.pen-form{border:1px solid var(--pen-border);background:var(--pen-surface);border-radius:16px;flex-direction:column;gap:18px;padding:31px;display:flex}.pen-form label{flex-direction:column;gap:8px;font-size:13px;line-height:16px;display:flex}.pen-form :is(input,textarea){border:1px solid var(--pen-border);background:var(--pen-surface-2);width:100%;color:var(--pen-text);min-height:40px;box-shadow:none;border-radius:8px;padding:11px 13px;font:13.5px/16px Inter Variable,Inter,sans-serif}.pen-form :is(input,textarea)::-moz-placeholder{color:var(--pen-tertiary)}.pen-form :is(input,textarea)::placeholder{color:var(--pen-tertiary)}.pen-form textarea{resize:vertical;height:80px}.pen-form button:disabled{opacity:.6;cursor:wait}.pen-form-feedback{color:var(--pen-secondary);font-size:13px}.pen-honeypot{display:none}.pen-footer{border-top:1px solid var(--pen-border);color:var(--pen-tertiary);flex-direction:column;gap:32px;padding:48px 64px;font-size:13px;line-height:16px;display:flex}.pen-footer-top{justify-content:space-between;gap:48px;display:flex}.pen-footer-brand{max-width:280px}.pen-footer-brand p{margin-top:14px;line-height:20px}.pen-footer-columns{justify-content:space-between;gap:32px;width:46%;display:flex}.pen-footer-columns>*,.pen-footer-columns nav{flex-direction:column;gap:12px;display:flex}.pen-footer h3{color:#fff;font-size:13px;font-weight:600}.pen-footer-bottom{border-top:1px solid var(--pen-border);justify-content:space-between;align-items:center;padding-top:20px;font-size:12px;line-height:15px;display:flex}.pen-socials{align-items:center;gap:14px;display:flex}.pen-socials a{place-items:center;display:grid;position:relative}.pen-socials a:after{content:"";position:absolute;inset:-12px}.pen-detail-hero{flex-direction:column;gap:20px;padding:80px 64px 60px;display:flex}.pen-detail-hero h1{max-width:800px;font-size:40px;font-weight:700;line-height:46px}.pen-detail-hero p{color:var(--pen-secondary);max-width:700px;font-size:16px;line-height:26px}.pen-detail-image{background:var(--pen-surface-2);border:1px solid var(--pen-border);height:340px}.pen-detail-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.pen-detail-body{grid-template-columns:minmax(0,1fr) 320px;gap:64px;padding:80px 64px;display:grid}.pen-detail-blocks{flex-direction:column;gap:44px;display:flex}.pen-detail-blocks section{flex-direction:column;gap:12px;display:flex}.pen-detail-blocks h2{font-weight:400}.pen-detail-blocks p{color:var(--pen-secondary);font-size:15px;line-height:24px}.pen-detail-facts{border:1px solid var(--pen-border);background:var(--pen-surface);border-radius:20px;flex-direction:column;gap:16px;width:fit-content;max-width:100%;margin:0 0 20px;padding:24px;display:flex}.pen-detail-facts dt{font-family:var(--pen-mono);color:var(--pen-tertiary);letter-spacing:1px;font-size:10.5px;line-height:14px}.pen-detail-facts dd{margin:4px 0 0;font-size:14px;font-weight:500;line-height:17px}.pen-detail-body aside>.pen-button{padding:13px 0;font-size:14px}.pen-detail-footer{border-top:1px solid var(--pen-border);color:var(--pen-tertiary);justify-content:space-between;padding:28px 64px;font-size:12px;line-height:16px;display:flex}.pen-detail-footer a{color:var(--pen-blue);font-size:13px}@media (min-width:640px) and (max-width:1199px){.pen-header-inner{padding:0 32px}.pen-desktop-nav{gap:20px}.pen-section{padding:72px 32px}.pen-service-grid,.pen-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pen-step-grid li:nth-child(2){border-right:0}.pen-step-grid li:nth-child(-n+2){border-bottom:1px solid var(--pen-border)}.pen-contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.pen-footer{padding:40px 32px}}@media (max-width:1023px){.pen-desktop-nav,.pen-header .pen-header-cta{display:none}.pen-menu-trigger{color:#fff;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.pen-header-inner{height:67px}.pen-site section[id]{scroll-margin-top:68px}.pen-language{min-height:28px}.pen-process-heading{flex-direction:column;align-items:flex-start}.pen-detail-body{grid-template-columns:minmax(0,1fr) 280px;gap:32px;padding:56px 32px}}@media (max-width:639px){.pen-header-inner{padding:0 20px}.pen-logo img{width:90px;height:28px}.pen-header-actions{gap:10px}.pen-language{padding:6px 9px;font-size:10.5px;line-height:14px}.pen-language svg:first-child{width:12px}.pen-eyebrow{font-size:11px;line-height:14px}.pen-desktop-break{display:none}.pen-section{padding:56px 20px}.pen-section-heading{gap:32px}.pen-section-heading h2{font-size:26px;line-height:31px}.pen-description{font-size:14px;line-height:21px}.pen-projects{gap:32px}.pen-project-content,.pen-featured .pen-project-content{gap:10px;padding:19px}.pen-tags{gap:6px}.pen-tags span{padding:4px 9px;font-size:10px;line-height:13px}.pen-project-content h3,.pen-featured h3{font-size:16px;line-height:19px}.pen-project-content>p,.pen-featured .pen-project-content>p{font-size:12.5px;line-height:19px}.pen-project-content>.pen-project-note{font-size:12px;line-height:18px}.pen-project-link,.pen-featured .pen-project-link{font-size:12.5px;line-height:15px}.pen-disclaimer{font-size:12px;line-height:18px}.pen-services{gap:32px}.pen-service-grid{grid-template-columns:minmax(0,1fr);gap:32px}.pen-service{gap:16px;padding:21px}.pen-service-top{min-height:32px;font-size:12px;line-height:16px}.pen-service-top>div{width:32px;height:32px}.pen-service-tag{font-size:10px;line-height:13px}.pen-service h3{font-size:17px;line-height:21px}.pen-service-description{font-size:12.5px;line-height:19px}.pen-price{font-size:15px;line-height:18px}.pen-service>a{padding:9px 0;font-size:12.5px;line-height:15px}.pen-process,.pen-process-heading .pen-section-heading{gap:28px}.pen-process-heading>.pen-button{font-size:13px}.pen-step-grid{grid-template-columns:minmax(0,1fr)}.pen-step-grid li{border-right:0;border-bottom:1px solid var(--pen-border);gap:10px;padding:21px}.pen-step-number{font-size:12px;line-height:16px}.pen-step-grid h3{font-size:16px;line-height:19px}.pen-step-grid p{font-size:12.5px;line-height:19px}.pen-step-grid small{font-size:10.5px;line-height:14px}.pen-founder{gap:24px}.pen-founder-row{display:contents}.pen-avatar{border-radius:12px;width:64px;height:64px}.pen-founder-copy{gap:24px}.pen-founder-copy h2{font-size:20px;line-height:24px}.pen-founder-role{font-size:13px;line-height:16px}.pen-founder-bio{font-size:13.5px;line-height:21px}.pen-skills{flex-direction:column;gap:12px;font-size:12px}.pen-contact{grid-template-columns:minmax(0,1fr);gap:24px}.pen-contact .pen-section-heading{gap:24px}.pen-contact h2{font-size:26px;line-height:30px}.pen-contact .pen-description{font-size:14px;line-height:22px}.pen-contact-details{margin-top:24px;font-size:12.5px;line-height:18px}.pen-form{gap:16px;padding:23px}.pen-form label{font-size:12.5px;line-height:15px}.pen-form :is(input,textarea){font-size:16px;line-height:16px}.pen-form :is(input,textarea)::-moz-placeholder{font-size:13px}.pen-form :is(input,textarea)::placeholder{font-size:13px}.pen-form textarea{height:64px}.pen-form .pen-button{font-size:14px}.pen-footer{gap:28px;padding:32px 20px}.pen-footer-top{flex-direction:column;gap:28px}.pen-footer-brand{max-width:none}.pen-footer-brand .pen-logo img{width:86px;height:auto}.pen-footer-brand p{margin-top:28px}.pen-footer-columns{gap:32px;width:100%;font-size:12.5px}.pen-footer-columns>*{gap:10px}.pen-footer h3{font-size:12.5px}.pen-footer-bottom{padding-top:16px;font-size:11px}.pen-back{font-size:12px}.pen-detail-hero{gap:20px;padding:48px 20px 36px}.pen-detail-hero h1{font-size:30px;line-height:35px}.pen-detail-hero p{font-size:14px;line-height:22px}.pen-detail-image{height:220px}.pen-detail-body{grid-template-columns:minmax(0,1fr);gap:36px;padding:48px 20px}.pen-detail-blocks{gap:32px}.pen-detail-blocks p{font-size:14px;line-height:23px}.pen-detail-facts{width:100%}.pen-detail-body aside>.pen-button{width:100%;padding:13px}.pen-detail-footer{gap:12px;padding:24px 20px;font-size:11px}.pen-detail-footer a{font-size:12px}}@media (prefers-reduced-motion:reduce){.pen-site *{scroll-behavior:auto!important;transition:none!important}}html:has(.pen-site){scrollbar-width:none}html:has(.pen-site)::-webkit-scrollbar{display:none}.pen-header-inner{height:83px}.pen-project-content{padding:26px}.pen-featured .pen-project-content{padding:26px 32px 32px}.pen-form{gap:18px;padding:32px}.pen-form label{gap:8px}@media (max-width:1023px){.pen-header-inner{height:67px}.pen-menu-trigger,.pen-language{position:relative}.pen-menu-trigger:after,.pen-language:after{content:"";position:absolute;inset:-8px -2px}}@media (max-width:639px){.pen-project-content,.pen-featured .pen-project-content{padding:20px}.pen-form{gap:16px;padding:24px}}.pen-site,.pen-language-menu,.pen-mobile-menu{font-optical-sizing:none}.pen-detail-hero{max-width:960px;padding:72px 64px 44px}.pen-detail-hero h1{max-width:850px;font-size:44px;line-height:50px}.pen-detail-hero p{max-width:720px;font-size:17px;line-height:27px}.pen-detail-image{border-radius:20px;place-items:center;height:auto;min-height:480px;margin:0 64px;padding:28px;display:grid;overflow:hidden}.pen-detail-image img{-o-object-fit:contain;object-fit:contain;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:480px;display:block;box-shadow:0 20px 48px #0008}.pen-detail-body{grid-template-columns:minmax(0,1fr) 336px;align-items:start;gap:72px;padding:72px 64px 88px}.pen-detail-blocks{gap:20px;max-width:780px}.pen-detail-blocks section{border-left:2px solid var(--pen-border);padding:24px 0 24px 24px}.pen-detail-blocks section:first-child{padding-top:4px}.pen-detail-blocks section:hover{border-color:var(--pen-blue)}.pen-detail-blocks p{font-size:16px;line-height:26px}.pen-detail-aside{border:1px solid var(--pen-border);background:var(--pen-surface);border-radius:20px;padding:26px;position:sticky;top:108px;box-shadow:0 20px 48px #0005}.pen-detail-aside>.pen-eyebrow{margin-bottom:20px}.pen-detail-facts{background:0 0;border:0;border-radius:0;gap:16px;width:auto;margin:0 0 24px;padding:0}.pen-detail-facts div{border-bottom:1px solid var(--pen-border);padding-bottom:16px}.pen-detail-facts div:last-child{border-bottom:0;padding-bottom:0}.pen-detail-facts dd{margin-top:5px;font-size:14px;font-weight:600;line-height:19px}.pen-detail-aside>.pen-button{width:100%;padding:13px;font-size:14px}.pen-detail-reassurance{text-align:center;color:var(--pen-tertiary);margin-top:12px;font-size:12px;line-height:16px}@media (max-width:1023px){.pen-detail-image{min-height:400px;margin:0 32px}.pen-detail-body{gap:32px}.pen-detail-aside{top:92px}}@media (max-width:639px){.pen-detail-hero{padding:48px 20px 36px}.pen-detail-hero h1{font-size:30px;line-height:35px}.pen-detail-hero p{font-size:14px;line-height:22px}.pen-detail-image{border-radius:16px;min-height:260px;margin:0 20px;padding:16px}.pen-detail-image img{border-radius:8px;max-height:260px}.pen-detail-body{grid-template-columns:minmax(0,1fr);gap:36px;padding:48px 20px}.pen-detail-blocks{gap:8px}.pen-detail-blocks section{padding:20px 0 20px 18px}.pen-detail-blocks p{font-size:14px;line-height:23px}.pen-detail-aside{border-radius:16px;padding:22px;position:static}.pen-detail-aside>.pen-eyebrow{margin-bottom:16px}.pen-detail-facts{margin-bottom:20px}.pen-detail-facts div{padding-bottom:14px}}.pen-projects{gap:56px}.pen-project-card,.pen-featured{grid-column:auto}.pen-project-content,.pen-featured .pen-project-content{gap:12px;padding:24px}.pen-project-content h3,.pen-featured h3{font-size:16.5px;line-height:21px}.pen-project-content>p,.pen-featured .pen-project-content>p{font-size:13px;line-height:19.5px}.pen-project-content>.pen-project-note{font-size:11.5px;line-height:17px}.pen-testimonial{border:1px solid var(--pen-border);background:var(--pen-surface);border-radius:16px;align-items:center;gap:24px;padding:32px;display:flex}.pen-testimonial-icon{width:44px;height:44px;color:var(--pen-blue);background:#1b5bda22;border-radius:12px;flex:0 0 44px;place-items:center;display:grid}.pen-testimonial p{color:var(--pen-text);font-size:16px;font-weight:500;line-height:24px}.pen-testimonial small{font-family:var(--pen-mono);letter-spacing:1px;color:var(--pen-tertiary);margin-top:8px;font-size:11.5px;display:block}@media (max-width:639px){.pen-testimonial{align-items:flex-start;gap:14px;padding:20px}.pen-testimonial p{font-size:14px;line-height:21px}.pen-testimonial small{font-size:10.5px}.pen-projects{gap:32px}}.pen-service-features{color:var(--pen-secondary);flex-direction:column;flex:1;gap:8px;margin:0;padding:0;font-size:12px;line-height:16px;list-style:none;display:flex}.pen-service-features li{align-items:center;gap:8px;display:flex}.pen-service-features svg{color:var(--pen-tertiary)}.pen-recommended .pen-service-features svg{color:var(--pen-blue)}@media (min-width:1024px){.pen-header-inner{height:112px}.pen-site section[id]{scroll-margin-top:112px}.pen-project-content,.pen-featured .pen-project-content{padding:24px}.pen-footer{background:var(--pen-surface);padding:0 64px;position:relative;overflow:hidden}.pen-footer-top{z-index:1;padding:0 0 44px;position:relative}.pen-footer-columns{gap:72px}.pen-footer-bottom{z-index:1;position:relative}}@media (max-width:639px){.pen-header-inner{height:91px}.pen-site section[id]{scroll-margin-top:91px}.pen-menu-overlay{inset:0}.pen-mobile-menu{padding-top:91px;inset:0}.pen-footer{background:var(--pen-surface);padding:0 20px;position:relative;overflow:hidden}.pen-footer-top{z-index:1;padding-top:32px;position:relative}.pen-footer-brand p{max-width:350px}.pen-footer-columns{grid-template-columns:1fr 1fr;gap:24px 32px;display:grid}.pen-footer-columns>div{grid-column:2}.pen-footer-bottom{z-index:1;position:relative}}@media (min-width:1024px){.pen-header{border-bottom:1px solid var(--pen-border);background:var(--pen-bg);height:112px;padding:20px 24px 24px}.pen-header-inner{border:1px solid var(--pen-border);background:#131417e6;border-radius:999px;width:100%;height:68px;padding:0 20px;box-shadow:0 8px 24px #0006}.pen-logo{padding-left:0}.pen-desktop-nav{font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.pen-header-actions{padding-right:0}.pen-section{padding:72px 64px}.pen-projects,.pen-services,.pen-process,.pen-founder{gap:56px}.pen-contact{border:1px solid var(--pen-border);background:var(--pen-surface);isolation:isolate;border-radius:28px;grid-template-columns:minmax(0,1fr) 440px;gap:64px;width:calc(100% - 128px);margin:72px 64px;padding:56px;display:grid;position:relative;overflow:hidden}.pen-contact:before{content:"";z-index:-1;background:radial-gradient(#1b5bda3d 0%,#1b5bda00 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-150px;right:-60px}.pen-contact .pen-section-heading{gap:16px}.pen-contact-details{gap:12px;margin-top:0;padding-top:16px}.pen-contact .pen-form{background:var(--pen-surface);padding:32px}.pen-form .pen-button{border-radius:999px;padding:14px 0}.pen-footer{background:var(--pen-bg);border-top:1px solid var(--pen-border);padding:64px 64px 0}.pen-footer-top{padding:32px 0 20px}.pen-footer-brand{gap:14px;width:280px}.pen-footer-columns{gap:72px}.pen-footer-bottom{height:76px;padding-top:20px}.pen-socials a{border:1px solid var(--pen-border);width:36px;height:36px;color:var(--pen-tertiary);border-radius:999px;place-items:center;display:grid}}@media (max-width:639px){.pen-contact{background:var(--pen-bg);border:0;border-radius:0;margin:0;padding:56px 20px}.pen-contact:before{display:none}.pen-header{background:var(--pen-bg);height:91px;padding:16px 16px 15px}.pen-header-inner{border:1px solid var(--pen-border);background:#131417e6;border-radius:999px;height:60px;padding:0 8px 0 18px;box-shadow:0 8px 20px #0006}.pen-logo{padding:0}.pen-logo img{width:82px;height:auto}.pen-header-actions{gap:10px}.pen-language{padding:7px 10px}.pen-menu-trigger{width:30px;height:30px}.pen-section{padding:28px 20px}.pen-projects,.pen-services{gap:32px}.pen-process{gap:28px}.pen-founder{gap:24px}.pen-section-heading,.pen-process-heading .pen-section-heading,.pen-contact .pen-section-heading{gap:16px}.pen-contact{gap:24px;padding:28px 20px}.pen-footer{background:var(--pen-bg);border-top:1px solid var(--pen-border);gap:28px;padding:48px 20px 0}.pen-footer-top{padding:24px 0 16px}}@media (min-width:1024px){.pen-header{background:0 0;border-bottom:0}.pen-header-inner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.pen-footer-modern{background:var(--pen-bg);border-top:1px solid var(--pen-border);color:var(--pen-tertiary);position:relative;overflow:visible}.pen-footer-modern .pen-footer-top{grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(0,1fr));align-items:start;gap:clamp(28px,3.5vw,56px);padding:0 0 44px;display:grid}.pen-footer-modern .pen-footer-brand{flex-direction:column;align-items:flex-start;gap:0;width:100%;max-width:320px;display:flex}.pen-footer-modern .pen-footer-brand p{max-width:270px;margin:16px 0 0;font-size:13px;line-height:20px}.pen-footer-contact-cta{color:var(--pen-text);align-items:center;gap:8px;margin-top:24px;font-size:13px;font-weight:600;line-height:18px;transition:color .2s;display:inline-flex}.pen-footer-contact-cta:hover{color:var(--pen-blue)}.pen-footer-modern .pen-footer-columns{display:contents}.pen-footer-modern .pen-footer-columns>*,.pen-footer-modern .pen-footer-columns nav{flex-direction:column;gap:12px;min-width:0;display:flex}.pen-footer-modern .pen-footer-columns address{font-style:normal}.pen-footer-modern .pen-footer-columns a,.pen-footer-modern .pen-footer-columns span{color:var(--pen-secondary);font-size:13px;line-height:19px;transition:color .2s}.pen-footer-modern .pen-footer-columns a:hover{color:var(--pen-text)}.pen-footer-modern .pen-footer-bottom{height:auto;min-height:76px;padding:20px 0;position:static}@media (min-width:1024px){.pen-footer-modern{padding:56px 64px 0}.pen-footer-modern .pen-footer-top{padding-bottom:44px}}@media (max-width:639px){.pen-footer-modern{gap:0;padding:40px 20px 0}.pen-footer-modern .pen-footer-top{flex-direction:column;gap:32px;padding:0 0 32px;display:flex}.pen-footer-modern .pen-footer-brand{width:100%}.pen-footer-modern .pen-footer-brand p{max-width:320px;margin-top:14px}.pen-footer-modern .pen-footer-columns{grid-template-columns:1fr 1fr;gap:28px 24px;width:100%}.pen-footer-modern .pen-footer-columns address{grid-column:1/-1}.pen-footer-modern .pen-footer-bottom{min-height:64px;padding:16px 0}}@media (min-width:900px){.pen-founder-row{-moz-column-gap:clamp(32px,4vw,72px);border:1px solid var(--pen-border);border-radius:20px;grid-template-columns:auto minmax(0,1.1fr) minmax(240px,.75fr);grid-template-areas:"avatar name skills""avatar role skills""avatar bio skills";align-items:start;gap:10px clamp(32px,4vw,72px);padding:clamp(28px,3vw,44px);display:grid}.pen-founder-row .pen-avatar{grid-area:avatar;align-self:center;width:132px;height:132px}.pen-founder-copy{display:contents}.pen-founder-copy h2{grid-area:name}.pen-founder-role{grid-area:role}.pen-founder-bio{grid-area:bio;max-width:72ch;margin-top:6px}.pen-skills{border-left:1px solid var(--pen-border);flex-direction:column;grid-area:skills;align-self:center;align-items:flex-start;gap:14px;padding-left:clamp(24px,2.5vw,48px)}}.pen-header{background:0 0;border-bottom:0}.pen-header-inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111722d9}.pen-hero{isolation:isolate;padding:calc(var(--pen-header-h,91px) + clamp(16px,3vw,32px))max(clamp(20px,4.4vw,64px),calc((100% - 1600px)/2))clamp(28px,4.2vw,60px);margin-top:calc(-1*var(--pen-header-h,91px));background:radial-gradient(86% 84% at 62% 56%,#222a38 0%,#181e2a 40%,#191f2b00 76%),linear-gradient(#141922 0%,#1a202b 54%,#1f2632 100%);border:0;grid-template:"copy"min-content"buttons"min-content/minmax(0,1fr);align-content:space-between;gap:clamp(16px,3vw,26px);min-height:100svh;display:grid;position:relative;overflow:hidden}.pen-hero-visual{z-index:0;pointer-events:none;width:auto;max-width:none;margin:0;padding:0 6%;position:absolute;inset:0}.pen-hero-visual>img{-o-object-fit:contain;object-fit:contain;-o-object-position:center 68%;object-position:center 68%;mix-blend-mode:normal;width:100%;height:100%;display:block}.pen-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0a0a0a66 0%,#0a0a0a26 24%,#0a0a0a00 44% 72%,#0a0a0a26 92%,#0a0a0a66 100%);position:absolute;inset:0}.pen-hero-copy{z-index:2;text-align:left;flex-direction:column;grid-area:copy;align-items:flex-start;gap:clamp(12px,2vw,22px);max-width:640px;display:flex;position:relative}.pen-hero-eyebrow{align-items:center;gap:9px;display:flex}@media (max-width:1023px){.pen-desktop-eyebrow{display:none}.pen-mobile-eyebrow{display:inline}}.pen-hero h1{font-size:clamp(26px,6.4vw,56px);font-weight:700;line-height:1.1}.pen-hero-description{color:#c9cbd3;max-width:50ch;font-size:clamp(15.5px,1.4vw,17px);line-height:1.6}.pen-hero-strip{display:none}.pen-hero-buttons{z-index:2;flex-wrap:wrap;grid-area:buttons;align-items:center;gap:12px;margin:0;padding:0;display:flex;position:relative}@media (max-width:479px){.pen-hero-buttons{flex-direction:column;align-items:stretch}.pen-hero-buttons .pen-button{width:100%;min-height:48px}}@media (min-width:880px){.pen-hero{padding-block:calc(var(--pen-header-h,112px) + clamp(24px,4vh,56px))calc(clamp(40px,6vh,80px) + 58px + clamp(0px,9vh,110px));align-content:center;row-gap:clamp(22px,2.6vw,30px)}.pen-hero-visual{width:min(46%,660px);padding:0;inset:0 max(clamp(20px,4.4vw,64px),50% - 800px) 0 auto}.pen-hero-visual>img{-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.pen-hero:after{background:linear-gradient(90deg,#0a0a0a66 0%,#0a0a0a26 30%,#0a0a0a00 56%)}.pen-hero-copy{max-width:min(560px,46vw)}.pen-hero-description{max-width:520px}.pen-hero-strip{z-index:2;border-top:1px solid var(--pen-border);font-family:var(--pen-mono);letter-spacing:1px;text-transform:uppercase;color:var(--pen-tertiary);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,3vw,48px);margin:0;padding:17px 0 0;font-size:11px;line-height:15px;list-style:none;display:grid;position:absolute;bottom:clamp(40px,6vh,80px);left:max(clamp(20px,4.4vw,64px),50% - 800px);right:max(clamp(20px,4.4vw,64px),50% - 800px)}}.pen-project-grid{grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,32px);display:grid}.pen-project-preview{aspect-ratio:2.2;background:var(--pen-surface-2);width:100%;display:block;position:relative;overflow:hidden}.pen-project-preview img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}@media (max-width:639px){.pen-project-preview{aspect-ratio:2}}@media (min-width:640px){.pen-project-grid{-moz-column-gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}@media (min-width:1180px){.pen-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media (min-width:640px) and (max-width:1023px){.pen-header{height:auto;padding:16px 24px}.pen-header-inner{border:1px solid var(--pen-border);background:#131417e6;border-radius:999px;height:64px;padding:0 10px 0 20px;box-shadow:0 8px 20px #0006}.pen-site section[id]{scroll-margin-top:96px}}@media (max-width:900px){.pen-footer-modern .pen-footer-top{grid-template-columns:minmax(0,1fr);gap:32px}.pen-footer-modern .pen-footer-brand{width:100%}.pen-footer-modern .pen-footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;width:100%;display:grid}}@media (max-width:560px){.pen-footer-modern .pen-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.pen-footer-modern .pen-footer-columns address{grid-column:1/-1}}.pen-site{--pen-header-h:91px}@media (min-width:640px){.pen-site{--pen-header-h:96px}}@media (min-width:1024px){.pen-site{--pen-header-h:112px}}@media (min-width:880px){.pen-hero-visual>img{-o-object-position:center 54%;object-position:center 54%;transform:scale(.92)}}@media (min-width:1024px){.pen-hero-visual>img{-o-object-position:center 56%;object-position:center 56%;transform:scale(.94)}}@media (prefers-reduced-motion:no-preference){@keyframes pen-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pen-reveal{0%{opacity:0;translate:0 14px}to{opacity:1;translate:none}}@keyframes pen-rise-quiet{0%{transform:translateY(16px)}to{transform:none}}@keyframes pen-settle{0%{transform:scale(1.04)}to{transform:none}}@keyframes pen-fade{0%{opacity:0}to{opacity:1}}@keyframes pen-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}.pen-hero h1{animation:.6s cubic-bezier(.16,1,.3,1) both pen-rise-quiet}.pen-hero-eyebrow{animation:.5s cubic-bezier(.16,1,.3,1) 50ms both pen-rise}.pen-hero-description{animation:.55s cubic-bezier(.16,1,.3,1) .12s both pen-rise}.pen-hero-buttons{animation:.55s cubic-bezier(.16,1,.3,1) .2s both pen-rise}.pen-hero-visual{animation:1.2s cubic-bezier(.16,1,.3,1) both pen-settle}.pen-project-card,.pen-service,.pen-testimonial{transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s}.pen-project-card:hover,.pen-service:hover{border-color:#3b82f659;transform:translateY(-4px)}.pen-project-preview img{transition:transform .55s cubic-bezier(.16,1,.3,1)}.pen-project-card:hover .pen-project-preview img{transform:scale(1.04)}.pen-step-grid li{transition:background-color .3s}.pen-step-grid li:hover{background:#ffffff05}.pen-site .pen-button{transition:color .18s,background-color .18s,border-color .18s,transform .25s cubic-bezier(.16,1,.3,1)}.pen-site .pen-button:hover{transform:translateY(-1px)}.pen-site :is(.pen-button,.pen-project-link,.pen-service>a,.pen-footer-contact-cta) svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.pen-site :is(.pen-button,.pen-project-link,.pen-service>a,.pen-footer-contact-cta):hover svg{transform:translate(3px)}.pen-avatar{transition:transform .4s cubic-bezier(.16,1,.3,1)}.pen-founder-row:hover .pen-avatar{transform:scale(1.03)}.pen-language-menu[data-state=open]{animation:.16s ease-out both pen-pop}.pen-menu-overlay[data-state=open],.pen-mobile-menu[data-state=open]{animation:.2s ease-out both pen-fade}.pen-mobile-menu nav a{animation:.45s cubic-bezier(.16,1,.3,1) both pen-rise}.pen-mobile-menu nav a:nth-child(2){animation-delay:50ms}.pen-mobile-menu nav a:nth-child(3){animation-delay:.1s}.pen-mobile-menu nav a:nth-child(4){animation-delay:.15s}.pen-mobile-menu nav a:nth-child(5){animation-delay:.2s}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pen-projects>.pen-section-heading,.pen-services>.pen-section-heading,.pen-process-heading,.pen-founder>.pen-eyebrow,.pen-project-card,.pen-testimonial,.pen-disclaimer,.pen-service,.pen-step-grid,.pen-founder-row,.pen-contact{animation-name:pen-reveal;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry cover 20%}.pen-project-grid>:nth-child(2),.pen-service-grid>:nth-child(2){animation-range:entry cover 25%}.pen-project-grid>:nth-child(3),.pen-service-grid>:nth-child(3){animation-range:entry cover 30%}.pen-service-grid>:nth-child(4){animation-range:entry cover 35%}}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){@keyframes pen-header-solidify{0%{background-color:#111722d9;box-shadow:0 8px 24px #0000}to{background-color:#0c1119f2;box-shadow:0 10px 30px #00000059}}.pen-header-inner{animation-name:pen-header-solidify;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 140px}}}