/* GaliVue V4.2 — multilingual SEO + premium spacing/responsive layer.
   Brand rules: cream canvas, near-black ink, signature lime accent, rounded white
   product panels and restrained shadows. Loaded after the proven V3.9.94 SEO base. */

:root{
  --gv41-cream:#f5f2eb;
  --gv41-cream-2:#fbf8f2;
  --gv41-ink:#111214;
  --gv41-muted:#69645c;
  --gv41-lime:#c8ff3d;
  --gv41-lime-deep:#9ee000;
  --gv41-line:rgba(17,18,20,.10);
  --gv41-panel:rgba(255,255,255,.84);
  --gv41-shadow:0 24px 70px rgba(17,18,20,.08);
}

html{scroll-padding-top:110px}
body{background:var(--gv41-cream);color:var(--gv41-ink);overflow-x:hidden}

/* Same floating premium header language as the V4 homepage. */
.seo-header{
  position:sticky;
  top:12px;
  z-index:40;
  width:min(1240px,calc(100% - 32px));
  margin:12px auto 0;
  padding:12px 16px 12px 18px;
  border:1px solid rgba(17,18,20,.075);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 15px 45px rgba(17,18,20,.08);
  backdrop-filter:blur(18px) saturate(135%);
}
.seo-brand{display:inline-flex;align-items:center;min-height:38px}
.seo-brand img{width:102px!important;height:auto!important}
.seo-nav{gap:clamp(14px,2vw,26px)}
.seo-nav a{
  position:relative;
  color:var(--gv41-ink);
  font-size:.88rem;
  font-weight:800;
}
.seo-nav a:not(.cta)::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-7px;
  height:2px;
  border-radius:999px;
  background:var(--gv41-ink);
  transition:right .2s ease;
}
.seo-nav a:not(.cta):hover::after{right:0}
.seo-nav .cta{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  padding:10px 16px;
  border:1px solid rgba(158,224,0,.44);
  border-radius:13px;
  background:var(--gv41-lime);
  color:#111214;
  box-shadow:0 8px 22px rgba(158,224,0,.16);
}

