*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ol,ul{list-style:none}:root{color-scheme:light;--bg: #f7f1e7;--bg-strong: #efe4d1;--surface: rgba(255, 251, 244, .74);--surface-strong: rgba(255, 248, 239, .94);--ink: #1f1b16;--muted: #66584a;--line: rgba(31, 27, 22, .12);--line-strong: rgba(31, 27, 22, .22);--accent: #d35b32;--accent-dark: #b9481f;--accent-soft: rgba(255, 216, 197, .9);--shadow: 0 20px 55px rgba(78, 52, 22, .12);--bg-gradient: radial-gradient(circle at top left, rgba(211, 91, 50, .16), transparent 28%), radial-gradient(circle at 85% 18%, rgba(255, 229, 208, .9), transparent 24%), linear-gradient(180deg, #fbf7f0 0%, var(--bg) 46%, #f0e5d5 100%);--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.45rem, 2.4vw, 1.85rem);--text-2xl: clamp(2rem, 4vw, 3.3rem);--text-hero: clamp(3rem, 7vw, 6.4rem);--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container: 72rem;--radius-sm: .75rem;--radius-md: 1.25rem;--radius-lg: 1.8rem;--nav-h: 4.6rem;--ease-out: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1722;--bg-strong: #162030;--surface: rgba(18, 28, 42, .72);--surface-strong: rgba(18, 28, 42, .92);--ink: #edf3ff;--muted: #a2b1c7;--line: rgba(237, 243, 255, .1);--line-strong: rgba(237, 243, 255, .2);--accent: #74c0fc;--accent-dark: #90cdfc;--accent-soft: rgba(116, 192, 252, .16);--shadow: 0 20px 60px rgba(3, 8, 18, .44);--bg-gradient: radial-gradient(circle at top left, rgba(116, 192, 252, .17), transparent 26%), radial-gradient(circle at 88% 14%, rgba(44, 74, 124, .5), transparent 24%), linear-gradient(180deg, #101924 0%, var(--bg) 48%, #0b1119 100%)}html{font-size:16px;scroll-behavior:smooth}body{min-height:100dvh;background:var(--bg-gradient);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;font-size:var(--text-base);line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .22s var(--ease-out),color .22s var(--ease-out)}h1,h2,h3,h4{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:.95;letter-spacing:-.03em}p{text-wrap:pretty}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft);color:var(--ink)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-6)}.reveal{transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.reveal[data-hidden]{opacity:0;transform:translateY(20px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:999px;border:1px solid transparent;padding:.92rem 1.35rem;font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em;transition:transform .14s var(--ease-out),border-color .14s var(--ease-out),background .14s var(--ease-out),color .14s var(--ease-out),box-shadow .14s var(--ease-out)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--accent);color:#fdfbf7;box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 28%,transparent)}.btn--primary:hover{background:var(--accent-dark);box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 34%,transparent)}.btn--ghost{border-color:var(--line-strong);background:color-mix(in srgb,var(--surface-strong) 88%,transparent)}.btn--ghost:hover{background:var(--surface-strong);border-color:color-mix(in srgb,var(--accent) 42%,transparent)}.btn--ink{background:var(--ink);color:var(--bg)}.btn--ink:hover{opacity:.92}.btn--lg{padding:1rem 1.55rem;font-size:var(--text-base)}.nav{position:fixed;inset:0 0 auto;z-index:100;height:var(--nav-h);transition:background .22s var(--ease-out),backdrop-filter .22s var(--ease-out),border-color .22s var(--ease-out)}.nav--scrolled{background:color-mix(in srgb,var(--bg) 74%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav__inner,.footer__inner{display:flex;align-items:center;justify-content:space-between}.nav__inner{height:100%}.nav__actions{display:flex;align-items:center;gap:var(--space-3)}.nav__logo,.footer__logo{font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em}.nav__logo span,.footer__logo span{color:var(--accent)}.theme-toggle{display:inline-flex;align-items:center;gap:.7rem;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface-strong) 82%,transparent);color:var(--ink);border-radius:999px;padding:.82rem 1rem;font-size:var(--text-sm);font-weight:700;transition:transform .14s var(--ease-out),border-color .14s var(--ease-out),background .14s var(--ease-out)}.theme-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.theme-toggle__dot{width:.7rem;height:.7rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 0 0 4px var(--accent-soft)}.hero{padding-top:calc(var(--nav-h) + var(--space-16));padding-bottom:var(--space-24)}.hero__grid,.examples__grid,.fit__grid{display:grid;gap:var(--space-10);align-items:start}.hero__grid{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.92fr)}.examples__grid,.fit__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.hero__content{max-width:47rem}.hero__eyebrow,.section-heading__eyebrow,.hero__panel-kicker{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-dark);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero__eyebrow:before,.section-heading__eyebrow:before,.hero__panel-kicker:before{content:"";width:1.2rem;height:1px;background:currentColor}.hero h1{margin-top:var(--space-5);max-width:10ch;font-size:var(--text-hero)}.hero__sub{margin-top:var(--space-6);max-width:40rem;font-size:var(--text-lg);color:var(--muted)}.hero__actions,.cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}.hero__signals,.strip__items{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.hero__signals li,.strip__item{border:1px solid var(--line);border-radius:999px;padding:.62rem .96rem;background:color-mix(in srgb,var(--surface-strong) 75%,transparent);font-size:var(--text-sm);color:var(--muted)}.hero__panel,.card,.example,.process-card,.fit__point,.cta__inner{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--line-strong) 70%,transparent);box-shadow:var(--shadow)}.hero__panel{position:sticky;top:calc(var(--nav-h) + var(--space-6));border-radius:var(--radius-lg);padding:var(--space-8)}.hero__panel-title{margin-top:var(--space-4);font-size:var(--text-xl)}.hero__panel-list{display:grid;gap:var(--space-5);margin-top:var(--space-6)}.hero__panel-item{padding-top:var(--space-5);border-top:1px solid var(--line)}.hero__panel-label,.example__meta,.card__index{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark)}.strip,.services,.examples,.case-studies,.process,.fit,.cta{padding-block:var(--space-20)}.strip__inner{padding:var(--space-8);border-block:1px solid var(--line)}.strip__lead{max-width:34rem;font-size:var(--text-lg)}.section-heading{max-width:42rem}.section-heading h2,.fit__copy h2,.cta__inner h2{margin-top:var(--space-4);font-size:var(--text-2xl)}.services__grid,.examples__list,.case-studies__grid,.process__grid,.fit__points{display:grid;gap:var(--space-5)}.services__grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-10)}.examples__list{grid-template-columns:repeat(2,minmax(0,1fr))}.case-studies__grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-10)}.process__grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-10)}.card,.example,.case-study,.process-card,.fit__point{border-radius:var(--radius-md);padding:var(--space-8)}.card h3,.example h3,.case-study h3,.process-card h3,.fit__point h3{margin-top:var(--space-5);font-size:1.72rem}.card p:last-child,.example p:last-child,.case-study p:last-child,.process-card p,.fit__copy p,.fit__point p,.cta__sub,.hero__panel-item p{margin-top:var(--space-4);color:var(--muted)}.case-study{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 92%,transparent),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line-strong));box-shadow:var(--shadow)}.case-study__meta{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark)}.process-card__num{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-size:var(--text-sm);font-weight:700}.fit__points{grid-template-columns:1fr}.cta__inner{border-radius:var(--radius-lg);padding:var(--space-12);text-align:center}.cta__inner h2{max-width:14ch;margin-inline:auto}.cta__sub{max-width:38rem;margin-inline:auto}.cta__email{align-self:center;font-weight:700}.footer{padding:0 0 var(--space-10)}.footer__inner{gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--line)}.footer__links{display:flex;flex-wrap:wrap;gap:var(--space-5);color:var(--muted)}@media(max-width:960px){.hero__grid,.examples__grid,.fit__grid,.services__grid,.examples__list,.case-studies__grid,.process__grid{grid-template-columns:1fr}.hero{padding-top:calc(var(--nav-h) + var(--space-10))}.hero__panel{position:static}}@media(max-width:640px){.container{padding-inline:var(--space-4)}.nav__inner,.footer__inner,.nav__actions{align-items:flex-start;flex-direction:column}.nav{height:auto;min-height:var(--nav-h)}.nav__inner{padding-block:1rem}.hero{padding-top:calc(var(--nav-h) + var(--space-12))}.strip,.services,.examples,.process,.fit,.cta{padding-block:var(--space-16)}.hero__signals,.strip__items,.hero__actions,.cta__actions{flex-direction:column}.hero__signals li,.strip__item,.btn,.theme-toggle{width:100%;border-radius:var(--radius-sm)}.hero__panel,.card,.example,.process-card,.fit__point,.cta__inner{padding:var(--space-6)}}
