/* ── Design Tokens ───────────────────────────────────────────────────────── */
:root {
  --navy:   #042C53;
  --orange: #F47C20;
  --blue:   #185FA5;
  --sky:    #378ADD;
  --ice:    #E6F1FB;

  --text:   #2C2C2A;
  --muted:  #5F5E5A;
  --light:  #B5D4F4;
  --bg-alt: #F8FAFB;

  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --px:         48px;
}

/* ── Reset ───────────────────────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Sora',sans-serif;color:var(--text);background:#fff;overflow-x:hidden;}

/* NAV */
.nav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:0.5px solid #E6F1FB;padding:0 max(48px, calc((100% - 1280px) / 2));height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 8px rgba(4,44,83,0.06);}
.nav-logo{display:flex;align-items:center;gap:0;text-decoration:none;}
.nav-logo-img{height:48px;width:auto;display:block;}
.logo-i,.logo-you{font-size:22px;font-weight:300;color:#185FA5;}
.logo-rec{font-size:22px;font-weight:700;color:#F47C20;}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-links a{color:#5F5E5A;font-size:13px;font-weight:300;text-decoration:none;transition:color 0.2s;}
.nav-links a:hover{color:#042C53;}
.nav-cta{background:#F47C20;color:#fff!important;font-size:13px;font-weight:600;padding:9px 22px;border-radius:4px;}
.nav-cta:hover{background:#d96a10!important;}

/* HERO */
.hero{background:#042C53;position:relative;overflow:hidden;display:flex;min-height:480px;}
.hero-photos{position:absolute;right:0;top:0;bottom:0;width:46%;display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.hp{overflow:hidden;position:relative;}
.hp img{width:100%;height:100%;object-fit:cover;filter:brightness(0.6);transition:filter 0.3s;}
.hp:hover img{filter:brightness(0.75);}
.hp-name{position:absolute;bottom:10px;left:10px;background:rgba(4,44,83,0.82);border-radius:5px;padding:4px 10px;font-size:13px;color:#B5D4F4;font-weight:300;z-index:2;}
.hero-fade{position:absolute;inset:0;background:linear-gradient(to right,#042C53 22%,rgba(4,44,83,0.05) 100%);pointer-events:none;z-index:1;}
.hero-content{position:relative;z-index:2;padding:60px 48px;width:58%;display:flex;flex-direction:column;justify-content:center;}
.h-badges{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;}
.hb{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,0.08);border:0.5px solid rgba(255,255,255,0.15);border-radius:20px;padding:5px 13px;font-size:13px;color:#B5D4F4;}
.hero-h1{font-size:42px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:16px;}
.hero-h1 em{font-style:normal;color:#F47C20;}
.hero-sub{font-size:15px;font-weight:300;color:#85B7EB;line-height:1.8;margin-bottom:30px;max-width:380px;}
.hero-btns{display:flex;gap:12px;align-items:center;margin-bottom:32px;}
.btn-p{background:#F47C20;color:#fff;font-size:14px;font-weight:600;padding:13px 28px;border-radius:4px;text-decoration:none;transition:background 0.2s;}
.btn-p:hover{background:#d96a10;}
.btn-s{color:#85B7EB;font-size:13px;font-weight:300;text-decoration:none;display:flex;align-items:center;gap:5px;}
.sp{display:flex;align-items:center;gap:14px;}
.avs{display:flex;}
.av{width:32px;height:32px;border-radius:50%;border:2px solid #042C53;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;margin-left:-8px;overflow:hidden;}
.av:first-child{margin-left:0;}
.av img{width:100%;height:100%;object-fit:cover;}
.sp-txt{font-size:14px;color:#85B7EB;line-height:1.5;}
.sp-txt b{color:#fff;}

/* CHANNELS BAR */
.channels{background:#E6F1FB;padding:16px 48px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.ch{display:flex;align-items:center;gap:10px;}
.ch-ico{width:36px;height:36px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ch-ico.meta{background:#1877F2;}
.ch-ico.google{background:#fff;border:0.5px solid #dce8f7;}
.ch-ico i{font-size:18px;color:#fff;}
.ch-txt{font-size:13px;color:#042C53;font-weight:500;}
.ch-txt span{font-size:14px;color:#5F5E5A;font-weight:300;display:block;}
.ch-sep{font-size:22px;color:#B5D4F4;font-weight:300;}
.ch-res{width:36px;height:36px;border-radius:5px;background:#F47C20;display:flex;align-items:center;justify-content:center;}
.ch-res i{font-size:18px;color:#fff;}

/* STATS BAR */
.stats-bar{background:#042C53;padding:30px 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.stat{text-align:center;padding:0 20px;border-right:0.5px solid rgba(255,255,255,0.08);}
.stat:last-child{border-right:none;}
.stat-n{font-size:30px;font-weight:700;color:#fff;}
.stat-n em{color:#F47C20;font-style:normal;}
.stat-l{font-size:13px;font-weight:300;color:#85B7EB;margin-top:5px;}

/* SECTION COMMON */
.sec{padding:88px 48px;}
.s-eye{font-size:13px;font-weight:600;color:#F47C20;letter-spacing:3px;margin-bottom:14px;}
.s-h2{font-size:36px;font-weight:700;color:#042C53;margin-bottom:16px;}
.s-sub{font-size:14px;font-weight:300;color:#5F5E5A;margin-bottom:44px;line-height:1.7;}

/* HOW IT WORKS */
.how{background:#F8FAFB;}
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-bottom:40px;}
.how-step{padding:28px 28px 28px 0;border-right:0.5px solid #E6F1FB;}
.how-step:last-child{border-right:none;}
.how-step:not(:first-child){padding-left:28px;}
.step-num{width:44px;height:44px;border-radius:6px;background:#E6F1FB;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.step-num span{font-size:18px;font-weight:700;color:#042C53;}
.step-num.active{background:#F47C20;}
.step-num.active span{color:#fff;}
.how-step h3{font-size:15px;font-weight:600;color:#042C53;margin-bottom:8px;}
.how-step p{font-size:13px;font-weight:300;color:#5F5E5A;line-height:1.7;}
.how-detail{background:#fff;border:0.5px solid #E6F1FB;border-radius:4px;padding:28px 32px;margin-top:8px;}
.how-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.hd-card{background:#F8FAFB;border-radius:6px;padding:20px;}
.hd-card i{font-size:24px;color:#F47C20;margin-bottom:12px;display:block;}
.hd-card h4{font-size:13px;font-weight:600;color:#042C53;margin-bottom:6px;}
.hd-card p{font-size:14px;font-weight:300;color:#5F5E5A;line-height:1.6;}

/* CLIENTS */
.clients{background:#fff;}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.ccard{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 14px rgba(4,44,83,0.07);transition:box-shadow 0.25s,transform 0.25s;}
.ccard:hover{box-shadow:0 8px 32px rgba(4,44,83,0.13);transform:translateY(-3px);}
.ctop{height:150px;overflow:hidden;position:relative;}
.ctop img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.ccard:hover .ctop img{transform:scale(1.04);}
.ctop::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(4,44,83,0.22) 0%,transparent 55%);pointer-events:none;}
.cbody{padding:16px 18px 18px;}
.ccard-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;}
.clogo{height:22px;max-width:96px;object-fit:contain;flex-shrink:0;}
.ctags{display:flex;gap:4px;flex-wrap:wrap;}
.ctag{background:#EEF5FC;color:#0C447C;font-size:13px;font-weight:600;letter-spacing:0.3px;padding:3px 8px;border-radius:20px;}
.cname{font-size:13px;font-weight:700;color:#042C53;margin-bottom:3px;}
.ctype{font-size:13px;font-weight:300;color:#5F5E5A;margin-bottom:14px;line-height:1.5;}
.cbtn{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:#F47C20;text-decoration:none;transition:gap 0.2s,opacity 0.2s;}
.cbtn:hover{gap:8px;opacity:0.85;}
.cbtn i{font-size:15px;}

/* PRICING */
.pricing{background:#F8FAFB;}
.dur-switch{display:flex;background:#E6F1FB;border-radius:5px;padding:3px;width:fit-content;margin-bottom:36px;}
.dur-btn{padding:8px 24px;border-radius:3px;font-size:13px;font-weight:600;cursor:pointer;color:#5F5E5A;border:none;background:transparent;font-family:'Sora',sans-serif;transition:all 0.2s;}
.dur-btn.active{background:#042C53;color:#fff;}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.plan{background:#fff;border:0.5px solid #E6F1FB;border-radius:6px;padding:28px;position:relative;}
.plan.featured{border:2px solid #F47C20;}
.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#F47C20;color:#fff;font-size:14px;font-weight:600;padding:3px 16px;border-radius:20px;white-space:nowrap;}
.plan-name{font-size:14px;font-weight:600;color:#185FA5;letter-spacing:1px;margin-bottom:6px;}
.plan-price{font-size:40px;font-weight:700;color:#042C53;}
.plan-price span{font-size:14px;font-weight:300;color:#5F5E5A;}
.plan-dur{font-size:13px;font-weight:300;color:#5F5E5A;margin-bottom:22px;margin-top:4px;}
.plan-div{height:0.5px;background:#E6F1FB;margin-bottom:18px;}
.pf{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#2C2C2A;margin-bottom:10px;font-weight:300;line-height:1.4;}
.pf i{font-size:16px;color:#1D9E75;flex-shrink:0;margin-top:1px;}
.pf.no i{color:#D3D1C7;}
.pf.no{color:#B4B2A9;}
.plan-btn{display:block;text-align:center;padding:12px;border-radius:5px;font-size:13px;font-weight:600;text-decoration:none;margin-top:22px;background:#E6F1FB;color:#042C53;font-family:'Sora',sans-serif;transition:all 0.2s;}
.plan.featured .plan-btn{background:#F47C20;color:#fff;}
.plan-btn:hover{opacity:0.88;}
.plan-note{font-size:14px;color:#5F5E5A;font-weight:300;text-align:center;margin-top:8px;}
.plan-include{font-size:13px;font-weight:600;color:#5F5E5A;letter-spacing:1px;margin-bottom:12px;margin-top:4px;}

/* CASE STUDY */
.cs{background:#fff;}
.cs-inner{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;}
.cs-left .cs-tag{display:inline-flex;align-items:center;gap:6px;background:#E6F1FB;color:#185FA5;font-size:13px;font-weight:600;padding:5px 14px;border-radius:20px;margin-bottom:18px;}
.cs-client{font-size:28px;font-weight:700;color:#042C53;margin-bottom:4px;}
.cs-type{font-size:13px;font-weight:300;color:#5F5E5A;margin-bottom:22px;}
.cs-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;}
.csm{background:#F8FAFB;border-radius:6px;padding:16px;}
.csm-val{font-size:30px;font-weight:700;color:#042C53;}
.csm-val em{color:#F47C20;font-style:normal;}
.csm-lbl{font-size:13px;font-weight:300;color:#5F5E5A;margin-top:3px;}
.cs-chs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap;}
.cs-ch{display:flex;align-items:center;gap:6px;background:#E6F1FB;border-radius:3px;padding:6px 14px;font-size:14px;color:#042C53;}
.cs-tl{background:#042C53;border-radius:6px;padding:20px 24px;}
.cs-tl-title{font-size:14px;font-weight:600;color:#85B7EB;letter-spacing:2px;margin-bottom:16px;}
.tl-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.tl-row:last-child{margin-bottom:0;}
.tl-day{font-size:14px;color:#85B7EB;font-weight:300;width:52px;flex-shrink:0;}
.tl-bw{flex:1;height:7px;background:rgba(255,255,255,0.07);border-radius:4px;overflow:hidden;}
.tl-b{height:7px;border-radius:4px;}
.tl-v{font-size:13px;color:#fff;font-weight:600;width:28px;text-align:right;flex-shrink:0;}
.cs-right .chart-card{background:#fff;border:0.5px solid #E6F1FB;border-radius:6px;padding:20px;margin-bottom:16px;}
.chart-title{font-size:13px;font-weight:600;color:#042C53;margin-bottom:2px;}
.chart-sub{font-size:13px;font-weight:300;color:#5F5E5A;margin-bottom:14px;}
.chart-wrap{position:relative;height:160px;}
.cs-quote{background:#E6F1FB;border-left:3px solid #F47C20;border-radius:0 10px 10px 0;padding:16px 20px;font-size:13px;font-weight:300;color:#042C53;line-height:1.7;font-style:italic;}
.cs-quote-author{font-size:13px;font-weight:600;color:#185FA5;margin-top:8px;font-style:normal;}

/* ANALYTICS */
.analytics{background:#F8FAFB;}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;}
.mc{background:#fff;border:0.5px solid #E6F1FB;border-radius:6px;padding:18px;}
.mc-lbl{font-size:13px;font-weight:300;color:#5F5E5A;margin-bottom:6px;}
.mc-val{font-size:24px;font-weight:700;color:#042C53;}
.mc-val em{color:#F47C20;font-style:normal;}
.mc-diff{font-size:13px;color:#1D9E75;margin-top:4px;}
.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.chart-card{background:#fff;border:0.5px solid #E6F1FB;border-radius:6px;padding:20px;}
.chart-card.wide{grid-column:1/-1;}

/* SEGMENTS */
.segs{background:#fff;}
.seg-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;}
.seg-pill{display:flex;align-items:center;gap:8px;background:#F8FAFB;border:0.5px solid #B5D4F4;border-radius:30px;padding:9px 18px;font-size:13px;color:#042C53;transition:all 0.2s;}
.seg-pill:hover{background:#E6F1FB;border-color:#185FA5;}
.seg-pill i{font-size:16px;color:#F47C20;}

/* CTA */
.cta-sec{background:#F47C20;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:40px;}
.cta-sec h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;}
.cta-sec p{font-size:14px;font-weight:300;color:rgba(255,255,255,0.88);}
.btn-wh{background:#fff;color:#F47C20;font-size:14px;font-weight:700;padding:14px 32px;border-radius:5px;text-decoration:none;white-space:nowrap;transition:opacity 0.2s;}
.btn-wh:hover{opacity:0.9;}

/* FOOTER */
.footer{background:#042C53;padding:20px 48px;display:flex;justify-content:space-between;align-items:center;border-top:0.5px solid rgba(255,255,255,0.07);}
.f-logo{font-size:18px;color:#fff;font-weight:300;}
.f-logo b{color:#F47C20;font-weight:700;}
.f-tag{font-size:13px;color:#85B7EB;font-weight:300;}

/* ── Nav active link ─────────────────────────────────────────────────────── */
.nav-links a.nav-active{color:var(--navy);font-weight:600;position:relative;}
.nav-links a.nav-active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--orange);border-radius:1px;}

/* ── Subpage hero ────────────────────────────────────────────────────────── */
.page-hero{background:var(--navy);padding:56px 48px 52px;}
.page-hero .s-eye{color:var(--orange);margin-bottom:10px;}
.page-hero h1{font-size:34px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:12px;max-width:600px;}
.page-hero p{font-size:14px;font-weight:300;color:#85B7EB;line-height:1.75;max-width:520px;}

/* ── Section link CTA (inline, text + arrow) ─────────────────────────────── */
.sec-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--blue);text-decoration:none;margin-top:20px;transition:gap 0.2s;}
.sec-link:hover{gap:10px;}

/* ── Testimonials ────────────────────────────────────────────────────────── */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;}
.testi-card{background:rgba(255,255,255,0.06);border:0.5px solid rgba(255,255,255,0.1);border-radius:4px;padding:24px;}
.testi-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.testi-logo{width:44px;height:44px;border-radius:6px;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;}
.testi-logo img{height:32px;max-width:80px;object-fit:contain;}
.testi-logo img.tl-crop{width:44px;height:44px;max-width:none;object-fit:cover;object-position:32% center;}
.testi-name{font-size:13px;font-weight:600;color:#fff;}
.testi-sub{font-size:13px;font-weight:300;color:#85B7EB;}
.testi-quote{font-size:13px;font-weight:300;color:#B5D4F4;line-height:1.7;font-style:italic;margin-bottom:14px;}
.testi-stars{display:flex;gap:3px;}
.star-svg{width:13px;height:13px;}

/* ── Hero proof element ──────────────────────────────────────────────────── */
.hero-proof{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,0.07);border:0.5px solid rgba(255,255,255,0.14);border-radius:6px;padding:14px 18px;max-width:360px;}
.hero-proof-num{font-size:36px;font-weight:700;color:var(--orange);line-height:1;flex-shrink:0;}
.hero-proof-txt{font-size:13px;font-weight:400;color:#fff;line-height:1.5;}
.hero-proof-txt span{font-size:13px;font-weight:300;color:#85B7EB;display:block;margin-top:2px;}

/* ── Trust Bar ───────────────────────────────────────────────────────────── */
.trust-bar{background:var(--ice);border-bottom:0.5px solid #C8DDEF;padding:14px 48px;}
.trust-bar-inner{display:flex;align-items:center;gap:32px;flex-wrap:wrap;}
.trust-clients{display:flex;align-items:center;gap:12px;}
.trust-label{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:1px;white-space:nowrap;}
.trust-logo{height:24px;max-width:70px;object-fit:contain;opacity:0.85;transition:opacity 0.2s;}
.trust-logo:hover{opacity:1;}
.trust-more{font-size:13px;color:var(--muted);font-weight:300;white-space:nowrap;}
.trust-divider{width:1px;height:32px;background:#C8DDEF;flex-shrink:0;}
.trust-channels{display:flex;align-items:center;gap:10px;}
.trust-ch{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--navy);}
.trust-plus{font-size:18px;color:#B5D4F4;font-weight:300;}
.tch-badge{width:32px;height:32px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tch-badge i{font-size:18px;}
.tch-meta{background:#1877F2;}
.tch-meta i{color:#fff;}
.tch-google{background:#fff;border:0.5px solid #dce8f7;}
.tch-google i{color:#4285F4;}
.trust-stats{display:flex;gap:24px;margin-left:auto;}
.trust-stat{display:flex;flex-direction:column;align-items:center;gap:2px;}
.trust-stat strong{font-size:18px;font-weight:700;color:var(--navy);}
.trust-stat span{font-size:14px;font-weight:300;color:var(--muted);}

/* ── Platform Section ────────────────────────────────────────────────────── */
.plat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;}
.plat-card{background:var(--bg-alt);border:0.5px solid var(--ice);border-radius:6px;padding:28px;position:relative;}
.plat-badge{position:absolute;top:16px;right:16px;background:var(--orange);color:#fff;font-size:13px;font-weight:700;letter-spacing:1.5px;padding:3px 10px;border-radius:20px;}
.plat-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.plat-icon{width:48px;height:48px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.plat-icon i{font-size:24px;color:#fff;}
.plat-icon-google{background:#fff;border:0.5px solid var(--ice);}
.plat-name{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:3px;}
.plat-sub{font-size:13px;font-weight:300;color:var(--muted);}
.plat-desc{font-size:13px;font-weight:300;color:var(--muted);line-height:1.75;}
.plat-secondary{background:var(--bg-alt);border:0.5px solid var(--ice);border-radius:6px;padding:18px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.plat-sec-label{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:2px;white-space:nowrap;}
.plat-sec-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.plat-sec-pills span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--navy);background:#fff;border:0.5px solid var(--ice);border-radius:20px;padding:6px 14px;}
.plat-sec-pills span i{font-size:15px;color:var(--muted);}
.plat-sec-note{font-size:14px;font-weight:300;color:#B4B2A9;margin-left:auto;}
@media (max-width:1024px){.plat-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:768px){.plat-grid{grid-template-columns:1fr;}.plat-secondary{flex-direction:column;align-items:flex-start;gap:12px;}.plat-sec-note{margin-left:0;}}

/* ── Campaign Result Card ────────────────────────────────────────────────── */
.camp-card{background:var(--navy);border-radius:6px;padding:32px 36px;margin-bottom:8px;}
.camp-client{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap;}
.camp-badge{font-size:13px;font-weight:600;color:#fff;}
.camp-tags{display:flex;gap:8px;flex-wrap:wrap;}
.camp-tags span{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,0.08);border:0.5px solid rgba(255,255,255,0.12);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:300;color:#B5D4F4;}
.camp-tags span i{font-size:13px;color:#85B7EB;}
.camp-metrics{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr;gap:0;align-items:center;}
.camp-metric{text-align:center;padding:0 12px;}
.camp-val{font-size:26px;font-weight:700;color:var(--orange);line-height:1;margin-bottom:4px;}
.camp-lbl{font-size:14px;font-weight:300;color:#85B7EB;}
.camp-divider{width:1px;height:48px;background:rgba(255,255,255,0.1);}

/* ── Result Card (homepage case study teaser) ───────────────────────────── */
.result-card{display:grid;grid-template-columns:1fr 2fr;border-radius:6px;overflow:hidden;border:0.5px solid #E6F1FB;margin-bottom:8px;}
.rc-before{background:#F8FAFB;padding:32px;display:flex;flex-direction:column;justify-content:center;border-right:0.5px solid #E6F1FB;}
.rc-blabel{font-size:14px;font-weight:700;letter-spacing:2px;color:var(--muted);margin-bottom:10px;}
.rc-zero{font-size:52px;font-weight:700;color:#D3D1C7;line-height:1;margin-bottom:4px;}
.rc-bsub{font-size:14px;font-weight:300;color:var(--muted);margin-bottom:16px;}
.rc-blist{list-style:none;display:flex;flex-direction:column;gap:6px;}
.rc-blist li{font-size:13px;font-weight:300;color:#B4B2A9;padding-left:14px;position:relative;}
.rc-blist li::before{content:"✕";position:absolute;left:0;font-size:13px;color:#D3D1C7;}
.rc-after{background:var(--navy);padding:40px 40px 36px;}
.rc-alabel{font-size:14px;font-weight:700;letter-spacing:2px;color:#85B7EB;margin-bottom:10px;}
.rc-num{font-size:72px;font-weight:700;color:var(--orange);line-height:1;margin-bottom:4px;}
.rc-asub{font-size:14px;font-weight:300;color:#B5D4F4;margin-bottom:22px;}
.rc-pills{display:flex;flex-direction:column;gap:8px;}
.rc-pills span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:300;color:#85B7EB;}
.rc-pills span i{font-size:14px;color:var(--orange);flex-shrink:0;}

/* ── Before / After ──────────────────────────────────────────────────────── */
.before-after{display:grid;grid-template-columns:1fr 48px 1fr;gap:0;align-items:center;margin-bottom:8px;}
.ba-side{padding:28px 32px;border-radius:4px;}
.ba-before{background:#fff;border:0.5px solid #E6F1FB;}
.ba-after{background:var(--navy);border:0.5px solid var(--navy);}
.ba-label{font-size:14px;font-weight:700;letter-spacing:2px;margin-bottom:12px;}
.ba-before .ba-label{color:var(--muted);}
.ba-after .ba-label{color:#85B7EB;}
.ba-big{font-size:56px;font-weight:700;line-height:1;margin-bottom:6px;}
.ba-before .ba-big{color:#D3D1C7;}
.ba-desc{font-size:13px;margin-bottom:16px;}
.ba-before .ba-desc{color:var(--muted);}
.ba-after .ba-desc{color:#B5D4F4;}
.ba-list{list-style:none;display:flex;flex-direction:column;gap:7px;}
.ba-list li{font-size:14px;font-weight:300;padding-left:16px;position:relative;}
.ba-before .ba-list li{color:var(--muted);}
.ba-before .ba-list li::before{content:"✕";position:absolute;left:0;color:#D3D1C7;font-size:14px;}
.ba-after .ba-list li{color:#85B7EB;}
.ba-after .ba-list li::before{content:"✓";position:absolute;left:0;color:var(--orange);}
.ba-arrow{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--orange);}

/* ── Value Grid ──────────────────────────────────────────────────────────── */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;}
.value-item{background:var(--bg-alt);border:0.5px solid var(--ice);border-radius:6px;padding:22px;}
.value-item i{font-size:26px;color:var(--orange);margin-bottom:12px;display:block;}
.value-item h4{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:8px;}
.value-item p{font-size:14px;font-weight:300;color:var(--muted);line-height:1.65;}

/* ── FAQ ─────────────────────────────────────────────────────────────────── */
.faq-list{display:flex;flex-direction:column;gap:0;margin-top:28px;border:0.5px solid var(--ice);border-radius:4px;overflow:hidden;}
.faq-item{border-bottom:0.5px solid var(--ice);}
.faq-item:last-child{border-bottom:none;}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:#fff;border:none;cursor:pointer;font-family:'Sora',sans-serif;font-size:14px;font-weight:600;color:var(--navy);text-align:left;transition:background 0.15s;}
.faq-q:hover{background:var(--bg-alt);}
.faq-q i{font-size:18px;color:var(--muted);flex-shrink:0;transition:transform 0.25s;}
.faq-q.open i{transform:rotate(180deg);}
.faq-a{display:none;padding:0 24px 20px;background:#fff;}
.faq-a.open{display:block;}
.faq-a p{font-size:13px;font-weight:300;color:var(--muted);line-height:1.8;}
.faq-a strong{color:var(--navy);font-weight:600;}

/* ── Contact Section ─────────────────────────────────────────────────────── */
.contact-sec{background:var(--orange);padding:56px max(48px, calc((100% - 1280px) / 2));display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.contact-left h2{font-size:32px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:12px;}
.contact-left p{font-size:14px;font-weight:300;color:rgba(255,255,255,0.88);line-height:1.75;margin-bottom:24px;}
.contact-proof{display:flex;flex-direction:column;gap:10px;}
.contact-proof-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:300;color:rgba(255,255,255,0.9);}
.contact-proof-item i{font-size:16px;color:rgba(255,255,255,0.7);}
.form-hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden;pointer-events:none;}
.contact-form{display:flex;flex-direction:column;gap:12px;}
.cf-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.contact-form input{width:100%;padding:13px 16px;border:none;border-radius:5px;font-family:'Sora',sans-serif;font-size:13px;color:var(--navy);background:#fff;outline:none;}
.contact-form input::placeholder{color:#9FA6B2;}
.cf-submit{background:var(--navy);color:#fff;font-family:'Sora',sans-serif;font-size:14px;font-weight:700;padding:14px 24px;border-radius:5px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background 0.2s;}
.cf-submit:hover{background:#031e38;}
.cf-gdpr{font-size:14px;color:rgba(255,255,255,0.65);font-weight:300;text-align:center;line-height:1.6;}
.cf-success{display:none;background:rgba(255,255,255,0.15);border-radius:6px;padding:28px;text-align:center;color:#fff;}
.cf-success i{font-size:36px;display:block;margin-bottom:10px;}
.cf-success strong{font-size:16px;font-weight:700;}

/* ── Responsive — 1024px ─────────────────────────────────────────────────── */
@media (max-width:1024px){
  :root{--px:32px;}
  .nav{padding:0 32px;}
  .hero-content{width:65%;padding:48px 32px;}
  .hero-photos{width:38%;}
  .cgrid{grid-template-columns:repeat(3,1fr);}
  .how-steps{grid-template-columns:repeat(2,1fr);}
  .how-step{border-right:none;border-bottom:0.5px solid var(--ice);}
  .how-step:nth-child(odd){padding-right:0;}
  .value-grid{grid-template-columns:repeat(2,1fr);}
  .before-after{grid-template-columns:1fr 40px 1fr;}
  .contact-sec{padding:48px 32px;gap:32px;}
  .footer{padding:20px 32px;}
  .sec{padding:48px 32px;}
  .trust-bar{padding:14px 32px;}
  .trust-stats{gap:16px;}
}

/* ── Responsive — 768px ──────────────────────────────────────────────────── */
@media (max-width:768px){
  :root{--px:20px;}
  .nav{padding:0 20px;}
  .nav-links{display:flex;gap:0;}
  .nav-links a:not(.nav-cta){display:none;}
  .nav-cta{margin-left:0;padding:8px 14px;font-size:12px;white-space:nowrap;}
  .hero{flex-direction:column;min-height:auto;}
  .hero-content{width:100%;padding:48px 20px 36px;}
  .hero-photos{position:relative;width:100%;height:220px;grid-template-columns:repeat(4,1fr);}
  .hero-fade{background:linear-gradient(to bottom,var(--navy) 0%,transparent 100%);}
  .hero-h1{font-size:28px;}
  .hero-sub{font-size:13px;max-width:100%;}
  .hero-proof{max-width:100%;}
  .trust-bar{padding:14px 20px;}
  .trust-bar-inner{gap:16px;}
  .trust-divider{display:none;}
  .trust-stats{margin-left:0;gap:12px;}
  .sec{padding:40px 20px;}
  .before-after{grid-template-columns:1fr;gap:12px;}
  .ba-arrow{transform:rotate(90deg);}
  .result-card{grid-template-columns:1fr;}
  .rc-before{border-right:none;border-bottom:0.5px solid #E6F1FB;}
  .camp-metrics{grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;gap:0;}
  .camp-metric:nth-child(n+10){display:none;}
  .camp-divider:nth-child(n+9){display:none;}
  .how-steps{grid-template-columns:1fr;}
  .cgrid{grid-template-columns:repeat(2,1fr);}
  .cs-inner{grid-template-columns:1fr;}
  .value-grid{grid-template-columns:1fr 1fr;}
  .contact-sec{grid-template-columns:1fr;padding:40px 20px;gap:28px;}
  .cf-group{grid-template-columns:1fr;}
  .faq-q{font-size:13px;padding:16px 20px;}
  .faq-a{padding:0 20px 16px;}
  .footer{flex-direction:column;gap:8px;padding:20px;text-align:center;}
  .testi-grid{grid-template-columns:1fr;}
  .page-hero{padding:40px 20px;}
  .page-hero h1{font-size:26px;}
}

/* ── Responsive — 480px ──────────────────────────────────────────────────── */
@media (max-width:480px){
  .hero-h1{font-size:24px;}
  .hero-photos{grid-template-columns:repeat(2,1fr);height:160px;}
  .cgrid{grid-template-columns:1fr;}
  .value-grid{grid-template-columns:1fr;}
  .contact-sec h2{font-size:24px;}
}

/* ═══════════════════════════════════════════════════════════════════════════
   HOMEPAGE V2 — nové sekcie (index.html rewrite podľa briefu jún 2026)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Hero V2 ──────────────────────────────────────────────────────────────── */
/* ── Hero V2 entry animations ─────────────────────────────────────────────── */
@keyframes h-fade-up{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
@keyframes h-fade-rt{from{opacity:0;transform:translateX(28px);}to{opacity:1;transform:translateX(0);}}
.hero-v2-content .s-eye   {animation:h-fade-up .4s ease-out .05s both;}
.hero-v2-content .hero-h1 {animation:h-fade-up .55s ease-out .2s  both;}
.hero-v2-content .hero-bullets{animation:h-fade-up .5s ease-out .45s both;}
.hero-v2-content .hero-btns   {animation:h-fade-up .45s ease-out .65s both;}
.hero-v2-visual               {animation:h-fade-rt .6s ease-out .3s  both;}

.hero-v2{background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:560px;position:relative;overflow:hidden;border-bottom:1px solid var(--ice);padding-inline:max(0px, calc((100% - 1280px) / 2));}
.hero-v2-content{padding:72px 48px 72px 64px;display:flex;flex-direction:column;justify-content:center;gap:0;position:relative;z-index:1;max-width:600px;justify-self:end;}
.hero-h1{font-size:clamp(28px,3.2vw,44px);font-weight:700;color:var(--navy);line-height:1.15;margin-bottom:24px;}
.hero-h1 em{font-style:normal;color:var(--orange);}
.hero-bullets{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0 0 32px;}
.hero-bullets li{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:300;color:var(--text);line-height:1.5;}
.hero-bullets li i{font-size:16px;color:var(--orange);flex-shrink:0;margin-top:2px;}
.hero-btns{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.hero-cta-btn{display:inline-flex;align-items:center;gap:8px;}
.hero-tw-line{display:inline;color:var(--orange);}
.hero-tw{color:var(--orange);}
.hero-cursor{display:inline-block;color:var(--orange);font-weight:300;animation:blink .7s step-end infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}
.hero-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--navy);text-decoration:none;transition:color .15s;}
.hero-link:hover{color:var(--orange);}
.hero-link i{font-size:14px;}
.hero-v2-visual{display:flex;align-items:flex-end;justify-content:center;padding:0 48px 0 0;position:relative;z-index:1;overflow:visible;}
.hero-mockup-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center;}
.hero-mockup-blob{position:absolute;border-radius:50%;pointer-events:none;}
.hero-mockup-blob--1{width:220px;height:220px;background:radial-gradient(circle,var(--navy) 20%,#fff 20% 40%,var(--orange) 40% 63%,rgba(244,124,32,0.08) 63%);opacity:0.28;top:40px;right:-20px;z-index:0;}
.hero-mockup-blob--2{width:110px;height:110px;background:radial-gradient(circle,#fff 28%,rgba(244,124,32,0.22) 28% 60%,rgba(244,124,32,0.04) 60%);opacity:0.7;top:100px;left:20px;z-index:0;}
.hero-mockup-img{width:420px;height:auto;max-width:100%;position:relative;z-index:1;filter:drop-shadow(0 24px 48px rgba(4,44,83,0.18));display:block;}

/* ── Realistic phone mockup ──────────────────────────────────────────────── */
.mockup-phone{
  position:relative;
  width:262px;
  background:linear-gradient(150deg,#323236 0%,#1e1e21 40%,#101012 100%);
  border-radius:52px;
  padding:11px;
  box-shadow:
    0 70px 150px -10px rgba(0,0,0,0.85),
    0 30px 60px -10px rgba(0,0,0,0.5),
    0 0 0 0.5px rgba(255,255,255,0.18),
    inset 0 1px 0 rgba(255,255,255,0.12),
    inset 0 -1px 0 rgba(0,0,0,0.6),
    inset 1px 0 0 rgba(255,255,255,0.07),
    inset -1px 0 0 rgba(0,0,0,0.35);
}
/* Physical side buttons */
.mockup-btn{position:absolute;background:linear-gradient(180deg,#2e2e32,#1a1a1d);}
.mockup-btn--silent{left:-3px;top:52px;width:3px;height:22px;border-radius:3px 0 0 3px;box-shadow:-1px 0 0 rgba(255,255,255,0.1),0 0 0 0.5px rgba(255,255,255,0.07);}
.mockup-btn--vol-up{left:-3px;top:88px;width:3px;height:32px;border-radius:3px 0 0 3px;box-shadow:-1px 0 0 rgba(255,255,255,0.1),0 0 0 0.5px rgba(255,255,255,0.07);}
.mockup-btn--vol-down{left:-3px;top:134px;width:3px;height:32px;border-radius:3px 0 0 3px;box-shadow:-1px 0 0 rgba(255,255,255,0.1),0 0 0 0.5px rgba(255,255,255,0.07);}
.mockup-btn--power{right:-3px;top:104px;width:3px;height:58px;border-radius:0 3px 3px 0;box-shadow:1px 0 0 rgba(255,255,255,0.1),0 0 0 0.5px rgba(255,255,255,0.07);}
/* Screen frame — black bezel, iPhone 15 Pro aspect ratio 9:19.5 */
.mockup-frame{background:#000;border-radius:42px;overflow:hidden;position:relative;aspect-ratio:9/19.5;}
.mockup-frame::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,0.045) 0%,rgba(255,255,255,0) 40%);border-radius:42px;z-index:20;pointer-events:none;}
/* Screen fills full height, flex column to push counter to bottom */
.mockup-screen{background:#0f2440;padding:0 14px;position:relative;height:100%;display:flex;flex-direction:column;}
/* Status row with Dynamic Island */
.mockup-status-row{display:flex;align-items:center;justify-content:space-between;padding:14px 8px 0;position:relative;height:48px;flex-shrink:0;}
.mockup-time{font-size:13px;font-weight:600;color:rgba(255,255,255,0.85);line-height:1;z-index:2;position:relative;}
.mockup-island{position:absolute;left:50%;transform:translateX(-50%);top:10px;width:108px;height:32px;background:#000;border-radius:20px;z-index:10;box-shadow:0 0 0 1px rgba(255,255,255,0.06),0 2px 10px rgba(0,0,0,0.6);}
.mockup-status-icons{display:flex;gap:3px;align-items:center;color:rgba(255,255,255,0.75);z-index:2;position:relative;}
/* App content */
.mockup-app-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff;margin-bottom:12px;padding:14px 2px 0;flex-shrink:0;}
.mockup-badge{background:var(--orange);color:#fff;font-size:14px;font-weight:700;border-radius:20px;padding:1px 7px;margin-left:auto;}
.mockup-notif-card{background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.09);border-radius:4px;padding:12px 12px;display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;flex-shrink:0;}
.mockup-notif-card--dim{opacity:0.45;}
.mnc-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex-shrink:0;margin-top:3px;}
.mnc-dot--read{background:rgba(255,255,255,0.18);}
.mnc-body{flex:1;min-width:0;}
.mnc-title{font-size:13px;font-weight:600;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;}
.mnc-time{font-size:13px;font-weight:300;color:rgba(255,255,255,0.32);}
.mnc-preview{font-size:14px;font-weight:300;color:rgba(255,255,255,0.42);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* Counter pill pushed to bottom with margin-top:auto */
.mockup-counter-pill{margin-top:auto;margin-bottom:16px;background:rgba(244,124,32,0.12);border:0.5px solid rgba(244,124,32,0.28);border-radius:4px;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;}
.mcp-num{font-size:36px;font-weight:700;color:var(--orange);line-height:1;}
.mcp-txt{font-size:14px;font-weight:300;color:rgba(255,255,255,0.5);line-height:1.3;}
/* Home indicator */
.mockup-home-indicator{height:28px;background:#0f2440;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-bottom:4px;}
.mockup-home-indicator::before{content:'';width:108px;height:4px;background:rgba(255,255,255,0.22);border-radius:2px;}

/* ── Trust strip ──────────────────────────────────────────────────────────── */
.trust-strip{background:var(--ice);border-bottom:0.5px solid #C8DDEF;padding:22px 48px;}
.trust-strip-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.trust-strip-label{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0.3px;white-space:nowrap;}
.trust-strip-logos{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.trust-strip-stat{margin-left:auto;font-size:14px;font-weight:300;color:var(--navy);background:rgba(244,124,32,0.08);border:0.5px solid rgba(244,124,32,0.22);border-radius:20px;padding:5px 14px;white-space:nowrap;}
.trust-strip-stat strong{font-weight:700;color:var(--orange);font-size:15px;}

/* ── Problém ──────────────────────────────────────────────────────────────── */
.prob-sec{background:#fff;}
.prob-list{display:flex;flex-direction:column;gap:16px;margin-top:4px;}
.prob-item{display:flex;align-items:center;gap:22px;background:var(--bg-alt);border:0.5px solid var(--ice);border-radius:4px;padding:22px 28px;}
.prob-icon{width:52px;height:52px;flex-shrink:0;border-radius:4px;background:rgba(244,124,32,0.07);display:flex;align-items:center;justify-content:center;}
.prob-icon i{font-size:26px;color:var(--orange);}
.prob-content{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;}
.prob-content strong{color:var(--navy);font-weight:700;}
.prob-content span{color:var(--muted);font-weight:300;}

/* ── Princíp IrecYou ──────────────────────────────────────────────────────── */
.principle-sec{background:#f5f6f7;padding:80px 48px;overflow:hidden;}
.principle-inner{max-width:1140px;margin:0 auto;}
.ps-ticker{display:flex;align-items:center;gap:16px;margin-bottom:56px;}
.ps-ticker span:not(.ps-ticker-text){flex:1;height:1px;background:rgba(4,44,83,0.15);}
.ps-ticker-text{font-size:11px;font-weight:700;letter-spacing:3px;color:rgba(4,44,83,0.4);white-space:nowrap;}
.ps-two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.ps-logo-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;width:100%;}
.ps-brand-logo{height:44px;width:auto;display:block;}
.ps-heading{font-size:clamp(32px,4vw,56px);font-weight:800;line-height:1;letter-spacing:-2px;margin:0;text-align:center;background:linear-gradient(to bottom,#042C53 0%,#2a5a8a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.ps-heading-brand{font-style:normal;color:var(--orange);}
.ps-body{font-size:17px;color:rgba(4,44,83,0.65);line-height:1.7;margin:0;}
.ps-body strong{color:var(--navy);font-weight:700;}
/* right */
.ps-right{position:relative;height:440px;}
.ps-client-controls{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:10;}
/* image slide track */
.ps-img-mask{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);}
.ps-img-track{position:absolute;top:0;left:0;width:200%;height:100%;display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);}
.ps-img-slide{position:relative;width:50%;height:100%;flex-shrink:0;}
/* badge swap */
.ps-badge-wrap{position:relative;height:44px;display:flex;align-items:center;}
.ps-client-badge{transition:opacity .3s;}
.ps-badge-hidden{position:absolute;top:0;left:0;opacity:0;pointer-events:none;}
.ps-txt-logo{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.4px;}
/* second client mockup */
.ps-ig-mock{position:absolute;bottom:0;right:3%;width:84%;border-radius:6px;z-index:1;}
.ps-client-badge{display:flex;align-items:center;justify-content:center;}
.ps-logo-wrap{position:relative;display:inline-block;}
.ps-client-logo{height:44px;width:auto;display:block;}
.ps-client-logo-studio{position:absolute;top:0;left:0;clip-path:inset(0 0 0 54%);filter:brightness(0) invert(1);}
/* morphing arrow */
.ps-morph-btn{position:relative;overflow:hidden;cursor:pointer;background:transparent;border:1.5px solid rgba(55,138,221,0.38);color:#fff;width:116px;height:52px;border-radius:4px 50px 50px 14px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:border-color 280ms ease,box-shadow 280ms ease;}
.ps-morph-btn::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 30% 50%,rgba(55,138,221,0.22),transparent 70%);opacity:0;transition:opacity 280ms ease;}
.ps-morph-btn:hover{border-color:rgba(55,138,221,0.75);box-shadow:0 0 18px rgba(55,138,221,0.2);}
.ps-morph-btn:hover::before{opacity:1;}
.ps-morph-line{display:block;position:absolute;left:14px;right:20px;top:50%;transform:translateY(-50%);height:1.5px;background:rgba(255,255,255,0.6);pointer-events:none;}
.ps-morph-arrow{position:absolute;left:14px;right:14px;top:50%;transform:translateY(-50%);height:16px;display:block;overflow:visible;}
.ps-morph-btn::before{background:radial-gradient(circle at 90% 50%,rgba(255,255,255,0.06),transparent 40%);}
.ps-morph-btn:hover{box-shadow:none;}
.ps-phone{position:absolute;bottom:0;left:8%;width:18%;height:auto;border-radius:6px;z-index:2;}
.ps-laptop{position:absolute;bottom:0;right:0;width:85%;height:auto;border-radius:6px;z-index:1;}
.sec-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15) 20%,rgba(255,255,255,0.15) 80%,transparent);margin:0;}

/* ── Prečo to funguje — orbit ─────────────────────────────────────────────── */
.why-sec{background:#fff;position:relative;overflow:visible;padding:80px 48px 140px;}
.why-inner{max-width:900px;margin:0 auto;position:relative;z-index:1;text-align:center;}
.why-sec .s-eye,.why-sec .s-h2,.why-sec .s-sub{text-align:center;}
.why-sec .s-sub{max-width:520px;margin:0 auto;}

/* background circle textures */
.why-blob{position:absolute;border-radius:50%;pointer-events:none;}
.why-blob--1{width:560px;height:560px;background:radial-gradient(circle,var(--navy) 18%,#fff 18% 36%,var(--orange) 36% 58%,rgba(244,124,32,0.04) 58%);opacity:0.07;top:0;right:-140px;}
.why-blob--2{width:380px;height:380px;background:radial-gradient(circle,#fff 26%,rgba(24,95,165,0.12) 26% 54%,rgba(24,95,165,0.02) 54%);opacity:0.8;bottom:0;left:-80px;}
.why-blob--3{width:180px;height:180px;background:radial-gradient(circle,var(--navy) 18%,#fff 18% 36%,var(--orange) 36% 58%,transparent 58%);opacity:0.05;top:120px;left:8%;}

/* orbit container */
.orbit-wrap{position:relative;width:500px;height:500px;margin:52px auto 115px;overflow:hidden;transform:scale(1.15);transform-origin:top center;}
.orbit-dot-rings{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.odr{transform-box:fill-box;transform-origin:center;}
.odr--a{animation:o-cw  120s linear infinite;}
.odr--b{animation:o-ccw  85s linear infinite;}
.odr--c{animation:o-cw   65s linear infinite;}
.odr--d{animation:o-ccw 100s linear infinite;}

/* ring — 0-size anchor at center */
.orbit-ring{position:absolute;top:50%;left:50%;width:0;height:0;}
.orbit-ring--outer{animation:o-cw 90s linear infinite;}
.orbit-ring--inner{animation:o-ccw 60s linear infinite;}
@keyframes o-cw {to{transform:rotate(360deg);}}
@keyframes o-ccw{to{transform:rotate(-360deg);}}

/* arm — static angle positions icon on the ring */
.o-arm{position:absolute;top:0;left:0;width:0;height:0;transform:rotate(calc(var(--a)*1deg));}

/* nodes — sit at radius, counter-spin to stay upright */
.o-node--out{position:absolute;left:-28px;top:-28px;width:56px;height:56px;animation:o-ccw-out 90s linear infinite;}
.o-node--in {position:absolute;left:-22px;top:-22px;width:44px;height:44px;animation:o-cw-in  60s linear infinite;}
@keyframes o-ccw-out{from{transform:translateY(-210px) rotate(calc(var(--a,0)*-1deg));}to{transform:translateY(-210px) rotate(calc(-360deg - var(--a,0)*1deg));}}
@keyframes o-cw-in  {from{transform:translateY(-135px) rotate(calc(var(--a,0)*-1deg));}to{transform:translateY(-135px) rotate(calc(360deg  - var(--a,0)*1deg));}}

/* icon tiles */
.o-ico{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(4,44,83,0.18);animation:icon-pulse ease-in-out infinite;overflow:hidden;}
.o-ico i{font-size:26px;color:#fff;}
.bico{width:26px;height:26px;display:block;flex-shrink:0;}
.o-ico-img{background:none!important;padding:0;}
.o-ico-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;max-width:100%;max-height:100%;}
.o-node--in .o-ico{width:44px;height:44px;border-radius:50%;}
.o-node--in .o-ico i{font-size:20px;}
.o-node--in .bico{width:20px;height:20px;}
@keyframes icon-pulse{0%,100%{transform:scale(var(--s1,1));}50%{transform:scale(var(--s2,1.04));}}

/* brand colors — outer ring */
.oi-tt{background:#010101;}
.oi-ig{background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
.oi-fb{background:#1877F2;}
.oi-g {background:#fff;box-shadow:0 4px 18px rgba(4,44,83,0.1),inset 0 0 0 1.5px #e4e6ea;}
.oi-li{background:#0A66C2;}
.oi-pi{background:#E60023;}
/* brand colors — inner ring */
.oi-gm{background:#fff;box-shadow:0 4px 18px rgba(4,44,83,0.1),inset 0 0 0 1.5px #e4e6ea;}
.oi-gg{background:#fff;box-shadow:0 4px 18px rgba(4,44,83,0.1),inset 0 0 0 1.5px #e4e6ea;}
.oi-me{background:#fff;box-shadow:0 4px 18px rgba(4,44,83,0.1),inset 0 0 0 1.5px #e4e6ea;}
/* logo icons: explicit px sizes — iOS Safari ignores % on img in nested flex */
.o-ico-lgo img{width:35px;height:35px;object-fit:contain;display:block;max-width:100%;max-height:100%;}
.o-node--in .o-ico-lgo img{width:27px;height:27px;}

/* center badge */
.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:118px;height:118px;background:#fff;border:1.5px solid var(--ice);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 36px rgba(4,44,83,0.14);z-index:10;padding:10px;}
.orbit-ctr-logo{width:54px;height:54px;display:block;}
.orbit-ctr-txt{font-size:11.5px;font-weight:700;color:var(--navy);text-align:center;line-height:1.2;letter-spacing:0.02em;}

/* why section version switcher */
.why-ver-bar{display:flex;gap:8px;justify-content:center;margin:0 0 36px;}
.wvb-btn{padding:7px 22px;border-radius:100px;border:1.5px solid var(--ice);background:#fff;font:600 12px/1 'Sora',sans-serif;color:#8898aa;cursor:pointer;transition:all .2s;}
.wvb-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;}
.wvb-btn:hover:not(.active){border-color:#b0bec5;color:var(--navy);}
.why-v{display:flex;justify-content:center;}

/* V1 fan carousel */
.fan-scene{position:relative;width:600px;height:280px;margin:0 auto 40px;overflow:hidden;}
.fan-stage{position:absolute;top:50%;left:50%;width:0;height:0;}
.fan-item{position:absolute;top:0;left:0;will-change:transform,opacity;}
.fan-card{width:96px;height:96px;border-radius:12px;background:#fff;border:1.5px solid var(--ice);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px rgba(4,44,83,0.09);transform:translate(-50%,-50%);}
.fan-ico{width:52px;height:52px;display:block;}

/* performance stats */
.perf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:780px;margin:0 auto;}
.perf-box{background:#fff;border:1.5px solid var(--ice);border-radius:6px;padding:28px 16px;text-align:center;box-shadow:0 2px 12px rgba(4,44,83,0.05);}
.perf-num{font-size:30px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:8px;}
.perf-lbl{font-size:13px;font-weight:300;color:var(--muted);line-height:1.4;}

/* ── Segment strip ────────────────────────────────────────────────────────── */
/* marquee industry strip */
.marquee-sec{padding:32px 0;overflow:hidden;background:#fff;}
.marquee-track{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);}
@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.marquee-inner{display:flex;gap:20px;width:max-content;animation:marquee-scroll 52s linear infinite;}
.marquee-inner:hover{animation-play-state:paused;}
.mq-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:148px;height:148px;border-radius:18px;border:1px solid rgba(4,44,83,0.07);background:#fff;flex-shrink:0;transition:border-color .2s,box-shadow .2s;}
.mq-card:hover{border-color:rgba(4,44,83,0.15);box-shadow:0 6px 24px rgba(4,44,83,0.07);}
.mq-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;}
.mq-icon i{font-size:28px;color:#fff;}
.mq-card span{font-size:12px;font-weight:600;color:var(--navy);letter-spacing:.3px;text-align:center;}
.mq-pink{background:linear-gradient(135deg,#FF6B9D,#C855F0);}
.mq-blue{background:linear-gradient(135deg,#4A90D9,#2C5FB8);}
.mq-teal{background:linear-gradient(135deg,#00C48C,#00A3CC);}
.mq-red{background:linear-gradient(135deg,#FF6B6B,#EE5A24);}
.mq-amber{background:linear-gradient(135deg,#FD9644,#E55B00);}
.mq-gold{background:linear-gradient(135deg,#FFD32A,#F9A825);}
.mq-purple{background:linear-gradient(135deg,#A29BFE,#6C5CE7);}
.mq-green{background:linear-gradient(135deg,#00B894,#1DB954);}
.mq-sky{background:linear-gradient(135deg,#74B9FF,#0984E3);}
.mq-cyan{background:linear-gradient(135deg,#00CEC9,#0099AA);}
.mq-indigo{background:linear-gradient(135deg,#8E54E9,#4776E6);}
.mq-navy{background:linear-gradient(135deg,#185FA5,#042C53);}

/* ── Cena + výsledok ──────────────────────────────────────────────────────── */
.price-result-sec{background:#fff;text-align:center;}
.price-result-box{display:grid;grid-template-columns:1fr auto 1fr;max-width:620px;margin:36px auto 0;border:1.5px solid var(--ice);border-radius:12px;overflow:hidden;}
.prb-left{background:var(--bg-alt);padding:36px 32px;text-align:center;}
.prb-arrow{background:#fff;display:flex;align-items:center;justify-content:center;padding:0 18px;font-size:26px;color:var(--orange);border-left:1.5px solid var(--ice);border-right:1.5px solid var(--ice);}
.prb-right{background:var(--navy);padding:36px 32px;text-align:center;}
.prb-eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--muted);margin-bottom:10px;}
.prb-eyebrow--light{color:#85B7EB;}
.prb-num{font-size:42px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:8px;}
.prb-num--orange{color:var(--orange);}
.prb-detail{font-size:13px;font-weight:300;color:var(--muted);line-height:1.5;}
.prb-detail--light{color:#85B7EB;}
.price-result-cta{margin-top:32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;}
.price-result-note{font-size:14px;font-weight:300;color:var(--muted);}

/* ════ BENTO CASE STUDY ══════════════════════════════════════════════════════ */
.bento-sec{background:var(--bg-alt);padding:80px 48px;}
.bento-inner{max-width:1100px;margin:0 auto;}
.bento-hdr{text-align:center;margin-bottom:32px;}

/* ── Case study version switcher ── */
.cs-switcher{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:32px;}
.csv-btn{padding:7px 22px;border-radius:100px;border:1.5px solid var(--ice);background:#fff;font:600 12px/1 'Sora',sans-serif;color:#8898aa;cursor:pointer;transition:all .2s;}
.csv-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;}
.csv-btn:hover:not(.active){border-color:#b0bec5;color:var(--navy);}

/* ── V2 Editorial ── */
.v2-wrap{border-radius:12px;overflow:hidden;border:1px solid var(--ice);background:#fff;}
.v2-head{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;border-bottom:1px solid var(--ice);}
.v2-hlogo{height:28px;width:auto;}
.v2-hmeta{font-size:13px;color:var(--muted);}
.v2-body{display:grid;grid-template-columns:260px 1fr;}
.v2-hero{padding:48px 40px;border-right:1px solid var(--ice);display:flex;flex-direction:column;justify-content:center;}
.v2-eye{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--sky);text-transform:uppercase;margin-bottom:18px;}
.v2-big{font-size:clamp(80px,10vw,124px);font-weight:700;color:var(--navy);line-height:1;letter-spacing:-4px;}
.v2-word{font-size:18px;font-weight:300;color:var(--navy);margin-top:8px;letter-spacing:-.3px;}
.v2-grid{display:grid;grid-template-columns:1fr 1fr 1fr;}
.v2-cell{padding:28px 32px;border-right:1px solid var(--ice);border-bottom:1px solid var(--ice);}
.v2-cell:nth-child(3n){border-right:none;}
.v2-cell:nth-child(4),.v2-cell:nth-child(5),.v2-cell:nth-child(6){border-bottom:none;}
.v2-cnum{font-size:clamp(24px,3vw,34px);font-weight:700;color:var(--navy);letter-spacing:-1px;line-height:1;margin-bottom:8px;}
.v2-cnum--sm{font-size:16px;letter-spacing:0;font-weight:600;}
.v2-clbl{font-size:13px;font-weight:400;color:var(--muted);}

/* ── V3 Dark Dashboard ── */
.v3-wrap{border-radius:12px;overflow:hidden;background:#011624;}
.v3-top{display:flex;align-items:center;justify-content:space-between;padding:28px 44px;}
.v3-logo{height:28px;width:auto;filter:brightness(0) invert(1);opacity:.6;}
.v3-campaign{font-size:13px;color:rgba(255,255,255,0.28);letter-spacing:.5px;}
.v3-hline{height:1px;background:rgba(255,255,255,0.07);}
.v3-stats{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;padding:52px 44px;}
.v3-stat{display:flex;flex-direction:column;justify-content:center;padding:0 24px;}
.v3-stat:first-child{padding-left:0;}
.v3-num{font-size:clamp(38px,4.5vw,58px);font-weight:700;color:#fff;line-height:1;letter-spacing:-1.5px;margin-bottom:10px;}
.v3-lbl{font-size:14px;font-weight:500;color:rgba(55,138,221,0.6);text-transform:uppercase;letter-spacing:1.8px;}
.v3-vline{background:rgba(255,255,255,0.07);}
.v3-chart{padding:0 44px 0;position:relative;display:flex;flex-direction:column;}
.v3-svg{width:100%;height:80px;display:block;flex-shrink:0;}
.v3-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#378ADD;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(55,138,221,0.2),0 0 10px rgba(55,138,221,0.4);pointer-events:none;}
.v3-peak-lbl{position:absolute;left:85%;top:calc(11% - 22px);transform:translateX(-50%);font:600 11px/1 'Sora',sans-serif;color:#378ADD;white-space:nowrap;pointer-events:none;}
.v3-xaxis{display:flex;justify-content:space-between;padding:6px 0 16px;flex-shrink:0;}
.v3-xaxis span{font:400 11px/1 'Sora',sans-serif;color:rgba(55,138,221,0.35);}
.v3-footer{display:flex;align-items:center;justify-content:space-between;padding:22px 44px;border-top:1px solid rgba(255,255,255,0.06);}
.v3-more-btn{background:none;border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.45);font:500 11px/1 'Sora',sans-serif;padding:8px 16px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .2s,color .2s;}
.v3-more-btn:hover{border-color:rgba(55,138,221,0.5);color:#378ADD;}
.v3-more-btn.open .ti{transform:rotate(180deg);}
.v3-more-btn .ti{transition:transform .25s ease;}
.btn-sky{background:rgba(55,138,221,0.12);border:1px solid rgba(55,138,221,0.3);color:#378ADD;font:600 12px/1 'Sora',sans-serif;padding:10px 20px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .2s,border-color .2s;}
.btn-sky:hover{background:rgba(55,138,221,0.22);border-color:rgba(55,138,221,0.55);}
.v3-text-logo{font-size:20px;font-weight:700;color:#fff;letter-spacing:-0.5px;}
.v3-detail{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);}
.v3-detail.open{max-height:300px;}
.v3-detail-grid{display:grid;grid-template-columns:1fr 1fr;padding:32px 44px;gap:0 56px;}
.v3-detail-sep{display:none;}
.v3-detail-col{display:flex;flex-direction:column;gap:0;}
.v3-detail-col+.v3-detail-col{border-left:1px solid rgba(255,255,255,0.07);padding-left:56px;}
.v3-detail-head{font-size:13px;font-weight:700;letter-spacing:2px;color:rgba(55,138,221,0.55);text-transform:uppercase;margin-bottom:16px;}
.v3-detail-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.05);}
.v3-detail-row:last-child{border-bottom:none;}
.v3-dk{font-size:13px;color:rgba(255,255,255,0.3);}
.v3-dv{font-size:14px;font-weight:600;color:rgba(255,255,255,0.75);}

/* ── New bento grid ── */
.ng-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto minmax(80px,auto);gap:16px;}
.ng-client{grid-column:1;grid-row:1/4;}
.ng-trackers{grid-column:2;grid-row:1;}
.ng-statistic{grid-column:3;grid-row:1;}
.ng-focus{grid-column:2;grid-row:2;}
.ng-productivity{grid-column:3;grid-row:2;}
.ng-shortcuts{grid-column:2/4;grid-row:3;}

.ng-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,0.07),0 0 0 0.5px rgba(0,0,0,0.06);overflow:hidden;}
.ng-item{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease;}
.ng-in .ng-item{opacity:1;transform:none;}
.ng-in .ng-item:nth-child(2){transition-delay:.1s;}
.ng-in .ng-item:nth-child(3){transition-delay:.2s;}
.ng-in .ng-item:nth-child(4){transition-delay:.3s;}
.ng-in .ng-item:nth-child(5){transition-delay:.4s;}
.ng-in .ng-item:nth-child(6){transition-delay:.5s;}

/* Client card */
.ng-client{display:flex;flex-direction:column;padding:28px;}
.ng-client-icon{position:absolute;bottom:50px;right:0;z-index:3;background:rgba(255,255,255,0.38);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:12px 0 0 12px;padding:8px 14px;box-shadow:0 2px 12px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.5);}
.ng-client-logo{height:42px;width:auto;display:block;}
.ng-client-title{font-size:20px;font-weight:700;color:var(--navy);margin:0 0 10px;letter-spacing:-.4px;}
.ng-review-stars{display:flex;gap:3px;margin-bottom:10px;}
.ng-review-stars .ti{font-size:16px;color:#F47C20;}
.ng-client-desc{font-size:clamp(14px,1.5vw,18px);font-weight:400;color:var(--navy);line-height:1.5;letter-spacing:-.1px;margin:0 0 14px;}
.ng-review-author{display:flex;align-items:center;gap:10px;margin-bottom:4px;}
.ng-review-avatar{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ng-review-name{font-size:13px;font-weight:700;color:var(--navy);}
.ng-review-role{font-size:11px;color:rgba(4,44,83,0.5);font-weight:500;}
.ng-client-mockup{flex:1;display:flex;align-items:flex-end;margin:20px -28px;overflow:hidden;position:relative;min-height:200px;}
.ng-duo-laptop{position:absolute;bottom:0;right:0;width:88%;height:auto;border-radius:6px;z-index:1;}
.ng-duo-phone{position:absolute;bottom:0;left:4%;width:20%;height:auto;border-radius:6px;z-index:2;}
.ng-client-footer{display:flex;align-items:center;justify-content:space-between;padding-top:18px;}
.ng-phase-toggle{display:flex;gap:6px;background:var(--ice);border-radius:10px;padding:4px;}
.ng-phase-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;border:none;background:transparent;color:var(--navy);opacity:.45;cursor:pointer;font-size:17px;transition:background .2s,opacity .2s,color .2s;}
.ng-phase-btn.ng-phase-active{background:#fff;opacity:1;color:var(--orange);box-shadow:0 1px 4px rgba(0,0,0,.1);}
.ng-phase-btn:not(.ng-phase-active):hover{opacity:.75;}
.ng-next-client-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;background:transparent;border:1px solid rgba(4,44,83,0.14);border-radius:8px;font-family:'Sora',sans-serif;font-size:12px;font-weight:600;color:var(--navy);cursor:pointer;transition:background .2s,border-color .2s;}
.ng-next-client-btn:hover{background:var(--ice);border-color:var(--blue);}
.ng-letter-logo{height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;font-size:22px;font-weight:800;color:#fff;font-family:'Sora',sans-serif;letter-spacing:.5px;}
.ng-av-google{background:rgba(66,133,244,0.12);color:#4285F4;}
.ng-item{transition:opacity .2s ease,transform .2s ease;}

/* Trackers card */
.ng-trackers{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:1;}
.ng-card-title{font-size:clamp(14px,1.8vw,21px);font-weight:700;color:var(--navy);margin-bottom:4px;}
.ng-card-sub{font-size:13px;color:var(--muted);}
.ng-tr-title{font-size:13px;font-weight:700;color:var(--navy);letter-spacing:-.2px;flex-shrink:0;}
.ng-tr-chart{flex:1;display:flex;align-items:center;padding:10px 0 6px;}
.ng-tr-chart svg{width:100%;height:auto;display:block;}
.ng-tr-metrics{display:flex;flex-direction:column;flex-shrink:0;}
.ng-tr-row{display:flex;align-items:center;gap:5px;padding:5px 0;border-top:1px solid var(--ice);}
.ng-tr-lbl{font-size:10px;color:var(--muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ng-tr-val{font-size:12px;font-weight:700;color:var(--navy);white-space:nowrap;}
.ng-tr-badge{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;flex-shrink:0;}
.ng-tr-pos{background:rgba(244,124,32,0.12);color:var(--orange);}
.ng-tr-good{background:rgba(24,180,160,0.12);color:#18b4a0;}

/* Statistic card (dotted bg) */
.ng-statistic{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:1;}
.ng-dots-bg{position:absolute;inset:0;background-image:radial-gradient(rgba(4,44,83,0.18) 1px,transparent 1px);background-size:16px 16px;opacity:0.9;}
.ng-target-bg{position:absolute;width:280px;height:280px;bottom:-110px;right:-110px;border-radius:50%;background:radial-gradient(circle,var(--navy) 14%,#fff 14% 28%,var(--orange) 28% 50%,rgba(244,124,32,0.03) 50%);opacity:0.08;pointer-events:none;}
.ng-target-bg-2{position:absolute;width:110px;height:110px;top:-35px;left:-55px;border-radius:50%;background:transparent;border:20px solid rgba(24,95,165,0.13);pointer-events:none;}
.ng-stat-val{font-size:clamp(44px,5.6vw,72px);font-weight:700;color:var(--navy);letter-spacing:-3px;line-height:1;position:relative;z-index:1;}
.ng-stat-lbl{font-size:11px;font-weight:700;letter-spacing:2.5px;color:rgba(4,44,83,0.6);text-transform:uppercase;position:relative;z-index:1;}

/* Focus card */
.ng-focus{display:flex;flex-direction:column;padding:22px 24px;aspect-ratio:1;position:relative;overflow:hidden;}
.ng-focus-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
.ng-focus-hd{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;position:relative;z-index:1;}
.ng-big-pct{font-size:clamp(34px,4.4vw,56px);font-weight:700;letter-spacing:-2px;line-height:1;margin-top:auto;margin-bottom:0;position:relative;z-index:1;background:linear-gradient(to bottom,#042C53 0%,#2a5a8a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.ng-badge{background:rgba(244,124,32,0.1);color:var(--orange);border:1px solid rgba(244,124,32,0.25);border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600;white-space:nowrap;}

.ng-focus-ft{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px;}

/* Productivity card */
.ng-productivity{display:flex;flex-direction:column;justify-content:space-between;padding:22px 24px;aspect-ratio:1;}
.ng-prod-top{}
.ng-prod-num{font-size:clamp(34px,4.5vw,58px);font-weight:700;letter-spacing:-2px;line-height:1;background:linear-gradient(to bottom,#042C53 0%,#2a5a8a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* Shortcuts card */
.ng-shortcuts{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;gap:20px;}
.ng-shortcuts-title{font-size:clamp(18px,2vw,26px);font-weight:700;color:var(--navy);line-height:1.15;letter-spacing:-.4px;}
.ng-shortcuts-num{font-size:clamp(36px,3.8vw,48px);font-weight:700;color:var(--navy);letter-spacing:-2px;line-height:1;}

/* ── Carousel nav ── */
.ng-carousel-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;}
.ng-car-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(4,44,83,0.15);background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;}
.ng-car-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.ng-car-btn i{font-size:18px;}
.ng-car-dots{display:flex;align-items:center;gap:8px;}
.ng-car-dot{width:8px;height:8px;border-radius:50%;border:none;background:rgba(4,44,83,0.18);cursor:pointer;padding:0;transition:background .25s,transform .25s,width .25s;}
.ng-car-dot.active{background:var(--navy);width:24px;border-radius:4px;}
.ng-two-stats{display:flex;align-items:center;flex-shrink:0;}
.ng-stat-pair{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 22px;}
.ng-stat-pair-num{font-size:28px;font-weight:700;color:var(--navy);letter-spacing:-0.5px;line-height:1;}
.ng-stat-pair-lbl{font-size:11px;font-weight:500;color:var(--muted);white-space:nowrap;}
.ng-stat-divider{width:1px;height:36px;background:var(--ice);}

/* Tablet — fluid type scale */
@media(max-width:1024px){
  .ng-stat-val{font-size:58px;}
  .ng-big-pct{font-size:46px;}
  .ng-prod-num{font-size:46px;}
  .ng-card-title{font-size:18px;}
  .ng-shortcuts-num{font-size:40px;}
  .ng-shortcuts-title{font-size:22px;}
  .ng-client-desc{font-size:16px;}
}

/* Mobile */
@media(max-width:768px){
  .ng-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .ng-client{grid-column:1/-1;grid-row:auto;padding:20px;}
  .ng-trackers,.ng-statistic,.ng-focus,.ng-productivity{grid-column:auto;grid-row:auto;}
  .ng-shortcuts{grid-column:1/-1;grid-row:auto;}
  .ng-stat-val{font-size:56px;}
  .ng-big-pct{font-size:42px;}
  .ng-prod-top .ng-card-sub{display:none;}
  .ng-focus .ng-card-sub{display:none;}
  /* ng-client card internals */
  .ng-client-desc{font-size:15px;margin-bottom:10px;}
  .ng-client-mockup{flex:none;min-height:unset;margin:14px -20px 0;}
  .ng-duo-laptop{position:relative;bottom:auto;right:auto;display:block;width:90%;margin-left:auto;}
  .ng-duo-phone{position:absolute;bottom:0;left:3%;width:22%;}
  .ng-client-icon{bottom:16px;padding:6px 12px;}
  .ng-client-logo{height:34px;}
  .ng-letter-logo{height:44px;font-size:18px;padding:0 14px;}
  .ng-review-name{font-size:12px;}
  .ng-review-role{font-size:10px;}
  .ng-review-stars .ti{font-size:14px;}
  .ng-review-avatar{width:32px;height:32px;font-size:11px;}
  .ng-client-footer{padding-top:12px;}
}

/* ── Base card ── */
.bento-card{
  border-radius:12px;
  padding:26px 28px;
  position:relative;
  overflow:hidden;
  opacity:0;
  transform:translateY(18px);
  transition:opacity 0.55s ease,transform 0.55s ease;
  background:#fff;
  box-shadow:0 2px 16px rgba(0,0,0,0.07),0 0 0 0.5px rgba(0,0,0,0.06);
}
.bento-in .bento-card            {opacity:1;transform:translateY(0);}
.bento-in .bc-client             {transition-delay:0s;}
.bento-in .bc-hero               {transition-delay:.10s;}
.bento-in .bc-chart              {transition-delay:.18s;}
.bento-in .bc-stats              {transition-delay:.25s;}
.bento-in .bc-price              {transition-delay:.32s;}
.bento-in .bc-next               {transition-delay:.38s;}

/* ── Grid areas ── */
.bc-client{grid-area:client;}
.bc-hero  {grid-area:hero;}
.bc-chart {grid-area:chart;}
.bc-stats {grid-area:stats;}
.bc-price {grid-area:price;}
.bc-next  {grid-area:next;}

/* ── CLIENT card ── */
.bc-client{}
.bc-logo{height:28px;filter:brightness(0) invert(1);opacity:.88;display:block;margin-bottom:12px;}
.bc-client-loc{font-size:13px;font-weight:400;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;gap:5px;}
.bc-client-tags{display:flex;flex-wrap:wrap;gap:7px;}
.bc-client-tags span{font-size:14px;font-weight:500;background:rgba(55,138,221,0.18);color:#85B7EB;border-radius:6px;padding:4px 10px;display:inline-flex;align-items:center;gap:5px;}
.bc-phone-wrap{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:auto;pointer-events:none;filter:drop-shadow(0 8px 24px rgba(4,44,83,0.55));}
.bc-phone-img{width:300px;height:auto;display:block;}

/* ── HERO card — neon glow ── */
.bc-hero{
  display:flex;flex-direction:column;justify-content:center;
}
.bc-eye-sm{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--muted);margin-bottom:10px;text-transform:uppercase;}
.bc-hero-num{font-size:76px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:6px;letter-spacing:-2px;}
.bc-hero-lbl{font-size:14px;font-weight:300;color:var(--muted);}

/* ── DOT card ── */
.bc-dot{background:linear-gradient(150deg,#091e3a,var(--navy))!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;}
.bc-dot-pip{width:12px;height:12px;background:#40D3F4;border-radius:50%;box-shadow:0 0 0 4px rgba(64,211,244,0.15),0 0 20px rgba(64,211,244,0.6);margin-bottom:20px;position:relative;z-index:2;animation:bcPip 2.5s ease-in-out infinite;}
.bc-dot-ring{position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(64,211,244,0.35);animation:bcRing 2.5s ease-in-out infinite;}
@keyframes bcPip{0%,100%{box-shadow:0 0 0 4px rgba(64,211,244,0.15),0 0 16px rgba(64,211,244,0.5);}50%{box-shadow:0 0 0 8px rgba(64,211,244,0.06),0 0 36px rgba(64,211,244,0.85);}}
@keyframes bcRing{0%,100%{transform:scale(1);opacity:0.5;}50%{transform:scale(1.8);opacity:0;}}
.bc-dot-beam{position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:55%;background:linear-gradient(to bottom,rgba(64,211,244,0.22) 0%,transparent 100%);filter:blur(10px);pointer-events:none;}
.bc-dot-num{font-size:72px;font-weight:700;color:#fff;letter-spacing:-2px;line-height:1;margin-bottom:10px;position:relative;z-index:1;}
.bc-dot-lbl{font-size:12px;font-weight:600;color:rgba(255,255,255,0.3);letter-spacing:2px;text-transform:uppercase;position:relative;z-index:1;}
.bc-corner{position:absolute;width:16px;height:16px;border-color:rgba(64,211,244,0.35);border-style:solid;border-width:0;}
.bc-corner-tl{top:12px;left:12px;border-top-width:1.5px;border-left-width:1.5px;}
.bc-corner-tr{top:12px;right:12px;border-top-width:1.5px;border-right-width:1.5px;}
.bc-corner-bl{bottom:12px;left:12px;border-bottom-width:1.5px;border-left-width:1.5px;}
.bc-corner-br{bottom:12px;right:12px;border-bottom-width:1.5px;border-right-width:1.5px;}

/* ── CHART card ── */
.bc-chart{background:#fff;display:flex;flex-direction:column;}
.bc-chart-hd{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;flex-shrink:0;}
.bc-chart-title{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;}
.bc-chart-bignum{font-size:17px;font-weight:700;color:var(--navy);line-height:1;text-align:right;}
.bc-chart-area{flex:1;min-height:0;position:relative;}
.bc-svg{width:100%;height:100%;display:block;}
.bc-fill{animation:bc-fill-breathe 4s ease-in-out infinite;}
@keyframes bc-fill-breathe{0%,100%{opacity:.8;}50%{opacity:1;}}
.bc-peak-dot{filter:drop-shadow(0 0 5px #185FA5);transition:opacity .25s ease;}
.bc-chart-ft{font-size:13px;font-weight:400;color:var(--muted);flex-shrink:0;padding-top:10px;border-top:1px solid var(--ice);margin-top:6px;}

/* ── STATS card ── */
.bc-stats{background:#fff;display:flex;align-items:stretch;gap:0;padding:22px 0;}
.bc-mini{flex:1;padding:0 24px;display:flex;flex-direction:column;justify-content:center;}
.bc-mini-num{font-size:40px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:4px;}
.bc-mini-lbl{font-size:13px;font-weight:400;color:var(--muted);}
.bc-stat-sep{width:1px;background:var(--ice);flex-shrink:0;margin:12px 0;}

/* ── PRICE card ── */
.bc-price{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border:1px solid var(--ice);}
.bc-price-col{min-width:0;}
.bc-eye-navy{color:var(--muted);}
.bc-price-num{font-size:38px;font-weight:700;color:var(--navy);line-height:1;margin:6px 0 4px;}
.bc-price-sub{font-size:13px;font-weight:300;color:var(--muted);}
.bc-price-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}

/* ── NEXT card — comet border ── */
.bc-next{display:flex;flex-direction:column;justify-content:center;}
.bc-comet-svg{display:none;}
.bc-next-name{font-size:28px;font-weight:700;color:var(--navy);line-height:1;margin:10px 0 5px;}
.bc-next-sub{font-size:14px;font-weight:300;color:var(--muted);margin-bottom:22px;}
.bc-next-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--orange);color:#fff;font-size:13px;font-weight:600;border-radius:6px;text-decoration:none;transition:background .2s;width:fit-content;}
.bc-next-btn:hover{background:#d96b10;}

/* ── Responsive ── */
@media(max-width:768px){
  .bento-sec{padding:56px 20px;}
  .bento-grid{display:flex;flex-direction:column;gap:12px;}
  .bc-phone-wrap{display:none;}
  .bc-hero-num{font-size:56px;}
  .bc-chart-area{min-height:130px;}
  .bc-price{flex-wrap:wrap;}
  .bc-price-arrow{display:none;}
  .bc-price-cta{width:100%;justify-content:center;margin-top:8px;}
}

/* ── Report Card ──────────────────────────────────────────────────────────── */
.rc-sec{padding:72px 24px;}
.rc-inner{max-width:600px;margin:0 auto;}
.rc-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:11px 21px 3px rgba(0,0,0,0.06),14px 27px 7px rgba(0,0,0,0.10),19px 38px 14px rgba(0,0,0,0.13),27px 54px 27px rgba(0,0,0,0.16),39px 78px 50px rgba(0,0,0,0.20),55px 110px 86px rgba(0,0,0,0.26);display:flex;flex-direction:column;}

.rc-header{display:flex;justify-content:space-between;align-items:center;padding:28px 28px 32px;}
.rc-title{font-size:28px;font-weight:700;color:var(--navy);letter-spacing:-0.5px;margin:0;}
.rc-select{background:#F4F4F6;color:var(--navy);font-family:'Sora',sans-serif;font-size:13px;font-weight:600;padding:10px 14px;border-radius:6px;border:none;outline:none;cursor:pointer;}

.rc-funnel-wrap{position:relative;padding:0 28px;}
.rc-funnel-svg{width:100%;height:auto;display:block;}
.rc-funnel-labels{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none;padding:0 28px;}
.rc-fl{flex:1;display:flex;align-items:center;gap:10px;padding-left:8px;}
.rc-fl-name{font-size:12px;font-weight:600;color:rgba(4,44,83,0.45);letter-spacing:0.2px;white-space:nowrap;}
.rc-fl-val{font-size:12px;font-weight:700;color:var(--navy);letter-spacing:-0.3px;}

.rc-main-stats{display:flex;padding:24px 28px 16px;gap:0;}
.rc-stat-blk{flex:1;display:flex;flex-direction:column;gap:6px;}
.rc-sl{font-size:16px;font-weight:400;color:#555;}
.rc-sv{display:flex;align-items:center;gap:10px;}
.rc-sn{font-family:'Sora',sans-serif;font-size:36px;font-weight:700;color:var(--navy);letter-spacing:-1.5px;line-height:1;}
.rc-sc{font-size:13px;color:#9A9AAF;}
.rc-badge{display:inline-flex;align-items:center;gap:2px;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:600;}
.rc-badge-red{background:rgba(232,64,69,0.15);color:#F08083;}
.rc-badge-green{background:rgba(64,229,209,0.15);color:#40E5D1;}

.rc-metrics{display:flex;flex-direction:column;border-top:1px solid #F0F0F4;margin:8px 28px 0;}
.rc-metric{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #F0F0F4;}
.rc-metric:last-child{border-bottom:none;}
.rc-ml{display:flex;align-items:center;gap:8px;font-size:13px;color:#9A9AAF;flex:1;min-width:0;}
.rc-ml svg{flex-shrink:0;}
.rc-ml span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rc-mr{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.rc-mv{font-size:18px;font-weight:700;color:var(--navy);}

/* ── Footer full ──────────────────────────────────────────────────────────── */
.footer-full{
  background:var(--navy);
  padding:52px max(64px, calc((100% - 1280px) / 2)) 0;
  position:relative;
  overflow:hidden;
  border-top:3px solid var(--orange);
}
.footer-deco{
  position:absolute;
  right:-60px;
  top:50%;
  transform:translateY(-50%);
  width:420px;
  height:420px;
  pointer-events:none;
  opacity:1;
}
.footer-inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
  position:relative;
  z-index:1;
}
.footer-brand-col{display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
.footer-logo-img{height:38px;width:auto;display:block;}
.footer-tagline{font-size:13px;font-weight:300;color:rgba(133,183,235,0.55);font-style:italic;margin:0;max-width:220px;line-height:1.5;}
.footer-nav{display:flex;flex-direction:column;gap:10px;align-items:flex-end;}
.footer-nav a{font-size:14px;font-weight:400;color:#85B7EB;text-decoration:none;transition:color .2s;}
.footer-nav a:hover{color:#fff;}
.footer-company{display:flex;flex-direction:column;gap:8px;}
.footer-company-name{font-size:13px;font-weight:600;color:rgba(255,255,255,0.7);margin:0;}
.footer-company-addr{font-size:12px;font-weight:300;color:rgba(133,183,235,0.5);margin:0;line-height:1.6;}
.footer-company-ids{font-size:11px;font-weight:300;color:rgba(133,183,235,0.35);margin:0;line-height:1.7;}
.footer-contact-col{display:flex;flex-direction:column;gap:8px;}
.footer-contact-heading{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin:0;}
.footer-contact-link{font-size:13px;font-weight:400;color:#85B7EB;text-decoration:none;transition:color .2s;}
.footer-contact-link:hover{color:#fff;}
.footer-contact-col .footer-nav{flex-direction:column;gap:6px;align-items:flex-start;margin-top:4px;}
.footer-contact-col .footer-nav a{font-size:13px;}
.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 0 24px;
  margin-top:40px;
  border-top:1px solid rgba(255,255,255,0.07);
  position:relative;
  z-index:1;
  flex-wrap:wrap;
  gap:12px;
}
.footer-copy{font-size:13px;font-weight:300;color:rgba(255,255,255,0.22);}
.footer-cookie-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:400;color:rgba(133,183,235,0.5);font-family:var(--ff);padding:0;transition:color .2s;}
.footer-cookie-btn:hover{color:#85B7EB;}

/* ── Responsive doplnky pre V2 ────────────────────────────────────────────── */
@media (max-width:1024px){
  .sec{padding:64px 40px;}
  .hero-v2{grid-template-columns:55% 45%;}
  .hero-v2-content{padding:60px 32px 60px 40px;}
  .hero-v2-visual{padding:0 24px 0 0;}
  .hero-mockup-img{width:280px;}
  .mockup-phone{width:224px;}
  .principle-sec{padding:72px 32px;}
  .principle-inner{grid-template-columns:1fr;gap:48px;}
  .ps-right{height:320px;}
  .ps-sub{max-width:100%;}
  .price-result-box{max-width:100%;}
  .trust-strip{padding:20px 32px;}
  .seg-strip{padding:20px 32px;}
  .footer-full{padding:40px 32px 0;}
  .footer-deco{width:300px;height:300px;right:-40px;}
}
@media (max-width:768px){
  .sec{padding:56px 24px;}
  .s-sub{margin-bottom:32px;}
  .hero-v2{grid-template-columns:1fr;}
  .hero-v2-content{padding:48px 20px 28px;order:1;}
  .hero-v2-visual{order:2;padding:0 20px 0;justify-content:center;}
  .hero-mockup-img{width:260px;}
  .mockup-phone{width:248px;}
  .trust-strip{padding:18px 20px;}
  .trust-strip-stat{margin-left:0;}
  .prob-item{padding:18px 20px;gap:14px;}
  .prob-content{font-size:14px;}
  .principle-sec{padding:56px 20px;}
  .ps-two-col{grid-template-columns:1fr;gap:32px;}
  .ps-right{height:260px;}
  .why-sec{padding:56px 20px 56px;overflow:hidden;}
  .orbit-wrap{margin-left:calc(50% - 250px);margin-right:auto;transform:scale(0.62);transform-origin:top center;margin-bottom:-100px;}
  .perf-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .seg-strip{padding:16px 20px;}
  .seg-strip-inner{flex-direction:column;align-items:flex-start;gap:14px;}
  .price-result-box{grid-template-columns:1fr;}
  .prb-arrow{padding:14px;border-left:none;border-right:none;border-top:1.5px solid var(--ice);border-bottom:1.5px solid var(--ice);}
  .prb-arrow i{transform:rotate(90deg);}
  .prb-num{font-size:34px;}
  .prb-num--orange{font-size:28px;}
  .price-result-cta{flex-direction:column;align-items:flex-start;gap:10px;}
  .footer-full{padding:36px 20px 0;}
  .footer-inner{flex-direction:column;gap:24px;}
  .footer-nav{flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:12px 20px;}
  .footer-deco{width:200px;height:200px;right:-20px;top:auto;bottom:-30px;transform:none;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;}
}
@media (max-width:480px){
  .sec{padding:44px 20px;}
  .hero-h1{font-size:26px;}
  .mockup-phone{width:236px;}
  .ps-heading{letter-spacing:-0.5px;font-size:32px;}
  .prob-content{font-size:13px;}
  .marquee-sec{padding:40px 0;}
  .mq-card{width:120px;height:120px;}
  .mq-icon{width:46px;height:46px;}
  .mq-icon i{font-size:22px;}
}
@media (max-width:430px){
  /* nav */
  .nav{padding:0 16px;}
  /* hero */
  .hero-v2-content{padding:36px 16px 24px;}
  .hero-v2-visual{padding:0 16px 32px;justify-content:center;}
  .hero-mockup-img{width:220px;}
  /* principle */
  .principle-sec{padding:44px 16px;}
  .ps-heading{font-size:28px;}
  /* orbit */
  .orbit-wrap{transform:scale(0.68);margin-bottom:-100px;margin-left:calc(50% - 250px);margin-right:auto;}
  /* bento */
  .ng-stat-val{font-size:44px;}
  .ng-big-pct{font-size:34px;}
  .ng-prod-num{font-size:38px;}
  .ng-shortcuts-num{font-size:36px;}
  .ng-shortcuts-title{font-size:20px;}
  .ng-card-title{font-size:17px;}
  /* stat boxes: stack at very small screens */
  .ng-trackers,.ng-statistic{grid-column:1/-1;aspect-ratio:auto;height:100px;}
  /* ng-client very small */
  .ng-client{padding:16px;}
  .ng-client-desc{font-size:13px;}
  .ng-client-mockup{margin:10px -16px 0;}
  .ng-duo-laptop{width:92%;}
  .ng-duo-phone{width:24%;left:2%;}
  .ng-client-icon{bottom:12px;padding:5px 10px;}
  .ng-client-logo{height:26px;}
  .ng-letter-logo{height:36px;font-size:14px;padding:0 10px;}
  /* perf grid: 1 column on very small */
  .perf-grid{grid-template-columns:1fr;}
  /* contact */
  .contact-sec{padding:40px 16px;}
}
/* ════════════════════════════════════════════
   HOW IT WORKS
   ════════════════════════════════════════════ */
.how-works-sec{padding:0;}

/* Shared header */
.hw-wrap{max-width:1200px;margin:0 auto;padding:72px 64px;}
.hw-hdr{margin-bottom:72px;}
.hw-hdr--center{text-align:center;}
.hw-sub{font-size:15px;font-weight:300;color:var(--muted);max-width:560px;margin:12px auto 0;line-height:1.7;}

/* ── Illustration entry animations ── */
.il1-avl,.il1-avr,.il1-bbl,.il1-bbr,
.il2-shadow,.il2-frame,.il2-chrome,.il2-hero,.il2-text,
.il3-phone,.il3-ui,.il3-w,
.il4-ntb,.il4-ntm,.il4-bell,.il4-badge{
  transform-box:fill-box;transform-origin:center;
}
/* hidden initial states */
.il1-avl,.il1-avr{opacity:0;transform:scale(0);}
.il1-bbl{opacity:0;transform:translateY(-8px);}
.il1-bbr{opacity:0;transform:translateY(8px);}
.il2-shadow,.il2-frame{opacity:0;}
.il2-chrome{opacity:0;transform:translateY(-8px);}
.il2-hero{opacity:0;transform:translateY(6px);}
.il2-text{opacity:0;}
.il3-phone{transform:scaleX(1.85) scaleY(0.36);opacity:0;}
.il3-ui{opacity:0;}
.il3-w{opacity:0;}
.il4-ntb{opacity:0;transform:translateY(14px);}
.il4-ntm{opacity:0;transform:translateY(10px);}
.il4-bell{opacity:0;transform:scale(0);}
.il4-badge{opacity:0;transform:scale(0);}

@keyframes il-bounce{
  0%  {opacity:0;transform:scale(0);}
  55% {transform:scale(1.22);opacity:1;}
  75% {transform:scale(0.93);}
  100%{transform:scale(1);opacity:1;}
}
@keyframes il-fade-up{
  from{opacity:0;transform:translateY(10px);}
  to  {opacity:1;transform:translateY(0);}
}
@keyframes il-fade-dn{
  from{opacity:0;transform:translateY(-8px);}
  to  {opacity:1;transform:translateY(0);}
}
@keyframes il-fade{
  from{opacity:0;}to{opacity:1;}
}
@keyframes il-phone-morph{
  from{opacity:0;transform:scaleX(1.85) scaleY(0.36);}
  12% {opacity:1;transform:scaleX(1.85) scaleY(0.36);}
  60% {opacity:1;transform:scaleX(0.96) scaleY(1.03);}
  80% {opacity:1;transform:scaleX(1.02) scaleY(0.98);}
  to  {opacity:1;transform:scaleX(1) scaleY(1);}
}
@keyframes il-wave-pulse{
  0%  {opacity:0;}
  25% {opacity:1;}
  75% {opacity:1;}
  100%{opacity:0;}
}
@keyframes il-wave-stay{
  0%  {opacity:0;}
  35% {opacity:1;}
  100%{opacity:1;}
}

/* Card 01 — avatars bounce, then bubbles slide */
.enc2-card.il-play .il1-avl{animation:il-bounce .65s cubic-bezier(.34,1.56,.64,1) .07s both;}
.enc2-card.il-play .il1-avr{animation:il-bounce .65s cubic-bezier(.34,1.56,.64,1) .3s  both;}
.enc2-card.il-play .il1-bbl{animation:il-fade-dn .5s ease-out .6s  both;}
.enc2-card.il-play .il1-bbr{animation:il-fade-up .5s ease-out .82s both;}

/* Card 02 — web builds up */
.enc2-card.il-play .il2-shadow{animation:il-fade    .35s ease-out .07s both;}
.enc2-card.il-play .il2-frame {animation:il-fade-up .4s  ease-out .16s both;}
.enc2-card.il-play .il2-chrome{animation:il-fade-dn .4s  ease-out .37s both;}
.enc2-card.il-play .il2-hero  {animation:il-fade-up .42s ease-out .62s both;}
.enc2-card.il-play .il2-text  {animation:il-fade    .4s  ease-out .88s both;}

/* Card 03 — phone morphs, UI builds, waves emit then settle */
.enc2-card.il-play .il3-phone{animation:il-phone-morph .85s cubic-bezier(.34,1.4,.64,1) .07s both;}
.enc2-card.il-play .il3-ui   {animation:il-fade    .45s ease-out .85s both;}
.enc2-card.il-play .il3-wr1  {animation:il-wave-pulse 1.3s ease-out 1.3s  both;}
.enc2-card.il-play .il3-wl1  {animation:il-wave-pulse 1.3s ease-out 1.44s both;}
.enc2-card.il-play .il3-wr2  {animation:il-wave-pulse 1.3s ease-out 1.7s  both;}
.enc2-card.il-play .il3-wl2  {animation:il-wave-pulse 1.3s ease-out 1.82s both;}
.enc2-card.il-play .il3-wr3  {animation:il-wave-stay 1.55s ease-out 2.1s forwards;}
.enc2-card.il-play .il3-wl3  {animation:il-wave-stay 1.55s ease-out 2.2s forwards;}

/* Card 04 — notifications assemble */
.enc2-card.il-play .il4-ntm  {animation:il-fade-up .5s  ease-out .07s both;}
.enc2-card.il-play .il4-bell {animation:il-bounce  .58s cubic-bezier(.34,1.56,.64,1) .46s both;}
.enc2-card.il-play .il4-badge{animation:il-bounce  .52s cubic-bezier(.34,1.56,.64,1) .72s both;}
.enc2-card.il-play .il4-ntb  {animation:il-fade-up .5s  ease-out .94s both;}

/* ── AKO TO FUNGUJE: enc2 (SVG illustrations) ── */
.how-v2{background:#fafbff;}
.enc2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.enc2-card{padding:0 28px 0;text-align:left;border-right:1px solid var(--ice);}
.enc2-card:last-child{border-right:none;}
.enc2-illo{width:100%;height:auto;display:block;margin-bottom:24px;}
.enc2-card h3{font-size:16px;font-weight:700;color:var(--navy);margin:0 0 10px;}
.enc2-card p{font-size:13px;font-weight:300;color:var(--muted);line-height:1.7;margin:0;}

/* ── HOW-WORKS RESPONSIVE ── */
@media (max-width:768px){
  .hw-wrap{padding:40px 20px;}
  .enc2-grid{grid-template-columns:1fr 1fr;}
  .enc2-card{border-right:none;border-bottom:1px solid var(--ice);padding:28px 20px 24px;}
  .enc2-card:nth-child(odd){border-right:1px solid var(--ice);}
  .enc2-card:nth-child(3),.enc2-card:nth-child(4){border-bottom:none;}
}
@media (max-width:480px){
  .enc2-grid{grid-template-columns:1fr;}
  .enc2-card{border-right:none !important;border-bottom:1px solid var(--ice);}
  .enc2-card:last-child{border-bottom:none;}
}

/* ── Scroll reveal (load-in) ──────────────────────────────────────────────── */
@media (prefers-reduced-motion: no-preference){
  .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;}
  .reveal.reveal-in{opacity:1;transform:translateY(0);}
}