/* Bersih Cuan: CSS asli dari Lovable + pengganti reset Tailwind & tombol shadcn */
*,::before,::after{border-width:0;border-style:solid}
html{line-height:1.5;-webkit-text-size-adjust:100%}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
p,h1,h2,h3,h4,h5,h6,blockquote,figure{margin:0}
ol,ul{list-style:none;margin:0;padding:0}
img,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
a{color:inherit;text-decoration:inherit}
button{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;background:transparent;border:0;text-transform:none;cursor:pointer}
table{border-collapse:collapse;text-indent:0;border-color:inherit}
strong{font-weight:bolder}small{font-size:80%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;height:2.5rem;padding:.5rem 1rem}
.btn svg{width:1rem;height:1rem;flex:none;pointer-events:none}
.btn-ghost:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}
.h-auto{height:auto}.whitespace-normal{white-space:normal}
.text-foreground{color:hsl(var(--foreground))}.text-primary-foreground{color:hsl(var(--primary-foreground))}


  :root {
    --g900: #022b2b; --g800: #053d3a; --g700: #065f58; --g600: #0a7c72; --g500: #0d9488; --g400: #14b8a6; --g300: #5eead4; --g100: #ccfbf1; --g50: #f0fdfa;
    --orange-700: #b84a0b; --orange-600: #dc5c0f; --orange-500: #f97316; --orange-100: #ffedd5; --yellow-400: #facc15;
    --background: 167 85% 97%; --foreground: 180 87% 9%; --card: 0 0% 100%; --card-foreground: 180 87% 9%; --popover: 0 0% 100%; --popover-foreground: 180 87% 9%;
    --primary: 173 80% 26%; --primary-foreground: 167 85% 97%; --secondary: 168 84% 78%; --secondary-foreground: 180 87% 9%; --muted: 167 85% 94%; --muted-foreground: 180 25% 30%;
    --accent: 21 90% 53%; --accent-foreground: 0 0% 100%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%; --border: 168 60% 85%; --input: 168 60% 85%; --ring: 173 80% 26%; --radius: .5rem;
    --surface: #ffffff; --surface-soft: #f5fffc; --ink-muted: #496665; --dark-bg: #021f1e; --dark-card: #063a37; --line-soft: #d8efea;
    --shadow-card: 0 16px 40px -28px rgba(2,43,43,.38); --shadow-cta: 0 5px 0 #b84a0b, 0 14px 28px -12px rgba(220,92,15,.62);
  }
  * { border-color: hsl(var(--border)); box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  html, body { background: hsl(var(--background)); color: hsl(var(--foreground)); margin: 0; overflow-x: hidden; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
  h1, h2, h3, h4, .font-head { font-family: 'Sora', system-ui, sans-serif; letter-spacing: 0; }
  button, a { -webkit-tap-highlight-color: transparent; }



  .landing-page { min-height: 100vh; background: var(--surface-soft); }
  .page-shell { width: min(100% - 2.5rem, 1080px); margin-inline: auto; }
  .section-pad { padding-block: 4.75rem; }
  .section-white { background: var(--surface); }
  .section-mint { background: linear-gradient(180deg, var(--g50), var(--surface)); }
  .dark-section { color: hsl(var(--primary-foreground)); background: linear-gradient(155deg, var(--dark-bg), var(--g700)); }
  .section-heading { max-width: 720px; margin: 0 auto 2.5rem; text-align: center; }
  .section-heading h2 { margin: .65rem 0 0; font-size: clamp(1.75rem, 4vw, 2.7rem); line-height: 1.2; font-weight: 800; }
  .section-heading h2 span { color: var(--orange-500); }
  .eyebrow { display: inline-flex; padding: .4rem .85rem; border: 1px solid var(--g100); border-radius: 999px; background: var(--g50); color: var(--g700); font: 800 .73rem/1 'Sora', sans-serif; letter-spacing: .08em; text-transform: uppercase; }
  .eyebrow-light { color: var(--g300); border-color: rgba(94,234,212,.28); background: rgba(94,234,212,.1); }
  .section-lead { max-width: 680px; margin: -1rem auto 2.25rem; text-align: center; color: var(--ink-muted); line-height: 1.75; }
  .light-copy { color: rgba(240,253,250,.8); }
  .btn-cta { position: relative; min-height: 58px; padding: .95rem 1.6rem; border: 0; border-radius: .65rem; overflow: hidden; background: linear-gradient(180deg, var(--orange-500), var(--orange-600)); color: hsl(var(--accent-foreground)); box-shadow: var(--shadow-cta); font: 800 1rem/1.3 'Sora',sans-serif; transition: transform .18s ease, box-shadow .18s ease; }
  .btn-cta::before { content: ''; position: absolute; inset: 0 auto 0 -65%; width: 42%; transform: skewX(-24deg); background: linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent); animation: shimmer 3.2s infinite; }
  .btn-cta:hover { transform: translateY(-2px); box-shadow: 0 7px 0 var(--orange-700), 0 18px 32px -12px rgba(220,92,15,.68); }
  .btn-cta:active { transform: translateY(3px); box-shadow: 0 2px 0 var(--orange-700); }
  @keyframes shimmer { 0%,55% { left:-65% } 100% { left:130% } }

  .hero-section { position: relative; overflow: hidden; color: hsl(var(--primary-foreground)); background: linear-gradient(150deg, var(--g900), var(--g700) 62%, var(--g500)); }
  .hero-pattern { position: absolute; inset: 0; opacity: .23; background-image: linear-gradient(rgba(94,234,212,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(94,234,212,.12) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom, black, transparent 80%); }
  .hero-inner { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.82fr); align-items: center; gap: 1rem 3.5rem; padding-block: 1.5rem 4.5rem; }
  .brand-logo { grid-column: 1/-1; width: auto; height: 50px; object-fit: contain; }
  .hero-copy { align-self: end; }
  .promo-badge { display: inline-flex; padding: .48rem .8rem; border: 1px solid rgba(250,204,21,.42); border-radius: .4rem; color: var(--yellow-400); background: rgba(250,204,21,.1); font-weight: 800; font-size: .78rem; }
  .hero-copy h1 { max-width: 680px; margin: 1.1rem 0 .9rem; font-size: clamp(2rem,5vw,3.35rem); line-height: 1.08; font-weight: 800; }
  .hero-copy h1 span { color: var(--g300); } .hero-copy h1 em { color: var(--yellow-400); font-style: normal; }
  .hero-copy p { max-width: 620px; margin: 0; color: rgba(240,253,250,.82); font-size: 1rem; line-height: 1.7; }
  .hero-slider { position: relative; grid-row: 2/5; grid-column: 2; width: 100%; aspect-ratio: 1; overflow: hidden; border: 5px solid rgba(255,255,255,.14); border-radius: .85rem; background: var(--g800); box-shadow: 0 28px 60px -28px rgba(0,0,0,.6); }
  .hero-slider > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.03); transition: opacity .55s, transform 1.2s; }
  .hero-slider > img.is-active { opacity: 1; transform: scale(1); }
  .slider-arrow { position: absolute; z-index: 3; top: 50%; width: 38px; height: 38px; border-radius: 50%; color: hsl(var(--primary-foreground)); background: rgba(2,43,43,.68); transform: translateY(-50%); }
  .slider-arrow:hover { background: rgba(2,43,43,.9); } .slider-prev { left: .75rem; } .slider-next { right: .75rem; }
  .slider-dots { position: absolute; z-index: 3; inset: auto 0 1rem; display: flex; justify-content: center; gap: .42rem; }
  .slider-dot { width: 8px; min-width: 8px; height: 8px; padding: 0; border-radius: 50%; background: rgba(255,255,255,.55); } .slider-dot:hover { background: var(--surface); } .slider-dot.is-active { width: 25px; background: var(--orange-500); border-radius: 999px; }
  .hero-actions { align-self: start; } .hero-actions .btn-cta { width: min(100%,420px); } .hero-actions p { margin: .95rem 0 0; color: var(--g100); font-size: .78rem; }
  .proof-bar { display: flex; align-items: center; gap: .75rem; align-self: start; width: fit-content; padding: .55rem .85rem; border: 1px solid rgba(255,255,255,.14); border-radius: .55rem; background: rgba(255,255,255,.07); }
  .proof-faces { display: flex; padding-left: .45rem; } .proof-faces img { width: 34px; height: 34px; margin-left: -.45rem; border: 2px solid var(--g700); border-radius: 50%; object-fit: cover; }
  .proof-bar strong { display:block; margin-top:.15rem; font-size:.72rem; }.stars { display:flex; gap:.12rem; color:var(--yellow-400); }.stars svg { width:13px; height:13px; fill:currentColor; }

  .testimonial-stack { max-width: 760px; margin: auto; display: grid; gap: 1.25rem; }
  .testimonial-card { overflow: hidden; border: 1px solid var(--line-soft); border-radius: .55rem; background: var(--surface); box-shadow: var(--shadow-card); }
  .testimonial-profile { display:flex; align-items:center; gap:.85rem; padding:1.1rem 1.2rem .7rem; }.testimonial-profile>img { width:48px;height:48px;border-radius:50%;object-fit:cover; }.testimonial-profile>div { flex:1; }.testimonial-profile h3 { margin:0;font-size:.9rem; }.testimonial-profile p { margin:.2rem 0 0;color:var(--ink-muted);font-size:.72rem; }.testimonial-profile .stars { align-self:flex-start; }
  .testimonial-quote { margin:0;padding:0 1.2rem 1rem;color:var(--ink-muted);line-height:1.7;font-size:.9rem; }.testimonial-photo { display:block;width:100%;aspect-ratio:4/5;object-fit:cover; }.testimonial-card time { display:block;padding:.75rem 1.2rem;color:var(--ink-muted);font-size:.7rem; }
  .mini-cta-section { padding-block:2rem;background:var(--g700); }.mini-cta { display:flex;align-items:center;justify-content:space-between;gap:1rem;color:hsl(var(--primary-foreground)); }.mini-cta span,.mini-cta strong { display:block; }.mini-cta span { color:var(--g300);font-size:.78rem;font-weight:800; }.mini-cta strong { margin-top:.28rem;font-family:'Sora';font-size:1.15rem; }.cta-compact { min-height:50px;flex-shrink:0; }
  .section-feature-image { display:block;width:min(100%,760px);aspect-ratio:1;margin:0 auto 2rem;border-radius:.55rem;object-fit:cover;box-shadow:var(--shadow-card); }
  .opportunity-image { margin-bottom:2.5rem; }
  .benefit-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1rem; }.benefit-card { padding:1.35rem;border:1px solid var(--line-soft);border-radius:.5rem;background:var(--surface);box-shadow:var(--shadow-card); }.icon-tile { display:grid;place-items:center;width:46px;height:46px;margin-bottom:1rem;border-radius:.45rem;background:var(--g100);font-size:1.45rem; }.benefit-card h3,.profile-card h3 { margin:0 0 .45rem;font-size:1rem; }.benefit-card p,.profile-card p { margin:0;color:var(--ink-muted);font-size:.82rem;line-height:1.65; }
  .calculator-card { max-width:720px;margin:auto;padding:2rem;border:1px solid var(--g100);border-radius:.65rem;background:linear-gradient(150deg,var(--g900),var(--g700));color:hsl(var(--primary-foreground));text-align:center;box-shadow:0 24px 50px -30px rgba(2,43,43,.7); }.calc-label { margin:0;color:var(--g100);font-weight:700; }.calc-main { display:block;margin:.45rem 0 0;color:var(--yellow-400);font:800 clamp(2.3rem,7vw,4rem)/1 'Sora'; }.calculator-card>span { font-size:.78rem;color:var(--g300); }.calc-equation { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:2rem 0 1rem;padding:1.2rem;border:1px solid rgba(94,234,212,.18);background:rgba(255,255,255,.06); }.calc-equation strong,.calc-equation span { display:block; }.calc-equation strong { font:800 1.2rem 'Sora'; }.calc-equation span { margin-top:.25rem;color:var(--g100);font-size:.7rem; }.calc-results { display:grid;grid-template-columns:1fr 1fr;gap:.75rem; }.calc-results div { padding:1rem;background:var(--surface);color:var(--g900);border-radius:.4rem; }.calc-results span,.calc-results strong { display:block; }.calc-results span { color:var(--ink-muted);font-size:.72rem; }.calc-results strong { margin-top:.35rem;color:var(--g700);font:800 1.15rem 'Sora'; }.calculator-card small { display:block;margin-top:1rem;color:rgba(240,253,250,.62);font-size:.68rem; }
  .repeat-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem; }.repeat-grid div { display:flex;align-items:center;gap:.6rem;padding:1rem;border:1px solid rgba(94,234,212,.17);background:rgba(255,255,255,.06);font-weight:700;font-size:.82rem; }.repeat-grid svg,.checklist svg,.checkout-benefits svg { width:19px;height:19px;flex:none;color:var(--g300); }.market-stat { display:flex;align-items:center;justify-content:center;gap:1.25rem;max-width:650px;margin:2rem auto 0;padding:1.25rem;border-left:4px solid var(--orange-500);background:rgba(255,255,255,.08); }.market-stat strong { color:var(--yellow-400);font:800 2.5rem 'Sora';white-space:nowrap; }.market-stat span { max-width:300px;font-size:.9rem;line-height:1.5; }
  .profile-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1rem; }.profile-card { display:flex;gap:.9rem;padding:1.25rem;border-bottom:3px solid var(--g500);background:var(--surface);box-shadow:var(--shadow-card); }.profile-card>span { font-size:1.8rem; }
  .package-main-image { border:3px solid rgba(94,234,212,.2); }
  .package-title { max-width:720px;margin:0 auto 1.5rem;padding:1.25rem;text-align:center;border:1px solid rgba(94,234,212,.2);background:rgba(255,255,255,.06); }.package-title span { color:var(--g300);font-size:.75rem;font-weight:800;text-transform:uppercase; }.package-title h3 { margin:.35rem 0;font-size:1.35rem; }.package-title p { margin:0;color:var(--yellow-400);font-weight:800; }.value-list,.bonus-list { max-width:820px;margin:auto;display:grid;gap:.75rem; }.value-list article,.bonus-list article { padding:1.15rem;border:1px solid rgba(94,234,212,.17);background:rgba(255,255,255,.07); }.value-item-copy { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem; }.bonus-list article { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem; }.number-badge,.gift-icon { display:grid;place-items:center;width:42px;height:42px;border-radius:.4rem;background:var(--orange-500);color:hsl(var(--accent-foreground));font:800 1rem 'Sora'; }.value-list h3,.bonus-list h3 { margin:0;font-size:.95rem; }.value-list p,.bonus-list p { margin:.25rem 0 0;color:rgba(240,253,250,.7);font-size:.78rem; }.value-item-copy>strong,.bonus-list article>strong { color:var(--yellow-400);font-size:.82rem; }.package-item-media { position:relative;width:100%;aspect-ratio:1;margin-top:1rem;overflow:hidden;border-radius:.4rem;background:var(--dark-bg); }.package-item-media-landscape { aspect-ratio:16/9; }.package-item-media img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s; }.package-item-media img.is-active { opacity:1; }.package-image-dots { position:absolute;z-index:2;left:0;right:0;bottom:.65rem;display:flex;justify-content:center;gap:.35rem; }.package-image-dots span { width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6); }.package-image-dots span.is-active { width:20px;border-radius:999px;background:var(--orange-500); }
  .bonus-section { background:var(--g50); }.bonus-list article { border-color:var(--line-soft);background:var(--surface);box-shadow:var(--shadow-card); }.bonus-list small { color:var(--orange-600);font-weight:800;font-size:.63rem; }.bonus-list p { color:var(--ink-muted); }.bonus-list article>strong { color:var(--g700); }.gift-icon { background:var(--orange-100); }
  .offer-card { max-width:620px;margin:auto;padding:2.4rem 2rem;border:1px solid rgba(250,204,21,.3);background:rgba(255,255,255,.07);text-align:center;box-shadow:0 24px 60px -35px rgba(0,0,0,.7); }.offer-card>p { margin:1.25rem 0 .25rem;color:var(--g100); }.offer-card del { color:rgba(240,253,250,.55);font:700 1.45rem 'Sora'; }.offer-divider { display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--yellow-400);font-size:.7rem;font-weight:800; }.offer-divider::before,.offer-divider::after { content:'';height:1px;flex:1;background:rgba(94,234,212,.25); }.offer-price { display:block;color:var(--yellow-400);font:800 clamp(3.2rem,10vw,5.2rem)/1 'Sora'; }.offer-card .once { margin:.65rem 0 1.5rem; }.offer-card .btn-cta { width:100%; }
  .timeline { max-width:680px;margin:auto;position:relative;display:grid;gap:1rem; }.timeline::before { content:'';position:absolute;left:23px;top:25px;bottom:25px;width:2px;background:var(--g100); }.timeline article { position:relative;display:flex;gap:1rem;align-items:center;padding:1rem 1.15rem;background:var(--g50);border:1px solid var(--line-soft); }.timeline article>span { z-index:1;display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;background:var(--g700);color:hsl(var(--primary-foreground));font-weight:800; }.timeline small { color:var(--orange-600);font-weight:800;text-transform:uppercase; }.timeline p { margin:.28rem 0 0;color:var(--ink-muted);line-height:1.55;font-size:.85rem; }
  .final-offer>.page-shell,.second-countdown>.page-shell { max-width:740px;text-align:center; }.urgency-title { display:flex;align-items:center;justify-content:center;gap:.55rem;color:var(--yellow-400);font-weight:800; }.urgency-title svg { width:20px; }.countdown { display:flex;justify-content:center;gap:.35rem;margin:1.25rem auto 1.75rem; }.countdown-part { display:flex;align-items:flex-start; }.countdown-part>div { min-width:82px;padding:.8rem .7rem;border:1px solid rgba(94,234,212,.25);border-radius:.4rem;background:var(--dark-bg);box-shadow:inset 0 0 20px rgba(94,234,212,.06); }.countdown-part strong,.countdown-part small { display:block; }.countdown-part strong { color:var(--g300);font:800 2rem 'Sora'; }.countdown-part small { margin-top:.25rem;color:rgba(240,253,250,.65);font-size:.65rem;text-transform:uppercase; }.countdown-colon { padding:.65rem .15rem;color:var(--g300);font:800 1.8rem 'Sora'; }.final-price { padding:1.35rem;border-block:1px solid rgba(94,234,212,.2); }.final-price span,.final-price strong { display:block; }.final-price span { color:var(--g100); }.final-price strong { margin:.4rem 0;color:var(--yellow-400);font:800 3.5rem 'Sora'; }.final-price b { display:inline-flex;padding:.25rem .55rem;background:var(--orange-500);font-size:.7rem; }.checklist { display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.5rem;margin:1.5rem 0;text-align:left; }.checklist div,.checkout-benefits div { display:flex;align-items:center;gap:.55rem;font-size:.82rem; }.final-offer .btn-cta,.second-countdown .btn-cta { width:min(100%,480px); }.micro-copy { display:flex;align-items:center;justify-content:center;gap:.4rem;color:rgba(240,253,250,.65);font-size:.7rem; }.micro-copy svg { width:15px; }
  .table-wrap { overflow-x:auto;border:1px solid var(--line-soft);box-shadow:var(--shadow-card); }.table-wrap table { width:100%;min-width:600px;border-collapse:collapse;background:var(--surface);font-size:.82rem; }.table-wrap th,.table-wrap td { padding:1rem;text-align:center;border-bottom:1px solid var(--line-soft); }.table-wrap th { color:hsl(var(--primary-foreground));background:var(--g700);font-family:'Sora'; }.table-wrap th:first-child,.table-wrap td:first-child { text-align:left; }.table-wrap td:nth-child(2) { color:var(--g700);font-weight:800;background:var(--g50); }
  .understand-grid { max-width:780px;margin:auto;display:grid;gap:.75rem; }.understand-grid article { display:flex;align-items:flex-start;gap:1rem;padding:1.1rem;background:var(--surface);border:1px solid var(--line-soft); }.understand-grid article>span { font-size:1.65rem; }.understand-grid h3 { margin:0;font-size:.9rem; }.understand-grid p { margin:.3rem 0 0;color:var(--ink-muted);font-size:.8rem;line-height:1.55; }
  .horizontal-testimonials { display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem .2rem 1.5rem; }.horizontal-testimonials article { min-width:280px;max-width:280px;overflow:hidden;scroll-snap-align:start;border:1px solid var(--line-soft);background:var(--surface);box-shadow:var(--shadow-card); }.horizontal-testimonials img { display:block;width:100%;aspect-ratio:1/1;object-fit:cover; }.horizontal-testimonials article>div { padding:1rem; }.horizontal-testimonials p { min-height:44px;margin:.6rem 0;color:var(--ink-muted);font-size:.85rem;line-height:1.55; }.horizontal-testimonials strong { font-size:.8rem; }
  .accordion { max-width:760px;margin:auto;display:grid;gap:.65rem; }.accordion article { border:1px solid var(--line-soft);background:var(--surface); }.accordion button { width:100%;height:auto;min-height:58px;padding:.9rem 1rem;justify-content:space-between;text-align:left;white-space:normal;color:var(--g900);font-weight:800; }.accordion button:hover { background:var(--g50); }.accordion button svg { flex:none;transition:transform .25s; }.accordion article.open button svg { transform:rotate(180deg); }.accordion-answer { display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s; }.accordion article.open .accordion-answer { grid-template-rows:1fr; }.accordion-answer p { min-height:0;overflow:hidden;margin:0;padding:0 1rem;color:var(--ink-muted);font-size:.84rem;line-height:1.65; }.accordion article.open .accordion-answer p { padding-bottom:1rem; }
  .second-countdown p { color:rgba(240,253,250,.7);font-size:.8rem; }.closing-section>.page-shell { max-width:760px;text-align:center; }.closing-section .section-lead { margin-bottom:1.5rem; }.guarantee { display:flex;align-items:center;gap:1rem;max-width:540px;margin:2rem auto 1rem;padding:1rem;text-align:left;border:1px dashed var(--g500);background:var(--g50); }.guarantee svg { width:40px;height:40px;flex:none;color:var(--g600); }.guarantee strong { font-family:'Sora'; }.guarantee p { margin:.2rem 0 0;color:var(--ink-muted);font-size:.75rem; }.contact-row { display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1rem;color:var(--ink-muted);font-size:.78rem; }.contact-row a { color:var(--g700);font-weight:800;text-decoration:underline; }
  .checkout-section { background:linear-gradient(180deg,var(--g100),var(--g50)); }.checkout-card { max-width:680px;margin:auto;padding:2.2rem;border:1px solid var(--g300);border-top:5px solid var(--orange-500);background:var(--surface);box-shadow:0 22px 50px -28px rgba(2,43,43,.55);text-align:center; }.checkout-card h2 { margin:.8rem 0 .55rem;font-size:clamp(1.8rem,5vw,2.5rem); }.checkout-card>p { max-width:520px;margin:0 auto;color:var(--ink-muted);line-height:1.65; }.checkout-price { margin:1.5rem 0; }.checkout-price del,.checkout-price strong,.checkout-price span { display:block; }.checkout-price del { color:var(--ink-muted); }.checkout-price strong { color:var(--g700);font:800 3.5rem 'Sora'; }.checkout-price span { color:var(--orange-600);font-size:.75rem;font-weight:800; }.checkout-benefits { display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0 auto 1.5rem;padding:1.1rem;background:var(--g50);text-align:left; }.checkout-benefits svg { color:var(--g600); }.checkout-button { width:min(100%,460px); }.checkout-card>small { display:block;margin-top:1rem;color:var(--ink-muted);font-size:.68rem; }
  footer { display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:var(--g900);color:rgba(240,253,250,.62);font-size:.72rem; } footer img { height:36px;width:auto; } footer p { margin:0; }
  .no-scrollbar::-webkit-scrollbar { display:none; }.no-scrollbar { scrollbar-width:none; }


