:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;--landing-ink:#151515;--landing-muted:#5f5e5a;--landing-paper:#f7f6f3;--landing-line:#cbc9c4;--landing-orange:#d64800;--landing-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--landing-header-height:90px;--landing-hero-pad:clamp(18px, 4.5svh, 68px);background:#f7f6f3;font-family:Montserrat,system-ui,sans-serif}*{box-sizing:border-box}html{touch-action:manipulation}html,body,#root{min-height:100%}body{background:var(--landing-paper);min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.landing-shell{height:100svh;overflow:hidden}.landing-frame{width:min(100%,1536px);margin-inline:auto;padding-inline:clamp(24px,2.1vw,32px)}.site-header{height:var(--landing-header-height);border-bottom:1px solid var(--landing-line);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand-link{width:max-content;text-decoration:none;display:inline-flex}.portfolio-link{color:var(--landing-muted);font-family:var(--landing-mono);letter-spacing:.035em;text-transform:uppercase;align-items:center;gap:8px;font-size:.72rem;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.portfolio-link:hover{color:var(--landing-orange)}.portfolio-link:focus-visible{outline:2px solid var(--landing-ink);outline-offset:4px}.landing-hero{height:calc(100svh - var(--landing-header-height));min-height:0;padding-block:var(--landing-hero-pad);grid-template-columns:minmax(455px,.72fr) minmax(600px,1.28fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.landing-hero-copy{padding-bottom:2px}.landing-hero-copy h1{letter-spacing:-.065em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,min(5.8vw,9.2svh),5.9rem);font-weight:600;line-height:.95}.landing-hero-copy h1 span{white-space:nowrap}.landing-hero-copy>p{max-width:470px;color:var(--landing-muted);font-family:var(--landing-mono);margin:clamp(18px,4svh,38px) 0 clamp(18px,3.6svh,34px);font-size:.94rem;line-height:1.75}.landing-button{border:1px solid var(--landing-orange);color:#fff;background:var(--landing-orange);width:max-content;min-width:212px;min-height:clamp(46px,6svh,54px);font-family:var(--landing-mono);letter-spacing:.035em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;gap:18px;padding:0 26px;font-size:.81rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.landing-button:hover{color:var(--landing-orange);background:0 0}.landing-button:focus-visible{outline:2px solid var(--landing-ink);outline-offset:3px}.landing-utility{color:var(--landing-muted);font-family:var(--landing-mono);margin-top:clamp(18px,4svh,38px);font-size:.72rem;display:block}.landing-app-preview{width:min(100%, calc((100svh - var(--landing-header-height) - (2 * var(--landing-hero-pad))) * 1.44));background:#0b0b0b;border:1px solid #242424;justify-self:end;min-width:0;margin:0;overflow:hidden}.landing-app-preview img{width:100%;height:auto;display:block}@media (width<=820px) and (orientation:portrait){:root{--landing-header-height:72px;--landing-hero-pad:clamp(18px, 3.5svh, 42px)}.landing-hero{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:clamp(18px,3.5svh,34px)}.landing-hero-copy{max-width:700px}.landing-hero-copy h1{max-width:620px}.landing-app-preview{width:min(100%, calc((100svh - var(--landing-header-height)) * .72));place-self:end start}}@media (width<=640px) and (orientation:portrait){:root{--landing-header-height:64px;--landing-hero-pad:clamp(14px, 3svh, 28px)}.landing-frame{padding-inline:18px}.site-header .brand-link [data-logo-tone]>span:last-child{display:none}.portfolio-link{font-size:.65rem}.landing-hero{gap:clamp(14px,2.8svh,26px)}.landing-hero-copy h1{font-size:clamp(2.65rem,min(13.5vw,9.2svh),3.55rem)}.landing-hero-copy>p{margin-block:clamp(14px,2.8svh,24px);font-size:.78rem;line-height:1.6}.landing-button{min-width:180px;min-height:clamp(44px,6svh,50px);padding-inline:20px}.landing-utility{margin-top:clamp(12px,2.4svh,22px);font-size:.63rem}.landing-app-preview{width:100%}}@media (height<=600px) and (orientation:landscape){:root{--landing-header-height:64px;--landing-hero-pad:14px}.landing-hero-copy>p{margin-block:12px;font-size:.7rem;line-height:1.5}.landing-button{min-width:176px;min-height:42px}.landing-utility{margin-top:12px;font-size:.62rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}