.panel .pic{
  position:absolute;inset:0;z-index:0;opacity:.16;
  background-image:repeating-linear-gradient(135deg,#fff 0 2px,transparent 2px 16px);
}

.panel .ph-note{position:absolute;top:20px;right:22px;z-index:1;font-family:ui-monospace,monospace;font-size:10.5px;font-weight:600;color:oklch(1 0 0 /.7);background:oklch(1 0 0 /.12);padding:5px 10px;border-radius:8px}

.panel .pico{position:relative;z-index:1;width:60px;height:60px;border-radius:18px;background:oklch(1 0 0 /.2);display:grid;place-items:center;margin-bottom:auto}

.panel .pico .material-symbols-rounded{font-size:32px;color:#fff;font-variation-settings:'FILL' 1}

.panel .ptext{position:relative;z-index:1;margin-top:24px}

.panel h3{color:#fff;font-size:27px}

.panel p{color:oklch(1 0 0 /.9);font-size:15px;margin-top:8px;max-width:330px}

.panel .plink{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:15px;background:oklch(1 0 0 /.16);padding:11px 18px;border-radius:999px;width:fit-content;transition:.25s}

.panel .plink:hover{background:oklch(1 0 0 /.26);gap:12px}


/* ============================ FREE / CTA ============================ */

.free{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}

.free-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2xl);padding:38px;
  box-shadow:var(--shadow-md);position:relative;overflow:hidden;
}

.free-card .price{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}

.free-card .price b{font-family:"Bricolage Grotesque";font-size:52px;font-weight:800;color:var(--ink-900);letter-spacing:-.03em}

.free-card .price s{font-size:16px;color:var(--ink-500);text-decoration:none;font-weight:600}

.free-list{display:flex;flex-direction:column;gap:13px;margin:22px 0 26px}

.free-list li{display:flex;gap:11px;align-items:flex-start;list-style:none;font-size:15px;color:var(--ink-700)}

.free-list .material-symbols-rounded{font-size:21px;color:oklch(0.62 0.16 150);font-variation-settings:'FILL' 1;flex-shrink:0}

.free-apps{display:flex;gap:12px;flex-wrap:wrap}

.store{display:flex;align-items:center;gap:11px;background:var(--ink-900);color:#fff;padding:11px 18px;border-radius:14px;transition:.25s}

.store:hover{transform:translateY(-3px)}

.store .material-symbols-rounded,.store .apple-icon{font-size:26px;width:26px;height:26px;display:block;flex-shrink:0}.store .apple-icon{object-fit:contain;filter:invert(1)}

.store .st{line-height:1.1}

.store .st small{display:block;font-size:10px;opacity:.75;font-weight:500}

.store .st b{font-size:15px;font-weight:700}


/* final CTA */

.final{
  position:relative;background:linear-gradient(150deg,var(--blue-600),var(--blue-700));
  border-radius:var(--r-2xl);padding:64px;color:#fff;overflow:clip;text-align:center;
  clip-path:inset(0 round var(--r-2xl));isolation:isolate;
  box-shadow:var(--shadow-lg);
}

.final .glow{position:absolute;width:480px;height:480px;border-radius:50%;background:oklch(0.61 0.22 28 /.4);filter:blur(90px);top:-200px;right:-100px}

.final-inner{position:relative;z-index:1;max-width:620px;margin:0 auto}

.final h2{color:#fff;font-size:clamp(30px,4vw,46px);font-weight:800}

.final p{color:oklch(1 0 0 /.88);font-size:18px;margin-top:16px}

.final .final-cta{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin-top:30px}

.final .btn-ghost{background:oklch(1 0 0 /.12);color:#fff;border-color:oklch(1 0 0 /.22);backdrop-filter:blur(4px)}

.final .btn-ghost:hover{background:oklch(1 0 0 /.2)}


/* ============================ FOOTER ============================ */

footer{background:var(--paper-2);border-top:1px solid var(--line);padding:64px 0 34px}

.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}

.foot-brand p{font-size:14.5px;color:var(--ink-700);margin-top:16px;max-width:300px}

.socials{display:flex;gap:10px;margin-top:20px}

.socials a{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-700);transition:.25s}

.socials a:hover{color:var(--brand);border-color:var(--blue-100);transform:translateY(-2px)}

.socials .material-symbols-rounded{font-size:20px}

.foot-col h5{font-family:"Plus Jakarta Sans";font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);margin-bottom:16px}

.foot-col a{display:block;font-size:14.5px;color:var(--ink-700);padding:6px 0;transition:.2s}

.foot-col a:hover{color:var(--brand)}

.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-500)}

.foot-bottom a{color:var(--ink-500)}

.foot-bottom a:hover{color:var(--brand)}


/* ============================ MISSION ============================ */

.mission{position:relative;overflow:clip;border-radius:var(--r-2xl);background:linear-gradient(165deg,var(--blue-50),var(--surface));border:1px solid var(--blue-100);padding:64px;box-shadow:var(--shadow-sm);clip-path:inset(0 round var(--r-2xl));isolation:isolate}

.mission .heart{position:absolute;z-index:0;width:340px;height:340px;border-radius:50%;background:var(--red-100);filter:blur(80px);opacity:.6;top:-140px;left:-90px}

.mission-inner{position:relative;z-index:1;max-width:780px;margin:0 auto;text-align:center}

.mission .seal{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;margin:0 auto 22px;background:linear-gradient(150deg,var(--red-500),var(--red-600));box-shadow:0 16px 34px oklch(0.61 0.22 28 /.28)}

.mission .seal .material-symbols-rounded{font-size:34px;color:#fff;font-variation-settings:'FILL' 1,'wght' 500}

.mission h2{font-size:clamp(28px,3.5vw,44px);font-weight:800}

.mission h2 em{font-style:normal;color:var(--red-600)}

.mission .manifesto{font-size:18px;color:var(--ink-700);margin-top:20px;text-wrap:pretty;line-height:1.65}

.mission .manifesto b{color:var(--ink-900);font-weight:700}

.pledge{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px;text-align:left}

.pledge .pl{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:20px}

.pledge .pl .pi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px}

.pledge .pl .pi .material-symbols-rounded{font-size:22px;font-variation-settings:'FILL' 1,'wght' 500}