:root{--ink: #0f1f38;--ink-soft: #4a5b78;--ink-dim: #8294b3;--paper: #f5f9ff;--card: #ffffff;--line: #dbe6f7;--blue: #2f7cf6;--blue-deep: #1d5fd1;--blue-soft: #e3eeff;--sky: #5eb2f7;--font-display: "Bricolage Grotesque", "Be Vietnam Pro", sans-serif;--font-body: "Be Vietnam Pro", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink-soft);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.lp-root{position:relative;min-height:100dvh;overflow-x:hidden;isolation:isolate}.lp-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(42vmax 42vmax at 12% -8%,rgba(94,178,247,.28),transparent 60%),radial-gradient(38vmax 38vmax at 96% 12%,rgba(47,124,246,.16),transparent 62%),radial-gradient(50vmax 44vmax at 50% 112%,rgba(133,196,255,.22),transparent 58%),var(--paper)}.lp-dots{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(47,124,246,.13) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse 75% 65% at 50% 38%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 38%,#000 30%,transparent 100%)}.lp-hero{position:relative;max-width:1120px;margin:0 auto;min-height:92dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,72px);padding:clamp(48px,8vw,96px) 28px 56px}.lp-hero-copy{animation:lp-rise .9s cubic-bezier(.16,1,.3,1) both}@keyframes lp-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.lp-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;margin-bottom:26px;font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--blue-deep);border-radius:999px;border:1px solid rgba(47,124,246,.25);background:#ffffffbf;box-shadow:0 4px 16px -8px #2f7cf659}.lp-badge-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 #16a34a80;animation:lp-pulse 2s infinite}@keyframes lp-pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 9px #16a34a00}to{box-shadow:0 0 #16a34a00}}.lp-title{font-family:var(--font-display);font-size:clamp(30px,4.6vw,52px);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--ink);display:flex;flex-direction:column;gap:4px}.lp-brand{font-size:1.55em;font-weight:800;letter-spacing:.01em;background:linear-gradient(96deg,var(--blue-deep) 10%,var(--blue) 45%,var(--sky) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.lp-hero-desc{margin-top:20px;max-width:480px;font-size:clamp(15px,1.8vw,17px);line-height:1.75;color:var(--ink-soft)}.lp-hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.lp-chip{padding:9px 16px;font-size:13px;color:var(--ink-soft);border-radius:999px;border:1px solid var(--line);background:#ffffffd9;box-shadow:0 3px 12px -6px #1f50a02e}.lp-chip strong{color:var(--blue-deep);font-weight:700}.lp-stack{position:relative;height:clamp(320px,40vw,440px);animation:lp-rise .9s .15s cubic-bezier(.16,1,.3,1) both}.lp-window{position:absolute;width:min(78%,340px);border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 24px 56px -24px #1f50a059;overflow:hidden}.lp-window-back{top:0;right:0;transform:rotate(3deg);opacity:.65}.lp-window-mid{top:16%;left:0;transform:rotate(-4deg);opacity:.85}.lp-window-front{bottom:6%;right:8%;animation:lp-float 6s ease-in-out infinite}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lp-window-bar{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid var(--line);background:#f1f6ff}.lp-dot{width:8px;height:8px;border-radius:50%;background:#cdddf5}.lp-window-url{margin-left:8px;padding:3px 10px;font-size:11px;font-weight:600;color:var(--blue-deep);background:#fff;border:1px solid var(--line);border-radius:999px}.lp-window-body{height:110px;padding:16px;display:flex;flex-direction:column;gap:8px}.lp-window-front .lp-window-body{height:150px}.lp-skel-blue{background:linear-gradient(160deg,#eaf3ff,#f8fbff)}.lp-skel-mint{background:linear-gradient(160deg,#e8faf3,#f6fffb)}.lp-skel-gold{background:linear-gradient(160deg,#fff6e3,#fffdf6)}.lp-skel-line{display:block;height:9px;width:64%;border-radius:99px;background:#d7e6fb}.lp-skel-line-lg{width:84%;height:13px;background:#c4daf9}.lp-skel-btn{margin-top:auto;align-self:flex-start;padding:8px 22px;font-size:11px;font-weight:700;letter-spacing:.1em;color:#fff;border-radius:10px;background:linear-gradient(120deg,var(--blue),var(--sky));box-shadow:0 8px 18px -8px #2f7cf6b3}.lp-stack-tag{position:absolute;padding:7px 14px;font-size:11.5px;font-weight:600;color:var(--blue-deep);background:#ffffffeb;border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 20px -10px #1f50a04d;white-space:nowrap}.lp-stack-tag-1{left:-4%;bottom:26%}.lp-stack-tag-2{right:0;top:38%}.lp-divider{width:64px;height:3px;margin:28px auto 0;border-radius:99px;background:linear-gradient(90deg,var(--blue-deep),var(--sky))}.lp-foot{font-size:12.5px;letter-spacing:.05em;color:var(--ink-dim)}@media (max-width: 860px){.lp-hero{grid-template-columns:1fr;min-height:auto;text-align:center;padding-top:64px}.lp-hero-desc{margin-left:auto;margin-right:auto}.lp-hero-chips{justify-content:center}.lp-stack{max-width:420px;margin:0 auto;width:100%}.lp-stack-tag-1{left:0}}@media (prefers-reduced-motion: reduce){.lp-badge-dot,.lp-hero-copy,.lp-stack,.lp-window-front{animation:none}html{scroll-behavior:auto}}.lp-section{position:relative;max-width:1120px;margin:0 auto;padding:clamp(56px,8vw,104px) 28px;text-align:center}.lp-kicker{font-size:12px;font-weight:700;letter-spacing:.28em;color:var(--blue);margin-bottom:14px}.lp-h2{font-family:var(--font-display);font-size:clamp(24px,3.4vw,38px);font-weight:700;letter-spacing:-.015em;color:var(--ink);margin-bottom:clamp(32px,5vw,56px)}.lp-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left}.lp-feature{position:relative;padding:28px 26px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 36px -22px #1f50a047;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;overflow:hidden}.lp-feature-wide{grid-column:span 2;background:radial-gradient(60% 120% at 92% -10%,var(--blue-soft),transparent 70%),var(--card)}.lp-feature:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--tone, var(--blue)) 45%,var(--line));box-shadow:0 24px 48px -22px #1f50a066}.lp-tone-blue{--tone: #2f7cf6}.lp-tone-sky{--tone: #38a3f5}.lp-tone-indigo{--tone: #5b76f0}.lp-tone-teal{--tone: #18a7a0}.lp-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:18px;font-size:20px;border-radius:14px;color:var(--tone, var(--blue));background:color-mix(in srgb,var(--tone, var(--blue)) 10%,#fff);border:1px solid color-mix(in srgb,var(--tone, var(--blue)) 26%,transparent)}.lp-feature-title{font-family:var(--font-display);font-size:17.5px;font-weight:700;color:var(--ink);margin-bottom:10px}.lp-feature-desc{font-size:14px;line-height:1.75;color:var(--ink-soft)}.lp-feature-wide .lp-feature-title{font-size:20px}.lp-feature-wide .lp-feature-desc{max-width:560px}.lp-wip-badge{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--blue-deep);border-radius:999px;border:1px dashed color-mix(in srgb,var(--blue) 50%,transparent);background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.85) 50%,transparent 70%) no-repeat -120% 0 / 240% 100%,var(--blue-soft);animation:lp-wip-shine 3.2s ease-in-out infinite}@keyframes lp-wip-shine{0%,55%{background-position:-120% 0,0 0}to{background-position:220% 0,0 0}}.lp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;text-align:left}.lp-step{position:relative;padding:30px 26px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(165deg,#fff,#f3f8ff);box-shadow:0 14px 36px -24px #1f50a04d}.lp-step-num{display:block;font-family:var(--font-display);font-size:44px;font-weight:800;line-height:1;margin-bottom:16px;background:linear-gradient(120deg,var(--blue-deep),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}.lp-step-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px}.lp-step-desc{font-size:14px;line-height:1.75;color:var(--ink-soft)}.lp-creator-card{position:relative;max-width:680px;margin:0 auto;padding:clamp(40px,7vw,72px) clamp(24px,5vw,56px);border-radius:28px;background:radial-gradient(70% 110% at 50% -20%,var(--blue-soft),transparent 70%),var(--card);border:1px solid var(--line);box-shadow:0 30px 70px -32px #1f50a073;overflow:hidden}.lp-creator-name{font-family:var(--font-display);font-size:clamp(52px,10vw,100px);font-weight:800;letter-spacing:.04em;line-height:1;background:linear-gradient(100deg,var(--blue-deep) 5%,var(--blue) 50%,var(--sky) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.lp-creator-tag{margin-top:12px;font-size:13px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-dim)}.lp-creator-desc{margin:22px auto 0;max-width:480px;font-size:15px;line-height:1.85;color:var(--ink-soft)}.lp-creator-desc strong{color:var(--blue-deep)}.lp-creator-quote{margin-top:20px;font-size:15px;font-style:italic;color:var(--ink-dim)}.lp-footer{padding:40px 24px 48px;text-align:center;border-top:1px solid var(--line);background:#fff9}.lp-foot-dim{margin-top:8px;opacity:.75}@media (max-width: 920px){.lp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.lp-feature-grid{grid-template-columns:1fr}.lp-feature-wide{grid-column:auto}}@media (prefers-reduced-motion: reduce){.lp-feature,.lp-feature:hover{transition:none;transform:none}.lp-wip-badge{animation:none}}