/* Futuristic landing look, shared by the home page (/) and the tools page (/tools) */
body.lp{--bg:#060914;--card:#0d1226;--tx:#eaf0ff;--mu:#9aa6cf;--bd:#1d2544;--ac:#8b7bff;--ac2:#1a2147;--code:#04060f;--ok:#34d399;color-scheme:dark;background:#060914;overflow-x:hidden}
body.lp::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 500px at 15% -10%,rgba(124,108,255,.28),transparent 60%),radial-gradient(800px 500px at 90% 0%,rgba(34,211,238,.18),transparent 60%),radial-gradient(700px 600px at 50% 110%,rgba(255,77,141,.12),transparent 60%)}
body.lp::after{content:"";position:fixed;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 70%)}
body.lp header{background:rgba(6,9,20,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}
body.lp main{max-width:1200px}
body.lp h1{font-size:19px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.logo-mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#8b7bff,#22d3ee);display:inline-grid;place-items:center;font-size:14px;color:#050813;font-weight:800;box-shadow:0 0 18px rgba(139,123,255,.55)}
body.lp nav a,body.lp nav summary{color:var(--tx);opacity:.82;text-decoration:none;padding:8px 10px;font-weight:500;font-size:14px;cursor:pointer;list-style:none;border-radius:8px}
body.lp nav a:hover,body.lp nav summary:hover{opacity:1;background:rgba(255,255,255,.06)}
nav summary::-webkit-details-marker{display:none}
.dd{position:relative}.ddp{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:rgba(13,18,38,.97);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px;box-shadow:0 20px 50px rgba(0,0,0,.55);z-index:30}
.ddp.wide{width:min(720px,92vw);display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:4px 14px;padding:14px}.ddp h5{margin:6px 8px 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
body.lp .ddp a{display:block;padding:7px 10px;opacity:1}
body.lp .b{background:linear-gradient(135deg,#7c6cff,#22b8e8);box-shadow:0 6px 22px rgba(124,108,255,.4);border-radius:10px}body.lp .b:hover{filter:brightness(1.1)}
body.lp .g{border-color:rgba(255,255,255,.14);border-radius:10px}
.lp-hero{position:relative;text-align:center;padding:64px 8px 22px}
.lp-chip{display:inline-flex;gap:8px;align-items:center;padding:6px 14px;border-radius:99px;background:rgba(139,123,255,.14);border:1px solid rgba(139,123,255,.35);color:#cfc9ff;font-size:13px;text-decoration:none;margin-bottom:18px}
.lp-hero h2{font-size:clamp(34px,6vw,64px);line-height:1.05;letter-spacing:-.03em;margin:0 0 16px;font-weight:800}
.grad{background:linear-gradient(100deg,#a99bff 0%,#5ee1f5 50%,#ff8fc0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:sheen 8s linear infinite}
@keyframes sheen{to{background-position:200% center}}
.lp-hero p{max-width:690px;margin:0 auto 24px;color:var(--mu);font-size:clamp(16px,2vw,19px)}
.lp-search{max-width:620px;margin:0 auto 18px;position:relative}.lp-search input{padding:15px 18px 15px 48px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:16px;color:var(--tx);backdrop-filter:blur(10px);box-shadow:0 10px 40px rgba(0,0,0,.35)}.lp-search input:focus{outline:2px solid rgba(139,123,255,.7);border-color:transparent}.lp-search:before{content:"";position:absolute;left:18px;top:50%;width:20px;height:20px;margin-top:-10px;opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa6cf' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.lp-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 auto 30px;max-width:900px}
.lp-pills button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:var(--tx);padding:8px 16px;border-radius:99px;font-weight:500;font-size:14px;transition:.15s}.lp-pills button:hover{border-color:rgba(139,123,255,.6)}.lp-pills button.on{background:linear-gradient(135deg,#7c6cff,#22b8e8);border-color:transparent;color:#fff;box-shadow:0 4px 18px rgba(124,108,255,.45)}
.lp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.lpc{position:relative;display:block;text-align:left;text-decoration:none;color:var(--tx);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:20px;min-height:158px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden;font:inherit;width:100%}
.lpc:before{content:"";position:absolute;inset:0;background:radial-gradient(260px 120px at var(--mx,50%) -20%,rgba(139,123,255,.22),transparent 70%);opacity:0;transition:.25s}
.lpc:hover{transform:translateY(-4px);border-color:rgba(139,123,255,.55);box-shadow:0 14px 40px rgba(60,40,200,.28)}.lpc:hover:before{opacity:1}
.lpc .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:24px;margin-bottom:12px;background:var(--g,linear-gradient(135deg,#7c6cff,#22d3ee));box-shadow:0 8px 22px -6px var(--gc,rgba(124,108,255,.7))}
.lpc b{display:block;font-size:18px;letter-spacing:-.01em;margin-bottom:5px}.lpc span.d{color:var(--mu);font-size:14px;line-height:1.45;display:block}
.lpc .tag{position:absolute;right:14px;top:14px;font-size:11px;padding:2px 9px;border-radius:99px;background:rgba(52,211,153,.14);color:#6ee7b7;border:1px solid rgba(52,211,153,.3)}.lpc .tag.biz{background:rgba(139,123,255,.16);color:#c7c0ff;border-color:rgba(139,123,255,.4)}.lpc .tag.setup{background:rgba(251,191,36,.12);color:#fcd34d;border-color:rgba(251,191,36,.3)}
.lp-empty{text-align:center;color:var(--mu);padding:40px 0}
.lp-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:54px 0 10px}.lp-trust div{padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.lp-trust b{display:block;font-size:17px;margin:6px 0 4px}.lp-trust span{color:var(--mu);font-size:14px}.lp-trust i{font-style:normal;font-size:26px}
.lp-biz{margin:54px 0 10px;padding:34px;border-radius:24px;border:1px solid rgba(139,123,255,.3);background:linear-gradient(135deg,rgba(124,108,255,.16),rgba(34,211,238,.07));display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center}@media(max-width:800px){.lp-biz{grid-template-columns:1fr;padding:22px}}
.lp-biz h3{font-size:clamp(24px,3.4vw,36px);letter-spacing:-.02em;margin:0 0 10px}.lp-biz p{color:var(--mu);margin:0 0 16px}.lp-biz ul{margin:0 0 18px;padding-left:20px;color:var(--tx)}.lp-biz li{margin:5px 0}
.lp-code{background:#04060f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;font:12.5px/1.6 ui-monospace,Menlo,Consolas,monospace;color:#c9d4ff;overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,.5)}.lp-code .k{color:#8b7bff}.lp-code .s{color:#5ee1f5}.lp-code .c{color:#6b7599}
body.lp h2#pricing{font-size:clamp(26px,4vw,40px);letter-spacing:-.02em;margin-top:56px}
body.lp .card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border-color:rgba(255,255,255,.1);border-radius:18px}body.lp .card.plan.pop{border-color:#8b7bff;box-shadow:0 0 0 1px #8b7bff,0 18px 50px rgba(124,108,255,.28)}
body.lp .toggle{border-color:rgba(255,255,255,.15);border-radius:12px}body.lp .toggle button.on{background:linear-gradient(135deg,#7c6cff,#22b8e8)}
.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;animation:float 14s ease-in-out infinite}.orb.o1{width:260px;height:260px;background:#7c6cff;left:6%;top:40px}.orb.o2{width:220px;height:220px;background:#22d3ee;right:8%;top:120px;animation-delay:-6s}
@keyframes float{50%{transform:translate(30px,-26px)}}
@media(prefers-reduced-motion:reduce){.orb,.grad{animation:none}.lpc{transition:none}}
@media(max-width:700px){header{gap:6px}.lp-hero{padding-top:38px}}

@media(max-width:700px){body.lp nav>a:nth-of-type(-n+3){display:none}.dd{position:static}.ddp,.ddp.wide{position:fixed;left:10px;right:10px;top:64px;width:auto;max-height:70vh;overflow:auto}.lp-search input{font-size:15px}}
.lp-search input{width:100%;box-sizing:border-box}
.lp-hero h2{text-transform:none!important;color:var(--tx);margin-top:0}
.lp-search:before{z-index:2;pointer-events:none}

.lp-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 0 26px}.lp-cta .b{padding:13px 26px;font-size:16px}.lp-cta .g{padding:12px 22px;font-size:15px;text-decoration:none;color:var(--tx);display:inline-block}
.lp-svc-wrap{margin-top:34px;scroll-margin-top:80px}.lp-kicker{text-align:center;color:#a99bff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:0 0 6px}.lp-h3{text-align:center;font-size:clamp(24px,3.6vw,38px);letter-spacing:-.02em;margin:0 0 24px;line-height:1.15}
.lp-svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}
.svc{position:relative;padding:24px;border-radius:22px;border:1px solid rgba(139,123,255,.35);background:linear-gradient(180deg,rgba(124,108,255,.14),rgba(255,255,255,.02));display:flex;flex-direction:column;box-shadow:0 16px 50px rgba(30,20,120,.25);transition:transform .18s}
.svc:hover{transform:translateY(-4px)}.svc .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:var(--g);margin-bottom:12px;box-shadow:0 10px 26px -8px rgba(124,108,255,.8)}
.svc h4{margin:0 0 6px;font-size:22px;letter-spacing:-.01em}.svc p{color:var(--mu);margin:0 0 12px;font-size:15px}.svc ul{margin:0 0 18px;padding-left:18px;font-size:14px;flex:1}.svc li{margin:4px 0}.svc .b,.svc .g{align-self:flex-start}