*{box-sizing:border-box}
:root{
  --ink:#101a35;
  --muted:#75829c;
  --line:#e6eaf2;
  --primary:#5e4df5;
  --primary2:#6b45f4;
  --bg:#f6f9fd;
}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans Georgian",sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.container{width:min(1400px,calc(100% - 56px));margin:0 auto}

/* Header */
.header{height:72px;background:rgba(255,255,255,.98);border-bottom:1px solid #e7ebf3;position:sticky;top:0;z-index:100}
.nav-wrap{height:100%;display:flex;align-items:center}
.logo-link{width:196px;height:56px;display:flex;align-items:center;overflow:hidden}
.logo-link img{width:186px;height:auto;display:block}
.nav{display:flex;gap:30px;margin-left:34px}
.nav a{font-size:14px;color:#66718a}
.nav a.active{color:#3e46df;font-weight:700}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;font-weight:700;transition:.2s}
.btn:hover{transform:translateY(-1px)}
.btn-login{height:40px;min-width:74px;border:1px solid #dce2ec;background:#fff}
.btn-primary{height:42px;min-width:150px;padding:0 18px;color:#fff;background:linear-gradient(135deg,#674cf7,#5937ee);box-shadow:0 7px 18px rgba(78,62,221,.2)}

/* ენის გადამრთველი (KA/EN dropdown) — სტუმრებისთვისაც მუშაობს,
   session-ზე დაფუძნებული (2026-09, LocaleController). header-ისა და
   footer-ის ორივე ინსტანციისთვის საერთო. */
.lang-wrap{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#4b5770;font-size:13px;padding:8px;cursor:pointer;font-family:inherit;border-radius:8px}
.lang-btn:hover{background:#f2f3fa}
.lang-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background:#fff;border:1px solid #e6eaf2;border-radius:10px;box-shadow:0 16px 30px rgba(16,26,53,.12);padding:6px;z-index:200}
.lang-menu.show{display:block}
.lang-menu-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:transparent;color:#33415c;font-size:13px;padding:9px 10px;border-radius:7px;cursor:pointer;font-family:inherit;text-align:left}
.lang-menu-opt:hover{background:#f4f5fb}
.lang-menu-opt.active{color:#4738d8;font-weight:700}
.lang-check{color:#4738d8;font-size:12px}
.lang-menu-footer{top:auto;bottom:calc(100% + 8px)}
.lang-btn-footer{color:#667289}

/* Mobile nav toggle (hamburger) — 2026-09, დესკტოპზე დამალული,
   მხოლოდ ≤900px-ზე ჩნდება, რადგან .nav ამ სიგანეზე იმალება. */
.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;border:0;background:transparent;cursor:pointer;padding:0;margin-left:10px}
.nav-toggle span{display:block;width:22px;height:2px;background:#2a3350;border-radius:2px;transition:.2s}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Hero */
.hero{overflow:hidden;background:linear-gradient(90deg,#fbfdff,#fff 50%,#f8fbff)}
.hero-grid{min-height:440px;display:grid;grid-template-columns:44% 56%}
.hero-copy{padding:50px 0 34px 8px}
.pill{display:inline-flex;align-items:center;background:#eeecff;color:#3b4de7;padding:9px 15px;border-radius:999px;font-size:13px;font-weight:600}
.hero h1{font-family:Arial,sans-serif;font-size:58px;line-height:.98;letter-spacing:-2.4px;margin:26px 0 9px;color:#0c1429}
.hero h1 span{background:linear-gradient(90deg,#5c54ed,#8c62f3);-webkit-background-clip:text;color:transparent}
.hero h2{font-size:22px;letter-spacing:-.5px;margin:0 0 17px}
.hero p{font-size:15px;line-height:1.75;color:#7d879d;margin:0}
.hero-buttons{display:flex;gap:13px;margin-top:25px}
.hero-start{height:48px;min-width:155px;color:#fff;background:linear-gradient(135deg,#6571fb,#5940f2);box-shadow:0 12px 24px rgba(76,62,221,.2)}
.hero-start span{font-size:20px;margin-left:6px;font-weight:400}
.hero-video{height:48px;min-width:150px;border:1px solid #d8ddf4;background:#fff;color:#4f4bd7}
.hero-video i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eeeefe;font-style:normal;font-size:9px}
.hero-checks{display:flex;gap:18px;margin-top:20px;color:#6e7c95;font-size:12px}
.hero-checks span{display:flex;align-items:center;gap:6px}
.hero-checks b{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#37bd86;color:#fff;font-size:10px}
.hero-art{height:440px;overflow:hidden;position:relative}
.hero-art:before{content:"";position:absolute;left:0;top:0;bottom:0;width:42px;background:linear-gradient(90deg,#fff,transparent);z-index:2}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}

/* trust strip (გენერიკული ტექსტი — ლოგოების გარეშე) */
.trust-strip{height:84px;background:#fff;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:center}
.trust-strip span{font-size:13px;font-weight:700;color:#8a93a8;letter-spacing:.2px}

/* features */
.feature-section{padding:22px 0 56px;scroll-margin-top:88px}
.feature-panel{background:linear-gradient(180deg,#f5f8fc,#fbfdff);border:1px solid #edf0f5;border-radius:14px;padding:24px 18px 20px}
.feature-panel-top{display:flex;justify-content:space-between;align-items:center}
.feature-panel-top>a{color:#4e49e9;font-size:12px;font-weight:700}
.feature-panel>h2{text-align:center;font-size:22px;margin:-1px 0 18px}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature-card{min-height:165px;background:#fff;border:1px solid #e9edf4;border-radius:10px;padding:18px 15px;box-shadow:0 8px 22px rgba(25,36,66,.025)}
.icon{width:46px;height:46px;border-radius:10px;display:grid;place-items:center}
.icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon.purple{background:#eeeaff;color:#584cf4}.icon.green{background:#e9faf3;color:#19b97b}.icon.orange{background:#fff2dc;color:#fa981b}.icon.pink{background:#ffedf5;color:#e93d7d}
.feature-card h3{font-size:15px;margin:14px 0 6px}
.feature-card p{font-size:13px;line-height:1.65;color:#78849d;margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px}
.stats>div{text-align:center;border-right:1px solid #dfe4ed;padding:0 10px}
.stats>div:last-child{border-right:0}
.stats strong{font-family:Arial,sans-serif;display:block;color:#2e32d4;font-size:30px}
.stats span{display:block;color:#75819a;font-size:13px;margin-top:8px}

/* video/business */
.business{padding:54px 0 60px}
.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.video-card{height:410px;border-radius:8px;overflow:hidden;position:relative;background:#111;cursor:pointer}
.video-card>img{width:100%;height:100%;object-fit:cover}
.big-play{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:3px solid #fff;background:rgba(13,18,28,.38);color:#fff;font-size:28px;padding-left:6px}
.video-caption{position:absolute;left:0;right:0;bottom:0;height:68px;background:linear-gradient(transparent,rgba(8,11,18,.84));display:flex;align-items:center;gap:10px;padding:18px}
.video-caption>span{width:36px;height:36px;border-radius:8px;background:#56e0d0;display:grid;place-items:center;color:#0e6870}
.video-caption b,.video-caption small{display:block;color:#fff;font-size:13px}.video-caption small{margin-top:2px;color:#e4e6eb}
.business-copy{padding-right:18px}
.business-copy h2{font-size:30px;line-height:1.25;letter-spacing:-.7px;margin:14px 0 11px}
.business-copy>p{font-size:14px;line-height:1.7;color:#737f98;margin:0 0 16px}
.benefit{display:flex;gap:14px;align-items:center;margin:14px 0}
.benefit-icon{width:46px;height:46px;border-radius:9px;display:grid;place-items:center;font-size:20px;flex:none}
.benefit-icon.yellow{background:#fff6d9;color:#f0b500}.benefit-icon.blue{background:#edf3ff;color:#3c78f1}.benefit-icon.mint{background:#eafbf3;color:#1db87b}
.benefit h3{font-size:14px;margin:0 0 3px}.benefit p{font-size:13px;color:#79859b;margin:0}
.more-btn{height:46px;margin-top:8px;border:1px solid #d7d7f5;background:#fff;color:#4748e4;padding:0 20px}
.more-btn span{font-size:18px;margin-left:8px}

/* Testimonials (გენერიკული, ლოგოების გარეშე — ინიციალების ავატარით) */
.testimonials{background:linear-gradient(180deg,#f3f9ff,#f8fbff);padding:32px 0 42px}
.testi-top{display:flex;justify-content:space-between;align-items:center}
.arrows{display:flex;gap:7px}.arrows button{width:30px;height:30px;border-radius:50%;border:1px solid #e1e6ef;background:#fff;color:#7c879d;cursor:pointer;font-family:inherit}
.testimonials h2{text-align:center;font-size:22px;margin:-2px 0 18px}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.testi-grid article{min-height:168px;background:#fff;border:1px solid #ebeff5;border-radius:9px;padding:17px;box-shadow:0 8px 22px rgba(20,31,61,.03)}
.testi-grid article>p{font-size:13px;color:#68758d;line-height:1.7;margin:0 0 19px}
.customer{display:flex;align-items:center;gap:10px}
.customer-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;flex:0 0 34px}
.customer-avatar.violet{background:linear-gradient(145deg,#6f5cf7,#4934d8)}
.customer-avatar.blue{background:linear-gradient(145deg,#4d8bf7,#2c5fd8)}
.customer-avatar.green{background:linear-gradient(145deg,#2fbf8f,#1a9a6f)}
.customer span b,.customer span small{display:block;font-size:12px}.customer span small{color:#7a869c;margin-top:2px}

/* CTA */
.cta{padding:36px 0 40px}
.cta-box{min-height:175px;border-radius:15px;background:linear-gradient(115deg,#3470fb,#6047f3 56%,#7a4ff2);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:30px 32px;box-shadow:0 18px 35px rgba(71,61,206,.2)}
.cta-box>div:first-child>span{font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12)}
.cta-box h2{font-size:28px;line-height:1.25;margin:12px 0 6px}.cta-box p{font-size:13px;color:#e8e7ff;margin:0}
.cta-action{text-align:center}.cta-action .btn{height:48px;min-width:220px;background:#fff;color:#4d4ce6;font-size:14px}.cta-action .btn span{font-size:19px;margin-left:9px}.cta-action small{display:block;font-size:12px;margin-top:8px;color:#e7e7ff}

/* Footer */
.footer{background:#fff;padding:36px 0 20px;border-top:1px solid #eef1f5;scroll-margin-top:24px}
.footer-main{display:grid;grid-template-columns:1.6fr .85fr .85fr 1fr;gap:48px}
.footer-about img{width:165px;height:auto;display:block}
.footer-about p{font-size:12px;line-height:1.65;color:#6f7b92;max-width:260px;margin:12px 0}
.socials{display:flex;gap:8px}.socials a{width:24px;height:24px;border-radius:4px;background:#56637d;color:#fff;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:11px;font-weight:700}
.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h3{font-size:13px;margin:0 0 3px}.footer-col a{font-size:12px;color:#6f7b91}
.footer-bottom{border-top:1px solid #e5e8ee;margin-top:23px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;color:#7b8699;font-size:11px}
.footer-bottom>div{display:flex;align-items:center;gap:25px}.footer-bottom button{border:0;background:transparent;color:#667289;font-size:12px;cursor:pointer;font-family:inherit}

/* Video lightbox (business-სექციის video-card, 2026-09) */
.video-modal{display:none;position:fixed;inset:0;background:rgba(9,12,20,.86);z-index:1000;align-items:center;justify-content:center;padding:24px}
.video-modal.show{display:flex}
.video-modal-inner{width:min(920px,100%)}
.video-modal-close{display:block;margin:0 0 10px auto;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:16px;cursor:pointer}
.video-modal-close:hover{background:rgba(255,255,255,.22)}
.video-modal-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 25px 60px rgba(0,0,0,.4)}
.video-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Responsive */
@media(max-width:900px){
  .nav-toggle{display:flex}
  .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;margin-left:0;background:#fff;border-bottom:1px solid #e7ebf3;box-shadow:0 16px 30px rgba(16,26,53,.08);display:none;padding:6px 0}
  .nav.show{display:flex}
  .nav a{padding:15px 22px;font-size:15px;border-top:1px solid #f1f3f8}
  .nav a:first-child{border-top:0}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{text-align:center}
  .hero-buttons,.hero-checks{justify-content:center}
  .hero-art{height:520px}
  .features-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .container{width:min(100% - 24px,1400px)}
  .header{height:68px}.logo-link{width:176px}.logo-link img{width:164px}
  .lang-wrap-header,.btn-login{display:none}.btn-primary{min-width:auto;padding:0 12px}
  .hero-copy{padding:38px 0 25px}.hero h1{font-size:44px}.hero h2{font-size:20px}.hero p{font-size:14px}
  .hero-buttons{flex-direction:column}.hero-start,.hero-video{width:100%}
  .hero-checks{flex-wrap:wrap}
  .hero-art{height:340px}.hero-art img{object-position:25% top}
  .trust-strip{height:68px}
  .feature-panel>h2{text-align:left;margin:15px 0}.feature-panel-top>a{display:none}
  .features-grid,.stats,.business-grid,.testi-grid,.footer-main{grid-template-columns:1fr}
  .stats>div{border-right:0;border-bottom:1px solid #e0e5ed;padding:13px}
  .video-card{height:340px}.business-copy{padding:0}
  .testimonials h2{text-align:left;margin-top:15px}
  .cta-box{display:block;padding:25px}.cta-action{text-align:left;margin-top:23px}.cta-action .btn{width:100%}
  .footer-main{gap:25px}.footer-bottom{display:block}.footer-bottom>div{margin-top:12px;gap:14px;flex-wrap:wrap}
}
