/* =====================================================================
   Levitate redesign layer (v1.0)
   Loaded after styles.css / blog.css on every page.
   One token system, calmer motion, real product visuals, 3D icon tiles.
   ===================================================================== */

:root{
  /* surfaces (brand bg #03020c kept as the base) */
  --surface-0:#03020c;
  --surface-1:#080618;
  --surface-2:#0e0b24;
  --surface-3:#161236;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text-secondary:#b3b9c7;          /* ≥ 7:1 on surface-0 */
  --text-muted:#9199ad;              /* ≥ 4.5:1 on surface-2 */
  /* brand */
  --brand-purple:#8a2be2; --brand-cyan:#00E5FF; --brand-pink:#ff007f;
  --grad-brand:linear-gradient(135deg,#8a2be2 0%,#5b5cf0 50%,#00c8e6 100%);
  /* type scale ~1.25 */
  --fs-xs:.8125rem; --fs-sm:.9375rem; --fs-base:1.0625rem; --fs-lg:1.1875rem;
  --fs-h3:clamp(1.2rem,1.05rem + .5vw,1.45rem);
  --fs-h2:clamp(1.85rem,1.3rem + 2.1vw,2.85rem);
  --fs-h1:clamp(2.3rem,1.5rem + 3vw,3.75rem);
  /* 8pt spacing */
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2rem; --s5:3rem; --s6:4rem;
  --section-y:clamp(4.5rem,3rem + 5vw,7.5rem);
  --r-sm:12px; --r-md:18px; --r-lg:26px;
  --shadow-card:0 1px 0 rgba(255,255,255,.06) inset,0 24px 48px -24px rgba(0,0,0,.7);
  --shadow-lift:0 1px 0 rgba(255,255,255,.08) inset,0 30px 60px -24px rgba(0,0,0,.75),0 0 0 1px rgba(0,229,255,.18);
  --ease:cubic-bezier(.2,.7,.2,1);
}

body{font-size:var(--fs-base);line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance;letter-spacing:-.01em}

/* ---------- sections, rhythm, depth ---------- */
main > section,body > section{padding:var(--section-y) 0}
.section-title{margin-bottom:clamp(2.5rem,2rem + 2vw,3.75rem)}
.section-title h2{font-size:var(--fs-h2);line-height:1.15;font-weight:800;margin-bottom:var(--s2)}
.section-title p{font-size:var(--fs-lg);line-height:1.6;max-width:62ch;color:var(--text-secondary)}
.section-title::before{content:"";display:block;width:56px;height:4px;border-radius:4px;margin:0 auto var(--s3);background:var(--grad-brand);opacity:.9}

/* banded sections: a hairline + soft surface give the page a calm rhythm */
#how-it-works,#portfolio,#pricing,#contact{background:
  radial-gradient(1200px 500px at 50% 0%,rgba(138,43,226,.10),transparent 70%),
  linear-gradient(180deg,var(--surface-1),var(--surface-0));
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#pricing{background:
  radial-gradient(900px 420px at 50% 8%,rgba(0,229,255,.08),transparent 70%),
  radial-gradient(1000px 600px at 50% 100%,rgba(138,43,226,.12),transparent 70%),
  linear-gradient(180deg,var(--surface-1),var(--surface-0))}
.secure-strip{padding:var(--s5) 0 var(--s2)}

/* scroll-reveal neutralised: content is always visible, no per-section fade-ups */
.scroll-reveal{opacity:1!important;transform:none!important;animation:none!important}

/* ---------- glass / cards ---------- */
.glass{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--surface-2);
  border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-card);
  backdrop-filter:none;-webkit-backdrop-filter:none}
.phil-card,.testimonial-card,.blog-preview-card,.blog-card,.related-card,.contact-item,.faq-item{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
@media (hover:hover){
  .phil-card:hover,.testimonial-card:hover,.blog-preview-card:hover,.blog-card:hover,.related-card:hover,.contact-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:rgba(0,229,255,.25)}
}

