/* Layout: Linktree-style marketing site. Floating pill nav over full-bleed colour bands,
   each band = one idea (hero, steps, features, templates, analytics, pricing, faq, claim).
   Auth = split screen (form | collage). Brand: wine, coral, blush, butter on warm paper. */
:root{
  --paper:#FBF7F2; --white:#FFFFFF; --ink:#1A1220; --muted:#5E5466; --line:#E7DED6;
  --wine:#3D0B22; --wine2:#5A1433; --coral:#FF5A4E; --coral-d:#E8463B; --blush:#F7D9D5; --butter:#FFE3A3;
  --f-disp:'Bricolage Grotesque','Arial Black',system-ui,sans-serif; --f-body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r-lg:32px; --r-md:20px; --r-pill:999px;
  --cream:#FBF7F2; --foot:#1A1220; --bar:#5A1433; --link:#5A1433; --b-blush:#F7D9D5; --b-butter:#FFE3A3; --err:#B3261E; --ok:#1F7A4D;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --paper:#140A11; --white:#20141C; --ink:#F4ECEF; --muted:#B8A9B4; --line:#3A2A35;
  --foot:#0C060A; --bar:#C24A72; --link:#F2A3B8; --b-blush:#2A1420; --b-butter:#2B2213; --err:#FF8A80; --ok:#7FD8A6;
  color-scheme:dark;
}
.theme-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;flex:none}
.theme-btn:hover{border-color:var(--ink)}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font:17px/1.55 var(--f-body);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%}
button{font:inherit}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.wrap{max-width:1200px;margin:0 auto;padding-inline:20px}

/* ---------- nav ---------- */
.nav{position:sticky;top:16px;z-index:20;padding-inline:20px;margin-top:16px}
.nav-in{max-width:1200px;margin:0 auto;background:var(--white);border-radius:var(--r-pill);box-shadow:0 8px 30px -12px rgba(26,18,32,.25);display:flex;align-items:center;gap:10px;padding:10px 10px 10px 26px}
.logo{font:800 24px/1 var(--f-disp);letter-spacing:-.03em;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.logo i{width:12px;height:12px;border-radius:50%;background:var(--coral);display:inline-block;transform:translateY(-6px)}
.nav-links{display:flex;gap:4px;margin-inline-start:22px}
.nav-links a{padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:500;font-size:15px}
.nav-links a:hover{background:var(--paper)}
.nav-links a{white-space:nowrap;transition:color .15s,background .15s}
.nav-links a:hover,.nav-links a.is-cur{color:var(--coral)}
.nav-r{margin-inline-start:auto;display:flex;gap:8px;align-items:center}
.l-short{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--r-pill);border:1.5px solid transparent;font:600 16px/1 var(--f-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .15s ease,background-color .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn.dark{background:var(--ink);color:var(--white)}
.btn.coral{background:var(--coral);color:var(--ink)}
.btn.coral:hover{background:var(--coral-d)}
.btn.ghost{background:transparent;border-color:currentColor}
.btn.light{background:var(--paper);color:var(--ink)}
.btn.big{min-height:58px;padding:0 30px;font-size:17px}
.btn:disabled{opacity:.5;cursor:default;transform:none}
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;font-weight:600;font-size:14px}
.lang-menu{position:absolute;right:0;top:calc(100% + 6px);list-style:none;margin:0;padding:6px;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px -16px rgba(26,18,32,.35);min-width:160px;z-index:30}
.lang-menu button{width:100%;text-align:start;padding:10px 12px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:var(--ink)}
.lang-menu button:hover,.lang-menu button[aria-selected="true"]{background:var(--paper)}
.lang-menu button[aria-selected="true"]{font-weight:700}
.menu-btn{display:none}

/* ---------- bands ---------- */
.band{padding-block:96px}
.band h2{font:800 clamp(36px,5vw,58px)/1.02 var(--f-disp);letter-spacing:-.035em;margin:0 0 18px;text-wrap:balance}
.band .lead{font-size:19px;max-width:46ch;margin:0}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}

