/* =========================================================
   THORKIA WEB V31 · FUTURE ARCHITECTURE SYSTEM
   Baseline: _thorkia.com (3).zip
   Direction approved 2026-08-31
   Purpose: visual system only. Does not alter SEO/routes/business logic.
   ========================================================= */

:root{
  --v31-bg:#f8fbff;
  --v31-bg-2:#f2f7ff;
  --v31-surface:#ffffff;
  --v31-surface-2:#f6f9fe;
  --v31-ice:#eaf2ff;
  --v31-line:#d9e5f4;
  --v31-line-strong:#bfd2eb;
  --v31-ink:#0b1730;
  --v31-copy:#4d6078;
  --v31-copy-2:#728199;
  --v31-blue:#075bea;
  --v31-blue-2:#0d70ff;
  --v31-blue-deep:#08377f;
  --v31-cyan:#2bbff1;
  --v31-navy:#07172e;
  --v31-navy-2:#0a2348;
  --v31-success:#16a46f;
  --v31-warning:#d18a16;
  --v31-danger:#c94b59;
  --v31-shadow-soft:0 16px 44px rgba(17,61,124,.08);
  --v31-shadow-product:0 38px 100px rgba(7,66,164,.18);
  --v31-radius:18px;
  --v31-radius-sm:12px;
  --container:1600px;
}

html{background:var(--v31-bg)}
body{
  background:var(--v31-bg)!important;
  color:var(--v31-ink)!important;
}
main{background:var(--v31-bg)!important}
.container{
  width:min(var(--container),calc(100% - 72px))!important;
  margin-inline:auto;
}

