:root{--lc-purple-950: #1a0b2e;--lc-purple-900: #281445;--lc-purple-800: #3a1d63;--lc-purple-700: #4c2584;--lc-purple-600: #6334a8;--lc-purple-500: #7c4dd1;--lc-purple-400: #9a74e5;--lc-purple-300: #bda3f0;--lc-purple-200: #dccefa;--lc-purple-100: #efe7fd;--lc-purple-050: #f8f5ff;--lc-mint: #b6f0d4;--lc-peach: #ffd4b8;--lc-lemon: #f5f0b8;--lc-sky: #bfd9ff;--lc-pink: #ffcce6;--lc-ink: #15091f;--lc-ink-2: #3a2c4a;--lc-muted: #7a6b8c;--lc-line: rgba(26,11,46,.08);--shadow-soft: 0 1px 2px rgba(26,11,46,.04), 0 8px 30px rgba(26,11,46,.06);--shadow-card: 0 1px 2px rgba(26,11,46,.05), 0 24px 50px -20px rgba(60,30,110,.22);--r-pill: 999px;--r-card: 22px;--r-tile: 16px;--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--container: 1280px;--gutter: 40px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-display);color:var(--lc-ink);background:#faf8ff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.mono{font-family:var(--font-mono);letter-spacing:-.01em}.serif{font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--r-pill);font-weight:500;font-size:15px;transition:transform .15s ease,background .2s ease,box-shadow .2s ease,color .2s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--lc-ink);color:#fff}.btn-primary:hover{background:var(--lc-purple-800)}.btn-ghost{color:var(--lc-ink);border:1px solid var(--lc-line);background:#fff9;backdrop-filter:blur(10px)}.btn-ghost:hover{background:#fff}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:500;letter-spacing:.02em;background:#ffffffa6;border:1px solid var(--lc-line);backdrop-filter:blur(10px);white-space:nowrap}.chip .dot{width:6px;height:6px;border-radius:50%;background:#3ecf8e;box-shadow:0 0 0 4px #3ecf8e33;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #3ecf8e33}50%{box-shadow:0 0 0 7px #3ecf8e0d}}.nav{position:sticky;top:0;z-index:50;padding:18px 0;backdrop-filter:blur(20px);background:#faf8ffb8;border-bottom:1px solid var(--lc-line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.02em;font-size:18px}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px;color:var(--lc-ink-2)}.nav-links a:hover{color:var(--lc-ink)}.nav-links a.active{color:var(--lc-purple-700);font-weight:500;position:relative}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--lc-purple-700)}.nav-cta{display:flex;align-items:center;gap:14px}.nav-cta .login{font-size:14px;color:var(--lc-ink-2)}.logo-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--lc-purple-700),var(--lc-purple-400));position:relative;overflow:hidden}.logo-mark:after{content:"";position:absolute;inset:4px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6),transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,212,184,.5),transparent 50%);border-radius:6px}section{position:relative}.section-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--lc-purple-700);text-transform:uppercase;letter-spacing:.08em}.section-kicker:before{content:"";width:28px;height:1px;background:currentColor}.section-title{font-size:56px;line-height:1.02;letter-spacing:-.03em;font-weight:500;margin:20px 0 16px;max-width:820px}.section-title em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--lc-purple-700)}.section-sub{font-size:18px;color:var(--lc-ink-2);max-width:620px;line-height:1.55}.sf-hero{padding:60px 0 100px;position:relative;overflow:hidden}.sf-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}.sf-hero h1{font-size:76px;line-height:.98;letter-spacing:-.035em;font-weight:500;margin:22px 0 24px;text-wrap:balance}.sf-hero h1 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--lc-purple-700)}.sf-hero p.lead{font-size:19px;color:var(--lc-ink-2);max-width:520px;line-height:1.55}.sf-hero-actions{display:flex;align-items:center;gap:14px;margin-top:32px}.sf-hero-meta{display:flex;gap:40px;margin-top:48px;font-size:13px;color:var(--lc-muted);border-top:1px solid var(--lc-line);padding-top:24px;max-width:480px}.sf-hero-meta b{color:var(--lc-ink);font-weight:600;font-size:22px;display:block;letter-spacing:-.02em;margin-bottom:4px;font-family:var(--font-serif);font-weight:400}.sf-hero-blobs{position:absolute;inset:0;pointer-events:none;z-index:0}.sf-hero-blobs .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.7;animation:blobfloat 18s ease-in-out infinite}.sf-hero-blobs .b1{width:520px;height:520px;top:-120px;right:-100px;background:radial-gradient(circle,#d9c8ff 0%,transparent 70%)}.sf-hero-blobs .b2{width:460px;height:460px;top:200px;left:-100px;background:radial-gradient(circle,#ffd6e6 0%,transparent 70%);animation-delay:-6s}.sf-hero-blobs .b3{width:400px;height:400px;bottom:-150px;right:30%;background:radial-gradient(circle,#c8e6ff 0%,transparent 70%);animation-delay:-12s}@keyframes blobfloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,40px) scale(.94)}}.sf-hero>*{position:relative;z-index:1}.phone-fan{position:relative;height:580px;display:flex;align-items:center;justify-content:center}.phone-fan .phone{position:absolute;width:260px;height:520px;border-radius:42px;background:#0a0610;padding:9px;box-shadow:0 1px #ffffff14 inset,0 36px 70px -28px #2814458c,0 2px 4px #1a0b2e1a;transition:transform .8s cubic-bezier(.5,1.2,.4,1)}.phone-fan .phone .screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:#fff}.phone-fan .phone .notch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:80px;height:22px;background:#0a0610;border-radius:12px;z-index:5}.phone-fan .phone.p-l{transform:translate(-180px) rotate(-12deg) translateY(20px) scale(.86);z-index:1}.phone-fan .phone.p-c{transform:translate(0) rotate(0) scale(1);z-index:3}.phone-fan .phone.p-r{transform:translate(180px) rotate(12deg) translateY(20px) scale(.86);z-index:1}.float-chip{position:absolute;background:#fff;border-radius:14px;padding:10px 14px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:0 12px 28px -8px #28144538;border:1px solid var(--lc-line);z-index:4;animation:floatChip 6s ease-in-out infinite}.float-chip .sw{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--lc-purple-300),var(--lc-pink))}.float-chip .sw.b{background:linear-gradient(135deg,#f3e7fb,#ffd6e6)}.float-chip .sw.c{background:linear-gradient(135deg,#c8e6ff,#c5a3ff)}.float-chip .label{font-family:var(--font-mono);font-size:10px;color:var(--lc-muted)}.float-chip .val{font-weight:600}.float-chip.fc-1{top:6%;left:-2%;animation-delay:0s}.float-chip.fc-2{top:28%;right:-4%;animation-delay:-2s}.float-chip.fc-3{bottom:14%;left:2%;animation-delay:-4s}@keyframes floatChip{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sf-prev{position:absolute;inset:0;display:flex;flex-direction:column;font-family:var(--font-display)}.sf-prev .status{display:flex;justify-content:space-between;padding:10px 22px 4px;font-family:var(--font-mono);font-size:9px;color:#333}.sf-prev .status .ps-dots{display:inline-flex;gap:2px;align-items:center}.sf-prev .status .ps-dots i{width:3px;height:3px;background:#333;border-radius:50%;display:inline-block}.sf-prev .addrbar{display:flex;align-items:center;gap:6px;margin:4px 12px 8px;padding:5px 10px;background:#0000000d;border-radius:999px;font-family:var(--font-mono);font-size:9px;color:#555}.sf-prev .addrbar .lock{font-size:8px}.sf-prev .addrbar .domain{color:#111;font-weight:500}.sf-prev .addrbar .path{color:var(--lc-purple-700)}.sf-prev .banner{position:relative;padding:14px 14px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(0,0,0,.06)}.sf-prev .banner-bg{position:absolute;inset:0 0 30%;z-index:0}.sf-prev .banner-content{position:relative;z-index:1;display:flex;align-items:center;gap:10px;width:100%}.sf-prev .avatar{width:36px;height:36px;border-radius:50%;border:2px solid #fff;flex:0 0 36px;box-shadow:0 2px 6px #0000001a}.sf-prev .meta{flex:1;min-width:0}.sf-prev .meta strong{display:block;font-size:11px;font-weight:600;letter-spacing:-.01em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-prev .meta span{font-size:9px;color:#777}.sf-prev .follow{font-size:10px;font-weight:600;color:#fff;background:#15091f;border:0;padding:6px 11px;border-radius:999px}.sf-prev .feat{margin:10px 10px 0;border-radius:10px;height:110px;flex:0 0 110px;position:relative;overflow:hidden}.sf-prev .feat .feat-tag{position:absolute;bottom:8px;left:8px;font-family:var(--font-mono);font-size:8px;color:#fff;padding:3px 7px;background:#0000006b;border-radius:999px;backdrop-filter:blur(6px)}.sf-prev .feat .feat-title{position:absolute;top:10px;left:10px;color:#fff;font-size:12px;font-weight:600;font-family:var(--font-serif);font-weight:400;font-style:italic;text-shadow:0 1px 4px rgba(0,0,0,.3)}.sf-prev .grid{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1}.sf-prev .tile{background:#fff;border-radius:8px;padding:4px;box-shadow:0 1px 2px #0000000d}.sf-prev .tile-img{width:100%;aspect-ratio:1;border-radius:5px}.sf-prev .tile-meta{padding:4px 3px 2px}.sf-prev .tile-meta span{font-size:8px;color:#666;display:block;line-height:1.2}.sf-prev .tile-meta strong{font-size:9px;font-weight:600;color:#111}.sf-prev.theme-beauty{background:#fff8f3;color:#20140d}.sf-prev.theme-beauty .banner-bg{background:linear-gradient(135deg,#ffd6c5,#ffe2c5)}.sf-prev.theme-beauty .avatar{background:linear-gradient(135deg,#ffd6c5,#ffb19a)}.sf-prev.theme-beauty .follow{background:#20140d}.sf-prev.theme-beauty .feat{background:linear-gradient(135deg,#ffb19a,#ffd6c5)}.sf-prev.theme-beauty .tile-img.x0{background:linear-gradient(135deg,#ffd6c5,#fbe5d4)}.sf-prev.theme-beauty .tile-img.x1{background:linear-gradient(135deg,#f3d2b1,#ffb19a)}.sf-prev.theme-beauty .tile-img.x2{background:linear-gradient(135deg,#f8e6c8,#f3d2b1)}.sf-prev.theme-beauty .tile-img.x3{background:linear-gradient(135deg,#fbe5d4,#ffe2c5)}.sf-prev.theme-luxe{background:#0d0a08;color:#f5f0e6}.sf-prev.theme-luxe .status{color:#f5f0e6}.sf-prev.theme-luxe .status .ps-dots i{background:#f5f0e6}.sf-prev.theme-luxe .addrbar{background:#ffffff14;color:#ccc1ad}.sf-prev.theme-luxe .addrbar .domain{color:#f5f0e6}.sf-prev.theme-luxe .addrbar .path{color:#d4af66}.sf-prev.theme-luxe .banner{border-bottom-color:#ffffff14}.sf-prev.theme-luxe .banner-bg{background:linear-gradient(135deg,#2a1f12,#4a3a26)}.sf-prev.theme-luxe .avatar{background:linear-gradient(135deg,#d4af66,#6b5532)}.sf-prev.theme-luxe .meta strong{color:#f5f0e6;font-family:var(--font-serif);font-weight:400;font-size:13px}.sf-prev.theme-luxe .meta span{color:#998870}.sf-prev.theme-luxe .follow{background:#d4af66;color:#0d0a08}.sf-prev.theme-luxe .feat{background:linear-gradient(160deg,#4a3a26,#1c140b)}.sf-prev.theme-luxe .feat .feat-title{color:#d4af66}.sf-prev.theme-luxe .tile{background:#ffffff0a}.sf-prev.theme-luxe .tile-meta span{color:#998870}.sf-prev.theme-luxe .tile-meta strong{color:#f5f0e6}.sf-prev.theme-luxe .tile-img.x0{background:linear-gradient(135deg,#4a3a26,#2a1f12)}.sf-prev.theme-luxe .tile-img.x1{background:linear-gradient(135deg,#6b5532,#4a3a26)}.sf-prev.theme-luxe .tile-img.x2{background:linear-gradient(135deg,#2a1f12,#1c140b)}.sf-prev.theme-luxe .tile-img.x3{background:linear-gradient(135deg,#d4af66,#6b5532)}.sf-prev.theme-indie{background:#f4eee4;color:#1f1a14}.sf-prev.theme-indie .banner-bg{background:linear-gradient(135deg,#e0d4be,#d8c8a8)}.sf-prev.theme-indie .avatar{background:linear-gradient(135deg,#e0d4be,#c8b896)}.sf-prev.theme-indie .meta strong{font-family:var(--font-serif);font-weight:400;font-size:13px}.sf-prev.theme-indie .follow{background:#1f1a14}.sf-prev.theme-indie .feat{background:linear-gradient(135deg,#d8c8a8,#e0d4be)}.sf-prev.theme-indie .feat .feat-title{color:#1f1a14;text-shadow:none}.sf-prev.theme-indie .tile-img.x0{background:linear-gradient(135deg,#e0d4be,#d8c8a8)}.sf-prev.theme-indie .tile-img.x1{background:linear-gradient(135deg,#d8c8a8,#c8b896)}.sf-prev.theme-indie .tile-img.x2{background:linear-gradient(135deg,#c8b896,#b09c6e)}.sf-prev.theme-indie .tile-img.x3{background:linear-gradient(135deg,#f0e8d4,#e0d4be)}.sf-prev.theme-sport{background:#f4f4f5;color:#0a0a0a}.sf-prev.theme-sport .banner-bg{background:linear-gradient(135deg,#ff4d2e,#ff8a3c)}.sf-prev.theme-sport .avatar{background:linear-gradient(135deg,#ff8a3c,#ff4d2e)}.sf-prev.theme-sport .meta strong{text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:10px}.sf-prev.theme-sport .follow{background:#ff4d2e}.sf-prev.theme-sport .feat{background:linear-gradient(135deg,#0a0a0a,#2a2a2a)}.sf-prev.theme-sport .feat .feat-title{font-family:var(--font-display);font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:13px}.sf-prev.theme-sport .tile-img.x0{background:linear-gradient(135deg,#ff8a3c,#ff4d2e)}.sf-prev.theme-sport .tile-img.x1{background:linear-gradient(135deg,#0a0a0a,#2a2a2a)}.sf-prev.theme-sport .tile-img.x2{background:linear-gradient(135deg,#d9d9d9,#f4f4f5)}.sf-prev.theme-sport .tile-img.x3{background:linear-gradient(135deg,#ff4d2e,#c93d23)}.sf-prev.theme-wellness{background:#f5f3ed;color:#1f2820}.sf-prev.theme-wellness .banner-bg{background:linear-gradient(135deg,#b8c4a8,#d8d8c0)}.sf-prev.theme-wellness .avatar{background:linear-gradient(135deg,#d8d8c0,#b8c4a8)}.sf-prev.theme-wellness .meta strong{font-family:var(--font-serif);font-weight:400;font-size:13px}.sf-prev.theme-wellness .follow{background:#4a5a44}.sf-prev.theme-wellness .feat{background:linear-gradient(135deg,#b8c4a8,#8fa088)}.sf-prev.theme-wellness .feat .feat-title{color:#1f2820;text-shadow:none}.sf-prev.theme-wellness .tile-img.x0{background:linear-gradient(135deg,#d8d8c0,#b8c4a8)}.sf-prev.theme-wellness .tile-img.x1{background:linear-gradient(135deg,#b8c4a8,#8fa088)}.sf-prev.theme-wellness .tile-img.x2{background:linear-gradient(135deg,#e8e2d0,#d8d8c0)}.sf-prev.theme-wellness .tile-img.x3{background:linear-gradient(135deg,#c8d4b8,#b8c4a8)}.url-story{padding:64px 0 88px;background:#15091f;color:#fff;position:relative;overflow:hidden}.url-story:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(124,77,209,.35) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(255,150,200,.12) 0%,transparent 50%);pointer-events:none}.url-story>*{position:relative}.url-story .section-kicker{color:var(--lc-purple-300)}.url-story .url-top{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:56px}.url-story h2{font-size:56px;line-height:1;letter-spacing:-.03em;font-weight:500;margin:18px 0 0;color:#fff}.url-story h2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--lc-purple-300)}.url-story p.sub{color:#ffffffa6;font-size:17px;max-width:460px;line-height:1.55}.url-bar{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:22px 26px;font-family:var(--font-mono);font-size:28px;letter-spacing:-.01em;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.url-bar .lock{flex:0 0 32px;height:32px;border-radius:50%;background:#3ecf8e26;color:#3ecf8e;display:flex;align-items:center;justify-content:center;font-size:14px}.url-bar .seg{color:#ffffff8c}.url-bar .seg-domain{color:#fff;font-weight:500}.url-bar .seg-path{color:var(--lc-purple-300)}.url-bar .seg-handle{color:#fff;background:var(--lc-purple-700);padding:3px 12px;border-radius:8px;position:relative;animation:handleSwap 8s ease-in-out infinite}@keyframes handleSwap{0%,20%{content:"avery"}25%,45%{content:"sophia"}50%,70%{content:"maya.k"}75%,95%{content:"leo"}}.url-bar .caret{display:inline-block;width:2px;height:28px;background:#fff;margin-left:4px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.url-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.url-note{border-top:1px solid rgba(255,255,255,.12);padding:22px 0 0;position:relative}.url-note:before{content:"";position:absolute;top:-1px;left:0;width:40px;height:1px;background:var(--lc-purple-400)}.url-note .nh{font-family:var(--font-mono);font-size:11px;color:var(--lc-purple-300);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.url-note .nt{font-size:18px;line-height:1.35;letter-spacing:-.01em;color:#fff;max-width:320px}.url-note .nb{font-size:13px;color:#fff9;margin-top:8px;line-height:1.5}.vs-row{margin-top:48px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch}.vs-card{border-radius:18px;padding:24px 28px;position:relative}.vs-card.bad{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#ffffffa6}.vs-card.good{background:linear-gradient(135deg,var(--lc-purple-800),var(--lc-purple-700));border:1px solid rgba(255,255,255,.18);color:#fff}.vs-card .vs-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px;margin-bottom:14px}.vs-card.bad .vs-label{color:#ffffff73}.vs-card.good .vs-label{color:var(--lc-purple-200)}.vs-card .vs-url{font-family:var(--font-mono);font-size:16px;word-break:break-all;margin-bottom:18px}.vs-card.bad .vs-url{text-decoration:line-through;opacity:.7}.vs-card.bad .vs-url .strike-host{color:#ff8a8a}.vs-card.good .vs-url .your-host{color:var(--lc-mint);font-weight:500}.vs-card ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:13px;line-height:1.5}.vs-card ul li{display:grid;grid-template-columns:14px 1fr;gap:4px;align-items:start}.vs-card ul li:before{content:"";display:block;width:4px;height:4px;border-radius:50%;margin-top:8px;margin-left:2px}.vs-card.bad ul li:before{background:#ffffff4d}.vs-card.good ul li:before{background:var(--lc-mint)}.vs-divider{display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-style:italic;font-size:28px;color:#fff6;padding:0 8px}.anatomy{padding:100px 0;background:#faf8ff;position:relative;overflow:hidden}.anatomy:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(189,163,240,.18) 0%,transparent 45%),radial-gradient(circle at 10% 80%,rgba(255,204,230,.18) 0%,transparent 45%);pointer-events:none}.anatomy>*{position:relative}.anatomy .head{max-width:720px;margin-bottom:64px}.anatomy-stage{display:grid;grid-template-columns:1fr 320px 1fr;gap:60px;align-items:center;position:relative}.anatomy-phone{position:relative;width:320px;height:660px;border-radius:48px;background:#0a0610;padding:11px;box-shadow:0 1px #ffffff14 inset,0 50px 90px -32px #2814458c;margin:0 auto;z-index:1}.anatomy-phone .screen{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:#fff}.anatomy-phone .notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:90px;height:24px;background:#0a0610;border-radius:14px;z-index:5}.anatomy-callouts{position:absolute;inset:0;pointer-events:none}.callout{position:absolute;display:flex;align-items:flex-start;gap:12px;max-width:260px;pointer-events:auto}.callout .num{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--lc-purple-700);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:600;box-shadow:0 4px 12px -2px #4c258466}.callout .body{padding-top:2px}.callout .body h4{font-size:16px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.callout .body p{font-size:13px;color:var(--lc-ink-2);margin:0;line-height:1.5}.callout .line{position:absolute;height:1px;background:repeating-linear-gradient(90deg,var(--lc-purple-400) 0 4px,transparent 4px 8px)}.callout.cL{left:0;text-align:left}.callout.cR{right:0;text-align:left;flex-direction:row-reverse}.callout.cR .num{box-shadow:-4px 4px 12px -2px #4c258466}.callout.cR .body,.callout.cR .body h4{text-align:right}.callout.c1{top:7%;left:0}.callout.c2{top:28%;right:0}.callout.c3{top:50%;left:0}.callout.c4{top:72%;right:0}.callout .line.lL{left:100%;width:80px;top:14px}.callout .line.lR{right:100%;width:80px;top:14px}.themes{padding:100px 0;background:linear-gradient(180deg,#faf8ff,#f3edff);position:relative;overflow:hidden}.themes .head{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;margin-bottom:56px}.themes-stage{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center}.themes-controls{display:flex;flex-direction:column;gap:12px}.theme-pick{background:#ffffffb3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .25s ease;text-align:left;width:100%}.theme-pick:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.theme-pick.is-active{background:var(--lc-ink);color:#fff;border-color:var(--lc-ink);box-shadow:0 12px 30px -10px #28144573}.theme-pick .swatches{display:flex;gap:0;flex:0 0 auto}.theme-pick .swatches i{display:block;width:16px;height:28px;margin-left:-4px;border-radius:4px;border:2px solid #fff;box-shadow:0 2px 4px #0000000f}.theme-pick.is-active .swatches i{border-color:var(--lc-ink)}.theme-pick .swatches i:first-child{margin-left:0}.theme-pick .pick-meta{flex:1}.theme-pick .pick-name{font-weight:600;font-size:14px;letter-spacing:-.01em}.theme-pick .pick-handle{font-family:var(--font-mono);font-size:11px;color:var(--lc-muted)}.theme-pick.is-active .pick-handle{color:#ffffffa6}.theme-phone-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:660px}.theme-phone{width:320px;height:640px;border-radius:48px;background:#0a0610;padding:10px;box-shadow:0 1px #ffffff14 inset,0 50px 90px -32px #2814458c}.theme-phone .screen{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:#fff;transition:background .5s ease}.theme-phone .notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:90px;height:24px;background:#0a0610;border-radius:14px;z-index:5}.theme-phone .sf-prev .feat{height:140px}.theme-phone .sf-prev .tile-img{aspect-ratio:4/5}.pillars{padding:100px 0;background:#fff;border-top:1px solid var(--lc-line);border-bottom:1px solid var(--lc-line)}.pillars .head{margin-bottom:56px}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pillar{background:#faf8ff;border:1px solid var(--lc-line);border-radius:var(--r-card);padding:32px;display:flex;flex-direction:column;gap:12px;min-height:380px;position:relative;overflow:hidden}.pillar .pvis{height:180px;margin-bottom:8px;border-radius:12px;position:relative;overflow:hidden}.pillar h3{font-size:22px;font-weight:500;letter-spacing:-.02em;margin:0;line-height:1.15}.pillar p{font-size:14px;color:var(--lc-ink-2);margin:0;line-height:1.55}.pillar .pfoot{margin-top:auto;padding-top:16px;font-family:var(--font-mono);font-size:11px;color:var(--lc-purple-700);display:flex;align-items:center;gap:6px}.pvis.seo{background:#fff;border:1px solid var(--lc-line);padding:32px 16px 16px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.pvis.seo .g-result{font-family:var(--font-display)}.pvis.seo .g-host{font-size:10px;color:#5f6368;display:flex;align-items:center;gap:6px;margin-bottom:2px}.pvis.seo .g-host .fav{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--lc-purple-700),var(--lc-purple-400))}.pvis.seo .g-title{font-size:13px;color:#1a0dab;font-weight:500;line-height:1.25;margin-bottom:3px}.pvis.seo .g-snip{font-size:10.5px;color:#4d5156;line-height:1.4}.pvis.seo .g-snip b{color:#1f1f1f;font-weight:600}.pvis.seo .badge{position:absolute;top:8px;right:8px;font-family:var(--font-mono);font-size:9px;background:var(--lc-purple-100);color:var(--lc-purple-700);padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.pvis.attrib{background:#15091f;color:#fff;padding:12px;display:flex;flex-direction:column;justify-content:center;font-family:var(--font-mono);font-size:10px}.pvis.attrib .attrib-flow{display:flex;flex-direction:column;gap:4px}.pvis.attrib .a-row{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:7px;background:#ffffff0f}.pvis.attrib .a-row.green{background:#3ecf8e29;color:var(--lc-mint)}.pvis.attrib .a-row .h{color:var(--lc-purple-300)}.pvis.attrib .a-row .v{margin-left:auto;color:#fff;font-weight:600}.pvis.attrib .a-row.green .h,.pvis.attrib .a-row.green .v{color:var(--lc-mint)}.pvis.conv{background:linear-gradient(135deg,#f3edff,#dccefa);padding:22px 16px 28px;display:flex;align-items:flex-end;gap:14px;justify-content:center;position:relative}.pvis.conv .bar{flex:1;max-width:56px;background:#1a0b2e1f;border-radius:8px 8px 0 0;position:relative;font-family:var(--font-mono)}.pvis.conv .bar .b-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:11px;color:var(--lc-ink-2);white-space:nowrap;margin-bottom:4px;font-weight:600}.pvis.conv .bar .b-cap{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;font-size:9px;color:var(--lc-muted);white-space:nowrap}.pvis.conv .bar.lc{background:linear-gradient(180deg,var(--lc-purple-500),var(--lc-purple-700))}.pvis.conv .bar.lc .b-label{color:var(--lc-purple-700)}.perf{padding:100px 0;background:var(--lc-purple-950);color:#fff;position:relative;overflow:hidden}.perf:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(124,77,209,.4) 0%,transparent 45%),radial-gradient(ellipse at 80% 100%,rgba(255,204,230,.12) 0%,transparent 50%);pointer-events:none}.perf>*{position:relative}.perf .section-kicker{color:var(--lc-purple-300)}.perf .section-title{color:#fff}.perf-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:56px 0 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.metric{padding:32px 24px;border-right:1px solid rgba(255,255,255,.1)}.metric:last-child{border-right:0}.metric .mv{font-family:var(--font-serif);font-size:64px;line-height:1;letter-spacing:-.02em;margin-bottom:10px;background:linear-gradient(180deg,#fff,#bda3f0);-webkit-background-clip:text;background-clip:text;color:transparent}.metric .ml{font-family:var(--font-mono);font-size:11px;color:var(--lc-purple-300);text-transform:uppercase;letter-spacing:.08em}.metric .mn{font-size:13px;color:#ffffffb3;margin-top:4px}.case{margin-top:64px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-card);padding:48px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.case .brand{font-family:var(--font-serif);font-size:36px;letter-spacing:-.02em;margin-bottom:12px}.case .stat{font-family:var(--font-mono);font-size:11px;color:var(--lc-mint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px}.case .quote{font-size:22px;line-height:1.4;color:#fff;font-family:var(--font-serif);font-weight:400;font-style:italic;letter-spacing:-.01em;margin-bottom:24px;text-wrap:pretty}.case .person{font-size:14px;color:#ffffffa6}.case .person b{color:#fff;font-weight:600;display:block}.case-stats{display:flex;flex-direction:column;gap:16px}.case-stat-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.case-stat-row .v{font-family:var(--font-serif);font-size:40px;line-height:1;color:#fff;letter-spacing:-.02em;flex:0 0 auto;white-space:nowrap}.case-stat-row .l{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3;text-align:right;line-height:1.4}.integrations{padding:80px 0;background:#faf8ff}.integrations .head{text-align:center;margin-bottom:48px}.integrations .head .section-title{margin-left:auto;margin-right:auto}.integrations .section-kicker{justify-content:center}.int-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.int-tile{background:#fff;border:1px solid var(--lc-line);border-radius:14px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.int-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}.int-tile .logo-cell{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:16px;color:#fff}.int-tile .name{font-size:13px;font-weight:500;letter-spacing:-.01em}.int-tile .cat{font-family:var(--font-mono);font-size:10px;color:var(--lc-muted)}.cta{padding:100px 0;background:linear-gradient(135deg,#f3edff,#fff3f8,#e6f0ff);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(124,77,209,.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,204,230,.3) 0%,transparent 50%);filter:blur(40px)}.cta>*{position:relative}.cta h2{font-size:76px;line-height:1;letter-spacing:-.035em;font-weight:500;margin:0 auto 20px;max-width:900px}.cta h2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--lc-purple-700)}.cta p{font-size:18px;color:var(--lc-ink-2);max-width:540px;margin:0 auto 36px}.cta-buttons{display:flex;gap:12px;justify-content:center}footer{padding:80px 0 40px;background:#15091f;color:#ffffffb3}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-grid h4{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin:0 0 14px;font-weight:500}.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:13px}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:30px;font-family:var(--font-mono);font-size:11px;color:#ffffff9e}
