:root{
  --space-0:#04161a;--space-1:#072428;--space-2:#0b3336;--space-3:#104347;
  --teal:#5fc8c8;--teal-soft:#8fdcdc;--teal-deep:#2b8a8a;
  --gold:#d4b56a;--gold-bright:#e8d5a0;--gold-deep:#a8893a;
  --text:#eaf4f4;--text-soft:#9ab8b8;--line:rgba(143,220,220,.14);
  --display:"Changa",sans-serif;--body:"IBM Plex Sans Arabic",Tahoma,sans-serif;
  --nav-h:74px;
}
html[lang="en"]{--body:"Inter","IBM Plex Sans Arabic",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px)}
body{font-family:var(--body);color:var(--text);background:var(--space-0);line-height:1.75;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
section,[id]{scroll-margin-top:calc(var(--nav-h) + 12px)}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* ═ galaxy bg ═ */
#galaxy{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 45% at 50% 42%,rgba(95,200,200,.14),transparent 62%),
    radial-gradient(ellipse 45% 35% at 50% 42%,rgba(212,181,106,.10),transparent 60%),
    radial-gradient(ellipse 90% 70% at 20% 8%,rgba(43,138,138,.16),transparent 65%),
    radial-gradient(ellipse 80% 60% at 85% 88%,rgba(212,181,106,.07),transparent 62%),
    linear-gradient(180deg,#04161a 0%,#072428 38%,#04161a 100%)}
#stars{position:fixed;inset:0;z-index:1;pointer-events:none}
.orbit-bg{position:fixed;top:38%;left:50%;z-index:1;width:min(150vw,1500px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:.3}
.orbit-bg span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(95,200,200,.14)}
.orbit-bg span:nth-child(1){animation:spin 90s linear infinite}
.orbit-bg span:nth-child(2){inset:11%;border-color:rgba(212,181,106,.13);animation:spin 70s linear infinite reverse}
.orbit-bg span:nth-child(3){inset:23%;border-color:rgba(95,200,200,.16);animation:spin 55s linear infinite}
.orbit-bg span:nth-child(4){inset:35%;border-color:rgba(143,220,220,.10);animation:spin 42s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.shell{position:relative;z-index:2}

/* ═ nav ═ */
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);
  background:rgba(4,22,26,.78);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  border-bottom:1px solid var(--line)}
.nav-inner{max-width:1240px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.5rem}
.brand{display:flex;align-items:center;gap:.65rem}
.brand img{width:46px;height:46px;border-radius:50%;clip-path:circle(46% at 50% 50%);filter:drop-shadow(0 0 10px rgba(95,200,200,.35))}
.brand-txt{font-family:var(--display);font-weight:800;font-size:1.02rem;line-height:1.15}
.brand-txt span{display:block;font-size:.62rem;font-weight:600;color:var(--gold);letter-spacing:.16em}
.nav-links{display:flex;gap:1.6rem;align-items:center}
.nav-links a{font-size:.9rem;font-weight:500;color:var(--text-soft);transition:color .25s;position:relative;padding:.3rem 0}
.nav-links a::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:0;height:1px;background:var(--gold);transition:width .3s}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-right{display:flex;align-items:center;gap:.7rem}
.lang-btn{font-family:var(--display);font-weight:700;font-size:.8rem;color:var(--teal-soft);background:rgba(95,200,200,.07);
  border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;cursor:pointer;transition:all .25s;letter-spacing:.04em}
.lang-btn:hover{border-color:var(--teal);color:var(--text)}
.nav-cta{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#062024;font-weight:700;font-size:.85rem;
  padding:.55rem 1.2rem;border-radius:999px;transition:transform .25s,box-shadow .25s;white-space:nowrap}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(212,181,106,.34)}
.burger{display:none;background:none;border:none;color:var(--text);font-size:1.6rem;cursor:pointer;line-height:1;padding:.2rem .4rem}