.seo-main{margin-top:-78px;padding-top:78px}
.seo-hero{
  min-height:72vh;
  padding-top:clamp(110px,12vw,150px);
  border-bottom:1px solid rgba(17,18,20,.055);
}
.seo-hero:before{
  background:
    radial-gradient(circle at 50% 70%,rgba(200,255,61,.25),transparent 25%),
    radial-gradient(circle at 50% 34%,rgba(255,255,255,.98),transparent 42%),
    linear-gradient(180deg,#fbf8f2 0%,#f0ece3 100%);
}
.seo-hero:after{opacity:.92}
.hero-inner{width:min(1040px,100%)}
.eyebrow{color:#292a27}
h1{
  max-width:1000px;
  color:var(--gv41-ink);
  font-size:clamp(3.25rem,7.05vw,6.9rem);
  line-height:.91;
  letter-spacing:-.07em;
}
.hero-copy{max-width:780px;color:var(--gv41-muted)}
.button{
  min-height:50px;
  padding:13px 20px;
  border-radius:14px;
  border-color:rgba(17,18,20,.11);
  box-shadow:0 8px 25px rgba(17,18,20,.045);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.button:hover{transform:translateY(-1px);box-shadow:0 13px 30px rgba(17,18,20,.08)}
.button.primary{background:var(--gv41-lime);border-color:var(--gv41-lime)}
.trust{color:#666158;font-weight:760}

/* A compact proof rail mirrors the V4 homepage's workflow language. */
.seo-proof-strip{
  position:relative;
  z-index:5;
  width:min(1100px,calc(100% - 40px));
  margin:-34px auto 20px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  border:1px solid rgba(17,18,20,.09);
  border-radius:22px;
  background:rgba(255,255,255,.93);
  box-shadow:var(--gv41-shadow);
  backdrop-filter:blur(12px);
}
.seo-proof-strip>div{padding:20px 22px;border-right:1px solid rgba(17,18,20,.08)}
.seo-proof-strip>div:last-child{border-right:0}
.seo-proof-strip span{
  display:inline-grid;
  place-items:center;
  width:28px;height:28px;
  margin-bottom:9px;
  border-radius:999px;
  background:rgba(200,255,61,.42);
  font-size:.68rem;
  font-weight:950;
}
.seo-proof-strip b{display:block;font-size:1rem;letter-spacing:-.015em}
.seo-proof-strip small{display:block;margin-top:5px;color:var(--gv41-muted);font-size:.82rem;line-height:1.45}

.section{position:relative}
.section:nth-of-type(even){background:rgba(255,255,255,.20)}
.section-inner{width:min(1180px,100%)}
.split{
  gap:clamp(34px,6vw,88px);
  padding:clamp(26px,4vw,46px);
  border:1px solid rgba(17,18,20,.075);
  border-radius:28px;
  background:var(--gv41-panel);
  box-shadow:0 18px 58px rgba(17,18,20,.045);
}
.section h2{color:var(--gv41-ink)}
.lead,.copy p{color:var(--gv41-muted)}
.card,.step,.seo-link{
  border-color:rgba(17,18,20,.085);
  background:rgba(255,255,255,.91);
  box-shadow:0 12px 38px rgba(17,18,20,.035);
}
.card,.step{border-radius:20px}
.step:before{background:var(--gv41-lime)}

.seo-cluster{gap:12px}
.seo-link{
  position:relative;
  min-height:112px;
  padding:20px 48px 20px 20px;
  border-radius:18px;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.seo-link::after{
  content:"→";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:999px;
  background:#f0ece3;
  color:#68635b;
  font-weight:900;
}
.seo-link:hover{
  transform:translateY(-2px);
  border-color:rgba(158,224,0,.48);
  box-shadow:0 18px 42px rgba(17,18,20,.07);
}
.seo-link:hover::after{background:var(--gv41-lime);color:#111214}

.final-cta{padding-top:clamp(50px,7vw,90px)}
.final-cta .box{
  position:relative;
  overflow:hidden;
  width:min(1120px,100%);
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(135deg,#111214 0%,#090a0a 74%,#151b0d 100%);
  box-shadow:0 30px 90px rgba(17,18,20,.20);
}
.final-cta .box::after{
  content:"";
  position:absolute;
  right:-130px;bottom:-180px;
  width:400px;height:400px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(200,255,61,.17),transparent 65%);
  pointer-events:none;
}
.final-cta h2,.final-cta p,.final-cta .button{position:relative;z-index:1}
.final-cta .button.primary{color:#111214}

.seo-footer{
  width:min(1240px,calc(100% - 32px));
  margin:0 auto 24px;
  padding:28px 28px;
  border:0;
  border-radius:22px;
  background:#111214;
  color:#fff;
}
.footer-inner{width:100%;align-items:center}
.footer-inner img{width:98px}
.footer-links a{color:#c9c6bf;font-weight:720}
.footer-links a:hover{color:var(--gv41-lime)}

/* Keyboard/accessibility polish. */
a:focus-visible,.button:focus-visible{
  outline:3px solid var(--gv41-lime-deep);
  outline-offset:3px;
  border-radius:10px;
}

@media(max-width:820px){
  .seo-header{top:8px;width:calc(100% - 20px);margin-top:8px;padding:10px 12px 10px 14px}
  .seo-main{margin-top:-68px;padding-top:68px}
  .seo-hero{padding-top:94px}
  .seo-proof-strip{grid-template-columns:1fr;margin-top:-24px;width:calc(100% - 28px)}
  .seo-proof-strip>div{border-right:0;border-bottom:1px solid rgba(17,18,20,.08);padding:16px 18px}
  .seo-proof-strip>div:last-child{border-bottom:0}
  .split{padding:24px 20px;border-radius:22px}
  .seo-footer{width:calc(100% - 20px);margin-bottom:10px;padding:24px 20px}
}

@media(max-width:480px){
  h1{font-size:clamp(2.7rem,13.8vw,4.15rem);line-height:.93}
  .seo-brand img{width:88px!important}
  .seo-nav .cta{font-size:.79rem;padding:9px 11px}
  .hero-actions{gap:9px}
  .split{padding:20px 17px}
  .seo-link{min-height:0}
}

@media(prefers-reduced-motion:reduce){
  .button,.seo-link,.seo-nav a::after{transition:none!important}
}


/* V4.2 — no-overlap navigation and tighter premium rhythm.
   The SEO header stays visually floating but no longer sticks over content. */
html{scroll-padding-top:24px}
.seo-header{position:relative;top:auto}
.seo-main{margin-top:0;padding-top:0}
.seo-hero{min-height:66vh;padding-top:clamp(62px,8vw,104px);padding-bottom:clamp(58px,7vw,86px)}
.section{padding:clamp(44px,5.4vw,74px) 20px}
.split{align-items:center;padding:clamp(23px,3.3vw,38px)}
.section h2{font-size:clamp(2.1rem,4.15vw,4.25rem)}
.seo-cluster{grid-auto-rows:1fr}
.seo-link{height:100%}
.final-cta{padding-top:clamp(30px,4vw,54px);padding-bottom:clamp(52px,6vw,76px)}
.section + .final-cta{margin-top:-10px}

/* Language navigation used by localized SEO pages. */
.seo-language-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.seo-language-nav a{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid rgba(17,18,20,.10);border-radius:999px;background:rgba(255,255,255,.72);color:var(--gv41-muted);font-size:.72rem;font-weight:900;text-decoration:none}
.seo-language-nav a[aria-current="page"]{background:var(--gv41-ink);color:#fff;border-color:var(--gv41-ink)}
.seo-language-nav a:hover{border-color:rgba(158,224,0,.55);color:var(--gv41-ink)}

@media(max-width:980px){
  .seo-header{width:calc(100% - 24px);margin-top:10px;gap:12px}
  .seo-nav{gap:12px}
  .seo-language-nav{order:3;width:100%;justify-content:flex-end;margin-top:2px}
  .seo-header{flex-wrap:wrap}
}
@media(max-width:820px){
  html{scroll-padding-top:16px}
  .seo-main{margin-top:0;padding-top:0}
  .seo-hero{padding-top:54px;padding-bottom:58px}
  h1{font-size:clamp(2.85rem,9.5vw,5.05rem);line-height:.92}
  .section{padding-top:38px;padding-bottom:38px}
  .section h2{font-size:clamp(2rem,7.2vw,3.55rem)}
  .split{align-items:start;padding:22px 18px}
  .final-cta{padding-top:28px}
}
@media(max-width:620px){
  .seo-language-nav{justify-content:flex-start}
  .seo-proof-strip{margin-top:-18px}
  h1{font-size:clamp(2.55rem,12vw,3.85rem);letter-spacing:-.06em}
  .hero-copy{font-size:1rem;line-height:1.58}
  .section h2{font-size:clamp(1.95rem,10vw,3rem)}
  .seo-footer{border-radius:18px}
}
@media(max-width:480px){
  h1{font-size:clamp(2.45rem,12.4vw,3.55rem)}
  .seo-header{width:calc(100% - 16px);margin-top:8px;padding:9px 10px 9px 12px;border-radius:15px}
  .seo-language-nav a{min-width:32px;height:32px;padding:0 7px}
  .seo-hero{padding-top:46px}
  .split{padding:19px 16px}
}