*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: hsl(263 69% 50%);--brand-hover: hsl(263 69% 44%);--brand-light: hsl(263 69% 97%);--brand-pale: hsl(263 60% 95%);--brand-mid: hsl(263 50% 88%);--brand-border: hsl(263 55% 82%);--brand-text: hsl(263 69% 42%);--bg: #ffffff;--bg-2: #f8f8fb;--bg-3: #f2f2f7;--bg-4: #eaeaf2;--border: hsl(240 10% 90%);--border-2: hsl(240 10% 84%);--text: hsl(240 15% 10%);--text-2: hsl(240 8% 38%);--text-3: hsl(240 6% 56%);--blue: hsl(215 80% 52%);--blue-dim: hsl(215 80% 96%);--amber: hsl(38 92% 44%);--amber-dim: hsl(38 92% 96%);--amber-border: hsl(38 70% 80%);--green: hsl(158 64% 36%);--green-dim: hsl(158 64% 95%);--green-border: hsl(158 50% 76%);--red: hsl(0 72% 50%);--red-dim: hsl(0 72% 96%);--red-border: hsl(0 60% 84%);--red-text: hsl(0 72% 30%);--navy: hsl(215 52% 24%);--navy-dim: hsl(215 52% 96%);--sky-dim: hsl(200 80% 96%);--code-bg: #16132a;--code-bg-bar: #0f0d1f;--code-text: #e2d9f3;--code-comment: #4a4060;--code-keyword: #bd93f9;--code-string: #a3e635;--code-fn: #67e8f9;--code-num: #fbbf24;--code-prop: #f472b6;--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--max: 1120px;--sh-xs: 0 1px 3px rgba(60, 50, 120, .06);--sh-sm: 0 2px 8px rgba(60, 50, 120, .08);--sh-md: 0 4px 20px rgba(60, 50, 120, .1);--sh-lg: 0 8px 40px rgba(60, 50, 120, .12);--sh-xl: 0 20px 60px rgba(60, 50, 120, .14)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.hero{padding:124px 36px 88px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:var(--bg)}.hero:before{content:"";position:absolute;top:-80px;left:50%;transform:translate(-50%);width:1000px;height:560px;background:radial-gradient(ellipse at 50% 10%,hsla(263,69%,50%,.08) 0%,transparent 68%);pointer-events:none}.hero:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:180px;background:linear-gradient(to bottom,var(--brand),transparent);opacity:.35;pointer-events:none}.hero-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 500px;gap:72px;align-items:center;position:relative;z-index:1}.hero-badge-wrap{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px}.hero-badge{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-text);background:var(--brand-pale);border:1px solid var(--brand-border);padding:5px 14px;border-radius:20px}.hero-badge-sub{font-size:13px;color:var(--text-3);font-weight:450}h1{font-size:clamp(36px,4.8vw,58px);font-weight:800;line-height:1.08;letter-spacing:-.8px;color:var(--text);margin-bottom:22px}h1 span.acc{color:var(--brand)}.hero-lead{font-size:17px;color:var(--text-2);line-height:1.78;font-weight:400;margin-bottom:36px;max-width:480px}.hero-lead strong{color:var(--text);font-weight:600}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:13px 26px;border-radius:9px;box-shadow:0 2px 12px #6b28d74d;transition:all .18s}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6b28d759}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:var(--bg);color:var(--text-2);text-decoration:none;font-size:15px;font-weight:500;padding:12px 22px;border-radius:9px;border:1.5px solid var(--border-2);transition:all .18s}.btn-outline:hover{border-color:var(--brand-border);color:var(--brand-text);background:var(--brand-pale)}.hero-meta{font-size:13px;color:var(--text-3);display:flex;gap:20px;flex-wrap:wrap}.hero-meta span:before{content:"✓ ";color:var(--green);font-weight:700}.page-last-updated{margin-top:14px;font-size:13px;line-height:1.55;color:var(--text-3);max-width:520px}.split-demo{background:var(--bg);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--sh-xl)}.sd-bar{background:var(--bg-2);border-bottom:1px solid var(--border);padding:11px 16px;display:flex;align-items:center;gap:8px}.sdd{width:10px;height:10px;border-radius:50%}.sd-tabs{display:flex;gap:0;margin-left:auto;border:1px solid var(--border);border-radius:7px;overflow:hidden}.sd-tab{font-size:12px;font-weight:500;padding:5px 13px;cursor:pointer;transition:all .15s;color:var(--text-3);background:var(--bg);border:none;font-family:var(--sans)}.sd-tab.act{background:var(--brand);color:#fff}.sd-body{display:grid;grid-template-columns:1fr 1fr}.sd-input{padding:16px;border-right:1px solid var(--border)}.sd-output{padding:16px}.sd-label{font-size:10px;font-weight:700;color:var(--text-3);letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px}.sd-code{background:var(--code-bg);border-radius:8px;padding:12px;font-family:var(--mono);font-size:10.5px;line-height:1.68;color:var(--code-text);overflow:auto;max-height:172px;border:1px solid hsla(263,50%,50%,.15)}.sd-result{border-radius:9px;overflow:hidden;border:1px solid var(--green-border)}.sd-res-bar{padding:7px 10px;font-size:11px;font-weight:600;color:var(--green);background:var(--green-dim);border-bottom:1px solid var(--green-border);font-family:var(--mono)}.ck{color:var(--code-keyword)}.cs{color:var(--code-string)}.cf{color:var(--code-fn)}.cc{color:var(--code-comment)}.cn{color:var(--code-num)}.cp{color:var(--code-prop)}.cw{background:var(--code-bg);border-radius:16px;overflow:hidden;box-shadow:var(--sh-xl);border:1px solid hsla(263,69%,50%,.18)}.cw-bar{display:flex;align-items:center;padding:12px 18px;background:var(--code-bg-bar);border-bottom:1px solid hsla(263,69%,50%,.14);gap:7px}.cd{width:11px;height:11px;border-radius:50%}.cfile{font-family:var(--mono);font-size:11px;color:#ffffff38;margin-left:auto}pre.code{padding:22px 24px;font-family:var(--mono);font-size:12.5px;line-height:1.78;overflow-x:auto;color:var(--code-text)}.cw-out{padding:11px 24px;background:#0d0b17;border-top:1px solid hsla(263,69%,50%,.14);font-family:var(--mono);font-size:11.5px;color:#a3e635;display:flex;align-items:center;gap:8px}.trust{border-bottom:1px solid var(--border)}.trust-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.tc{padding:28px 20px;text-align:center;border-right:1px solid var(--border);transition:background .18s}.tc:hover{background:var(--brand-light)}.tc:last-child{border-right:none}.tc-n{font-size:34px;font-weight:800;line-height:1;color:var(--text);letter-spacing:-1px}.tc-l{font-size:12px;color:var(--text-3);margin-top:5px;font-weight:450}.logos{padding:22px 36px;border-bottom:1px solid var(--border);overflow:hidden;background:var(--bg-2)}.logos-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:16px}.logos-lbl{font-size:11px;color:var(--text-3);white-space:nowrap;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-right:12px;flex-shrink:0}.logos-scroll{overflow:hidden;flex:1}.logos-track{display:flex;gap:12px;animation:scroll-logos 30s linear infinite}@keyframes scroll-logos{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-pill{font-size:13px;font-weight:500;color:var(--text-2);padding:5px 15px;border-radius:7px;background:var(--bg);border:1px solid var(--border);white-space:nowrap;transition:all .2s;box-shadow:var(--sh-xs)}.logo-pill:hover{color:var(--brand-text);border-color:var(--brand-border);background:var(--brand-pale)}.sec{padding:88px 36px;border-bottom:1px solid var(--border)}.sec-alt{background:var(--bg-2)}.si{max-width:var(--max);margin:0 auto}.ey{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-text);margin-bottom:12px}.dh{font-size:clamp(26px,3.5vw,40px);font-weight:800;line-height:1.12;color:var(--text);margin-bottom:14px;letter-spacing:-.6px}.bl{font-size:16px;color:var(--text-2);line-height:1.78;font-weight:400}.fl{list-style:none;display:flex;flex-direction:column;gap:10px;margin:20px 0 28px}.fl li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-2);line-height:1.6}.fl li:before{content:"✓";color:var(--green);font-weight:700;flex-shrink:0;margin-top:2px}.btn-brand{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:13px 26px;border-radius:9px;box-shadow:0 2px 10px #6b28d747;transition:all .18s}.btn-brand:hover{background:var(--brand-hover);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text-2);text-decoration:none;font-size:15px;font-weight:500;padding:12px 22px;border-radius:9px;border:1.5px solid var(--border-2);transition:all .18s}.btn-ghost:hover{border-color:var(--brand-border);color:var(--brand-text);background:var(--brand-pale)}.fs{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.fs.rev{direction:rtl}.fs.rev>*{direction:ltr}.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vs-card{border-radius:16px;padding:28px}.vs-bad{background:var(--red-dim);border:1px solid var(--red-border)}.vs-good{background:var(--brand-pale);border:1px solid var(--brand-border)}.vs-head{font-size:13px;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:8px;letter-spacing:-.1px}.vs-bad .vs-head{color:var(--red)}.vs-good .vs-head{color:var(--brand-text)}.vs-items{display:flex;flex-direction:column;gap:11px}.vs-item{font-size:13px;line-height:1.62}.vs-bad .vs-item{color:var(--red-text)}.vs-good .vs-item{color:var(--brand-text)}.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tpl{background:var(--bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--sh-xs);transition:all .2s}.tpl:hover{box-shadow:var(--sh-md);transform:translateY(-2px);border-color:var(--brand-border)}.tpl-preview{height:122px;display:flex;align-items:center;justify-content:center;padding:16px}.tpl-meta{padding:14px 16px;border-top:1px solid var(--border)}.tpl-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.tpl-desc{font-size:12px;color:var(--text-3);line-height:1.55}.uc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.uc{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:26px;box-shadow:var(--sh-xs);transition:all .2s}.uc:hover{box-shadow:var(--sh-md);border-color:var(--brand-border);transform:translateY(-2px)}.uc-ico{font-size:24px;margin-bottom:12px}.uc-t{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px}.uc-d{font-size:13px;color:var(--text-2);line-height:1.68;margin-bottom:14px}.uc-how{font-size:12.5px;color:var(--brand-text);background:var(--brand-pale);border-radius:8px;padding:10px 14px;line-height:1.65;border-left:3px solid var(--brand-border)}.uc-how strong{color:var(--brand);font-weight:600}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:18px;overflow:hidden;margin-top:48px;box-shadow:var(--sh-sm)}.tcard{background:var(--bg);padding:30px;transition:background .18s}.tcard:hover{background:var(--brand-light)}.tstars{color:#f59e0b;font-size:13px;letter-spacing:2px;margin-bottom:13px}.tq{font-size:15px;line-height:1.68;color:var(--text-2);margin-bottom:16px;font-style:italic}.ta{display:flex;align-items:center;gap:10px}.tav{width:36px;height:36px;border-radius:50%;background:var(--brand-pale);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--brand-text);flex-shrink:0;border:1.5px solid var(--brand-border)}.tn{font-size:14px;font-weight:600;color:var(--text)}.tr{font-size:12px;color:var(--text-3)}.crosslink{background:var(--brand-pale);border:1.5px solid var(--brand-border);border-radius:18px;padding:36px 40px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;box-shadow:var(--sh-sm)}.crosslink-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-text);margin-bottom:10px}.crosslink h3{font-size:24px;font-weight:800;color:var(--text);margin-bottom:8px;letter-spacing:-.4px}.crosslink h3 span{color:var(--brand)}.crosslink p{font-size:15px;color:var(--text-2);line-height:1.68}.cta-strip{background:var(--brand);padding:100px 36px;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.cta-strip:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% -10%,hsla(263,69%,70%,.35) 0%,transparent 62%);pointer-events:none}.cta-strip:after{content:"";position:absolute;bottom:-120px;right:-80px;width:400px;height:400px;border-radius:50%;background:#5620ac40;pointer-events:none}.cta-inner{max-width:580px;margin:0 auto;position:relative;z-index:1}.cta-inner h2{font-size:clamp(32px,4.5vw,50px);font-weight:800;line-height:1.08;color:#fff;margin-bottom:14px;letter-spacing:-.8px}.cta-inner p{font-size:17px;color:#ffffffc7;font-weight:400;margin-bottom:36px;line-height:1.72}.cta-meta{font-size:13px;color:#ffffff80;margin-top:16px}.btn-wh{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--brand-text);text-decoration:none;font-size:15px;font-weight:700;padding:14px 28px;border-radius:9px;transition:all .18s;box-shadow:0 4px 18px #0000002e}.btn-wh:hover{background:var(--brand-pale);transform:translateY(-1px);box-shadow:0 8px 24px #00000038}.btn-wh-o{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#ffffffe0;text-decoration:none;font-size:15px;font-weight:500;padding:13px 22px;border-radius:9px;border:1.5px solid rgba(255,255,255,.35);transition:all .18s}.btn-wh-o:hover{background:#ffffff1f;border-color:#fff9}@media(max-width:900px){.hero{padding:100px 20px 60px}.hero-inner,.fs,.fs.rev{grid-template-columns:1fr;gap:48px;direction:ltr}.trust-inner{grid-template-columns:1fr 1fr}.sec{padding:60px 20px}.vs-grid,.uc-grid{grid-template-columns:1fr}.templates-grid{grid-template-columns:1fr 1fr}.test-grid{grid-template-columns:1fr;display:flex;flex-direction:column}.sd-body{grid-template-columns:1fr}.sd-input{border-right:none;border-bottom:1px solid var(--border)}.crosslink{grid-template-columns:1fr;gap:20px}.logos-inner{flex-direction:column;align-items:flex-start}}