.hero{background:var(--wine);color:var(--cream);margin-top:-92px;padding-top:170px;padding-bottom:96px}
.hero .eyebrow{color:var(--butter)}
.hero h1{font:800 clamp(42px,5.4vw,76px)/.98 var(--f-disp);letter-spacing:-.045em;margin:0 0 22px;text-wrap:balance}
.hero .lead{color:#F3DCE3}
.hero .split{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero .btn.ghost{color:var(--cream)}
.note{font-size:14px;margin-top:16px;opacity:.85}
.visual{position:relative;border-radius:var(--r-lg);background:linear-gradient(150deg,var(--coral) 0%,#FF8B6A 45%,var(--butter) 100%);padding:44px 20px 60px;display:flex;justify-content:center;overflow:hidden}
.visual::before{content:'';position:absolute;inset:auto -20% -40% -20%;height:70%;background:repeating-linear-gradient(90deg,rgba(61,11,34,.08) 0 14px,transparent 14px 28px)}
.caption{position:absolute;left:0;right:0;bottom:18px;text-align:center;font:500 14px/1.2 ui-monospace,Consolas,monospace;color:var(--wine)}
.phone{position:relative;width:268px;max-width:100%;padding:8px;border-radius:42px;background:#0b0710;box-shadow:0 30px 60px -20px rgba(61,11,34,.55)}
.phone .scr{height:560px;border-radius:34px;overflow:hidden;background:#000;position:relative}
.phone .scr .lp{height:100%!important;min-height:0!important}
.phone .scr .rs-hero{min-height:0}
.phone .scr .rs-copy h1{font-size:42px}
.phone .scr .rs-links{padding:0 14px}
.phone .scr .rs-title{font-size:17px}
.phone .scr .rs-card{min-height:70px;gap:12px;padding:10px 12px;border-radius:24px}
.phone .scr .rs-av{width:48px;height:48px;flex-basis:48px}
.phone .scr .rs-badge{width:22px;height:22px}
.phone .scr .rs-chev{font-size:24px;padding:0 2px}
.phone .scr .rs-u{min-height:50px}
.phone .scr .rs-cd{margin-top:18px}
.phone .scr .rs-u b{font-size:22px}
.phone .scr .lp-name{font-size:34px}
.fake-photo .rs-hero{background:linear-gradient(180deg,rgba(12,10,13,.0) 35%,#13080d 100%),radial-gradient(110% 80% at 50% 25%,#B04A6A,#2b1420)!important}
.fake-photo .lp-hero.is-empty{background:radial-gradient(110% 80% at 50% 25%,#9C7A45,#191612)}

.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;counter-reset:step}
.step{background:var(--white);border-radius:var(--r-md);padding:28px;border:1px solid var(--line)}
.step::before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--wine);color:var(--cream);font:800 20px/1 var(--f-disp);margin-bottom:18px}
.step h3,.feat h3{font:800 22px/1.15 var(--f-disp);letter-spacing:-.02em;margin:0 0 8px}
.step p,.feat p{margin:0;color:var(--muted);font-size:16px}

.b-blush{background:var(--b-blush)}
.b-butter{background:var(--b-butter)}
.b-dark{background:#22081A;color:var(--cream)}
.b-dark .eyebrow{color:var(--butter)}
.b-coral{background:var(--coral);color:#1A1220}
.b-dark .checks li::before{background-color:var(--coral)}
.safe-note{font-size:14px;opacity:.72;max-width:52ch;margin:0}
.safe-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:28px;display:grid;gap:10px;max-width:440px;justify-self:center;width:100%}
.safe-shield{width:64px;height:64px;border-radius:20px;background:var(--coral);color:#22081A;display:grid;place-items:center;margin-bottom:8px}
.safe-shield svg{width:36px;height:36px}
.safe-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07);font-size:15px}
.safe-row b{font-weight:700;overflow-wrap:anywhere}
.safe-row b + span{font-size:12px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:999px;background:#FFE3A3;color:#22081A}
.safe-row i{font-style:normal;color:var(--coral);font-weight:800}
.b-coral .btn.dark{background:#1A1220;color:#FBF7F2}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.feat{background:var(--white);border-radius:var(--r-md);padding:28px}
.ico{width:48px;height:48px;border-radius:14px;background:var(--wine);color:var(--butter);display:grid;place-items:center;margin-bottom:18px}
.ico svg{width:24px;height:24px}

.phones{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.phones .phone{width:236px}
.phones .phone .scr{height:500px}
.fake-photo .lp-mono{display:none}
.phones figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.phones figcaption{font:800 20px/1 var(--f-disp)}
.phones figcaption span{display:block;font:400 14px/1.4 var(--f-body);opacity:.75;max-width:30ch;text-align:center;margin-top:6px}

.dash{background:var(--white);border-radius:var(--r-lg);padding:26px;border:1px solid var(--line);box-shadow:0 30px 60px -40px rgba(61,11,34,.4)}
.dash-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
.kpi{background:var(--paper);border-radius:16px;padding:14px 16px}
.kpi b{display:block;font:800 30px/1.1 var(--f-disp);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.kpi span{font-size:13px;color:var(--muted)}
.bars{display:flex;align-items:flex-end;gap:6px;height:130px;border-bottom:1px solid var(--line)}
.bars i{flex:1;background:var(--bar);border-radius:6px 6px 0 0;min-height:4px}
.bars i:last-child{background:var(--coral)}

.plans-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.plan-name{font:800 22px/1 var(--f-disp);margin-bottom:10px}
.plan-sub{color:var(--muted);margin:10px 0 0;font-size:15px}
.plan.is-pro{box-shadow:0 0 0 3px var(--coral),0 30px 60px -40px rgba(61,11,34,.45)}
.plan{background:var(--white);border-radius:var(--r-lg);padding:36px;box-shadow:0 30px 60px -40px rgba(61,11,34,.45)}
.amt{font:800 72px/1 var(--f-disp);letter-spacing:-.04em}
.amt small{font:500 18px var(--f-body);letter-spacing:0;color:var(--muted)}
.checks{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks li::before{content:'';flex:none;width:22px;height:22px;border-radius:50%;background:var(--wine) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23FFE3A3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;margin-top:2px}

.faq{max-width:820px}
.faq details{border-bottom:1.5px solid var(--line);padding:22px 0}
.faq summary{cursor:pointer;font:700 20px/1.3 var(--f-body);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:'+';font:400 28px/1 var(--f-body);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--muted);margin:12px 0 0;max-width:62ch}

.claim{text-align:center}
.claim h2{margin-bottom:28px}
.claim-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.claim-box{display:flex;align-items:center;background:var(--white);border-radius:var(--r-pill);padding:0 8px 0 22px;min-height:60px;min-width:min(420px,100%)}
.claim-box span{color:var(--muted);font-weight:600;white-space:nowrap}
.claim-box input{flex:1;min-width:0;border:0;outline:0;font:600 17px var(--f-body);background:transparent;color:var(--ink);padding:0 4px}

.foot{background:var(--foot);color:#CFC6D3;padding-block:40px;font-size:14px}
.foot .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.foot a{color:var(--cream);text-decoration:none;margin-inline-start:18px}
.foot .logo{color:var(--cream);font-size:20px}

/* ---------- auth ---------- */
.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;background:var(--white)}
.auth-l{display:flex;flex-direction:column;padding:28px 32px}
.auth-top{display:flex;justify-content:space-between;align-items:center}
.auth-main{flex:1;display:grid;place-items:center;padding-block:30px}
.box{width:100%;max-width:400px}
.box h1{font:800 38px/1.05 var(--f-disp);letter-spacing:-.035em;text-align:center;margin:0 0 8px}
.box .sub{text-align:center;color:var(--muted);margin:0 0 28px}
.inp{width:100%;min-height:54px;padding:0 18px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper);font:500 16px var(--f-body);color:var(--ink)}
.inp:focus{border-color:var(--ink);outline:0;background:var(--white)}
.field{margin-bottom:12px}
.field label{display:block;font-size:14px;font-weight:600;margin:0 0 6px}
.box .btn{width:100%}
.slug-inp{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);min-height:54px;padding-inline-start:18px}
.slug-inp:focus-within{border-color:var(--ink);background:var(--white)}
.slug-inp span{color:var(--muted);font-weight:600;white-space:nowrap}
.slug-inp input{flex:1;min-width:0;border:0;background:transparent;font:600 16px var(--f-body);color:var(--ink);outline:0;padding:0 14px 0 2px;min-height:50px}
.or{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px;margin:22px 0}
.or::before,.or::after{content:'';flex:1;height:1px;background:var(--line)}
.gbtn{width:100%;min-height:52px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--white);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;cursor:pointer;color:var(--ink);text-decoration:none}
.gbtn:hover{border-color:var(--ink)}
.links-row{text-align:center;font-size:14px;margin-top:22px;color:var(--muted)}
.links-row a{color:var(--link);font-weight:600;text-decoration:none}
.links-row a:hover{text-decoration:underline}
.hint{font-size:13px;color:var(--muted);margin:6px 0 0}
.hint.err{color:var(--err)}
.hint.ok{color:var(--ok)}
.msg{min-height:22px;margin-top:12px;font-size:14px;color:var(--err);text-align:center}
.as{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--paper);border-radius:14px;padding:12px 16px;margin-bottom:12px;font-size:15px}
.as button{border:0;background:none;color:var(--link);font-weight:700;cursor:pointer}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted);margin:14px 0 18px}
.chk input{width:20px;height:20px;margin-top:1px;accent-color:var(--wine)}
.chk a{color:var(--link);font-weight:600}
.code{font:700 22px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.06em;background:var(--paper);border:2px dashed var(--coral);border-radius:16px;padding:18px;text-align:center;margin:18px 0 22px;user-select:all;word-break:break-all}
.auth-r{background:var(--wine);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:40px}
.auth-r h2{position:relative;z-index:2;color:var(--cream);font:800 clamp(30px,3.4vw,46px)/1 var(--f-disp);letter-spacing:-.035em;max-width:14ch;margin:0}
.collage{position:absolute;inset:0}
.collage .shape{position:absolute;border-radius:40px}
.collage .s1{width:62%;height:70%;right:-8%;top:8%;background:var(--coral);transform:rotate(8deg)}
.collage .s2{width:40%;height:40%;left:-10%;top:-6%;background:var(--butter);border-radius:50%}
.collage .phone{position:absolute;width:262px;right:14%;top:9%;transform:rotate(-6deg)}
.collage .phone .scr{height:520px}
.chip{position:absolute;z-index:3;background:var(--white);color:var(--ink);border-radius:18px;padding:12px 16px;font-weight:700;font-size:14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.5);display:flex;align-items:center;gap:10px}
.chip .dot{width:30px;height:30px;border-radius:50%;background:#000;display:grid;place-items:center;overflow:hidden}
.chip .dot img{width:100%;height:100%}
.chip.c1{left:10%;top:22%}
.chip.c2{right:6%;top:64%}
.chip b{font:800 20px/1 ui-monospace,Consolas,monospace;color:var(--wine2)}

/* ---------- legal ---------- */
.legal{max-width:760px;margin:0 auto;padding:60px 20px 80px}
.legal h1{font:800 46px/1.05 var(--f-disp);letter-spacing:-.035em}
.legal h2{font:800 22px/1.2 var(--f-disp);margin-top:34px}
.legal p,.legal li{color:var(--muted)}

@media (max-width:980px){
  .nav-links{display:none}
  .split,.hero .split{grid-template-columns:minmax(0,1fr)}
  .steps,.features,.plans-row{grid-template-columns:minmax(0,1fr)}
  .auth{grid-template-columns:minmax(0,1fr)}
  .auth-r{display:none}
  .hero{padding-top:140px}
}
@media (max-width:560px){
  .nav{padding-inline:12px}
  .nav-in{padding:8px 8px 8px 16px;gap:6px}
  .nav-r{gap:6px}
  .nav-r .btn.light:not(.is-me){display:none}
  .nav-r .btn{padding-inline:14px;font-size:14px;min-height:44px}
  .nav-r .lang-btn{padding:0 10px}
  .l-long{display:none}.l-short{display:inline}
  .logo{font-size:20px}
  .band{padding-block:72px}
  .kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .auth-l{padding:20px 16px}
  .foot a{margin:0;margin-inline-end:18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Ukážky telefónov na webe: klik nič neotvorí */
[data-inert] [data-sensitive],[data-inert] a{cursor:default}

/* Riadok so všetkými vzormi: posúva sa do strany */
.tpl-row{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;margin-top:34px;padding:4px 4px 18px;scrollbar-width:thin}
.tpl-row figure{flex:none;scroll-snap-align:start}
.tpl-row .phone{width:236px}
.tpl-row .phone .scr{height:auto}
.phone .scr .demo-frame{background:#000}

/* Skryté pole pre správcov hesiel (meno účtu pri políčku s heslom) */
.vh{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}

/* Templates on the landing page: a tidy grid of a few, the rest behind a button */
.tpl-row{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));justify-items:center;gap:34px 20px;overflow:visible!important;padding:4px 0 0!important;scroll-snap-type:none!important}
.tpl-row figure[hidden]{display:none}
.tpl-row figure{width:100%;max-width:236px;margin:0}
.tpl-row .phone{width:100%}
.tpl-more-w{display:flex;justify-content:center;margin-top:34px}
.btn-more{appearance:none;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:inherit;font:700 15px/1 inherit;font-family:inherit;padding:14px 26px;border-radius:999px;cursor:pointer}
.btn-more:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6)}
@media (max-width:560px){.tpl-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.tpl-row figcaption span{display:none}}

/* Phones: menu bar fixed to the top edge, nothing hides under it, log in stays visible */
@media (max-width:560px){
  .nav{top:0;margin-top:0;padding:8px 10px;background:color-mix(in srgb,var(--wine) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .nav-in{box-shadow:none}
  .nav-r [data-theme-toggle]{display:none}
  .nav-r .btn.light:not(.is-me){display:inline-flex}
  .nav-r .btn{padding-inline:12px;font-size:13px;min-height:40px}
  .hero{margin-top:0;padding-top:28px}
  [id]{scroll-margin-top:80px}
}

/* Simple landing: big numbered steps, more air */
.step-no{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:50%;background:var(--coral);color:#1A1220;font:800 20px/1 var(--f-disp)}
.step::before{content:none!important}
.hero{padding-bottom:120px}
.band{padding-block:110px}
@media (max-width:560px){.band{padding-block:72px}.hero{padding-bottom:72px}}

.legal-upd{color:var(--muted);font-size:14px;margin-top:-6px}

/* ===== Black theme: pure black background everywhere (dark mode is the default) ===== */
:root[data-theme="dark"]{--paper:#000;--white:#111;--line:#262626;--muted:#a3a3a3;--foot:#000;--b-blush:#0b0b0b;--b-butter:#0b0b0b}
:root[data-theme="dark"] body{background:#000}
:root[data-theme="dark"] :is(.hero,.b-dark,.band,.auth-r,.foot){background:#000}
:root[data-theme="dark"] .band + .band{border-top:1px solid #161616}
:root[data-theme="dark"] .b-coral{background:#000;color:#fff}
:root[data-theme="dark"] .b-coral h2{color:var(--coral)}
:root[data-theme="dark"] .b-coral .btn.dark{background:var(--coral);color:#000}
:root[data-theme="dark"] .claim-box{background:#111;border-color:#262626;color:#fff}
:root[data-theme="dark"] .step,:root[data-theme="dark"] .safe-card,:root[data-theme="dark"] .safe-row{background:#0e0e0e;border-color:#232323}
:root[data-theme="dark"] .nav-in{background:#0e0e0e;box-shadow:0 0 0 1px #1f1f1f}
@media (max-width:560px){:root[data-theme="dark"] .nav{background:rgba(0,0,0,.88)}}

/* ===== White theme: when light mode is on, everything is white ===== */
:root[data-theme="light"]{--paper:#fff;--white:#fff;--line:#e8e8e8;--foot:#fff;--b-blush:#fff;--b-butter:#fff}
:root[data-theme="light"] body{background:#fff}
:root[data-theme="light"] :is(.hero,.b-dark,.band,.auth-r,.foot,.b-coral){background:#fff;color:#141414}
:root[data-theme="light"] .band + .band{border-top:1px solid #efefef}
:root[data-theme="light"] .hero .lead,:root[data-theme="light"] .b-dark .lead,:root[data-theme="light"] .note,:root[data-theme="light"] .safe-note{color:#4a4a4a;opacity:1}
:root[data-theme="light"] :is(.hero .eyebrow,.b-dark .eyebrow,.eyebrow){color:var(--coral)}
:root[data-theme="light"] .hero .btn.ghost{color:#141414;border-color:#141414}
:root[data-theme="light"] .b-coral h2{color:var(--coral)}
:root[data-theme="light"] .b-coral .btn.dark{background:var(--coral);color:#141414}
:root[data-theme="light"] .claim-box{background:#f5f5f5;color:#141414}
:root[data-theme="light"] .step{background:#fff;border-color:#ececec;box-shadow:0 10px 30px -18px rgba(0,0,0,.25)}
:root[data-theme="light"] .safe-card{background:#fafafa;border-color:#ececec}
:root[data-theme="light"] .safe-row{background:#fff;border:1px solid #ececec;color:#141414}
:root[data-theme="light"] .foot{border-top:1px solid #efefef;color:#555}
:root[data-theme="light"] .foot a,:root[data-theme="light"] .foot .logo{color:#141414}
:root[data-theme="light"] .auth-r h2{color:#141414}
:root[data-theme="light"] .nav-in{background:#fff;box-shadow:0 6px 24px -12px rgba(0,0,0,.25);border:1px solid #efefef}
@media (max-width:560px){:root[data-theme="light"] .nav{background:rgba(255,255,255,.9)}}

/* Invite friends on the landing page */
.earn-card{background:var(--white);border:1px solid var(--line);border-radius:28px;padding:28px;display:grid;gap:16px;max-width:440px;justify-self:center;width:100%}
.earn-gift{font-size:44px;line-height:1}
.earn-link{padding:14px 18px;border-radius:14px;background:var(--paper);border:1px solid var(--line);font-weight:600;overflow-wrap:anywhere}
.earn-link b{color:var(--coral)}
.earn-steps{margin:0;padding-inline-start:20px;display:grid;gap:8px;color:var(--muted)}
.earn-kpi{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:6px}
.earn-kpi span{display:flex;flex-direction:column;align-items:center}
.earn-kpi b{font:800 34px/1 var(--f-disp);color:var(--coral)}
.earn-kpi i{font-style:normal;font-size:13px;color:var(--muted)}
:root[data-theme="dark"] .earn-card{background:#0e0e0e;border-color:#232323}
:root[data-theme="dark"] .earn-link{background:#141414;border-color:#232323}
.slug-inp input:focus-visible,.claim-box input:focus-visible{outline:0!important}
.slug-inp:focus-within,.claim-box:focus-within{border-color:var(--coral);box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 25%,transparent)}

/* ===== Neon look: deep violet night, pink glow (dark theme = default) ===== */
:root[data-theme="dark"]{--paper:#0b0911;--white:#171321;--ink:#f8f5ff;--muted:#aaa0bd;--line:#332842;--coral:#ff2f9f;--coral-d:#ff52b0;--foot:#08060c;--b-blush:transparent;--b-butter:transparent;--link:#ff8fd0;--bar:#ff2f9f;--cream:#f8f5ff}
:root[data-theme="dark"] body{background:radial-gradient(1100px 650px at 62% -8%,#2b1742 0,transparent 62%),radial-gradient(800px 600px at -5% 55%,#1b0f2b 0,transparent 60%),#0b0911;background-attachment:fixed}
:root[data-theme="dark"] :is(.hero,.b-dark,.band,.auth-r,.foot,.b-coral){background:transparent}
:root[data-theme="dark"] .band + .band{border-top:1px solid #1e1729}
:root[data-theme="dark"] .nav-in{background:rgba(16,12,23,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px #2a2138,0 18px 40px -20px #000}
:root[data-theme="dark"] .nav-links a:hover{background:transparent}
:root[data-theme="dark"] .nav-links a.is-cur{color:#fff;box-shadow:inset 0 -2px 0 #ff2f9f;border-radius:0}
:root[data-theme="dark"] :is(.btn.coral,.btn.dark,.b-coral .btn.dark){background:linear-gradient(105deg,#ff2f9f,#ff4fa3 60%,#ff6a8a);color:#fff;border-color:transparent;box-shadow:0 10px 30px -8px rgba(255,47,159,.65)}
:root[data-theme="dark"] :is(.btn.coral,.btn.dark):hover{filter:brightness(1.08)}
:root[data-theme="dark"] .btn.light{background:transparent;color:#f1eafa;border-color:#3a2d4a}
:root[data-theme="dark"] .btn.light:hover{border-color:#ff2f9f}
:root[data-theme="dark"] .btn.ghost{color:#f1eafa;border-color:#3a2d4a}
:root[data-theme="dark"] :is(.lang-btn,.theme-btn){background:#140f1c;border-color:#332842}
:root[data-theme="dark"] .lang-menu{background:#171321;border-color:#332842}
:root[data-theme="dark"] .lang-menu button:hover,:root[data-theme="dark"] .lang-menu button[aria-selected="true"]{background:#2a1d38}
:root[data-theme="dark"] .eyebrow,:root[data-theme="dark"] .hero .eyebrow,:root[data-theme="dark"] .b-dark .eyebrow{color:#ff5fb4}
:root[data-theme="dark"] :is(.step,.feat,.safe-card,.earn-card,.claim-box,.price,.faq details){background:linear-gradient(145deg,#1c1726,#14111b);border:1px solid #332842;color:var(--ink);box-shadow:0 14px 36px -18px #000}
:root[data-theme="dark"] .step::before{background:linear-gradient(135deg,#ff2f9f,#a64dff);color:#fff;box-shadow:0 0 18px rgba(255,47,159,.45)}
:root[data-theme="dark"] .safe-shield{background:linear-gradient(135deg,#ff2f9f,#a64dff);color:#fff;box-shadow:0 0 26px rgba(255,47,159,.5)}
:root[data-theme="dark"] .safe-row{background:#110d18;border:1px solid #2a2138}
:root[data-theme="dark"] .checks li::before,:root[data-theme="dark"] .b-dark .checks li::before{background-color:#ff2f9f}
:root[data-theme="dark"] .b-coral{color:#fff}
:root[data-theme="dark"] .b-coral h2,:root[data-theme="dark"] .band h2 em{background:linear-gradient(100deg,#ff2f9f,#ff5fd0 55%,#a64dff);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme="dark"] .claim-box{box-shadow:0 0 0 1px #ff2f9f55,0 0 40px -10px rgba(255,47,159,.45)}
:root[data-theme="dark"] .foot{border-top:1px solid #1e1729;color:var(--muted)}

/* hero: big two-line title, glowing phone, floating icon tiles */
.nx-hero{padding-bottom:64px}
.nx-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid #5b4524;background:rgba(255,201,74,.06);color:#ffd27a;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:26px}
.nx-h1{font:800 clamp(46px,6vw,86px)/1 var(--f-disp)!important;letter-spacing:-.035em!important}
:root[data-theme="dark"] .vbc-b{background:linear-gradient(135deg,#ff2f9f,#a64dff)!important;color:#fff!important;box-shadow:0 10px 30px -6px rgba(255,47,159,.6)!important}
.nx-h1 span,.nx-h1 em{display:block}
.nx-h1 em{font-style:normal;background:linear-gradient(100deg,#ff2f9f,#ff4fc4 60%,#ff7ad9);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.nx-hero .lead{color:#c9bfd8;font-size:20px}
.nx-cta{min-height:62px!important;padding:0 34px!important;font-size:18px!important;font-weight:800!important}
.nx-visual{background:transparent!important;overflow:visible!important;padding:30px 0!important;min-height:620px;align-items:center}
.nx-visual::before{display:none}
.nx-visual .phone{z-index:2;width:300px;padding:10px;border-radius:46px;background:#120c19;border:1.5px solid rgba(255,90,190,.7);box-shadow:0 0 0 6px rgba(166,77,255,.10),0 0 46px rgba(178,60,255,.45),0 0 110px rgba(255,47,159,.25)}
.nx-visual .phone .scr{height:580px;border-radius:36px}
.nx-wires{position:absolute;inset:0;width:100%;height:100%;z-index:0;fill:none;stroke:url(#nxg);stroke-width:2;opacity:.55;filter:drop-shadow(0 0 6px #ff2f9f)}
.nx-tile{position:absolute;z-index:3;width:78px;height:78px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(44,28,60,.92),rgba(20,14,28,.92));border:1px solid rgba(255,90,190,.45);box-shadow:0 0 30px rgba(255,47,159,.30),inset 0 0 18px rgba(255,255,255,.04);animation:nxf 6s ease-in-out infinite}
.nx-tile svg{width:38px;height:38px}
.nx-ig{top:12%;left:2%;transform:rotate(-10deg)}.nx-ig svg{fill:#ff4fae;filter:drop-shadow(0 0 8px #ff2f9f)}
.nx-tt{top:62%;left:4%;transform:rotate(-12deg);animation-delay:-2s}.nx-tt svg{fill:#fff;filter:drop-shadow(-2px 0 0 #25f4ee) drop-shadow(2px 0 0 #fe2c55)}
.nx-yt{top:20%;right:0;transform:rotate(9deg);animation-delay:-4s}.nx-yt svg{fill:#ff2a2a;filter:drop-shadow(0 0 8px #ff2a2a)}
.nx-bag{top:66%;right:2%;transform:rotate(10deg);border-color:rgba(255,201,74,.6);box-shadow:0 0 30px rgba(255,201,74,.28);color:#ffc94a;animation-delay:-3s}
@keyframes nxf{50%{translate:0 -10px}}
@media (prefers-reduced-motion:reduce){.nx-tile{animation:none}}
.nx-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px}
.nx-feat{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:18px;background:linear-gradient(145deg,#1c1726,#14111b);border:1px solid #2c2339;color:#f8f5ff}
.nx-feat h3{margin:0 0 6px;font:800 17px/1.2 var(--f-body)}
.nx-feat p{margin:0;color:#aaa0bd;font-size:14.5px;line-height:1.45}
.nx-fi{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center}
.nx-fi svg{width:26px;height:26px}
.nx-fi.f1{background:rgba(255,47,159,.14);color:#ff4fae;box-shadow:inset 0 0 0 1px rgba(255,47,159,.35)}
.nx-fi.f2{background:rgba(166,77,255,.16);color:#c38bff;box-shadow:inset 0 0 0 1px rgba(166,77,255,.4)}
.nx-fi.f3{background:rgba(255,170,40,.13);color:#ffb340;box-shadow:inset 0 0 0 1px rgba(255,170,40,.35)}
.nx-fi.f4{background:rgba(120,90,255,.16);color:#9d8bff;box-shadow:inset 0 0 0 1px rgba(120,90,255,.4)}
:root[data-theme="light"] .nx-feat{background:#fff;border-color:var(--line);color:var(--ink)}
:root[data-theme="light"] .nx-feat p{color:var(--muted)}
:root[data-theme="light"] .nx-hero .lead{color:#F3DCE3}
@media (max-width:1100px){.nx-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.nx-visual{min-height:0}.nx-tile{width:58px;height:58px;border-radius:17px}.nx-tile svg{width:28px;height:28px}.nx-ig{left:4%}.nx-tt{left:6%}.nx-yt{right:4%}.nx-bag{right:6%}}
@media (max-width:560px){.nx-feats{grid-template-columns:minmax(0,1fr)}.nx-visual .phone{width:260px}.nx-visual .phone .scr{height:520px}.nx-tile{width:48px;height:48px;border-radius:14px}.nx-tile svg{width:24px;height:24px}.nx-ig{left:0}.nx-tt{left:0}.nx-yt{right:0}.nx-bag{right:0}.nx-badge{font-size:11px}}
@media (max-width:560px){#nav-out{min-height:40px;padding:0 12px;font-size:13px}.nav-r{gap:6px}}
[hidden]{display:none!important}

/* landing: IG Reports offer */
.igl-price{display:flex;align-items:baseline;gap:10px;margin-top:22px}
.igl-price b{font:800 46px/1 var(--f-disp);letter-spacing:-.03em}
.igl-price span{color:var(--muted)}
#igr .checks{margin-top:22px}
.igl-card{justify-self:center;width:100%;max-width:460px;padding:24px;border-radius:26px;display:grid;gap:16px;background:linear-gradient(145deg,#1c1726,#14111b);border:1px solid rgba(255,90,190,.45);color:#f8f5ff;box-shadow:0 0 60px -16px rgba(255,47,159,.55)}
.igl-h{display:flex;align-items:center;gap:12px}
.igl-h b{display:block}.igl-h small{color:#aaa0bd}
.igl-av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#ff2f9f,#a64dff);flex:none}
.igl-tag{margin-inline-start:auto;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,47,159,.14);color:#ff5fb4}
.igl-k{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.igl-k div{padding:14px;border-radius:14px;background:#110d18;border:1px solid #2a2138;display:flex;flex-direction:column;gap:2px}
.igl-k b{font:800 22px/1.1 var(--f-disp)}
.igl-k span{font-size:12px;color:#aaa0bd}
.igl-k i{font-style:normal;font-size:12px;font-weight:700;color:#24d49a}
.igl-bars{height:90px;display:flex;align-items:flex-end;gap:8px;padding:12px;border-radius:14px;background:#110d18;border:1px solid #2a2138}
.igl-bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ff2f9f,#a64dff)}
.igl-top{display:flex;gap:8px;flex-wrap:wrap}
.igl-top span{padding:7px 12px;border-radius:999px;background:#110d18;border:1px solid #2a2138;font-size:13px;font-weight:700}

.igl-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:56px}
.igl-app{position:relative;padding:28px;border-radius:22px;background:linear-gradient(145deg,#1c1726,#14111b);border:1px solid #332842;color:#f8f5ff;overflow:hidden}
.igl-app::before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#f58529,#ff2f9f 55%,#a64dff)}
.igl-app-h{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.igl-app h3{margin:0;font:800 24px/1.15 var(--f-disp);letter-spacing:-.02em}
.igl-ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:rgba(255,47,159,.14);flex:none}
.igl-app p{margin:0 0 16px;color:#aaa0bd}
.igl-app .checks{margin:0}
.igl-soon{margin-inline-start:auto;padding:4px 10px;border-radius:999px;background:#2a2138;color:#c9bfd8;font-size:11px;font-weight:800;letter-spacing:.08em}
:root[data-theme="light"] .igl-app{background:#fff;border-color:var(--line);color:var(--ink)}
:root[data-theme="light"] .igl-app p{color:var(--muted)}
@media (max-width:860px){.igl-apps{grid-template-columns:minmax(0,1fr);margin-top:36px}}

.igl-cat{display:flex;align-items:center;gap:6px;margin-bottom:14px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ff5fb4}
.igl-app-h small{display:block;margin-top:4px;color:#c9bfd8;font-size:14px;font-weight:600}
.igl-app-h{align-items:flex-start}
.igl-app .checks li{font-size:15.5px}
:root[data-theme="light"] .igl-app-h small{color:var(--muted)}

/* ===== product pages: IG Model Reports / IG Reels Reports (demo screens are drawn in CSS, all data made up) ===== */
.igl-more{display:inline-flex;margin-top:18px;font-weight:800;color:#ff5fb4;text-decoration:none}
.igl-more:hover{text-decoration:underline}
@media (max-width:1240px){.nav-links{margin-inline-start:8px;gap:0}.nav-links a{padding:10px 9px;font-size:14px}}
.pp-hero{padding-bottom:72px}
.pp-h1{font:800 clamp(38px,5vw,68px)/1.02 var(--f-disp)!important;letter-spacing:-.04em!important;margin:0 0 20px}
.pp-block .split{gap:64px}
.pp-block .split.rev>div:first-child{order:2}
.pp-n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;margin-bottom:18px;font:800 20px/1 var(--f-disp);color:#fff;background:linear-gradient(135deg,#ff2f9f,#a64dff);box-shadow:0 0 18px rgba(255,47,159,.45)}
.pp-block h2{font-size:clamp(30px,3.6vw,44px)}
.pp-note{margin:28px 0 0;color:var(--muted);font-size:15px}
.pp-other{margin-top:22px;font-size:15px;opacity:.9}.pp-other a{color:inherit;font-weight:800}
.steps .step p{font-size:17px;color:var(--ink)}
.pp-shot{margin:0;min-width:0;border-radius:18px;background:#120e19;border:1px solid rgba(255,90,190,.4);box-shadow:0 0 60px -18px rgba(255,47,159,.55),0 30px 60px -30px #000;color:#f8f5ff;font-size:13px;overflow:hidden}
.pp-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid #2a2138;background:#0e0b14}
.pp-bar i{width:9px;height:9px;border-radius:50%;background:#3a2d4a}.pp-bar i:first-child{background:#ff5f7a}.pp-bar i:nth-child(2){background:#ffc94a}.pp-bar i:nth-child(3){background:#24d49a}
.pp-bar b{margin-inline-start:8px;font-size:12px;color:#aaa0bd;font-weight:600}
.pp-scr{padding:16px;display:grid;gap:12px}
.pp-shot figcaption{padding:9px 14px;border-top:1px solid #2a2138;font-size:11.5px;color:#7d7290;text-align:center}
.pp-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pp-k.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp-k div{padding:11px;border-radius:12px;background:#171321;border:1px solid #2a2138;display:flex;flex-direction:column;gap:2px;min-width:0}
.pp-k b{font:800 18px/1.1 var(--f-disp)}.pp-k span{font-size:11px;color:#aaa0bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-shot i.up,.pp-shot .up{font-style:normal;font-weight:700;color:#24d49a;font-size:12px}.pp-shot i.down{font-style:normal;font-weight:700;color:#ff6b81;font-size:12px}
.pp-rows{display:grid;gap:6px}
.pp-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#171321;border:1px solid #2a2138}
.pp-row b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-row span{color:#aaa0bd;font-size:12px;white-space:nowrap}.pp-row em{font-style:normal;font-weight:800;color:#7d7290;width:14px}
.pp-av{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;border:1.5px solid #ff2f9f88}
.pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pp-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-vid{position:relative;border-radius:12px;overflow:hidden;border:2px solid #2a2138;background:#171321}
.pp-vid img{display:block;width:100%;aspect-ratio:9/13;object-fit:cover}
.pp-vid small{display:block;padding:5px 7px;font-size:11px;color:#aaa0bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-vid .pv{position:absolute;left:6px;top:6px;padding:3px 7px;border-radius:999px;background:rgba(0,0,0,.7);font-size:11px;font-weight:800}
.pp-vid .px{position:absolute;right:6px;top:6px;padding:3px 7px;border-radius:999px;background:#24d49a;color:#04130d;font-size:11px;font-weight:800}
.pp-vid .px.gold{background:#ffc94a;color:#231a00}.pp-vid .px.dark{background:#000;color:#aaa0bd}
.pp-vid.f-g{border-color:#ffc94a;box-shadow:0 0 16px rgba(255,201,74,.45)}.pp-vid.f-gr{border-color:#24d49a}.pp-vid.f-bk{border-color:#000;opacity:.75}
.pp-legend,.pp-chips{display:flex;flex-wrap:wrap;gap:6px}
.pp-legend span,.pp-chips span{padding:5px 10px;border-radius:999px;border:1px solid #2a2138;background:#171321;font-size:11.5px;font-weight:700;color:#c9bfd8}
.pp-chips span.on{background:linear-gradient(105deg,#ff2f9f,#ff5c8a);border-color:transparent;color:#fff}
.pp-legend .g{border-color:#ffc94a;color:#ffc94a}.pp-legend .gr{border-color:#24d49a;color:#24d49a}.pp-legend .bk{border-color:#000;background:#000}
.pp-line{height:150px;border-radius:12px;background:#171321;border:1px solid #2a2138;overflow:hidden}.pp-line svg{display:block;width:100%;height:100%}
.pp-best{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pp-best b{font:800 30px/1 var(--f-disp)}.pp-best span{color:#24d49a;font-weight:700}
.pp-hours{height:130px;display:flex;align-items:flex-end;gap:3px;padding:10px;border-radius:12px;background:#171321;border:1px solid #2a2138}
.pp-hours i{flex:1;border-radius:4px 4px 1px 1px;background:#3a2d4a}.pp-hours i.hot{background:linear-gradient(180deg,#ff2f9f,#a64dff);box-shadow:0 0 12px rgba(255,47,159,.6)}
.pp-axis{display:flex;justify-content:space-between;color:#7d7290;font-size:11px;padding:0 10px}
.pp-file{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#171321;border:1px solid #2a2138}
.pp-file div{flex:1;min-width:0}.pp-file b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-file small{color:#aaa0bd}
.pp-xl{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:11px;background:#12301f;color:#24d49a;flex:none}
.pp-dl{flex:none;padding:8px 13px;border-radius:999px;font-weight:800;font-size:12px;color:#fff;background:linear-gradient(105deg,#ff2f9f,#ff5c8a);justify-self:start}
.pp-t{width:100%;border-collapse:collapse;font-size:12px}.pp-t th{text-align:start;color:#7d7290;font-weight:600;padding:6px 8px}.pp-t td{padding:8px;border-top:1px solid #2a2138}
.pp-shot .tag{padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#fff!important}
.tag.t-ai{background:#7a4dff}.tag.t-of{background:#00aff0}.tag.t-top{background:#d39e31}
.pp-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pp-two h5{margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7d7290}.pp-two h5:not(:first-child){margin-top:12px}
.pp-b{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:4px 8px;margin-bottom:7px;font-size:12px}
.pp-b span{grid-column:1/-1;color:#c9bfd8}.pp-b i{height:8px;border-radius:99px;background:linear-gradient(90deg,#ff2f9f,#a64dff)}.pp-b b{font-size:11px;color:#24d49a}
.pp-s{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;background:#171321;border:1px solid #2a2138;margin-bottom:6px}
.pp-s div{flex:1;min-width:0}.pp-s b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-s small{color:#aaa0bd;font-size:11px}
.pp-s em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.06em;padding:3px 6px;border-radius:999px;background:rgba(255,47,159,.16);color:#ff5fb4}
.pp-top1{display:flex;gap:12px;padding:10px;border-radius:12px;background:#171321;border:1.5px solid #ffc94a;box-shadow:0 0 18px rgba(255,201,74,.25)}.pp-top1 img{width:76px;aspect-ratio:9/13;object-fit:cover;border-radius:9px;flex:none}.pp-top1 div{display:grid;gap:5px;justify-items:start;align-content:center}.pp-top1 b{font:800 20px/1.1 var(--f-disp)}.pp-top1 small{color:#aaa0bd}.pp-top1 .px{padding:3px 8px;border-radius:999px;background:#ffc94a;color:#231a00;font-size:11px;font-weight:800}
.pp-idea{padding:14px;border-radius:12px;border:1.5px solid #7a4dff;background:#171321;display:grid;gap:6px;justify-items:start}.pp-idea b{font-size:15px}.pp-idea small{color:#aaa0bd}
.pp-cap{padding:14px;border-radius:12px;background:#171321;border:1px solid #2a2138;display:grid;gap:8px}.pp-cap p{margin:0;font-size:14px}.pp-cap .hs{color:#ff5fb4;font-size:12.5px}
@media (max-width:900px){.pp-block .split.rev>div:first-child{order:0}.pp-block .split{gap:28px}}
@media (max-width:560px){.pp-k{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-k.three{grid-template-columns:minmax(0,1fr)}.pp-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-two{grid-template-columns:minmax(0,1fr)}.pp-row span:not(.tag){display:none}.pp-row span:nth-of-type(1){display:inline}.pp-scr{padding:12px}.pp-t th:nth-child(4),.pp-t td:nth-child(4){display:none}}

/* ===== wider and shorter: the site uses the whole screen and needs less scrolling ===== */
.wrap,.nav-in{max-width:1640px}
.wrap{padding-inline:clamp(20px,3.2vw,56px)}
.nav{padding-inline:clamp(20px,3.2vw,56px)}
.band{padding-block:56px}
.hero{padding-top:128px;padding-bottom:48px}
.nx-hero{padding-bottom:40px}
.nx-feats{margin-top:28px}
.nx-visual{min-height:0;padding:10px 0!important}
.nx-visual .phone .scr{height:500px}
.nx-visual .phone{width:270px}
.nx-h1{font-size:clamp(46px,5.4vw,96px)!important}
.band h2{font-size:clamp(32px,3.6vw,54px)}
.steps,.features{margin-top:26px}
.igl-apps{margin-top:34px}
.pp-hero{padding-bottom:40px}
.pp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:20px}
.pp-card{display:flex;flex-direction:column;gap:18px;padding:26px;border-radius:24px;background:linear-gradient(145deg,#1c1726,#14111b);border:1px solid #332842;min-width:0}
.pp-card-t{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center}
.pp-card .pp-n{margin:0;grid-row:1}
.pp-card h2{margin:0;font-size:clamp(22px,1.9vw,30px)}
.pp-card .lead{grid-column:1/-1;margin-top:8px;font-size:16px;max-width:none;color:var(--muted)}
.pp-card .pp-shot{margin-top:auto}
:root[data-theme="light"] .pp-card{background:#fff;border-color:var(--line)}
@media (min-width:1500px){.pp-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.pp-card{grid-column:span 2}.pp-card:nth-child(4),.pp-card:nth-child(5){grid-column:span 3;flex-direction:row;align-items:center}.pp-card:nth-child(n+4) .pp-card-t{flex:0 0 38%}.pp-card:nth-child(n+4) .pp-shot{flex:1;margin:0}}
@media (max-width:900px){.band{padding-block:40px}.hero{padding-top:112px}}

/* wide screens: "Safe for Instagram" and "Earn" sit side by side */
@media (min-width:1400px){
  .duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1640px;margin:0 auto;border-top:1px solid #1e1729}
  .duo>.band{border-top:0!important}
  .duo>.band+.band{border-inline-start:1px solid #1e1729}
  .duo .wrap{padding-inline:clamp(20px,2.4vw,44px)}
  .duo .split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:start}
  .duo .band h2{font-size:clamp(28px,2.3vw,38px)}
  .duo .band .lead{font-size:16px}
  .duo .checks li{font-size:15px}
  .duo :is(.safe-card,.earn-card){padding:20px}
}
/* use (almost) the whole screen on big monitors */
.wrap,.nav-in,.duo{max-width:min(94vw,2400px)!important}
@media (min-width:1700px){
  .hero .split{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
  .nx-hero .lead,.pp-hero .lead,.band .lead{font-size:21px;max-width:56ch}
  .nx-visual .phone{width:310px}.nx-visual .phone .scr{height:570px}
  .nx-tile{width:92px;height:92px;border-radius:26px}.nx-tile svg{width:44px;height:44px}
  .nx-feat{padding:26px}.nx-feat h3{font-size:19px}.nx-feat p{font-size:16px}
  .step p,.feat p{font-size:17px}
  .igl-app .checks li{font-size:17px}
  .pp-shot{font-size:14.5px}
}

/* Safe + Earn side by side: same starting line for titles and cards, no empty hole */
#earn .checks{margin:22px 0 4px}
@media (min-width:1400px){
  .duo .eyebrow{display:block;min-height:2.9em;margin-bottom:8px}
  .duo .band h2{min-height:3.3em}
  .duo :is(.safe-card,.earn-card){margin-top:0;align-self:start;justify-self:stretch;max-width:none}
  .duo .band{padding-block:48px}
}
.pp-card .pp-shot{margin:0}
.pp-card{justify-content:flex-start}
@media (min-width:1500px){.pp-card:nth-child(-n+3) .pp-card-t{min-height:9.2em;align-content:start}}
.earn-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(13px,1vw,16px)}
.safe-row b{white-space:nowrap;overflow-wrap:normal;font-size:clamp(13px,1vw,15px)}
@media (min-width:1500px){.pp-card:nth-child(-n+3) .pp-grid .pp-vid img{aspect-ratio:1/1}.pp-card:nth-child(-n+3) .pp-line{height:250px}.pp-card:nth-child(-n+3) .pp-shot{margin-block:0 auto}}
/* top menu: clear glowing frame, so it is visible that it travels with the page */
:root[data-theme="dark"] .nav-in{background:rgba(16,12,23,.9);border:1.5px solid rgba(255,90,190,.65);box-shadow:0 0 0 1px rgba(166,77,255,.25),0 0 26px rgba(255,47,159,.35),0 18px 40px -18px #000}
:root[data-theme="light"] .nav-in{border:1.5px solid var(--coral)}
.nav{z-index:40}
section[id]{scroll-margin-top:104px}
:root[data-theme="dark"] .nav-links a.is-cur{box-shadow:none;color:#ff5fb4}

/* "Check if it's free" under the invite button */
.chk{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;max-width:560px}
.chk-box{flex:1;min-width:220px;display:flex;align-items:center;min-height:48px;padding:0 16px;border-radius:999px;background:#110d18;border:1px solid #332842;font-weight:600}
.chk-box span{color:var(--muted);white-space:nowrap}
.chk-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}
.chk-box:focus-within{border-color:#ff2f9f}
.chk-msg{min-height:22px;margin:10px 0 0;font-size:15px}
.chk-msg.is-ok{color:#24d49a}.chk-msg.is-ok a{color:#ff5fb4;font-weight:800}
.chk-msg.is-no{color:#ff7a8a}
:root[data-theme="light"] .chk-box{background:#fff;border-color:var(--line)}
/* menu links: no box or line behind the text in any state, only the pink text colour */
.nav-links a,.nav-links a:hover,.nav-links a:focus,.nav-links a:active,.nav-links a.is-cur{background:transparent!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
.nav-links a:focus:not(:focus-visible){outline:0}
.btn.is-soon{opacity:.75;cursor:default;filter:saturate(.6)}.btn.is-soon:hover{transform:none}

/* each tool: green ACTIVE badge, its own price and its own button */
.igl-on{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:rgba(36,212,154,.14);border:1px solid rgba(36,212,154,.5);color:#24d49a;font-size:11px;font-weight:800;letter-spacing:.1em}
.igl-on::before{content:'';width:7px;height:7px;border-radius:50%;background:#24d49a;box-shadow:0 0 8px #24d49a}
.nx-badge .igl-on{margin-inline-start:8px}
.igl-buy{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid #2a2138}
.igl-pr{display:flex;align-items:baseline;gap:6px}.igl-pr b{font:800 34px/1 var(--f-disp);letter-spacing:-.02em}.igl-pr span{color:#aaa0bd}
.igl-buy .igl-more{margin:0 0 0 auto}
.igl-app{display:flex;flex-direction:column}.igl-app .igl-buy{margin-top:auto}.igl-app .checks{margin-bottom:22px}

/* ===== after sign-up: what would you like to use? (three choices with preview pictures) ===== */
.wl{padding-bottom:64px}
.wl .lead{max-width:70ch}
.wl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px;margin-top:34px}
.wl-card{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#1c1726,#14111b);border:1px solid #332842;color:#f8f5ff;transition:border-color .15s,box-shadow .15s}
.wl-card:hover{border-color:rgba(255,90,190,.6);box-shadow:0 0 50px -16px rgba(255,47,159,.55)}
.wl-thumb{position:relative;display:block;height:300px;padding:18px 18px 0;border:0;background:radial-gradient(120% 90% at 50% 0,#2b1742,#110d18);cursor:zoom-in;overflow:hidden;text-align:start;color:inherit;font:inherit}
.wl-thumb .pp-shot{pointer-events:none;transform-origin:top center}
.wl-thumb::after{content:'';position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(180deg,transparent,#14111b)}
.wl-zoom{position:absolute;inset:0;z-index:2;display:grid;place-items:center;opacity:0;background:rgba(11,9,17,.55);transition:opacity .15s}
.wl-zoom span{padding:11px 20px;border-radius:999px;background:linear-gradient(105deg,#ff2f9f,#ff5c8a);font-weight:800}
.wl-thumb:hover .wl-zoom,.wl-thumb:focus-visible .wl-zoom{opacity:1}
.wl-ph{display:flex;justify-content:center}.wl-ph .phone{display:block;width:230px;padding:7px;border-radius:38px;background:#120c19;border:1.5px solid rgba(255,90,190,.7)}.wl-ph .scr{display:block;height:430px;border-radius:31px;overflow:hidden;background:#000}
.wl-b{display:flex;flex-direction:column;gap:12px;padding:22px;flex:1}
.wl-h{display:flex;align-items:center;gap:12px}.wl-h h2{margin:0;font:800 24px/1.15 var(--f-disp);letter-spacing:-.02em}
.wl-b p{margin:0;color:#aaa0bd;flex:1}
.wl-pr{display:flex;align-items:baseline;gap:8px}.wl-pr b{font:800 30px/1 var(--f-disp)}.wl-pr span{color:#aaa0bd}
.wl-a{display:flex;gap:8px;flex-wrap:wrap}.wl-a .btn{flex:1}
.wl-skip{margin:26px 0 0;text-align:center}.wl-skip a{color:var(--muted)}
.wl-msg{min-height:20px;text-align:center;color:var(--muted)}
.wl-modal{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:14px;background:rgba(8,6,12,.94);backdrop-filter:blur(8px)}
.wl-modal[hidden]{display:none}
.wl-top{grid-column:1/-1;display:flex;align-items:center;gap:14px;color:#f8f5ff}.wl-top b{font:800 22px/1 var(--f-disp)}.wl-top span{color:#aaa0bd}.wl-top .btn{margin-inline-start:auto}
.wl-stage{grid-column:2;display:grid;place-items:center;min-height:0;overflow:auto}
.wl-slide{width:min(100%,900px)}.wl-slide[hidden]{display:none}
.wl-slide .pp-shot{font-size:15px}
.wl-phone{margin:0;display:grid;justify-items:center;gap:10px;color:#f8f5ff}.wl-phone .phone{width:300px;padding:9px;border-radius:44px;background:#120c19;border:1.5px solid rgba(255,90,190,.7);box-shadow:0 0 46px rgba(178,60,255,.45)}.wl-phone .scr{height:min(600px,62vh);border-radius:36px;overflow:hidden;background:#000}.wl-phone figcaption{font-weight:800}
.wl-nav{align-self:center;width:54px;height:54px;border-radius:50%;border:1px solid #3a2d4a;background:#171321;color:#fff;font-size:30px;line-height:1;cursor:pointer}
.wl-nav:hover{border-color:#ff2f9f}
.wl-nav.prev{grid-column:1;grid-row:2}.wl-nav.next{grid-column:3;grid-row:2}
.wl-bot{grid-column:1/-1;display:flex;justify-content:center;padding:4px 0 6px}
@media (max-width:640px){.wl-modal{grid-template-columns:40px minmax(0,1fr) 40px;padding:10px 6px}.wl-nav{width:38px;height:38px;font-size:22px}.wl-thumb{height:240px}.wl-slide .pp-shot{font-size:12.5px}}
/* chooser gallery fixes: small round avatars stay small, phone preview uses the standard phone size */
.pp-shot img.pp-av{width:32px!important;height:32px!important;max-width:32px!important;flex:0 0 32px}
.pp-top1 img{width:76px!important;flex:0 0 76px}
.wl-stage{place-items:start center;padding-block:6px}
.wl-phone .phone{width:268px;padding:8px;border-radius:42px}
.wl-phone .scr{height:min(560px,64vh);border-radius:34px}
.wl-ph .phone{width:268px;padding:8px;border-radius:42px}.wl-ph .scr{height:560px;border-radius:34px}
.wl-stage{grid-template-columns:minmax(0,1fr)}.wl-slide{justify-self:center;min-width:0}
.pp-row{overflow:hidden}.pp-shot{max-width:100%}
/* /welcome: Bio stránka = obrázky telefónu z hlavnej stránky (karta aj ukážka) */
.wl-thumb.is-hero{height:340px;padding:12px 0 0}.wl-thumb.is-hero::after{height:44px}
.wl-hero{display:flex;justify-content:center;height:100%}.wl-hero img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:top;filter:drop-shadow(0 0 40px rgba(178,60,255,.35));-webkit-user-drag:none}
.wl-big{margin:0;display:grid;place-items:center}.wl-big img{display:block;width:auto;height:auto;max-width:100%;max-height:min(720px,calc(100vh - 170px));filter:drop-shadow(0 0 50px rgba(178,60,255,.4));-webkit-user-drag:none}
@media (max-width:640px){.wl-thumb.is-hero{height:320px}}

/* extra demo screens (drawn in CSS; invented data) */
.pp-more .eyebrow{margin-bottom:22px}
.pp-mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;align-items:start}
.pp-acc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pp-ac{display:grid;gap:8px;padding:10px;border-radius:12px;background:#171321;border:1px solid #2a2138;min-width:0}
.pp-ac-h{display:flex;align-items:center;gap:8px;min-width:0}.pp-ac-h div{min-width:0}.pp-ac-h b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-ac-h small{color:#7d7290;font-size:10px}
.pp-ac-k{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pp-ac-k span{display:flex;flex-direction:column;padding:6px 7px;border-radius:8px;background:#110d18;color:#aaa0bd;font-size:10px}.pp-ac-k b{color:#f8f5ff;font:800 14px/1.1 var(--f-disp)}
.pp-ac-b{display:flex;gap:4px;flex-wrap:wrap}.pp-ac-b em,.pp-ac-b i{font-style:normal;padding:4px 7px;border-radius:999px;font-size:9.5px;font-weight:700;border:1px solid #2a2138;color:#c9bfd8}.pp-ac-b em{background:linear-gradient(105deg,#ff2f9f,#ff5c8a);border-color:transparent;color:#fff}
.pp-con{display:grid;justify-items:center;gap:6px;padding:20px;border-radius:14px;border:1.5px dashed #ff2f9f88;background:#171321;text-align:center}
.pp-con b{font-size:16px}.pp-con small{color:#aaa0bd}.pp-con em{font-style:normal;margin-top:6px;padding:9px 18px;border-radius:999px;font-weight:800;color:#fff;background:linear-gradient(105deg,#ff2f9f,#ff5c8a)}
.pp-ig{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:24px;color:#fff;background:linear-gradient(45deg,#f58529,#dd2a7b 55%,#8134af)}
.tag.t-ok{background:#12301f;color:#24d49a!important}
.pp-one{display:flex;gap:14px}.pp-one>img{width:38%;max-width:190px;aspect-ratio:9/14;object-fit:cover;border-radius:12px;border:2px solid #ffc94a;flex:none}
.pp-one>div{display:grid;gap:8px;align-content:start;justify-items:start;min-width:0;flex:1}.pp-one>div>b{font:800 24px/1.1 var(--f-disp)}
.pp-one .px{padding:3px 9px;border-radius:999px;background:#ffc94a;color:#231a00;font-size:11px;font-weight:800}
.pp-k.two{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.pp-k.five{grid-template-columns:repeat(5,minmax(0,1fr))}.pp-k.five span{font-size:9px;letter-spacing:.06em;white-space:normal}.pp-k.five b{font-size:14px}.pp-k.five small{color:#7d7290;font-size:10.5px}
.pp-idea.gold{border-color:#d39e31}
.pp-ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pp-idc{display:flex;gap:10px;padding:9px;border-radius:12px;background:#171321;border:1.5px solid #7a4dff;min-width:0}.pp-idc.gold{border-color:#d39e31}
.pp-idc img{width:64px;aspect-ratio:9/14;object-fit:cover;border-radius:8px;flex:none}
.pp-idc div{display:grid;gap:4px;align-content:start;justify-items:start;min-width:0}.pp-idc b{font-size:12.5px;line-height:1.25}.pp-idc small{color:#aaa0bd;font-size:10.5px}
.pp-idc em{font-style:normal;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;color:#fff;background:linear-gradient(105deg,#ff2f9f,#ff5c8a)}
.pp-prof{display:flex;align-items:center;gap:10px}.pp-prof div{flex:1}.pp-prof b{display:block;font-size:16px}.pp-prof small{color:#aaa0bd}
.pp-days{height:120px;display:flex;align-items:flex-end;gap:6px;margin-top:10px;padding:10px 10px 4px;border-radius:12px;background:#171321;border:1px solid #2a2138}
.pp-days div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.pp-days i{width:100%;border-radius:4px 4px 1px 1px;background:#3a2d4a}.pp-days i.hot{background:linear-gradient(180deg,#ff2f9f,#a64dff);box-shadow:0 0 12px rgba(255,47,159,.6)}.pp-days span{font-size:10px;color:#7d7290}
.pp-t td .pp-av{vertical-align:middle}
@media (max-width:560px){.pp-acc{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-k.five{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-ideas{grid-template-columns:minmax(0,1fr)}.pp-t th:nth-child(5),.pp-t td:nth-child(5),.pp-t th:nth-child(6),.pp-t td:nth-child(6){display:none}}
.pp-k.five{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.pp-k.five b{white-space:normal;overflow-wrap:anywhere}

/* extra screens: tidy rows of three, all the same height */
.pp-mgrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px}
.pp-mgrid .pp-shot{display:flex;flex-direction:column;height:100%}
.pp-mgrid .pp-scr{flex:1;align-content:start}
@media (max-width:1100px){.pp-mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.pp-mgrid{grid-template-columns:minmax(0,1fr)}}
.pp-shot figcaption.is-real{color:#24d49a}
.pp-t tr.top td{background:rgba(255,201,74,.10)}.pp-t td small{color:#7d7290}

/* ===== pricing page ===== */
.pc .lead{max-width:70ch}
.pc-h{margin:44px 0 18px!important;font-size:clamp(26px,2.4vw,36px)!important}
.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pc-card{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#1c1726,#14111b);border:1px solid #332842;color:#f8f5ff}
.pc-card.is-hot{border-color:rgba(255,90,190,.7);box-shadow:0 0 54px -16px rgba(255,47,159,.6)}
.pc-img{height:300px;padding:18px 18px 0;overflow:hidden;background:radial-gradient(120% 90% at 50% 0,#2b1742,#110d18);display:flex;justify-content:center;position:relative}
.pc-img::after{content:'';position:absolute;inset:auto 0 0 0;height:80px;background:linear-gradient(180deg,transparent,#14111b)}
.pc-img .phone{display:block;width:268px;padding:8px;border-radius:42px;background:#120c19;border:1.5px solid rgba(255,90,190,.7);flex:none}
.pc-img .scr{display:block;height:560px;border-radius:34px;overflow:hidden;background:#000}
.pc-img .pp-shot{width:100%;max-width:640px;align-self:flex-start}
.pc-b{display:flex;flex-direction:column;gap:14px;padding:24px;flex:1}
.pc-b h3{margin:0;font:800 26px/1.15 var(--f-disp);letter-spacing:-.02em}
.pc-pr{display:flex;align-items:baseline;gap:8px}.pc-pr b{font:800 44px/1 var(--f-disp);letter-spacing:-.03em}.pc-pr span{color:#aaa0bd}
.pc-b .checks{margin:0;flex:1}.pc-b .checks li{font-size:15.5px}
.pc-kind{margin:0;padding:10px 12px;border-radius:12px;background:#110d18;border:1px solid #2a2138;color:#c9bfd8;font-size:14px}
.pc-a{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pc-a .igl-more{margin:0}
:root[data-theme="light"] .pc-card{background:#fff;border-color:var(--line);color:var(--ink)}
@media (max-width:1000px){.pc-grid,.pc-grid.two{grid-template-columns:minmax(0,1fr)}}

/* ===== Earn page ===== */
.ep-card{justify-self:center;width:100%;max-width:520px;box-shadow:0 0 60px -16px rgba(255,47,159,.55);border-color:rgba(255,90,190,.45)!important}
.ep-k{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ep-k .nx-feat{align-items:center}.ep-k .nx-fi{font:800 22px/1 var(--f-disp)}.ep-k h3{margin:0;font-size:19px}
.ep-checks{margin:30px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px}
.ep-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.ep-q{padding:24px;border-radius:20px;background:linear-gradient(145deg,#1c1726,#14111b);border:1px solid #332842}
.ep-q h3{margin:0 0 8px;font:800 20px/1.2 var(--f-disp)}.ep-q p{margin:0;color:var(--muted)}
:root[data-theme="light"] .ep-q{background:#fff;border-color:var(--line)}
@media (max-width:900px){.ep-k,.ep-faq,.ep-checks{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:1400px){.nav-links a{padding:10px 9px;font-size:14px}.nav-links{margin-inline-start:10px;gap:0}}

/* invite link you can type into and copy */
.earn-link.is-in{display:flex;align-items:center;gap:0;padding:6px 6px 6px 16px;overflow:visible}
.earn-link.is-in span{white-space:nowrap}
.earn-link.is-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-weight:700;color:#ff2f9f;padding:8px 4px}
.earn-link.is-in input::placeholder{color:#ff2f9f;opacity:.6}
.earn-link.is-in button{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid #3a2d4a;background:#171321;color:#f8f5ff;display:grid;place-items:center;cursor:pointer}
.earn-link.is-in button:hover{border-color:#ff2f9f}
.earn-link.is-in button.is-ok{border-color:#24d49a;color:#24d49a}
.earn-link.is-in:focus-within{border-color:#ff2f9f}
.pc-img.is-pic{padding:0;height:auto;aspect-ratio:16/10}.pc-img.is-pic img{width:100%;height:100%;object-fit:cover;display:block}.pc-img.is-pic::after{height:60px}
.pc-grid.two .pc-img.is-pic{aspect-ratio:16/9}

/* pricing: all five products on one screen, no scrolling (desktop) */
@media (min-width:1200px){
  .pc-page .pc{padding:104px 0 14px!important}
  .pc-page .pc .wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:22px}
  .pc-page .pp-h1{font-size:clamp(30px,3.4vh,44px)!important;margin:0!important}
  .pc-page .pc .lead{font-size:16px!important;margin:0;max-width:none}
  .pc-all{grid-column:1/-1;display:grid;grid-template-columns:3fr 2fr;gap:18px;margin-top:14px}
  .pc-g{display:flex;flex-direction:column;min-width:0}
  .pc-h{margin:0 0 8px!important;font-size:13px!important;letter-spacing:.14em;text-transform:uppercase;color:#ff5fb4;font-family:var(--f-body)!important}
  .pc-g .pc-grid{flex:1;gap:12px}
  .pc-g .pc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-card{border-radius:18px}
  .pc-img.is-pic,.pc-grid.two .pc-img.is-pic{aspect-ratio:auto;height:clamp(64px,15vh,150px)}
  .pc-img.is-pic::after{height:30px}
  .pc-b{padding:14px;gap:8px}
  .pc-b h3{font-size:clamp(16px,1.25vw,21px)}
  .pc-pr b{font-size:clamp(26px,3.6vh,36px)}.pc-pr span{font-size:13px}
  .pc-b .checks{display:grid;gap:5px}
  .pc-b .checks li{font-size:clamp(11.5px,1.55vh,13.5px);line-height:1.3;margin:0;padding-inline-start:22px}
  .pc-b .checks li::before{width:15px;height:15px;top:1px;background-size:9px}
  .pc-kind{padding:6px 9px;font-size:11.5px;border-radius:9px}
  .pc-b .btn{min-height:38px;padding:0 12px;font-size:13px;white-space:normal;text-align:center;line-height:1.15}
  .pc-a{gap:8px}.pc-a .igl-more{font-size:12.5px}
  .pc-page .foot{padding-block:10px;font-size:12px}
  .pc-page main{min-height:0}
}
@media (min-width:1200px) and (max-height:820px){.pc-b .checks li:nth-child(n+4){display:none}.pc-img.is-pic,.pc-grid.two .pc-img.is-pic{height:clamp(56px,11vh,110px)}}

/* pricing: lists start at the top; tighter on low screens */
@media (min-width:1200px){.pc-b .checks{align-content:start;flex:1}}
@media (min-width:1200px) and (max-height:820px){.pc-page .pc{padding-top:96px!important}.pc-b .checks li{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pc-b .checks li:nth-child(n+4){display:none}.pc-img.is-pic,.pc-grid.two .pc-img.is-pic{height:9vh}.pc-kind{display:none}.pc-b{gap:6px;padding:12px}}
/* Earn: one simple screen */
.ep-page .nx-hero{padding:118px 0 20px}
.ep-page .nx-h1{font-size:clamp(38px,4.6vw,68px)!important;margin-bottom:14px}
.ep-page .nx-badge{margin-bottom:16px}
.ep-page .lead{font-size:18px!important;max-width:52ch}
.ep-page .ep-checks{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:18px 0 0}
.ep-page .ep-checks li{font-size:16px}
.ep-page .cta-row{margin-top:22px}
.ep-page .ep-k{margin-top:26px}
.ep-page .ep-k .nx-feat{padding:16px 18px}
.ep-page .ep-card{padding:24px}
.ep-page .foot{padding-block:12px}
@media (min-width:1200px) and (max-height:820px){
  .pc-b .checks li{display:list-item;-webkit-line-clamp:unset;overflow:visible;font-size:12px}
  .pc-b .checks li:nth-child(n+4){display:none}
  .pc-kind{display:block;padding:5px 8px;font-size:11px}
  .pc-img.is-pic,.pc-grid.two .pc-img.is-pic{height:11vh}
  .ep-page .nx-hero{padding:100px 0 10px}
  .ep-page .nx-h1{font-size:clamp(32px,7.4vh,56px)!important;margin-bottom:10px}
  .ep-page .lead{font-size:16px!important}
  .ep-page .ep-checks{display:none}
  .ep-page .cta-row{margin-top:16px}
  .ep-page .ep-k{margin-top:16px}.ep-page .ep-k .nx-feat{padding:10px 14px}
  .ep-page .ep-card{padding:18px;gap:8px}.ep-page .earn-steps li{font-size:14px}
  .ep-page .foot{padding-block:8px}
}
/* pätička ostáva aj na nízkej obrazovke – majiteľ ju chce na každej stránke webu */
@media (min-width:1200px) and (max-height:820px){.pc-img.is-pic,.pc-grid.two .pc-img.is-pic{height:9vh}}
/* pricing: three packages in a row, two wide report cards under them, same left and right edge */
@media (min-width:1200px){
  .pc-all{grid-template-columns:minmax(0,1fr);gap:12px}
  .pc-g .pc-grid{flex:none}
  .pc-g.g3 .pc-card{flex-direction:row}
  .pc-g.g3 .pc-img.is-pic{width:30%;height:auto;flex:none;aspect-ratio:auto}
  .pc-g.g3 .pc-img.is-pic::after{display:none}
  .pc-g.g3 .pc-b{padding:12px 14px;gap:6px}
  .pc-g.g3 .pc-b .checks li:nth-child(4){display:none}
  .pc-g.g2 .pc-card{flex-direction:row}
  .pc-g.g2 .pc-img.is-pic{width:26%;height:auto;flex:none;aspect-ratio:auto}
  .pc-g.g2 .pc-img.is-pic::after{display:none}
  .pc-g.g2 .pc-b{padding:12px 16px;gap:6px}
  .pc-g.g2 .pc-b .checks{grid-template-columns:minmax(0,1fr)}
  .pc-b .checks{flex:none}
  .pc-kind{margin-top:auto}
  .pc-h{margin:0 0 6px!important}
}
@media (min-width:1200px) and (max-height:820px){.pc-g.g3 .pc-img.is-pic,.pc-g.g2 .pc-img.is-pic{height:auto}.pc-g.g2 .pc-b .checks li:nth-child(n+4){display:none}.pc-kind{display:none}}
/* logo: crown + vip.bio + tagline */
.logo.lg,.vbb-logo.lg{display:inline-flex;align-items:center;gap:12px;text-decoration:none;transform:none}
.lg-mark{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#2a1f3d;border:1.5px solid #6b5a8e}
.lg-mark svg{width:30px;height:30px;display:block}
.lg-txt{display:flex;flex-direction:column;line-height:1}
.lg-name{font:italic 800 30px/1 "Playfair Display",Georgia,serif;letter-spacing:-.01em;color:#fff}
.lg-name em{font-style:italic;background:linear-gradient(90deg,#c9a8ff,#ff8fd0);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg-tag{margin-top:3px;font:italic 500 10.5px/1 "Playfair Display",Georgia,serif;letter-spacing:.04em;color:#d9cdf0;white-space:nowrap}
:root[data-theme="light"] .lg-name{color:#1a1220}:root[data-theme="light"] .lg-tag{color:#5e5466}
@media (max-width:900px){.lg-tag{display:none}.lg-name{font-size:24px}.lg-mark{width:36px;height:36px}.lg-mark svg{width:24px;height:24px}}
.ep-min{margin:4px 0 0;padding:10px 12px;border-radius:12px;background:#110d18;border:1px solid #2a2138;color:#c9bfd8;font-size:13.5px}
#faq .faq{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;margin-top:10px}
#faq .faq p{max-width:none}
:root[data-theme="dark"] #faq .faq details{background:transparent;border:0;border-bottom:1px solid #2a2138;box-shadow:none;border-radius:0}
@media (max-width:900px){#faq .faq{grid-template-columns:minmax(0,1fr)}}
/* ===== phone and tablet header: everything fits, menu links in a second row you can swipe ===== */
@media (max-width:980px){
  .nav{top:8px;margin-top:8px;padding-inline:10px}
  .nav-in{flex-wrap:wrap;border-radius:24px!important;padding:8px 10px;gap:6px 8px}
  .nav .logo.lg{gap:8px;min-width:0}
  .nav-r{gap:6px;margin-inline-start:auto;min-width:0}
  .nav-r [data-theme-toggle]{display:none}
  .nav-links{display:flex!important;order:3;width:100%;margin:0!important;gap:2px;overflow-x:auto;scrollbar-width:none;padding-top:6px;border-top:1px solid #2a2138}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{flex:none;padding:8px 10px!important;font-size:13.5px!important}
  .hero{padding-top:170px}
}
@media (max-width:560px){
  .nav{background:transparent!important}
  .lg-name{font-size:21px}
  .lg-mark{width:32px;height:32px}.lg-mark svg{width:21px;height:21px}
  .nav-r .btn,.nav-r form .btn{min-height:36px!important;padding:0 11px!important;font-size:13px!important;display:inline-flex!important}
  .nav-r .btn.light:not(.is-me):not(#nav-out){display:inline-flex!important}
  .nav-r .lang-btn{min-height:36px;padding:0 8px;font-size:12.5px;gap:4px}
  .nav-r .lang-btn svg{width:15px;height:15px}
  #nav-out[hidden]{display:none!important}
  .hero{padding-top:150px}
  .pc-page .pc,.ep-page .nx-hero{padding-top:150px!important}
}
@media (max-width:380px){.lg-name{font-size:18px}.nav-r .btn{padding:0 8px!important;font-size:12px!important}.nav-r .lang-btn span{display:none}}
#nav-signup[style*="none"]{display:none!important}
.legal-t{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}.legal-t th{text-align:start;padding:8px;border-bottom:1.5px solid var(--line)}.legal-t td{padding:8px;border-bottom:1px solid var(--line);color:var(--muted);vertical-align:top}.legal-t td:first-child{font-family:ui-monospace,Consolas,monospace;color:var(--ink);white-space:nowrap}
.legal{padding-top:130px}
/* pricing on low screens (laptops): everything still on one screen */
@media (min-width:1200px) and (max-height:820px){
  .pc-page .pc{padding:92px 0 6px!important}
  .pc-page .pp-h1{font-size:26px!important}.pc-page .pc .lead{font-size:14px!important}
  .pc-all{gap:8px;margin-top:8px}.pc-h{margin:0 0 4px!important;font-size:11.5px!important}
  .pc-g.g3 .pc-b,.pc-g.g2 .pc-b{padding:9px 12px;gap:4px}
  .pc-b h3{font-size:16px}.pc-pr b{font-size:24px}
  .pc-b .checks{gap:3px}.pc-b .checks li{font-size:11.5px;line-height:1.25}
  .pc-g.g3 .pc-b .checks li:nth-child(n+3){display:none}
  .pc-g.g2 .pc-b .checks li:nth-child(n+3){display:none}
  .pc-b .btn{min-height:32px;font-size:12.5px}
}
/* pay / main buttons: on hover the pink turns violet and the button lifts and glows */
:root[data-theme="dark"] :is(.btn.coral,.btn.dark){transition:background .2s,box-shadow .2s,transform .15s,filter .2s}
:root[data-theme="dark"] :is(.btn.coral,.btn.dark):hover:not(:disabled){background:linear-gradient(105deg,#a855f7,#ff2f9f 85%);box-shadow:0 0 0 2px rgba(201,168,255,.55),0 12px 34px -6px rgba(168,85,247,.8);transform:translateY(-2px);filter:none}
:root[data-theme="dark"] :is(.btn.coral,.btn.dark):active:not(:disabled){transform:translateY(0)}
/* FAQ: 20 questions, compact – small type, tight rows, two columns */
#faq .faq{gap:0 36px;margin-top:6px}
#faq .faq details{padding:11px 0}
#faq .faq summary{font:600 15px/1.35 var(--f-body);gap:12px}
#faq .faq summary::after{font-size:20px}
#faq .faq p{font-size:13.5px;line-height:1.5;margin:7px 0 2px}
#faq h2{font-size:clamp(24px,2.4vw,32px)}
/* already yours: the buy button turns into a "Paid" / "VIP" badge that opens the product */
:root[data-theme="dark"] .btn.is-owned,.btn.is-owned{background:transparent!important;border:1.5px solid #24d49a!important;color:#24d49a!important;box-shadow:none!important;filter:none!important}
:root[data-theme="dark"] .btn.is-owned:hover:not(:disabled),.btn.is-owned:hover{background:rgba(36,212,154,.12)!important;box-shadow:0 0 0 2px rgba(36,212,154,.25)!important;transform:translateY(-1px)}
:root[data-theme="dark"] .btn.is-owned.is-vip,.btn.is-owned.is-vip{border-color:#f5c518!important;color:#f5c518!important}
:root[data-theme="dark"] .btn.is-owned.is-vip:hover:not(:disabled),.btn.is-owned.is-vip:hover{background:rgba(245,197,24,.12)!important;box-shadow:0 0 0 2px rgba(245,197,24,.25)!important}
/* iPhone zooms the whole page in when you tap a field with text smaller than 16 px (and then the page is cut off at the side) */
@media (max-width:760px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select{font-size:16px!important}}
/* ===== phone header menu: no swiping – three links in a row, the two products as pills centred under them ===== */
@media (max-width:640px){
  .nav-links{flex-wrap:wrap;justify-content:center;overflow:visible;gap:8px 0;padding-top:8px}
  .nav-links a{order:1;flex:0 0 33.333%!important;min-width:0;text-align:center;padding:7px 4px!important;font-size:13.5px!important;font-weight:600;overflow:hidden;text-overflow:ellipsis}
  .nav-links a[href^="/ig-"]{order:2;flex:0 1 auto!important;margin:0 4px 2px;padding:8px 16px!important;border-radius:999px!important;font-size:13px!important;font-weight:700;letter-spacing:.01em;color:#ffd9ef;border:1px solid rgba(255,95,180,.5);background:linear-gradient(105deg,rgba(255,47,159,.16),rgba(166,77,255,.16))!important}
  .nav-links a[href^="/ig-"].is-cur{color:#fff!important;border-color:transparent;background:linear-gradient(105deg,#ff2f9f,#a64dff)!important;box-shadow:0 6px 18px -8px rgba(255,47,159,.8)!important}
  :root[data-theme="light"] .nav-links a[href^="/ig-"]{color:#b0126b}
  .hero{padding-top:26px!important}
  .pc-page .pc,.ep-page .nx-hero{padding-top:26px!important}
}
/* logged-out phone header: Log in + Sign up need the room, the language button shows just the globe so the top row stays on one line */
@media (max-width:640px){.nav-r:has(#nav-signup:not([style*="none"])) .lang-btn span{display:none}.nav-in{row-gap:8px}}
/* phone header menu: all five links are bubbles – three in the first row, the two products centred under them */
@media (max-width:640px){
  .nav-links{gap:8px 6px}
  .nav-links a:not([href^="/ig-"]){flex:1 1 28%!important;padding:8px 6px!important;border-radius:999px!important;border:1px solid #3a2d4a;background:rgba(255,255,255,.045)!important;color:#f1eafa}
  .nav-links a:not([href^="/ig-"]).is-cur{border-color:#ff5fb4;color:#ff8fd0!important}
  .nav-links a[href^="/ig-"]{margin:0 0 2px}
  :root[data-theme="light"] .nav-links a:not([href^="/ig-"]){border-color:#e6dcea;background:#faf6fb!important;color:#1a1220}
}
/* ===== pricing on the phone: the three VIP-BIO plans side by side, the two reports side by side under them ===== */
.pc-shared{display:none}
@media (max-width:640px){
  .pc-page .pp-h1{font-size:34px!important;margin:0 0 6px!important}
  .pc-page .pc .lead{font-size:15px!important;margin:0}
  .pc-h{margin:22px 0 10px!important;font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;color:#ff5fb4;font-family:var(--f-body)!important}
  .pc-g .pc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
  .pc-g .pc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .pc-card{border-radius:16px}
  .pc-img.is-pic,.pc-grid.two .pc-img.is-pic{aspect-ratio:auto;height:64px}
  .pc-grid.two .pc-img.is-pic{height:84px}
  .pc-img.is-pic::after{height:24px}
  .pc-b{padding:10px 8px 10px;gap:6px;align-items:center;text-align:center}
  .pc-b h3{font-size:13px;line-height:1.2}
  .pc-pr{flex-direction:column;align-items:center;gap:2px}
  .pc-pr b{font-size:23px}.pc-pr span{font-size:11px}
  .pc-g.g3 .pc-b .checks,.pc-kind{display:none}
  .pc-b .btn{margin-top:auto;width:100%;min-height:36px;padding:6px 4px!important;font-size:11.5px!important;line-height:1.2;white-space:normal;text-align:center;border-radius:12px}
  .pc-shared{display:grid;gap:6px;margin:12px 2px 0;padding:12px 14px;border-radius:14px;background:#14111b;border:1px solid #2a2138}
  .pc-shared li{font-size:13px;line-height:1.35;margin:0}
  /* reports */
  .pc-grid.two .pc-b{padding:12px 10px;align-items:stretch;text-align:start}
  .pc-grid.two .pc-b h3{font-size:16px}
  .pc-grid.two .pc-pr{flex-direction:row;align-items:baseline;gap:5px}
  .pc-grid.two .pc-b .checks{display:grid;gap:5px;flex:1;align-content:start}
  .pc-grid.two .pc-b .checks li{font-size:11.5px;line-height:1.3;margin:0;padding-inline-start:20px}
  .pc-grid.two .pc-b .checks li::before{width:14px;height:14px;top:1px;background-size:8px}
  .pc-grid.two .pc-b .checks li:nth-child(n+4){display:none}
  .pc-a{flex-direction:column;align-items:stretch;gap:6px}.pc-a .igl-more{font-size:12px;text-align:center}
  :root[data-theme="light"] .pc-shared{background:#fff;border-color:var(--line)}
}
@media (max-width:640px){.pc-grid.two .pc-b .checks li{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
@media (max-width:640px){.pc-grid.two .pc-b .checks li{padding-inline-start:0!important;color:inherit;opacity:.88}.pc-grid.two .pc-b .checks li::before{display:none!important}.pc-grid.two .pc-b .checks li+li{padding-top:6px;border-top:1px solid #2a2138}}
/* the free week: only the cheapest plan has it – a small badge on its card on the phone (on a computer it is in the list) */
.pc-free{display:none}
@media (max-width:640px){.pc-free{display:inline-block;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.2;color:#7dffc4;background:rgba(30,200,130,.12);border:1px solid rgba(60,220,150,.45)}}
/* invite card: its rows may never be wider than the card (they stuck out on the right on wide screens) */
.earn-card{grid-template-columns:minmax(0,1fr)}
.earn-card>*{min-width:0}
.earn-link.is-in{overflow:hidden}
/* two sections side by side on a wide screen: the invite card gets half of its section */
@media (min-width:1400px){.duo #earn .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.duo .earn-link.is-in{padding-inline-start:12px;font-size:13px}.duo .earn-steps{padding-inline-start:18px}.duo .earn-steps li{font-size:14.5px}}
/* the "protected link" card next to it had the same fault */
.safe-card{grid-template-columns:minmax(0,1fr)}.safe-card>*{min-width:0}
.safe-row b{min-width:0;overflow:hidden;text-overflow:ellipsis}.safe-row b+span,.safe-row i{flex:none}
@media (min-width:1400px){.duo .safe-row{padding:12px;gap:8px;font-size:14px}.duo .safe-row b{font-size:13px}.duo .safe-row b+span{padding:3px 7px;font-size:10.5px}}
/* pricing on big monitors: the five cards fill the whole screen, text grows with the screen height */
@media (min-width:1700px) and (min-height:900px){
  body.pc-page{min-height:100vh;display:flex;flex-direction:column}
  .pc-page main{flex:1;display:flex;flex-direction:column}
  .pc-page .pc{flex:1;display:flex;flex-direction:column;padding-bottom:1vh!important}
  .pc-page .pc .wrap{flex:1;width:100%;grid-template-rows:auto minmax(0,1fr)}
  .pc-page .pp-h1{font-size:clamp(36px,3.8vh,54px)!important}
  .pc-page .pc .lead{font-size:clamp(16px,1.8vh,21px)!important}
  .pc-all{grid-template-rows:auto 1fr;gap:1.2vh;margin-top:1.2vh}
  .pc-h{font-size:clamp(13px,1.35vh,16px)!important;margin:0 0 .8vh!important}
  .pc-g .pc-grid{flex:1;gap:16px}
  .pc-card{border-radius:22px}
  .pc-g.g3 .pc-b,.pc-g.g2 .pc-b{padding:1.5vh 20px;gap:.75vh}
  .pc-b h3{font-size:clamp(20px,2.3vh,30px)}
  .pc-pr b{font-size:clamp(32px,3.6vh,48px)}.pc-pr span{font-size:clamp(13px,1.5vh,17px)}
  .pc-b .checks{gap:.55vh}
  .pc-b .checks li{font-size:clamp(13px,1.42vh,17px);line-height:1.3;padding-inline-start:28px}
  .pc-b .checks li::before{width:18px;height:18px;top:1px;background-size:11px}
  .pc-kind{padding:.6vh 12px;font-size:clamp(11.5px,1.3vh,14.5px);border-radius:12px}
  .pc-b .btn{min-height:clamp(36px,3.8vh,48px);font-size:clamp(13px,1.55vh,17px);padding:0 20px}
  .pc-a{gap:16px}.pc-a .igl-more{font-size:clamp(12.5px,1.5vh,16.5px)}
  .pc-page .foot{font-size:13px;padding-block:8px}
}
:root[data-theme="dark"] .btn.is-owned.is-excl,.btn.is-owned.is-excl{border-color:#d58bff!important;color:#e6b8ff!important;background:linear-gradient(105deg,rgba(181,101,255,.16),rgba(255,79,176,.16))!important}
:root[data-theme="dark"] .btn.is-owned.is-excl:hover:not(:disabled),.btn.is-owned.is-excl:hover{background:linear-gradient(105deg,rgba(181,101,255,.28),rgba(255,79,176,.28))!important;box-shadow:0 0 0 2px rgba(213,139,255,.3)!important}
/* ===== light look of the public pages: texts and small boxes that were made for the dark page ===== */
:root[data-theme="light"] :is(.nx-hero,.nx-copy,.pp-hero,.pc,.ep-page) .lead,:root[data-theme="light"] .lead{color:#4a4058}
:root[data-theme="light"] .nx-badge{color:#8a5a00;background:#fff4d6;border-color:#e0b64a}
:root[data-theme="light"] .nx-badge span{color:inherit}
:root[data-theme="light"] .igl-on{color:#0b7a53;background:#d9f5ea;border-color:#57c79f}
:root[data-theme="light"] :is(.pc-pr,.igl-pr,.igl-price) span{color:#6b6278}
:root[data-theme="light"] .nx-fi.f3{color:#a66100}
:root[data-theme="light"] :is(.ep-min,.pc-kind){background:#f4f1f9;border-color:#d6cee3;color:#3a3046}
:root[data-theme="light"] .earn-link{background:#f4f1f9;border-color:#d6cee3;color:#1a1220}
:root[data-theme="light"] .earn-link.is-in button{background:#fff;border-color:#c3b9d4;color:#1a1220}
:root[data-theme="light"] .earn-steps{color:#4a4058}
:root[data-theme="light"] .btn.is-owned{border-color:#0b7a53!important;color:#0b7a53!important}
:root[data-theme="light"] .btn.is-owned.is-vip{border-color:#b8860b!important;color:#8a5a00!important}
:root[data-theme="light"] .btn.is-owned.is-excl{border-color:#a23bd6!important;color:#7d22b0!important}
:root[data-theme="light"] :is(.pp-note,.pp-other,.pc-b .checks li,.checks li){color:#2a2135}
:root[data-theme="light"] .pc-h{color:#c4127a}
:root[data-theme="light"] .pc-free{color:#0b7a53;background:#d9f5ea;border-color:#57c79f}
:root[data-theme="light"] .btn.is-owned,:root[data-theme="light"] .btn.coral.is-owned,:root[data-theme="light"] .btn.dark.is-owned{background:#fff!important;background-image:none!important;opacity:1!important}
:root[data-theme="light"] .btn.is-owned.is-vip{background:#fff8e1!important}
:root[data-theme="light"] .btn.is-owned.is-excl{background:#f6eaff!important}
/* colour palette switch: rows with a name and a ★ (the default) */
.palx{position:relative;flex:none}
.pal-btn svg{display:block}
.pal-menu{min-width:210px;padding:8px}
.pal-h{padding:4px 8px 6px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pal-row{display:flex;align-items:center;gap:2px;border-radius:12px;border:1.5px solid transparent}
.pal-row.is-on{border-color:var(--coral);background:var(--paper)}
.pal-menu .pal-pick{flex:1;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:var(--ink);font-weight:600;text-align:start;width:auto}
.pal-menu .pal-star{flex:none;width:38px;height:38px;padding:0;border:0;background:transparent;border-radius:10px;cursor:pointer;color:var(--muted);font-size:17px;line-height:1;text-align:center}
.pal-menu .pal-star:hover{color:var(--ink)}
.pal-menu .pal-star.is-fav{color:#f5b942}
.pal-sw{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(128,128,128,.6)}
.pal-sw b{width:10px;height:10px;border-radius:50%}
.pal-note{margin:6px 8px 2px;font-size:11.5px;line-height:1.35;color:var(--muted)}
.pal-m{display:none}
@media (max-width:980px){.nav-r .palx{display:none}}
@media (max-width:640px){
  .nav-links .pal-m{display:block;order:3;margin:0 0 2px 4px}
  .nav-links .pal-m .pal-btn{width:36px;height:36px}
  .nav-links .pal-m .pal-menu{right:0;top:calc(100% + 8px)}
}
:root[data-theme="dark"] .chip b{color:#ffd9ef}
/* "Why not a regular link in bio": comparison card right under the hero (regular link | vip-bio) */
.cmp{display:grid;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:24px;width:100%;max-width:600px;justify-self:center}
.cmp-h,.cmp-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.cmp-h>*{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding-inline:14px}
.cmp-h span{opacity:.7}
.cmp-h b{color:var(--coral)}
.cmp-r h3{grid-column:1/-1;font:700 16px/1.3 var(--f-body);margin:6px 0 0;padding-inline:14px}
.cmp-r p{margin:0;padding:14px;border-radius:16px;font-size:15px;line-height:1.4;display:flex;gap:9px;align-items:flex-start;border:1px solid transparent}
.cmp-r p::before{flex:none;font-weight:800;line-height:1.4}
.cmp-no{background:rgba(255,255,255,.05);opacity:.78}
.cmp-no::before{content:'✕'}
.cmp-yes{background:rgba(255,90,78,.16);border-color:var(--coral)!important;font-weight:600}
.cmp-yes::before{content:'✓';color:var(--coral)}
#safe .checks{margin:22px 0 0}
#safe .safe-note{margin-top:22px}
:root[data-theme="dark"] .cmp{background:linear-gradient(145deg,#1c1726,#14111b);border:1px solid #332842;box-shadow:0 14px 36px -18px #000}
:root[data-theme="dark"] .cmp-no{background:#110d18;border-color:#2a2138}
:root[data-theme="dark"] .cmp-yes{background:rgba(255,47,159,.13);box-shadow:0 0 22px -10px rgba(255,47,159,.7)}
:root[data-theme="light"] .cmp{background:#fafafa;border-color:#ececec}
:root[data-theme="light"] .cmp-no{background:#fff;border-color:#ececec;color:#4a4a4a;opacity:1}
:root[data-theme="light"] .cmp-yes{background:#fff1ef;color:#141414}
@media (max-width:560px){.cmp{padding:16px;border-radius:22px}.cmp-r p{padding:12px;font-size:14px}.cmp-h>*,.cmp-r h3{padding-inline:6px}}
/* majiteľ (admin): tlačidlo produktu ako štítok ADMIN v editore – červené, nie zlaté VIP */
:root[data-theme="dark"] .btn.is-owned.is-admin,:root[data-theme="light"] .btn.is-owned.is-admin,.btn.is-owned.is-admin{background:linear-gradient(105deg,#a30d1c,#e0263a)!important;border-color:#e0263a!important;color:#fff!important}
:root[data-theme="dark"] .btn.is-owned.is-admin:hover:not(:disabled),:root[data-theme="light"] .btn.is-owned.is-admin:hover:not(:disabled),.btn.is-owned.is-admin:hover{background:linear-gradient(105deg,#b81222,#f03347)!important;box-shadow:0 0 0 2px rgba(224,38,58,.3)!important}
/* legal pages on a phone: the cookie table never pushes the page wider than the screen */
@media (max-width:640px){.legal-t{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.legal-t td:first-child{white-space:normal;word-break:break-word}}
:root[data-theme="light"] .nav-links a:not([href^="/ig-"]).is-cur{color:#c4127a!important;border-color:#c4127a}
:root[data-theme="light"] .igl-more,:root[data-theme="light"] .igl-cat>span:first-child{color:#c4127a}

/* ---------- /random: the page around the generator (the generator itself is random.css) ---------- */
.rn-h1{font:800 clamp(34px,5vw,58px)/1.02 var(--f-disp);letter-spacing:-.02em;margin:14px 0 10px}
.rn-perks{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0}
.rn-perks li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--white);font-size:15px;font-weight:600}
.rn-perks li.is-free{border-color:#22c55e;background:rgba(34,197,94,.12);color:#22c55e}
.rn-me{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;padding:10px 12px 10px 10px;border-radius:999px;border:1px solid var(--line);background:var(--white);width:fit-content;max-width:100%;font-size:15px;font-weight:600}
.rn-me[hidden],.rn-perks[hidden],.rn-plans[hidden]{display:none}
.rn-me-lv{padding:7px 14px;border-radius:999px;background:#6b7280;color:#fff;font:800 13px/1 var(--f-disp);letter-spacing:.06em}
.rn-me[data-lv="free"] .rn-me-lv{background:#8a5a2b}
.rn-me[data-lv="pro"] .rn-me-lv,.rn-me[data-lv="max"] .rn-me-lv{background:#2563eb}
.rn-me[data-lv="vip"] .rn-me-lv{background:#c79a2b;color:#1a1200}
.rn-me[data-lv="exclusive"] .rn-me-lv{background:linear-gradient(105deg,#7c3aed,#ec4899)}
.rn-me[data-lv="admin"] .rn-me-lv{background:#8b0000}
.rn-me .btn{min-height:38px;padding:0 16px;font-size:14px}
.rn-plans{margin-top:70px;scroll-margin-top:110px}
.rn-why{font:800 clamp(26px,3.2vw,40px)/1.08 var(--f-disp);margin:0}
.rn-plans-l{margin:10px 0 22px}
.rn-plans .pc-g{display:block}
.rn-plans .pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:980px){
  .rn-me{border-radius:22px;padding:12px}
  .rn-perks li{font-size:14px;padding:8px 13px}
  .rn-plans{margin-top:44px}
  .rn-plans .pc-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .rn-cta{width:100%;justify-content:center}
}

/* phones: the top bar stays at the top of the page and scrolls away with it, it does not travel over the content */
@media (max-width:760px){.nav{position:relative;top:0}}
/* pricing, the two report cards: their picture is a square dashboard – shown whole, never as a narrow slice */
.pc-g.g2 .pc-img.is-pic,.pc-g.g2 .pc-grid.two .pc-img.is-pic{aspect-ratio:1/1;height:auto}
.pc-g.g2 .pc-img.is-pic::after{display:none}
@media (min-width:1200px){
  .pc-g.g2 .pc-card{align-items:stretch}
  .pc-g.g2 .pc-img.is-pic,.pc-g.g2 .pc-grid.two .pc-img.is-pic{flex:none;width:auto;height:auto;aspect-ratio:1/1;align-self:stretch;max-width:46%}
}
/* plan pictures: wide scenes with the phones on the left and dark room on the right */
img[src*="/demo/pc-bio"]{object-position:left center}
/* pricing on wide screens: the whole scene is the card, the text sits in its dark right side */
@media (min-width:1200px){
  .pc-g.g3 .pc-card{position:relative;overflow:hidden;background:#0a0610!important;border-color:rgba(255,95,180,.35)}
  .pc-g.g3 .pc-img.is-pic{position:absolute;inset:0 auto 0 0;width:auto!important;height:100%!important;aspect-ratio:3/2!important;z-index:0;-webkit-mask-image:linear-gradient(90deg,#000 58%,transparent 96%);mask-image:linear-gradient(90deg,#000 58%,transparent 96%)}
  .pc-g.g3 .pc-img.is-pic img{width:100%;height:100%;object-fit:cover}
  .pc-g.g3 .pc-b{position:relative;z-index:1;flex:1 1 auto;min-width:0;margin-left:40%;background:linear-gradient(90deg,transparent,rgba(10,6,16,.82) 14%);padding-left:22px!important}
  .pc-g.g3 .pc-b :is(h3,li,.pc-kind){color:#f4f1f6!important}
  .pc-g.g3 .pc-pr b{color:#fff!important}.pc-g.g3 .pc-pr span{color:#b9b0c6!important}
  .pc-g.g3 .pc-kind{background:rgba(10,6,16,.6)!important;border-color:rgba(255,255,255,.14)!important}
}
/* pricing on phones and tablets: the three plans under each other, each one the whole scene with its text (and the bullets) on the dark right side */
@media (max-width:1199px){
  .pc-g.g3 .pc-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}
  .pc-g.g3 .pc-card{position:relative;overflow:hidden;display:flex;flex-direction:row;background:#0a0610!important;border-color:rgba(255,95,180,.35)}
  .pc-g.g3 .pc-img.is-pic{position:absolute;inset:0 auto 0 0;width:auto!important;height:100%!important;aspect-ratio:3/2!important;z-index:0;-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent 92%);mask-image:linear-gradient(90deg,#000 50%,transparent 92%)}
  .pc-g.g3 .pc-img.is-pic::after{display:none}
  .pc-g.g3 .pc-img.is-pic img{width:100%;height:100%;object-fit:cover}
  .pc-g.g3 .pc-b{position:relative;z-index:1;flex:1 1 auto;min-width:0;margin-left:36%;padding:14px 14px 14px 16px!important;gap:7px;align-items:stretch;text-align:start;background:linear-gradient(90deg,transparent,rgba(10,6,16,.86) 16%)}
  .pc-g.g3 .pc-b h3{font-size:17px;color:#f4f1f6!important}
  .pc-g.g3 .pc-pr{flex-direction:row;align-items:baseline;gap:6px}
  .pc-g.g3 .pc-pr b{font-size:28px;color:#fff!important}.pc-g.g3 .pc-pr span{font-size:12px;color:#b9b0c6!important}
  .pc-g.g3 .pc-b .checks{display:grid!important;gap:5px;margin:0}
  .pc-g.g3 .pc-b .checks li{display:block!important;font-size:12.5px;line-height:1.3;margin:0;padding-inline-start:0!important;color:#f4f1f6!important}
  .pc-g.g3 .pc-b .checks li+li{padding-top:5px;border-top:1px solid rgba(255,255,255,.12)}
  .pc-g.g3 .pc-b .checks li:nth-child(4){display:none!important}
  .pc-g.g3 .pc-b .btn{min-height:42px;font-size:13.5px!important;border-radius:999px}
  .pc-g.g3 .pc-free{align-self:flex-start}
  .pc-shared{display:none!important}
}
/* pricing: the two report cards are dark like the plan cards above them – in every theme and palette (their pictures are dark scenes) */
html:root .pc-g.g2 .pc-card.pc-card{background:#0a0610!important;border-color:rgba(255,95,180,.35)!important}
html:root .pc-g.g2 .pc-b :is(h3,li){color:#f4f1f6!important}
html:root .pc-g.g2 .pc-pr b{color:#fff!important}html:root .pc-g.g2 .pc-pr span{color:#b9b0c6!important}
html:root .pc-g.g2 .pc-kind,html:root .pc-g.g3 .pc-kind{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.14)!important;color:#d9d3e2!important}
html:root .pc-g.g2 .igl-more{color:#ff7cc4!important}
html:root .pc-g.g2 .pc-b .checks li+li{border-top-color:rgba(255,255,255,.12)!important}
/* logo: nové logo VIP-BIO namiesto pôvodnej korunky */
.lg-mark{background:url(/vip-icon-96.png?v=2) center/cover no-repeat !important;border:0 !important}
.lg-mark svg{display:none !important}
/* cenník: krátky opis pod názvom balíka (pre koho je); na úzkych kartách v mobile sa neukazuje */
.pc-desc{margin:-4px 0 -2px;font-size:13px;line-height:1.3;opacity:.72}
@media (max-width:980px){.pc-desc{display:none}}
/* landing hero: the row of network icons under the price note */
.nx-nets{display:flex;flex-wrap:wrap;gap:10px;margin-top:46px}
.nx-nets .x-brand{width:38px;height:38px;flex:none}
.nx-nets .x-brand svg{width:20px;height:20px}
@media (max-width:560px){.nx-nets{gap:8px}.nx-nets .x-brand{width:32px;height:32px}.nx-nets .x-brand svg{width:17px;height:17px}}
/* landing hero: one picture of the phone with its floating tiles; it keeps the gentle floating motion */
.nx-visual{display:flex;justify-content:center;align-items:center}
.nx-heroimg{display:block;width:min(100%,520px);height:auto;filter:drop-shadow(0 0 60px rgba(178,60,255,.35));animation:nxhero 6s ease-in-out infinite;will-change:transform}
@keyframes nxhero{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(.6deg)}}
@media (prefers-reduced-motion:reduce){.nx-heroimg{animation:none}}
@media (max-width:900px){.nx-heroimg{width:min(86%,380px)}}
/* pricing on phones and tablets: all five products under each other – the two reports as rows too, picture left, text right */
@media (max-width:1199px){
  .pc-g .pc-grid.two{grid-template-columns:minmax(0,1fr)!important;gap:12px}
  .pc-g.g2 .pc-card{display:flex;flex-direction:row;align-items:stretch}
  .pc-g.g2 .pc-img.is-pic,.pc-g.g2 .pc-grid.two .pc-img.is-pic{flex:none;width:40%;height:auto!important;aspect-ratio:auto!important;background:#0a0610}
  .pc-g.g2 .pc-img.is-pic img{width:100%;height:100%;object-fit:contain;object-position:center top}
  .pc-g.g2 .pc-b{flex:1 1 auto;min-width:0;padding:14px!important;gap:7px;align-items:stretch;text-align:start}
  .pc-g.g2 .pc-b h3{font-size:17px!important}
  .pc-g.g2 .pc-pr{flex-direction:row;align-items:baseline;gap:6px}
  .pc-g.g2 .pc-pr b{font-size:28px}
  .pc-g.g2 .pc-b .checks li,.pc-grid.two .pc-b .checks li{display:block!important;-webkit-line-clamp:unset;overflow:visible;font-size:12.5px;line-height:1.3}
  .pc-g.g2 .pc-b .checks li:nth-child(n+4){display:block!important}
  .pc-g.g2 .pc-b .btn{min-height:42px;font-size:13.5px!important;border-radius:999px}
  .pc-g.g2 .pc-a{flex-direction:column;align-items:stretch;gap:6px}
}
/* landing hero on phones: everything centred, both buttons the full width, the eleven network icons in one row */
@media (max-width:900px){
  .nx-hero .split>div:first-child{text-align:center}
  .nx-hero .nx-badge{margin-inline:auto}
  .nx-hero .lead{margin-inline:auto}
  .nx-hero .cta-row{flex-direction:column;align-items:stretch}
  .nx-hero .cta-row .btn{width:100%;max-width:100%;justify-content:center;white-space:normal;text-align:center;box-sizing:border-box}
  .nx-hero .note{text-align:center}
  .nx-nets{flex-wrap:nowrap;justify-content:center;gap:clamp(3px,1.2vw,8px);margin-top:26px}
  .nx-nets .x-brand{flex:0 1 auto;width:clamp(22px,7.2vw,34px);height:clamp(22px,7.2vw,34px)}
  .nx-nets .x-brand svg{width:55%;height:55%}
  .nx-nets .x-brand b{font-size:clamp(9px,2.8vw,13px)}
  .nx-nets .x-brand img{width:100%;height:100%}
}
/* phones: every section of the public pages is centred – headings, texts, buttons, prices, steps; bullet lists stay readable (left-aligned text, the list itself in the middle) */
@media (max-width:760px){
  main .band :is(.eyebrow,h1,h2,h3,.lead,.note,.safe-note,.chk-msg,.igl-k,.igl-h,.pc-h){text-align:center;margin-inline:auto}
  main .band .nx-badge,main .band .igl-tag{margin-inline:auto}
  main .band .cta-row{flex-direction:column;align-items:stretch;justify-content:center}
  main .band .cta-row .btn,main .band .claim-form .btn,main .band .igl-buy .btn{width:100%;max-width:100%;justify-content:center;text-align:center;white-space:normal;box-sizing:border-box}
  main .band .checks{width:fit-content;max-width:100%;margin-inline:auto;text-align:start}
  main .band .claim-form{align-items:stretch}
  main .band :is(.igl-pr,.igl-buy,.igl-app-h,.igl-top){justify-content:center;text-align:center}
  main .band .igl-buy{flex-direction:column;align-items:stretch;gap:10px}
  main .band .igl-more{align-self:center}
  main .band .step{text-align:center}
  main .band .step-no{margin-inline:auto}
  main .band .nx-feat{flex-direction:column;align-items:center;text-align:center}
  main .band :is(.earn-card,.safe-card,.claim-box){text-align:center}
  main .band .earn-gift{margin-inline:auto}
  main .band .faq{text-align:start}
  .foot .wrap{flex-direction:column;align-items:center;text-align:center;gap:8px}
}
@media (max-width:760px){
  main .band :is(.eyebrow,.note,.safe-note,.chk-msg){display:block;width:100%;text-align:center!important}
  main .band p:not(.checks p){text-align:center}
  main .band .igl-more{display:block;width:100%;text-align:center!important;margin-inline:0}
  main .band .igl-app{text-align:center}
  main .band .igl-app .checks,main .band .faq p,main .band .cmp p{text-align:start}
}
/* pätička: odkaz na Instagram značky s malou ikonkou */
.foot-ig{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.foot-ig svg{flex:none}
/* úvod: telefón sa strieda (viac vzhľadov). Obrázky ležia na sebe, viditeľný je jeden; nový prichádza z boku, starý odchádza na druhú stranu.
   Pod telefónom šípky a bodky. Posúva sa aj prstom – zvislé posúvanie stránky ostáva (pan-y). */
.nx-hs{width:100%;display:grid;justify-items:center;-webkit-user-select:none;user-select:none}
.nx-hs-stage{width:100%;display:grid;justify-items:center;touch-action:pan-y;cursor:grab}
.nx-hs-stage:active{cursor:grabbing}
.nx-hs-s{grid-area:1/1;width:100%;display:grid;justify-items:center;opacity:0;visibility:hidden;transform:translateX(56px) scale(.95);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s linear .6s;pointer-events:none}
.nx-hs-s.is-left{transform:translateX(-56px) scale(.95)}
.nx-hs-s.is-on{opacity:1;visibility:visible;transform:none;transition-delay:0s;pointer-events:auto}
.nx-hs-s .nx-heroimg{aspect-ratio:960/1152;-webkit-user-drag:none}
.nx-hs-s:not(.is-on) .nx-heroimg{animation-play-state:paused}
.nx-hs-nav{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:-18px}
.nx-hs-a{width:34px;height:34px;flex:none;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(255,120,220,.38);background:rgba(28,16,44,.72);color:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.nx-hs-a:hover,.nx-hs-a:focus-visible{border-color:#ff5fd0;box-shadow:0 0 18px rgba(255,79,208,.5);transform:scale(1.06)}
.nx-hs-a svg{width:16px;height:16px}
.nx-hs-dots{display:flex;align-items:center;gap:2px}
.nx-hs-dots button{width:22px;height:22px;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer}
.nx-hs-dots button::before{content:'';width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.34);transition:width .3s,background .3s,box-shadow .3s}
.nx-hs-dots button.is-on::before{width:22px;background:linear-gradient(90deg,#ff4fb0,#b44cff);box-shadow:0 0 12px rgba(255,79,208,.6)}
@media (prefers-reduced-motion:reduce){.nx-hs-s{transition:opacity .2s ease,visibility 0s linear .2s;transform:none!important}}
@media (max-width:900px){.nx-hs-nav{margin-top:-8px}.nx-hs-a{width:32px;height:32px}}

/* bonus k prvému reportu: mesiac VIP-BIO Basic zadarmo */
/* vlastné pevné farby (!important): palety a tmavé/svetlé karty ho nesmú prefarbiť, inak je text neviditeľný */
.gift-b{margin:12px 0 0;padding:9px 12px;border-radius:12px;border:1px solid #f2b705!important;background:#ffe9a6!important;color:#3a2700!important;font-size:13.5px;font-weight:700;line-height:1.35}

/* bonus k prvému reportu: darček pri odkazoch na reporty v hornej lište (cez CSS, prekladač text odkazu prepisuje) */
/* ===== mobile fixes (owner 16. 10.) ===== */
/* landing hero slides wait off to the side (translateX) – they must not make the page scroll sideways on a phone */
.nx-hs{overflow-x:clip}
/* narrow Android (360 px): the two report pills and the colour brush fit in one row, so the top bar has two rows, not three */
@media (max-width:400px){.nav-links a[href^="/ig-"]{padding:8px 11px!important;font-size:12.5px!important;margin:0 0 2px!important}.nav-links .pal-m{margin:0 0 2px 2px!important}.nav-links .pal-m .pal-btn{width:34px;height:34px}}
/* footer links: at least 32 px tall, easy to tap on a phone (owner 16. 10.) */
@media (max-width:760px){footer.foot a{display:inline-flex;align-items:center;min-height:32px;padding-inline:2px}}
/* landing hero, simpler (owner 16. 10.): address field + Claim, three ticks, the random generator as a small link */
.hc-form{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 0;justify-content:flex-start}
.hc-box{flex:1 1 300px;max-width:440px;min-height:62px;border:1.5px solid var(--line)}
.hc-box .claim-host{font-weight:700}
.hc-msg{margin:10px 0 0}
.hc-ticks{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:14px 0 0;font-size:15px;font-weight:600;color:var(--muted)}
.hc-ticks li::before{content:"✓";margin-right:6px;color:#24d49a;font-weight:800}
.hc-rnd{display:inline-flex;gap:6px;margin-top:16px;font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:4px;opacity:.85}
.hc-rnd:hover{opacity:1;color:var(--coral)}
@media (max-width:760px){
  .hc-form{justify-content:center}
  .hc-box{max-width:100%}
  .hc-ticks{justify-content:center}
  .nx-copy .hc-rnd{display:flex;justify-content:center}
}
/* horná lišta webu (majiteľ 16. 10.): Features · Pricing · Earn hneď vpravo vedľa loga (ako oopsie.bio); Creator a Reels Insights sú v lište len v editore (app.css) */
.nav-links a[data-nl="app"]{display:none!important}
@media (min-width:981px){.nav-links{margin-inline-start:30px!important;gap:6px!important}.nav-links a{font-weight:600}}
/* celý web užší a v strede (ako oopsie.bio) – lišta aj obsah majú rovnakú šírku */
.wrap,.nav-in,.duo{max-width:min(94vw,1240px)!important}
/* pätička v strede (majiteľ 16. 10.): tri riadky pod sebou, odkazy rovnomerne od seba */
.foot .wrap{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.foot a{margin-inline:7px!important}
.foot .wrap>span{line-height:1.9}

/* cenník (majiteľ 16. 10.): pri každom balíku aj reporte malý obrázok hore a celý text pod ním; nadpis a popis pod sebou */
html body.pc-page .pc .wrap{display:block!important}
html body.pc-page .pp-h1{margin:0 0 10px!important}
html body.pc-page .pc .lead{max-width:70ch!important;margin:0 0 6px!important}
html body.pc-page .pc-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
html body.pc-page .pc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body.pc-page .pc-card{position:relative;display:flex!important;flex-direction:column!important;overflow:hidden;background:#0a0610!important}
html body.pc-page .pc-card .pc-img.is-pic{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:170px!important;aspect-ratio:auto!important;flex:none!important;-webkit-mask-image:none!important;mask-image:none!important;align-self:auto!important}
html body.pc-page .pc-card .pc-img.is-pic::after{display:block!important;height:56px!important;background:linear-gradient(180deg,transparent,#0a0610)!important}
html body.pc-page .pc-card .pc-img.is-pic img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
html body.pc-page .pc-card .pc-b{position:relative!important;margin:0!important;background:none!important;padding:14px 20px 20px!important;display:flex!important;flex-direction:column;gap:10px!important;flex:1 1 auto;text-align:start;align-items:stretch}
html body.pc-page .pc-card .pc-b :is(h3,li){color:#f4f1f6!important}
html body.pc-page .pc-card .pc-pr b{color:#fff!important}html body.pc-page .pc-card .pc-pr span{color:#b9b0c6!important}
html body.pc-page .pc-card .pc-b .checks{display:grid!important;gap:8px!important;margin:4px 0!important}
html body.pc-page .pc-card .pc-b .checks li{display:flex!important;-webkit-line-clamp:unset!important;overflow:visible!important;font-size:14px;line-height:1.4;border-top:0!important;padding-top:0!important}
html body.pc-page .pc-card .pc-b .checks li:nth-child(n+4){display:flex!important}
html body.pc-page .pc-card .pc-kind{display:block!important}
html body.pc-page .pc-card .pc-b>.btn,html body.pc-page .pc-card .pc-a{margin-top:auto}
html body.pc-page .pc-shared{display:none!important}
@media (max-width:980px){
  html body.pc-page .pc-grid,html body.pc-page .pc-grid.two{grid-template-columns:minmax(0,1fr)!important}
  html body.pc-page .pc-card .pc-img.is-pic{height:150px!important}
}
/* Creator / Reels Insights karty: darček s bonusom dole, v oboch kartách v rovnakej výške tesne nad cenou */
.igl-app .gift-b{margin-top:auto}.igl-app .gift-b~.igl-buy{margin-top:0}
html body.pc-page .pc{padding-top:120px!important}
@media (max-width:980px){html body.pc-page .pc{padding-top:40px!important}}
/* cenník: darček, poznámka a tlačidlo sú v každej karte prilepené dole – v kartách vedľa seba v rovnakej výške */
.pc-b>.checks{flex:1 1 auto!important}
.pc-b>.gift-b,.pc-b>.pc-kind,.pc-b>.pc-a,.pc-b>.btn{margin-top:0!important}
/* stránky Creator Insights a Reels Insights: lišta ako v editore – Creator Insights · Reels Insights · Pricing · Earn */
.nav-links.nl-ins a[data-nl="app"]{display:inline-flex!important}.nav-links.nl-ins a[data-nl="site"]{display:none!important}
/* /welcome ukážka (majiteľ 16. 10.): okno zúžené na stred – šípky hneď pri telefóne, „Choose this“ hneď pod ním */
@media (min-width:641px){
.wl-modal{grid-template-columns:54px minmax(0,auto) 54px;grid-template-rows:auto auto auto;justify-content:center;align-content:center;gap:12px 16px}
.wl-stage{max-height:calc(100vh - 170px);max-width:min(900px,calc(100vw - 170px))}
.wl-slide{width:auto}.wl-slide:has(.pp-shot){width:min(900px,calc(100vw - 170px))}
.wl-bot{padding:0}
}
.wl-big img{max-height:min(720px,calc(100vh - 200px))}
@media (max-width:640px){.wl-modal{grid-template-rows:auto auto auto;align-content:center}.wl-stage{max-height:calc(100vh - 150px)}}
.wl-stage{row-gap:14px}
@media (min-width:641px){.wl-slide:has(.pp-shot){width:min(660px,calc(100vw - 170px))}.wl-slide .pp-shot{font-size:13px}}
@media (max-width:640px){.wl-modal{overflow-y:auto;align-content:safe center}.wl-stage{max-height:none;overflow:visible}}
/* Features (/#igr) sa po kliknutí zmestí celé na obrazovku (majiteľ 16. 10.): bez ukážkovej karty, kompaktnejšie karty */
@media (min-width:981px){
#igr{padding-block:24px 28px;scroll-margin-top:92px}
#igr .split{display:block}#igr .igl-card{display:none}
#igr h2{margin-bottom:8px}#igr .lead{max-width:none;margin:0}
#igr .igl-apps{margin-top:18px}
#igr .igl-app{padding:20px 24px}#igr .igl-app-h{margin-bottom:6px}
#igr .igl-app p{margin-bottom:10px;font-size:15px;line-height:1.5}
#igr .igl-app .checks{margin-bottom:12px}#igr .igl-app .checks li{font-size:15px;margin-bottom:4px}
}
@media (min-width:981px) and (max-height:900px){#igr>.wrap{zoom:.86}}
@media (min-width:981px) and (max-height:780px){#igr>.wrap{zoom:.74}}
/* väčší bonus s darčekom a väčšie Creator / Reels Insights v lište stránok Insights – aby zaujali (majiteľ 16. 10.) */
.gift-b{font-size:16px!important;padding:12px 16px!important;line-height:1.35}
@media (min-width:981px){.nav-links.nl-ins a{font-size:17px!important;font-weight:700}}