*{box-sizing:border-box}html{color:#111;background:#fff;font-family:var(--font-sans)}body{margin:0;min-height:100svh;display:grid;grid-template-rows:auto 1fr 48px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 36px}a{color:inherit;text-decoration:none}a:hover,summary:hover{text-decoration:underline}header>a:first-child{font-size:24px;font-weight:600;letter-spacing:-1px}header>a:last-child{font-size:14px}main{text-align:center;padding:48px 24px;align-self:center}h1{font-size:clamp(44px,7vw,88px);line-height:1.06;font-weight:500;letter-spacing:-.055em;margin:0 0 28px}p{font-size:clamp(16px,2vw,19px);line-height:1.6;margin:0 auto;max-width:490px}.action{display:inline-block;margin-top:32px;padding:12px 18px;border:1px solid #111;font-size:15px}details{margin:28px auto 0;max-width:430px}summary{cursor:pointer;font-size:13px;list-style:none}summary::-webkit-details-marker{display:none}details p{font-size:14px;margin-top:16px}footer{text-align:center;font-size:12px;padding:24px}a:focus-visible,summary:focus-visible{outline:2px solid #111;outline-offset:5px}@media(max-width:600px){header{padding:24px}footer{font-size:11px}}

header .sign-in{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 40px;background:#111;color:#fff;font-weight:400}header .sign-in:hover{background:#333;text-decoration:none}

.pricing-link{display:block;margin-top:24px;font-size:14px}

/* Landing hero: scoped so billing and pricing pages retain their own layout. */
.landing-hero{width:100%;padding:64px 24px 96px}
.landing-hero h1{font-size:84px;line-height:1.075;letter-spacing:-.04em;font-weight:400;margin:0 auto 24px;max-width:1300px}
.landing-hero p{color:#404040;font-size:clamp(18px,2vw,24px);line-height:1.55;max-width:1100px;text-wrap:balance}
.hero-actions{display:grid;grid-template-rows:minmax(46px,auto);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:fit-content;max-width:100%;gap:12px;margin:32px auto 0}
.hero-actions [data-slot="button"]{width:100%;min-width:0}
@media(min-width:601px) and (max-width:1023px){.landing-hero h1{font-size:64px}}
@media(max-width:600px){.landing-hero{padding:48px 28px 64px;text-align:left}.landing-hero h1{font-size:60px;line-height:1.1;margin-bottom:16px}.landing-hero p{font-size:24px;line-height:1.4;text-wrap:balance}.hero-actions{grid-template-columns:1fr;grid-template-rows:minmax(46px,auto) minmax(44px,auto);width:100%;margin-top:24px}.hero-actions [data-slot="button"]{padding-inline:12px}}

/* Component utilities set button sizing; links keep their native navigation. */
[data-slot="button"], [data-slot="button"]:hover{text-decoration:none}
[data-slot="button"][data-variant="outline"]{border-style:solid}

@media(max-width:360px){.landing-hero h1{font-size:56px}}