@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700&family=Inter:wght@400;500;600;700;800&display=swap');

:root{--coral:#ff6a4d;--coral2:#ff8a6a;--teal:#1f9d8f;--cream:#fff6ef;--ink:#2b2320}
*{box-sizing:border-box}
body{margin:0;background:#e9e9e9;color:var(--ink);font-family:'Inter',Arial,sans-serif}
button{font:inherit;cursor:default}
.deck{max-width:1440px;margin:0 auto}
.intro{background:#151515;color:#fff;padding:18px 48px;display:flex;justify-content:space-between;align-items:center}
.intro strong{font-size:17px}.intro span{font-size:13px;color:#b7b7b7}
.frame{height:900px;position:relative;overflow:hidden;background:var(--cream);margin-bottom:40px;box-shadow:0 14px 50px #0002}
.tag{position:absolute;z-index:6;top:20px;right:22px;background:#fff;color:var(--ink);padding:9px 14px;border-radius:50px;font-weight:800;font-size:12px;letter-spacing:.08em;box-shadow:0 3px 15px #0002}
.brand{display:flex;align-items:center;gap:10px;font-family:'Quicksand',sans-serif;font-weight:700;font-size:18px}
.brand img{width:38px;height:38px;object-fit:contain}

header{padding:24px 55px;display:flex;justify-content:space-between;align-items:center}
.nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}
.cta{border:0;padding:14px 22px;font-weight:700;border-radius:30px;background:var(--coral);color:#fff}
.ghost{background:transparent;border:0;color:var(--ink);padding:14px 4px;font-weight:700;text-decoration:underline;text-underline-offset:4px}

.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:10px;padding:20px 55px 10px;align-items:center;height:560px}
.copy{max-width:480px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
h1{font-family:'Quicksand',sans-serif;font-weight:700;font-size:52px;line-height:1.08;margin:14px 0 18px}
.copy p{font-size:16px;line-height:1.55;color:#5c534d;max-width:430px}
.actions{display:flex;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}

.phonewrap{position:relative;height:520px;display:flex;align-items:center;justify-content:center}
.photo{position:absolute;right:0;top:30px;width:300px;height:380px;border-radius:28px;background:url('assets/e63d60135a49.jpg') center/cover;box-shadow:0 20px 50px #00000022}
.phone{position:relative;width:260px;background:#fff;border-radius:30px;box-shadow:0 25px 60px #00000030;padding:18px 18px 22px;margin-left:-70px}
.pbar{display:flex;gap:4px;align-items:center;font-size:9px;color:#c7c2bd;margin-bottom:14px}
.pbar b{margin-left:auto;font-size:11px;color:var(--ink);font-weight:700}
.hello{font-weight:700;font-size:17px;margin-bottom:14px}
.pcard{border-radius:14px;padding:12px 14px;margin-bottom:10px;display:flex;flex-direction:column;gap:3px}
.pcard span{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;opacity:.75}
.pcard b{font-size:14px}
.pcard.ok{background:#e4f6ef;color:#157a5f}
.pcard.event{background:#fff0e9;color:#b8502f}
.level{margin-top:14px}
.levelhead{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;margin-bottom:6px;color:#8a8178}
.levelhead b{color:var(--ink)}
.bar{height:8px;background:#f1ece6;border-radius:10px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--coral),var(--coral2));border-radius:10px}

.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#f1ece6;border-top:1px solid #f1ece6}
.features div{background:#fff;padding:22px 24px;font-size:13.5px;font-weight:600;color:#6b6259;display:flex;flex-direction:column;gap:8px}
.features b{font-size:24px}

.note{max-width:1440px;margin:-15px auto 55px;background:#fff;padding:18px 25px;font-size:14px;line-height:1.5;color:#333}

@media(max-width:700px){
  .frame{height:1280px}
  .nav span{display:none}
  header{padding:18px}
  .hero{grid-template-columns:1fr;height:auto;padding:20px 22px 0}
  h1{font-size:38px}
  .phonewrap{height:380px;margin-top:20px}
  .photo{display:none}
  .phone{margin-left:0}
  .features{grid-template-columns:repeat(2,1fr)}
}