/* Preview 1: "Aurora Tape" — Stripe-style animated gradient mesh on a -6° slice, light fintech.
   Fonts: Inter Tight (display), Inter (body), JetBrains Mono (numbers). */
@import url("fonts/inter-tight.css");
@import url("fonts/inter.css");
@import url("fonts/jetbrains-mono.css");
body.lp-style-1{
  --bg:#FFFFFF; --bg-alt:#F6F8FC; --surface:#FFFFFF; --border:#E3E8F0; --text:#0A1A2F; --muted:#5A6478;
  --accent:#5B4DFF; --accent-2:#B14BFF; --accent-ink:#FFFFFF; --accent-soft:rgba(91,77,255,.08);
  --gain:#0FB37A; --loss:#F0475B;
  --hero-bg:#FFFFFF; --hero-text:#0A1A2F; --hero-muted:#3B475C; --nav-text:#0A1A2F;
  --beta-bg:#0A1A2F; --beta-text:#FFFFFF; --beta-btn-bg:#FFFFFF; --beta-btn-text:#0A1A2F;
  --foot-bg:#FFFFFF;
  --font-display:"Inter Tight",Inter,system-ui,sans-serif; --font-body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; --font-mono:"JetBrains Mono",ui-monospace,monospace;
  --title-size:clamp(2.6rem,5.8vw,4.9rem); --title-weight:700; --title-tracking:-.045em;
  --radius:16px; --radius-btn:999px; --shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3);
}
.lp-style-1 .lp-hero{padding:150px 0 150px}
/* gradient mesh, sliced on a skewed diagonal so the hero bottom is white */
.lp-style-1 .a-mesh{position:absolute;inset:0 0 auto 0;height:100%;clip-path:polygon(0 0,100% 0,100% 58%,0 100%);background:#B14BFF;filter:saturate(1.1)}
.lp-style-1 .a-mesh i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.95;mix-blend-mode:normal}
.lp-style-1 .a-b1{width:60vw;height:60vw;left:-15vw;top:-30vw;background:#5B4DFF;animation:a-drift1 18s ease-in-out infinite alternate}
.lp-style-1 .a-b2{width:45vw;height:45vw;left:25vw;top:-20vw;background:#F23FD4;animation:a-drift2 22s ease-in-out infinite alternate}
.lp-style-1 .a-b3{width:50vw;height:50vw;right:-10vw;top:-25vw;background:#FF6B2C;animation:a-drift3 20s ease-in-out infinite alternate}
.lp-style-1 .a-b4{width:34vw;height:34vw;right:10vw;top:5vw;background:#FFCF1F;animation:a-drift1 24s ease-in-out infinite alternate-reverse}
.lp-style-1 .a-b5{width:40vw;height:40vw;left:5vw;top:10vw;background:#7B5BFF;animation:a-drift2 26s ease-in-out infinite alternate-reverse}
@keyframes a-drift1{to{transform:translate(12vw,6vw) scale(1.15)}}
@keyframes a-drift2{to{transform:translate(-10vw,8vw) scale(.9)}}
@keyframes a-drift3{to{transform:translate(-8vw,-4vw) scale(1.2)}}
/* soft white veil behind the copy so the dark headline stays readable on the mesh */
.lp-style-1 .a-mesh::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.35) 38%,rgba(255,255,255,0) 62%)}
.lp-style-1 .lp-brand{font-family:var(--font-display);letter-spacing:-.02em}
.lp-style-1 .lp-eyebrow{color:#0A1A2F;opacity:.8;letter-spacing:.08em}
.lp-style-1 .lp-title{color:#0A1A2F}
.lp-style-1 .lp-hero .lp-accent{background:linear-gradient(270deg,#FF6B2C,#F23FD4 45%,#5B4DFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-style-1 .lp-cta-line{color:#0A1A2F;font-weight:500}
.lp-style-1 .lp-hero-note{color:#0A1A2F;opacity:.75}
.lp-style-1 .lp-art-note{color:#3B475C}
/* buttons: dark pill with hover arrow, white Google pill */
.lp-style-1 .lp-btn{height:44px;padding:0 20px;font-weight:600}
.lp-style-1 .lp-btn-lg{height:48px;padding:0 24px}
.lp-style-1 .lp-btn-primary{background:#0A1A2F;color:#fff;box-shadow:0 10px 24px -10px rgba(10,26,47,.7)}
.lp-style-1 .lp-btn-primary::after{content:"→";display:inline-block;margin-left:2px;transition:transform .2s ease}
.lp-style-1 .lp-btn-primary:hover::after{transform:translateX(4px)}
.lp-style-1 .lp-btn-google{background:#fff;border:1px solid #E3E8F0;color:#0A1A2F}
.lp-style-1 .lp-btn-ghost{background:rgba(255,255,255,.7);border:1px solid rgba(10,26,47,.12);color:#0A1A2F;backdrop-filter:blur(8px)}
.lp-style-1 .lp-beta-card .lp-btn-primary{background:#fff;color:#0A1A2F}
/* floating result card */
.lp-style-1 .a-card{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:22px 22px 18px;transform:perspective(1200px) rotateY(calc(-8deg + var(--lp-scroll,0)*8deg)) rotateX(calc(3deg - var(--lp-scroll,0)*3deg)) rotate(calc(1.5deg - var(--lp-scroll,0)*1.5deg));transition:transform .1s linear;color:#0A1A2F}
.lp-style-1 .a-card-head{display:flex;align-items:center;gap:8px;font-size:14px}
.lp-style-1 .a-dot{width:8px;height:8px;border-radius:50%;background:var(--gain);box-shadow:0 0 0 4px rgba(15,179,122,.15)}
.lp-style-1 .a-tag{margin-left:auto;font-size:12px;color:var(--muted);background:var(--bg-alt);padding:3px 9px;border-radius:999px}
.lp-style-1 .a-card-big{margin:14px 0 4px;display:flex;align-items:baseline;gap:10px}
.lp-style-1 .a-card-big .lp-num{font-size:34px;font-weight:700;letter-spacing:-.02em}
.lp-style-1 .a-card-big small{color:var(--muted);font-size:13px}
.lp-style-1 .a-gain{color:var(--gain)} .lp-style-1 .a-loss{color:var(--loss)}
.lp-style-1 .a-chart{width:100%;height:130px;display:block}
.lp-style-1 .a-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0;padding-top:14px;border-top:1px solid var(--border)}
.lp-style-1 .a-stats dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.lp-style-1 .a-stats dd{margin:2px 0 0;font-size:17px;font-weight:600}
/* sections */
.lp-style-1 .lp-chips li{background:#fff;border:1px solid var(--border);color:#0A1A2F}
.lp-style-1 .lp-chips li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:linear-gradient(135deg,#5B4DFF,#F23FD4);vertical-align:1px}
.lp-style-1 .lp-how{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lp-style-1 .lp-steps li{box-shadow:0 2px 5px -1px rgba(50,50,93,.08),0 1px 3px -1px rgba(0,0,0,.06)}
.lp-style-1 .lp-step-n{background:linear-gradient(135deg,#5B4DFF,#B14BFF);font-family:var(--font-mono);font-size:14px}
.lp-style-1 .lp-copy{background:#0A1A2F}
.lp-style-1 .lp-beta-card{background:#0A1A2F;position:relative;overflow:hidden}
.lp-style-1 .lp-beta-card::before{content:"";position:absolute;inset:auto -20% -60% -20%;height:120%;background:radial-gradient(closest-side,rgba(242,63,212,.45),transparent),radial-gradient(closest-side at 30% 50%,rgba(91,77,255,.55),transparent),radial-gradient(closest-side at 75% 50%,rgba(255,107,44,.35),transparent);filter:blur(30px)}
.lp-style-1 .lp-beta-card>*{position:relative}
@media (max-width:900px){.lp-style-1 .a-mesh::after{background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.6) 40%,rgba(255,255,255,.1) 62%,rgba(255,255,255,0) 75%)}.lp-style-1 .lp-hero{padding:120px 0 90px}.lp-style-1 .a-mesh{clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}.lp-style-1 .a-card{transform:none}}
.lp-motion .lp-style-1 .a-card{animation:a-float 7s ease-in-out infinite}
@keyframes a-float{50%{translate:0 -8px}}