/* ═ hero ═ */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nav-h) + 2.5rem) 1.5rem 4rem;position:relative}
.hero-inner{max-width:900px;position:relative;z-index:3}
.hero-logo{width:clamp(140px,21vw,210px);margin:0 auto 1.8rem;border-radius:50%;clip-path:circle(46% at 50% 50%);
  filter:drop-shadow(0 0 30px rgba(95,200,200,.4)) drop-shadow(0 0 60px rgba(212,181,106,.2));
  animation:logoIn 1.2s cubic-bezier(.2,.8,.2,1) both,float 6s ease-in-out 1.2s infinite}
@keyframes logoIn{from{opacity:0;transform:scale(.7) rotate(-14deg)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.eyebrow{font-family:var(--display);font-size:.82rem;font-weight:700;color:var(--gold);letter-spacing:.28em;margin-bottom:1rem;animation:up .9s ease .25s both}
.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(2.5rem,7.5vw,5.4rem);line-height:1.06;letter-spacing:-.02em;margin-bottom:1.1rem}
.hero h1 .l1{display:block;animation:up 1s cubic-bezier(.2,.8,.2,1) .4s both}
.hero h1 .l2{display:block;background:linear-gradient(100deg,var(--gold-bright),var(--gold),var(--teal),var(--gold-bright));background-size:250% auto;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:up 1s cubic-bezier(.2,.8,.2,1) .55s both,shimmer 7s linear 1.5s infinite}
@keyframes shimmer{to{background-position:250% center}}
.hero-lead{font-size:1.05rem;color:var(--text-soft);max-width:560px;margin:0 auto 2rem;animation:up 1s ease .7s both}
.pills{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:2.2rem;animation:up 1s ease .85s both}
.pill{font-size:.82rem;font-weight:500;color:var(--teal-soft);border:1px solid var(--line);border-radius:999px;padding:.38rem 1.05rem;
  background:rgba(95,200,200,.05);transition:all .25s}
.pill:hover{border-color:rgba(212,181,106,.45);background:rgba(212,181,106,.08);transform:translateY(-2px)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;animation:up 1s ease 1s both}
@keyframes up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.free-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:800;font-size:.95rem;
  color:#062024;background:linear-gradient(135deg,var(--gold-bright),var(--gold));padding:.4rem 1.2rem;border-radius:999px;
  margin-bottom:1.2rem;animation:up .9s ease .3s both;box-shadow:0 8px 28px rgba(212,181,106,.3)}

/* ═ buttons ═ */
.btn{font-family:var(--body);font-weight:700;font-size:.95rem;padding:.9rem 1.9rem;border-radius:999px;border:none;cursor:pointer;display:inline-block;transition:all .25s}
.btn:hover{transform:translateY(-3px)}
.btn-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#062024}
.btn-gold:hover{box-shadow:0 12px 34px rgba(212,181,106,.36)}
.btn-teal{background:linear-gradient(135deg,var(--teal),var(--teal-deep));color:#04161a}
.btn-teal:hover{box-shadow:0 12px 34px rgba(95,200,200,.3)}
.btn-ghost{background:rgba(143,220,220,.05);color:var(--text);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--teal);background:rgba(95,200,200,.1)}

