/* GaliVue V5.2.1 SEO R3 — Premium conversion layer.
   Scope: public SEO growth pages only. No application/workspace ownership. */
:root{
  --r3-ink:#101112;
  --r3-muted:#6c675f;
  --r3-cream:#f5f2eb;
  --r3-cream2:#fbf8f2;
  --r3-lime:#c8ff3d;
  --r3-lime-deep:#9ee000;
  --r3-line:rgba(16,17,18,.09);
  --r3-shadow:0 28px 90px rgba(16,17,18,.09);
}
body{background:var(--r3-cream)}
.seo-main,.guide-main{background:linear-gradient(180deg,#fbf8f2 0,#f5f2eb 22%,#f5f2eb 100%)}

/* Refined public header: same calm, floating SaaS language as LIVE. */
.seo-header{
  width:min(1240px,calc(100% - 32px));
  margin:12px auto 0;
  padding:10px 14px 10px 16px;
  border-radius:18px;
  border:1px solid rgba(16,17,18,.075);
  background:rgba(255,255,255,.91);
  box-shadow:0 14px 48px rgba(16,17,18,.075);
  backdrop-filter:blur(18px) saturate(138%);
}
.seo-brand img{width:96px!important}
.seo-nav{gap:clamp(13px,1.8vw,24px)}
.seo-nav a{font-size:.84rem!important;font-weight:850!important}
.seo-nav .cta{min-height:40px!important;padding:9px 15px!important;border-radius:999px!important;box-shadow:0 9px 26px rgba(158,224,0,.17)!important}
.seo-language-nav{gap:5px!important}
.seo-language-nav a{min-width:32px!important;height:32px!important;padding:0 7px!important;font-size:.68rem!important}

/* Hero rhythm: premium rather than poster-sized. */
.seo-hero{min-height:auto!important;padding-top:clamp(64px,7.5vw,108px)!important;padding-bottom:clamp(62px,7vw,94px)!important}
.seo-hero h1{font-size:clamp(3.1rem,6.45vw,6.4rem)!important;line-height:.92!important;max-width:980px!important}
.guide-hero,.guide-hub-hero{padding-top:clamp(66px,8vw,112px)!important;padding-bottom:clamp(52px,6.5vw,82px)!important}
.guide-hero h1,.guide-hub-hero h1{font-size:clamp(3rem,6.25vw,6.25rem)!important;line-height:.92!important;max-width:960px!important}
.hero-copy,.guide-dek{color:var(--r3-muted)!important}

/* Premium product stage shared across the four growth intents. */
.gv-r3-showcase{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:min(1180px,calc(100% - 40px));
  margin:clamp(42px,6vw,78px) auto;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);
  align-items:center;
  gap:clamp(30px,4vw,64px);
  padding:clamp(32px,4.2vw,58px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:34px;
  color:#fff;
  background:linear-gradient(137deg,#0b0c0d 0%,#111315 68%,#151d0d 100%);
  box-shadow:0 34px 100px rgba(16,17,18,.22);
}
.gv-r3-showcase::before{
  content:"";position:absolute;z-index:-1;right:-10%;bottom:-45%;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(200,255,61,.22),rgba(200,255,61,.055) 42%,transparent 70%);
}
.gv-r3-showcase::after{
  content:"";position:absolute;z-index:-1;inset:0;opacity:.16;
  background:linear-gradient(90deg,transparent 0 49.8%,rgba(255,255,255,.08) 50%,transparent 50.2%);
}
.gv-r3-kicker{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:#d9d5cd;font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.gv-r3-kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--r3-lime);box-shadow:0 0 0 6px rgba(200,255,61,.08)}
.gv-r3-showcase h2{margin:0;color:#fff;font-size:clamp(2.5rem,4.5vw,5.1rem);line-height:.94;letter-spacing:-.058em;text-wrap:balance}
.gv-r3-showcase p{max-width:650px;margin:18px 0 0;color:#c9c5bd;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.65}
.gv-r3-showcase-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.gv-r3-showcase .button{border-radius:999px!important}
.gv-r3-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;text-decoration:none;font-weight:850;background:rgba(255,255,255,.055)}
.gv-r3-ghost:hover{background:rgba(255,255,255,.1)}
.gv-r3-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.gv-r3-pills span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:#ddd9d1;font-size:.76rem;font-weight:780}
.gv-r3-pills span::before{content:"✓";color:var(--r3-lime);font-weight:950}
.gv-r3-product-stage{position:relative;min-width:0;display:grid;place-items:center;padding:10px}
.gv-r3-product-stage::before{content:"";position:absolute;inset:12% 6% 2%;border-radius:34px;background:radial-gradient(circle at 58% 60%,rgba(200,255,61,.18),transparent 60%);filter:blur(12px)}
.gv-r3-product-stage img{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:580px;object-fit:contain;filter:drop-shadow(0 28px 42px rgba(0,0,0,.34))}
.gv-r3-live-badge{position:absolute;z-index:3;right:4%;top:4%;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.94);color:#151515;font-size:.71rem;font-weight:900;box-shadow:0 10px 32px rgba(0,0,0,.18)}
.gv-r3-live-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--r3-lime-deep)}

/* Make educational guides feel like product-grade resources. */
.guide-intro{margin-top:-20px!important}
.guide-summary,.guide-toc{border-radius:26px!important;box-shadow:0 24px 74px rgba(16,17,18,.065)!important}
.guide-body{display:grid!important;gap:18px!important;margin-top:clamp(48px,6vw,78px)!important}
.guide-section{
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:22px!important;
  margin:0!important;
  padding:clamp(24px,3.2vw,36px)!important;
  border:1px solid var(--r3-line)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 18px 58px rgba(16,17,18,.045)!important;
}
.guide-section:first-child{border-top:1px solid var(--r3-line)!important}
.guide-section-number{width:44px!important;height:44px!important;background:rgba(200,255,61,.60)!important;box-shadow:0 0 0 7px rgba(200,255,61,.08)}
.guide-section h2{font-size:clamp(2rem,3.55vw,3.65rem)!important;line-height:.99!important;letter-spacing:-.05em!important;text-wrap:balance}
.guide-section p,.guide-section li{font-size:1.02rem!important;line-height:1.72!important}
.guide-avoid{background:linear-gradient(140deg,#121315,#0c0d0e)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 24px 76px rgba(16,17,18,.14)!important}
.guide-avoid h2{color:#fff!important}.guide-avoid p,.guide-avoid li{color:#c9c5bd!important}.guide-avoid .guide-section-number{background:#111!important;color:var(--r3-lime)!important;box-shadow:0 0 0 1px rgba(200,255,61,.3)}
.guide-next{border-radius:28px!important;box-shadow:0 20px 60px rgba(16,17,18,.055)!important}
.guide-card{border-radius:24px!important;box-shadow:0 18px 56px rgba(16,17,18,.045)!important}

/* Conversion section: price is visible without turning the page into a hard sell. */
.gv-r3-conversion{width:min(1180px,calc(100% - 40px));margin:clamp(54px,7vw,92px) auto;padding:0}
.gv-r3-conversion-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.62fr);gap:clamp(28px,5vw,70px);align-items:end;margin-bottom:28px}
.gv-r3-conversion-head h2{max-width:760px;margin:8px 0 0;font-size:clamp(2.65rem,5vw,5.55rem);line-height:.94;letter-spacing:-.06em;text-wrap:balance}
.gv-r3-conversion-head p{margin:0;color:var(--r3-muted);font-size:1.04rem;line-height:1.66}
.gv-r3-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gv-r3-plan{position:relative;min-width:0;padding:22px;border:1px solid var(--r3-line);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 18px 55px rgba(16,17,18,.045)}
.gv-r3-plan.is-featured{border-color:rgba(158,224,0,.48);background:linear-gradient(160deg,#111315 0%,#111315 72%,#17200d 100%);color:#fff;box-shadow:0 26px 76px rgba(16,17,18,.16)}
.gv-r3-plan-tag{display:inline-flex;margin-bottom:18px;padding:6px 9px;border-radius:999px;background:#efebe3;color:#5f5a52;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.gv-r3-plan.is-featured .gv-r3-plan-tag{background:var(--r3-lime);color:#111}
.gv-r3-plan-name{display:block;font-size:.92rem;font-weight:900}
.gv-r3-plan-price{display:flex;align-items:flex-end;gap:5px;margin:7px 0 10px;font-size:clamp(2rem,3.2vw,3.25rem);font-weight:950;letter-spacing:-.055em;line-height:1}
.gv-r3-plan-price small{padding-bottom:4px;color:var(--r3-muted);font-size:.72rem;font-weight:800;letter-spacing:0}
.gv-r3-plan.is-featured .gv-r3-plan-price small{color:#c9c5bd}
.gv-r3-plan p{min-height:46px;margin:0;color:var(--r3-muted);font-size:.83rem;line-height:1.48}
.gv-r3-plan.is-featured p{color:#c9c5bd}
.gv-r3-plan a{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:18px;border:1px solid rgba(16,17,18,.10);border-radius:999px;background:#f4f0e8;color:#111;text-decoration:none;font-size:.8rem;font-weight:900}
.gv-r3-plan.is-featured a{border-color:var(--r3-lime);background:var(--r3-lime)}
.gv-r3-confidence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.gv-r3-confidence span{display:flex;align-items:center;gap:8px;padding:13px 14px;border:1px solid var(--r3-line);border-radius:16px;background:rgba(255,255,255,.62);color:#5f5b54;font-size:.76rem;font-weight:780}
.gv-r3-confidence span::before{content:"✓";display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:rgba(200,255,61,.62);color:#355100;font-weight:950}
.gv-r3-billing-note{margin:12px 2px 0;color:#817b72;font-size:.72rem;line-height:1.45}

/* Existing CTA becomes a high-confidence closing panel. */
.final-cta .box{border-radius:34px!important;padding:clamp(38px,5vw,68px)!important}
.final-cta .box h2{max-width:850px;margin-left:auto;margin-right:auto;font-size:clamp(2.75rem,5.35vw,5.7rem)!important;line-height:.93!important;letter-spacing:-.06em!important}
.final-cta .box p{max-width:690px!important;margin-left:auto!important;margin-right:auto!important;font-size:1.02rem!important;line-height:1.6!important;color:#c9c5bd!important}
.final-cta .button.primary{min-height:52px!important;padding:14px 22px!important;border-radius:999px!important}

/* Landing-page commercial sections get more visual rhythm. */
.seo-main>.section .split{border-radius:30px!important;padding:clamp(28px,4vw,48px)!important;background:rgba(255,255,255,.78)!important;box-shadow:0 20px 66px rgba(16,17,18,.05)!important}
.seo-main>.section h2{font-size:clamp(2.2rem,4vw,4.35rem)!important;line-height:.97!important}
.seo-proof-strip{border-radius:24px!important;box-shadow:0 26px 78px rgba(16,17,18,.09)!important}

@media(max-width:980px){
  .gv-r3-showcase{grid-template-columns:1fr;padding:34px 28px}
  .gv-r3-showcase-copy{max-width:760px}
  .gv-r3-product-stage{max-width:780px;margin:0 auto;width:100%}
  .gv-r3-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gv-r3-confidence{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .seo-hero h1{font-size:clamp(2.85rem,9.7vw,4.85rem)!important}
  .guide-hero h1,.guide-hub-hero h1{font-size:clamp(2.75rem,9.4vw,4.7rem)!important}
  .gv-r3-showcase{width:calc(100% - 28px);margin:38px auto;border-radius:28px}
  .gv-r3-conversion{width:calc(100% - 28px)}
  .gv-r3-conversion-head{grid-template-columns:1fr;gap:12px}
  .guide-section{grid-template-columns:48px minmax(0,1fr)!important;gap:16px!important}
}
@media(max-width:620px){
  .seo-header{width:calc(100% - 16px)!important;margin-top:8px!important;padding:8px 10px!important;row-gap:6px!important}
  .seo-brand img{width:84px!important}
  .seo-nav .cta{min-height:36px!important;padding:8px 12px!important;font-size:.74rem!important}
  .seo-language-nav a{min-width:29px!important;height:29px!important;font-size:.63rem!important}
  .seo-hero{padding-top:44px!important;padding-bottom:54px!important}
  .seo-hero h1{font-size:clamp(2.42rem,10.4vw,3.12rem)!important;line-height:.96!important;letter-spacing:-.052em!important}
  .guide-hero,.guide-hub-hero{padding:48px 16px 44px!important}
  .guide-hero h1,.guide-hub-hero h1{font-size:clamp(2.35rem,10vw,3.05rem)!important;line-height:.96!important;letter-spacing:-.052em!important}
  .guide-dek,.hero-copy{font-size:.98rem!important;line-height:1.6!important}
  .guide-meta{font-size:.7rem!important;gap:9px!important}
  .guide-intro{width:calc(100% - 20px)!important;gap:10px!important}
  .guide-summary,.guide-toc{padding:20px 18px!important;border-radius:20px!important}
  .guide-summary p{font-size:.98rem!important;line-height:1.65!important}
  .guide-toc a{font-size:.9rem!important}
  .guide-body{width:calc(100% - 20px)!important;gap:12px!important;margin-top:34px!important}
  .guide-section{grid-template-columns:1fr!important;gap:10px!important;padding:22px 18px!important;border-radius:22px!important}
  .guide-section-number{width:38px!important;height:38px!important;font-size:.7rem!important}
  .guide-section h2{font-size:clamp(1.85rem,8vw,2.35rem)!important;line-height:1!important;letter-spacing:-.043em!important}
  .guide-section p,.guide-section li{font-size:.98rem!important;line-height:1.67!important}
  .guide-related,.guide-products,.guide-hub-grid,.guide-main .final-cta{width:calc(100% - 20px)!important}
  .guide-related h2,.guide-products h2{font-size:clamp(2rem,8.6vw,2.75rem)!important}
  .guide-card{padding:19px!important;border-radius:20px!important}
  .guide-card strong{font-size:1.35rem!important}
  .gv-r3-showcase{width:calc(100% - 20px);margin:30px auto;padding:28px 18px 22px;border-radius:26px;gap:20px}
  .gv-r3-showcase h2{font-size:clamp(2.15rem,9.4vw,2.8rem);line-height:.97}
  .gv-r3-showcase p{font-size:.96rem;line-height:1.6}
  .gv-r3-showcase-actions{align-items:stretch;flex-direction:column}
  .gv-r3-showcase .button,.gv-r3-ghost{width:100%}
  .gv-r3-pills{gap:6px}.gv-r3-pills span{font-size:.69rem;padding:7px 9px}
  .gv-r3-live-badge{right:1%;top:0;font-size:.64rem}
  .gv-r3-product-stage{padding:4px 0 0}
  .gv-r3-conversion{width:calc(100% - 20px);margin:40px auto}
  .gv-r3-conversion-head h2{font-size:clamp(2.25rem,9.5vw,3rem);line-height:.97}
  .gv-r3-conversion-head p{font-size:.96rem}
  .gv-r3-plans{grid-template-columns:1fr 1fr;gap:8px}
  .gv-r3-plan{padding:16px 14px;border-radius:20px}
  .gv-r3-plan-tag{margin-bottom:12px;font-size:.58rem;padding:5px 7px}
  .gv-r3-plan-price{font-size:2rem}.gv-r3-plan-price small{font-size:.62rem}
  .gv-r3-plan p{min-height:58px;font-size:.74rem}.gv-r3-plan a{min-height:40px;font-size:.72rem;margin-top:13px}
  .gv-r3-confidence{grid-template-columns:1fr;gap:7px}.gv-r3-confidence span{padding:10px 12px;font-size:.72rem}
  .final-cta .box{border-radius:26px!important;padding:32px 18px!important}
  .final-cta .box h2{font-size:clamp(2.3rem,9.8vw,3.05rem)!important;line-height:.96!important}
  .final-cta .box p{font-size:.95rem!important}
  .seo-main>.section .split{border-radius:22px!important;padding:22px 18px!important}
  .seo-main>.section h2{font-size:clamp(2rem,8.4vw,2.75rem)!important}
}
@media(max-width:390px){
  .seo-hero h1,.guide-hero h1,.guide-hub-hero h1{font-size:clamp(2.25rem,10vw,2.78rem)!important}
  .guide-section h2{font-size:clamp(1.76rem,7.8vw,2.2rem)!important}
  .gv-r3-plans{grid-template-columns:1fr}
  .gv-r3-plan p{min-height:0}
}
@media(prefers-reduced-motion:reduce){.gv-r3-showcase,.gv-r3-plan{scroll-behavior:auto}}