.cs{--cs-night:#07111f;--cs-ink:#101b2d;--cs-blue:#145ee1;--cs-sky:#93b8ff;overflow-x:clip}.cs-eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700;color:#60a5fa!important}.cs-section-title{max-width:18ch;font-size:clamp(32px,4.4vw,58px);margin:16px 0 48px!important}.cs-hero{color:#fff;isolation:isolate;background:0 0;padding:48px 0 110px;position:relative}.cs-hero-glow{z-index:-1;background:radial-gradient(40% 50% at 78% 35%,#145ee18c,#0000 70%),radial-gradient(30% 40% at 15% 80%,#93b8ff2e,#0000 70%);height:120%;animation:12s ease-in-out infinite alternate cs-glow;position:absolute;inset:-20% -10% auto}.cs-hero:after{content:"";z-index:-1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.cs-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:56px;display:grid}.cs-back{align-items:center;gap:8px;margin-bottom:52px;font-size:13px;transition:color .2s;display:inline-flex;color:#ffffffa6!important}.cs-back:hover{color:#fff!important}.cs-hero .cs-eyebrow{color:var(--cs-sky)}.cs-hero h1{overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none;background:linear-gradient(100deg, #fff 40%, var(--cs-sky));color:#0000;-webkit-background-clip:text;background-clip:text;margin:18px 0 14px;font-size:clamp(38px,4.3vw,66px)}.cs-title{letter-spacing:-.03em;color:#ffffffe6;font-size:clamp(19px,1.8vw,24px)}.cs-lead{color:#ffffffa8;max-width:48ch;font-size:16.5px;line-height:1.75;margin-top:22px!important}.cs-hero-copy>*{animation:.9s cubic-bezier(.22,1,.36,1) both cs-rise}.cs-hero-copy>:nth-child(2){animation-delay:80ms}.cs-hero-copy>:nth-child(3){animation-delay:.16s}.cs-hero-copy>:nth-child(4){animation-delay:.24s}.cs-hero-copy>:nth-child(5){animation-delay:.32s}.cs-hero-copy>:nth-child(6){animation-delay:.4s}.cs-hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.cs-button{background:#fff;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex;color:var(--cs-ink)!important}.cs-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #145ee159}.cs-button.ghost{background:0 0;border:1px solid #ffffff40;color:#fff!important}.cs-hero-stage{perspective:1600px;animation:1.2s cubic-bezier(.22,1,.36,1) .15s both cs-stage;position:relative}.cs-float{animation:7s ease-in-out infinite cs-float}.cs-float-phone{width:26%;animation-duration:6s;animation-delay:-3.5s;position:absolute;bottom:-70px;right:-18px}.cs-browser{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #101b2d14,0 30px 80px -20px #07111f73}.cs-hero .cs-browser{box-shadow:0 0 0 1px #ffffff1f,0 50px 120px -30px #000c}.cs-browser-bar{background:#eef1f6;border-bottom:1px solid #e1e6ee;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.cs-browser-bar span{background:#d3d9e3;border-radius:50%;width:10px;height:10px}.cs-browser-bar span:first-child{background:#ff6159}.cs-browser-bar span:nth-child(2){background:#ffbd2e}.cs-browser-bar span:nth-child(3){background:#28c941}.cs-browser-bar em{text-align:center;color:#637894;background:#fff;border-radius:6px;flex:1;max-width:320px;margin-inline:auto;padding:3px 10px;font-size:11px;font-style:normal;translate:-18px}.cs-section-title,.cs-title{color:var(--pd-text)!important}.cs-lead{color:var(--pd-muted)!important}.cs-mobile figcaption,.cs-phones figcaption{color:var(--pd-soft)!important}.cs-browser img,.cs-phone img{width:100%;height:auto;display:block}.cs-phone{background:#0b1424;border-radius:30px;padding:7px;box-shadow:0 0 0 1px #ffffff1a,0 40px 80px -20px #0009}.cs-phone img{border-radius:24px}.cs-trust{color:#fff;background:linear-gradient(90deg,#1d4ed8,#3b82f6 60%,#6366f1)}.cs-trust-inner{align-items:center;gap:28px;padding-block:22px;display:flex}.cs-trust p,.cs-trust strong,.cs-marquee span{color:#fff!important}.cs-trust p{letter-spacing:.14em;text-transform:uppercase;opacity:.75;white-space:nowrap;font-size:11px;font-weight:700}.cs-trust strong{letter-spacing:-.03em;white-space:nowrap;font-size:22px}.cs-marquee{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.cs-marquee>div{gap:40px;width:max-content;animation:28s linear infinite cs-marquee;display:flex}.cs-marquee span{opacity:.85;white-space:nowrap;font-size:14px}.cs-marquee span:before{content:"✦";opacity:.5;margin-right:40px}.cs-story{grid-template-columns:repeat(3,1fr);gap:28px;padding-block:110px 90px;display:grid}.cs-chapter{border:1px solid var(--pd-line);background:var(--pd-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;height:100%;padding:34px 30px;transition:transform .35s,box-shadow .35s}.cs-chapter:hover{transform:translateY(-6px);box-shadow:0 24px 60px -30px #145ee166}.cs-chapter span{color:#60a5fa;font-size:13px;font-weight:700}.cs-chapter h2{margin:14px 0 16px;font-size:26px;color:var(--pd-text)!important}.cs-chapter p{white-space:pre-line;color:var(--pd-muted);line-height:1.8}.cs-screens{padding-block:40px 100px}.cs-screen-list{gap:90px;display:grid}.cs-screen{grid-template-columns:minmax(0,1.6fr) minmax(0,.6fr);align-items:center;gap:48px;margin:0;display:grid}.cs-screen .cs-browser{transition:transform .6s cubic-bezier(.22,1,.36,1)}.cs-screen:hover .cs-browser{transform:translateY(-8px)rotate(-.4deg)}.cs-screen.flip{grid-template-columns:minmax(0,.6fr) minmax(0,1.6fr)}.cs-screen.flip .cs-browser{order:2}.cs-screen figcaption{letter-spacing:-.02em;font-size:18px;line-height:1.55;color:var(--pd-text)!important}.cs-screen figcaption span{letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1px #93c5fd99;margin-bottom:10px;font-size:54px;font-weight:700;display:block}.cs-mobile{color:#fff;background:linear-gradient(#0000,#2563eb1a,#0000);padding-block:110px}.cs-mobile .cs-eyebrow{color:var(--cs-sky)}.cs-phones{grid-template-columns:repeat(3,minmax(0,270px));justify-content:center;gap:48px;display:grid}.cs-phones>:nth-child(2){translate:0 50px}.cs-phones figure{margin:0}.cs-phones figcaption{text-align:center;color:#fff9;margin-top:18px;font-size:13px}.cs-features{padding-block:120px 80px}.cs-features ul{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.cs-features ul>div{height:100%}.cs-features li{background:var(--pd-surface);border:1px solid var(--pd-line);border-radius:18px;height:100%;padding:26px;transition:border-color .3s,transform .3s}.cs-features li:hover{background:var(--pd-surface-strong);border-color:#60a5fa99;transform:translateY(-4px)}.cs-check{color:#93c5fd;background:#3b82f629;border-radius:10px;place-items:center;width:30px;height:30px;margin-bottom:16px;display:grid}.cs-features strong{letter-spacing:-.02em;font-size:17px;line-height:1.3;display:block;color:var(--pd-text)!important}.cs-features li p{color:var(--pd-muted);font-size:14.5px;line-height:1.65;margin-top:8px!important}.cs-tools{background:radial-gradient(900px 500px at 50% 0,#2563eb29,#0000 70%);padding-block:100px}.cs-tool-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.cs-tool-grid>.wide{grid-column:1/-1}.cs-tool-grid figure{margin:0}.cs-tool-grid figcaption{color:var(--pd-muted);margin-top:16px;font-size:14px}.cs-result{padding-block:110px}.cs-result-text{white-space:pre-line;letter-spacing:-.035em;max-width:34ch;font-size:clamp(22px,2.6vw,34px);line-height:1.35;color:var(--pd-text)!important;margin-top:22px!important}.cs-result blockquote{border-left:3px solid var(--cs-blue);max-width:44ch;margin:44px 0 0;padding:6px 0 6px 26px;font-size:22px}.cs-result cite{color:var(--pd-soft);margin-top:16px;font-size:13px;font-style:normal;display:block}.cs-tech{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.cs-tech span{border:1px solid var(--pd-line);color:var(--pd-muted);background:var(--pd-surface);border-radius:999px;padding:7px 14px;font-size:13px}@keyframes cs-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes cs-stage{0%{opacity:0;transform:translateY(60px)rotateX(14deg)scale(.94)}}@keyframes cs-float{50%{transform:translateY(-12px)}}@keyframes cs-glow{to{transform:translate(-6%,4%)scale(1.1)}}@keyframes cs-marquee{to{transform:translate(-50%)}}@media (max-width:980px){.cs-hero-grid,.cs-screen,.cs-screen.flip{grid-template-columns:minmax(0,1fr)}.cs-screen.flip .cs-browser{order:0}.cs-story,.cs-features ul{grid-template-columns:1fr}.cs-float-phone{width:30%;bottom:-40px;right:0}}@media (max-width:768px){.cs-hero{padding-bottom:80px}.cs-back{margin-bottom:32px}.cs-trust-inner{flex-wrap:wrap;gap:6px 18px}.cs-marquee{flex-basis:100%}.cs-story{padding-block:70px 50px}.cs-screen-list{gap:56px}.cs-screen figcaption span{font-size:38px}.cs-phones{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cs-phones>:nth-child(2){translate:0 24px}.cs-phone{border-radius:18px;padding:4px}.cs-phone img{border-radius:15px}.cs-tool-grid{grid-template-columns:1fr}.cs-browser-bar{height:26px}.cs-browser-bar em{font-size:9px}}