/* ═ sections ═ */
section{max-width:1240px;margin:0 auto;padding:6rem 1.5rem}
.kicker{font-family:var(--display);font-weight:700;font-size:.78rem;color:var(--gold);letter-spacing:.24em;margin-bottom:.9rem}
.s-title{font-family:var(--display);font-weight:800;font-size:clamp(1.85rem,4.4vw,3.1rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:.9rem}
.s-text{color:var(--text-soft);font-size:1.04rem;max-width:56ch}
.center{text-align:center}.center .s-text{margin-inline:auto}
.rv{opacity:0;transform:translateY(38px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}

/* ═ services ═ */
.svc-list{margin-top:3rem}
.svc{padding:2.3rem 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.5rem 3rem;align-items:start;transition:background .35s}
.svc:last-child{border-bottom:1px solid var(--line)}
.svc:hover{background:linear-gradient(90deg,rgba(95,200,200,.045),transparent)}
.svc-head{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}
.svc h3{font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,2.7vw,2rem);line-height:1.2}
.svc:hover h3{color:var(--gold-bright)}
.badge-new{font-size:.66rem;font-weight:800;letter-spacing:.1em;background:linear-gradient(135deg,var(--teal),var(--teal-deep));color:#04161a;padding:.22rem .6rem;border-radius:4px}
.svc p{color:var(--text-soft);font-size:.98rem;margin-bottom:1rem}
.svc .pills{justify-content:flex-start;margin:0;animation:none}
.svc .pill{font-size:.76rem;padding:.3rem .85rem}

/* ═ sawa band ═ */
.sawa{max-width:none;padding:0;margin:2rem 0;border-top:1px solid rgba(95,200,200,.2);border-bottom:1px solid rgba(95,200,200,.2);
  background:linear-gradient(160deg,rgba(11,51,54,.75),rgba(4,22,26,.55));position:relative;overflow:hidden}
.sawa::before{content:"";position:absolute;top:-40%;inset-inline-start:-10%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(95,200,200,.13),transparent 70%);pointer-events:none}
.sawa-in{max-width:1240px;margin:0 auto;padding:6rem 1.5rem;position:relative}
.sawa .kicker{color:var(--teal)}
.sawa-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;margin-top:3rem;align-items:center}
.sawa-steps li{padding:1.5rem 0;border-top:1px solid rgba(143,220,220,.1);display:grid;grid-template-columns:3.4rem 1fr;gap:1rem;align-items:start}
.sawa-steps li:first-child{border-top:none}
.st-num{font-family:var(--display);font-weight:800;font-size:1.5rem;color:var(--teal);opacity:.85;line-height:1.2}
.sawa-steps h4{font-family:var(--display);font-size:1.08rem;font-weight:700;margin-bottom:.25rem}
.sawa-steps p{color:var(--text-soft);font-size:.93rem}
.sawa-visual{border-radius:16px;overflow:hidden;border:1px solid rgba(95,200,200,.22);box-shadow:0 26px 70px rgba(0,0,0,.5),0 0 44px rgba(95,200,200,.1)}
.sawa-visual img{width:100%;height:auto}

/* ═ clients ═ */
.cl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin-top:3rem}
.cl-card{background:linear-gradient(150deg,rgba(16,67,71,.5),rgba(7,36,40,.35));border:1px solid var(--line);border-radius:16px;padding:1.7rem;
  display:flex;flex-direction:column;gap:.55rem;transition:all .3s}
.cl-card:hover{transform:translateY(-6px);border-color:rgba(212,181,106,.42);box-shadow:0 20px 46px rgba(0,0,0,.42),0 0 30px rgba(212,181,106,.08)}
.cl-avatar{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1.25rem;color:#04161a;
  background:linear-gradient(135deg,var(--teal-soft),var(--teal-deep));margin-bottom:.35rem}
.cl-card:nth-child(even) .cl-avatar{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep))}
.cl-name{font-family:var(--display);font-weight:700;font-size:1.13rem}
.cl-cat{font-size:.8rem;color:var(--gold);font-weight:600;letter-spacing:.04em}
.cl-desc{color:var(--text-soft);font-size:.9rem;flex:1}
.cl-link{font-size:.85rem;font-weight:600;color:var(--teal-soft);margin-top:.5rem;transition:color .25s}
.cl-card:hover .cl-link{color:var(--gold-bright)}

/* ═ packages ═ */
.pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.3rem;margin-top:3rem}
.pk{border:1px solid var(--line);border-radius:18px;padding:2.2rem 1.9rem;background:linear-gradient(170deg,rgba(11,51,54,.42),rgba(4,22,26,.25));position:relative;transition:all .3s}
.pk:hover{transform:translateY(-6px);border-color:rgba(95,200,200,.4)}
.pk.hot{border-color:var(--gold);background:linear-gradient(170deg,rgba(212,181,106,.1),rgba(11,51,54,.4));box-shadow:0 0 46px rgba(212,181,106,.14)}
.pk-hot-tag{position:absolute;top:-.72rem;inset-inline-start:50%;transform:translateX(50%);background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#062024;
  font-family:var(--display);font-size:.7rem;font-weight:800;padding:.24rem 1rem;border-radius:999px;white-space:nowrap}
