:root{--color-bg: #f2f2f3;--color-surface: #e9e9ea;--color-text: #1d1f20;--color-accent: #00606E;--color-accent-dark: #0a3439;--color-divider: rgba(27, 32, 34, .16);--font-heading: "Barlow Condensed", system-ui, sans-serif;--font-body: "Barlow", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.55;font-weight:400;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}img,svg{display:block;max-width:100%}.logo-crop{position:relative;display:block;flex:0 0 auto;overflow:hidden;background:transparent}.logo-crop img{position:absolute;left:-35%;top:-35%;width:170%;height:170%;max-width:none;object-fit:fill}.logo-crop--header{width:42px;height:42px}.logo-crop--hero{width:62%;aspect-ratio:1}.logo-crop--thanks{width:88px;height:88px}.logo-crop--footer{width:72px;height:72px;margin:0 0 12px}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:#00606e4d}@keyframes ns-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes ns-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ns-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blueprint{position:relative;border:1px solid var(--color-divider);border-radius:0}.blueprint>.corner{position:absolute;width:11px;height:11px;color:#1b20228c}.blueprint>.corner:before,.blueprint>.corner:after{content:"";position:absolute;background:currentColor}.blueprint>.corner:before{left:5px;top:0;width:1px;height:100%}.blueprint>.corner:after{top:5px;left:0;width:100%;height:1px}.blueprint>.corner.tl{top:-6px;left:-6px}.blueprint>.corner.tr{top:-6px;right:-6px}.blueprint>.corner.bl{bottom:-6px;left:-6px}.blueprint>.corner.br{bottom:-6px;right:-6px}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}[data-reveal].revealed{opacity:1;transform:none}.faq-item{border-bottom:1px solid rgba(27,32,34,.2)}.faq-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;background:none;border:0;cursor:pointer;text-align:left;color:#1b2022;font-family:var(--font-heading);font-weight:600;font-size:24px;line-height:1.15}.faq-btn:hover{color:var(--color-accent)}.faq-icon{flex-shrink:0;width:28px;height:28px;border:1px solid currentColor;display:grid;place-items:center;font-family:var(--font-mono);font-size:14px}.faq-icon span{display:block;transition:transform .3s}.faq-icon span.open{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;font-size:17px;line-height:1.6;color:#3d4548;max-width:720px}.faq-answer.open{max-height:300px;padding:0 56px 24px 0}.kind-btn{padding:10px 16px;border:1px solid rgba(27,32,34,.25);background:transparent;color:#1b2022;cursor:pointer;font-size:15px;transition:all .2s;font-family:var(--font-body)}.kind-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.kind-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}input:focus,textarea:focus{border-bottom-color:var(--color-accent)!important}.blog-article__header{margin-bottom:32px}.blog-article__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:14px}.blog-article__header h1{font-family:var(--font-heading);font-weight:600;font-size:clamp(32px,5vw,52px);line-height:1;margin:0 0 18px;text-wrap:balance;color:#1b2022}.blog-article__lead{font-size:19px;line-height:1.55;color:#3d4548;margin:0 0 18px;text-wrap:pretty}.blog-article__meta{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;color:#5a6366;text-transform:uppercase}.blog-article__meta span:not(:last-child):after{content:"·";margin-left:16px}.blog-article__toc{display:flex;flex-direction:column;gap:8px;padding:24px;margin-bottom:40px;border:1px solid var(--color-divider);background:#ffffff80}.blog-article__toc strong{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:4px}.blog-article__toc a{font-size:15px;color:#1b2022;text-decoration:none;transition:color .2s}.blog-article__toc a:hover{color:var(--color-accent)}.blog-article__body{font-size:17px;line-height:1.7;color:#1b2022}.blog-article__body h2{font-family:var(--font-heading);font-weight:600;font-size:clamp(26px,3.5vw,36px);line-height:1.1;margin:48px 0 18px;color:#1b2022}.blog-article__body h3{font-family:var(--font-heading);font-weight:600;font-size:22px;line-height:1.2;margin:28px 0 10px;color:var(--color-accent)}.blog-article__body p{margin:0 0 18px}.blog-article__body ul{margin:0 0 18px;padding-left:20px}.blog-article__body li{margin-bottom:10px}.blog-article__body section{position:relative}.blog-article__number{font-family:var(--font-mono);font-size:12px;color:var(--color-accent);margin-bottom:6px}.blog-article__callout{font-size:20px;font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--color-accent-dark);border-left:3px solid var(--color-accent);padding-left:20px;margin:24px 0}.blog-article__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px;margin:24px 0}.blog-article__steps>div{padding:24px;border:1px solid var(--color-divider);background:#ffffff80}.blog-article__steps strong{display:block;font-family:var(--font-mono);font-size:12px;color:var(--color-accent);margin-bottom:8px}.blog-article__steps b{display:block;font-family:var(--font-heading);font-weight:600;font-size:22px;margin-bottom:6px}.blog-article__steps span{font-size:15px;line-height:1.5;color:#5a6366}.blog-article__self-check{padding:24px;border:1px solid var(--color-divider);background:#ffffff80;margin:24px 0}.blog-article__self-check strong{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px}.blog-article__self-check label{display:block;padding:10px 0;border-bottom:1px solid rgba(27,32,34,.1);font-size:16px}.blog-article__self-check label:last-child{border-bottom:0}.blog-article__table{display:grid;gap:0;margin:24px 0;border:1px solid var(--color-divider)}.blog-article__table>div{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:0}.blog-article__table>div>b,.blog-article__table>div>span{padding:14px 16px;border-bottom:1px solid rgba(27,32,34,.1);font-size:15px;line-height:1.45}.blog-article__table>div>b{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--color-accent)}.blog-article__table>div:not(:first-child)>span:first-child{font-family:var(--font-heading);font-weight:600;font-size:17px}.blog-article__table>div:last-child>*{border-bottom:0}@media (max-width: 640px){.blog-article__table>div{grid-template-columns:1fr}.blog-article__table>div>*{border-bottom:1px solid rgba(27,32,34,.1)!important}}.blog-article__conclusion h2{margin-top:48px}.blog-article__rule{text-align:center;font-family:var(--font-mono);color:var(--color-accent);margin:0 0 24px}.blog-article__cta{margin-top:32px;padding:28px;background:var(--color-accent);color:#fff}.blog-article__cta strong{display:block;font-family:var(--font-heading);font-weight:600;font-size:24px;margin-bottom:8px}.blog-article__cta span{font-size:16px;line-height:1.5;color:#d9ebed}#menu-btn{display:none;width:44px;height:44px;border:1px solid rgba(27,32,34,.2);background:transparent;cursor:pointer;position:relative;flex-shrink:0}#menu-btn span,#menu-btn span:before,#menu-btn span:after{content:"";display:block;position:absolute;left:50%;top:50%;width:20px;height:2px;background:#1b2022;transform:translate(-50%,-50%);transition:transform .3s,opacity .2s}#menu-btn span:before{transform:translate(-50%,-8px)}#menu-btn span:after{transform:translate(-50%,6px)}#menu-btn.open span{background:transparent}#menu-btn.open span:before{transform:translate(-50%,-50%) rotate(45deg)}#menu-btn.open span:after{transform:translate(-50%,-50%) rotate(-45deg)}#mobile-nav{display:none;position:fixed;top:71px;left:0;right:0;background:#f2f3f3f7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(27,32,34,.12);z-index:19;padding:8px 24px 24px;transform:translateY(-100%);transition:transform .3s ease}#mobile-nav.open{transform:translateY(0)}#mobile-nav a{display:block;padding:16px 0;font-family:var(--font-heading);font-size:22px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#1b2022;text-decoration:none;border-bottom:1px solid rgba(27,32,34,.1)}#mobile-nav a:last-child{border-bottom:0;color:#fff;background:var(--color-accent);padding:14px 18px;margin-top:12px;text-align:center}@media (max-width: 999px){#nav{display:none}#menu-btn,#mobile-nav{display:block}}@media (max-width: 768px){body,#root{overflow-x:hidden}header>div:first-child{padding:12px 16px;gap:12px}.logo-crop--header{width:36px;height:36px}header span[style*="font-size:22px"]{font-size:18px}section[data-screen-label=Hero]{padding:40px 16px 56px;gap:32px}section[data-screen-label=Hero] h1{font-size:clamp(36px,10vw,56px)!important}section[data-screen-label=Hero] p{font-size:17px!important}.logo-crop--hero{width:50%}section[data-screen-label=Services]{padding:56px 16px}section[data-screen-label=Services] h2{font-size:clamp(28px,7vw,40px)!important}section[id=work]{padding:32px 16px 64px}section[id=work] h2{font-size:clamp(28px,7vw,40px)!important}section[id=about]>div{padding:64px 16px!important;gap:40px!important}section[id=about] h2{font-size:clamp(32px,8vw,48px)!important}#steps{grid-template-columns:1fr!important}section[id=blog]{padding:56px 16px}section[id=blog] h2{font-size:clamp(28px,7vw,40px)!important}section[id=tools]{padding:32px 16px}section[id=tools] h2{font-size:clamp(24px,6vw,36px)!important}section[id=faq]{padding:32px 16px 64px;gap:24px}section[id=faq] h2{font-size:clamp(28px,7vw,40px)!important}.faq-btn{font-size:19px;padding:18px 0}.faq-answer{font-size:15px}.faq-answer.open{padding:0 32px 20px 0}section[id=contact]{padding:0 16px 64px}section[id=contact]>.blueprint{padding:24px!important;gap:32px!important}section[id=contact] h2{font-size:clamp(32px,8vw,48px)!important}footer>div:first-child{padding:40px 16px 24px;flex-direction:column;align-items:flex-start;gap:24px}footer>div:last-child{padding:16px 16px 24px;flex-direction:column;gap:8px;align-items:flex-start}}@media (max-width: 480px){section[data-screen-label=Hero] h1{font-size:clamp(32px,9vw,44px)!important}.kind-btn{padding:8px 12px;font-size:14px}#kinds{gap:6px}}