/* ---------- global typography ---------- */
body,button,input,textarea,select{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4,.dash-title,.template-title,.brand-word{font-family:"Space Grotesk",Manrope,system-ui,sans-serif}
.hero h1,.page-hero h1,.v23-hero h1,.section-head h2,.page-section h2,.adapt-copy h2,.mag-feature-copy h1,.article-head-copy h1{
  letter-spacing:-.045em!important;
}
p{color:var(--v31-copy)}

/* ---------- header / nav ---------- */
.site-header,
.site-header.scrolled,
:is(.page-funciones,.page-planes,.page-contacto,.page-legal) .site-header:not(.scrolled){
  background:rgba(252,254,255,.90)!important;
  border-bottom:1px solid rgba(10,71,157,.09)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.85),0 8px 28px rgba(31,72,132,.025)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  backdrop-filter:blur(18px) saturate(1.15);
  padding:10px 0!important;
}
.nav-wrap{gap:30px!important}
.brand-real .brand-logo-mark{filter:drop-shadow(0 8px 14px rgba(0,71,205,.12))}
.main-nav{gap:27px!important}
.main-nav>a,
:is(.page-funciones,.page-planes,.page-contacto,.page-legal) .site-header:not(.scrolled) .main-nav>a{
  color:#40536d!important;
  font-size:14px!important;
  font-weight:700!important;
  position:relative;
}
.main-nav>a:after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:-10px;
  height:2px;
  background:linear-gradient(90deg,var(--v31-blue),var(--v31-cyan));
  transition:right .2s ease;
}
.main-nav>a:hover:after,.main-nav>a.active:after{right:0}
.main-nav>a:hover,.main-nav>a.active{color:var(--v31-ink)!important}
.nav-login{color:#263a55!important;font-size:14px!important}

/* ---------- buttons ---------- */
.btn{
  min-height:48px!important;
  padding:0 21px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:-.01em;
  box-shadow:none!important;
  transform:none!important;
  position:relative;
  overflow:hidden;
}
.btn:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.18) 50%,transparent 75%);
  transform:translateX(-130%);
  transition:transform .45s ease;
  pointer-events:none;
}
.btn:hover:before{transform:translateX(130%)}
.btn-primary{
  background:linear-gradient(135deg,var(--v31-blue) 0%,#0957dc 70%,#074bc7 100%)!important;
  border:1px solid #0754d8!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(7,91,234,.18)!important;
}
.btn-primary:hover{background:linear-gradient(135deg,#0965f4,#064bc8)!important;box-shadow:0 14px 30px rgba(7,91,234,.23)!important}
.btn-ghost{
  background:rgba(255,255,255,.72)!important;
  border:1px solid var(--v31-line-strong)!important;
  color:#16345c!important;
}
.btn-ghost:hover{background:#fff!important;border-color:#9ebae0!important}
.btn-dark{background:var(--v31-navy)!important;border-color:var(--v31-navy)!important;color:#fff!important}
.btn-small{min-height:44px!important;padding:0 18px!important}
.text-link{color:var(--v31-blue)!important;font-weight:800}
.text-link:after{color:var(--v31-blue)!important}

/* ---------- base surfaces ---------- */
.section,.page-section{padding:96px 0!important}
.section.soft,.page-section.soft,.reviews-public-section,.review-form-section,.legal-wrap,.mag-feed,.mag-toolbar,.mag-newsletter{
  background:var(--v31-bg)!important;
  color:var(--v31-ink)!important;
}
.section-head{margin-bottom:44px!important}
.section-head .copy{max-width:900px!important}
.section-head h2,.page-section h2{color:var(--v31-ink)!important;font-size:clamp(38px,3.5vw,58px)!important;line-height:1.02!important}
.section-head p,.page-section .section-head p{color:var(--v31-copy)!important;font-size:16px!important;line-height:1.72!important}
.section-kicker,.eyebrow{
  color:var(--v31-blue)!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
.eyebrow:before{background:linear-gradient(90deg,var(--v31-blue),var(--v31-cyan))!important}
.gradient-text,
.page-funciones .v23-functions-hero .gradient-text,
.page-planes .v23-plans-hero .gradient-text,
.page-contacto .v23-contact-hero .gradient-text{
  color:var(--v31-blue)!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
}

/* ---------- home hero ---------- */
.hero{
  min-height:760px!important;
  padding:148px 0 88px!important;
  color:var(--v31-ink)!important;
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 28%,rgba(44,151,255,.13),transparent 26%),
    radial-gradient(circle at 16% 14%,rgba(6,91,234,.075),transparent 24%),
    linear-gradient(180deg,#fbfdff 0%,#f7faff 58%,#f8fbff 100%)!important;
}
.hero:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;height:auto!important;
  border-radius:0!important;
  transform:none!important;
  background-image:
    linear-gradient(rgba(8,74,161,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,74,161,.035) 1px,transparent 1px)!important;
  background-size:68px 68px!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 84%);
  filter:none!important;
  z-index:-2!important;
}
.hero:after{
  display:block!important;
  content:"";
  position:absolute;
  z-index:-1!important;
  right:-9vw;top:2%;
  width:52vw;height:76%;
  background:
    radial-gradient(ellipse at center,rgba(0,99,255,.12),rgba(0,99,255,0) 64%),
    linear-gradient(125deg,transparent 36%,rgba(38,174,255,.10) 37%,transparent 38%),
    linear-gradient(145deg,transparent 53%,rgba(2,91,235,.09) 54%,transparent 55%)!important;
  mask-image:linear-gradient(90deg,transparent,#000 22%,#000 80%,transparent);
}
.hero-grid{grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr)!important;gap:72px!important;align-items:center!important}
.hero-copy{max-width:740px}
.hero h1{font-size:clamp(54px,5vw,82px)!important;line-height:.98!important;color:var(--v31-ink)!important;max-width:820px!important}
.hero-copy>p{color:var(--v31-copy)!important;max-width:680px!important;font-size:18px!important;line-height:1.72!important}
.hero-actions,.v23-hero-actions,.v24-inline-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.micro-proof{margin-top:28px!important;gap:20px!important;color:#52657d!important;font-size:12.5px!important}
.micro-proof i{background:var(--v31-blue)!important;box-shadow:0 0 0 4px rgba(7,91,234,.07)!important}

.v31-hero-stage{
  position:relative;
  min-height:530px;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.v31-hero-stage:before{
  content:"";
  position:absolute;
  width:82%;height:70%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(8,98,242,.19),rgba(58,189,255,.055) 45%,transparent 72%);
  filter:blur(20px);
  z-index:-2;
}
.v31-hero-stage:after{
  content:"";
  position:absolute;
  width:76%;height:120px;
  bottom:54px;
  border:1px solid rgba(0,93,230,.16);
  border-radius:50%;
  transform:perspective(500px) rotateX(66deg);
  box-shadow:0 0 70px rgba(14,111,255,.12),inset 0 0 36px rgba(60,190,255,.07);
  z-index:-1;
}
.v31-product-frame{
  width:min(100%,900px);
  margin:0;
  padding:10px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(103,148,210,.28);
  border-radius:20px;
  box-shadow:var(--v31-shadow-product);
  transform:perspective(1500px) rotateY(-4deg) rotateX(1.8deg);
  transform-origin:center;
  position:relative;
}
.v31-product-frame:before{
  content:"";
  position:absolute;
  left:14%;right:14%;top:-1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--v31-cyan),var(--v31-blue),transparent);
  box-shadow:0 0 20px rgba(29,153,255,.55);
}
.v31-product-frame img{width:100%;height:auto;border-radius:12px;display:block}
.v31-product-frame figcaption{
  position:absolute;
  right:16px;bottom:16px;
  padding:7px 10px;
  border-radius:8px;
  background:rgba(5,24,55,.78);
  color:#eaf4ff;
  font-size:10px;
  line-height:1.2;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.v31-stage-note{
  position:absolute;
  left:-12px;bottom:82px;
  max-width:220px;
  padding:12px 14px;
  background:rgba(255,255,255,.88);
  border:1px solid var(--v31-line);
  border-radius:12px;
  box-shadow:var(--v31-shadow-soft);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.v31-stage-note strong{display:block;color:var(--v31-ink);font-size:12px}
.v31-stage-note span{display:block;margin-top:2px;color:var(--v31-copy-2);font-size:10px}

/* ---------- home real-product proof ---------- */
.v23-home-proof.v24-home-free{
  background:linear-gradient(180deg,#f8fbff,#f4f8ff)!important;
  padding:86px 0!important;
  color:var(--v31-ink)!important;
  border-top:1px solid rgba(30,94,178,.07);
  border-bottom:1px solid rgba(30,94,178,.07);
}
.v23-home-proof-grid{grid-template-columns:.72fr 1.28fr!important;gap:72px!important;align-items:center}
.v23-home-proof-copy h2{color:var(--v31-ink)!important;font-size:clamp(38px,3.2vw,54px)!important;line-height:1.02!important}
.v23-home-proof-copy p{color:var(--v31-copy)!important}
.v23-home-proof-copy>span{color:var(--v31-blue)!important}
.v23-home-proof-shot{
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid var(--v31-line)!important;
  box-shadow:0 24px 64px rgba(18,67,135,.11)!important;
  transform:none!important;
  overflow:hidden!important;
}
.v23-home-proof-shot img{width:100%}
.v23-home-proof-shot figcaption{background:#fff!important;color:#66758a!important;border-top:1px solid var(--v31-line)!important}
.v24-image-note{color:#7a899d!important;font-size:11px!important}

.logo-strip{background:var(--v31-bg)!important;padding:22px 0 62px!important}
.logo-strip-inner{border-top:1px solid var(--v31-line)!important;padding-top:24px!important;color:#7a8ba1!important;gap:30px!important}
.logo-strip .label{color:#344a66!important}

/* ---------- editorial components: less card-heavy ---------- */
.feature-bento{gap:18px!important}
.bento,
.info-card,
.why-card,
.business-card,
.integration-card,
.plan-card,
.review-card,
.form-card,
.reviews-empty{
  background:rgba(255,255,255,.82)!important;
  border:1px solid var(--v31-line)!important;
  border-radius:var(--v31-radius)!important;
  box-shadow:none!important;
  color:var(--v31-ink)!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.bento{padding:34px!important;min-height:280px!important}
.bento:hover,.info-card:hover,.business-card:hover,.integration-card:hover,.why-card:hover{transform:translateY(-2px)!important;border-color:#b8ccea!important;box-shadow:0 16px 42px rgba(28,76,143,.065)!important}
.bento h3,.info-card h3,.why-card h3,.business-card h3,.integration-card h3,.plan-card h3{color:var(--v31-ink)!important}
.bento p,.info-card p,.why-card p,.business-card p,.integration-card p,.plan-card>p{color:var(--v31-copy)!important}
.bento-icon,.icon-square{
  background:linear-gradient(135deg,#eef5ff,#e5f2ff)!important;
  border:1px solid #d4e4f8!important;
  color:var(--v31-blue)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.bento.dark,.bento.accent{
  background:linear-gradient(145deg,#ffffff 0%,#f1f7ff 100%)!important;
  border-color:#bfd5f2!important;
  color:var(--v31-ink)!important;
  position:relative;
  overflow:hidden;
}
.bento.dark:after,.bento.accent:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 92% 8%,rgba(7,91,234,.10),transparent 34%);
}
.bento.dark h3,.bento.accent h3{color:var(--v31-ink)!important}.bento.dark p,.bento.accent p{color:var(--v31-copy)!important}.bento.dark .bento-icon,.bento.accent .bento-icon{background:#e8f2ff!important;border-color:#c8dcf7!important;color:var(--v31-blue)!important}

.crm-list{border:1px solid var(--v31-line)!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important}
.crm-row{border-bottom:1px solid #e7eef6!important;color:#506078!important}
.crm-row strong{color:var(--v31-ink)!important}
.status{background:#e8f8f1!important;color:#14724f!important}.status.v{background:#eef0ff!important;color:#385bd1!important}.status.g{background:#eef2f6!important;color:#647286!important}
.mini-calendar,.adapt-panel{background:#fff!important;border:1px solid var(--v31-line)!important;border-radius:16px!important;box-shadow:var(--v31-shadow-soft)!important}
.calendar-grid i{background:#f0f5fb!important;border-color:#e1e9f3!important}.calendar-grid i:nth-child(7n+2),.calendar-grid i:nth-child(7n+5){background:#dbeafe!important}
.source-pill,.flow-node,.small-tags span,.v23-proof-row span,.v23-contact-points span{border-radius:8px!important}

/* ---------- architecture contrast section ---------- */
.v31-architecture-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 36%,rgba(8,104,255,.28),transparent 25%),
    linear-gradient(145deg,#06152b 0%,#071b38 58%,#092750 100%)!important;
  color:#fff!important;
}
.v31-architecture-section:before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(91,160,255,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,160,255,.065) 1px,transparent 1px);
  background-size:62px 62px;
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.4),transparent 92%);
  pointer-events:none;
}
.v31-architecture-section .container{position:relative;z-index:1}
.v31-architecture-section h2,.v31-architecture-section h3{color:#fff!important}
.v31-architecture-section p{color:#b8cae1!important}
.v31-architecture-section .section-kicker{color:#72c7ff!important}
.steps{gap:0!important;border-top:1px solid rgba(146,190,247,.16);border-bottom:1px solid rgba(146,190,247,.16)}
.step{
  background:transparent!important;
  border:0!important;
  border-right:1px solid rgba(146,190,247,.16)!important;
  border-radius:0!important;
  padding:34px 30px!important;
  min-height:230px!important;
}
.step:last-child{border-right:0!important}
.step:hover{background:rgba(255,255,255,.035)!important;transform:none!important}
.step-num{color:#69c4ff!important}.step h3{font-size:22px!important}.step p{font-size:14px!important;line-height:1.7!important}

/* ---------- adaptable / modules ---------- */
.adapt-grid{grid-template-columns:minmax(460px,.9fr) minmax(0,1.1fr)!important;gap:86px!important;align-items:center!important}
.adapt-panel{padding:18px!important;position:relative!important;overflow:hidden}
.adapt-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--v31-blue),var(--v31-cyan),transparent)}
.template-head{border-bottom:1px solid var(--v31-line)!important}.template-title{color:var(--v31-ink)!important}.template-chip{background:#eef5ff!important;color:var(--v31-blue)!important;border-color:#d4e4f8!important}
.module-row{border-bottom-color:#e9eff6!important;color:#43566f!important}.mod-icon{color:var(--v31-blue)!important}.toggle{background:#d9e3ee!important}.toggle.on{background:linear-gradient(90deg,var(--v31-blue),var(--v31-blue-2))!important}
.adapt-copy h2{color:var(--v31-ink)!important;font-size:clamp(42px,4vw,62px)!important}.adapt-copy p{color:var(--v31-copy)!important}.bullet i{background:#e9f3ff!important;color:var(--v31-blue)!important;border-radius:8px!important}

/* ---------- integrations home: light network, not another dark slab ---------- */
.v31-integration-section{
  background:
    radial-gradient(circle at 18% 50%,rgba(0,99,255,.08),transparent 24%),
    linear-gradient(180deg,#f5f9ff,#fbfdff)!important;
  color:var(--v31-ink)!important;
  border-top:1px solid var(--v31-line);
  border-bottom:1px solid var(--v31-line);
}
.v31-integration-section h2{color:var(--v31-ink)!important}.v31-integration-section p{color:var(--v31-copy)!important}.v31-integration-section .section-kicker{color:var(--v31-blue)!important}
.integration-cloud{gap:88px!important}
.orbit{filter:none!important}
.orbit:before,.orbit:after{border-color:rgba(7,91,234,.18)!important}
.orbit-center{background:linear-gradient(135deg,#075bea,#0a74ff)!important;color:#fff!important;border-color:#66b8ff!important;box-shadow:0 0 0 10px rgba(7,91,234,.05),0 24px 50px rgba(7,91,234,.16)!important}
.orbit-node{background:#fff!important;color:#27405f!important;border:1px solid #cfe0f3!important;box-shadow:0 12px 30px rgba(14,64,130,.08)!important}
.integration-list>div{border-bottom-color:#dce6f1!important;color:#2d4461!important}.integration-list small{color:#79889c!important}.tag-soon{background:#edf5ff!important;color:#2768c8!important;border-color:#d3e5fb!important}

/* ---------- why / reviews ---------- */
.why-grid{gap:0!important;border-top:1px solid var(--v31-line);border-bottom:1px solid var(--v31-line)}
.why-card{border:0!important;border-right:1px solid var(--v31-line)!important;border-radius:0!important;background:transparent!important;padding:36px!important}
.why-card:last-child{border-right:0!important}.why-card:hover{box-shadow:none!important;background:#f3f8ff!important;transform:none!important}
.why-card .num{color:var(--v31-blue)!important}
.home-reviews-section{background:#fff!important;border-top:1px solid var(--v31-line);border-bottom:1px solid var(--v31-line)}
.review-card{padding:28px!important}.review-stars{color:#0b64ea!important}.review-comment{color:#334961!important}.review-author span,.review-author time{color:#728197!important}.review-verified{color:#168361!important}

/* ---------- final CTA ---------- */
.cta-band{padding:46px 0 92px!important;background:var(--v31-bg)!important}
.cta-box{
  position:relative;
  overflow:hidden;
  padding:62px 68px!important;
  border-radius:20px!important;
  border:1px solid #c8dcf4!important;
  background:
    linear-gradient(110deg,rgba(255,255,255,.97),rgba(242,248,255,.95)),
    linear-gradient(90deg,var(--v31-blue),var(--v31-cyan))!important;
  color:var(--v31-ink)!important;
  box-shadow:0 24px 70px rgba(16,66,132,.08)!important;
}
.cta-box:before{
  content:"";position:absolute;right:-10%;top:-100%;width:48%;height:280%;
  border:1px solid rgba(7,91,234,.12);border-radius:48%;transform:rotate(26deg);pointer-events:none;
}
.cta-box:after{display:block!important;content:"";position:absolute;right:4%;bottom:-100px;width:340px;height:220px;background:radial-gradient(ellipse,rgba(17,119,255,.17),transparent 68%);pointer-events:none}
.cta-box h2{color:var(--v31-ink)!important;font-size:clamp(42px,4vw,62px)!important;max-width:900px!important}.cta-box p{color:var(--v31-copy)!important;max-width:850px!important}.cta-box .section-kicker{color:var(--v31-blue)!important}

/* =========================================================
   MAIN INTERNAL PAGES
   ========================================================= */
.v23-hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 77% 24%,rgba(7,101,247,.10),transparent 24%),
    linear-gradient(180deg,#fbfdff 0%,#f5f9ff 100%)!important;
  color:var(--v31-ink)!important;
  padding:154px 0 100px!important;
  min-height:650px;
}
.v23-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(17,89,182,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(17,89,182,.026) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to bottom,#000,transparent 90%);
}
.v23-hero .container{position:relative;z-index:1}
.v23-hero-copy h1{color:var(--v31-ink)!important;font-size:clamp(52px,4.8vw,78px)!important;line-height:.99!important}
.v23-hero-copy .lead{color:var(--v31-copy)!important;font-size:18px!important;line-height:1.72!important}
.v23-proof-row{gap:8px!important}.v23-proof-row span{background:rgba(255,255,255,.72)!important;border:1px solid #d8e5f4!important;color:#49607c!important;padding:8px 11px!important}

/* product */
.v23-product-grid{grid-template-columns:minmax(0,.76fr) minmax(600px,1.24fr)!important;gap:82px!important;align-items:center!important}
.v23-product-stage{min-height:560px!important;perspective:1500px}
.v23-shot-main,.v23-shot-float,.v23-product-stage .v23-shot,.v23-functions-shot{
  border-radius:18px!important;
  border:1px solid #cbdcf0!important;
  box-shadow:0 30px 80px rgba(13,74,154,.14)!important;
  background:#fff!important;
}
.v23-shot-main{transform:perspective(1400px) rotateY(-3deg)!important}
.v23-shot-float{transform:none!important;right:-10px!important;bottom:22px!important;width:46%!important;box-shadow:0 22px 50px rgba(13,74,154,.16)!important}
.v23-stage-chip{background:rgba(255,255,255,.9)!important;border-color:#d4e2f2!important;color:var(--v31-ink)!important;border-radius:10px!important;box-shadow:0 12px 30px rgba(13,74,154,.08)!important}.v23-stage-chip span{color:#6f8095!important}

.v24-free-zone{
  background:linear-gradient(135deg,#eef5ff 0%,#f9fcff 54%,#f2f8ff 100%)!important;
  color:var(--v31-ink)!important;
  border-top:1px solid var(--v31-line);border-bottom:1px solid var(--v31-line);
}
.v24-free-copy h2{color:var(--v31-ink)!important}.v24-free-copy>p{color:var(--v31-copy)!important}.v24-free-steps article{background:rgba(255,255,255,.76)!important;border:1px solid var(--v31-line)!important;border-radius:12px!important}.v24-free-steps b{background:#e5f0ff!important;color:var(--v31-blue)!important;border-radius:9px!important}.v24-free-steps strong{color:var(--v31-ink)!important}.v24-free-steps small{color:#75869a!important}
.v24-free-proof{position:relative;background:linear-gradient(145deg,#ffffff,#eef6ff)!important;border:1px solid #c9ddf5!important;border-radius:20px!important;color:var(--v31-ink)!important;box-shadow:0 24px 60px rgba(18,67,135,.09)!important}.v24-free-proof:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(46,163,255,.12),transparent 38%);pointer-events:none}.v24-free-proof strong{color:var(--v31-ink)!important}.v24-free-proof p{color:var(--v31-copy)!important}.v24-zero{color:var(--v31-blue)!important}

.cards-3{gap:18px!important}.info-card{padding:30px!important;min-height:240px}.info-card:before{content:"";display:block;width:46px;height:2px;background:linear-gradient(90deg,var(--v31-blue),var(--v31-cyan));margin-bottom:22px;border-radius:2px}.info-card .icon-square{margin-bottom:22px!important}.info-card h3{font-size:22px!important}

/* functions */
.v23-functions-grid{grid-template-columns:150px minmax(0,.75fr) minmax(540px,1.25fr)!important;gap:44px!important;align-items:center!important}
.v23-functions-rail{border-right:1px solid var(--v31-line)!important}.v23-functions-rail span{color:#75869b!important;border-radius:8px!important}.v23-functions-rail span.active{background:#e9f2ff!important;color:var(--v31-blue)!important}
.v23-functions-shot{transform:perspective(1300px) rotateY(-2deg)!important;overflow:hidden}
.page-funciones .v25-function-map{
  background:
    radial-gradient(circle at 76% 24%,rgba(8,115,255,.22),transparent 25%),
    linear-gradient(145deg,#06152b,#08244a)!important;
  color:#fff!important;
  position:relative;overflow:hidden;
}
.page-funciones .v25-function-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(116,179,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(116,179,255,.055) 1px,transparent 1px);background-size:64px 64px;opacity:1!important}
.v25-map-heading{position:relative;z-index:1}.v25-map-heading h2{color:#fff!important}.v25-map-heading p{color:#b8cbe2!important}.v25-capability-board{position:relative;z-index:1;gap:14px!important}.v25-capability-lane{background:rgba(8,35,71,.72)!important;border:1px solid rgba(124,181,247,.20)!important;border-radius:14px!important;box-shadow:none!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.v25-capability-lane:hover{background:rgba(10,44,90,.88)!important;border-color:rgba(125,191,255,.35)!important}.v25-capability-lane header h3{color:#fff!important}.v25-capability-lane header small{color:#8bcaff!important}.v25-capability-list article{background:rgba(255,255,255,.025)!important;border-color:rgba(135,186,245,.12)!important;border-radius:8px!important}.v25-capability-list strong{color:#fff!important}.v25-capability-list p{color:#adc0d9!important}.v25-status{border-radius:7px!important}.v25-map-foot{color:#91a9c4!important}

/* negocios */
.v23-business-hero-grid{grid-template-columns:minmax(0,.76fr) minmax(620px,1.24fr)!important;gap:82px!important}
.v23-business-collage{height:560px!important}.v23-business-collage figure{border-radius:18px!important;border:1px solid #d2e0ef!important;box-shadow:0 22px 58px rgba(13,74,154,.12)!important}.v23-business-collage figure.c1{transform:rotate(-1.5deg)!important}.v23-business-collage figure.c2{transform:rotate(1.5deg)!important}.v23-business-collage figure.c3,.v23-business-collage figure.c4{transform:none!important}.v23-collage-label{background:rgba(255,255,255,.92)!important;border:1px solid #d5e3f2!important;color:#65778d!important;border-radius:10px!important;box-shadow:0 14px 36px rgba(15,72,146,.10)!important}.v23-collage-label b{color:var(--v31-ink)!important}
.business-grid{gap:18px!important}.business-card{padding:30px!important;min-height:275px!important}.business-card.featured{background:linear-gradient(145deg,#f7fbff,#edf5ff)!important;border-color:#bcd4f3!important}.business-card .emoji{background:#eaf3ff!important;color:var(--v31-blue)!important;border-radius:11px!important}.small-tags span{background:#f1f5fa!important;color:#596b82!important;border:1px solid #e0e8f1!important}

/* integrations page */
.v23-integrations-hero{
  background:
    radial-gradient(circle at 76% 42%,rgba(2,103,255,.15),transparent 25%),
    linear-gradient(180deg,#fbfdff,#f3f8ff)!important;
  color:var(--v31-ink)!important;
}
.v23-integrations-hero:before{display:block!important;content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(7,91,234,.08) 1px,transparent 1px)!important;background-size:36px 36px!important;opacity:.6!important;mask-image:linear-gradient(90deg,transparent 18%,#000 54%,transparent 98%)}
.v23-integrations-hero h1{color:var(--v31-ink)!important}.v23-integrations-hero .lead{color:var(--v31-copy)!important}.v23-integrations-grid{grid-template-columns:minmax(0,.76fr) minmax(600px,1.24fr)!important;gap:84px!important}
.v23-network{height:540px!important}.v23-network-core{background:linear-gradient(135deg,#075bea,#0b79ff)!important;border:1px solid #66c2ff!important;color:#fff!important;border-radius:22px!important;box-shadow:0 22px 60px rgba(7,91,234,.24)!important}.v23-network span{background:rgba(255,255,255,.92)!important;color:#25405f!important;border:1px solid #cfe0f3!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(14,64,130,.10)!important}.v23-network span small{color:#7b8a9e!important}.v23-network i{background:#8ab8ed!important}
.integration-grid{gap:18px!important}.integration-card{padding:28px!important}.integration-card .brand-letter{background:#eaf3ff!important;color:var(--v31-blue)!important;border-radius:10px!important}.integration-card .state{border-radius:7px!important}

/* plans */
.v23-plans-grid{grid-template-columns:minmax(0,.86fr) minmax(540px,1.14fr)!important;gap:86px!important;align-items:center}.v23-plan-ladder{gap:10px!important}.v23-plan-ladder article{background:#fff!important;border:1px solid var(--v31-line)!important;border-radius:12px!important;box-shadow:none!important}.v23-plan-ladder article.active{background:linear-gradient(135deg,#edf5ff,#f9fcff)!important;border-color:#8bb7ef!important;color:var(--v31-ink)!important;box-shadow:0 18px 44px rgba(7,91,234,.09)!important}.v23-plan-ladder span{background:#eaf3ff!important;color:var(--v31-blue)!important;border-radius:8px!important}.v23-plan-ladder .active span{background:#dcecff!important;color:var(--v31-blue)!important}.v23-plan-ladder article.active b{color:var(--v31-ink)!important}.v23-plan-ladder article.active small{color:var(--v31-copy)!important}
.v24-free-plan-banner{background:linear-gradient(105deg,#eef5ff,#fbfdff)!important;border:1px solid #cfe0f3!important;border-radius:16px!important}.v24-free-plan-banner h2{color:var(--v31-ink)!important}.v24-free-plan-banner p{color:var(--v31-copy)!important}.v24-free-plan-banner span{color:var(--v31-blue)!important}
.plan-grid{gap:18px!important;align-items:stretch}.plan-card{padding:32px!important;min-height:450px!important}.plan-card.featured{background:linear-gradient(180deg,#f8fbff,#edf5ff)!important;border:2px solid #79aef0!important;box-shadow:0 24px 64px rgba(7,91,234,.10)!important}.plan-badge{border-radius:7px!important;background:#e9f2ff!important;color:var(--v31-blue)!important}.plan-list span{color:#425772!important;border-bottom-color:#e8eef5!important}.pricing-note{color:#79899c!important}

/* company */
.v23-company-grid{grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr)!important;gap:92px!important}.v23-company-mark{background:linear-gradient(145deg,#ffffff,#eef5ff)!important;border:1px solid #cee0f4!important;border-radius:20px!important;min-height:430px!important;box-shadow:0 26px 70px rgba(17,72,146,.09)!important;position:relative;overflow:hidden}.v23-company-mark:after{display:block!important;content:"";position:absolute;inset:auto -10% -35% 20%;height:70%;background:radial-gradient(ellipse,rgba(9,107,255,.15),transparent 70%)}.v23-company-mark img{filter:drop-shadow(0 18px 22px rgba(0,64,180,.15))!important;position:relative;z-index:1}.v23-company-mark span{color:#6a7c92!important;position:relative;z-index:1}.v23-company-hero blockquote{border-left:2px solid var(--v31-blue)!important;color:#405772!important;background:rgba(255,255,255,.55);padding:16px 20px;border-radius:0 12px 12px 0}

/* contact */
.v23-contact-grid{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr)!important;gap:90px!important}.v23-contact-conversation{background:#fff!important;border:1px solid var(--v31-line)!important;border-radius:18px!important;box-shadow:var(--v31-shadow-soft)!important}.v23-contact-conversation .them{background:#f3f6fa!important;color:#53677f!important}.v23-contact-conversation .us{background:#e8f2ff!important;color:#1e4c88!important}.v23-contact-conversation .accent{background:linear-gradient(135deg,#075bea,#0a71ff)!important;color:#fff!important}.v23-contact-points span{background:#f2f7fd!important;border-color:#d8e5f3!important;color:#4a607b!important}
.contact-grid{gap:70px!important}.form-card{padding:32px!important;box-shadow:0 24px 64px rgba(16,68,137,.08)!important}.field input,.field textarea,.field select,.mag-search input,.phone-prefix,.phone-number,.thorkia-business-search{background:#fff!important;color:var(--v31-ink)!important;border:1px solid #cbd9e9!important;border-radius:10px!important;box-shadow:none!important}.field input:focus,.field textarea:focus,.field select:focus,.mag-search input:focus,.phone-prefix:focus,.phone-number:focus,.thorkia-business-search:focus{border-color:#77a8e7!important;box-shadow:0 0 0 3px rgba(7,91,234,.08)!important}.contact-point{border-bottom-color:#e1e9f2!important}

/* reviews */
.v23-reviews-grid{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr)!important;gap:88px!important}.v23-review-wall{transform:none!important}.v23-review-wall article{background:#fff!important;border:1px solid var(--v31-line)!important;color:var(--v31-ink)!important;border-radius:16px!important;box-shadow:none!important}.v23-review-wall article.accent{background:linear-gradient(145deg,#ffffff,#edf6ff)!important;border-color:#bfd6f2!important;color:var(--v31-ink)!important;box-shadow:none!important}.v23-review-wall p{color:#50647d!important}.v23-review-wall .accent p{color:#50647d!important}.v23-review-wall span,.v23-review-wall .accent span{color:var(--v31-blue)!important}
.review-form-layout{gap:76px!important}.review-rules span{color:#53687f!important}.review-rating-options label{border-radius:10px!important}

/* ---------- magazine ---------- */
.mag-hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(7,91,234,.10),transparent 26%),
    linear-gradient(180deg,#fbfdff,#f5f9ff)!important;
  color:var(--v31-ink)!important;
  padding:142px 0 78px!important;
  border-bottom:1px solid var(--v31-line)!important;
}
.mag-mast{border-bottom-color:#d6e3f1!important}.mag-mast span,.mag-label,.mag-card-meta span{color:var(--v31-blue)!important}.mag-mast strong{color:var(--v31-ink)!important}.mag-mast em{color:#73849a!important}.mag-featured{grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr)!important;gap:72px!important;align-items:center}.mag-feature-image{border-radius:18px!important;border:1px solid #cfdeee!important;box-shadow:0 24px 64px rgba(16,68,137,.10)!important;overflow:hidden}.mag-feature-copy h1{color:var(--v31-ink)!important;font-size:clamp(44px,4.3vw,68px)!important}.mag-feature-copy p{color:var(--v31-copy)!important}
.mag-toolbar{background:rgba(248,251,255,.92)!important;border-bottom:1px solid var(--v31-line)!important;position:sticky;top:65px;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mag-search button{background:var(--v31-navy)!important;border-color:var(--v31-navy)!important}.mag-categories a{border-radius:8px!important;border-color:#d7e3f0!important;color:#596d86!important}.mag-categories a.active{background:#e9f2ff!important;border-color:#b9d2f1!important;color:var(--v31-blue)!important}
.mag-feed{padding:78px 0 110px!important}.mag-section-head h2{color:var(--v31-ink)!important}.mag-section-head span{color:var(--v31-blue)!important}.mag-grid{gap:28px 24px!important}.mag-card{background:transparent!important;border-top:1px solid #d9e4f0!important;padding-top:18px!important}.mag-card-image{border-radius:14px!important;overflow:hidden;box-shadow:none!important}.mag-card-image:after{height:2px!important;background:linear-gradient(90deg,var(--v31-blue),var(--v31-cyan))!important}.mag-card h3{color:var(--v31-ink)!important}.mag-card p{color:var(--v31-copy)!important}.mag-read{color:var(--v31-blue)!important}
.mag-pagination a,.mag-pagination .current{border-radius:8px!important}.mag-pagination .current{background:var(--v31-blue)!important;color:#fff!important}
.mag-newsletter .container{background:linear-gradient(145deg,#ffffff,#eef6ff)!important;border:1px solid #c9ddef!important;border-radius:18px!important;box-shadow:0 20px 52px rgba(20,72,142,.07)!important}.mag-newsletter h2{color:var(--v31-ink)!important}.mag-newsletter p{color:var(--v31-copy)!important}

/* ---------- articles ---------- */
.article-page{background:var(--v31-bg)!important;color:var(--v31-ink)!important;--family-accent:var(--v31-blue)!important;--family-bg:var(--v31-bg)!important;--family-copy:var(--v31-ink)!important;--family-muted:#6d7e93!important}
.article-page .article-hero,.article-family-sector .article-hero,.article-family-tech .article-hero,.article-family-growth .article-hero,.article-family-agenda .article-hero,.article-family-editorial .article-hero{background:linear-gradient(180deg,#fbfdff,#f5f9ff)!important;color:var(--v31-ink)!important}
.article-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr)!important;gap:82px!important}.article-head-copy h1{color:var(--v31-ink)!important}.article-deck{color:var(--v31-copy)!important}.article-byline,.breadcrumbs{color:#78889d!important}.article-kicker{color:var(--v31-blue)!important}.article-cover{border-radius:18px!important;border:1px solid #cfdeee!important;box-shadow:0 26px 72px rgba(16,68,137,.10)!important;transform:none!important}.article-layout{grid-template-columns:260px minmax(0,900px)!important;gap:82px!important}.article-aside-box{background:#fff!important;border:1px solid var(--v31-line)!important;border-radius:12px!important;box-shadow:none!important}.article-aside-box strong{color:var(--v31-blue)!important}.article-aside-box a{color:#4f637c!important}.article-content{color:#31465f!important}.article-content h2,.article-content h3{color:var(--v31-ink)!important}.article-content a{color:var(--v31-blue)!important}.article-example{background:#eef5ff!important;border-left-color:var(--v31-blue)!important;border-radius:0 10px 10px 0!important}.article-steps li>span{background:var(--v31-blue)!important;border-radius:8px!important}.article-checks li,.article-errors li{border-radius:10px!important;border-color:#dbe5f0!important}.article-cta{background:linear-gradient(145deg,#ffffff,#edf6ff)!important;border:1px solid #c6dbf3!important;border-radius:18px!important;color:var(--v31-ink)!important}.article-cta h2{color:var(--v31-ink)!important}.article-cta p{color:var(--v31-copy)!important}.related{background:#f3f7fc!important;border-top:1px solid var(--v31-line)!important}

/* ---------- legal ---------- */
.legal-wrap{padding:142px 0 96px!important;background:linear-gradient(180deg,#f7faff,#fbfdff)!important}.legal-card{max-width:1120px!important;margin:0 auto!important;padding:54px 58px!important;background:#fff!important;border:1px solid var(--v31-line)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(16,68,137,.055)!important;color:#30465f!important}.legal-card h1{color:var(--v31-ink)!important;font-size:clamp(42px,4vw,62px)!important;letter-spacing:-.045em!important}.legal-card h2{color:var(--v31-ink)!important;margin-top:38px!important}.legal-card p,.legal-card li{color:#4e6179!important}.legal-card a{color:var(--v31-blue)!important}.legal-card .notice{background:#f1f6fd!important;border:1px solid #d5e2f1!important;border-left:3px solid var(--v31-blue)!important;border-radius:0 10px 10px 0!important}

/* ---------- footer: light product surface ---------- */
.site-footer{
  position:relative;
  overflow:hidden;
  padding:68px 0 30px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%)!important;
  border-top:1px solid #d5e2f0!important;
  color:var(--v31-ink)!important;
}
.site-footer:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,91,234,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(7,91,234,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 78%);pointer-events:none}.site-footer .container{position:relative;z-index:1}.footer-top{grid-template-columns:.9fr 1.5fr!important;gap:100px!important}.footer-brand p{color:#5f7085!important;max-width:520px!important}.footer-mail{color:var(--v31-blue)!important}.footer-cols h3{color:var(--v31-ink)!important}.footer-cols a{color:#5b6d83!important}.footer-cols a:hover{color:var(--v31-blue)!important}.footer-bottom{border-top-color:#d5e2f0!important;color:#7a899b!important}

/* ---------- reveal motion: precise, not floaty ---------- */
[data-reveal]{transform:translateY(14px);opacity:0;transition:opacity .52s ease,transform .52s cubic-bezier(.2,.7,.2,1)}
[data-reveal].in-view{transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){[data-reveal]{transform:none!important;opacity:1!important;transition:none!important}.v31-product-frame{transform:none!important}.btn:before{display:none!important}}

/* =========================================================
   RESPONSIVE / ASSISTANT-SAFE LAYOUT
   ========================================================= */
@media(max-width:1320px){
  .container{width:min(var(--container),calc(100% - 48px))!important}
  .hero-grid,.v23-product-grid,.v23-business-hero-grid,.v23-integrations-grid,.v23-plans-grid,.v23-company-grid,.v23-contact-grid,.v23-reviews-grid{gap:54px!important}
  .hero-grid{grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr)!important}
  .v31-hero-stage{min-height:480px}
  .main-nav{gap:20px!important}.main-nav>a{font-size:13.5px!important}
}

@media(max-width:1080px){
  .container{width:calc(100% - 40px)!important}
  .hero,.v23-hero{min-height:auto!important;padding-top:126px!important}
  .hero-grid,.v23-product-grid,.v23-business-hero-grid,.v23-integrations-grid,.v23-plans-grid,.v23-company-grid,.v23-contact-grid,.v23-reviews-grid{grid-template-columns:1fr!important;gap:46px!important}
  .hero-copy,.v23-hero-copy{max-width:840px}
  .v31-hero-stage{min-height:460px;max-width:900px}
  .v31-product-frame{transform:none!important}
  .v23-product-stage{max-width:920px}.v23-shot-main{transform:none!important}
  .v23-functions-grid{grid-template-columns:120px minmax(0,.9fr)!important;gap:34px!important}.v23-functions-shot{grid-column:1/-1!important;max-width:900px!important;transform:none!important}
  .adapt-grid,.v23-home-proof-grid,.integration-cloud{grid-template-columns:1fr!important;gap:48px!important}
  .adapt-panel{max-width:760px}.orbit{max-width:650px;margin-inline:auto}
  .footer-top{grid-template-columns:1fr!important;gap:52px!important}
  .article-hero-grid{grid-template-columns:1fr!important}.article-cover{max-width:900px!important}.article-layout{grid-template-columns:1fr!important;gap:34px!important}.article-aside{position:static!important}
  .mag-featured{grid-template-columns:1fr!important;gap:42px!important}.mag-feature-image{max-width:960px}
  .v23-business-collage{max-width:900px}
  .v23-network{max-width:760px;margin-inline:auto}
}

@media(max-width:820px){
  .container{width:calc(100% - 30px)!important}
  .section,.page-section{padding:72px 0!important}
  .hero{padding:116px 0 66px!important}.v23-hero{padding:118px 0 72px!important}
  .hero h1,.v23-hero-copy h1{font-size:clamp(44px,9vw,62px)!important}
  .hero-copy>p,.v23-hero-copy .lead{font-size:16px!important}
  .v31-hero-stage{min-height:370px}.v31-stage-note{display:none}.v31-product-frame figcaption{display:none}
  .feature-bento{grid-template-columns:1fr!important}.bento.span5,.bento.span7{grid-column:auto!important}
  .cards-3,.business-grid,.integration-grid,.plan-grid,.why-grid{grid-template-columns:1fr!important}
  .why-grid{border:0!important}.why-card{border:1px solid var(--v31-line)!important;border-radius:14px!important;margin-bottom:12px!important;background:#fff!important}
  .steps{grid-template-columns:1fr 1fr!important;border:0!important}.step{border:1px solid rgba(146,190,247,.16)!important;margin:-1px 0 0 -1px!important}
  .v25-capability-board{grid-template-columns:1fr!important}.v25-capability-lane{min-height:auto!important}
  .v23-functions-grid{grid-template-columns:1fr!important}.v23-functions-rail{display:flex!important;border:0!important;gap:8px;overflow-x:auto;padding-bottom:6px}.v23-functions-rail span{white-space:nowrap}
  .v24-free-grid,.v24-free-visual-grid{grid-template-columns:1fr!important;gap:42px!important}
  .v23-shot-float{display:none!important}
  .v23-business-collage{height:480px!important}.v23-network{height:480px!important}
  .mag-toolbar{top:61px}.mag-search{width:100%!important}.mag-categories{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px}.mag-categories a{white-space:nowrap}
  .legal-card{padding:38px 30px!important}
  .cta-box{padding:44px 34px!important}
  .footer-cols{grid-template-columns:repeat(2,1fr)!important;gap:36px!important}
}

/* Group actions: 3 in one row if possible, otherwise 2 + centered third. */
@media(max-width:700px){
  .hero-actions,.v23-hero-actions,.v24-inline-actions,.article-hero-actions,.article-cta-actions,.review-success-actions,.thorkia-submit-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:560px;
  }
  .hero-actions>*:nth-child(3):last-child,
  .v23-hero-actions>*:nth-child(3):last-child,
  .v24-inline-actions>*:nth-child(3):last-child,
  .article-hero-actions>*:nth-child(3):last-child,
  .article-cta-actions>*:nth-child(3):last-child,
  .review-success-actions>*:nth-child(3):last-child,
  .thorkia-submit-row>*:nth-child(3):last-child{
    grid-column:1/-1!important;
    justify-self:center!important;
    width:min(100%,260px)!important;
  }
  .hero-actions .btn,.v23-hero-actions .btn,.v24-inline-actions .btn,.article-hero-actions .btn,.article-cta-actions .btn{width:100%!important}
  .mobile-cta-bar{display:flex!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2147481000!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;background:rgba(250,253,255,.95)!important;border-top:1px solid #d7e4f2!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .mobile-cta-bar .btn{width:100%!important;min-height:44px!important}
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom))!important}
  .site-footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))!important}
}

@media(max-width:520px){
  .container{width:calc(100% - 24px)!important}
  .hero{padding-top:104px!important}.v23-hero{padding-top:108px!important}
  .hero h1,.v23-hero-copy h1{font-size:clamp(40px,12vw,52px)!important}
  .section-head h2,.page-section h2,.adapt-copy h2,.cta-box h2{font-size:36px!important}
  .v31-hero-stage{min-height:290px}.v31-hero-stage:after{bottom:18px;height:90px}.v31-product-frame{padding:6px;border-radius:14px}.v31-product-frame img{border-radius:9px}
  .bento,.info-card,.business-card,.integration-card,.plan-card,.review-card,.form-card{padding:24px!important;border-radius:14px!important}
  .steps{grid-template-columns:1fr!important}.step{min-height:auto!important;border-right:1px solid rgba(146,190,247,.16)!important}
  .v23-business-collage{height:400px!important}.v23-network{height:420px!important}
  .footer-cols{grid-template-columns:1fr!important}.footer-bottom{flex-direction:column!important;gap:8px!important;align-items:flex-start!important}
  .legal-card{padding:30px 22px!important;border-radius:14px!important}.legal-card h1{font-size:40px!important}
  .cta-box{padding:36px 24px!important}
}

@media(max-width:340px){
  .hero-actions,.v23-hero-actions,.v24-inline-actions,.article-hero-actions,.article-cta-actions,.review-success-actions,.thorkia-submit-row{grid-template-columns:1fr!important}
  .hero-actions>*:nth-child(3):last-child,.v23-hero-actions>*:nth-child(3):last-child,.v24-inline-actions>*:nth-child(3):last-child,.article-hero-actions>*:nth-child(3):last-child,.article-cta-actions>*:nth-child(3):last-child,.review-success-actions>*:nth-child(3):last-child,.thorkia-submit-row>*:nth-child(3):last-child{grid-column:auto!important;width:100%!important}
}

/* Official Monidrón appears only as a secondary product-signature in the dark architecture plane. */
.v31-architecture-section:after{
  content:"";
  position:absolute;
  right:3vw;
  top:50%;
  width:min(28vw,440px);
  aspect-ratio:1.22;
  transform:translateY(-50%);
  background:url('/assets/img/v31/monidron-transparent.webp') center/contain no-repeat;
  opacity:.15;
  filter:saturate(.9) drop-shadow(0 24px 50px rgba(0,90,255,.25));
  pointer-events:none;
}
.v31-architecture-section .section-head,.v31-architecture-section .steps{max-width:calc(100% - min(24vw,360px))}
@media(max-width:1080px){.v31-architecture-section:after{opacity:.08;width:48vw;right:-16vw}.v31-architecture-section .section-head,.v31-architecture-section .steps{max-width:none}}

/* Specificity guard against the historical V31 dark-section rule kept in site.css. */
.section.deep.v31-architecture-section{
  background:radial-gradient(circle at 78% 36%,rgba(8,104,255,.28),transparent 25%),linear-gradient(145deg,#06152b 0%,#071b38 58%,#092750 100%)!important;
  color:#fff!important;
}
.section.deep.v31-integration-section{
  background:radial-gradient(circle at 18% 50%,rgba(0,99,255,.08),transparent 24%),linear-gradient(180deg,#f5f9ff,#fbfdff)!important;
  color:var(--v31-ink)!important;
}
.section.deep.v31-integration-section h2,.section.deep.v31-integration-section h3,.section.deep.v31-integration-section .section-head h2{color:var(--v31-ink)!important}
.section.deep.v31-integration-section p,.section.deep.v31-integration-section .section-head p{color:var(--v31-copy)!important}
.section.deep.v31-integration-section .section-kicker{color:var(--v31-blue)!important}

/* =========================================================
   V31.2 · APPLIED PRODUCT ARCHITECTURE
   Structural visuals, contrast guards and light-first surfaces.
   ========================================================= */

/* Contrast contract: light surfaces always use dark copy. */
:is(.section,.page-section,.cta-band,.v24-free-zone,.v23-home-proof,.v31-ops-section,.site-footer):not(.v31-architecture-section){color:var(--v31-ink)!important}
:is(.section,.page-section,.cta-band,.v24-free-zone,.v23-home-proof,.v31-ops-section,.site-footer):not(.v31-architecture-section) h1,
:is(.section,.page-section,.cta-band,.v24-free-zone,.v23-home-proof,.v31-ops-section,.site-footer):not(.v31-architecture-section) h2,
:is(.section,.page-section,.cta-band,.v24-free-zone,.v23-home-proof,.v31-ops-section,.site-footer):not(.v31-architecture-section) h3,
:is(.section,.page-section,.cta-band,.v24-free-zone,.v23-home-proof,.v31-ops-section,.site-footer):not(.v31-architecture-section) h4{color:var(--v31-ink)!important}
:is(.section,.page-section,.cta-band,.v24-free-zone,.v23-home-proof,.v31-ops-section,.site-footer):not(.v31-architecture-section) p{color:var(--v31-copy)!important}

/* Dark is a single intentional architecture plane; its content is always light. */
.v31-architecture-section,
.v31-architecture-section *{color:#fff}
.v31-architecture-section p,
.v31-architecture-section .step p{color:#c2d3e7!important}
.v31-architecture-section .section-kicker,
.v31-architecture-section .step-num{color:#7ecbff!important}
.v31-architecture-section .btn-ghost{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}

/* CTA becomes an architectural light panel instead of another dark slab. */
.cta-band{background:var(--v31-bg)!important;padding:36px 0 88px!important}
.cta-box{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#ffffff 0%,#f0f6ff 70%,#f8fcff 100%)!important;
  border:1px solid #c9dcf2!important;
  border-radius:22px!important;
  box-shadow:0 26px 70px rgba(24,74,145,.08)!important;
  color:var(--v31-ink)!important;
}
.cta-box:before{content:"";position:absolute;right:-5%;top:-90%;width:420px;height:420px;border:1px solid rgba(7,91,234,.10);border-radius:50%;box-shadow:0 0 0 42px rgba(7,91,234,.025),0 0 0 86px rgba(43,191,241,.018);pointer-events:none}
.cta-box h2{color:var(--v31-ink)!important}.cta-box p{color:var(--v31-copy)!important}

/* Business / plan emphasis no longer means dark background. */
.business-card.featured,
.plan-card.featured{
  background:linear-gradient(145deg,#ffffff 0%,#edf5ff 100%)!important;
  border:1px solid #a9c9ef!important;
  color:var(--v31-ink)!important;
  box-shadow:0 20px 56px rgba(23,78,151,.08)!important;
}
.business-card.featured:before,.plan-card.featured:before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--v31-blue),var(--v31-cyan))}
.business-card.featured,.plan-card.featured{position:relative;overflow:hidden}
.business-card.featured h3,.plan-card.featured h3{color:var(--v31-ink)!important}
.business-card.featured p,.plan-card.featured>p{color:var(--v31-copy)!important}
.business-card.featured .small-tags span{background:#e7f1ff!important;color:#315e96!important}
.featured .plan-badge{background:#dfeeff!important;color:var(--v31-blue)!important}

/* Plan cards: product-style capacity signal instead of color blocks. */
.v31-plan-signal{display:grid;gap:8px;margin:2px 0 22px;padding:14px 0 0;border-top:1px solid #e2ebf5}
.v31-plan-signal-row{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:12px;font-size:10px;font-weight:800;color:#6c7d92}
.v31-plan-bar{height:5px;border-radius:999px;background:#e8eef6;overflow:hidden}.v31-plan-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#075bea,#32b8ed)}
.v31-plan-signal.free .v31-plan-bar i{width:32%}.v31-plan-signal.starter .v31-plan-bar i{width:66%}.v31-plan-signal.pro .v31-plan-bar i{width:94%}

/* Applied cockpit: the approved visual language becomes part of the website. */
.v31-ops-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 54%,#f6faff 100%)!important;border-top:1px solid #e1eaf4;border-bottom:1px solid #e1eaf4}
.v31-ops-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,91,234,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(7,91,234,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);pointer-events:none}
.v31-ops-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,.72fr) minmax(680px,1.28fr);gap:78px;align-items:center}
.v31-ops-copy{max-width:610px}.v31-ops-copy h2{margin:10px 0 18px;font:700 clamp(42px,4vw,64px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.045em;color:var(--v31-ink)}.v31-ops-copy p{font-size:16px;line-height:1.75;color:var(--v31-copy)}
.v31-ops-key{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.v31-ops-key span{padding:10px 11px;border:1px solid #d8e5f3;border-radius:10px;background:#fff;color:#53677f;font-size:10px;font-weight:800;text-align:center}
.v31-ops-console{position:relative;padding:18px;background:rgba(255,255,255,.94);border:1px solid #cdddf0;border-radius:20px;box-shadow:0 32px 90px rgba(20,72,145,.13)}
.v31-ops-console:before{content:"";position:absolute;left:10%;right:10%;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--v31-blue),var(--v31-cyan),transparent);box-shadow:0 0 20px rgba(7,91,234,.28)}
.v31-console-top{display:flex;justify-content:space-between;align-items:center;padding:3px 2px 15px;border-bottom:1px solid #e4ebf3}.v31-console-title strong{display:block;color:var(--v31-ink);font:700 15px "Space Grotesk",sans-serif}.v31-console-title span{display:block;margin-top:2px;color:#8090a4;font-size:9px}.v31-console-live{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #cde9dd;border-radius:999px;background:#f0fbf6;color:#16835b;font-size:9px;font-weight:900}.v31-console-live i{width:6px;height:6px;border-radius:50%;background:#20b77b;box-shadow:0 0 0 4px rgba(32,183,123,.08)}
.v31-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.v31-metric{position:relative;min-height:104px;padding:15px;border:1px solid #e0e9f3;border-radius:13px;background:linear-gradient(180deg,#fff,#fbfdff)}.v31-metric:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 4px 4px 0}.v31-metric.blue:before{background:#1668ef}.v31-metric.green:before{background:#20ae7a}.v31-metric.violet:before{background:#7a6ee8}.v31-metric span{display:block;color:#7b899a;font-size:9px;font-weight:800}.v31-metric strong{display:block;margin-top:8px;color:var(--v31-ink);font:700 26px/1 "Space Grotesk",sans-serif}.v31-metric small{display:block;margin-top:8px;color:#8390a0;font-size:8.5px}.v31-metric.green small{color:#18845e}
.v31-console-main{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.v31-chart-card,.v31-activity-card{border:1px solid #e0e9f3;border-radius:13px;background:#fff;padding:15px}.v31-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.v31-card-head strong{font-size:11px;color:var(--v31-ink)}.v31-card-head span{font-size:8px;color:#8a98a9}.v31-chart{position:relative;height:150px;border-bottom:1px solid #e7eef6;background:linear-gradient(180deg,rgba(7,91,234,.03),transparent)}.v31-chart svg{width:100%;height:100%;overflow:visible}.v31-chart-grid line{stroke:#e9eff6;stroke-width:1}.v31-chart-area{fill:url(#v31Area);opacity:.35}.v31-chart-line{fill:none;stroke:#1266ed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.v31-chart-dot{fill:#fff;stroke:#1266ed;stroke-width:2}
.v31-activity-list{display:grid}.v31-activity{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f6}.v31-activity:last-child{border-bottom:0}.v31-activity i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font-style:normal;font-size:10px;font-weight:900}.v31-activity .a-blue{background:#e8f1ff;color:#1d62cf}.v31-activity .a-green{background:#e8f8f1;color:#15825a}.v31-activity .a-amber{background:#fff5dd;color:#9a6b12}.v31-activity strong{display:block;color:#24364d;font-size:9.5px}.v31-activity span{display:block;color:#8794a4;font-size:8px}.v31-activity time{color:#9aa5b3;font-size:7.5px}.v31-demo-note{margin:11px 2px 0;color:#8795a6;font-size:8px;line-height:1.45}

/* Product insight: real screenshot + visual telemetry, not decorative cards. */
.v31-product-insight{background:#fff!important}.v31-product-insight-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);gap:34px;align-items:stretch}.v31-product-shot{margin:0;padding:9px;border:1px solid #ccdcec;border-radius:18px;background:#fff;box-shadow:0 28px 76px rgba(19,68,137,.11);overflow:hidden}.v31-product-shot img{display:block;width:100%;border-radius:11px}.v31-product-shot figcaption{padding:9px 3px 2px;color:#7b8999;font-size:9px}.v31-product-telemetry{display:grid;grid-template-rows:auto 1fr;gap:12px}.v31-telemetry-head{padding:22px;border:1px solid #cfe0f2;border-radius:16px;background:linear-gradient(145deg,#f5f9ff,#fff)}.v31-telemetry-head span{color:var(--v31-blue);font-size:9px;font-weight:900;letter-spacing:.12em}.v31-telemetry-head h3{margin:7px 0 0;color:var(--v31-ink);font-size:26px;line-height:1.05}.v31-telemetry-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v31-telemetry-item{padding:18px;border:1px solid #dde7f2;border-radius:14px;background:#fff}.v31-telemetry-item b{display:block;color:var(--v31-ink);font-size:13px}.v31-telemetry-item small{display:block;margin-top:5px;color:#7b899a;font-size:9px;line-height:1.45}.v31-telemetry-item i{display:block;width:34px;height:3px;margin-bottom:12px;border-radius:999px}.v31-telemetry-item:nth-child(1) i{background:#1768ee}.v31-telemetry-item:nth-child(2) i{background:#20ae7a}.v31-telemetry-item:nth-child(3) i{background:#7a6ee8}.v31-telemetry-item:nth-child(4) i{background:#e1a43a}

/* Architecture stack based on the approved V31 direction. */
.v31-architecture-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.55fr);gap:70px;align-items:center}.v31-architecture-layout .section-head{margin-bottom:34px!important}.v31-architecture-layout .steps{max-width:none!important}.v31-stack-visual{position:relative;height:390px;perspective:900px}.v31-stack-layer{position:absolute;left:50%;width:72%;height:120px;border:1px solid rgba(100,177,255,.42);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(7,98,245,.18));box-shadow:0 22px 65px rgba(0,78,204,.23),inset 0 0 28px rgba(95,190,255,.08);transform:translateX(-50%) rotateX(57deg) rotateZ(-2deg)}.v31-stack-layer:nth-child(1){top:55px}.v31-stack-layer:nth-child(2){top:125px;width:78%;border-color:rgba(57,139,255,.52);box-shadow:0 0 30px rgba(25,122,255,.23),0 22px 65px rgba(0,57,150,.25)}.v31-stack-layer:nth-child(3){top:195px;width:84%;border-color:rgba(47,180,255,.62);background:linear-gradient(145deg,rgba(13,76,180,.34),rgba(24,145,255,.24));box-shadow:0 0 42px rgba(28,140,255,.32),0 26px 70px rgba(0,45,120,.28)}.v31-stack-core{position:absolute;left:50%;top:112px;transform:translateX(-50%);width:86px;height:86px;border-radius:22px;background:linear-gradient(145deg,#1267ef,#22b8ed);box-shadow:0 0 0 12px rgba(30,137,255,.08),0 0 54px rgba(41,160,255,.45);display:grid;place-items:center;font:800 11px "Space Grotesk",sans-serif;color:#fff;letter-spacing:.08em}.v31-stack-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#7fd4ff;box-shadow:0 0 14px #4ebfff}.v31-stack-node.n1{left:17%;top:90px}.v31-stack-node.n2{right:18%;top:156px}.v31-stack-node.n3{left:25%;top:260px}.v31-stack-node.n4{right:24%;top:285px}

/* Function map is light, data-rich and status-coded. */
.page-funciones .v25-function-map{background:linear-gradient(180deg,#f7faff,#ffffff)!important;color:var(--v31-ink)!important;border-top:1px solid #e0e9f3;border-bottom:1px solid #e0e9f3}.page-funciones .v25-function-map:before{background-image:linear-gradient(rgba(7,91,234,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(7,91,234,.028) 1px,transparent 1px)!important;opacity:1!important}.v25-map-heading h2{color:var(--v31-ink)!important}.v25-map-heading p{color:var(--v31-copy)!important}.v25-capability-lane{background:#fff!important;border:1px solid #d8e4f1!important;border-radius:16px!important;box-shadow:0 18px 48px rgba(18,65,131,.06)!important;backdrop-filter:none!important}.v25-capability-lane:hover{transform:translateY(-2px)!important;background:#fff!important;border-color:#b8d0ec!important}.v25-capability-lane>header{border-bottom-color:#e7edf5!important}.v25-capability-lane header small{color:#8492a2!important}.v25-capability-lane header h3{color:var(--v31-ink)!important}.v25-capability-lane header>b{background:#f1f6fc!important;color:#56708e!important}.v25-capability-list article:hover{background:#f6f9fd!important;border-color:#e2eaf3!important;transform:none!important}.v25-capability-list strong{color:#263a52!important}.v25-capability-list p{color:#7b899a!important}.v25-status-live{background:#e9f8f2!important;border-color:#ccecdf!important;color:#16805a!important}.v25-status-progress{background:#edf2ff!important;border-color:#d8e1ff!important;color:#4965bf!important}.v25-status-roadmap{background:#f1f4f7!important;border-color:#e0e6eb!important;color:#6c7b8d!important}.v25-map-foot{color:#7d8b9c!important}

/* Integrations / business surfaces gain data accents, never heavy dark fills. */
.integration-card,.business-card,.info-card,.why-card,.plan-card{overflow:hidden;position:relative}.integration-card:before,.business-card:not(.featured):before,.info-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#1468ee,#2bbff1);opacity:.62}.integration-card:nth-child(2n):before,.info-card:nth-child(2n):before{background:linear-gradient(90deg,#24af7c,#2bbff1)}.integration-card:nth-child(3n):before,.info-card:nth-child(3n):before{background:linear-gradient(90deg,#786ee7,#1468ee)}

/* Navigation/mobile menu also follows the light visual system. */
@media(max-width:1080px){.main-nav{background:rgba(255,255,255,.98)!important;border-color:#d5e2f0!important;box-shadow:0 24px 64px rgba(22,63,120,.14)!important}.menu-toggle{border-color:#cfddeb!important;background:#fff!important}.menu-toggle span{background:#1d3552!important}}

@media(max-width:1180px){.v31-ops-grid{grid-template-columns:1fr;gap:42px}.v31-ops-copy{max-width:820px}.v31-ops-console{max-width:960px}.v31-product-insight-grid{grid-template-columns:1fr}.v31-product-telemetry{grid-template-columns:.7fr 1.3fr;grid-template-rows:auto}.v31-architecture-layout{grid-template-columns:1fr}.v31-stack-visual{max-width:620px;width:100%;margin:0 auto}}
@media(max-width:760px){.v31-ops-key{grid-template-columns:1fr}.v31-metrics{grid-template-columns:1fr}.v31-console-main{grid-template-columns:1fr}.v31-chart{height:130px}.v31-product-telemetry{display:grid;grid-template-columns:1fr}.v31-telemetry-stack{grid-template-columns:1fr 1fr}.v31-stack-visual{height:320px}.v31-architecture-section .steps{grid-template-columns:1fr!important}.site-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}}
@media(max-width:520px){.v31-ops-console{padding:12px;border-radius:15px}.v31-metric{min-height:92px}.v31-telemetry-stack{grid-template-columns:1fr}.v31-stack-visual{height:270px}.v31-stack-layer{height:92px}.v31-stack-layer:nth-child(1){top:32px}.v31-stack-layer:nth-child(2){top:90px}.v31-stack-layer:nth-child(3){top:148px}.v31-stack-core{top:75px;width:70px;height:70px}.v31-architecture-layout{gap:34px}}

/* Typography resilience: never fall back to browser serif when webfonts are unavailable. */
body,button,input,textarea,select,.logo-strip,.plan-list,.pricing-note{font-family:Manrope,"Segoe UI",Arial,sans-serif!important}
h1,h2,h3,h4,.dash-title,.template-title,.brand-word,.v23-plan-ladder b,.plan-card h3,.v23-home-proof-copy h2,.v24-free-copy h2,.v24-free-plan-banner h2,.mag-section-head h2,.article-content h2,.article-content h3{font-family:"Space Grotesk","Segoe UI",Arial,sans-serif!important}
.v31-architecture-section:after{display:none!important}