/* ---------- buttons ---------- */
.btn{min-height:48px;border-radius:14px;font-weight:700;letter-spacing:.005em;transition:transform .2s var(--ease),box-shadow .25s var(--ease),background-color .25s,filter .25s}
.btn-primary{background:var(--grad-brand);box-shadow:0 10px 28px -10px rgba(138,43,226,.8),inset 0 1px 0 rgba(255,255,255,.25)}
@media (hover:hover){.btn:hover{transform:translateY(-2px)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 16px 36px -12px rgba(0,200,230,.65),inset 0 1px 0 rgba(255,255,255,.3)}}
.btn:active{transform:translateY(0) scale(.98)}
.btn-static{cursor:default;opacity:.9;gap:.45rem}
.btn-static img{width:20px;height:20px}
:focus-visible{outline:3px solid var(--brand-cyan);outline-offset:3px;border-radius:8px}

/* ---------- 3D icon tiles ---------- */
.icon-tile{display:inline-grid;place-items:center;flex:none;position:relative;
  width:68px;height:68px;border-radius:20px;
  background:radial-gradient(120% 120% at 30% 15%,rgba(255,255,255,.16),transparent 55%),
             linear-gradient(150deg,rgba(138,43,226,.34),rgba(0,229,255,.12));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 28px -14px rgba(138,43,226,.9)}
