@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,500;0,600;0,700;0,800;1,700&family=DM+Sans:wght@400;500;700&display=swap');

:root{
  --g:#17FB9B; --g-soft:rgba(24,251,152,.12); --o:#FA8943;
  --navy:#050A29; --navy2:#02224F; --ink:#060616; --mid:#0B234D; --deep:#0C182A;
  --txt:#E6EDFD; --mut:#9fb0cc;
  --cta:linear-gradient(135deg,#9A3412 0%,#EA580C 50%,#FB923C 100%);
}
*{box-sizing:border-box}
html,body{margin:0;overflow-x:hidden}
body{font-family:'DM Sans',sans-serif;color:var(--txt);background:var(--ink);letter-spacing:-.3px;line-height:1.6}
h1,h2,h3,.jk{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.8px}
a{color:inherit}
img{max-width:100%;display:block}
.g{color:var(--g)} .u{text-decoration:underline}
.container{max-width:1110px;margin:0 auto;padding:0 20px}
.narrow{max-width:620px;margin:0 auto}

/* header */
.hdr{background:#0F0F0F;box-shadow:0 1px 5px rgba(0,0,0,.2);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:relative;z-index:5}
.logo{font-family:'Plus Jakarta Sans';font-weight:800;font-size:19px;color:#fff;text-decoration:none}
.logo span{color:var(--g)}
.hdr .help{font-size:13px;color:#cfd8ea;text-align:right;line-height:1.3}

/* sections */
.s-hero{background:linear-gradient(270deg,#050A29 0%,#050A29 25%,#02224F 50%,#050A29 75%,#050A29 100%);padding:26px 0 80px}
.s-light{background:linear-gradient(50deg,#fff 0%,#E6EDFD 100%);color:#0B1A3A;padding:80px 0}
.s-dark{background:linear-gradient(270deg,#060616 0%,#0B234D 50%,#060616 100%);padding:80px 0}
.s-deep{background:var(--deep);padding:80px 0}
.s-white{background:linear-gradient(#fff 30%,rgba(255,255,255,.75) 75%);color:#0B1A3A;padding:80px 0}
.s-ink{background:var(--ink);padding:80px 0}

.pillw{text-align:center}
.pill{display:inline-block;padding:7px 18px;border-radius:999px;background:linear-gradient(rgba(24,251,152,.18),rgba(24,251,152,.1));box-shadow:0 0 0 1px rgba(24,251,152,.15),0 0 30px rgba(24,251,152,.35);font-family:'Plus Jakarta Sans';font-size:14px;color:#fff}
.pill:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--g);margin-right:8px;vertical-align:middle}
h1{font-size:42px;line-height:1.15;font-weight:800;color:#fff;text-align:center;max-width:960px;margin:22px auto 16px}
.lead{text-align:center;font-size:19px;color:#dfe7f7;max-width:760px;margin:0 auto 30px}
.lead b{color:#fff}

/* hero grid */
.grid2{display:grid;grid-template-columns:minmax(0,726px) 360px;gap:24px;align-items:start;max-width:1110px;margin:0 auto;padding:0 20px}
.mock{min-height:300px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;background:radial-gradient(380px 200px at 50% 55%,rgba(24,251,152,.22),transparent 70%)}
.doc{width:165px;height:215px;border-radius:12px;background:linear-gradient(160deg,#0f3a52,#071427);border:1px solid rgba(24,251,152,.55);box-shadow:0 0 26px rgba(24,251,152,.3);padding:16px;display:flex;flex-direction:column;justify-content:flex-end;font-family:'Plus Jakarta Sans';font-weight:800;font-size:19px;line-height:1.12;color:#fff}
.doc small{font-family:'DM Sans';font-weight:500;font-size:12px;color:#a9f5d6;margin-top:6px}
.doc.big{width:215px;height:265px;font-size:25px}
.bar{background:var(--ink);border:3px solid #2a3550;border-radius:15px;padding:20px 22px;margin:24px 0 10px}
.bar .row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.price{font-family:'Plus Jakarta Sans';font-weight:800;font-size:48px;color:#fff;line-height:1}
.bar .t{font-size:15px;color:#cfd8ea;max-width:230px}
.bar .t b{color:#fff}
.cta{display:inline-block;text-align:center;text-decoration:none;color:#fff;border-radius:5px;padding:14px 26px;background:var(--cta);font-family:'Plus Jakarta Sans';font-weight:700;font-size:19.2px;line-height:1.25;border:0;cursor:pointer;max-width:100%}
.cta small{display:block;font-family:'DM Sans';font-weight:500;font-size:13px;opacity:.92}
.cta:hover{filter:brightness(1.08)}
.bar .ft{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:#cfd8ea;margin-top:12px}
.bar .ft span:before{color:var(--g);margin-right:6px}
.bar .ft .a:before{content:'⬇'} .bar .ft .b:before{content:'⚡'}

/* order box */
.side{position:sticky;top:16px;background:#fff;border-radius:15px;box-shadow:2px 2px 10px 8px rgba(29,143,184,.37);padding:18px;color:#151b2c}
.side .few{text-align:center;font-size:12px;font-weight:700;letter-spacing:.1em;color:#333}
.side .mini{height:110px;border-radius:12px;background:linear-gradient(160deg,#0f3a52,#071427);display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Plus Jakarta Sans';font-weight:800;font-size:17px;text-align:center;padding:10px;margin:10px 0}
.side h3{text-align:center;font-size:30px;font-weight:800;margin:4px 0 0;color:#0B1A3A}
.side h3 span{color:#10b981}
.side .sub{text-align:center;font-size:15px;color:#333;margin-bottom:10px}
.ghl-frame{width:100%;border:0;min-height:380px;display:block}
.frame-ph{border:2px dashed #cbd5e1;border-radius:8px;padding:18px;font-size:13px;color:#64748b;text-align:center}
.tabs{display:flex;border-bottom:4px solid #e5edf6;margin:6px 0 12px}
.tabs div{flex:1;text-align:center;font-family:'Plus Jakarta Sans';font-weight:800;color:#4DA9EE;font-size:16px;padding-bottom:6px}
.tabs div small{display:block;font-family:'DM Sans';font-weight:500;font-size:11px;color:#666}
.tabs .on{border-bottom:4px solid #4DA9EE;margin-bottom:-4px}
.secure{display:flex;align-items:center;gap:8px;font-size:12px;color:#444;margin:12px 0 8px}
.secure b{color:#10b981}
.cards{display:flex;gap:6px;flex-wrap:wrap}
.cards span{border:1px solid #e2e8f0;border-radius:4px;font-size:10px;font-weight:700;padding:4px 6px;color:#334}
.legal-mini{font-size:11px;color:#667;margin-top:10px;line-height:1.4}
.legal-mini a{color:#334}

/* testimonials */
.vt-head{text-align:center;margin:60px 0 24px}
.vt-head h2{font-size:32px;color:#fff;margin:0}
.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:726px}
.vcard{border-radius:16px;overflow:hidden;background:#0b1430;box-shadow:0 0 0 2px rgba(24,251,152,.35),0 0 28px rgba(24,251,152,.18)}
.vcap{padding:10px 12px;font-size:13px;color:#cfe;line-height:1.35}
.vcap b{display:block;color:#fff;font-family:'Plus Jakarta Sans';font-size:14px}
.shots{columns:3 220px;column-gap:16px;margin-top:26px;max-width:726px}
.shots img{width:100%;border-radius:12px;margin:0 0 16px;break-inside:avoid;box-shadow:0 8px 24px rgba(0,0,0,.35)}

/* copy blocks */
.copy h2{font-size:35px;line-height:1.2;font-weight:600;color:#fff;margin:0 0 20px}
.copy p{font-size:18px;margin:0 0 18px}
.copy p.w{color:#fff;font-weight:700}
.arrows{list-style:none;padding:0;margin:0}
.arrows li{display:flex;gap:16px;font-size:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.arrows li:before{content:'→';color:#fff;flex:none}
.arrows li:last-child{border-bottom:0}
.redbars{list-style:none;padding:0;margin:20px 0}
.redbars li{position:relative;background:rgba(255,255,255,.04);border-radius:6px;padding:12px 16px;margin:8px 0;overflow:hidden;font-size:16px}
.redbars li:after{content:'';position:absolute;inset:0;width:var(--w,60%);background:rgba(255,80,40,.14);border-right:1px solid rgba(255,80,40,.4)}
.redbars li b{position:relative;z-index:1;color:#fff}
.redbars li span{position:relative;z-index:1;color:#c9b3b0;font-size:13px;margin-left:6px}
.redbars li:before{content:'●';position:relative;z-index:1;color:#ff6a4d;margin-right:8px;font-size:10px}
.check{list-style:none;padding:0;margin:0}
.check li{padding:12px 0 12px 34px;position:relative;font-size:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.check li:before{content:'✓';position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:6px;background:var(--g-soft);color:var(--g);font-size:13px;text-align:center;line-height:22px;font-weight:700}

/* light section points */
.s-light h2{font-size:45px;line-height:1.15;text-align:center;margin:0 0 14px;color:#0B1A3A}
.s-light h2 .g{color:#10b981}
.s-light .intro{text-align:center;max-width:620px;margin:0 auto 50px;font-size:17px}
.point{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:40px 0 70px}
.point.rev .ptext{order:2}
.num{display:inline-flex;width:38px;height:38px;border-radius:8px;background:#10b981;color:#fff;font-weight:800;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans'}
.point h3{font-size:30px;line-height:1.2;margin:14px 0;color:#0B1A3A}
.point h3 .g{color:#10b981}
.point p{font-size:17px;margin:0 0 14px}
.note{background:#E6EDFD;border-radius:12px;padding:18px;font-size:16px}
.phones{display:flex;gap:14px;justify-content:center;align-items:flex-start}
.phone{width:170px;border-radius:24px;border:6px solid #111;background:#111;overflow:hidden;box-shadow:0 20px 40px rgba(11,26,58,.25)}
.phone:nth-child(2){margin-top:30px}

/* system timeline */
.s-deep .center{text-align:center}
.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--g);background:var(--g-soft);border:1px solid rgba(24,251,152,.35);border-radius:6px;padding:4px 10px}
.s-deep h2{font-size:40px;color:#fff;margin:18px 0 16px}
.timeline{position:relative;max-width:640px;margin:50px auto 0;padding-left:44px}
.timeline:before{content:'';position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--g),rgba(24,251,152,.1))}
.step{position:relative;margin-bottom:46px}
.step:before{content:'';position:absolute;left:-41px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--g);box-shadow:0 0 14px var(--g)}
.step h3{font-size:22px;color:#fff;margin:12px 0 8px}
.step p{font-size:17px;margin:0 0 10px;color:#d6def0}

/* offer contents */
.s-white h2{font-size:38px;color:#0B1A3A;margin:0 0 14px}
.inc{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start;max-width:1110px;margin:0 auto;padding:0 20px}
.item{background:#EEF3FC;border-radius:12px;padding:20px 22px;margin:14px 0}
.item h3{margin:0 0 6px;font-size:19px;color:#0B1A3A}
.item p{margin:0;font-size:16px;color:#2a3a5c}
.item .lbl{font-size:11px;font-weight:700;letter-spacing:.08em;color:#10b981;text-transform:uppercase}

/* faq */
.faq{max-width:760px;margin:0 auto}
.faq h2{text-align:center;font-size:40px;color:#fff;margin:0 0 30px}
details{background:#0d0f24;border:1px solid #1e2440;border-radius:12px;padding:18px 22px;margin:12px 0}
summary{font-family:'Plus Jakarta Sans';font-weight:600;color:#fff;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';flex:none;width:26px;height:26px;border-radius:6px;background:#1d3a8a;color:#fff;text-align:center;line-height:26px}
details[open] summary:after{content:'−';background:#7f1d1d}
details p{margin:12px 0 0;color:#cfd8ea}

.final{text-align:center}
.final h2{font-size:40px;color:#fff;margin:0 0 16px}
.final p{font-size:18px;max-width:620px;margin:0 auto 26px}
footer{background:linear-gradient(270deg,#060616 0%,#0B234D 51%,#060616 100%);text-align:center;padding:34px 20px;font-size:13px;color:#93a1bd}
footer a{margin:0 8px}
.tbc{background:#FFF3B0;color:#3b3000;border-radius:4px;padding:0 5px}

/* order box: step 1 form, step 2 Whop */
.tabs div{cursor:default}
.tabs .done{color:#10b981}
.of label{display:block;font-size:13px;font-weight:600;color:#1f2a44;margin:10px 0 4px}
.of input{width:100%;box-sizing:border-box;border:1px solid #cfd8e3;border-radius:6px;padding:12px;font:15px 'DM Sans',sans-serif;color:#151b2c;background:#fff}
.of input:focus{outline:none;border-color:#4DA9EE;box-shadow:0 0 0 3px rgba(77,169,238,.2)}
.of input.bad{border-color:#e11d48}
.of .err{color:#e11d48;font-size:12px;margin-top:4px;min-height:0}
.of button{width:100%;margin-top:14px;border:0;border-radius:5px;background:#FA8943;color:#fff;font:700 18px 'Plus Jakarta Sans',sans-serif;padding:14px;cursor:pointer}
.of button:hover{background:#f57a2c}
.of button[disabled]{opacity:.7;cursor:wait}
.step2 .who{font-size:13px;color:#475569;margin:0 0 8px}
.step2 .who a{color:#4DA9EE;cursor:pointer;text-decoration:underline}
.whop-box{min-height:420px}
.side.paying{position:relative;top:0}
.whop-box .loading{text-align:center;color:#64748b;font-size:13px;padding:40px 0}

/* sticky CTA: shown only when the hero 7 € button and the order box are both off screen */
.mcta{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:20;transition:opacity .2s,transform .2s;opacity:0;transform:translateY(16px);pointer-events:none}
.mcta.show{opacity:1;transform:none;pointer-events:auto}
.mcta .cta{display:block}

@media (max-width:980px){
  .grid2,.inc{grid-template-columns:1fr}
  .side{position:static}
  .vgrid{max-width:none}
  .shots{max-width:none}
  .point{grid-template-columns:1fr;gap:26px}
  .point.rev .ptext{order:0}
  .mcta{display:block}
}
@media (max-width:640px){
  h1{font-size:29px}
  .lead{font-size:16px}
  .copy h2,.s-light h2,.s-deep h2,.s-white h2,.faq h2,.final h2{font-size:27px}
  .point h3{font-size:24px}
  .vgrid{grid-template-columns:repeat(3,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .vcard{scroll-snap-align:start}
  .doc,.doc.big{width:44%;height:170px;font-size:16px}
  .price{font-size:40px}
  .cta{font-size:16px;padding:13px 16px}
  .phone{width:120px}
  .s-hero,.s-light,.s-dark,.s-deep,.s-white,.s-ink{padding:56px 0}
}

/* simple pages */
.page{background:linear-gradient(270deg,#050A29 0%,#02224F 50%,#050A29 100%);min-height:calc(100vh - 60px);padding:60px 20px}
.page .box{max-width:760px;margin:0 auto;background:#fff;color:#14203d;border-radius:15px;padding:44px 40px;box-shadow:2px 2px 10px 8px rgba(29,143,184,.25)}
.page h1{color:#0B1A3A;text-align:left;font-size:34px;margin:0 0 16px}
.page h2{font-size:21px;color:#0B1A3A;margin:28px 0 8px}
.page p,.page li{font-size:16px}
.page .ok{display:inline-flex;width:56px;height:56px;border-radius:50%;background:#10b981;color:#fff;font-size:30px;align-items:center;justify-content:center;margin-bottom:12px}
@media(max-width:640px){.page .box{padding:28px 20px}.page h1{font-size:26px}}