@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap";:root{--font-display:"Geist", ui-sans-serif, sans-serif;--font-body:"Geist", ui-sans-serif, sans-serif;--font-outlier:"IBM Plex Mono", ui-monospace, monospace;--color-paper:oklch(12.5% .014 240);--color-paper-2:oklch(15.5% .014 240);--color-paper-3:oklch(19% .013 240);--color-surface:oklch(22% .012 240);--color-rule:oklch(28% .012 240);--color-rule-soft:oklch(23.5% .012 240);--color-ink:oklch(96% .008 105);--color-ink-2:oklch(82% .008 230);--color-muted:oklch(68% .009 230);--color-accent:oklch(91% .22 125);--color-accent-strong:oklch(86% .24 125);--color-accent-ink:oklch(18% .03 125);--color-focus:oklch(91% .22 125);--color-chrome-red:oklch(63% .23 28);--color-chrome-yellow:oklch(86% .18 95);--color-chrome-green:oklch(68% .18 145);--color-chrome-blue:oklch(62% .2 255);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--page-gutter:clamp(1.1rem, 4vw, 3.5rem);--page-max:92rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--z-sticky:200}*{box-sizing:border-box}html,body{scroll-behavior:smooth;min-width:320px;margin:0;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);text-rendering:optimizelegibility;font-size:1rem;line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}a:active{color:var(--color-accent)}a[aria-disabled=true]{color:var(--color-muted);cursor:not-allowed;pointer-events:none}.container{width:min(100%, var(--page-max));padding-inline:var(--page-gutter);margin-inline:auto}.icon{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin:0}h1,h2,h3{min-width:0;font-family:var(--font-display);overflow-wrap:anywhere;font-style:normal}h1{letter-spacing:-.055em;max-width:12ch;font-size:clamp(3.1rem,5vw + .4rem,5.25rem);font-weight:700;line-height:1.02}h1 span{color:var(--color-accent)}h2{letter-spacing:-.04em;font-size:clamp(1.9rem,3vw,2.75rem);font-weight:600;line-height:1.12}h3{font-size:1rem;font-weight:600;line-height:1.3}.site-header{z-index:var(--z-sticky);border-block-end:1px solid var(--color-rule-soft);background:var(--color-paper);position:relative}.nav-layout{align-items:center;gap:var(--space-lg);grid-template-columns:1fr auto;min-height:5rem;display:grid}.brand{align-items:center;gap:var(--space-sm);min-height:2.75rem;font-family:var(--font-outlier);letter-spacing:-.04em;white-space:nowrap;font-size:1.05rem;font-weight:500;text-decoration:none;display:inline-flex}.brand-mark{fill:none;width:2.1rem;stroke:var(--color-accent);stroke-linecap:square;stroke-linejoin:bevel;stroke-width:3px}.desktop-nav{display:none}.desktop-nav a,.site-footer nav a{min-height:2.75rem;color:var(--color-ink-2);white-space:nowrap;align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.button{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap;min-height:3.2rem;transition:transform var(--dur-micro) var(--ease-out), background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);border:1px solid #0000;padding-inline:1.25rem;font-size:.92rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.button:active{transform:translateY(0)}.button--primary{background:var(--color-accent);color:var(--color-accent-ink)}.button--secondary{border-color:var(--color-rule);background:var(--color-paper-3);color:var(--color-ink)}.button--compact{min-height:2.8rem;padding-inline:.9rem}.button--compact .chrome-mark{display:none}.chrome-mark{background:conic-gradient(var(--color-chrome-red) 0 33%, var(--color-chrome-yellow) 0 52%, var(--color-chrome-green) 0 67%, var(--color-chrome-blue) 0);border-radius:50%;flex:none;place-items:center;width:1.45rem;height:1.45rem;display:inline-grid;position:relative}.chrome-mark i{border:2px solid var(--color-ink);background:var(--color-chrome-blue);border-radius:50%;width:43%;height:43%}.hero{gap:var(--space-2xl);padding-block:clamp(4rem,8vw,8rem) clamp(4rem,7vw,7rem);display:grid}.hero-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.pill{min-height:2rem;padding-inline:var(--space-md);border:1px solid var(--color-rule);color:var(--color-accent);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;margin-block-end:var(--space-xl);font-size:.7rem;font-weight:600;display:inline-flex}.hero-copy>p{max-width:39rem;color:var(--color-ink-2);margin-block-start:var(--space-lg);font-size:clamp(1rem,1.4vw,1.15rem)}.hero-actions{gap:var(--space-sm);flex-wrap:wrap;margin-block-start:var(--space-xl);display:flex}.trust-row{gap:var(--space-lg) var(--space-xl);color:var(--color-muted);flex-wrap:wrap;margin-block-start:var(--space-xl);font-size:.78rem;display:flex}.trust-row span{align-items:center;gap:var(--space-xs);white-space:nowrap;display:inline-flex}.hero-visual{align-self:center;min-width:0}.hero-photo{aspect-ratio:1.3;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-3);margin:0;overflow:clip}.hero-photo img{object-fit:cover;object-position:52% center;width:100%;height:100%;display:block}.preview-placeholder{aspect-ratio:16/10;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-3);grid-template-rows:1fr auto;min-width:0;margin:0;display:grid;position:relative;overflow:clip}.preview-placeholder__grid{opacity:.45;background-image:linear-gradient(var(--color-rule-soft) 1px, transparent 1px), linear-gradient(90deg, var(--color-rule-soft) 1px, transparent 1px), linear-gradient(135deg, transparent 49.8%, var(--color-rule) 50%, transparent 50.2%);background-size:2rem 2rem,2rem 2rem,100% 100%;position:absolute;inset:0}.preview-placeholder__label{z-index:1;align-self:center;align-items:center;gap:var(--space-xs);color:var(--color-muted);text-align:center;flex-direction:column;display:flex;position:relative}.preview-placeholder__label span,.preview-placeholder figcaption{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:600}.preview-placeholder__label strong{color:var(--color-ink-2);font-size:clamp(.9rem,2vw,1.15rem);font-weight:500}.preview-placeholder figcaption{z-index:1;padding:var(--space-sm) var(--space-md);border-block-start:1px solid var(--color-rule);color:var(--color-muted);background:var(--color-paper-2);position:relative}.section{padding-block:var(--space-3xl)}.section--features{border-block:1px solid var(--color-rule-soft);background:var(--color-paper-2)}.section-heading{align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;margin-block-end:var(--space-2xl);display:flex}.section-heading>span,.testimonial-heading>span{color:var(--color-accent);font-family:var(--font-body);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:600}.section-heading h2{max-width:32ch}.feature-list{grid-template-columns:minmax(0,1fr);display:grid}.feature{gap:var(--space-md);min-width:0;padding-block:var(--space-lg);border-block-end:1px solid var(--color-rule-soft);grid-template-columns:auto minmax(0,1fr);display:grid}.feature>.icon{color:var(--color-accent);grid-row:1/span 2}.feature p,.step-copy p,.install-copy p{color:var(--color-muted);font-size:.88rem}.section--workflow{padding-block-start:var(--space-2xl)}.section-heading--rule{margin-block-end:var(--space-xl);position:relative}.section-heading--rule:before{background:var(--color-rule);content:"";height:1px;position:absolute;inset:50% 0 auto}.section-heading--rule span{z-index:1;padding-inline:var(--space-lg);background:var(--color-paper);position:relative}.workflow-list{gap:var(--space-xl);display:grid}.workflow-step{min-width:0;position:relative}.step-number{z-index:2;color:var(--color-surface);letter-spacing:-.08em;font-size:clamp(5rem,12vw,9rem);font-weight:700;line-height:1;position:absolute;inset:-1rem auto auto -.25rem}.workflow-step .preview-placeholder{aspect-ratio:16/9;margin-block-start:var(--space-2xl)}.step-copy{z-index:3;padding:var(--space-lg) var(--space-sm) 0;position:relative}.step-copy h3{color:var(--color-accent);margin-block-end:var(--space-xs)}.section--testimonials{padding-block:var(--space-4xl) var(--space-3xl);background:var(--color-paper-2)}.testimonial-layout{gap:var(--space-2xl);display:grid}.testimonial-heading{gap:var(--space-md);flex-direction:column;display:flex}.testimonial-heading h2{max-width:17ch}.quote-list{gap:var(--space-md);display:grid}blockquote{justify-content:space-between;gap:var(--space-lg);min-width:0;min-height:13rem;padding:var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-3);flex-direction:column;margin:0;display:flex}blockquote p{color:var(--color-ink-2);font-size:.9rem}blockquote footer{align-items:center;gap:var(--space-sm);display:flex}blockquote footer>span:last-child{flex-direction:column;display:flex}blockquote footer strong{font-size:.82rem}blockquote footer small{color:var(--color-muted);font-size:.72rem}.avatar{border:1px solid var(--color-rule);width:2.25rem;height:2.25rem;color:var(--color-accent);background:var(--color-paper);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.section--pricing{border-block-start:1px solid var(--color-rule-soft)}.pricing-layout{gap:var(--space-xl);align-items:center;display:grid}.pricing-copy{gap:var(--space-md);flex-direction:column;display:flex}.pricing-copy>span,.pricing-plan{color:var(--color-accent);letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:600}.pricing-copy h2{max-width:17ch}.pricing-card{align-items:flex-start;gap:var(--space-md);min-width:0;padding:var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-3);flex-direction:column;display:flex}.pricing-price{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(2.5rem,6vw,4rem);line-height:1}.pricing-card p{max-width:45ch;color:var(--color-muted);font-size:.9rem}.install{align-items:center;gap:var(--space-lg);margin-block:var(--space-2xl);padding-block:var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-md);background-image:linear-gradient(100deg, var(--color-paper-3), var(--color-paper-2));display:grid}.install-mark .brand span{display:none}.install-mark .brand{justify-content:center;width:2.75rem}.install-copy h2{margin-block-end:var(--space-xs);font-size:clamp(1.5rem,3vw,2rem)}.install .button{justify-self:start}.site-footer{padding-block:var(--space-xl);border-block-start:1px solid var(--color-rule-soft);background:var(--color-paper-2)}.footer-layout{gap:var(--space-md);color:var(--color-muted);font-size:.78rem;display:grid}.site-footer .brand{color:var(--color-ink)}.site-footer nav{gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.site-footer nav a{min-width:2.75rem;padding-inline:var(--space-xs);justify-content:center}.footer-note{max-width:45ch}.reveal{opacity:0;animation:reveal var(--dur-long) var(--ease-out) forwards;animation-delay:var(--delay);transform:translateY(8px)}@keyframes reveal{to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}.button--primary:hover{background:var(--color-accent-strong)}.button--secondary:hover{border-color:var(--color-muted);background:var(--color-surface)}.desktop-nav a:hover,.site-footer nav a:hover{color:var(--color-ink)}}@media (width>=40rem){.nav-layout{grid-template-columns:1fr auto}.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}.feature-list{gap:0 var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-list{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr))}.quote-list{grid-template-columns:repeat(3,minmax(0,1fr))}.install{grid-template-columns:auto minmax(0,1fr) auto}.install .button{justify-self:end}.footer-layout{grid-template-columns:auto minmax(12rem,1fr) auto;align-items:center}.footer-note{grid-column:2/-1}}@media (width>=62rem){.nav-layout{grid-template-columns:1fr auto 1fr}.desktop-nav{justify-content:center;align-items:center;gap:clamp(1.25rem,2.5vw,2.5rem);display:flex}.nav-layout>.button{justify-self:end}.button--compact .chrome-mark{display:inline-grid}.hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,6vw,7rem);min-height:40rem;padding-block:clamp(3rem,4vw,3.5rem) clamp(4rem,6vw,4.75rem)}.hero-visual{margin-inline-end:calc(var(--page-gutter) * -.45)}.hero-photo{aspect-ratio:1.32}.feature-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.feature{gap:var(--space-sm);min-height:12rem;padding:0 var(--space-lg);border-block-end:0;border-inline-end:1px solid var(--color-rule);text-align:center;flex-direction:column;display:flex}.feature:first-child{padding-inline-start:0}.feature:last-child{border-inline-end:0;padding-inline-end:0}.feature>.icon{margin-block-end:var(--space-md);margin-inline:auto}.testimonial-layout{grid-template-columns:minmax(14rem,.7fr) minmax(0,1.5fr);align-items:start}.pricing-layout{grid-template-columns:minmax(0,.8fr) minmax(20rem,1fr)}.footer-layout{grid-template-columns:auto minmax(10rem,.7fr) auto minmax(16rem,1fr)}.footer-note{text-align:end;grid-column:auto;justify-self:end}}@media (width<=25rem){.nav-layout>.button{width:2.8rem;padding:0}.nav-layout>.button span{display:none}.nav-layout>.button .chrome-mark{display:inline-grid}.hero-actions,.hero-actions .button{width:100%}.trust-row{gap:var(--space-sm);display:grid}}@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.reveal{opacity:1;animation:none;transform:none}}