@media (max-width: 820px) {
  .hero-inner { grid-template-columns:1fr;gap:1.4rem;padding-bottom:3.5rem; }.brand-logo { height:44px;margin:auto; }.hero-copy { text-align:center; }.hero-copy p { margin:auto; }.hero-slider { grid-area:auto;width:min(100%,520px);aspect-ratio:1;margin:auto; }.hero-actions { text-align:center; }.proof-bar { margin:auto; }.benefit-grid { grid-template-columns:1fr 1fr; }.repeat-grid { grid-template-columns:1fr 1fr; }.profile-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 560px) {
  .page-shell { width:min(100% - 2rem,1080px); }.section-pad { padding-block:3.5rem; }.section-heading { margin-bottom:1.8rem; }.section-heading h2 { font-size:1.65rem; }.hero-inner { padding-top:1.2rem; }.brand-logo { height:38px; }.hero-copy h1 { font-size:2rem; }.hero-copy p { font-size:.88rem; }.hero-slider { aspect-ratio:1;border-width:3px; }.hero-actions .btn-cta { width:100%; }.proof-bar { width:100%;justify-content:center;text-align:left; }.proof-bar strong { font-size:.65rem; }.testimonial-profile { align-items:flex-start; }.testimonial-profile .stars { position:absolute;right:1rem; }.testimonial-profile { position:relative;padding-right:5.7rem; }.mini-cta { flex-direction:column;text-align:center; }.mini-cta .btn-cta { width:100%; }.benefit-grid,.profile-grid { grid-template-columns:1fr; }.benefit-card { display:grid;grid-template-columns:auto 1fr;column-gap:.85rem; }.benefit-card .icon-tile { grid-row:1/3;margin:0; }.benefit-card p { grid-column:2; }.section-feature-image { aspect-ratio:1; }.calculator-card { padding:1.35rem 1rem; }.calc-equation { gap:.5rem;padding:.8rem .4rem; }.calc-equation strong { font-size:.95rem; }.calc-results { grid-template-columns:1fr; }.repeat-grid { grid-template-columns:1fr; }.market-stat { align-items:flex-start; }.market-stat strong { font-size:1.85rem; }.value-item-copy,.bonus-list article { grid-template-columns:auto 1fr; }.value-item-copy>strong,.bonus-list article>strong { grid-column:2; }.offer-card { padding:2rem 1rem; }.countdown-part>div { min-width:68px;padding:.7rem .45rem; }.countdown-part strong { font-size:1.65rem; }.countdown-colon { padding-inline:.05rem; }.checklist,.checkout-benefits { grid-template-columns:1fr; }.final-price strong,.checkout-price strong { font-size:3rem; }.horizontal-testimonials { margin-inline:-1rem;padding-inline:1rem; }.horizontal-testimonials article { min-width:82vw;max-width:82vw; }.checkout-card { padding:1.7rem 1rem; }.contact-row { flex-direction:column; }.contact-row>span:nth-of-type(2) { display:none; } footer { flex-direction:column;gap:.8rem; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
}

/* Hide Lovable platform branding badge */
#lovable-badge,
#lovable-badge-cta,
#lovable-badge-close,
[id^="lovable-badge"] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }