*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --ink:#171338;--g700:#4b4677;--g600:#6f6a94;--g500:#9591b4;
  --blue:#1763B6;--blue2:#2E7BD6;--violet:#7B61FF;--teal:#10B5A0;--coral:#FF7A4D;--pink:#FF5DA2;--yellow:#FFC43A;--green:#1F9E7A;
  --paper:#FFF7EE;--white:#fff;--sky:#E6F0FF;--peach:#FFEADF;--mint:#D7F4EB;--lilac:#EBE4FF;--lemon:#FFF1C7;--ink-bg:#15122e;
  --line:#ece2d4;
  --grad:linear-gradient(120deg,#1763B6,#2E7BD6 52%,#7B61FF);
  --grad-rb:linear-gradient(100deg,#FF5DA2,#7B61FF 34%,#1763B6 64%,#10B5A0);
  --grad-warm:linear-gradient(120deg,#FF7A4D,#FFC43A);
  --disp:'Bricolage Grotesque','Plus Jakarta Sans',system-ui,sans-serif;
  --r-md:20px;--r-lg:26px;--r-xl:32px;--r-2xl:42px;--ease:cubic-bezier(.16,1,.3,1);--mw:980px
}
html{scroll-behavior:smooth}html,body{overflow-x:clip}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#1d1947;background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}img,svg{display:block}
.container{max-width:var(--mw);margin:0 auto;padding:0 24px}
.msr{font-family:'Material Symbols Rounded';font-weight:400;font-size:22px;line-height:1;display:inline-flex;vertical-align:middle;font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24}
.eyebrow .msr,.alist .ic .msr{font-variation-settings:'FILL' 1,'wght' 600,'GRAD' 0,'opsz' 24}
h1,h2,h3{font-family:var(--disp);color:var(--ink);line-height:1.08;letter-spacing:-.025em;font-weight:800}
.gt{background:var(--grad-rb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{font-size:clamp(1.05rem,1.6vw,1.28rem);color:var(--g600);font-weight:500}
.muted{color:var(--g600)}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;color:#fff;background:var(--blue);padding:7px 15px;border-radius:100px}
.eyebrow .msr{font-size:17px}
.eyebrow.coral{background:var(--coral)}.eyebrow.teal{background:var(--teal)}.eyebrow.violet{background:var(--violet)}.eyebrow.green{background:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 28px;border-radius:100px;font-size:.98rem;font-weight:800;border:none;cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease);white-space:nowrap}
.btn .msr{font-size:20px}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 14px 30px -10px rgba(45,99,200,.6)}
.btn-primary:hover{transform:translateY(-3px)}
.btn-ghost{background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 rgba(23,19,56,.12)}
.btn-ghost:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--violet);color:var(--violet)}
/* nav */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,247,238,.82);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:var(--disp);font-size:1.34rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);display:flex;align-items:center;gap:9px}
.logo .dot{width:12px;height:12px;border-radius:5px;background:var(--grad-rb)}
.nav-r{display:flex;align-items:center;gap:10px}
.back{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--g600);font-size:.9rem}
.back:hover{color:var(--ink)}.back .msr{font-size:18px}
/* hero */
.phero{padding:70px 0 50px;position:relative;overflow:hidden}
.phero .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;z-index:0}
.phero h1{font-size:clamp(2.4rem,5.6vw,3.8rem);letter-spacing:-.035em;margin:18px 0 16px;line-height:1;position:relative;z-index:2}
.phero .lead{max-width:620px;position:relative;z-index:2}
.phero .eyebrow{position:relative;z-index:2}
.phero .pcta{margin-top:28px;position:relative;z-index:2}
/* article */
.art{padding:60px 0;position:relative}
.band-sky{background:var(--sky)}.band-peach{background:var(--peach)}.band-mint{background:var(--mint)}.band-lilac{background:var(--lilac)}.band-lemon{background:var(--lemon)}.band-white{background:#fff}
.art h2{font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.025em;margin:14px 0 16px}
.art p{color:var(--g700);font-size:1.02rem;max-width:680px}
.art p+p{margin-top:14px}
.alist{display:grid;gap:13px;margin-top:24px;max-width:700px}
.alist li{display:flex;gap:12px;align-items:flex-start;list-style:none;font-size:1rem;color:var(--g700)}
.alist .ic{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--blue)}
.alist .ic.c{background:var(--coral)}.alist .ic.t{background:var(--teal)}.alist .ic.v{background:var(--violet)}.alist .ic.p{background:var(--pink)}.alist .ic.y{background:var(--yellow)}
.alist .ic .msr{font-size:19px}
.alist b{color:var(--ink);font-weight:800;display:block;font-size:1rem}
.alist span{color:var(--g600);font-size:.92rem}
.acards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.acard{background:#fff;border:2px solid var(--ink);border-radius:var(--r-lg);padding:24px}
.acard:nth-child(1){box-shadow:7px 9px 0 var(--blue)}.acard:nth-child(2){box-shadow:7px 9px 0 var(--teal)}.acard:nth-child(3){box-shadow:7px 9px 0 var(--pink)}
.acard .n{font-family:var(--disp);font-weight:800;font-size:1.3rem;color:var(--line)}
.acard h3{font-size:1.1rem;margin:8px 0 6px}.acard p{font-size:.92rem;color:var(--g600)}
/* cta */
.pcta-band{padding:70px 0}
.pcta-card{background:var(--ink);color:#fff;border:2px solid var(--ink);border-radius:var(--r-2xl);box-shadow:14px 16px 0 var(--violet);padding:48px 44px;text-align:center;max-width:760px;margin:0 auto;position:relative;overflow:hidden}
.pcta-card h2{color:#fff;font-size:clamp(1.7rem,3vw,2.4rem)}
.pcta-card p{color:rgba(255,255,255,.74);margin:14px auto 26px;max-width:480px}
.pcta-card .gt{background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* footer */
.pfoot{padding:36px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}
.pfoot .logo{font-size:1.1rem}
.pfoot .fc{display:flex;gap:18px;flex-wrap:wrap}
.pfoot a{color:var(--g600);font-weight:600;font-size:.9rem;display:inline-flex;gap:7px;align-items:center}
.pfoot a:hover{color:var(--ink)}.pfoot a .msr{font-size:18px;color:var(--blue)}
.rv{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rv.in{opacity:1;transform:none}
@media(max-width:760px){.acards{grid-template-columns:1fr}}