@layer theme,base,components;@layer page{.hero{padding:150px 30px 0}.hero__crumb{letter-spacing:var(--ss-track-text);color:var(--ss-text-mute);align-items:center;gap:14px;font-size:14px;display:flex}.hero__crumb a{color:var(--ss-text-mute)}.hero__crumb-current{color:var(--ss-ink)}.hero__crumb-tag{margin-left:8px;font-size:13px}.hero__title{letter-spacing:var(--ss-track-display);font-size:clamp(3.5rem,9vw,8rem);line-height:var(--ss-lh-display);margin:22px 0 0}.hero__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:30px;display:flex}.hero__sub{max-width:44ch;margin:0;font-size:19px;line-height:1.45}.hero__video-frame{background:var(--ss-ink);border-radius:var(--ss-radius-card);margin-top:56px;padding:8px}.hero__mock{aspect-ratio:16/9;border-radius:6px}.hero__video{aspect-ratio:21/9;background:repeating-linear-gradient(45deg,#f2f1ec0f 0 12px,#f2f1ec00 12px 24px);border:1px solid #f2f1ec1a;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.hero__play{border-radius:var(--ss-radius-pill);background:var(--ss-green);width:64px;height:64px;color:var(--ss-ink);justify-content:center;align-items:center;font-size:18px;display:flex}.hero__video-label{letter-spacing:var(--ss-track-text);color:#f2f1ec66;font-size:13px}.why{padding:120px 30px 0}.why__row{border-top:1px solid var(--ss-hairline);grid-template-columns:80px minmax(200px,340px) 1fr;align-items:baseline;gap:36px;padding:34px 0;display:grid}.why__row--last{border-bottom:1px solid var(--ss-hairline)}.why__num{font-family:var(--ss-font-display);font-size:18px;font-weight:var(--ss-w-medium);letter-spacing:var(--ss-track-btn);color:var(--ss-green-deep)}.why__title{letter-spacing:var(--ss-track-head);margin:0;font-size:26px;line-height:1.1}.why__copy{max-width:52ch;margin:0;font-size:16px;line-height:1.5}.features{padding:140px 30px 0}.features__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.features__grid{grid-template-columns:repeat(2,1fr)}}.ss-card--inset{padding:8px;overflow:visible}.feature__body{padding:20px 16px 16px}.feature__body h3{letter-spacing:var(--ss-track-head);margin:0 0 6px;font-size:20px}.feature__body p{max-width:none;margin:0;font-size:14.5px;line-height:1.5}.where{margin-top:140px;padding:120px 30px}.where .section-title{margin-bottom:48px}.where__grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;display:grid}.where__card{background:var(--ss-ink-2);border-radius:var(--ss-radius-card);border:1px solid #f2f1ec1a;padding:8px}.where__body{padding:22px 18px 18px}.where__body h3{letter-spacing:var(--ss-track-head);color:var(--ss-inverse);margin:0 0 8px;font-size:22px}.where__body p{max-width:none;margin:0;font-size:15px;line-height:1.5}.pricing{padding:140px 30px 0}.pricing__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;max-width:900px;display:grid}.price-card{background:var(--ss-surface);border:1px solid var(--ss-hairline);border-radius:var(--ss-radius-card);flex-direction:column;gap:18px;padding:30px 28px;display:flex}.price-card--dark{background:var(--ss-ink);color:var(--ss-inverse);border-color:var(--ss-ink)}.price-card__head{justify-content:space-between;align-items:center;display:flex}.price-card__name{letter-spacing:var(--ss-track-head);margin:0;font-size:22px}.price-card--dark .price-card__name{color:var(--ss-inverse)}.price-card__tag{background:var(--ss-green);color:var(--ss-ink);font-size:12px}.price-card__price{align-items:baseline;gap:8px;display:flex}.price-card__amount{font-family:var(--ss-font-display);font-size:52px;font-weight:var(--ss-w-medium);letter-spacing:-.04em;color:var(--ss-ink);line-height:1}.price-card--dark .price-card__amount{color:var(--ss-inverse)}.price-card__per{letter-spacing:var(--ss-track-text);color:var(--ss-text-mute);font-size:14px}.price-card--dark .price-card__per{color:var(--ss-inverse-soft)}.price-card__desc{max-width:none;margin:0;font-size:15px;line-height:1.5}.price-card--dark .price-card__desc{color:#f2f1eca6}.price-card__foot{margin-top:auto}.price-card__line{border-top:1px solid var(--ss-hairline);letter-spacing:var(--ss-track-text);justify-content:space-between;padding:12px 0;font-size:14.5px;display:flex}.price-card__line span:first-child{font-weight:var(--ss-w-medium);color:var(--ss-ink)}.price-card__line span:last-child{color:var(--ss-text-soft)}.price-card--dark .price-card__line{border-top-color:#f2f1ec24}.price-card--dark .price-card__line span:first-child{color:var(--ss-inverse)}.price-card--dark .price-card__line span:last-child{color:#f2f1eca6}.price-card__cta{margin-top:20px}.tiers{background:var(--ss-surface);border:1px solid var(--ss-hairline);border-radius:var(--ss-radius-card);overflow:hidden}.tiers__table{border-collapse:collapse;width:100%;letter-spacing:var(--ss-track-text);font-size:15.5px}.tiers__table th,.tiers__table td{text-align:left;vertical-align:middle;border-top:1px solid var(--ss-hairline);padding:18px 28px}.tiers__table thead th{font-size:13px;font-weight:var(--ss-w-medium);color:var(--ss-text-mute);background:var(--ss-canvas);border-top:0;padding-top:22px;padding-bottom:14px}.tiers__table tbody tr{transition:background var(--ss-dur) var(--ss-ease)}@media (hover:hover){.tiers__table tbody tr:hover{background:#17140f06}}.tiers__orders{font-weight:var(--ss-w-medium);color:var(--ss-ink)}.tiers__unit{color:var(--ss-text-mute)}.tiers__table td{color:var(--ss-text-soft)}.tiers__table .tiers__price{text-align:right;white-space:nowrap}.tiers__amount{font-family:var(--ss-font-display);font-size:22px;font-weight:var(--ss-w-medium);letter-spacing:-.03em;color:var(--ss-ink)}.tiers__per{color:var(--ss-text-mute);margin-left:2px;font-size:13px}.tiers__free{font-size:12px}.tiers__row--free td{background:var(--ss-green-tint)}.tiers__row--free .tiers__orders{color:var(--ss-green-deep)}.tiers__foot{border-top:1px solid var(--ss-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;display:flex}.tiers__foot p{color:var(--ss-text-soft);max-width:52ch;margin:0;font-size:14.5px;line-height:1.5}@media (width<=640px){.tiers__table thead{display:none}.tiers__table,.tiers__table tbody,.tiers__table tr,.tiers__table td{display:block}.tiers__table tr{border-top:1px solid var(--ss-hairline);grid-template-columns:1fr 1fr;gap:6px 16px;padding:18px 20px;display:grid}.tiers__table tr:first-child{border-top:0}.tiers__table td,.tiers__table .tiers__row--free td{background:0 0;border:0;padding:0}.tiers__table td:before{content:attr(data-label);color:var(--ss-text-mute);margin-bottom:2px;font-size:12px;display:block}.tiers__table td:first-child{grid-area:1/1}.tiers__table td:first-child:before{display:none}.tiers__table td:first-child .tiers__orders{font-size:17px}.tiers__table td.tiers__price{text-align:right;grid-area:1/2}.tiers__table td.tiers__price:before{display:none}.tiers__table td:nth-child(2){grid-row:2}.tiers__table td:nth-child(3){text-align:right;grid-row:2}.tiers__row--free{background:var(--ss-green-tint)}.tiers__foot{padding:20px}}@media (width<=900px){.why__row{grid-template-columns:44px 1fr}.why__copy{grid-column:2}}@media (width<=640px){.hero{padding-top:120px}.features__grid,.where__grid,.pricing__grid{grid-template-columns:1fr}}.features__grid .mock,.where__card .mock{aspect-ratio:16/10;border-radius:6px}}@layer utilities;
