.csx{--csx-ease:cubic-bezier(.77, 0, .175, 1);--csx-ease-out:cubic-bezier(.22, 1, .36, 1);--csx-reveal-dur:1s;--csx-chapter:clamp(64px, 14vw, 210px);--csx-section-y:clamp(88px, 12vw, 176px);--csx-gutter:clamp(20px, 5vw, 96px);--csx-hair:color-mix(in srgb, var(--csx-ink) 18%, transparent);--csx-hair-dark:color-mix(in srgb, var(--csx-accent) 26%, transparent);font-family:var(--csx-font-body);color:var(--csx-ink);background:var(--csx-light);font-size:17px;line-height:1.55;overflow-x:clip}.csx ::selection{background:var(--csx-accent);color:var(--csx-dark-deep)}.csx-mono{letter-spacing:.15em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500}.csx-mono--accent{color:var(--csx-accent-ink)}.csx-mono--bright{color:var(--csx-accent-bright)}.csx-mono--softdark{color:var(--csx-on-dark-soft)}.csx [data-reveal]{transition:opacity var(--csx-reveal-dur) var(--csx-ease-out), transform var(--csx-reveal-dur) var(--csx-ease-out);transition-delay:var(--d,0s)}.csx [data-reveal=pending]{opacity:0;transform:translateY(28px)}.csx [data-reveal=pending][data-reveal-var=fade]{transform:none}.csx [data-reveal=shown]{opacity:1;transform:none}.csx .csx-words .csx-w{vertical-align:bottom;display:inline-block;overflow:hidden}.csx .csx-words i{font-style:inherit;transition:transform 1.05s var(--csx-ease);transition-delay:calc(var(--i) * 70ms);display:inline-block;transform:translateY(112%)}.csx .csx-words[data-reveal=shown] i{transform:none}.csx-hero{background:var(--csx-dark);min-height:100svh;color:var(--csx-on-dark);padding:clamp(24px, 4vw, 48px) var(--csx-gutter);flex-direction:column;justify-content:space-between;display:flex;position:relative}.csx-hero:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 80% 0%, color-mix(in srgb, var(--csx-accent) 10%, transparent), transparent 60%);position:absolute;inset:0}.csx-hero__top{color:var(--csx-on-dark-soft);justify-content:space-between;gap:24px;display:flex}.csx-hero__top .csx-brand{color:var(--csx-accent)}.csx-hero__mid{z-index:1;position:relative}.csx-hero__kicker{color:var(--csx-accent-bright);margin-bottom:clamp(16px,3vw,28px)}.csx-hero h1{font-family:var(--csx-font-display);letter-spacing:-.015em;color:var(--csx-on-dark);max-width:12ch;font-size:clamp(44px,8.6vw,132px);font-weight:500;line-height:.98}.csx-hero h1 em,.csx-em{color:var(--csx-accent-bright);font-style:italic;font-weight:400}.csx-hero__tagline{max-width:52ch;color:var(--csx-on-dark-soft);margin-top:clamp(20px,3vw,36px);font-size:clamp(16px,1.4vw,19px)}.csx-hero__meta{border-top:1px solid var(--csx-hair-dark);color:var(--csx-on-dark-soft);z-index:1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 24px;padding-top:20px;display:grid;position:relative}.csx-hero__meta b{color:var(--csx-on-dark);font-weight:400;font-family:var(--csx-font-body);letter-spacing:0;text-transform:none;margin-top:6px;font-size:14px;display:block}.csx-chapter{padding:var(--csx-section-y) var(--csx-gutter) calc(var(--csx-section-y) * .6);position:relative}.csx-chapter--deep{background:var(--csx-light-deep)}.csx-chapter__word{font-family:var(--csx-font-display);font-style:italic;font-weight:400;font-size:var(--csx-chapter);color:#0000;-webkit-text-stroke:1px var(--csx-hair);-webkit-user-select:none;user-select:none;pointer-events:none;right:var(--csx-gutter);white-space:nowrap;z-index:1;line-height:1;position:absolute;top:0;transform:translateY(-52%)}.csx-chapter__num{font-family:var(--csx-font-display);color:var(--csx-accent);opacity:.55;font-size:clamp(72px,9vw,150px);font-style:italic;line-height:1}.csx-chapter h2{font-family:var(--csx-font-display);letter-spacing:-.01em;max-width:18ch;margin:18px 0 26px;font-size:clamp(34px,4.6vw,68px);font-weight:500;line-height:1.05}.csx-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(28px,5vw,88px);display:grid}.csx-grid .csx-lede{color:var(--csx-ink);max-width:46ch;font-size:clamp(17px,1.5vw,20px)}.csx-grid .csx-rest{color:var(--csx-ink-soft);max-width:58ch}.csx-grid .csx-rest p+p{margin-top:1em}@media (max-width:820px){.csx-grid{grid-template-columns:1fr}}.csx-ledger{border-top:1px solid var(--csx-hair)}.csx-ledger__row{border-bottom:1px solid var(--csx-hair);grid-template-columns:72px minmax(0,5fr) minmax(0,7fr);align-items:baseline;gap:16px clamp(16px,3vw,48px);padding:clamp(20px,3vw,34px) 0;display:grid}.csx-ledger__num{color:var(--csx-accent-ink);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.csx-ledger__what{font-family:var(--csx-font-display);font-size:clamp(20px,2vw,27px);font-weight:500;line-height:1.2}.csx-ledger__how{color:var(--csx-ink-soft);font-size:15.5px}@media (max-width:820px){.csx-ledger__row{grid-template-columns:48px 1fr}.csx-ledger__how{grid-column:2}}.csx-work__intro{color:var(--csx-ink-soft);max-width:52ch;margin-bottom:clamp(36px,5vw,64px);font-size:clamp(16px,1.4vw,19px)}.csx-mockups{grid-template-columns:repeat(12,1fr);align-items:end;gap:clamp(20px,3vw,44px);display:grid}.csx-mockup{margin:0}.csx-mockup--browser{grid-column:span 8}.csx-mockup--phone{grid-column:span 4}@media (max-width:820px){.csx-mockup--browser{grid-column:span 12}.csx-mockup--phone{grid-column:span 7}}.csx-frame{background:var(--csx-dark);box-shadow:0 24px 60px -24px color-mix(in srgb, var(--csx-dark-deep) 55%, transparent);border:1px solid var(--csx-hair);border-radius:14px;padding:0;overflow:hidden}.csx-frame__bar{background:var(--csx-dark-deep);align-items:center;gap:6px;padding:10px 14px;display:flex}.csx-frame__dot{background:color-mix(in srgb, var(--csx-on-dark) 28%, transparent);border-radius:50%;width:9px;height:9px}.csx-frame__url{letter-spacing:.06em;max-width:340px;color:var(--csx-on-dark-soft);background:color-mix(in srgb, var(--csx-on-dark) 8%, transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;margin-left:10px;padding:4px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;overflow:hidden}.csx-frame__shot{aspect-ratio:16/10;position:relative}.csx-frame__shot img{object-fit:cover;object-position:top}.csx-phone{border:1px solid var(--csx-hair);background:var(--csx-dark-deep);box-shadow:0 24px 60px -24px color-mix(in srgb, var(--csx-dark-deep) 55%, transparent);border-radius:clamp(24px,3vw,38px);padding:clamp(8px,1vw,12px)}.csx-phone__shot{aspect-ratio:390/780;border-radius:clamp(18px,2.2vw,28px);position:relative;overflow:hidden}.csx-phone__shot img{object-fit:cover;object-position:top}.csx-mockup figcaption{color:var(--csx-ink-soft);margin-top:14px}.csx-result{background:var(--csx-dark);color:var(--csx-on-dark)}.csx-result .csx-chapter__word{-webkit-text-stroke-color:var(--csx-hair-dark)}.csx-result h2,.csx-result .csx-lede{color:var(--csx-on-dark)}.csx-result .csx-rest{color:var(--csx-on-dark-soft)}.csx-stats{border-top:1px solid var(--csx-hair-dark);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 clamp(24px,4vw,64px);margin-top:clamp(40px,6vw,72px);display:grid}.csx-stat{border-bottom:1px solid var(--csx-hair-dark);padding:clamp(24px,3vw,40px) 0}.csx-stat__value{font-family:var(--csx-font-display);color:var(--csx-on-dark);letter-spacing:-.01em;font-size:clamp(44px,5vw,76px);font-weight:400;line-height:1}.csx-stat__value small{color:var(--csx-accent-bright);letter-spacing:0;font-size:.42em;font-style:italic}.csx-stat__label{color:var(--csx-on-dark-soft);margin-top:12px}.csx-chart{margin:clamp(48px,7vw,96px) 0 0}.csx-chart__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.csx-chart svg{width:100%;height:auto;display:block}.csx-chart .csx-axis{stroke:var(--csx-hair-dark);stroke-width:1px}.csx-chart .csx-grid-label{fill:var(--csx-on-dark-soft);letter-spacing:.08em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.csx-chart .csx-pt-label{fill:var(--csx-accent-bright);letter-spacing:.06em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px}.csx-chart .csx-line{fill:none;stroke:var(--csx-accent);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.6s var(--csx-ease) .15s}.csx-chart .csx-area{opacity:0;transition:opacity .9s var(--csx-ease-out) .9s}.csx-chart .csx-dot{fill:var(--csx-accent-bright);opacity:0;transition:opacity .5s var(--csx-ease-out)}.csx-chart[data-reveal=shown] .csx-line{stroke-dashoffset:0}.csx-chart[data-reveal=shown] .csx-area,.csx-chart[data-reveal=shown] .csx-dot{opacity:1}.csx-chart[data-reveal=shown] .csx-dot:first-of-type{transition-delay:.3s}.csx-chart[data-reveal=shown] .csx-dot:nth-of-type(2){transition-delay:.6s}.csx-chart[data-reveal=shown] .csx-dot:nth-of-type(3){transition-delay:.9s}.csx-chart[data-reveal=shown] .csx-dot:nth-of-type(4){transition-delay:1.2s}.csx-chart[data-reveal=shown] .csx-dot:nth-of-type(5){transition-delay:1.5s}.csx-chart[data-reveal=shown] .csx-dot:nth-of-type(6){transition-delay:1.8s}.csx-chart[data-reveal=shown] .csx-dot:nth-of-type(7){transition-delay:2.1s}.csx-chart[data-reveal=shown] .csx-dot:nth-of-type(8){transition-delay:2.4s}.csx-chart__note{color:var(--csx-on-dark-soft);margin-top:14px;font-size:13px}.csx-outro{background:var(--csx-dark-deep);color:var(--csx-on-dark);padding:var(--csx-section-y) var(--csx-gutter);text-align:center}.csx-outro .csx-big{font-family:var(--csx-font-display);letter-spacing:-.01em;max-width:24ch;margin:20px auto 36px;font-size:clamp(28px,4vw,56px);font-weight:500;line-height:1.15}.csx-outro .csx-cta{font-family:var(--csx-font-body);color:var(--csx-dark-deep);background:var(--csx-accent);transition:background .3s var(--csx-ease-out), transform .3s var(--csx-ease-out);border-radius:999px;padding:14px 30px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.csx-outro .csx-cta:hover{background:var(--csx-accent-bright);transform:translateY(-2px)}.csx-outro .csx-next{border-top:1px solid var(--csx-hair-dark);text-align:left;justify-content:space-between;align-items:baseline;gap:16px;margin-top:clamp(40px,6vw,72px);padding-top:28px;display:flex}.csx-outro .csx-next a{font-family:var(--csx-font-display);color:var(--csx-on-dark);font-size:clamp(20px,2.4vw,32px);text-decoration:none}.csx-outro .csx-next a:hover{color:var(--csx-accent-bright)}.csx-outro .csx-wordmark{font-family:var(--csx-font-display);color:#0000;-webkit-text-stroke:1px var(--csx-hair-dark);margin-top:clamp(56px,8vw,112px);font-size:clamp(40px,7vw,96px);font-style:italic;font-weight:400;line-height:1}@media (prefers-reduced-motion:reduce){.csx [data-reveal],.csx .csx-words i,.csx-chart .csx-line,.csx-chart .csx-area,.csx-chart .csx-dot{transition:none!important}.csx [data-reveal=pending]{opacity:1;transform:none}.csx .csx-words i{transform:none}.csx-chart .csx-line{stroke-dashoffset:0}.csx-chart .csx-area,.csx-chart .csx-dot{opacity:1}}