:root{
      --sky:#0ea5e9;
      --sky-strong:#0284c7;
      --sky-soft:#e8f7ff;
      --navy:#102a3a;
      --ink:#102330;
      --muted:#667784;
      --line:#dcecf4;
      --white:#ffffff;
      --shadow:0 26px 80px rgba(14,165,233,.16);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      min-height:100vh;
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at 82% 24%, rgba(14,165,233,.10), transparent 27rem),
        radial-gradient(circle at 10% 86%, rgba(14,165,233,.055), transparent 24rem),
        #fff;
      overflow-x:hidden;
    }

    a{color:inherit;text-decoration:none}
    button{font:inherit}

    .site-shell{min-height:100vh;position:relative;isolation:isolate}
    .site-shell::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-2;
      pointer-events:none;
      background-image:linear-gradient(rgba(14,165,233,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.035) 1px,transparent 1px);
      background-size:48px 48px;
      mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 76%);
    }

    .container{width:min(1240px,calc(100% - 48px));margin:0 auto}

    .navbar{
      height:92px;
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      gap:34px;
      border-bottom:1px solid rgba(16,42,58,.07);
    }

    .brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}
    .brand-mark{
      width:39px;height:39px;border-radius:12px;
      display:grid;place-items:center;
      background:linear-gradient(145deg,var(--sky),#56c9f3);
      box-shadow:0 10px 26px rgba(14,165,233,.24);
      position:relative;overflow:hidden;
    }
    .brand-mark::after{content:"";width:18px;height:18px;border:5px solid #fff;border-left-color:transparent;border-radius:50%;transform:rotate(-24deg)}
    .brand-name{display:flex;flex-direction:column;line-height:.9}
    .brand-name strong{font-size:25px;letter-spacing:.14em;font-weight:850;color:var(--navy)}
    .brand-name small{margin-top:7px;font-size:8.5px;letter-spacing:.31em;color:var(--sky-strong);font-weight:800}

    .nav-links{display:flex;align-items:center;justify-content:center;gap:34px}
    .nav-link{
      position:relative;
      font-size:14.5px;
      font-weight:650;
      color:#526570;
      padding:10px 0;
      transition:.22s ease;
    }
    .nav-link:hover,.nav-link.active{color:var(--navy)}
    .nav-link::after{
      content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:999px;
      background:var(--sky);transform:scaleX(0);transition:transform .22s ease;
    }
    .nav-link:hover::after,.nav-link.active::after{transform:scaleX(1)}

    .nav-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}
    .lang-switch{
      height:40px;display:flex;align-items:center;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px)
    }
    .lang-btn{border:0;background:transparent;color:#71818b;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:800;transition:.2s ease}
    .lang-btn.active{background:var(--sky-soft);color:var(--sky-strong)}

    .menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer;place-items:center}
    .menu-toggle span,.menu-toggle::before,.menu-toggle::after{content:"";display:block;width:18px;height:2px;background:var(--navy);border-radius:99px;transition:.2s}
    .menu-toggle::before{transform:translateY(-5px)}
    .menu-toggle::after{transform:translateY(5px)}

    .hero{
      min-height:calc(100vh - 92px);
      display:grid;
      grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);
      align-items:center;
      gap:18px;
      padding:58px 0 76px;
    }

    .hero-copy{position:relative;z-index:3;padding:12px 0 18px}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--sky-strong);font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px}
    .eyebrow::before{content:"";width:32px;height:2px;background:var(--sky);border-radius:99px}

    .hero-wordmark{margin:0;font-size:clamp(66px,8.2vw,118px);line-height:.78;letter-spacing:-.065em;font-weight:900;color:var(--navy)}
    .hero-wordmark span{color:var(--sky)}
    .hero-company{margin:21px 0 0;font-size:13px;font-weight:800;letter-spacing:.26em;color:#7b8b95;text-transform:uppercase}
    .hero-title{margin:31px 0 17px;max-width:640px;font-size:clamp(27px,3vw,44px);line-height:1.12;letter-spacing:-.035em;font-weight:760;color:#183443}
    .hero-title em{font-style:normal;color:var(--sky-strong)}
    .hero-text{margin:0;max-width:615px;font-size:17px;line-height:1.8;color:var(--muted)}

    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
    .cta{min-height:50px;padding:0 21px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:800;transition:.23s ease;cursor:pointer}
    .cta-primary{color:#fff;background:linear-gradient(135deg,var(--sky),var(--sky-strong));box-shadow:0 14px 30px rgba(14,165,233,.23)}
    .cta-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(14,165,233,.30)}
    .cta-secondary{border:1px solid var(--line);background:rgba(255,255,255,.78);color:var(--navy)}
    .cta-secondary:hover{border-color:#abdff6;background:#fff;transform:translateY(-2px)}
    .arrow{font-size:18px;line-height:1;transition:transform .2s}
    .cta:hover .arrow{transform:translateX(3px)}

    .hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
    .hero-tag{padding:8px 11px;border-radius:999px;background:#f8fcfe;border:1px solid #e2f1f7;font-size:12px;font-weight:700;color:#60747f}
    .hero-tag::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sky);margin-right:7px;vertical-align:1px}

    .hero-visual{position:relative;min-height:590px;display:grid;place-items:center;perspective:1200px;z-index:2}
    .orb{position:absolute;width:min(500px,91%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 8%,#eaf8ff 37%,#d8f2fd 65%,rgba(216,242,253,.2) 73%,transparent 74%);filter:drop-shadow(0 30px 55px rgba(14,165,233,.12))}
    .orb::before,.orb::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(14,165,233,.18);inset:-22px}
    .orb::after{inset:-56px;border-color:rgba(14,165,233,.09)}

    .dot-field{position:absolute;width:120px;height:120px;right:3%;top:10%;opacity:.38;background-image:radial-gradient(var(--sky) 1.25px,transparent 1.25px);background-size:12px 12px;mask-image:radial-gradient(circle,#000 35%,transparent 76%)}
    .float-pill{position:absolute;z-index:4;padding:10px 14px;border-radius:14px;border:1px solid rgba(14,165,233,.14);background:rgba(255,255,255,.78);backdrop-filter:blur(12px);box-shadow:0 13px 35px rgba(16,42,58,.08);font-size:11px;font-weight:800;letter-spacing:.08em;color:#4e6978;text-transform:uppercase;animation:pillFloat 5s ease-in-out infinite}
    .pill-one{left:4%;top:24%}
    .pill-two{right:4%;top:31%;animation-delay:-1.4s}
    .pill-three{left:7%;bottom:22%;animation-delay:-2.6s}
    .pill-four{right:3%;bottom:16%;animation-delay:-3.5s}
    .float-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sky);margin-right:7px}

    .product-stage{
      --rx:0deg;--ry:0deg;
      position:relative;
      z-index:3;
      width:min(625px,109%);
      transform-style:preserve-3d;
      transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,0,32px);
      transition:transform .12s ease-out;
      animation:stageFloat 5.5s ease-in-out infinite;
      will-change:transform;
    }
    .product-stage img{
      display:block;width:100%;height:auto;
      filter:drop-shadow(0 32px 32px rgba(25,59,74,.18)) drop-shadow(0 9px 11px rgba(14,165,233,.09));
      user-select:none;-webkit-user-drag:none;
      transform:translateZ(36px);
    }
    .product-stage::after{content:"";position:absolute;z-index:-1;left:17%;right:13%;bottom:5%;height:9%;border-radius:50%;background:rgba(17,62,80,.16);filter:blur(24px);transform:translateZ(-18px)}

    .scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#8b9ca6;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}
    .scroll-cue::after{content:"";width:1px;height:26px;background:linear-gradient(var(--sky),transparent)}

    .mobile-menu{display:none}

    @keyframes stageFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
    @keyframes pillFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

    html[dir="rtl"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
    html[dir="rtl"] .nav-links{direction:rtl}
    html[dir="rtl"] .hero-copy{text-align:right}
    html[dir="rtl"] .eyebrow{letter-spacing:0}
    html[dir="rtl"] .hero-company{letter-spacing:.06em}
    html[dir="rtl"] .hero-tag::before,html[dir="rtl"] .float-pill i{margin-right:0;margin-left:7px}
    html[dir="rtl"] .cta:hover .arrow{transform:translateX(-3px)}

    @media (max-width:1020px){
      .nav-links{gap:22px}
      .hero{grid-template-columns:1fr 1fr;gap:4px}
      .hero-visual{min-height:520px}
      .float-pill{
        display:flex;
        align-items:center;
        padding:7px 10px;
        border-radius:11px;
        font-size:9px;
        letter-spacing:.05em;
        animation:none;
      }
      .pill-one{left:3%;top:auto;bottom:18%}
      .pill-two{right:3%;top:auto;bottom:18%}
      .pill-three{left:3%;bottom:7%}
      .pill-four{right:3%;bottom:7%}
    }

    @media (max-width:820px){
      .container{width:min(100% - 30px,1240px)}
      .navbar{grid-template-columns:auto 1fr auto;height:78px}
      .nav-links{display:none}
      .menu-toggle{display:grid}
      .nav-actions{gap:8px}
      .hero{min-height:auto;grid-template-columns:1fr;padding:62px 0 36px;text-align:center}
      .hero-copy{display:flex;flex-direction:column;align-items:center}
      .hero-text,.hero-title{max-width:690px}
      .hero-actions,.hero-tags{justify-content:center}
      .hero-visual{min-height:500px;margin-top:8px}
      .product-stage{width:min(590px,96vw)}
      .scroll-cue{display:none}
      .mobile-menu{
        display:none;position:absolute;left:15px;right:15px;top:78px;z-index:20;padding:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(16,42,58,.12)
      }
      .mobile-menu.open{display:grid}
      .mobile-menu a{padding:13px 12px;border-radius:10px;font-weight:700;color:#536773}
      .mobile-menu a:hover{background:var(--sky-soft);color:var(--sky-strong)}
      html[dir="rtl"] .hero-copy{text-align:center}
    }

    @media (max-width:520px){
      .brand-mark{width:36px;height:36px}
      .brand-name strong{font-size:21px}.brand-name small{font-size:7.5px}
      .lang-switch{height:36px}.lang-btn{padding:6px 8px;font-size:11px}
      .menu-toggle{width:38px;height:38px}
      .hero{padding-top:42px}
      .eyebrow{margin-bottom:20px;font-size:10.5px}
      .hero-wordmark{font-size:67px}
      .hero-company{font-size:10px;margin-top:18px}
      .hero-title{margin-top:25px;font-size:28px}
      .hero-text{font-size:15px;line-height:1.72}
      .hero-actions{width:100%}.cta{flex:1;min-width:145px;padding:0 14px}
      .hero-tags{gap:7px}.hero-tag{font-size:10.5px;padding:7px 9px}
      .hero-visual{min-height:355px;margin-top:0}
      .dot-field{display:none}
      .orb{width:87vw}
      .product-stage{width:111vw;margin-left:-5vw}
    }

    @media (prefers-reduced-motion:reduce){
      *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
    }

    /* ===== Our Products — vertical layout ===== */
    .products-section{
      position:relative;
      padding:110px 0 120px;
      background:
        radial-gradient(circle at 88% 8%,rgba(14,165,233,.10),transparent 28rem),
        linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
      border-top:1px solid rgba(16,42,58,.06);
      overflow:hidden;
    }
    .products-section::before{
      content:"";
      position:absolute;
      left:-150px;top:210px;
      width:360px;height:360px;border-radius:50%;
      border:1px solid rgba(14,165,233,.10);
      box-shadow:0 0 0 42px rgba(14,165,233,.025),0 0 0 84px rgba(14,165,233,.018);
      pointer-events:none;
    }
    .section-head{
      display:grid;
      grid-template-columns:1fr minmax(320px,520px);
      align-items:end;
      gap:40px;
      margin-bottom:50px;
    }
    .section-kicker{
      display:flex;align-items:center;gap:10px;
      color:var(--sky-strong);
      font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;
      margin-bottom:14px;
    }
    .section-kicker::before{
      content:"";width:34px;height:2px;background:var(--sky);border-radius:99px
    }
    .section-title{
      margin:0;
      max-width:760px;
      color:var(--navy);
      font-size:clamp(42px,5.4vw,72px);
      line-height:.98;
      letter-spacing:-.055em;
      font-weight:850;
    }
    .section-title span{color:var(--sky)}
    .section-intro{
      margin:0 0 5px;
      color:var(--muted);
      font-size:16px;
      line-height:1.75;
    }

    .product-stack{
      display:flex;
      flex-direction:column;
      gap:28px;
    }
    .product-card{
      position:relative;
      border:1px solid rgba(16,42,58,.08);
      background:rgba(255,255,255,.94);
      border-radius:28px;
      padding:34px;
      overflow:hidden;
      box-shadow:0 18px 55px rgba(16,42,58,.07);
      transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
    }
    .product-card:hover{
      transform:translateY(-4px);
      border-color:rgba(14,165,233,.22);
      box-shadow:0 26px 70px rgba(16,42,58,.10);
    }
    .product-card::after{
      content:"";
      position:absolute;
      width:180px;height:180px;border-radius:50%;
      right:-80px;top:-80px;
      border:1px solid rgba(14,165,233,.12);
      box-shadow:0 0 0 26px rgba(14,165,233,.025);
      pointer-events:none;
    }
    .product-top{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:24px;
      margin-bottom:20px;
      position:relative;
      z-index:2;
    }
    .product-num{
      font-size:12px;
      font-weight:850;
      letter-spacing:.18em;
      color:var(--sky-strong);
      text-transform:uppercase;
      margin-bottom:12px;
    }
    .product-name{
      margin:0;
      font-size:clamp(34px,3.4vw,52px);
      letter-spacing:-.045em;
      color:var(--navy);
      line-height:1;
      font-weight:820;
    }
    .product-visual{
      width:100%;
      height:320px;
      border-radius:22px;
      overflow:hidden;
      background:#eef9fe;
      border:1px solid rgba(14,165,233,.10);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
      margin:0 0 26px;
      position:relative;
      z-index:1;
    }
    .product-visual::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,rgba(255,255,255,0) 62%,rgba(6,33,50,.06) 100%);
      pointer-events:none;
    }
    .product-visual img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      object-position:center;
      transition:transform .6s ease;
    }
    .product-card:hover .product-visual img{transform:scale(1.025)}
    .product-content{
      display:grid;
      grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
      gap:34px;
      align-items:start;
    }
    .product-sub{
      margin:0;
      color:var(--muted);
      font-size:15px;
      line-height:1.78;
      max-width:760px;
    }
    .product-label{
      margin-top:25px;
      margin-bottom:10px;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.13em;
      font-weight:850;
      color:#7a8c97;
    }
    .chips{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    .chip{
      display:inline-flex;align-items:center;
      padding:8px 11px;
      border-radius:999px;
      background:#fff;
      border:1px solid #dfeef5;
      font-size:12px;
      font-weight:720;
      color:#45606f;
    }
    .chip.highlight{
      background:var(--sky-soft);
      border-color:#c9ebfa;
      color:var(--sky-strong);
    }
    .spec-line{
      margin-top:18px;
      padding:15px 17px;
      border-radius:16px;
      background:#f8fcfe;
      border:1px solid #e3f0f6;
      color:#526a77;
      font-size:13px;
      line-height:1.65;
    }
    .spec-line strong{color:var(--navy)}
    .product-side{
      padding:22px;
      border-radius:20px;
      background:linear-gradient(180deg,#fbfeff 0%,#f3faff 100%);
      border:1px solid #e2eff5;
    }
    .product-footer{
      margin-top:20px;
      padding-top:18px;
      border-top:1px solid #e6f0f5;
      display:flex;align-items:center;justify-content:space-between;gap:16px;
    }
    .details-btn{
      border:0;
      padding:11px 14px;
      border-radius:12px;
      background:var(--navy);
      color:#fff;
      font-weight:800;
      cursor:pointer;
      transition:.2s ease;
      white-space:nowrap;
    }
    .details-btn:hover{background:var(--sky-strong);transform:translateY(-1px)}
    .mini-note{
      color:#71838e;
      font-size:12px;
      line-height:1.5;
    }
    .detail-panel{
      display:none;
      margin-top:16px;
      padding:18px;
      border-radius:18px;
      background:#fff;
      border:1px solid #e0eef5;
      color:#4f6571;
      font-size:13px;
      line-height:1.7;
    }
    .detail-panel.open{display:block}
    .detail-panel ul{margin:8px 0 0;padding-left:20px}
    .detail-panel li{margin:6px 0}
    html[dir="rtl"] .detail-panel ul{padding-left:0;padding-right:20px}

    .polymer-list{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .polymer{
      padding:14px;
      border-radius:16px;
      background:#fff;
      border:1px solid #e4f0f5;
    }
    .polymer strong{
      display:block;
      color:var(--navy);
      font-size:14px;
      margin-bottom:4px;
    }
    .polymer span{
      color:#6c7f8a;
      font-size:12px;
      line-height:1.55;
    }

    /* Floating WhatsApp */
    .whatsapp-float{
      position:fixed;
      right:24px;
      bottom:24px;
      z-index:999;
      width:60px;height:60px;
      border-radius:50%;
      display:grid;
      place-items:center;
      background:#25D366;
      box-shadow:0 14px 34px rgba(20,95,57,.25);
      border:3px solid rgba(255,255,255,.95);
      transition:transform .2s ease,box-shadow .2s ease;
      text-decoration:none;
    }
    .whatsapp-float:hover{
      transform:translateY(-3px) scale(1.04);
      box-shadow:0 18px 40px rgba(20,95,57,.32);
    }
    .whatsapp-float svg{width:30px;height:30px;display:block}
    .whatsapp-tip{
      position:absolute;
      right:72px;
      background:#0f2a3a;
      color:#fff;
      font-size:12px;
      font-weight:750;
      padding:9px 12px;
      border-radius:10px;
      white-space:nowrap;
      opacity:0;
      transform:translateX(5px);
      pointer-events:none;
      transition:.2s ease;
      box-shadow:0 10px 28px rgba(16,42,58,.15);
    }
    .whatsapp-float:hover .whatsapp-tip{opacity:1;transform:translateX(0)}

    @media (max-width:900px){
      .section-head{grid-template-columns:1fr;gap:18px}
      .product-content{grid-template-columns:1fr}
      .product-visual{height:250px}
    }
    @media (max-width:560px){
      .products-section{padding:78px 0 90px}
      .product-card{padding:20px;border-radius:22px}
      .product-top{margin-bottom:16px}
      .product-visual{height:190px;border-radius:18px;margin-bottom:20px}
      .product-content{gap:20px}
      .product-side{padding:16px;border-radius:17px}
      .polymer-list{grid-template-columns:1fr}
      .product-footer{align-items:flex-start;flex-direction:column}
      .details-btn{width:100%}
      .whatsapp-float{
        right:16px;
        bottom:calc(16px + env(safe-area-inset-bottom));
        width:56px;height:56px;
      }
      .whatsapp-tip{display:none}
    }


    /* ===== About Us ===== */
    .about-section{
      position:relative;
      padding:110px 0;
      background:#fff;
      overflow:hidden;
    }
    .about-grid{
      display:grid;
      grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
      gap:74px;
      align-items:center;
    }
    .about-mark{
      position:relative;
      min-height:410px;
      border-radius:30px;
      overflow:hidden;
      background:
        radial-gradient(circle at 30% 25%,rgba(14,165,233,.20),transparent 15rem),
        linear-gradient(145deg,#0f2a3a 0%,#143c55 100%);
      box-shadow:0 28px 70px rgba(15,42,58,.16);
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      padding:34px;
    }
    .about-mark::before,
    .about-mark::after{
      content:"";
      position:absolute;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.16);
      pointer-events:none;
    }
    .about-mark::before{
      width:330px;height:330px;
      right:-100px;top:-70px;
      box-shadow:0 0 0 38px rgba(255,255,255,.03),0 0 0 76px rgba(255,255,255,.02);
    }
    .about-mark::after{
      width:110px;height:110px;
      left:-30px;top:55px;
    }
    .about-zad{
      position:relative;
      z-index:2;
      font-size:clamp(74px,8vw,122px);
      line-height:.75;
      letter-spacing:-.07em;
      font-weight:900;
      color:#fff;
      margin:0 0 25px;
    }
    .about-zad span{color:var(--sky)}
    .about-mark p{
      position:relative;
      z-index:2;
      margin:0;
      max-width:430px;
      color:rgba(255,255,255,.76);
      line-height:1.7;
      font-size:14px;
    }
    .about-copy .section-kicker{margin-bottom:16px}
    .about-copy h2{
      margin:0;
      color:var(--navy);
      font-size:clamp(38px,4.5vw,64px);
      line-height:1;
      letter-spacing:-.055em;
      font-weight:850;
      max-width:720px;
    }
    .about-copy h2 span{color:var(--sky)}
    .about-copy > p{
      margin:26px 0 0;
      color:var(--muted);
      font-size:16px;
      line-height:1.82;
      max-width:720px;
    }
    .about-points{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:12px;
      margin-top:30px;
    }
    .about-point{
      min-height:130px;
      padding:18px;
      border-radius:18px;
      border:1px solid #e1eef4;
      background:linear-gradient(180deg,#fff 0%,#f8fcfe 100%);
    }
    .about-point .dot{
      width:9px;height:9px;border-radius:50%;
      background:var(--sky);
      margin-bottom:18px;
      box-shadow:0 0 0 7px rgba(14,165,233,.10);
    }
    .about-point strong{
      display:block;
      color:var(--navy);
      font-size:14px;
      margin-bottom:7px;
    }
    .about-point span{
      display:block;
      color:#748690;
      font-size:12px;
      line-height:1.55;
    }

    /* ===== Contact ===== */
    .contact-section{
      position:relative;
      padding:110px 0 120px;
      background:
        radial-gradient(circle at 84% 6%,rgba(14,165,233,.13),transparent 30rem),
        linear-gradient(180deg,#f8fcff 0%,#eef8fd 100%);
      border-top:1px solid rgba(16,42,58,.06);
    }
    .contact-head{
      max-width:800px;
      margin-bottom:42px;
    }
    .contact-head h2{
      margin:0;
      color:var(--navy);
      font-size:clamp(42px,5vw,68px);
      line-height:1;
      letter-spacing:-.055em;
      font-weight:850;
    }
    .contact-head h2 span{color:var(--sky)}
    .contact-head p{
      margin:20px 0 0;
      max-width:660px;
      color:var(--muted);
      font-size:15px;
      line-height:1.75;
    }
    .contact-grid{
      display:grid;
      grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
      gap:22px;
      align-items:stretch;
    }
    .contact-form-card,
    .contact-info-card{
      border-radius:28px;
      border:1px solid rgba(16,42,58,.08);
      box-shadow:0 20px 60px rgba(16,42,58,.08);
    }
    .contact-form-card{
      background:#fff;
      padding:30px;
    }
    .form-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
    }
    .field{
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    .field.full{grid-column:1/-1}
    .field label{
      color:#385263;
      font-size:12px;
      font-weight:800;
      letter-spacing:.02em;
    }
    .field input,
    .field textarea{
      width:100%;
      border:1px solid #d8e8ef;
      background:#fbfdfe;
      color:var(--navy);
      border-radius:14px;
      padding:14px 15px;
      font:inherit;
      outline:none;
      transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
    }
    .field textarea{
      min-height:155px;
      resize:vertical;
    }
    .field input:focus,
    .field textarea:focus{
      background:#fff;
      border-color:rgba(14,165,233,.65);
      box-shadow:0 0 0 4px rgba(14,165,233,.09);
    }
    .submit-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      margin-top:20px;
    }
    .submit-btn{
      min-width:160px;
      border:0;
      border-radius:14px;
      padding:14px 20px;
      background:linear-gradient(135deg,var(--sky) 0%,var(--sky-strong) 100%);
      color:#fff;
      font-weight:850;
      cursor:pointer;
      box-shadow:0 12px 30px rgba(14,165,233,.22);
      transition:transform .2s ease,box-shadow .2s ease;
    }
    .submit-btn:hover{
      transform:translateY(-2px);
      box-shadow:0 16px 34px rgba(14,165,233,.28);
    }
    .form-note{
      margin:0;
      color:#71838e;
      font-size:11px;
      line-height:1.5;
    }
    .contact-info-card{
      position:relative;
      overflow:hidden;
      background:linear-gradient(145deg,#0f2a3a 0%,#123c56 100%);
      color:#fff;
      padding:32px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      min-height:100%;
    }
    .contact-info-card::before{
      content:"";
      position:absolute;
      width:300px;height:300px;border-radius:50%;
      right:-140px;top:-100px;
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 0 0 42px rgba(255,255,255,.025);
    }
    .contact-info-card h3{
      position:relative;
      z-index:2;
      margin:0;
      font-size:30px;
      line-height:1.05;
      letter-spacing:-.04em;
    }
    .contact-info-card > p{
      position:relative;
      z-index:2;
      margin:14px 0 30px;
      color:rgba(255,255,255,.70);
      font-size:13px;
      line-height:1.7;
    }
    .contact-details{
      position:relative;
      z-index:2;
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    .contact-detail{
      padding:15px 16px;
      border-radius:16px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.10);
    }
    .contact-detail small{
      display:block;
      color:rgba(255,255,255,.56);
      font-size:10px;
      letter-spacing:.12em;
      text-transform:uppercase;
      margin-bottom:5px;
    }
    .contact-detail a,
    .contact-detail span{
      color:#fff;
      font-size:14px;
      font-weight:700;
      text-decoration:none;
    }
    .contact-detail a:hover{color:#79d5fb}
    .contact-bottom{
      position:relative;
      z-index:2;
      margin-top:28px;
      padding-top:22px;
      border-top:1px solid rgba(255,255,255,.12);
      color:rgba(255,255,255,.62);
      font-size:12px;
      line-height:1.6;
    }

    @media (max-width:900px){
      .about-grid{grid-template-columns:1fr;gap:34px}
      .about-mark{min-height:330px}
      .contact-grid{grid-template-columns:1fr}
      .contact-info-card{min-height:420px}
    }
    @media (max-width:650px){
      .about-section,.contact-section{padding:80px 0 90px}
      .about-mark{min-height:300px;padding:24px;border-radius:24px}
      .about-points{grid-template-columns:1fr}
      .about-point{min-height:auto}
      .contact-form-card,.contact-info-card{padding:22px;border-radius:22px}
      .form-grid{grid-template-columns:1fr}
      .submit-row{align-items:flex-start;flex-direction:column}
      .submit-btn{width:100%}
    }

  

/* ===== Multi-page additions ===== */
.page-shell{
  min-height:100vh;
  position:relative;
  isolation:isolate;
}
.page-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(14,165,233,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(14,165,233,.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.30),transparent 50%);
}
.inner-navbar{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
  position:relative;
  z-index:50;
}
.page-intro{
  padding:72px 0 10px;
}
.page-intro .section-title{
  max-width:900px;
}
.page-intro .section-intro{
  max-width:760px;
  margin-top:20px;
}
.simple-footer{
  border-top:1px solid rgba(16,42,58,.07);
  background:#fff;
  padding:25px 0 30px;
  color:#71838e;
  font-size:12px;
}
.simple-footer .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.simple-footer strong{color:var(--navy)}
@media(max-width:650px){
  .page-intro{padding-top:52px}
  .simple-footer .container{align-items:flex-start;flex-direction:column}
}