html[dir="ltr"] .pk-hot-tag{transform:translateX(-50%)}
.pk-name{font-family:var(--display);font-weight:800;font-size:1.35rem;color:var(--gold);margin-bottom:.2rem}
.pk-for{font-size:.86rem;color:var(--text-soft);margin-bottom:1.2rem}
.pk-price{font-family:var(--display);font-weight:800;font-size:2.5rem;line-height:1.1}
.pk-price small{font-size:.34em;font-weight:600;color:var(--text-soft)}
.pk ul{margin:1.4rem 0}
.pk li{padding:.62rem 0;border-top:1px solid rgba(143,220,220,.09);font-size:.9rem;color:var(--text-soft)}
.pk li::before{content:"— ";color:var(--teal)}
.pk .btn{width:100%;text-align:center}
.pk-note{text-align:center;color:var(--text-soft);font-size:.86rem;margin-top:2rem;max-width:660px;margin-inline:auto}

/* ═ process ═ */
.pr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2rem;margin-top:3rem}
.pr{position:relative;padding-top:3.2rem}
.pr-num{position:absolute;top:0;inset-inline-start:0;font-family:var(--display);font-weight:800;font-size:3.6rem;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(212,181,106,.36);transition:all .35s}
.pr:hover .pr-num{-webkit-text-stroke-color:transparent;color:rgba(212,181,106,.5)}
.pr h3{font-family:var(--display);font-weight:700;font-size:1.2rem;margin-bottom:.4rem}
.pr p{color:var(--text-soft);font-size:.93rem}

/* ═ feature cards (sawa page) ═ */
.ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:3rem}
.ft{border:1px solid var(--line);border-radius:16px;padding:1.8rem;background:linear-gradient(150deg,rgba(16,67,71,.45),rgba(7,36,40,.3));transition:all .3s}
.ft:hover{transform:translateY(-5px);border-color:rgba(95,200,200,.4)}
.ft-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:1rem;
  background:linear-gradient(135deg,rgba(95,200,200,.2),rgba(212,181,106,.15));border:1px solid var(--line)}
.ft-ic svg{width:22px;height:22px;stroke:var(--gold-bright);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ft h3{font-family:var(--display);font-weight:700;font-size:1.1rem;margin-bottom:.4rem}
.ft p{color:var(--text-soft);font-size:.92rem}

/* ═ network diagram (sawa page) ═ */
.net{position:relative;max-width:640px;margin:3rem auto 0;aspect-ratio:1}
.net-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(95,200,200,.3);animation:spin 60s linear infinite}
.net-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(212,181,106,.35),rgba(11,51,54,.9));border:1px solid rgba(212,181,106,.5);
  display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:clamp(1rem,3vw,1.6rem);color:var(--gold-bright);
  box-shadow:0 0 50px rgba(212,181,106,.3);text-align:center;line-height:1.1}
.net-node{position:absolute;width:19%;aspect-ratio:1;border-radius:50%;background:linear-gradient(150deg,rgba(16,67,71,.95),rgba(7,36,40,.95));
  border:1px solid rgba(95,200,200,.45);display:grid;place-items:center;text-align:center;padding:.5rem;
  font-size:clamp(.6rem,1.6vw,.85rem);font-weight:600;color:var(--teal-soft);box-shadow:0 10px 30px rgba(0,0,0,.4);animation:float 5s ease-in-out infinite}