.icon-tile img{width:46px;height:46px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));transition:transform .4s var(--ease)}
@media (hover:hover){.phil-card:hover .icon-tile img,.contact-item:hover .icon-tile img{transform:translateY(-3px) rotate(-4deg) scale(1.06)}}
.phil-icon.icon-tile{width:72px;height:72px;font-size:0;margin-bottom:var(--s3);border-radius:22px}
.step-tile .step-num{position:absolute;top:-8px;inset-inline-start:-8px;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;font:800 .85rem/1 var(--font-english),var(--font-hebrew);color:#0b0820;
  background:linear-gradient(135deg,#7ff3ff,#00E5FF);box-shadow:0 4px 12px rgba(0,229,255,.45)}

/* ---------- header ---------- */
header{transition:background-color .3s,box-shadow .3s,border-color .3s}
header.scrolled{background:rgba(5,4,16,.86)!important;box-shadow:0 10px 30px -20px rgba(0,0,0,.9);border-bottom:1px solid var(--line)}
.nav-links a:not(.btn){font-weight:500}
.nav-cta{min-height:42px;padding:.55rem 1.15rem;border-radius:12px}

/* ---------- HERO: device composition with real screenshots ---------- */
.hero{min-height:auto;padding-top:calc(var(--header-height) + clamp(2.5rem,1.5rem + 4vw,5rem));padding-bottom:var(--section-y);overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(180deg,transparent,var(--surface-0));pointer-events:none;z-index:-1}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(2rem,1rem + 4vw,4.5rem)}
.hero-content h1{font-size:var(--fs-h1);line-height:1.06;letter-spacing:-.02em;margin-bottom:var(--s3)}
.hero-content p{font-size:clamp(1.05rem,.98rem + .35vw,1.25rem);max-width:54ch}
.hero-ctas{flex-wrap:wrap;gap:var(--s2)}
.hero-devices{position:relative;display:block;aspect-ratio:16/12;min-height:0;isolation:isolate}
.hero-devices::before{content:"";position:absolute;inset:6% 4% 0 10%;z-index:-1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(138,43,226,.55),rgba(0,229,255,.18) 55%,transparent 75%);filter:blur(30px)}
.device-browser{position:absolute;margin:0;overflow:hidden;border-radius:16px;background:#0d0b1f;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.4)}
.device-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#15122c;border-bottom:1px solid rgba(255,255,255,.07)}
.device-bar .browser-dot{width:9px;height:9px;border-radius:50%;flex:none}
.device-bar .browser-dot.red{background:#ff5f57}.device-bar .browser-dot.yellow{background:#febc2e}.device-bar .browser-dot.green{background:#28c840}
.device-address{margin-inline-start:auto;margin-inline-end:auto;font:500 .72rem/1 var(--font-english);color:#9aa3b8;background:rgba(255,255,255,.06);padding:5px 14px;border-radius:20px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.device-browser img{display:block;width:100%;height:auto}
.hero-devices .device-browser{top:0;inset-inline-start:0;width:88%;transform:perspective(1600px) rotateY(-8deg) rotateX(3deg);transform-origin:right center}
.device-phone{position:absolute;margin:0;width:36%;border-radius:30px;padding:8px;background:linear-gradient(160deg,#2a2550,#0c0a1d);
  border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 70px -24px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18)}
.device-phone img{display:block;width:100%;height:auto;border-radius:23px}
.device-phone::before{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);width:34%;height:14px;border-radius:10px;background:#05040d;z-index:1}
.hero-devices .device-phone{bottom:0;inset-inline-end:0;animation:heroFloat 7s ease-in-out infinite}
.hero-chip{position:absolute;display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1rem .55rem .85rem;border-radius:16px;
  font-weight:700;font-size:.9rem;color:#fff;white-space:nowrap;
  background:rgba(14,11,36,.86);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 36px -16px rgba(0,0,0,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-chip img{width:30px;height:30px;flex:none}
.hero-chip-1{top:58%;inset-inline-start:-3%}
.hero-chip-2{top:-5%;inset-inline-end:2%}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media (prefers-reduced-motion:reduce){.hero-devices .device-phone{animation:none}}
.hero-plan-link{margin-top:var(--s3)}

/* ---------- cards: why-us / how ---------- */
.phil-grid{gap:clamp(1rem,.5rem + 1.5vw,2rem)}
.phil-card{padding:clamp(1.75rem,1.4rem + 1vw,2.5rem);border-radius:var(--r-lg)}
.phil-card::before{background:radial-gradient(500px 220px at 85% -10%,rgba(138,43,226,.16),transparent 70%)}
.phil-card h3{font-size:var(--fs-h3);line-height:1.3;margin-bottom:.6rem}
.phil-card p{font-size:var(--fs-sm);line-height:1.7;max-width:60ch}
#how-it-works .phil-grid{counter-reset:none;position:relative}

/* ---------- simulator ---------- */
.sim-text h2{font-size:var(--fs-h2);line-height:1.15}
.sim-features li{padding-block:.35rem}
.phone-click-hint{font-weight:700}

/* ---------- portfolio ---------- */
.portfolio-card{border-radius:var(--r-lg);overflow:hidden}
.portfolio-tags span{font-weight:600}

/* ---------- testimonials / social proof ---------- */
.testimonial-grid{gap:clamp(1rem,.5rem + 1.5vw,1.75rem)}
@media (min-width:769px){.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px;margin-inline:auto}}
.testimonial-card{position:relative;padding:clamp(1.6rem,1.3rem + 1vw,2.25rem);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:var(--s3)}
.testimonial-card::before{content:"\201D";position:absolute;top:-.15em;inset-inline-end:.18em;font:900 7rem/1 Georgia,serif;
  background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.35;pointer-events:none}
.testimonial-quote{font-size:var(--fs-lg);line-height:1.6;color:#e9ecf4;position:relative}
.testimonial-author{border-top:1px solid var(--line);padding-top:var(--s2);gap:.85rem}
.testimonial-avatar{width:48px;height:48px;border-radius:50%;font-weight:800;font-size:1.15rem;color:#fff!important;display:inline-grid;place-items:center;flex:none;background:var(--grad-brand);box-shadow:0 0 0 3px rgba(255,255,255,.08),0 8px 18px -8px rgba(138,43,226,.9)}
.testimonial-author strong{font-size:1rem}

/* ---------- pricing ---------- */
.plan-icon{width:44px;height:44px;flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.home-plan-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.home-plan,.pricing-card{border-radius:var(--r-lg);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
@media (hover:hover){.home-plan:hover,.pricing-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift)}}
.home-plan.featured,.pricing-card.featured{box-shadow:0 0 0 1px rgba(0,229,255,.35),0 30px 70px -30px rgba(0,229,255,.45),0 30px 60px -30px rgba(138,43,226,.8)}
.pricing-card-header .plan-icon{width:52px;height:52px;margin-bottom:.6rem;display:block}
.home-pay-icon.icon-tile{width:52px;height:52px;border-radius:16px}
.home-pay-icon.icon-tile img{width:34px;height:34px}
.plan-terms{border-radius:var(--r-lg)}
.secure-box{border-radius:var(--r-lg)}
.secure-title img{width:30px;height:30px}
.secure-item img{width:22px;height:22px;flex:none}

/* ---------- FAQ ---------- */
.faq-item{border-radius:var(--r-md)}
.faq-item summary{min-height:56px;font-weight:700}
.faq-item[open]{border-color:rgba(0,229,255,.25)}

/* ---------- contact ---------- */
.contact-icon.icon-tile{width:56px;height:56px;border-radius:16px;font-size:0}
.contact-icon.icon-tile img{width:36px;height:36px}
.contact-form{border-radius:var(--r-lg)}
.form-input{border-radius:12px;transition:border-color .2s,box-shadow .2s}
.form-input:focus{border-color:var(--brand-cyan);box-shadow:0 0 0 4px rgba(0,229,255,.15)}

/* ---------- blog cards / covers ---------- */
.card-cover,.article-cover{display:grid;place-items:center;position:relative;overflow:hidden;border-radius:var(--r-md);
  aspect-ratio:16/8;border:1px solid rgba(255,255,255,.08);
  background:radial-gradient(60% 90% at 50% 100%,rgba(255,255,255,.10),transparent 70%),linear-gradient(135deg,#2a1268,#0f2a5a)}
.card-cover::after,.article-cover::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(180deg,#000,transparent 80%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%)}
.card-cover img,.article-cover img{position:relative;z-index:1;width:96px;height:96px;filter:drop-shadow(0 16px 18px rgba(0,0,0,.45));transition:transform .5s var(--ease)}
.cover-laptop{background:radial-gradient(60% 90% at 50% 100%,rgba(0,229,255,.22),transparent 70%),linear-gradient(135deg,#1d1460,#0b3550)}
.cover-robot{background:radial-gradient(60% 90% at 50% 100%,rgba(138,43,226,.4),transparent 70%),linear-gradient(135deg,#2b0f5c,#14123a)}
.cover-search{background:radial-gradient(60% 90% at 50% 100%,rgba(255,0,127,.25),transparent 70%),linear-gradient(135deg,#2a0f4a,#121a46)}
.cover-hospital{background:radial-gradient(60% 90% at 50% 100%,rgba(0,229,255,.25),transparent 70%),linear-gradient(135deg,#0f2b52,#1a1050)}
.cover-money{background:radial-gradient(60% 90% at 50% 100%,rgba(255,196,0,.22),transparent 70%),linear-gradient(135deg,#2a1450,#122640)}
@media (hover:hover){.blog-preview-card:hover .card-cover img,.blog-card:hover .card-cover img{transform:translateY(-6px) scale(1.05)}}
.blog-preview-card{display:flex;flex-direction:column;gap:.75rem;border-radius:var(--r-lg);padding:1rem 1rem 1.5rem}
.blog-preview-card .card-cover{margin-bottom:.5rem}
.blog-preview-card h3,.blog-preview-card p,.blog-preview-card .blog-category,.blog-preview-card .blog-preview-link{margin-inline:.5rem}
.blog-preview-card .blog-category{align-self:flex-start}
.blog-card{border-radius:var(--r-lg);padding:1rem 1rem 1.6rem}
.blog-card .card-cover{margin-bottom:1.1rem}
.blog-card > :not(.card-cover):not(.blog-card-badge){margin-inline:.6rem}
.blog-card-badge{z-index:2}
.blog-read-time::before,.blog-date::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand-cyan);margin-inline-end:.45rem;vertical-align:middle;opacity:.8}
.blog-tag-hero{font-weight:700}
.article-cover{aspect-ratio:auto;height:clamp(150px,22vw,220px);margin-bottom:var(--s3)}
.article-cover img{width:120px;height:120px}

/* ---------- article / service pages ---------- */
.article-header h1{font-size:clamp(2rem,1.4rem + 2.4vw,2.9rem);line-height:1.15;letter-spacing:-.015em}
.article-lead{font-size:var(--fs-lg);line-height:1.7;color:var(--text-secondary)}
.article-section h2{font-size:clamp(1.45rem,1.2rem + 1vw,1.9rem);line-height:1.25}
.article-section p,.article-section li{line-height:1.8}
.article-highlight{border-radius:var(--r-md);border-inline-start:3px solid var(--brand-cyan)}
.hl-icon{width:32px;height:32px;vertical-align:-8px;margin-inline-end:.5rem}
.article-cta{border-radius:var(--r-lg);background:
  radial-gradient(500px 200px at 50% 0%,rgba(138,43,226,.25),transparent 70%),
  linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),var(--surface-2)}
.article-cta .btn{flex:0 1 auto}
.price-table{border-radius:var(--r-md);overflow:hidden}

.article-content > section,.article-content > aside{padding-top:0;padding-bottom:0}
.article-content > section.article-cta{padding:clamp(1.75rem,1.2rem + 2vw,2.75rem)}
/* feature list → icon cards */
.feat-section ul{list-style:none;padding:0;margin-top:var(--s3);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.feat-li{display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;border-radius:var(--r-md);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid var(--line);line-height:1.6!important}
.feat-li::before{display:none!important;content:none!important}
.feat-li strong{color:#fff}
.li-icon{display:inline-grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:radial-gradient(120% 120% at 30% 15%,rgba(255,255,255,.16),transparent 55%),linear-gradient(150deg,rgba(138,43,226,.34),rgba(0,229,255,.12));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 22px -12px rgba(138,43,226,.9)}
.li-icon img{width:32px;height:32px}
.feat-section .feat-li:last-child:nth-child(odd){grid-column:1 / -1}

/* numbered steps */
ol.steps{list-style:none;padding:0;counter-reset:st;display:grid;gap:.85rem;margin-top:var(--s3)}
ol.steps li{counter-increment:st;position:relative;padding:1rem 1.1rem;padding-inline-start:4rem;border-radius:var(--r-md);background:rgba(255,255,255,.03);border:1px solid var(--line)}
ol.steps li::before{content:counter(st);position:absolute;inset-inline-start:1rem;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;font:800 .95rem/1 var(--font-english);color:#0b0820;background:linear-gradient(135deg,#7ff3ff,#00E5FF)}

/* pros / cons lists in posts */
li.is-pro,li.is-con{list-style:none;position:relative;padding-inline-start:2rem}
li.is-pro::before,li.is-con::before{position:absolute;inset-inline-start:0;top:.25em;width:1.3rem;height:1.3rem;border-radius:50%;display:grid;place-items:center;font:800 .75rem/1 var(--font-english)}
li.is-pro::before{content:"✓";background:rgba(61,214,140,.18);color:#3DD68C;border:1px solid rgba(61,214,140,.4)}
li.is-con::before{content:"✕";background:rgba(255,0,127,.14);color:#ff6fae;border:1px solid rgba(255,0,127,.35)}

/* service page hero visuals */
.svc-visual{position:relative;margin-top:var(--s4);aspect-ratio:16/9;isolation:isolate}
.svc-visual::before{content:"";position:absolute;inset:8% 10% -4% 10%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(138,43,226,.5),rgba(0,229,255,.15) 60%,transparent 78%);filter:blur(28px)}
.svc-visual-web .b1{top:0;inset-inline-start:0;width:76%}
.svc-visual-web .b2{bottom:0;inset-inline-end:0;width:56%;box-shadow:0 40px 80px -24px rgba(0,0,0,.95)}
.svc-visual-web .svc-chip{bottom:8%;inset-inline-start:4%}
.svc-visual-bot{aspect-ratio:auto;height:clamp(360px,52vw,470px)}
.svc-visual-bot .device-phone{width:min(240px,60%);left:50%;top:0;transform:translateX(-50%)}
.svc-visual-bot .svc-chip-1{top:16%;inset-inline-start:2%}
.svc-visual-bot .svc-chip-2{bottom:16%;inset-inline-end:2%}

/* ---------- footer (same on every page) ---------- */
footer.site-footer{position:relative;padding:var(--s6) 0 var(--s4);background:linear-gradient(180deg,var(--surface-1),#020109);border-top:1px solid var(--line)}
footer.site-footer::before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.6),rgba(138,43,226,.6),transparent)}
.site-footer .footer-grid{gap:clamp(2rem,1rem + 3vw,4rem);align-items:start}
.site-footer .footer-desc{max-width:36ch;line-height:1.7}
.footer-contact{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;gap:.6rem}
.footer-contact a{display:inline-flex;align-items:center;gap:.6rem;color:var(--text-secondary);text-decoration:none;min-height:40px;font-weight:600}
.footer-contact a:hover{color:#fff}
.footer-contact img{width:22px;height:22px}
.site-footer .footer-col h4{font-size:.95rem;letter-spacing:.02em;color:#fff;margin-bottom:var(--s2)}
.site-footer .footer-col a{color:var(--text-secondary);display:inline-block;padding-block:.3rem;min-height:32px}
.site-footer .footer-col a:hover{color:var(--brand-cyan)}
.site-footer .footer-bottom{display:block;margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--line);text-align:center}
.footer-trust{list-style:none;padding:0;margin:0 0 var(--s2);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1.4rem;font-size:var(--fs-xs);color:var(--text-secondary);font-weight:600}
.footer-trust li{display:inline-flex;align-items:center;gap:.45rem}
.footer-trust img{width:20px;height:20px}
.footer-cards{gap:.35rem!important}
.footer-cards b{font:800 .66rem/1 var(--font-english);letter-spacing:.03em;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#e8ecf4}
.footer-copy{font-size:var(--fs-xs);color:var(--text-secondary);margin:0}
.footer-legal{font-size:.75rem;color:var(--text-muted);margin:.4rem 0 0}

/* ---------- floating buttons ---------- */
.accessibility-trigger{font-size:0;display:grid;place-items:center;background:linear-gradient(150deg,#3b1d84,#151040)!important;border:1px solid rgba(255,255,255,.18)!important}
.accessibility-trigger img{width:30px;height:30px}

/* ---------- 404 ---------- */
.nf-icon{display:block;margin:0 auto 1rem;width:120px;height:120px;filter:drop-shadow(0 20px 24px rgba(0,0,0,.5))}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-content{text-align:center}
  .hero-content p{margin-inline:auto}
  .hero-ctas{justify-content:center}
  .hero-devices{max-width:640px;width:100%;margin:0 auto}
  .hero-visual.hero-devices{order:0}
}
@media (max-width:768px){
  :root{--section-y:clamp(3.5rem,2.5rem + 5vw,4.5rem)}
  .hero{padding-top:calc(var(--header-height) + 2rem)}
  .hero-visual.hero-devices{display:block;margin-top:var(--s3)}
  .hero-devices{aspect-ratio:16/13}
  .hero-devices .device-browser{width:90%;transform:none;border-radius:12px}
  .device-bar{height:24px}
  .device-address{font-size:.62rem;padding:4px 10px}
  .device-phone{border-radius:22px;padding:5px}
  .device-phone img{border-radius:18px}
  .device-phone::before{top:9px;height:10px}
  .hero-devices .device-phone{width:34%}
  .hero-chip{font-size:.78rem;padding:.4rem .7rem;gap:.4rem;border-radius:12px}
  .hero-chip img{width:24px;height:24px}
  .hero-chip-1{top:auto;bottom:4%;inset-inline-start:0}
  .hero-chip-2{top:-3%;inset-inline-end:0}
  .feat-section ul{grid-template-columns:minmax(0,1fr)}
  .svc-visual-web{aspect-ratio:16/11}
  .svc-visual-web .b1{width:84%}.svc-visual-web .b2{width:62%}
  .svc-visual-web .svc-chip{bottom:2%;inset-inline-start:0}
  .svc-visual-bot{height:400px}
  .svc-visual-bot .device-phone{width:200px}
  .svc-visual-bot .svc-chip-1{inset-inline-start:0;top:10%}
  .svc-visual-bot .svc-chip-2{inset-inline-end:0;bottom:12%}
  .phil-icon.icon-tile{width:64px;height:64px}
  .testimonial-card::before{font-size:5.5rem}
  .site-footer .footer-links{gap:var(--s3)}
}
@media (max-width:480px){
  .hero-chip-2{display:none}
}
@media (max-width:380px){
  .hero-chip span{max-width:9.5rem;overflow:hidden;text-overflow:ellipsis}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important}
  .btn:hover,.phil-card:hover,.home-plan:hover,.pricing-card:hover{transform:none!important}
}

/* ---------- v1.1: globe hero restored (Shay's call), styled to the new system ---------- */
.hero-globe{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hero-globe::before{content:"";position:absolute;width:118%;aspect-ratio:1;max-width:620px;z-index:-1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(138,43,226,.38),rgba(0,229,255,.12) 55%,transparent 75%);filter:blur(24px)}
.hero-globe .floating-sphere{width:min(440px,100%);height:auto;aspect-ratio:1;max-width:440px;max-height:none}
.hero-globe .floating-card{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.05rem .6rem .85rem;border-radius:16px;
  font-weight:700;font-size:.92rem;color:#fff;white-space:nowrap;z-index:2;
  background:rgba(14,11,36,.84);border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 36px -16px rgba(0,0,0,.9),0 0 24px -8px rgba(138,43,226,.6);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-globe .floating-card img{width:28px;height:28px;flex:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}
.hero-globe .floating-card-1{top:4%;right:-2%}
.hero-globe .floating-card-2{bottom:6%;left:-4%}
@media (max-width:1024px){
  .hero-globe{order:-1;margin:0 auto var(--s2);width:100%;max-width:440px}
}
@media (max-width:768px){
  .hero-globe .floating-sphere{width:min(260px,72vw);max-width:260px}
  .hero-globe::before{width:100%;max-width:340px}
  .hero-globe{padding-block:1.25rem}
  .hero-globe .floating-card{font-size:.78rem;padding:.42rem .75rem .42rem .6rem;gap:.4rem;border-radius:12px;max-width:calc(100vw - 2.5rem)}
  .hero-globe .floating-card img{width:22px;height:22px}
  .hero-globe .floating-card-1{top:0;right:0}
  .hero-globe .floating-card-2{bottom:0;left:0}
  /* plan cards on phones: no dead space between the feature list and the button */
  .pricing-card .pricing-features{flex:0 0 auto;margin-bottom:1.5rem}
  .pricing-card .pricing-features li:last-child{margin-bottom:0}
  .home-plan .home-plan-features{flex:0 0 auto}
}

/* ---------- v1.2: centered icon stacks (Shay) ---------- */
/* Terms box: each item = icon on top, heading + text centered below */
.plan-terms h2,.plan-terms h3{text-align:center}
.plan-terms .home-pay-list{gap:.85rem}
.plan-terms .home-pay-list li{flex-direction:column;align-items:center;text-align:center;gap:.7rem;
  padding:1.15rem 1rem 1.2rem;border-radius:var(--r-md);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid var(--line)}
.plan-terms .home-pay-list p{max-width:34ch;margin-inline:auto}
.plan-terms .home-pay-list strong{margin-bottom:.25rem}
.plan-terms .home-pay-icon.icon-tile{width:60px;height:60px;border-radius:18px}
.plan-terms .home-pay-icon.icon-tile img{width:40px;height:40px}
@media (min-width:600px){.plan-terms .home-pay-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){.plan-terms .home-pay-list{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Same pattern for the other icon cards: why-us / how-it-works, service feature cards */
.phil-card{text-align:center}
.phil-card .phil-icon.icon-tile{display:grid;margin-inline:auto}
.phil-card p{margin-inline:auto}
.feat-li{flex-direction:column;align-items:center;text-align:center;gap:.65rem;padding:1.25rem 1.1rem}

/* ---------- v1.3: original "space cookies in orbit" consent banner restored (Shay) ----------
   The redesign's .glass / .btn overrides had flattened it; put back the original look. */
.cookie-banner.glass{background:rgba(8,6,22,.92);border:1px solid rgba(138,43,226,.35);border-radius:24px;
  box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px rgba(138,43,226,.2);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.cookie-banner .btn{min-height:0;border-radius:12px;font-weight:600;letter-spacing:normal;transition:all .3s cubic-bezier(.4,0,.2,1)}
.cookie-banner .btn-accent{box-shadow:0 4px 15px var(--accent-glow)}
@media (hover:hover){.cookie-banner .btn:hover{transform:translateY(-3px);filter:none}}