.net-node svg{width:38%;stroke:var(--gold-bright);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.2rem}
.net-node.n1{top:0;left:40.5%;animation-delay:0s}
.net-node.n2{top:40.5%;right:0;animation-delay:1.2s}
.net-node.n3{bottom:0;left:40.5%;animation-delay:2.4s}
.net-node.n4{top:40.5%;left:0;animation-delay:3.6s}
.net-line{position:absolute;top:50%;left:50%;width:50%;height:1px;transform-origin:0 50%;
  background:linear-gradient(90deg,rgba(212,181,106,.6),rgba(95,200,200,.15))}
.net-line::after{content:"";position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:var(--gold-bright);
  box-shadow:0 0 10px var(--gold-bright);animation:travel 3s linear infinite}
.net-line:nth-of-type(1){transform:rotate(-90deg)}
.net-line:nth-of-type(2){transform:rotate(0deg);animation-delay:.7s}
.net-line:nth-of-type(3){transform:rotate(90deg)}
.net-line:nth-of-type(4){transform:rotate(180deg)}
.net-line:nth-of-type(2)::after{animation-delay:.75s}
.net-line:nth-of-type(3)::after{animation-delay:1.5s}
.net-line:nth-of-type(4)::after{animation-delay:2.25s}
@keyframes travel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}

/* ═ ecosystem ═ */
.eco-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:stretch;margin-top:3rem}
.eco{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:2rem 1.7rem 1.7rem;border-radius:18px;border:1px solid var(--line);
  background:linear-gradient(165deg,rgba(16,67,71,.5),rgba(4,22,26,.3));transition:all .3s;overflow:hidden}
.eco::after{content:"";position:absolute;inset:auto -30% -40% auto;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(95,200,200,.14),transparent 70%);pointer-events:none}
.eco:hover{transform:translateY(-6px);border-color:rgba(212,181,106,.45);box-shadow:0 22px 50px rgba(0,0,0,.45)}
.eco-num{font-family:var(--display);font-weight:800;font-size:2.6rem;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(212,181,106,.4)}
.eco-tag{position:absolute;top:1.2rem;inset-inline-end:1.2rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--teal-soft);
  border:1px solid rgba(95,200,200,.35);border-radius:999px;padding:.22rem .7rem}
.eco-tag.gold{color:#062024;background:linear-gradient(135deg,var(--gold-bright),var(--gold));border-color:transparent}
.eco h3{font-family:var(--display);font-weight:800;font-size:1.35rem;margin-top:.6rem}
.eco p{color:var(--text-soft);font-size:.93rem;flex:1}
.eco-plus{align-self:center;font-family:var(--display);font-weight:800;font-size:2.2rem;color:var(--gold);opacity:.7}
@media (max-width:960px){.eco-grid{grid-template-columns:1fr}.eco-plus{justify-self:center;line-height:1}}

/* ═ phone mockup (web page) ═ */
.phone-wrap{display:flex;justify-content:center;position:relative}
.phone{width:min(300px,80vw);aspect-ratio:9/16.5;border-radius:38px;padding:10px;background:linear-gradient(160deg,#1d3d40,#071c1f);
  border:1px solid rgba(143,220,220,.3);box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 60px rgba(95,200,200,.14);position:relative;animation:float 7s ease-in-out infinite}
.phone::before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:34%;height:22px;border-radius:12px;background:#04161a;z-index:2}
.phone-scr{width:100%;height:100%;border-radius:30px;overflow:hidden;background:#fff}
.phone-scr img{width:100%;height:100%;object-fit:cover;object-position:top}
.case-list li{padding:.7rem 0;border-top:1px solid rgba(143,220,220,.09);color:var(--text-soft);font-size:.95rem;display:flex;gap:.6rem}
.case-list li::before{content:"✓";color:var(--gold);font-weight:800}
.case-links{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}

/* ═ testimonials ═ */
.tm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.3rem;margin-top:3rem}
.tm{border:1px solid var(--line);border-radius:16px;padding:1.8rem;background:linear-gradient(155deg,rgba(11,51,54,.4),rgba(4,22,26,.2));transition:all .3s}
.tm:hover{border-color:rgba(95,200,200,.35);transform:translateY(-4px)}
.tm blockquote{color:var(--text-soft);font-size:.96rem;line-height:1.8}
.tm blockquote::before,.tm blockquote::after{color:var(--gold);font-weight:800;font-size:1.15em}
.tm blockquote::before{content:"«"}.tm blockquote::after{content:"»"}

/* ═ finale ═ */
.finale{text-align:center;padding:7rem 1.5rem}
.finale h2{font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,7vw,5rem);line-height:1.05;margin-bottom:.9rem;
  background:linear-gradient(100deg,var(--text),var(--gold-bright),var(--teal-soft),var(--text));background-size:250% auto;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 8s linear infinite}
.finale p{color:var(--text-soft);font-size:1.06rem;max-width:480px;margin:0 auto 2rem}
.finale .hero-ctas{animation:none}

/* ═ contact ═ */
.contact{max-width:none;padding:0;margin:0;border-top:1px solid var(--line);background:linear-gradient(170deg,rgba(11,51,54,.5),rgba(4,22,26,.3))}
.contact-in{max-width:1240px;margin:0 auto;padding:6rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}
.ci-list{margin-top:2rem}
.ci-list li{padding:.75rem 0;border-top:1px solid rgba(143,220,220,.08);font-size:.95rem;color:var(--text-soft);display:flex;align-items:center;gap:.7rem}
.ci-list svg{width:20px;height:20px;flex-shrink:0;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ci-list a{color:var(--teal-soft);font-weight:600;transition:color .25s}
.ci-list a:hover{color:var(--gold-bright)}
form{display:flex;flex-direction:column;gap:1.05rem}
label{font-size:.87rem;font-weight:600;display:block;margin-bottom:.35rem}
input,select,textarea{width:100%;background:rgba(4,22,26,.65);border:1px solid var(--line);border-radius:11px;padding:.85rem 1.05rem;color:var(--text);font-family:var(--body);font-size:.93rem;transition:all .25s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,181,106,.12)}
textarea{min-height:110px;resize:vertical}
option{background:#072428;color:var(--text)}
.form-note{font-size:.8rem;color:var(--text-soft);text-align:center}

/* ═ footer ═ */
footer{border-top:1px solid var(--line);text-align:center;padding:2.2rem 1.5rem;font-size:.87rem;color:var(--text-soft)}
footer img{width:48px;height:48px;border-radius:50%;clip-path:circle(46% at 50% 50%);margin:0 auto .9rem}
footer strong{color:var(--text)}
.f-links{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:1rem;font-size:.85rem}
.f-links a{color:var(--teal-soft);transition:color .25s}
.f-links a:hover{color:var(--gold-bright)}

/* ═ whatsapp float ═ */
.wa-float{position:fixed;bottom:1.4rem;inset-inline-start:1.4rem;z-index:300;width:54px;height:54px;border-radius:50%;
  background:linear-gradient(135deg,#25d366,#128c7e);display:grid;place-items:center;box-shadow:0 8px 26px rgba(37,211,102,.34);transition:transform .28s}
.wa-float svg{width:28px;height:28px;fill:#fff}
.wa-float:hover{transform:scale(1.12)}

/* ═ responsive ═ */
@media (max-width:960px){
  .nav-links{display:none;position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:rgba(4,22,26,.97);border-bottom:1px solid var(--line);padding:.5rem 0}
  .nav-links.open{display:flex}
  .nav-links a{padding:.95rem 1.5rem;border-top:1px solid rgba(143,220,220,.07);font-size:1rem}
  .nav-links a::after{display:none}
  .burger{display:block}
  .nav-cta{display:none}
  .svc{grid-template-columns:1fr;gap:1rem}
  .sawa-grid,.contact-in{grid-template-columns:1fr}
  .sawa-visual{order:-1}
  .orbit-bg{opacity:.16}
}
@media (max-width:520px){
  section{padding:4rem 1.2rem}
  .sawa-in,.contact-in{padding:4rem 1.2rem}
  .brand-txt{font-size:.9rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
}