﻿/* DeCAtrans landing - clean UX system */
:root{
	--bg:#080a10;
	--surface:#10141d;
	--ink:#f8fbff;
	--text:#dce5f4;
	--muted:#b4bfce;
	--subtle:#eef3ff;
	--line:rgba(255,255,255,.18);
	--line-dark:rgba(255,255,255,.24);
	--lime:#d8ff24;
	--lime-soft:#eefbbd;
	--moss:#9eaf29;
	--dark:#050607;
	--dark-2:#0f141f;
	--err:#d75a48;
	--font-body:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	--font-display:"Instrument Serif",Georgia,serif;
	--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	--weight-body:400;
	--weight-text-semibold:500;
	--weight-title:600;
	--weight-kicker:600;
	--line-height-body:1.46;
	--line-height-body-tight:1.4;
	--line-height-title:0.94;
	--max:1180px;
	--gutter:clamp(20px,4vw,48px);
	--radius:8px;
}

*,
*::before,
*::after{
	box-sizing:border-box;
}

html{
	margin:0;
	padding:0;
	scroll-behavior:smooth;
	scroll-padding-top:92px;
}

body{
	margin:0;
	background:var(--bg);
	color:var(--ink);
	font-family:var(--font-body);
	font-weight:var(--weight-body);
	font-size:16px;
	line-height:var(--line-height-body);
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	overflow-x:hidden;
}

img{
	display:block;
	max-width:100%;
	height:auto;
}

picture{
	display:block;
}

a{
	color:inherit;
	text-decoration:none;
}

a:hover,
a:focus-visible{
	text-decoration:underline;
	text-decoration-thickness:2px;
	text-underline-offset:3px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible{
	outline:3px solid var(--lime);
	outline-offset:4px;
}

p,
h1,
h2,
h3,
h4{
	margin:0;
}

p{
	font-size:16px;
	line-height:var(--line-height-body);
	color:var(--text);
}

h1,
h2,
h3,
h4{
	color:inherit;
	font-family:var(--font-display);
	font-weight:var(--weight-title);
	letter-spacing:0;
	line-height:var(--line-height-title);
}

section[id]{
	scroll-margin-top:92px;
}

.skip-link{
	position:absolute;
	left:-9999px;
	top:0;
	z-index:999;
	background:var(--surface);
	color:var(--ink);
	padding:10px 14px;
}

.skip-link:focus{
	left:0;
}

.mono,
.como-head__tag,
.claves-simple__kicker,
.boe-box__label,
.price__badge,
.statx__lbl{
	font-family:var(--font-mono);
	font-size:12px;
	font-weight:var(--weight-kicker);
	letter-spacing:.08em;
	text-transform:uppercase;
}

.serif{
	font-family:var(--font-display);
	font-style:normal;
	font-weight:var(--weight-title);
}

.detail-italic{
	font-style:italic;
}

.snum,
.hero__visual{
	display:none;
}

.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	min-height:46px;
	padding:0 22px;
	border:1px solid transparent;
	border-radius:var(--radius);
	background:transparent;
	color:inherit;
	font:inherit;
	font-size:15px;
	font-weight:var(--weight-text-semibold);
	line-height:1;
	cursor:pointer;
	transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease;
}

.btn::after{
	content:"\2192";
	font-size:16px;
	line-height:1;
	transition:transform .18s ease;
}

.btn:hover{
	transform:translateY(-2px);
}

.btn:hover::after{
	transform:translateX(3px);
}

.btn__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:22px;
	height:22px;
	flex:0 0 22px;
}

.btn__icon svg,
[data-lucide] svg{
	width:100%;
	height:100%;
	stroke-width:2;
}

.btn:disabled,
.btn[aria-disabled="true"]{
	cursor:not-allowed;
	opacity:.72;
	transform:none;
}

.btn:disabled::after{
	transform:none;
}

.btn--lime,
.lead-form__submit{
	background:var(--lime);
	border-color:var(--lime);
	color:var(--ink);
}

.btn--lime:hover,
.lead-form__submit:hover{
	background:#ecff72;
	border-color:#ecff72;
}

.btn--ghost{
	border-color:var(--line);
	color:var(--ink);
	background:transparent;
}

.btn--primary{
	background:var(--ink);
	border-color:var(--ink);
	color:var(--dark);
}

.btn--hero-ghost{
	border-color:rgba(255,255,255,.32);
	background:rgba(255,255,255,.06);
	color:#fff;
}

/* Header */
.site-header{
	position:fixed;
	inset:0 0 auto;
	z-index:120;
	border-bottom:1px solid transparent;
	background:linear-gradient(180deg,rgba(5,6,4,.62),rgba(5,6,4,.18) 72%,rgba(5,6,4,0));
	transition:background .28s ease,border-color .28s ease,backdrop-filter .28s ease,box-shadow .28s ease;
	backdrop-filter:blur(0);
	-webkit-backdrop-filter:blur(0);
}

.site-header.scrolled{
	background:linear-gradient(180deg,rgba(8,10,7,.88),rgba(8,10,7,.76));
	border-bottom-color:rgba(255,255,255,.10);
	box-shadow:0 10px 34px rgba(0,0,0,.20);
	backdrop-filter:blur(16px) saturate(1.18);
	-webkit-backdrop-filter:blur(16px) saturate(1.18);
}

.site-header__inner{
	width:min(calc(100% - (var(--gutter) * 2)),1390px);
	min-height:74px;
	margin-inline:auto;
	padding:9px 0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:32px;
	transition:min-height .28s ease,padding .28s ease;
}

.site-header.scrolled .site-header__inner{
	min-height:60px;
	padding:7px 0;
}

.site-header__logo{
	display:inline-flex;
	align-items:center;
	flex:0 0 auto;
	transform-origin:left center;
	transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s cubic-bezier(.2,.8,.2,1);
}

.site-header__logo img{
	display:block;
	width:112px;
	height:auto;
	object-fit:contain;
	transition:width .45s cubic-bezier(.2,.8,.2,1);
}

.site-header.scrolled .site-header__logo img{
	width:102px;
}

.nav__list{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
	gap:8px;
	transition:gap .45s cubic-bezier(.2,.8,.2,1);
}

.nav__list a{
	position:relative;
	display:inline-flex;
	align-items:center;
	min-height:38px;
	padding:0 12px;
	border-radius:9px;
	color:var(--text);
	font-family:var(--font-display);
	font-size:14px;
	font-weight:var(--weight-text-semibold);
	text-transform:none;
	transition:color .18s ease,background-color .18s ease;
}

.nav__list a:hover,
.nav__list a.is-active{
	color:#fff;
	background:rgba(255,255,255,.06);
}

.nav__list a:not(.nav__cta)::after{
	content:"";
	position:absolute;
	left:10px;
	right:10px;
	bottom:3px;
	height:2px;
	background:var(--lime);
	transform:scaleX(0);
	transform-origin:center;
	transition:transform .2s ease;
}

.nav__list a:not(.nav__cta).is-active::after,
.nav__list a:not(.nav__cta):hover::after{
	transform:scaleX(1);
}

.nav__cta{
	display:inline-flex;
	align-items:center;
	min-height:38px;
	padding:0 15px;
	border-radius:999px;
	background:rgba(255,255,255,.10);
	border:1px solid rgba(255,255,255,.26);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 22px rgba(0,0,0,.12);
}

.nav__cta:hover,
.nav__cta.is-active{
	background:var(--lime);
	border-color:var(--lime);
	color:var(--ink)!important;
}

.nav-toggle{
	display:none;
	width:44px;
	height:44px;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
}

.nav-toggle span{
	display:block;
	width:25px;
	height:2px;
	margin:5px auto;
	background:#fff;
	transition:transform .2s ease,opacity .2s ease;
}

.nav-toggle[aria-expanded="true"] span:nth-child(1){
	transform:translateY(7px) rotate(45deg);
}

.nav-toggle[aria-expanded="true"] span:nth-child(2){
	opacity:0;
}

.nav-toggle[aria-expanded="true"] span:nth-child(3){
	transform:translateY(-7px) rotate(-45deg);
}

/* Hero */
.hero{
	position:relative;
	min-height:100svh;
	padding:112px var(--gutter) 158px;
	overflow:hidden;
	background:var(--dark);
	color:#fff;
	isolation:isolate;
}

.hero::before{
	content:"";
	position:absolute;
	inset:auto 0 0;
	z-index:2;
	height:180px;
	background:linear-gradient(180deg,rgba(5,6,4,0),rgba(5,6,4,.92));
	pointer-events:none;
}

.hero::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:
		radial-gradient(circle at 74% 44%,rgba(216,255,36,.10),transparent 24%),
		linear-gradient(90deg,rgba(5,6,4,.95) 0%,rgba(5,6,4,.74) 38%,rgba(5,6,4,.14) 68%,rgba(5,6,4,.24) 100%),
		linear-gradient(180deg,rgba(5,6,4,.08) 0%,rgba(5,6,4,.06) 58%,rgba(5,6,4,.50) 100%);
	pointer-events:none;
}

.hero__bg{
	position:absolute;
	inset:0;
	z-index:0;
	display:block;
	background:
		image-set(
			url("../images/hero-deca-2026-4k.webp") type("image/webp"),
			url("../images/hero-deca-2026-right.webp") type("image/webp"),
			url("../images/hero-deca-2026-right.jpg") type("image/jpeg")
		) right 34% center/cover no-repeat;
	filter:saturate(1.08) contrast(1.15) sepia(.18) brightness(.95);
	transform:translate3d(0,0,0) scale(1.08);
	transform-origin:center;
	will-change:transform;
}

.hero__mesh{
	position:absolute;
	inset:0;
	z-index:2;
	display:block;
	opacity:.14;
	background-image:
		linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);
	background-size:80px 80px;
	mask-image:linear-gradient(90deg,#000,transparent 75%);
	pointer-events:none;
}

.hero__inner{
	position:relative;
	z-index:3;
	width:min(100%,1390px);
	min-height:calc(100svh - 286px);
	margin-inline:auto;
	display:grid;
	grid-template-columns:minmax(0,710px) minmax(260px,1fr);
	gap:40px;
	align-items:center;
}

.hero__copy{
	max-width:710px;
}

.hero__eyebrow{
	display:inline-flex;
	align-items:center;
	gap:12px;
	min-height:34px;
	margin-bottom:22px;
	padding:0 14px;
	border:1px solid rgba(255,255,255,.2);
	border-radius:999px;
	background:rgba(5,6,4,.34);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
	color:var(--subtle);
	font-family:var(--font-mono);
	font-size:11px;
	font-weight:600;
	letter-spacing:.08em;
	line-height:1.2;
	text-transform:uppercase;
}

.hero__eyebrow span{
	width:8px;
	height:8px;
	border-radius:999px;
	background:var(--lime);
	box-shadow:0 0 22px rgba(216,255,36,.82);
}

.hero__eyebrow i{
	width:1px;
	height:18px;
	background:var(--line);
}

.hero__copy h1{
	max-width:710px;
	color:#fff;
	font-family:var(--font-body);
	font-size:clamp(36px,3.7vw,56px);
	font-weight:var(--weight-text-semibold);
	line-height:1.04;
	text-wrap:balance;
}

.hero__copy h1 > span:first-child{
	color:var(--lime);
}

.hero__copy h1 .detail-italic{
	color:#fff;
	font-family:inherit;
	font-style:normal;
}

.hero__sub{
	max-width:610px;
	margin-top:20px;
	color:var(--text);
	font-size:16px;
	font-weight:500;
	line-height:var(--line-height-body);
}

.hero__cta{
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	margin-top:30px;
}

.hero__cta .btn{
	min-height:54px;
	padding-inline:22px;
	border-radius:8px;
}

.hero__cta .btn::after{
	display:none;
}

.btn--hero-ghost{
	border-color:rgba(255,255,255,.44);
	background:rgba(5,6,4,.24);
	color:#fff;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}

.hero__benefits{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:0;
	max-width:690px;
	margin-top:40px;
}

.hero__benefits div{
	display:grid;
	grid-template-columns:32px minmax(0,1fr);
	gap:10px 14px;
	align-items:start;
	padding:0 20px;
	border-left:1px solid rgba(255,255,255,.22);
}

.hero__benefits div:first-child{
	padding-left:0;
	border-left:0;
}

.hero__benefits span,
.hero__benefits svg{
	grid-row:1/3;
	width:28px;
	height:28px;
	color:var(--lime);
}

.hero__benefits strong{
	color:#fff;
	font-size:14px;
	line-height:1.2;
}

.hero__benefits small{
	grid-column:2;
	color:var(--subtle);
	font-size:13px;
	line-height:1.35;
}

.hero__route{
	align-self:end;
	justify-self:end;
	width:min(100%,290px);
	margin-bottom:36px;
}

.route-card{
	padding:18px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:14px;
	background:rgba(5,6,4,.44);
	box-shadow:0 24px 70px rgba(0,0,0,.34);
	backdrop-filter:blur(18px);
	-webkit-backdrop-filter:blur(18px);
}

.route-card__kicker{
	display:block;
	margin-bottom:6px;
	color:var(--lime);
	font-family:var(--font-mono);
	font-size:11px;
	font-weight:var(--weight-text-semibold);
	letter-spacing:.08em;
	text-transform:uppercase;
}

.route-card strong{
	color:#fff;
	font-size:22px;
	line-height:1;
}

.route-line{
	width:100%;
	height:auto;
	margin:10px 0 8px;
	overflow:visible;
}

.route-line__track{
	fill:none;
	stroke:rgba(255,255,255,.16);
	stroke-width:2;
}

.route-line__path{
	fill:none;
	stroke:var(--lime);
	stroke-width:3;
	stroke-linecap:round;
	stroke-dasharray:330;
	stroke-dashoffset:0;
	filter:drop-shadow(0 0 8px rgba(216,255,36,.45));
}

.route-line circle{
	fill:var(--lime);
	filter:drop-shadow(0 0 8px rgba(216,255,36,.56));
}

.route-card__meta{
	display:flex;
	justify-content:space-between;
	gap:10px;
	color:var(--text);
	font-size:12px;
}

/* Stats */
.stats-section{
	position:relative;
	z-index:2;
	padding:88px var(--gutter) 96px;
	background:var(--bg);
	color:var(--ink);
}

.stats-wrap{
	width:min(calc(100% - 24px),1180px);
	margin-inline:auto;
	display:grid;
	grid-template-columns:minmax(280px,.62fr) minmax(0,1fr);
	gap:clamp(48px,7vw,110px);
	align-items:start;
}

.stats-intro{
	position:sticky;
	top:118px;
}

.stats-intro .mono{
	display:block;
	margin-bottom:18px;
	color:var(--moss);
}

.stats-intro h2{
	max-width:500px;
	font-size:clamp(36px,3.7vw,56px);
	line-height:.92;
	letter-spacing:0;
}

.stats-intro p{
	max-width:500px;
	margin-top:24px;
	color:var(--text);
	font-size:16px;
	line-height:var(--line-height-body-tight);
}

.stats-list{
	display:grid;
	border-top:1px solid var(--line);
}

.statx{
	position:relative;
	display:grid;
	grid-template-columns:64px minmax(0,1fr);
	gap:28px;
	align-items:start;
	padding:30px 0;
	border-bottom:1px solid var(--line);
}

.statx__icon{
	display:inline-flex;
	width:54px;
	height:54px;
	align-items:center;
	justify-content:center;
	border:1px solid color-mix(in srgb,var(--lime) 48%,var(--line));
	border-radius:14px;
	background:color-mix(in srgb,var(--lime) 14%,#fff);
	color:var(--moss);
}

.statx__step{
	display:block;
	margin-bottom:8px;
	color:var(--moss);
	font-family:var(--font-mono);
	font-size:12px;
	font-weight:var(--weight-text-semibold);
	line-height:1;
}

.statx strong{
	display:block;
	color:var(--ink);
	font-family:var(--font-display);
	font-size:clamp(22px,2vw,30px);
	line-height:1.04;
}

.statx p{
	max-width:430px;
	margin-top:10px;
	color:var(--text);
	font-size:16px;
	line-height:var(--line-height-body-tight);
}

/* Claves */
.claves-section{
	padding:88px 0 96px;
	background:#080b13;
}

.claves-simple{
	width:min(calc(100% - 40px),var(--max));
	margin-inline:auto;
	display:grid;
	grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
	gap:clamp(34px,6vw,78px);
	align-items:start;
}

.claves-simple__intro{
	position:static;
}

.claves-simple__kicker{
	display:block;
	margin-bottom:18px;
	color:var(--moss);
}

.claves-simple h2{
	max-width:500px;
	color:var(--ink);
	font-size:clamp(36px,3.4vw,50px);
	font-weight:var(--weight-text-semibold);
	line-height:.94;
}

.claves-simple__intro > p{
	max-width:470px;
	margin-top:20px;
}

.claves-simple__date{
	margin-top:30px;
	padding:18px 0;
	border-top:1px solid var(--line);
	border-bottom:1px solid var(--line);
	display:grid;
	gap:8px;
}

.claves-simple__date strong{
	color:var(--ink);
	font-size:24px;
	line-height:1;
}

.claves-simple__date span{
	max-width:420px;
	color:var(--text);
	font-size:16px;
	line-height:1.38;
}

.claves-simple__list{
	border-top:1px solid var(--line);
}

.clave-row{
	display:grid;
	grid-template-columns:54px minmax(0,1fr);
	gap:20px;
	padding:24px 0;
	border-bottom:1px solid var(--line);
}

.clave-row > span{
	display:inline-flex;
	width:38px;
	height:30px;
	align-items:center;
	justify-content:center;
	border-radius:6px;
	background:rgba(97,117,0,.08);
	border:1px solid rgba(97,117,0,.18);
	color:var(--moss);
	font-family:var(--font-mono);
	font-size:12px;
	font-weight:var(--weight-text-semibold);
}

.clave-row > div{
	display:grid;
	grid-template-columns:minmax(180px,250px) minmax(0,1fr);
	gap:24px;
	align-items:start;
}

.clave-row h3{
	color:var(--ink);
	font-size:clamp(22px,1.75vw,28px);
	font-weight:var(--weight-text-semibold);
	line-height:1.02;
}

.clave-row p{
	max-width:650px;
}

.bento{
	display:none;
}

/* Como funciona */
.como-section{
	padding:92px var(--gutter) 104px;
	background:var(--dark);
	color:#fff;
}

.como-head,
.como-steps{
	width:min(100%,var(--max));
	margin-inline:auto;
}

.como-head{
	display:grid;
	grid-template-columns:minmax(0,.9fr) minmax(0,.7fr);
	gap:clamp(32px,6vw,74px);
	align-items:end;
	padding-bottom:34px;
	border-bottom:1px solid var(--line-dark);
}

.como-head__tag{
	display:block;
	margin-bottom:16px;
	color:var(--lime);
}

.como-head h2{
	max-width:650px;
	color:#fff;
	font-size:clamp(36px,4vw,58px);
	line-height:.94;
}

.como-head p{
	max-width:470px;
	color:var(--text);
}

.como-steps{
	margin-top:0;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:0;
	border-bottom:1px solid var(--line-dark);
}

.cstep{
	min-height:0;
	padding:30px clamp(20px,3vw,34px) 32px;
	border-right:1px solid var(--line-dark);
	background:transparent;
}

.cstep:last-child{
	border-right:0;
}

.cstep__n{
	display:inline-flex;
	width:42px;
	height:34px;
	align-items:center;
	justify-content:center;
	margin-bottom:34px;
	border-radius:6px;
	background:var(--lime);
	color:var(--ink);
	font-family:var(--font-mono);
	font-size:13px;
	font-weight:var(--weight-text-semibold);
	line-height:1;
}

.cstep__lbl{
	margin-bottom:12px;
	color:var(--text);
	font-family:var(--font-mono);
	font-size:11px;
	font-weight:var(--weight-text-semibold);
	letter-spacing:.08em;
	text-transform:uppercase;
}

.cstep h3{
	max-width:270px;
	margin-bottom:10px;
	color:#fff;
	font-size:clamp(23px,2vw,30px);
	line-height:1;
}

.cstep p{
	color:var(--text);
}

/* Normativa */
.norm-section{
	padding:110px var(--gutter) 118px;
	background:var(--bg);
	color:var(--ink);
}

.norm-panel{
	position:relative;
	width:min(100%,1390px);
	margin-inline:auto;
	display:grid;
	grid-template-columns:minmax(420px,.98fr) minmax(360px,.82fr);
	gap:clamp(42px,5vw,86px);
	align-items:center;
	min-height:520px;
	padding:54px clamp(28px,5vw,70px);
	border-radius:18px;
	background:
		linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),
		#111521;
	box-shadow:0 28px 90px rgba(16,18,14,.08);
	overflow:hidden;
}

.norm-panel::before{
	content:"";
	position:absolute;
	left:-7%;
	top:52%;
	width:54%;
	height:58%;
	border-radius:999px;
	background:radial-gradient(circle,rgba(216,255,36,.18),transparent 68%);
	filter:blur(10px);
	pointer-events:none;
}

.norm-composition{
	position:relative;
	min-height:480px;
	isolation:isolate;
}

.norm-piece{
	will-change:transform,opacity;
}

.norm-composition__truck{
	position:absolute;
	left:15%;
	right:2%;
	top:23%;
	z-index:1;
	display:block;
	overflow:hidden;
	border-radius:16px;
	box-shadow:0 28px 72px rgba(16,18,14,.22);
}

.norm-composition__truck img{
	width:100%;
	aspect-ratio:1.55/1;
	object-fit:cover;
	filter:saturate(1.08) contrast(1.04);
}

.norm-composition__tablet{
	position:absolute;
	left:21%;
	top:-4%;
	z-index:3;
	width:min(54%,380px);
	filter:drop-shadow(0 30px 38px rgba(16,18,14,.28));
	transform:rotate(-9deg);
}

.norm-composition__document{
	position:absolute;
	left:13%;
	top:8%;
	z-index:4;
	width:min(28%,180px);
	filter:drop-shadow(0 20px 24px rgba(16,18,14,.24));
	transform:rotate(10deg);
}

.norm-composition__qr{
	position:absolute;
	right:-1%;
	top:2%;
	z-index:5;
	width:min(23%,132px);
	padding:14px;
	border-radius:12px;
	background:rgba(255,255,255,.08);
	box-shadow:0 18px 42px rgba(16,18,14,.16);
}

.norm-copy{
	position:relative;
	z-index:2;
	padding-block:20px;
}

.norm-copy .mono{
	display:block;
	margin-bottom:16px;
	color:var(--moss);
}

.norm-copy h2{
	max-width:560px;
	margin-bottom:22px;
	color:var(--ink);
	font-size:clamp(38px,4vw,58px);
	line-height:.94;
}

.norm-copy h2 span{
	display:inline;
	background:var(--lime);
	box-decoration-break:clone;
	-webkit-box-decoration-break:clone;
	padding:0 .08em .03em;
}

.norm-copy p{
	max-width:620px;
	margin-top:18px;
	color:var(--text);
	font-size:16px;
	line-height:var(--line-height-body-tight);
}

.norm-copy strong{
	color:var(--ink);
}

.norm-copy__chips{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:28px;
}

.norm-copy__chips span{
	display:inline-flex;
	align-items:center;
	min-height:34px;
	padding:0 12px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:999px;
	background:rgba(255,255,255,.06);
	color:var(--ink);
	font-family:var(--font-display);
	font-size:13px;
	font-weight:var(--weight-text-semibold);
}

/* What */
.what-section{
	padding:96px 0;
	background:var(--bg);
}

.what-grid{
	width:min(calc(100% - 40px),var(--max));
	margin-inline:auto;
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
	gap:clamp(42px,7vw,82px);
	align-items:center;
}

.what-text h2,
.leg-head h2,
.prices-head h2,
.promo-text h2,
.contact-text h2{
	font-size:clamp(36px,4.2vw,56px);
	line-height:.94;
}

.what-text h2 .serif,
.leg-head h2 .serif,
.prices-head h2 .serif,
.contact-text h2 .serif{
	color:var(--moss);
}

.what-text > p{
	max-width:580px;
	margin-top:24px;
}

.what-facts{
	list-style:none;
	margin:34px 0;
	padding:0;
	border-top:1px solid var(--line);
}

.what-facts li{
	display:grid;
	grid-template-columns:46px minmax(0,1fr);
	gap:12px 18px;
	padding:18px 0;
	border-bottom:1px solid var(--line);
}

.what-facts .mono{
	color:var(--moss);
}

.what-facts strong{
	font-size:16px;
}

.what-facts li span:last-child{
	grid-column:2;
	color:var(--text);
	font-size:15px;
}

.what-gallery{
	display:grid;
	grid-template-columns:1fr;
	gap:12px;
}

.what-gallery picture,
.what-gallery img{
	width:100%;
	height:100%;
}

.what-gallery img{
	min-height:170px;
	max-height:230px;
	object-fit:cover;
	border-radius:var(--radius);
}

.what-gallery picture:first-child img{
	grid-row:auto;
	min-height:300px;
	max-height:420px;
}

/* FAQ */
.leg-section{
	padding:96px 0;
	background:#090b10;
}

.leg-head,
.faq,
.boe-box{
	width:min(calc(100% - 40px),980px);
	margin-inline:auto;
}

.leg-head{
	display:grid;
	grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
	gap:42px;
	align-items:end;
	margin-bottom:46px;
}

.faq details{
	margin-bottom:8px;
	border:1px solid var(--line);
	border-radius:var(--radius);
	background:#111521;
	overflow:hidden;
}

.faq summary{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:20px 22px;
	color:var(--ink);
	cursor:pointer;
	font-size:17px;
	font-weight:var(--weight-text-semibold);
	line-height:1.2;
	list-style:none;
	color:var(--ink);
}

.faq summary::-webkit-details-marker{
	display:none;
}

.faq summary::after{
	content:"+";
	display:inline-flex;
	width:28px;
	height:28px;
	flex:0 0 auto;
	align-items:center;
	justify-content:center;
	border:1px solid currentColor;
	border-radius:6px;
}

.faq details[open] summary::after{
	content:"\2212";
	background:var(--lime);
	border-color:var(--lime);
	color:var(--ink);
}

.faq__body{
	max-width:780px;
	padding:0 22px 22px;
	color:var(--text);
	font-size:16px;
	line-height:var(--line-height-body-tight);
}

.boe-box{
	margin-top:36px;
}

.boe-box__inner{
	display:grid;
	grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);
	gap:30px;
	align-items:center;
	padding:32px;
	border-radius:var(--radius);
	background:
		linear-gradient(90deg,rgba(5,6,4,.96),rgba(5,6,4,.78)),
		image-set(
			url("../images/Documento-de-control-composicion-02.webp") type("image/webp"),
			url("../images/Documento-de-control-composicion-02.jpg") type("image/jpeg")
		) center/cover;
	color:#fff;
}

.boe-box__label{
	margin-bottom:12px;
	color:var(--lime);
}

.boe-box__title{
	max-width:620px;
	color:#fff;
	font-size:22px;
	font-weight:var(--weight-text-semibold);
	line-height:1.18;
}

.boe-box__meta{
	margin-top:10px;
	color:var(--text);
	font-size:14px;
}

.boe-box__actions{
	display:grid;
	gap:10px;
}

.boe-box__actions .btn--ghost{
	border-color:rgba(255,255,255,.32);
	color:#fff;
}

.boe-box__link{
	color:var(--text);
	font-family:var(--font-mono);
	font-size:12px;
	text-align:center;
}

/* Prices */
.prices-section{
	padding:96px 0 76px;
	background:var(--bg);
}

.prices-head,
.prices-grid{
	width:min(calc(100% - 40px),980px);
	margin-inline:auto;
}

.prices-head .mono{
	display:block;
	margin-bottom:16px;
	color:var(--moss);
}

.prices-head{
	margin-bottom:36px;
}

.prices-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px;
}

.price{
	position:relative;
	padding:28px;
	border:1px solid var(--line);
	border-radius:var(--radius);
	background:#0f1420;
}

.price--star{
	background:#0b0d14;
	color:#fff;
}

.price__badge{
	position:absolute;
	top:0;
	left:24px;
	padding:8px 12px;
	border-radius:0 0 6px 6px;
	background:var(--lime);
	color:var(--ink);
	font-size:10px;
}

.price__top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
	margin-bottom:14px;
}

.price h3{
	font-size:26px;
	line-height:1.05;
}

.price__num{
	color:var(--muted);
	font-family:var(--font-mono);
	font-size:12px;
}

.price--star .price__num,
.price--star .price__features li{
	color:var(--ink);
}

.price__amount{
	margin-bottom:24px;
	font-size:30px;
	font-weight:600;
	line-height:1;
}

.price__features{
	list-style:none;
	margin:0 0 28px;
	padding:0;
}

.price__features li{
	position:relative;
	padding:13px 0 13px 24px;
	border-bottom:1px solid var(--line);
	color:var(--text);
	font-size:16px;
}

.price__features li::before{
	content:"";
	position:absolute;
	left:0;
	top:24px;
	width:10px;
	height:2px;
	background:currentColor;
}

.price--star .price__features li{
	border-color:rgba(255,255,255,.14);
}

.price .btn{
	width:100%;
	justify-content:space-between;
}

/* Promo */
.promo-section{
	padding:0 0 96px;
	background:var(--bg);
}

.promo-grid{
	width:min(calc(100% - 40px),var(--max));
	margin-inline:auto;
	padding:clamp(28px,5vw,52px);
	border-radius:var(--radius);
	background:#10120e;
	color:#fff;
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:28px;
	align-items:center;
}

.promo-text{
	max-width:none;
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:18px 36px;
	align-items:center;
}

.promo-text h2{
	max-width:650px;
	color:#fff;
	font-size:clamp(34px,4vw,54px);
	line-height:.96;
}

.promo-text .hl{
	display:block;
}

.promo-text p{
	max-width:620px;
	margin:18px 0 0;
	color:var(--text);
}

.promo-text .btn{
	grid-column:2;
	grid-row:1 / span 2;
	align-self:center;
	margin-top:0;
}

.promo-section .btn--primary{
	background:var(--lime);
	border-color:var(--lime);
	color:var(--ink);
}

/* Contact */
.contact-section{
	padding:112px 0;
	background:var(--dark);
	color:#fff;
}

.contact-grid{
	width:min(calc(100% - 40px),var(--max));
	margin-inline:auto;
	display:grid;
	grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
	gap:clamp(42px,7vw,76px);
	align-items:start;
}

.contact-text .mono{
	display:block;
	margin-bottom:16px;
	color:var(--lime);
}

.contact-text h2{
	color:#fff;
}

.contact-text > p{
	max-width:560px;
	margin-top:24px;
	color:var(--text);
}

.contact-list{
	list-style:none;
	margin:30px 0;
	padding:0;
	border-top:1px solid var(--line-dark);
}

.contact-list li{
	position:relative;
	padding:14px 0 14px 20px;
	border-bottom:1px solid var(--line-dark);
	color:var(--ink);
}

.contact-list li::before{
	content:"";
	position:absolute;
	left:0;
	top:25px;
	width:9px;
	height:2px;
	background:var(--lime);
}

.contact-mail{
	display:inline-flex;
	align-items:center;
	gap:10px;
	color:var(--lime);
	font-weight:var(--weight-text-semibold);
}

.contact-mail::after{
	content:"\2192";
}

.lead-form{
	padding:30px;
	border:1px solid var(--line-dark);
	border-radius:var(--radius);
	background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
}

.lead-form__grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:16px;
}

.lead-form__field{
	display:flex;
	flex-direction:column;
	margin-bottom:16px;
}

.lead-form__field label{
	margin-bottom:8px;
	color:var(--text);
	font-family:var(--font-mono);
	font-size:11px;
	font-weight:var(--weight-text-semibold);
	letter-spacing:.08em;
	text-transform:uppercase;
}

.lead-form input[type="text"],
.lead-form input[type="tel"],
.lead-form input[type="email"],
.lead-form input[type="number"]{
	width:100%;
	height:46px;
	border:0;
	border-bottom:1px solid rgba(255,255,255,.28);
	border-radius:0;
	background:transparent;
	color:#fff;
	font:inherit;
	font-size:16px;
	padding:8px 0;
}

.lead-form input:focus{
	outline:none;
	border-bottom-color:var(--lime);
}

.lead-form input.is-error,
.lead-form input[aria-invalid="true"]{
	border-bottom-color:var(--err);
}

.lead-form input[type="number"]{
	-moz-appearance:textfield;
}

.lead-form input[type="number"]::-webkit-outer-spin-button,
.lead-form input[type="number"]::-webkit-inner-spin-button{
	margin:0;
	-webkit-appearance:none;
}

.lead-form__hp{
	position:absolute;
	left:-9999px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.lead-form__consent{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin:4px 0 22px;
	color:var(--ink);
	font-size:13px;
	line-height:1.4;
}

.lead-form__consent input{
	margin-top:2px;
	accent-color:var(--lime);
}

.lead-form__consent.is-error{
	color:#ffb3a8;
}

.lead-form__consent.is-error input{
	outline:2px solid var(--err);
	outline-offset:3px;
}

.lead-form__consent a{
	color:var(--lime);
	text-decoration:underline;
}

.lead-form__submit{
	width:100%;
	justify-content:space-between;
}

.lead-form__msg{
	min-height:1.2em;
	margin-top:14px;
	color:var(--text);
	font-size:14px;
}

.lead-form__msg.is-ok{
	color:var(--lime);
}

.lead-form__msg.is-bad{
	color:var(--err);
}

.lead-form.is-sending .lead-form__submit{
	position:relative;
	overflow:hidden;
}

.lead-form.is-sending .lead-form__submit::before{
	content:"";
	width:14px;
	height:14px;
	border:2px solid rgba(16,18,14,.28);
	border-top-color:var(--ink);
	border-radius:999px;
	animation:spin .75s linear infinite;
}

@keyframes spin{
	to{transform:rotate(360deg)}
}

/* Footer */
.footer{
	position:relative;
	padding:62px 0 30px;
	color:#fff;
	background:
		radial-gradient(circle at 24% 0%,rgba(216,255,36,.12),rgba(216,255,36,0) 38%),
		linear-gradient(180deg,#06070a 0%,#06070a 52%,#050505 100%);
}

.footer__inner{
	width:min(calc(100% - 40px),var(--max));
	margin-inline:auto;
	display:grid;
	gap:24px;
	background:rgba(11,15,24,.54);
	border:1px solid rgba(255,255,255,.14);
	border-radius:16px;
	padding:28px 24px;
}

.footer__topline{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
	gap:18px;
	padding:0;
	border:0;
	border-radius:0;
	background:none;
}

.footer__brand{
	min-width:0;
	display:grid;
	gap:10px;
	max-width:min(540px,70%);
}

.footer__brand-link{
	display:inline-flex;
}

.footer__topline-actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	align-items:center;
	justify-content:flex-end;
}

.footer__brand-logo{
	display:block;
	width:136px;
	height:auto;
}

.footer__brand p{
	max-width:560px;
	color:var(--text);
	font-size:16px;
	line-height:1.45;
}

.footer__badge-line{
	display:inline-flex;
	align-items:center;
	margin-top:12px;
	gap:10px;
	padding:7px 11px;
	border-radius:999px;
	border:1px solid rgba(255,255,255,.16);
	color:var(--ink);
	background:rgba(255,255,255,.02);
	font-family:var(--font-mono);
	font-size:11px;
	font-weight:var(--weight-kicker);
	letter-spacing:.08em;
	text-transform:uppercase;
}

.footer__ghost{
	border-color:rgba(255,255,255,.24);
	color:#fff;
}

.footer__ghost:hover{
	border-color:var(--ink);
	color:var(--dark);
	background:#f8fbff;
}

.footer__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(160px,1fr));
	gap:18px 24px;
	padding:4px 0 2px;
	border-top:1px solid rgba(255,255,255,.09);
	border-bottom:1px solid rgba(255,255,255,.09);
	padding-block:16px;
}

.footer__group{
	min-width:0;
	display:grid;
	gap:9px;
}

.footer__group h4{
	margin:0;
	color:var(--subtle);
	font-family:var(--font-mono);
	font-size:11px;
	font-weight:var(--weight-kicker);
	letter-spacing:.08em;
	text-transform:uppercase;
}

.footer__group a{
	display:block;
	padding:4px 0;
	color:#b8c3d5;
	font-size:14px;
	line-height:1.35;
	font-weight:var(--weight-text-semibold);
	transition:color .18s ease, transform .18s ease;
}

.footer__group a:hover{
	color:var(--ink);
	transform:translateX(4px);
}

.footer__contact{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:14px;
	padding-top:14px;
	border-top:1px solid var(--line-dark);
}

.footer__contact > div{
	min-height:100%;
}

.footer__contact-label{
	font-family:var(--font-mono);
	font-size:11px;
	font-weight:var(--weight-kicker);
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#d4dde9;
	margin-bottom:7px;
}

.footer__contact a{
	color:#fff;
	font-weight:var(--weight-text-semibold);
	font-family:var(--font-body);
	font-size:15px;
	line-height:1.28;
	transition:color .18s ease, transform .18s ease;
	display:inline-block;
}

.footer__contact a:hover{
	color:#fff;
	transform:translateY(-1px);
}

.footer__contact span{
	color:#bdc9d9;
	font-size:14px;
	display:block;
}

.footer__divider{
	height:1px;
	background:linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
}

.footer__bottom{
	display:grid;
	grid-template-columns:1fr auto;
	gap:16px;
	align-items:center;
	padding-top:16px;
	border-top:1px solid var(--line-dark);
	color:#d6deea;
	font-family:var(--font-body);
	font-size:12px;
}

.footer__bottom-content{
	display:flex;
	align-items:center;
	gap:18px;
	flex-wrap:wrap;
}

.footer__bottom a{
	color:var(--ink);
}

.footer__badge{
	display:inline-flex;
	align-items:center;
	padding:6px 10px;
	border-radius:999px;
	background:rgba(255,255,255,.07);
	border:1px solid rgba(255,255,255,.15);
	color:#f4f7ff;
	font-family:var(--font-body);
	font-size:11px;
	font-weight:var(--weight-text-semibold);
	letter-spacing:.03em;
	text-transform:none;
	justify-self:end;
}

.to-top{
	position:fixed;
	right:24px;
	bottom:24px;
	z-index:90;
	width:46px;
	height:46px;
	border:0;
	border-radius:999px;
	background:#000;
	color:#fff;
	cursor:pointer;
	opacity:0;
	visibility:hidden;
	transform:translateY(12px);
	transition:.22s ease;
}

.to-top.show{
	opacity:1;
	visibility:visible;
	transform:none;
}

.mobilecta{
	display:none!important;
}

/* Legal pages */
.legal-page{
	width:min(calc(100% - 2*var(--gutter)),var(--max));
	margin-inline:auto;
	padding:100px 0 80px;
}
@media (max-width:720px){
	.legal-page{
		padding-top:84px;
	}
}

.legal-page__header img{
	width:190px;
}

.legal-page h1{
	margin:8px 0 34px;
	font-size:clamp(42px,6vw,68px);
}

.legal-page__body{
	color:var(--text);
	font-size:16px;
	line-height:var(--line-height-body-tight);
	max-width:74ch;
}

.legal-page__body h2,
.legal-page__body h3{
	margin:32px 0 12px;
	color:var(--ink);
	line-height:1.02;
}

.legal-page__body p,
.legal-page__body li{
	margin-bottom:12px;
}

.legal-page__body a:not(.btn){
	color:var(--moss);
	text-decoration:underline;
}

/* Motion */
.reveal{
	opacity:0;
	transform:translateY(14px);
	transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);
}

.reveal.is-visible,
.noanim .reveal{
	opacity:1;
	transform:none;
}

.noanim *,
.noanim *::before,
.noanim *::after{
	animation:none!important;
	transition:none!important;
}

@media (prefers-reduced-motion:reduce){
	*,
	*::before,
	*::after{
		animation-duration:.01ms!important;
		animation-iteration-count:1!important;
		scroll-behavior:auto!important;
		transition-duration:.01ms!important;
	}
	.reveal{
		opacity:1;
		transform:none;
	}
}

@media (max-width:1024px){
	.como-steps,
	.prices-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.stats-wrap{
		grid-template-columns:1fr;
		gap:44px;
	}
	.stats-intro{
		position:static;
	}
	.hero{
		padding-top:122px;
	}
	.hero__inner{
		grid-template-columns:1fr;
		min-height:0;
	}
	.hero__copy h1{
		font-size:52px;
	}
	.hero__route{
		justify-self:start;
		margin:26px 0 0;
	}
	.como-head{
		grid-template-columns:1fr;
		align-items:start;
	}
	.cstep:nth-child(2){
		border-right:0;
	}
	.cstep:nth-child(-n+2){
		border-bottom:1px solid var(--line-dark);
	}
	.claves-simple,
	.what-grid,
	.leg-head,
	.contact-grid,
	.norm-panel{
		grid-template-columns:1fr;
	}
	.claves-simple__intro{
		position:static;
	}
	.norm-panel{
		min-height:0;
		padding:40px;
	}
	.norm-composition{
		min-height:430px;
		max-width:760px;
		margin-inline:auto;
		width:100%;
	}
}

@media (max-width:820px){
	.site-header__inner{
		min-height:68px;
	}
	.site-header.scrolled .site-header__inner{
		min-height:60px;
		padding:8px 0;
	}
	.site-header__logo img{
		width:106px;
	}
	.site-header.scrolled .site-header__logo img{
		width:98px;
	}
	.nav-toggle{
		display:block;
	}
	.nav{
		position:absolute;
		left:0;
		right:0;
		top:100%;
		background:rgba(5,6,4,.97);
		border-top:1px solid var(--line-dark);
		border-bottom:1px solid var(--line-dark);
		opacity:0;
		visibility:hidden;
		transform:translateY(-10px);
		transition:.2s ease;
	}
	.nav.open{
		opacity:1;
		visibility:visible;
		transform:none;
	}
	.nav__list{
		width:min(calc(100% - 40px),var(--max));
		margin-inline:auto;
		padding:16px 0;
		display:grid;
		gap:0;
	}
	.nav__list a{
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:14px 0;
		border-bottom:1px solid var(--line-dark);
	}
	.nav__list a::after{
		display:none;
	}
	.nav__cta{
		background:var(--lime);
		color:var(--ink)!important;
		border-color:var(--lime);
		padding-inline:14px;
		margin-top:8px;
	}
}

@media (max-width:720px){
	html{
		scroll-padding-top:78px;
	}
	body{
		padding-bottom:0;
	}
	section[id]{
		scroll-margin-top:78px;
	}
	.hero{
		min-height:auto;
		padding:124px 20px 92px;
	}
	.hero::after{
		mask-image:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.92));
	}
	.hero__bg{
		background-position:62% center;
	}
	.hero::after{
		background:
			radial-gradient(circle at 72% 36%,rgba(216,255,36,.14),transparent 28%),
			linear-gradient(90deg,rgba(5,6,4,.96) 0%,rgba(5,6,4,.83) 76%,rgba(5,6,4,.64) 100%),
			linear-gradient(180deg,rgba(5,6,4,.08) 0%,rgba(5,6,4,.34) 60%,rgba(5,6,4,.88) 100%);
	}
	.hero__inner{
		min-height:0;
		grid-template-columns:1fr;
	}
	.hero__copy h1{
		font-size:38px;
		line-height:1.04;
	}
	.hero__eyebrow{
		display:flex;
		flex-wrap:wrap;
		width:100%;
		min-height:0;
		padding:10px 12px;
		border-radius:12px;
		font-size:10px;
		line-height:1.35;
		align-items:flex-start;
		margin-bottom:18px;
	}
	.hero__eyebrow i{
		display:none;
	}
	.hero__eyebrow span{
		flex:0 0 auto;
		margin-top:4px;
	}
	.hero__sub{
		max-width:100%;
	}
	.hero__cta{
		display:grid;
		gap:10px;
	}
	.hero .btn{
		width:100%;
		justify-content:space-between;
	}
	.hero__benefits{
		grid-template-columns:1fr 1fr;
		gap:14px 18px;
		margin-top:30px;
	}
	.hero__benefits div.hero__benefit--cloud{
		display:none;
	}
	.hero__benefits div,
	.hero__benefits div:first-child{
		padding:0;
		border-left:0;
	}
	.hero__route{
		display:none;
	}
	.stats-section{
		padding:64px 20px 72px;
	}
	.stats-wrap{
		width:100%;
		gap:34px;
	}
	.stats-intro h2{
		font-size:30px;
		line-height:.93;
		max-width:100%;
	}
	.stats-intro p{
		margin-top:18px;
	}
	.como-steps,
	.prices-grid,
	.lead-form__grid,
	.footer__grid{
		grid-template-columns:1fr;
	}
	.statx{
		grid-template-columns:52px minmax(0,1fr);
		gap:18px;
		padding:24px 0;
	}
	.statx__icon{
		width:44px;
		height:44px;
	}
	.claves-section,
	.what-section,
	.leg-section,
	.prices-section,
	.contact-section{
		padding:82px 0;
	}
	.claves-simple,
	.what-grid,
	.leg-head,
	.faq,
	.boe-box,
	.prices-head,
	.prices-grid,
	.promo-grid,
	.contact-grid,
	.footer__inner,
	.footer__bottom{
		width:min(calc(100% - 32px),var(--max));
	}
	.claves-simple h2,
	.what-text h2,
	.leg-head h2,
	.prices-head h2,
	.promo-text h2,
	.contact-text h2{
		font-size:clamp(34px,9.8vw,44px);
		line-height:.94;
	}
	.clave-row{
		grid-template-columns:1fr;
		gap:14px;
		padding:24px 0;
	}
	.clave-row > div{
		display:block;
	}
	.clave-row h3{
		margin-bottom:8px;
	}
	.como-section{
		padding:82px 20px 90px;
	}
	.como-head{
		padding-bottom:26px;
	}
	.cstep{
		min-height:0;
		padding:24px;
		border-right:0;
		border-bottom:1px solid var(--line-dark);
	}
	.cstep:last-child{
		border-bottom:0;
	}
	.cstep__n{
		margin-bottom:22px;
	}
	.norm-section{
		padding:72px 16px;
	}
	.norm-panel{
		padding:26px 16px 32px;
		border-radius:14px;
	}
	.norm-composition{
		min-height:330px;
	}
	.norm-composition__truck{
		left:6%;
		right:4%;
		top:26%;
	}
	.norm-composition__tablet{
		left:19%;
		top:1%;
		width:58%;
	}
	.norm-composition__document{
		left:5%;
		top:13%;
		width:28%;
	}
	.norm-composition__qr{
		right:2%;
		top:8%;
		width:23%;
		padding:8px;
		border-radius:9px;
	}
	.norm-copy{
		padding:4px 4px 0;
	}
	.norm-copy h2{
		font-size:clamp(32px,8.5vw,42px);
	}
	.norm-copy__chips{
		gap:8px;
	}
	.what-gallery{
		grid-template-columns:1fr;
	}
	.what-gallery picture:first-child img{
		grid-row:auto;
	}
	.boe-box__inner{
		grid-template-columns:1fr;
		padding:24px;
	}
	.promo-section{
		padding-bottom:82px;
	}
	.promo-text{
		grid-template-columns:1fr;
	}
	.promo-text .btn{
		grid-column:auto;
		grid-row:auto;
		width:100%;
		justify-content:space-between;
	}
	.footer{
		padding-top:54px;
	}
	.footer__topline{
		display:grid;
		grid-template-columns:1fr;
		gap:22px;
	}
	.footer__topline-actions{
		justify-self:start;
	}
	.footer__grid{
		grid-template-columns:1fr;
	}
	.footer__contact{
		grid-template-columns:1fr;
	}
	.footer__contact > div{
		padding:10px 0 2px;
	}
	.footer__contact a{
		font-size:15px;
	}
	.footer__bottom{
		grid-template-columns:1fr;
	}
	.footer__bottom-content{
		flex-direction:column;
		align-items:flex-start;
	}
	.footer__badge{
		justify-self:start;
	}
	.to-top{
		display:none;
	}
}

/* Rebuild below hero */
.clean-section{
	padding:86px var(--gutter);
	background:var(--bg);
	color:var(--ink);
}

.clean-section--first{
	border-top:1px solid var(--line);
}

.clean-section--dark{
	background:var(--dark);
	color:#fff;
}

.clean-section--prices{
	background:var(--bg);
}

.clean-wrap{
	width:min(calc(100% - 40px),var(--max));
	margin-inline:auto;
}

.clean-split,
.legal-clean,
.contact-clean__grid{
	display:grid;
	grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);
	gap:clamp(48px,7vw,94px);
	align-items:start;
}

.clean-kicker{
	display:block;
	margin-bottom:18px;
	color:var(--moss);
	font-family:var(--font-mono);
	font-size:12px;
	font-weight:var(--weight-text-semibold);
	letter-spacing:.08em;
	text-transform:uppercase;
}

.clean-kicker,
.hero__benefits small,
.prices-note span{
	font-style:italic;
}

.clean-copy h2,
.clean-head h2{
	max-width:620px;
	color:inherit;
	font-family:var(--font-display);
	font-size:clamp(34px,3.5vw,54px);
	line-height:.96;
	letter-spacing:0;
}

.clean-copy p,
.clean-head p{
	max-width:620px;
	margin-top:24px;
	color:var(--text);
	font-size:16px;
	line-height:var(--line-height-body-tight);
}

.clean-head{
	max-width:760px;
	margin-bottom:34px;
}

.clean-section--dark .clean-kicker,
.contact-clean .clean-kicker{
	color:var(--lime);
}

.clean-section--dark .clean-head p,
.contact-clean .clean-copy p{
	color:var(--text);
}

.feature-list{
	display:grid;
	border-top:1px solid var(--line);
}

.feature-list article{
	display:grid;
	grid-template-columns:56px minmax(0,1fr);
	gap:24px;
	padding:28px 0;
	border-bottom:1px solid var(--line);
}

.feature-list span[data-lucide],
.feature-list article > svg,
.statx__icon,
.process-card > span{
	color:var(--moss);
}

.feature-list span[data-lucide],
.feature-list article > svg{
	display:inline-flex;
	width:48px;
	height:48px;
	align-items:center;
	justify-content:center;
	border:1px solid color-mix(in srgb,var(--lime) 48%,var(--line));
	border-radius:8px;
	background:color-mix(in srgb,var(--lime) 18%,rgba(255,255,255,.12));
	padding:10px;
	box-sizing:border-box;
}

.feature-list h3,
.process-card h3,
.legal-notes strong,
.plan-card h3{
	color:inherit;
	font-family:var(--font-display);
	font-size:24px;
	line-height:1;
}

.feature-list p{
	margin-top:8px;
	line-height:var(--line-height-body-tight);
}

.solve-section{
	position:relative;
	padding-top:104px;
	padding-bottom:104px;
	background:var(--bg);
	overflow:hidden;
}

.solve-section::before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(97,117,0,.32),transparent);
}

.solve-section .clean-split{
	grid-template-columns:minmax(320px,.78fr) minmax(520px,1.12fr);
	align-items:center;
	gap:clamp(54px,7vw,112px);
}

.solve-section .clean-copy h2{
	max-width:560px;
	font-size:clamp(34px,3.6vw,52px);
	line-height:.93;
}

.solve-section .clean-copy p{
	max-width:520px;
}

.solve-proof{
	display:inline-grid;
	grid-template-columns:auto minmax(0,1fr);
	align-items:center;
	gap:14px;
	max-width:430px;
	margin-top:28px;
	padding:13px 16px;
	border:1px solid rgba(97,117,0,.18);
	border-radius:999px;
	background:rgba(255,255,255,.08);
	box-shadow:none;
}

.solve-proof strong{
	color:var(--ink);
	font-family:var(--font-display);
	font-size:18px;
	line-height:1;
}

.solve-proof span{
	color:var(--text);
	font-size:14px;
	line-height:1.28;
}

.solve-section .feature-list{
	position:relative;
	gap:0;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	backdrop-filter:none;
}

.solve-section .feature-list article{
	grid-template-columns:50px minmax(0,1fr);
	gap:22px;
	padding:18px 0 24px;
	border-bottom:1px solid rgba(5,6,4,.08);
}

.solve-section .feature-list span[data-lucide],
.solve-section .feature-list article > svg{
	width:44px;
	height:44px;
	border-radius:12px;
	background:var(--lime);
	border-color:var(--lime);
	color:var(--ink);
	box-shadow:0 10px 26px rgba(216,255,36,.25);
}

.solve-section .feature-list h3{
	font-size:22px;
}

.solve-section .feature-list p{
	color:var(--text);
	font-size:16px;
}

.solve-tagline{
	display:grid;
	grid-template-columns:minmax(0,1fr);
	gap:22px;
	align-items:center;
	margin-top:22px;
	padding:22px;
	border-radius:16px;
	background:linear-gradient(135deg,#fcffe4,#ffffff);
	color:var(--ink);
	border:1px solid rgba(16,18,14,.11);
	overflow:hidden;
}

.solve-tagline span{
	display:inline-flex;
	align-items:center;
	gap:8px;
	width:fit-content;
	margin-bottom:8px;
	color:var(--moss);
	font-family:var(--font-mono);
	font-size:11px;
	font-weight:var(--weight-text-semibold);
	letter-spacing:.08em;
	text-transform:uppercase;
}

.solve-tagline h3{
	font-family:var(--font-display);
	font-size:30px;
	line-height:.99;
	letter-spacing:0;
}

.solve-tagline p{
	display:block;
	margin-top:8px;
	color:var(--dark);
	font-size:15px;
	line-height:1.4;
}

.process-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:16px;
	border-top:0;
}

.process-section{
	position:relative;
	padding-top:104px;
	padding-bottom:104px;
	background:
		radial-gradient(circle at 76% 16%,rgba(216,255,36,.14),transparent 28%),
		linear-gradient(180deg,#050604,#080a07 58%,#050604);
	overflow:hidden;
}

.process-section::before{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	background-image:
		linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
	background-size:72px 72px;
	mask-image:linear-gradient(180deg,transparent,#000 18%,#000 70%,transparent);
	opacity:.28;
}

.process-section .clean-wrap{
	position:relative;
	z-index:1;
}

.process-section .clean-head{
	display:grid;
	grid-template-columns:minmax(0,650px) minmax(260px,1fr);
	gap:48px;
	align-items:end;
	max-width:none;
	margin-bottom:44px;
}

.process-section .clean-head h2{
	font-size:clamp(42px,4.8vw,72px);
	line-height:.9;
}

.process-section .clean-head p{
	margin-top:0;
	max-width:430px;
	justify-self:end;
}

.process-card{
	position:relative;
	min-height:270px;
	padding:24px;
	border:1px solid rgba(255,255,255,.13);
	border-radius:18px;
	background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	overflow:hidden;
}

.process-card::before{
	content:"";
	position:absolute;
	left:24px;
	right:24px;
	top:72px;
	height:1px;
	background:linear-gradient(90deg,rgba(216,255,36,.55),rgba(255,255,255,.08));
}

.process-card > span{
	position:relative;
	z-index:1;
	font-family:var(--font-mono);
	font-size:12px;
	font-weight:var(--weight-text-semibold);
	color:var(--lime);
}

.process-card > i,
.process-card > svg{
	width:48px;
	height:48px;
	margin-top:36px;
	padding:11px;
	border-radius:14px;
	background:var(--lime);
	color:var(--ink);
	box-shadow:0 16px 36px rgba(216,255,36,.18);
}

.process-card h3{
	margin-top:32px;
	color:#fff;
	font-size:27px;
}

.process-card p{
	margin-top:12px;
	color:var(--text);
	line-height:var(--line-height-body-tight);
}

.process-proof{
	display:grid;
	grid-template-columns:220px minmax(0,1fr) 84px;
	gap:24px;
	align-items:center;
	margin-top:18px;
	padding:22px 24px;
	border:1px solid rgba(255,255,255,.13);
	border-radius:18px;
	background:rgba(255,255,255,.06);
	backdrop-filter:blur(12px);
}

.process-proof__line{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	align-items:center;
	gap:0;
	height:36px;
}

.process-proof__line span{
	position:relative;
	display:block;
	height:2px;
	background:rgba(216,255,36,.55);
}

.process-proof__line span::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:10px;
	height:10px;
	border-radius:50%;
	background:var(--lime);
	transform:translateY(-50%);
	box-shadow:0 0 18px rgba(216,255,36,.7);
}

.process-proof__line span:last-child::after{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	width:10px;
	height:10px;
	border-radius:50%;
	background:var(--lime);
	transform:translateY(-50%);
	box-shadow:0 0 18px rgba(216,255,36,.7);
}

.process-proof strong{
	display:block;
	color:#fff;
	font-family:var(--font-display);
	font-size:24px;
	line-height:1;
}

.process-proof small{
	display:block;
	margin-top:6px;
	color:var(--text);
}

.process-proof img{
	width:84px;
	height:84px;
	padding:8px;
	border-radius:12px;
	background:rgba(255,255,255,.1);
	object-fit:cover;
}

.legal-notes{
	display:grid;
	gap:0;
	border-top:1px solid var(--line);
}

.legal-notes div{
	padding:24px 0;
	border-bottom:1px solid var(--line);
}

.legal-notes strong,
.legal-notes span{
	display:block;
}

.legal-notes span{
	margin-top:8px;
	color:var(--text);
	line-height:var(--line-height-body-tight);
}

.legal-notes .btn{
	justify-self:start;
	margin-top:28px;
}

.plan-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}

.guide-page .plan-grid{
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
}

@media (max-width:720px){
	.guide-page .plan-grid{
		grid-template-columns:1fr;
	}
}

.prices-section{
	position:relative;
	padding-top:118px;
	padding-bottom:104px;
	background:
		radial-gradient(circle at 78% 4%,rgba(216,255,36,.20),transparent 28%),
		linear-gradient(180deg,#131a26 0%,#090b10 100%);
	overflow:hidden;
}

.prices-section::before{
	content:"";
	position:absolute;
	left:var(--gutter);
	right:var(--gutter);
	top:0;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(97,117,0,.28),transparent);
}

.prices-section .clean-wrap{
	position:relative;
	z-index:1;
}

.prices-section .clean-head{
	display:block;
	max-width:760px;
	margin-bottom:46px;
}

.prices-section .clean-head h2{
	max-width:720px;
	font-size:clamp(42px,4.7vw,68px);
	line-height:.9;
}

.prices-section .clean-head p{
	max-width:620px;
	margin-top:22px;
}

.plan-card{
	position:relative;
	display:flex;
	flex-direction:column;
	min-height:520px;
	padding:26px 24px;
	border:1px solid rgba(255,255,255,.10);
	border-radius:18px;
	background:linear-gradient(180deg,rgba(16,19,27,.94),rgba(16,19,27,.86));
	box-shadow:0 20px 60px rgba(23,26,18,.07);
	overflow:hidden;
	transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.plan-card:hover{
	transform:translateY(-4px);
	box-shadow:0 28px 78px rgba(23,26,18,.11);
	border-color:rgba(97,117,0,.24);
}

.plan-card--highlight{
	background:
		radial-gradient(circle at 84% 8%,rgba(216,255,36,.22),transparent 28%),
		linear-gradient(180deg,#11140f,#050604);
	color:#fff;
	border-color:transparent;
	box-shadow:0 30px 90px rgba(0,0,0,.20);
	transform:translateY(-14px);
}

.plan-card--highlight:hover{
	transform:translateY(-18px);
}

.plan-card__tag{
	display:inline-flex;
	align-self:flex-start;
	margin-bottom:14px;
	padding:7px 10px;
	border-radius:999px;
	background:color-mix(in srgb,var(--lime) 18%,var(--surface));
	color:var(--ink);
	font-family:var(--font-mono);
	font-size:11px;
	font-weight:var(--weight-text-semibold);
	letter-spacing:.08em;
	text-transform:uppercase;
}

.plan-card--highlight .plan-card__tag{
	background:var(--lime);
	color:var(--ink);
}

.plan-card strong{
	display:block;
	margin-top:14px;
	font-family:var(--font-display);
	font-size:29px;
	line-height:1.02;
}

.plan-card__volume{
	margin-top:12px;
	color:var(--text);
	font-size:15px;
	line-height:1.45;
}

.plan-card--highlight .plan-card__volume{
	color:var(--ink);
}

.plan-card ul{
	list-style:none;
	margin:24px 0 30px;
	padding:0;
	border-top:1px solid rgba(9,11,8,.18);
	color:var(--text);
	flex:1;
}

.plan-card--highlight ul{
	color:var(--ink);
	border-top-color:var(--line-dark);
}

.plan-card li{
	position:relative;
	padding:13px 0 13px 30px;
	border-bottom:1px solid var(--line);
	line-height:1.45;
}

.plan-card li::before{
	content:"✓";
	position:absolute;
	left:0;
	top:14px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:18px;
	height:18px;
	font-size:11px;
	font-weight:700;
	line-height:1;
	color:#08210f;
	background:#4ade80;
	border-radius:50%;
}

.plan-card--highlight li{
	border-bottom-color:var(--line-dark);
}

.plan-card .btn{
	width:100%;
	justify-content:space-between;
	border-radius:10px;
}

.prices-note{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	gap:18px;
	align-items:center;
	margin-top:22px;
	padding:18px 20px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:16px;
	background:rgba(255,255,255,.08);
	box-shadow:0 18px 55px rgba(23,26,18,.06);
}

.prices-note span{
	color:var(--moss);
	font-family:var(--font-mono);
	font-size:11px;
	font-weight:var(--weight-text-semibold);
	letter-spacing:.08em;
	text-transform:uppercase;
}

.prices-note strong{
	font-size:15px;
	line-height:1.28;
}

.prices-note a{
	color:var(--ink);
	font-weight:var(--weight-text-semibold);
	white-space:nowrap;
}

.contact-clean{
	background:var(--dark);
	color:#fff;
}

.contact-clean .clean-copy h2{
	max-width:620px;
}

.contact-clean .contact-mail{
	margin-top:28px;
}

/* Legal showcase rebuilt from the original visual composition */
.legal-showcase{
	position:relative;
	padding:92px 0 88px;
	background:
		linear-gradient(180deg,#10131d 0 118px,#151d2b 118px calc(100% - 46px),#10131d calc(100% - 46px) 100%);
	overflow:hidden;
}

.legal-showcase__panel{
	width:min(calc(100% - 48px),1320px);
	margin-inline:auto;
	display:grid;
	grid-template-columns:minmax(540px,650px) minmax(420px,540px);
	gap:clamp(62px,6vw,98px);
	align-items:center;
}

.legal-art{
	position:relative;
	min-height:452px;
	filter:none;
	overflow:hidden;
}

.legal-art__stage{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:432px;
	overflow:visible;
	background:transparent;
}

.legal-art__truck{
	position:absolute;
	inset:0;
	z-index:1;
	overflow:hidden;
	border-radius:18px;
	box-shadow:0 28px 80px rgba(23,26,18,.10);
}

.legal-art__truck img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}

.legal-art__tablet{
	position:absolute;
	left:auto;
	right:10px;
	top:auto;
	bottom:-52px;
	width:500px;
	z-index:3;
	transform:none;
	transform-origin:50% 100%;
	filter:drop-shadow(0 24px 24px rgba(0,0,0,.16));
}

.legal-art__document{
	position:absolute;
	left:auto;
	right:10px;
	top:auto;
	bottom:-52px;
	width:500px;
	z-index:4;
	transform:none;
	transform-origin:50% 100%;
	filter:drop-shadow(0 20px 22px rgba(0,0,0,.16));
	pointer-events:none;
}

.legal-art__qr{
	position:absolute;
	right:-18px;
	top:28px;
	z-index:5;
	width:122px;
	height:122px;
	padding:14px;
	border-radius:12px;
	background:rgba(255,255,255,.14);
	box-shadow:0 16px 36px rgba(0,0,0,.12);
	object-fit:cover;
}

.legal-showcase__copy{
	max-width:560px;
	padding-top:54px;
}

.legal-showcase__copy .clean-kicker{
	margin-bottom:10px;
}

.legal-showcase__copy h2{
	margin-bottom:26px;
	color:var(--ink);
	font-family:var(--font-display);
	font-size:clamp(44px,4vw,66px);
	line-height:.92;
	letter-spacing:0;
}

.legal-showcase__copy mark{
	display:inline;
	padding:0 .08em;
	background:var(--lime);
	color:var(--ink);
}

.legal-showcase__copy p{
	max-width:610px;
	margin-top:18px;
	color:var(--text);
	font-size:16px;
	line-height:var(--line-height-body-tight);
}

.legal-showcase__copy strong{
	color:var(--ink);
}

.legal-showcase__chips{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:28px;
}

.legal-showcase__chips span{
	padding:8px 14px;
	border:1px solid var(--line);
	border-radius:999px;
	background:rgba(255,255,255,.12);
	color:var(--ink);
	font-size:13px;
	font-weight:var(--weight-text-semibold);
}

@media (max-width:1024px){
	.clean-split,
	.legal-clean,
	.contact-clean__grid{
		grid-template-columns:1fr;
	}
	.solve-section .clean-split{
		grid-template-columns:1fr;
	}
	.solve-section .feature-list{
		padding-inline:26px;
	}
	.process-grid{
		grid-template-columns:1fr;
	}
	.process-card{
		min-height:0;
		padding:24px;
		border:1px solid rgba(255,255,255,.13);
	}
	.process-section .clean-head{
		display:block;
	}
	.process-section .clean-head p{
		margin-top:18px;
		justify-self:auto;
	}
	.process-proof{
		grid-template-columns:1fr 84px;
	}
	.process-proof__line{
		display:none;
	}
	.legal-showcase{
		padding:76px 0 72px;
		background:
			linear-gradient(180deg,#10131d 0 112px,#151d2b 112px calc(100% - 42px),#10131d calc(100% - 42px) 100%);
	}
	.legal-showcase__panel{
		width:min(calc(100% - 40px),760px);
		grid-template-columns:1fr;
		gap:38px;
	}
	.legal-art{
		min-height:390px;
		max-width:720px;
		width:100%;
		margin-inline:auto;
		padding-bottom:6px;
	}
	.legal-art__tablet,
	.legal-art__document{
		right:8px;
		bottom:-42px;
		width:390px;
	}
	.legal-showcase__copy{
		padding-top:0;
		max-width:680px;
	}
	.prices-section .clean-head{
		display:block;
	}
	.prices-section .clean-head p{
		margin-top:18px;
		justify-self:auto;
	}
	.plan-grid{
		grid-template-columns:1fr 1fr;
	}
	.plan-card,
	.plan-card--highlight,
	.plan-card--highlight:hover{
		min-height:0;
		transform:none;
	}
	.prices-note{
		grid-template-columns:1fr;
		gap:8px;
	}
	.prices-note a{
		white-space:normal;
	}
}

@media (max-width:720px){
	.clean-section{
		padding:58px 20px;
	}
	.clean-wrap{
		width:100%;
	}
	.clean-copy h2,
	.clean-head h2{
		font-size:30px;
		line-height:.95;
	}
	.clean-head{
		margin-bottom:28px;
	}
	.feature-list article{
		grid-template-columns:46px minmax(0,1fr);
		gap:18px;
		padding:24px 0;
	}
	.solve-section{
		padding-top:82px;
		padding-bottom:64px;
	}
	.solve-section .clean-copy h2{
		font-size:34px;
		line-height:.95;
	}
	.solve-proof{
		grid-template-columns:1fr;
		gap:6px;
		width:100%;
	}
	.solve-section .feature-list{
		padding:0;
	}
	.solve-section .feature-list article{
		grid-template-columns:44px minmax(0,1fr);
		gap:16px;
	}
	.solve-tagline{
		grid-template-columns:1fr;
		gap:16px;
		padding:18px;
	}
	.solve-tagline h3{
		font-size:20px;
	}
	.feature-list span[data-lucide],
	.feature-list article > svg{
		width:42px;
		height:42px;
	}
	.process-card h3,
	.feature-list h3,
	.legal-notes strong,
	.plan-card h3{
		font-size:22px;
	}
	.process-section{
		padding:64px 20px;
	}
	.process-section .clean-head h2{
		font-size:36px;
		line-height:.92;
	}
	.process-card > i,
	.process-card > svg{
		width:44px;
		height:44px;
		margin-top:30px;
	}
	.process-card h3{
		margin-top:26px;
	}
	.process-proof{
		grid-template-columns:1fr 72px;
		gap:16px;
		padding:18px;
	}
	.process-proof strong{
		font-size:20px;
	}
	.process-proof img{
		width:72px;
		height:72px;
	}
	.plan-grid{
		grid-template-columns:1fr;
	}
	.plan-card{
		padding:26px 22px;
	}
	.prices-section{
		padding:64px 20px;
	}
	.prices-section .clean-head h2{
		font-size:36px;
		line-height:.93;
	}
	.plan-card strong{
		font-size:30px;
	}
	.legal-showcase{
		padding:48px 0 58px;
		background:
			linear-gradient(180deg,#10131d 0 82px,#151d2b 82px calc(100% - 34px),#10131d calc(100% - 34px) 100%);
	}
	.legal-showcase__panel{
		width:min(calc(100% - 40px),520px);
		gap:28px;
	}
	.legal-art{
		min-height:304px;
		padding-bottom:4px;
	}
	.legal-art__stage{
		left:0;
		right:0;
		bottom:0;
		height:255px;
	}
	.legal-art__tablet{
		left:auto;
		right:4px;
		top:auto;
		bottom:-46px;
		width:246px;
	}
	.legal-art__document{
		left:auto;
		right:4px;
		top:auto;
		bottom:-46px;
		width:246px;
	}
	.legal-art__qr{
		right:-10px;
		top:0;
		width:88px;
		height:88px;
		padding:9px;
	}
	.legal-showcase__copy h2{
		font-size:38px;
	}
	.legal-showcase__chips{
		gap:8px;
	}
}

/* Premium motion layer */
.site-header,
.site-header__inner,
.site-header__logo img,
.nav__list a{
	transition:
		min-height .42s cubic-bezier(.16,1,.3,1),
		padding .42s cubic-bezier(.16,1,.3,1),
		width .42s cubic-bezier(.16,1,.3,1),
		background-color .24s ease,
		border-color .24s ease,
		box-shadow .24s ease,
		color .18s ease,
		transform .24s ease;
}

.btn,
.plan-card,
.process-card,
.feature-list article,
.route-card,
.legal-art img,
.legal-art picture{
	will-change:transform;
}

.btn{
	position:relative;
	overflow:hidden;
	transform-style:preserve-3d;
}

.btn::before{
	content:"";
	position:absolute;
	inset:-40% auto -40% -70%;
	width:58%;
	background:linear-gradient(110deg,transparent,rgba(255,255,255,.46),transparent);
	transform:skewX(-18deg);
	transition:left .64s cubic-bezier(.16,1,.3,1);
	pointer-events:none;
}

.btn:hover::before{
	left:120%;
}

.btn > *{
	position:relative;
	z-index:1;
}

.hero__mesh{
	background-size:220px 220px,100% 100%;
	animation:meshDrift 14s linear infinite;
}

@keyframes meshDrift{
	0%{background-position:0 0,0 0;}
	100%{background-position:220px 160px,0 0;}
}

.hero__copy h1,
.clean-head h2,
.clean-copy h2,
.legal-showcase__copy h2{
	text-wrap:balance;
}

.solve-section,
.process-section,
.prices-section,
.legal-showcase{
	--section-glow-y:56%;
}

.solve-section::after,
.prices-section::after{
	content:"";
	position:absolute;
	inset:auto -14% var(--section-glow-y) auto;
	width:34vw;
	aspect-ratio:1;
	border-radius:999px;
	background:radial-gradient(circle,rgba(216,255,36,.16),transparent 68%);
	filter:blur(8px);
	pointer-events:none;
}

.process-section::after{
	content:"";
	position:absolute;
	inset:var(--section-glow-y) auto auto -12%;
	width:38vw;
	aspect-ratio:1;
	border-radius:999px;
	background:radial-gradient(circle,rgba(216,255,36,.12),transparent 70%);
	pointer-events:none;
}

.plan-card,
.process-card,
.solve-section .feature-list article{
	transform-style:preserve-3d;
}

.plan-card::after,
.process-card::after{
	content:"";
	position:absolute;
	inset:0;
	border-radius:inherit;
	background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 34%,rgba(216,255,36,.08));
	opacity:0;
	transition:opacity .28s ease;
	pointer-events:none;
}

.plan-card:hover::after,
.process-card:hover::after{
	opacity:1;
}

.process-card > i,
.process-card > svg,
.feature-list span[data-lucide],
.feature-list article > svg{
	transition:transform .36s cubic-bezier(.16,1,.3,1),box-shadow .36s ease;
}

.process-card:hover > i,
.process-card:hover > svg,
.feature-list article:hover span[data-lucide],
.feature-list article:hover > svg{
	transform:translateY(-3px) scale(1.04);
}

.legal-art{
	perspective:1100px;
}

.legal-art__qr{
	transform-origin:center;
}

.prices-note{
	position:relative;
	overflow:hidden;
}

.prices-note::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,transparent,rgba(216,255,36,.18),transparent);
	transform:translateX(-110%);
	transition:transform .9s cubic-bezier(.16,1,.3,1);
	pointer-events:none;
}

.prices-note:hover::before{
	transform:translateX(110%);
}

@media (prefers-reduced-motion:reduce){
	.hero__mesh{
		animation:none;
	}
	.btn::before,
	.solve-section::after,
	.process-section::after,
	.prices-section::after{
		display:none;
	}
}

/* Refined motion pass: quieter, lighter, more fluid */
.hero__mesh{
	animation:none;
	opacity:.62;
}

.btn::before,
.plan-card::after,
.process-card::after,
.prices-note::before,
.solve-section::after,
.process-section::after,
.prices-section::after{
	display:none;
}

.btn,
.plan-card,
.process-card,
.feature-list article,
.route-card,
.legal-art img,
.legal-art picture{
	will-change:auto;
}

.btn{
	overflow:visible;
	transform-style:flat;
	transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
}

.btn:hover{
	transform:translateY(-1px);
}

.plan-card,
.process-card{
	transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}

.plan-card:hover{
	transform:translateY(-3px);
}

.process-card:hover{
	transform:translateY(-2px);
}

.process-card:hover > i,
.process-card:hover > svg,
.feature-list article:hover span[data-lucide],
.feature-list article:hover > svg{
	transform:none;
}

.feature-list article{
	transition:background-color .22s ease,border-color .22s ease;
}

/* Production footer: quiet, clear and footer-like */
.footer{
	padding:74px 0 28px;
	background:#020302;
	color:#f8fbff;
	border-top:1px solid rgba(216,255,36,.46);
}

.footer__inner{
	width:min(calc(100% - 40px),var(--max));
	margin-inline:auto;
	display:grid;
	gap:0;
	padding:0;
	background:transparent;
	border:0;
	border-radius:0;
}

.footer__topline{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	align-items:end;
	gap:34px;
	padding-bottom:34px;
	border-bottom:1px solid rgba(255,255,255,.14);
}

.footer__brand{
	max-width:620px;
	display:grid;
	gap:16px;
}

.footer__brand-link{
	width:max-content;
}

.footer__brand-logo{
	width:124px;
	height:auto;
}

.footer__brand p{
	max-width:520px;
	color:#d8e0ea;
	font-size:16px;
	line-height:1.45;
}

.footer__badge-line{
	width:max-content;
	max-width:100%;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	color:#d8ff24;
	font-family:var(--font-body);
	font-size:13px;
	font-weight:500;
	letter-spacing:0;
	text-transform:none;
}

.footer__topline-actions{
	display:flex;
	gap:10px;
	justify-content:flex-end;
	align-items:center;
}

.footer__topline-actions .btn{
	min-height:42px;
	padding-inline:18px;
	border-radius:8px;
	font-size:14px;
}

.footer__ghost{
	background:transparent;
	border-color:rgba(255,255,255,.26);
	color:#f8fbff;
}

.footer__grid{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:24px;
	padding:34px 0;
	border-top:0;
	border-bottom:1px solid rgba(255,255,255,.14);
}

.footer__group{
	display:grid;
	align-content:start;
	gap:9px;
}

.footer__group h4{
	margin:0 0 8px;
	color:#f8fbff;
	font-family:var(--font-body);
	font-size:13px;
	font-weight:500;
	letter-spacing:0;
	text-transform:none;
}

.footer__group a{
	width:max-content;
	max-width:100%;
	padding:0;
	color:#aeb9c8;
	font-size:14px;
	font-weight:400;
	line-height:1.45;
	transition:color .18s ease;
}

.footer__group a:hover{
	color:#d8ff24;
	transform:none;
}

.footer__contact{
	display:grid;
	grid-template-columns:1.15fr .85fr .85fr;
	gap:24px;
	padding:24px 0;
	border-top:0;
	border-bottom:1px solid rgba(255,255,255,.14);
}

.footer__contact > div{
	min-height:auto;
}

.footer__contact-label{
	margin:0 0 7px;
	color:#7f8a99;
	font-family:var(--font-body);
	font-size:12px;
	font-weight:500;
	letter-spacing:0;
	text-transform:none;
}

.footer__contact a,
.footer__contact span{
	color:#f8fbff;
	font-family:var(--font-body);
	font-size:15px;
	font-weight:400;
	line-height:1.35;
}

.footer__contact a:hover{
	color:#d8ff24;
	transform:none;
}

.footer__divider{
	display:none;
}

.footer__bottom{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:20px;
	padding-top:22px;
	border-top:0;
	color:#8d98a8;
	font-family:var(--font-body);
	font-size:12px;
}

.footer__bottom-content{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:16px;
}

.footer__bottom a{
	color:#c7d0dc;
}

.footer__bottom a:hover{
	color:#d8ff24;
}

.footer__badge{
	justify-self:auto;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	color:#8d98a8;
	font-family:var(--font-body);
	font-size:12px;
	font-weight:400;
	letter-spacing:0;
	text-transform:none;
}

@media (max-width:820px){
	.footer{
		padding:54px 0 28px;
	}

	.footer__inner{
		width:min(calc(100% - 32px),var(--max));
	}

	.footer__topline,
	.footer__grid,
	.footer__contact,
	.footer__bottom{
		grid-template-columns:1fr;
	}

	.footer__topline{
		align-items:start;
		gap:22px;
		padding-bottom:28px;
	}

	.footer__topline-actions{
		justify-content:start;
	}

	.footer__grid{
		gap:22px;
		padding:28px 0;
	}

	.footer__contact{
		gap:18px;
		padding:22px 0;
	}

	.footer__bottom{
		display:grid;
		gap:14px;
	}

	.footer__bottom-content{
		flex-direction:column;
		align-items:flex-start;
		gap:8px;
	}
}

/* Calm reset: lighter type, quieter structure, less visual load */
:root{
	--weight-body:400;
	--weight-text-semibold:400;
	--weight-title:400;
	--weight-kicker:500;
	--line-height-title:1.02;
	--line:rgba(255,255,255,.11);
	--line-dark:rgba(255,255,255,.13);
}

body,
p,
a,
button,
input{
	font-weight:400;
}

h1,
h2,
h3,
h4,
.hero__copy h1,
.clean-copy h2,
.clean-head h2,
.legal-showcase__copy h2,
.process-section .clean-head h2,
.prices-section .clean-head h2,
.contact-clean .clean-copy h2{
	font-weight:400;
	line-height:1.02;
}

.mono,
.clean-kicker,
.hero__eyebrow,
.route-card__kicker,
.plan-card__tag,
.prices-note span,
.footer__group h4,
.footer__contact-label{
	font-weight:500;
	letter-spacing:.04em;
}

.btn,
.nav__list a,
.nav__cta,
.lead-form__submit{
	font-weight:400;
}

.hero{
	min-height:88svh;
	padding-top:118px;
	padding-bottom:104px;
	background:#050604;
}

.hero__mesh,
.hero__route{
	display:none;
}

.hero::after{
	background:
		linear-gradient(90deg,rgba(5,6,4,.94) 0%,rgba(5,6,4,.76) 42%,rgba(5,6,4,.18) 76%,rgba(5,6,4,.28) 100%),
		linear-gradient(180deg,rgba(5,6,4,.08) 0%,rgba(5,6,4,.20) 62%,rgba(5,6,4,.72) 100%);
}

.hero__inner{
	min-height:calc(88svh - 222px);
	grid-template-columns:minmax(0,680px) minmax(220px,1fr);
}

.hero__copy h1{
	max-width:660px;
	font-size:clamp(34px,3.6vw,54px);
	line-height:1.04;
}

.hero__sub{
	max-width:560px;
	margin-top:18px;
	color:#dce5f4;
	font-weight:400;
}

.hero__eyebrow{
	min-height:30px;
	margin-bottom:18px;
	padding:0;
	border:0;
	background:transparent;
	backdrop-filter:none;
	-webkit-backdrop-filter:none;
	color:#d8ff24;
}

.hero__eyebrow span,
.hero__eyebrow i{
	display:none;
}

.hero__benefits{
	max-width:620px;
	margin-top:32px;
	gap:18px;
}

.hero__benefits div,
.hero__benefits div:first-child{
	grid-template-columns:24px minmax(0,1fr);
	padding:0;
	border-left:0;
}

.hero__benefits span,
.hero__benefits svg{
	width:22px;
	height:22px;
}

.hero__benefits strong{
	font-size:13px;
	font-weight:400;
}

.hero__benefits small{
	color:#c6d0de;
	font-size:12px;
}

.clean-section,
.solve-section,
.process-section,
.prices-section,
.contact-clean,
.legal-showcase{
	background:#050604;
	background-image:none;
}

.clean-section{
	padding-top:78px;
	padding-bottom:82px;
}

.solve-section::before,
.solve-section::after,
.process-section::before,
.process-section::after,
.prices-section::before,
.prices-section::after,
.legal-showcase::before,
.legal-showcase::after{
	display:none;
}

.clean-split,
.contact-clean__grid,
.legal-showcase__panel{
	gap:clamp(34px,5vw,70px);
}

.clean-copy h2,
.clean-head h2,
.legal-showcase__copy h2{
	font-size:clamp(32px,3.7vw,56px);
}

.clean-copy p,
.clean-head p,
.legal-showcase__copy p{
	color:#cbd5e2;
	line-height:1.5;
}

.feature-list,
.solve-section .feature-list,
.legal-notes{
	gap:0;
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
}

.feature-list article,
.solve-section .feature-list article{
	padding:18px 0;
	border-bottom:1px solid var(--line);
	background:transparent;
}

.feature-list span[data-lucide],
.feature-list article > svg,
.solve-section .feature-list span[data-lucide],
.solve-section .feature-list article > svg{
	width:36px;
	height:36px;
	border-radius:8px;
	background:rgba(216,255,36,.11);
	border:1px solid rgba(216,255,36,.22);
	color:#d8ff24;
	box-shadow:none;
}

.solve-proof,
.solve-tagline,
.process-proof,
.prices-note{
	border:1px solid var(--line);
	border-radius:8px;
	background:rgba(255,255,255,.035);
	box-shadow:none;
}

.solve-tagline{
	padding:18px;
	background:rgba(255,255,255,.035);
	color:#f8fbff;
}

.solve-tagline p{
	color:#cbd5e2;
}

.process-grid,
.plan-grid{
	gap:14px;
}

.process-card,
.plan-card{
	min-height:0;
	padding:24px;
	border:1px solid var(--line);
	border-radius:8px;
	background:rgba(255,255,255,.035);
	box-shadow:none;
	transform:none;
}

.process-card:hover,
.plan-card:hover,
.plan-card--highlight,
.plan-card--highlight:hover{
	transform:none;
	box-shadow:none;
}

.process-card::before,
.process-card::after,
.plan-card::after{
	display:none;
}

.process-card > i,
.process-card > svg{
	width:42px;
	height:42px;
	margin-top:28px;
	border-radius:8px;
	background:rgba(216,255,36,.12);
	color:#d8ff24;
	box-shadow:none;
}

.process-card h3,
.feature-list h3,
.plan-card h3{
	font-weight:400;
	font-size:clamp(21px,1.9vw,28px);
	line-height:1.08;
}

.process-card p,
.feature-list p,
.plan-card li,
.plan-card__volume{
	color:#cbd5e2;
}

.plan-card--highlight{
	background:rgba(216,255,36,.06);
	border-color:rgba(216,255,36,.28);
	color:#f8fbff;
}

.plan-card strong{
	font-weight:400;
	font-size:30px;
}

.plan-card ul,
.plan-card--highlight ul,
.plan-card li,
.plan-card--highlight li{
	border-color:var(--line);
}

.prices-note{
	grid-template-columns:1fr auto;
	padding:16px 18px;
}

.prices-note span{
	display:none;
}

.legal-showcase{
	padding-top:82px;
	padding-bottom:82px;
}

.legal-showcase__panel{
	grid-template-columns:minmax(460px,600px) minmax(360px,520px);
}

.legal-art__truck{
	border-radius:8px;
	box-shadow:none;
}

.legal-art__qr,
.legal-art__tablet,
.legal-art__document{
	filter:none;
}

.legal-showcase__copy mark{
	background:transparent;
	color:#d8ff24;
	padding:0;
}

.legal-showcase__chips span{
	border-radius:8px;
	background:rgba(255,255,255,.04);
	border-color:var(--line);
	font-weight:400;
}

.lead-form{
	padding:24px;
	border:1px solid var(--line);
	border-radius:8px;
	background:rgba(255,255,255,.035);
	box-shadow:none;
}

.lead-form input[type="text"],
.lead-form input[type="tel"],
.lead-form input[type="email"],
.lead-form input[type="number"]{
	font-weight:400;
}

.reveal{
	transform:none!important;
	transition:opacity .28s ease!important;
}

.reveal.is-visible,
.noanim .reveal{
	transform:none!important;
}

.plan-card,
.plan-card--highlight,
.process-card,
.feature-list article{
	transform:none!important;
}

@media (max-width:1024px){
	.hero__inner,
	.legal-showcase__panel{
		grid-template-columns:1fr;
	}

	.hero{
		min-height:auto;
	}

	.hero__inner{
		min-height:0;
	}
}

@media (max-width:720px){
	.hero{
		padding-top:108px;
		padding-bottom:74px;
	}

	.hero__copy h1{
		font-size:34px;
		line-height:1.06;
	}

	.hero__benefits{
		grid-template-columns:1fr;
		gap:14px;
	}

	.clean-section,
	.legal-showcase,
	.process-section,
	.prices-section{
		padding-top:62px;
		padding-bottom:66px;
	}

	.process-grid,
	.plan-grid{
		grid-template-columns:1fr;
	}

	.process-card,
	.plan-card,
	.lead-form{
		padding:20px;
	}

	.prices-note{
		grid-template-columns:1fr;
	}
}

/* Hero right image + consistent editorial type */
h1,
h2,
h3,
h4,
.hero__copy h1,
.clean-copy h2,
.clean-head h2,
.legal-showcase__copy h2,
.process-section .clean-head h2,
.prices-section .clean-head h2,
.contact-clean .clean-copy h2,
.process-card h3,
.feature-list h3,
.plan-card h3{
	font-family:var(--font-display);
	font-weight:400;
	letter-spacing:0;
}

.hero{
	min-height:94svh;
	padding-top:118px;
	padding-bottom:118px;
	background:#050604;
}

.hero__bg{
	background:url("../images/hero-deca-2026-right.webp") right center/cover no-repeat!important;
	filter:saturate(1.02) contrast(1.05) brightness(.96);
	transform:none;
}

.hero::after{
	background:
		linear-gradient(90deg,rgba(5,6,4,.96) 0%,rgba(5,6,4,.82) 35%,rgba(5,6,4,.32) 64%,rgba(5,6,4,.10) 100%),
		linear-gradient(180deg,rgba(5,6,4,.08) 0%,rgba(5,6,4,.16) 58%,rgba(5,6,4,.68) 100%);
}

.hero__inner{
	min-height:calc(94svh - 236px);
	grid-template-columns:minmax(0,690px) minmax(220px,1fr);
	align-items:center;
}

.hero__copy h1{
	max-width:680px;
	font-family:var(--font-display);
	font-size:clamp(44px,5.1vw,76px);
	font-weight:400;
	line-height:.93;
}

.hero__copy h1 > span:first-child{
	color:#d8ff24;
}

.hero__copy h1 .detail-italic{
	color:#fff;
	font-family:inherit;
	font-style:italic;
}

.hero__sub{
	max-width:570px;
	margin-top:22px;
	color:#dce5f4;
}

.hero__eyebrow{
	color:#d8ff24;
	font-family:var(--font-body);
	font-weight:500;
	letter-spacing:.04em;
}

.hero__cta{
	margin-top:32px;
}

.hero__benefits{
	max-width:650px;
	margin-top:38px;
}

.hero__benefits strong{
	font-family:var(--font-body);
	font-weight:500;
}

@media (max-width:1024px){
	.hero{
		min-height:auto;
	}

	.hero__bg{
		background-position:72% center!important;
	}

	.hero__inner{
		min-height:0;
		grid-template-columns:1fr;
	}
}

@media (max-width:720px){
	.hero{
		padding-top:108px;
		padding-bottom:78px;
	}

	.hero__bg{
		background-position:72% center!important;
	}

	.hero::after{
		background:
			linear-gradient(90deg,rgba(5,6,4,.97) 0%,rgba(5,6,4,.88) 70%,rgba(5,6,4,.58) 100%),
			linear-gradient(180deg,rgba(5,6,4,.18) 0%,rgba(5,6,4,.52) 66%,rgba(5,6,4,.88) 100%);
	}

	.hero__copy h1{
		font-size:40px;
		line-height:.96;
	}
}

/* Type/button polish */
.hero__sub,
.clean-copy > p,
.clean-head > p,
.legal-showcase__copy > p,
.process-section .clean-head p,
.prices-section .clean-head p,
.contact-clean .clean-copy p,
.plan-card__volume,
.feature-list p,
.process-card p,
.prices-note strong,
.footer__brand p{
	font-weight:200;
}

.btn,
.btn:hover,
.btn:focus,
.btn:focus-visible,
a.btn,
a.btn:hover,
a.btn:focus,
a.btn:focus-visible{
	text-decoration:none;
}

.btn--lime,
.btn--lime:hover,
.btn--lime:focus,
.btn--lime:focus-visible,
.lead-form__submit,
.lead-form__submit:hover,
.lead-form__submit:focus,
.lead-form__submit:focus-visible,
.plan-card--highlight .btn--lime,
.plan-card--highlight .btn--lime:hover{
	color:#050604;
}

.btn--lime svg,
.btn--lime [data-lucide] svg,
.lead-form__submit svg{
	color:#050604;
	stroke:#050604;
}

/* Lighter solve section */
.solve-section{
	padding-top:66px;
	padding-bottom:66px;
}

.solve-section .clean-split{
	grid-template-columns:minmax(280px,.78fr) minmax(0,1fr);
	gap:clamp(34px,5vw,76px);
}

.solve-section .clean-copy h2{
	max-width:480px;
	font-size:clamp(36px,4.3vw,64px);
	line-height:.95;
}

.solve-section .clean-copy p{
	max-width:500px;
	margin-top:22px;
	font-size:16px;
	line-height:1.45;
}

.solve-proof{
	display:flex;
	align-items:center;
	gap:14px;
	width:fit-content;
	max-width:100%;
	margin-top:24px;
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
}

.solve-proof strong{
	color:#d8ff24;
	font-family:var(--font-body);
	font-size:13px;
	font-weight:500;
	white-space:nowrap;
}

.solve-proof span{
	max-width:320px;
	color:#d5deea;
	font-size:14px;
	font-weight:200;
	line-height:1.35;
}

.solve-section .feature-list{
	padding-top:8px;
}

.solve-section .feature-list article{
	grid-template-columns:32px minmax(0,1fr);
	gap:18px;
	padding:18px 0;
	border-bottom:1px solid rgba(255,255,255,.10);
}

.solve-section .feature-list article:first-child{
	padding-top:0;
}

.solve-section .feature-list span[data-lucide],
.solve-section .feature-list article > svg{
	width:28px;
	height:28px;
	border:0;
	border-radius:0;
	background:transparent;
	color:#d8ff24;
	padding:0;
}

.solve-section .feature-list h3{
	margin-bottom:4px;
	font-size:clamp(20px,1.7vw,26px);
	line-height:1.05;
}

.solve-section .feature-list p{
	max-width:520px;
	font-size:15px;
	line-height:1.4;
	font-weight:200;
}

@media (max-width:820px){
	.solve-section{
		padding-top:56px;
		padding-bottom:58px;
	}

	.solve-section .clean-split{
		grid-template-columns:1fr;
		gap:30px;
	}

	.solve-proof{
		align-items:flex-start;
		flex-direction:column;
		gap:6px;
	}
}

/* Lighter process section */
.process-section{
	padding-top:70px;
	padding-bottom:72px;
	background:#050604;
}

.process-section .clean-wrap{
	max-width:1180px;
}

.process-section .clean-head{
	display:grid;
	grid-template-columns:minmax(0,540px) minmax(260px,420px);
	gap:clamp(28px,5vw,70px);
	align-items:end;
	margin-bottom:36px;
	padding:0 0 26px;
	border-bottom:1px solid rgba(255,255,255,.12);
}

.process-section .clean-head .clean-kicker{
	grid-column:1 / -1;
	margin-bottom:0;
}

.process-section .clean-head h2{
	max-width:540px;
	font-size:clamp(42px,5vw,72px);
	line-height:.92;
}

.process-section .clean-head p{
	max-width:400px;
	margin-top:0;
	justify-self:end;
	font-size:16px;
	font-weight:200;
	line-height:1.45;
}

.process-grid{
	display:grid;
	grid-template-columns:1fr;
	gap:0;
	border-top:0;
}

.process-card{
	display:grid;
	grid-template-columns:52px 36px minmax(220px,320px) minmax(0,1fr);
	gap:20px;
	align-items:center;
	min-height:auto;
	padding:22px 0;
	border:0;
	border-bottom:1px solid rgba(255,255,255,.12);
	border-radius:0;
	background:transparent;
	box-shadow:none;
}

.process-card:first-child{
	border-top:0;
}

.process-card > span{
	color:#d8ff24;
	font-family:var(--font-body);
	font-size:13px;
	font-weight:500;
}

.process-card > i,
.process-card > svg{
	width:28px;
	height:28px;
	margin:0;
	padding:0;
	border-radius:0;
	background:transparent;
	color:#d8ff24;
	box-shadow:none;
}

.process-card h3{
	margin:0;
	font-size:clamp(24px,2.2vw,34px);
	line-height:1;
}

.process-card p{
	max-width:540px;
	margin:0;
	color:#d3dce9;
	font-size:15px;
	font-weight:200;
	line-height:1.42;
}

.process-proof{
	display:none;
}

@media (max-width:820px){
	.process-section{
		padding-top:58px;
		padding-bottom:60px;
	}

	.process-section .clean-head{
		grid-template-columns:1fr;
		gap:18px;
		margin-bottom:18px;
	}

	.process-section .clean-head p{
		justify-self:start;
	}

	.process-card{
		grid-template-columns:40px 28px minmax(0,1fr);
		gap:14px;
		padding:20px 0;
	}

	.process-card p{
		grid-column:3;
	}
}

/* Pricing contrast fix */
.prices-section{
	background:#050604;
	color:#f8fbff;
}

.prices-section .clean-head p{
	color:#e5edf7;
	font-weight:300;
}

.plan-grid{
	gap:16px;
}

.plan-card,
.plan-card--highlight{
	background:#0a0c0a;
	border:1px solid rgba(255,255,255,.18);
	color:#f8fbff;
	box-shadow:none;
}

.plan-card--highlight{
	border-color:#d8ff24;
	outline:1px solid rgba(216,255,36,.28);
	outline-offset:-2px;
}

.plan-card__tag{
	background:rgba(216,255,36,.15);
	color:#f4ffd4;
	border:1px solid rgba(216,255,36,.28);
}

.plan-card--highlight .plan-card__tag{
	background:#d8ff24;
	color:#050604;
	border-color:#d8ff24;
}

.plan-card h3,
.plan-card strong{
	color:#fff;
}

.plan-card__volume,
.plan-card--highlight .plan-card__volume,
.plan-card li,
.plan-card--highlight li{
	color:#e5edf7;
	font-weight:300;
}

.plan-card ul,
.plan-card--highlight ul,
.plan-card li,
.plan-card--highlight li{
	border-color:rgba(255,255,255,.16);
}

.plan-card .btn--ghost{
	border-color:rgba(255,255,255,.28);
	color:#fff;
	background:transparent;
}

.plan-card .btn--ghost:hover{
	border-color:#d8ff24;
	color:#d8ff24;
	background:transparent;
}

.plan-card .btn--lime,
.plan-card .btn--lime:hover,
.plan-card--highlight .btn--lime,
.plan-card--highlight .btn--lime:hover{
	background:#d8ff24;
	border-color:#d8ff24;
	color:#050604;
	text-decoration:none;
}

.prices-note{
	background:#0a0c0a;
	border-color:rgba(255,255,255,.18);
	color:#f8fbff;
}

.prices-note strong{
	color:#f8fbff;
	font-weight:400;
}

.prices-note a{
	color:#f8fbff;
	font-weight:400;
	text-decoration:none;
}

.prices-note a:hover{
	color:#d8ff24;
}

/* Contact form polish */
.contact-clean__grid{
	grid-template-columns:minmax(300px,.78fr) minmax(420px,1fr);
	align-items:start;
	gap:clamp(46px,6vw,88px);
}

.lead-form{
	display:grid;
	gap:14px;
	padding:26px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:8px;
	background:#0a0c0a;
	box-shadow:none;
}

.lead-form__head{
	display:grid;
	gap:4px;
	padding-bottom:14px;
	margin-bottom:2px;
	border-bottom:1px solid rgba(255,255,255,.12);
}

.lead-form__head span{
	color:#fff;
	font-family:var(--font-display);
	font-size:28px;
	font-weight:400;
	line-height:1;
}

.lead-form__head p{
	color:#d7e0ec;
	font-size:14px;
	font-weight:200;
	line-height:1.35;
}

.lead-form__grid{
	gap:14px;
}

.lead-form__field{
	display:grid;
	gap:8px;
	min-height:74px;
	padding:12px 14px 10px;
	border:1px solid rgba(255,255,255,.16);
	border-radius:8px;
	background:rgba(255,255,255,.045);
	transition:border-color .18s ease,background-color .18s ease;
}

.lead-form__field:focus-within{
	border-color:rgba(216,255,36,.72);
	background:rgba(216,255,36,.055);
}

.lead-form__field label{
	margin:0;
	color:#aeb9c8;
	font-family:var(--font-body);
	font-size:11px;
	font-weight:500;
	letter-spacing:.05em;
	text-transform:uppercase;
}

.lead-form input[type="text"],
.lead-form input[type="tel"],
.lead-form input[type="email"],
.lead-form input[type="number"]{
	width:100%;
	height:30px;
	padding:0;
	border:0;
	border-radius:0;
	border-bottom:0;
	background:transparent;
	color:#fff;
	font-size:16px;
	font-weight:300;
	line-height:1.2;
}

.lead-form input::placeholder{
	color:rgba(229,237,247,.46);
	opacity:1;
}

.lead-form input:focus{
	border-color:transparent;
	outline:0;
}

.lead-form__consent{
	margin-top:2px;
	align-items:flex-start;
	gap:11px;
	color:#e5edf7;
	font-size:13px;
	font-weight:300;
	line-height:1.35;
}

.lead-form__consent input{
	width:16px;
	height:16px;
	margin-top:1px;
	accent-color:#d8ff24;
}

.lead-form__consent a{
	color:#d8ff24;
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
}

.lead-form__submit{
	width:100%;
	min-height:52px;
	margin-top:4px;
	border-radius:8px;
	background:#d8ff24;
	border-color:#d8ff24;
	color:#050604;
	font-weight:400;
	justify-content:space-between;
}

.lead-form__submit:hover{
	background:#ecff72;
	border-color:#ecff72;
	color:#050604;
}

@media (max-width:820px){
	.contact-clean__grid{
		grid-template-columns:1fr;
	}

	.lead-form{
		padding:20px;
	}

	.lead-form__grid{
		grid-template-columns:1fr;
	}
}

/* Menu polish */
.nav__list{
	gap:10px;
}

.nav__list a,
.nav__list a:hover,
.nav__list a:focus,
.nav__list a:focus-visible,
.nav__list a.is-active{
	min-height:44px;
	padding:0 15px;
	color:#f8fbff;
	font-family:var(--font-body);
	font-size:16px;
	font-weight:400;
	line-height:1;
	text-decoration:none!important;
	text-underline-offset:0;
}

.nav__list a:hover,
.nav__list a.is-active{
	background:rgba(255,255,255,.075);
	color:#fff;
}

.nav__list a::after,
.nav__list a:not(.nav__cta)::after,
.nav__list a:not(.nav__cta):hover::after,
.nav__list a:not(.nav__cta).is-active::after{
	content:none!important;
	display:none!important;
	transform:none!important;
}

.nav__cta,
.nav__cta:hover,
.nav__cta:focus,
.nav__cta:focus-visible,
.nav__cta.is-active{
	min-height:44px;
	padding:0 18px;
	background:#d8ff24;
	border-color:#d8ff24;
	color:#050604!important;
	text-decoration:none!important;
}

.nav__list a.nav__cta,
.nav__list a.nav__cta:hover,
.nav__list a.nav__cta:focus,
.nav__list a.nav__cta:focus-visible,
.nav__list a.nav__cta.is-active{
	background:#d8ff24!important;
	border-color:#d8ff24!important;
	color:#050604!important;
}

@media (max-width:820px){
	.nav__list{
		gap:0;
	}

	.nav__list a,
	.nav__list a:hover,
	.nav__list a:focus,
	.nav__list a:focus-visible,
	.nav__list a.is-active{
		min-height:48px;
		padding:0;
		font-size:17px;
		text-decoration:none!important;
	}

	.nav__cta,
	.nav__cta:hover,
	.nav__cta:focus,
	.nav__cta:focus-visible,
	.nav__cta.is-active{
		justify-content:center;
		padding:0 16px;
	}
}

/* Footer parallax depth */
.footer{
	position:relative;
	overflow:hidden;
	isolation:isolate;
}

.footer__parallax{
	position:absolute;
	left:max(18px,calc((100vw - var(--max)) / 2));
	right:18px;
	bottom:6px;
	z-index:0;
	color:rgba(216,255,36,.055);
	font-family:var(--font-display);
	font-size:clamp(76px,14vw,210px);
	font-weight:400;
	line-height:.78;
	letter-spacing:0;
	white-space:nowrap;
	pointer-events:none;
	transform:translate3d(0,0,0);
	will-change:transform;
}

.footer__inner{
	position:relative;
	z-index:1;
}

@media (max-width:820px){
	.footer__parallax{
		left:16px;
		right:auto;
		bottom:28px;
		font-size:clamp(60px,20vw,104px);
		color:rgba(216,255,36,.07);
	}
}

@media (prefers-reduced-motion:reduce){
	.footer__parallax{
		transform:none!important;
		will-change:auto;
	}
}

/* Hero proof chips: quieter and more premium */
.hero__benefits{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
	max-width:760px;
	margin-top:30px;
}

.hero__benefits div,
.hero__benefits div:first-child{
	display:inline-flex;
	align-items:center;
	width:auto;
	min-height:34px;
	gap:8px;
	padding:0 11px;
	border:1px solid rgba(255,255,255,.17);
	border-radius:999px;
	background:rgba(5,6,4,.30);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}

.hero__benefits span,
.hero__benefits svg{
	flex:0 0 15px;
	width:15px;
	height:15px;
	color:#d8ff24;
}

.hero__benefits span svg{
	display:block;
	width:100%;
	height:100%;
}

.hero__benefits strong{
	color:#f8fbff;
	font-family:var(--font-body);
	font-size:15px;
	font-weight:400;
	line-height:1;
	letter-spacing:0;
	white-space:nowrap;
}

.hero__benefits small{
	display:none!important;
}

@media (max-width:720px){
	.hero__benefits{
		gap:8px;
		max-width:100%;
		margin-top:26px;
	}

	.hero__benefits div,
	.hero__benefits div:first-child{
		min-height:34px;
		padding:0 10px;
	}

	.hero__benefits strong{
		font-size:14px;
	}
}

/* Product experience: less text, more guided flow */
.solve-section{
	padding-top:82px;
	padding-bottom:88px;
	border-top:1px solid rgba(255,255,255,.08);
	background:#050604;
}

.solve-experience{
	display:grid;
	grid-template-columns:minmax(300px,.78fr) minmax(440px,1.08fr);
	align-items:center;
	gap:clamp(42px,6vw,96px);
}

.solve-copy{
	max-width:560px;
}

.solve-copy .clean-kicker{
	margin-bottom:18px;
}

.solve-section .solve-copy h2{
	max-width:560px;
	font-size:clamp(38px,4.7vw,70px);
	line-height:.92;
}

.solve-section .solve-copy p{
	max-width:430px;
	margin-top:20px;
	color:#d6e0ec;
	font-size:16px;
	font-weight:200;
	line-height:1.42;
}

.solve-proof{
	display:inline-flex;
	align-items:center;
	gap:12px;
	width:auto;
	max-width:100%;
	margin-top:24px;
	padding:7px 13px 7px 7px;
	border:1px solid rgba(216,255,36,.22);
	border-radius:999px;
	background:rgba(216,255,36,.055);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.solve-proof strong{
	display:inline-flex;
	align-items:center;
	min-height:30px;
	padding:0 11px;
	border-radius:999px;
	background:#d8ff24;
	color:#050604;
	font-family:var(--font-body);
	font-size:12px;
	font-weight:500;
	line-height:1;
}

.solve-proof span{
	max-width:none;
	color:#f3f7fb;
	font-size:13px;
	font-weight:200;
	line-height:1.2;
}

.solve-console{
	position:relative;
	overflow:hidden;
	padding:24px;
	border:1px solid rgba(255,255,255,.16);
	border-radius:18px;
	background:
		linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 42%,rgba(216,255,36,.045)),
		#090b09;
	box-shadow:0 34px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
}

.solve-console::before{
	content:"";
	position:absolute;
	inset:-35% -20% auto auto;
	width:260px;
	height:260px;
	background:radial-gradient(circle,rgba(216,255,36,.18),transparent 68%);
	opacity:.76;
	pointer-events:none;
}

.solve-console::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.055) 36%,transparent 58%);
	opacity:.52;
	pointer-events:none;
	transform:translateX(-34%);
}

.solve-console__top,
.solve-flow,
.solve-console__bar,
.solve-console__foot{
	position:relative;
	z-index:1;
}

.solve-console__top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:18px;
	padding-bottom:18px;
	border-bottom:1px solid rgba(255,255,255,.12);
}

.solve-console__top span{
	color:#d8ff24;
	font-family:var(--font-body);
	font-size:12px;
	font-weight:500;
	letter-spacing:.04em;
	text-transform:uppercase;
}

.solve-console__top strong{
	color:#fff;
	font-size:15px;
	font-weight:300;
	line-height:1.2;
	text-align:right;
}

.solve-flow{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:12px;
	padding:22px 0 18px;
}

.solve-flow__item{
	display:grid;
	gap:14px;
	min-height:140px;
	padding:18px;
	border:1px solid rgba(255,255,255,.13);
	border-radius:14px;
	background:rgba(5,6,4,.42);
	transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease;
}

.solve-flow__item:hover{
	border-color:rgba(216,255,36,.45);
	background:rgba(216,255,36,.075);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.solve-flow__icon,
.solve-flow__icon svg{
	width:24px;
	height:24px;
	color:#d8ff24;
}

.solve-flow__item strong{
	display:block;
	color:#fff;
	font-family:var(--font-display);
	font-size:24px;
	font-weight:400;
	line-height:.98;
}

.solve-flow__item small{
	display:block;
	margin-top:8px;
	color:#cbd5e2;
	font-size:13px;
	font-weight:200;
	line-height:1.2;
}

.solve-console__bar{
	height:2px;
	overflow:hidden;
	border-radius:999px;
	background:rgba(255,255,255,.12);
}

.solve-console__bar span{
	display:block;
	width:100%;
	height:100%;
	border-radius:inherit;
	background:linear-gradient(90deg,#d8ff24,rgba(216,255,36,.62),rgba(255,255,255,.70));
	transform-origin:left center;
	transform:scaleX(1);
}

.solve-console__foot{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:18px;
}

.solve-console__foot span{
	display:inline-flex;
	align-items:center;
	min-height:32px;
	padding:0 11px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:999px;
	background:rgba(255,255,255,.045);
	color:#e7edf5;
	font-size:12px;
	font-weight:300;
	line-height:1;
}

.process-section{
	padding-top:70px;
	padding-bottom:78px;
}

.process-section .clean-head{
	grid-template-columns:minmax(0,520px) minmax(260px,360px);
	margin-bottom:28px;
	padding-bottom:0;
	border-bottom:0;
}

.process-section .clean-head h2{
	font-size:clamp(40px,4.8vw,70px);
	line-height:.92;
}

.process-section .clean-head p{
	max-width:320px;
	color:#dbe4ee;
	font-weight:200;
}

.process-grid{
	position:relative;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:14px;
	padding-top:28px;
	border-top:1px solid rgba(255,255,255,.12);
}

.process-grid::before{
	content:"";
	position:absolute;
	left:18px;
	right:18px;
	top:28px;
	height:1px;
	background:linear-gradient(90deg,#d8ff24,rgba(216,255,36,.35),rgba(255,255,255,.12));
	pointer-events:none;
}

.process-card{
	position:relative;
	display:grid;
	grid-template-columns:34px minmax(0,1fr);
	gap:10px 16px;
	align-items:start;
	min-height:0;
	padding:22px;
	border:1px solid rgba(255,255,255,.14);
	border-radius:16px;
	background:rgba(255,255,255,.04);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
	transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease;
}

.process-card:hover{
	border-color:rgba(216,255,36,.34);
	background:rgba(216,255,36,.055);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.process-card > span{
	position:relative;
	z-index:1;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border:1px solid rgba(216,255,36,.36);
	border-radius:999px;
	background:#050604;
	color:#d8ff24;
	font-size:12px;
	font-weight:500;
	line-height:1;
}

.process-card > i,
.process-card > svg{
	grid-column:1;
	grid-row:2 / 4;
	width:22px;
	height:22px;
	margin:2px 0 0 6px;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	color:#d8ff24;
	box-shadow:none;
}

.process-card h3{
	grid-column:2;
	margin:0;
	color:#fff;
	font-size:clamp(23px,2vw,31px);
	line-height:1;
}

.process-card p{
	grid-column:2;
	max-width:300px;
	margin:0;
	color:#cfd9e6;
	font-size:14px;
	font-weight:200;
	line-height:1.38;
}

@media (max-width:1024px){
	.solve-experience{
		grid-template-columns:1fr;
	}

	.solve-console{
		max-width:760px;
	}
}

@media (max-width:820px){
	.solve-section{
		padding-top:64px;
		padding-bottom:66px;
	}

	.solve-experience{
		gap:30px;
	}

	.solve-flow,
	.process-grid{
		grid-template-columns:1fr;
	}

	.solve-console{
		padding:18px;
		border-radius:14px;
	}

	.solve-console__top{
		align-items:flex-start;
		flex-direction:column;
		gap:8px;
	}

	.solve-console__top strong{
		text-align:left;
	}

	.solve-flow__item{
		min-height:0;
	}

	.process-section{
		padding-top:58px;
		padding-bottom:62px;
	}

	.process-section .clean-head{
		grid-template-columns:1fr;
		margin-bottom:22px;
	}

	.process-grid{
		padding-top:18px;
	}

	.process-grid::before{
		display:none;
	}

	.process-card{
		grid-template-columns:34px minmax(0,1fr);
		padding:18px;
	}
}

/* Premium serif navigation and buttons */
.nav__list{
	gap:14px;
}

.nav__list a,
.nav__list a:hover,
.nav__list a:focus,
.nav__list a:focus-visible,
.nav__list a.is-active{
	min-height:42px;
	padding:0 10px;
	background:transparent!important;
	border-color:transparent!important;
	color:#f8fbff!important;
	font-family:var(--font-display);
	font-size:19px;
	font-weight:400;
	line-height:1;
	letter-spacing:0;
	text-decoration:none!important;
	box-shadow:none!important;
	transform:none!important;
}

.nav__list a::after,
.nav__list a:not(.nav__cta)::after,
.nav__list a:not(.nav__cta):hover::after,
.nav__list a:not(.nav__cta).is-active::after{
	content:none!important;
	display:none!important;
}

.nav__list a:focus-visible{
	outline:1px solid rgba(216,255,36,.56);
	outline-offset:4px;
	border-radius:6px;
}

.nav__cta,
.nav__cta:hover,
.nav__cta:focus,
.nav__cta:focus-visible,
.nav__cta.is-active{
	min-height:42px;
	padding:0 18px;
	border:1px solid #d8ff24!important;
	border-radius:999px;
	background:#d8ff24!important;
	color:#050604!important;
	font-family:var(--font-display);
	font-size:19px;
	font-weight:400;
	line-height:1;
	text-decoration:none!important;
}

.btn,
a.btn,
button.btn,
.lead-form__submit{
	font-family:var(--font-display);
	font-size:19px;
	font-weight:400;
	line-height:1;
	letter-spacing:0;
}

.btn__icon{
	width:18px;
	height:18px;
}

.footer__topline-actions .btn,
.plan-card .btn,
.lead-form__submit{
	font-size:18px;
}

@media (max-width:820px){
	.nav__list{
		gap:0;
	}

	.nav__list a,
	.nav__list a:hover,
	.nav__list a:focus,
	.nav__list a:focus-visible,
	.nav__list a.is-active,
	.nav__cta,
	.nav__cta:hover,
	.nav__cta:focus,
	.nav__cta:focus-visible,
	.nav__cta.is-active{
		min-height:48px;
		padding:0;
		font-size:22px;
	}

	.nav__cta,
	.nav__cta:hover,
	.nav__cta:focus,
	.nav__cta:focus-visible,
	.nav__cta.is-active{
		justify-content:center;
		padding:0 18px;
	}
}

/* Restored compact logo sizing */
.site-header__logo img{
	width:112px;
}

.site-header.scrolled .site-header__logo img{
	width:102px;
}

.footer__brand-logo{
	width:124px;
}

@media (max-width:820px){
	.site-header__logo img{
		width:106px;
	}

	.site-header.scrolled .site-header__logo img{
		width:98px;
	}

	.footer__brand-logo{
		width:124px;
	}
}

/* Button polish after serif test */
.btn,
a.btn,
button.btn,
.lead-form__submit{
	align-items:center;
	gap:10px;
	white-space:nowrap;
	text-align:center;
}

.hero__cta{
	gap:14px;
}

.hero__cta .btn{
	min-width:218px;
	min-height:50px;
	padding:0 24px;
	border-radius:8px;
	font-size:18px;
	line-height:1;
	justify-content:center;
}

.hero__cta .btn--hero-ghost{
	min-width:206px;
}

.hero__cta .btn__icon{
	width:17px;
	height:17px;
	flex-basis:17px;
}

.lead-form__submit,
.footer__topline-actions .btn,
.plan-card .btn{
	white-space:nowrap;
}

@media (max-width:520px){
	.hero__cta .btn,
	.hero__cta .btn--hero-ghost{
		width:100%;
		min-width:0;
		white-space:normal;
		line-height:1.08;
	}
}

/* Scroll-led process narrative */
.process-section{
	padding-top:112px;
	padding-bottom:118px;
	background:
		linear-gradient(180deg,#050604 0%,#070907 48%,#050604 100%);
	overflow:visible;
}

.process-scroll{
	display:grid;
	grid-template-columns:minmax(320px,.82fr) minmax(420px,1.05fr);
	align-items:start;
	gap:clamp(54px,7vw,118px);
}

.process-sticky{
	position:sticky;
	top:116px;
	min-height:calc(100svh - 180px);
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-block:24px;
}

.process-sticky .clean-kicker{
	margin-bottom:22px;
}

.process-sticky h2{
	max-width:560px;
	color:#fff;
	font-family:var(--font-display);
	font-size:clamp(48px,5.2vw,86px);
	font-weight:400;
	line-height:.9;
	letter-spacing:0;
}

.process-sticky p{
	max-width:360px;
	margin-top:24px;
	color:#d9e2ed;
	font-size:16px;
	font-weight:200;
	line-height:1.42;
}

.process-scroll__progress{
	position:relative;
	width:min(360px,100%);
	height:2px;
	margin-top:34px;
	overflow:hidden;
	border-radius:999px;
	background:rgba(255,255,255,.13);
}

.process-scroll__progress span{
	display:block;
	width:100%;
	height:100%;
	border-radius:inherit;
	background:linear-gradient(90deg,#d8ff24,rgba(216,255,36,.5),rgba(255,255,255,.55));
	transform:scaleX(.05);
	transform-origin:left center;
}

.process-scroll__meta{
	display:flex;
	justify-content:space-between;
	width:min(360px,100%);
	margin-top:10px;
	color:#d8ff24;
	font-family:var(--font-body);
	font-size:11px;
	font-weight:500;
	letter-spacing:.04em;
}

.process-track{
	position:relative;
	display:grid;
	gap:28px;
	padding-block:8px;
}

.process-track::before{
	content:"";
	position:absolute;
	left:30px;
	top:34px;
	bottom:34px;
	width:1px;
	background:linear-gradient(180deg,rgba(216,255,36,.58),rgba(216,255,36,.14),rgba(255,255,255,.08));
	opacity:.7;
	pointer-events:none;
}

.process-card.process-card--scroll{
	position:relative;
	display:grid;
	grid-template-columns:60px minmax(0,1fr);
	gap:14px 24px;
	align-items:start;
	min-height:220px;
	padding:34px 34px 32px;
	border:1px solid rgba(255,255,255,.14);
	border-radius:22px;
	background:
		linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.024) 52%,rgba(216,255,36,.035)),
		#0a0c0a;
	box-shadow:0 30px 84px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07);
	overflow:hidden;
	transform:none!important;
}

.process-card.process-card--scroll::before{
	content:attr(data-step);
	position:absolute;
	right:22px;
	bottom:-22px;
	display:block;
	color:rgba(216,255,36,.055);
	font-family:var(--font-display);
	font-size:clamp(92px,12vw,170px);
	font-weight:400;
	line-height:.75;
	pointer-events:none;
}

.process-card.process-card--scroll::after{
	content:"";
	position:absolute;
	inset:0;
	display:block;
	border-radius:inherit;
	background:linear-gradient(120deg,transparent,rgba(216,255,36,.08),transparent);
	opacity:0;
	pointer-events:none;
	transition:opacity .25s ease;
}

.process-card.process-card--scroll.is-current{
	border-color:rgba(216,255,36,.36);
	background:
		linear-gradient(135deg,rgba(216,255,36,.08),rgba(255,255,255,.032) 48%,rgba(216,255,36,.05)),
		#0b0e09;
}

.process-card.process-card--scroll.is-current::after{
	opacity:1;
}

.process-card.process-card--scroll > span{
	grid-column:1;
	grid-row:1;
	position:relative;
	z-index:1;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border:1px solid rgba(216,255,36,.42);
	border-radius:999px;
	background:#050604;
	color:#d8ff24;
	font-family:var(--font-body);
	font-size:12px;
	font-weight:500;
	line-height:1;
}

.process-card.process-card--scroll > i,
.process-card.process-card--scroll > svg{
	grid-column:1;
	grid-row:2 / 4;
	position:relative;
	z-index:1;
	width:24px;
	height:24px;
	margin:4px 0 0 9px;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	color:#d8ff24;
	box-shadow:none;
}

.process-card.process-card--scroll h3{
	grid-column:2;
	position:relative;
	z-index:1;
	max-width:420px;
	margin:0;
	color:#fff;
	font-family:var(--font-display);
	font-size:clamp(34px,3.3vw,52px);
	font-weight:400;
	line-height:.92;
}

.process-card.process-card--scroll p{
	grid-column:2;
	position:relative;
	z-index:1;
	max-width:420px;
	margin:0;
	color:#d7e0eb;
	font-size:16px;
	font-weight:200;
	line-height:1.42;
}

@media (max-width:1024px){
	.process-scroll{
		grid-template-columns:1fr;
		gap:34px;
	}

	.process-sticky{
		position:relative;
		top:auto;
		min-height:0;
		display:block;
		padding-block:0;
	}
}

@media (max-width:720px){
	.process-section{
		padding-top:70px;
		padding-bottom:72px;
	}

	.process-sticky h2{
		font-size:clamp(42px,13vw,62px);
	}

	.process-track{
		gap:16px;
	}

	.process-track::before{
		left:21px;
	}

	.process-card.process-card--scroll{
		grid-template-columns:42px minmax(0,1fr);
		min-height:0;
		padding:22px;
		border-radius:16px;
	}

	.process-card.process-card--scroll > span{
		width:34px;
		height:34px;
	}

	.process-card.process-card--scroll > i,
	.process-card.process-card--scroll > svg{
		width:20px;
		height:20px;
		margin-left:7px;
	}

	.process-card.process-card--scroll h3{
		font-size:clamp(28px,9vw,38px);
	}

	.process-card.process-card--scroll p{
		font-size:15px;
	}
}

@media (prefers-reduced-motion:reduce){
	.process-scroll__progress span{
		transform:none!important;
	}
}

/* Quieter solve section */
.solve-section{
	padding-top:78px;
	padding-bottom:78px;
}

.solve-experience{
	grid-template-columns:minmax(300px,.82fr) minmax(360px,.92fr);
	gap:clamp(42px,6vw,92px);
}

.solve-section .solve-copy h2{
	max-width:520px;
	font-size:clamp(38px,4.2vw,62px);
	line-height:.94;
}

.solve-section .solve-copy p{
	max-width:430px;
	margin-top:18px;
}

.solve-proof{
	gap:13px;
	margin-top:24px;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
}

.solve-proof strong{
	min-height:0;
	padding:0;
	border-radius:0;
	background:transparent;
	color:#d8ff24;
	font-size:13px;
}

.solve-proof span{
	color:#d5deea;
	font-size:14px;
}

.solve-console{
	overflow:visible;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
}

.solve-console::before,
.solve-console::after,
.solve-console__top,
.solve-console__bar,
.solve-console__foot{
	display:none!important;
}

.solve-flow{
	display:grid;
	grid-template-columns:1fr;
	gap:0;
	padding:0;
	border-top:1px solid rgba(255,255,255,.12);
}

.solve-flow__item{
	display:grid;
	grid-template-columns:28px minmax(0,1fr);
	gap:0 18px;
	align-items:center;
	min-height:0;
	padding:20px 0;
	border:0;
	border-bottom:1px solid rgba(255,255,255,.12);
	border-radius:0;
	background:transparent;
	box-shadow:none;
	transition:none;
}

.solve-flow__item:hover{
	border-color:rgba(255,255,255,.12);
	background:transparent;
	box-shadow:none;
}

.solve-flow__icon,
.solve-flow__icon svg{
	width:22px;
	height:22px;
	color:#d8ff24;
}

.solve-flow__item strong{
	color:#fff;
	font-size:clamp(25px,2.2vw,34px);
	line-height:.98;
}

.solve-flow__item small{
	margin-top:5px;
	color:#cdd7e4;
	font-size:14px;
	line-height:1.25;
}

@media (max-width:820px){
	.solve-experience{
		grid-template-columns:1fr;
	}

	.solve-flow__item{
		padding:18px 0;
	}
}

/* Pricing cards redesign */
.prices-section{
	padding-top:86px;
	padding-bottom:88px;
}

.prices-section .clean-head{
	max-width:680px;
	margin-bottom:42px;
}

.prices-section .clean-head h2{
	max-width:620px;
	font-size:clamp(42px,4.6vw,68px);
	line-height:.92;
}

.prices-section .clean-head p{
	max-width:590px;
	margin-top:18px;
	color:#d7e0ec;
	font-weight:200;
}

.plan-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:14px;
	align-items:stretch;
}

.plan-card,
.plan-card--highlight{
	position:relative;
	display:flex;
	flex-direction:column;
	min-height:0;
	padding:26px;
	border:1px solid rgba(255,255,255,.16);
	border-radius:16px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022)),
		#090b09;
	box-shadow:none;
	color:#f8fbff;
	transform:none!important;
	overflow:hidden;
}

.plan-card::before{
	content:"";
	position:absolute;
	left:26px;
	right:26px;
	top:0;
	height:2px;
	background:linear-gradient(90deg,rgba(216,255,36,.65),transparent);
	opacity:.42;
}

.plan-card--highlight{
	border-color:rgba(216,255,36,.48);
	background:
		linear-gradient(180deg,rgba(216,255,36,.075),rgba(255,255,255,.025)),
		#0a0d08;
	outline:0;
}

.plan-card--highlight::before{
	opacity:1;
}

.plan-card__tag,
.plan-card--highlight .plan-card__tag{
	width:fit-content;
	margin:0 0 22px;
	padding:6px 10px;
	border:1px solid rgba(216,255,36,.24);
	border-radius:999px;
	background:rgba(216,255,36,.10);
	color:#eaff9b;
	font-family:var(--font-body);
	font-size:11px;
	font-weight:500;
	letter-spacing:.04em;
	text-transform:uppercase;
}

.plan-card--highlight .plan-card__tag{
	background:#d8ff24;
	border-color:#d8ff24;
	color:#050604;
}

.plan-card h3{
	margin:0;
	color:#fff;
	font-family:var(--font-display);
	font-size:clamp(36px,3vw,48px);
	font-weight:400;
	line-height:.9;
}

.plan-card strong{
	display:inline-flex;
	align-items:center;
	width:fit-content;
	min-height:30px;
	margin-top:18px;
	padding:0 11px;
	border:1px solid rgba(255,255,255,.14);
	border-radius:999px;
	background:rgba(255,255,255,.045);
	color:#eef4fb;
	font-family:var(--font-body);
	font-size:13px;
	font-weight:400;
	line-height:1;
}

.plan-card--highlight strong{
	border-color:rgba(216,255,36,.34);
	background:rgba(216,255,36,.10);
	color:#f8fbff;
}

.plan-card__volume,
.plan-card--highlight .plan-card__volume{
	margin-top:16px;
	color:#cfd9e6;
	font-size:15px;
	font-weight:200;
	line-height:1.35;
}

.plan-card ul,
.plan-card--highlight ul{
	display:grid;
	gap:9px;
	flex:0 0 auto;
	margin:24px 0 26px;
	padding:18px 0 0;
	border-top:1px solid rgba(255,255,255,.12);
	list-style:none;
	color:#dfe7f2;
}

.plan-card li,
.plan-card--highlight li{
	position:relative;
	padding:8px 0 8px 30px;
	border:0;
	color:#dfe7f2;
	font-size:14px;
	font-weight:300;
	line-height:1.35;
}

.plan-card li::before{
	content:"✓";
	position:absolute;
	left:0;
	top:6px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:18px;
	height:18px;
	font-size:11px;
	font-weight:700;
	line-height:1;
	color:#08210f;
	background:#4ade80;
	border-radius:50%;
	box-shadow:none;
}

.plan-card .btn,
.plan-card .btn--ghost,
.plan-card .btn--lime,
.plan-card--highlight .btn--lime{
	width:100%;
	min-height:44px;
	margin-top:auto;
	padding:0 16px;
	border-radius:999px;
	justify-content:space-between;
	font-size:17px;
	text-decoration:none;
}

.plan-card .btn--ghost{
	border-color:rgba(255,255,255,.22);
	background:transparent;
	color:#f8fbff;
}

.plan-card .btn--ghost:hover{
	border-color:rgba(216,255,36,.55);
	color:#d8ff24;
	background:transparent;
}

.plan-card .btn--lime,
.plan-card--highlight .btn--lime,
.plan-card--highlight .btn--lime:hover{
	border-color:#d8ff24;
	background:#d8ff24;
	color:#050604;
}

.prices-note{
	margin-top:16px;
	border-radius:12px;
	background:transparent;
}

@media (max-width:1024px){
	.plan-grid{
		grid-template-columns:1fr;
	}
}

@media (max-width:720px){
	.prices-section{
		padding-top:66px;
		padding-bottom:68px;
	}

	.plan-card,
	.plan-card--highlight{
		padding:22px;
		border-radius:14px;
	}

	.plan-card h3{
		font-size:36px;
	}
}

/* Contact form balance */
.contact-clean{
	padding-top:86px;
	padding-bottom:92px;
}

.contact-clean__grid{
	grid-template-columns:minmax(300px,.88fr) minmax(420px,560px);
	align-items:center;
	gap:clamp(48px,7vw,108px);
}

.contact-clean .clean-copy{
	max-width:560px;
}

.contact-clean .clean-copy h2{
	max-width:540px;
	font-size:clamp(40px,4.2vw,64px);
	line-height:.94;
}

.contact-clean .clean-copy p{
	max-width:520px;
	margin-top:22px;
	color:#d6e0ec;
	font-weight:200;
	line-height:1.46;
}

.contact-mail{
	margin-top:30px;
}

.lead-form{
	justify-self:end;
	width:100%;
	max-width:560px;
	gap:12px;
	padding:22px;
	border-color:rgba(255,255,255,.16);
	border-radius:14px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018)),
		#080a08;
}

.lead-form__head{
	gap:3px;
	margin-bottom:2px;
	padding-bottom:12px;
}

.lead-form__head span{
	font-size:26px;
	line-height:1;
}

.lead-form__head p{
	font-size:13px;
	line-height:1.3;
}

.lead-form__grid{
	gap:10px;
}

.lead-form__field{
	min-height:62px;
	gap:5px;
	padding:10px 13px 9px;
	border-color:rgba(255,255,255,.15);
	border-radius:8px;
	background:rgba(255,255,255,.04);
}

.lead-form__field label{
	font-size:10px;
	letter-spacing:.045em;
}

.lead-form input[type="text"],
.lead-form input[type="tel"],
.lead-form input[type="email"],
.lead-form input[type="number"]{
	height:24px;
	font-size:15px;
	line-height:1.15;
}

.lead-form__consent{
	margin-top:0;
	padding-top:2px;
	gap:10px;
	font-size:12.5px;
	line-height:1.35;
}

.lead-form__consent input{
	width:15px;
	height:15px;
}

.lead-form__submit{
	min-height:48px;
	margin-top:2px;
	border-radius:8px;
	font-size:18px;
}

.lead-form__msg{
	min-height:0;
	margin-top:0;
	font-size:13px;
}

.lead-form__msg:empty{
	display:none;
}

.lead-form__msg:not(:empty){
	margin-top:2px;
}

@media (max-width:1024px){
	.contact-clean__grid{
		grid-template-columns:1fr;
		align-items:start;
	}

	.lead-form{
		justify-self:start;
		max-width:640px;
	}
}

@media (max-width:720px){
	.contact-clean{
		padding-top:66px;
		padding-bottom:68px;
	}

	.lead-form{
		padding:18px;
	}

	.lead-form__grid{
		grid-template-columns:1fr;
	}
}

/* FAQ section */
.faq-section{
	padding:clamp(82px,9vw,128px) 0;
	border-top:1px solid rgba(255,255,255,.08);
	border-bottom:1px solid rgba(255,255,255,.08);
	background:
		radial-gradient(circle at 15% 12%,rgba(216,255,36,.055),transparent 28%),
		#050604;
}

.faq-wrap{
	display:grid;
	grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);
	gap:clamp(34px,7vw,92px);
	align-items:start;
}

.faq-copy{
	position:sticky;
	top:112px;
	max-width:430px;
}

.faq-copy h2{
	max-width:420px;
	font-size:clamp(48px,6vw,78px);
	line-height:.9;
}

.faq-copy p{
	margin-top:22px;
	color:#cbd5e2;
	font-weight:200;
	line-height:1.5;
}

.faq-list{
	display:grid;
	gap:10px;
}

.faq-item{
	position:relative;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.13);
	border-radius:8px;
	background:rgba(255,255,255,.025);
	transition:border-color .2s ease,background .2s ease;
}

.faq-item[open]{
	border-color:rgba(216,255,36,.42);
	background:linear-gradient(135deg,rgba(216,255,36,.08),rgba(255,255,255,.03) 42%,rgba(255,255,255,.02));
}

.faq-item summary{
	display:grid;
	grid-template-columns:48px 1fr 24px;
	align-items:center;
	gap:18px;
	padding:22px 24px;
	cursor:pointer;
	list-style:none;
}

.faq-item summary::-webkit-details-marker{
	display:none;
}

.faq-item summary::after{
	content:"+";
	justify-self:end;
	color:var(--lime);
	font-family:var(--font-mono);
	font-size:20px;
	line-height:1;
}

.faq-item[open] summary::after{
	content:"-";
}

.faq-num{
	color:var(--lime);
	font-family:var(--font-mono);
	font-size:12px;
	font-weight:600;
	letter-spacing:.08em;
}

.faq-item summary strong{
	color:#f8fbff;
	font-family:var(--font-display);
	font-size:clamp(25px,2.4vw,34px);
	font-weight:400;
	line-height:1;
}

.faq-answer{
	max-width:820px;
	padding:0 26px 24px 90px;
}

.faq-answer p{
	color:#cbd5e2;
	font-size:16px;
	font-weight:200;
	line-height:1.5;
}

@media (max-width:980px){
	.faq-wrap{
		grid-template-columns:1fr;
	}

	.faq-copy{
		position:relative;
		top:auto;
		max-width:680px;
	}
}

@media (max-width:620px){
	.faq-section{
		padding:68px 0;
	}

	.faq-item summary{
		grid-template-columns:34px 1fr 20px;
		gap:12px;
		padding:19px 16px;
	}

	.faq-answer{
		padding:0 16px 20px 62px;
	}

	.faq-item summary strong{
		font-size:24px;
	}
}

/* Final image CTA */
.final-cta{
	padding:64px 0 76px;
	background:#f0ede4;
	color:#050604;
}

.final-cta__card{
	position:relative;
	isolation:isolate;
	overflow:hidden;
	opacity:1;
	width:min(calc(100% - 44px),1460px);
	min-height:430px;
	margin-inline:auto;
	display:grid;
	place-items:center;
	padding:76px 34px;
	border:1px solid rgba(5,6,4,.12);
	border-radius:34px;
	background:#050604;
	box-shadow:0 30px 80px rgba(5,6,4,.18);
}

.final-cta__bg{
	position:absolute;
	inset:-28px;
	z-index:-2;
	background:
		image-set(
			url("../images/hero-deca-2026-4k.webp") type("image/webp"),
			url("../images/hero-deca-2026-right.webp") type("image/webp"),
			url("../images/hero-deca-2026-right.jpg") type("image/jpeg")
		) center center/cover no-repeat;
	transform:scale(1.04);
}

.final-cta__card::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:-1;
	background:
		radial-gradient(circle at 50% 45%,rgba(216,255,36,.12),transparent 34%),
		linear-gradient(90deg,rgba(3,4,3,.84),rgba(3,4,3,.66) 45%,rgba(3,4,3,.86)),
		linear-gradient(180deg,rgba(3,4,3,.40),rgba(3,4,3,.82));
}

.final-cta__content{
	width:min(100%,1040px);
	display:grid;
	justify-items:center;
	gap:28px;
	text-align:center;
}

.final-cta__kicker{
	color:var(--lime);
	font-family:var(--font-mono);
	font-size:14px;
	font-weight:600;
	letter-spacing:.16em;
	line-height:1;
	text-transform:uppercase;
}

.final-cta h2{
	display:grid;
	gap:2px;
	color:#fff;
	font-family:var(--font-body);
	font-size:76px;
	font-weight:600;
	line-height:.92;
	text-wrap:balance;
}

.final-cta h2 em{
	color:var(--lime);
	font-family:var(--font-display);
	font-size:72px;
	font-weight:400;
	font-style:italic;
	line-height:.9;
}

.final-cta__actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:14px;
}

.final-cta__btn{
	min-width:194px;
	min-height:58px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	padding:15px 25px;
	border-radius:999px;
	font-family:var(--font-body);
	font-size:16px;
	font-weight:600;
	line-height:1;
	text-decoration:none;
	transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}

.final-cta__btn:hover,
.final-cta__btn:focus-visible{
	text-decoration:none;
}

.final-cta__btn--primary{
	border:1px solid rgba(216,255,36,.24);
	background:#050604;
	color:#fff;
}

.final-cta__btn--primary:hover{
	background:var(--lime);
	color:#050604;
}

.final-cta__btn--ghost{
	border:1px solid rgba(255,255,255,.42);
	background:rgba(255,255,255,.04);
	color:#fff;
	backdrop-filter:blur(12px);
}

.final-cta__btn--ghost:hover{
	border-color:var(--lime);
	color:var(--lime);
}

@media (max-width:900px){
	.final-cta{
		padding:46px 0 58px;
	}

	.final-cta__card{
		width:min(calc(100% - 28px),1460px);
		min-height:390px;
		padding:54px 22px;
		border-radius:26px;
	}

	.final-cta h2{
		font-size:54px;
	}

	.final-cta h2 em{
		font-size:52px;
	}
}

@media (max-width:560px){
	.final-cta__content{
		gap:22px;
	}

	.final-cta h2{
		font-size:38px;
	}

	.final-cta h2 em{
		font-size:40px;
	}

	.final-cta__actions,
	.final-cta__btn{
		width:100%;
	}
}

/* Minimal creative parallax footer */
.footer--minimal{
	min-height:520px;
	padding:clamp(86px,10vw,138px) 0 30px;
	border-top:1px solid rgba(216,255,36,.30);
	background:
		linear-gradient(180deg,rgba(216,255,36,.035),transparent 34%),
		#020302;
	overflow:hidden;
}

.footer--minimal .footer__parallax{
	left:0;
	right:0;
	bottom:14px;
	z-index:0;
	width:auto;
	color:rgba(216,255,36,.052);
	font-size:clamp(104px,18vw,286px);
	line-height:.75;
	text-align:center;
	transform:translate3d(0,0,0);
}

.footer-minimal{
	position:relative;
	z-index:1;
	width:min(calc(100% - 40px),1180px);
	margin-inline:auto;
	display:grid;
	gap:28px;
	padding:0;
	border:0;
	background:transparent;
}

.footer-minimal__hero{
	display:grid;
	grid-template-columns:minmax(280px,560px) auto;
	align-items:end;
	gap:clamp(28px,6vw,86px);
	padding-bottom:30px;
	border-bottom:1px solid rgba(255,255,255,.13);
}

.footer-minimal__brand{
	display:grid;
	gap:14px;
}

.footer--minimal .footer__brand-logo{
	width:132px;
	height:auto;
}

.footer-minimal__brand p{
	max-width:520px;
	color:#d7e0ec;
	font-size:16px;
	font-weight:200;
	line-height:1.42;
}

.footer-minimal__cta{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:10px;
}

.footer-minimal__cta .btn{
	min-height:44px;
	padding-inline:18px;
	border-radius:999px;
	font-size:18px;
}

.footer-minimal__links{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px 22px;
	padding-bottom:28px;
	border-bottom:1px solid rgba(255,255,255,.13);
}

.footer-minimal__links a{
	color:#c7d0dc;
	font-size:15px;
	font-weight:300;
	line-height:1;
	text-decoration:none;
	transition:color .18s ease;
}

.footer-minimal__links a:hover{
	color:#d8ff24;
}

.footer-minimal__bottom{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:22px;
	color:#8c98a8;
	font-size:12px;
}

.footer-minimal__mail{
	color:#f8fbff;
	font-size:15px;
	font-weight:400;
	text-decoration:none;
}

.footer-minimal__mail:hover{
	color:#d8ff24;
}

.footer-minimal__legal{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	gap:14px;
}

.footer-minimal__legal a,
.footer-minimal__legal span{
	color:#8c98a8;
	text-decoration:none;
}

.footer-minimal__legal a:hover{
	color:#d8ff24;
}

@media (max-width:820px){
	.footer--minimal{
		min-height:0;
		padding:72px 0 28px;
	}

	.footer--minimal .footer__parallax{
		left:16px;
		right:16px;
		bottom:34px;
		font-size:clamp(72px,24vw,132px);
		text-align:left;
	}

	.footer-minimal{
		width:min(calc(100% - 32px),1180px);
		gap:24px;
	}

	.footer-minimal__hero{
		grid-template-columns:1fr;
		align-items:start;
		gap:24px;
	}

	.footer-minimal__cta{
		justify-content:flex-start;
		flex-wrap:wrap;
	}

	.footer-minimal__links{
		gap:12px 18px;
	}

	.footer-minimal__bottom{
		display:grid;
		gap:14px;
	}

	.footer-minimal__legal{
		justify-content:flex-start;
	}
}

/* Premium GSAP motion layer */
.motion-ready .motion-spotlight{
	position:relative;
	overflow:hidden;
	isolation:isolate;
}

.motion-ready .motion-spotlight > :not(.motion-glow):not(.final-cta__bg){
	position:relative;
	z-index:1;
}

.motion-ready .motion-glow{
	position:absolute;
	left:var(--mx,50%);
	top:var(--my,50%);
	z-index:0;
	width:210px;
	height:210px;
	border-radius:999px;
	background:
		radial-gradient(circle,rgba(216,255,36,.18),rgba(216,255,36,.06) 38%,transparent 70%);
	filter:blur(8px);
	opacity:var(--mo,0);
	pointer-events:none;
	transform:translate(-50%,-50%) scale(var(--ms,1));
	transition:opacity .24s ease;
}

.motion-ready .btn{
	will-change:transform;
}

.motion-ready .route-line circle{
	transform-box:fill-box;
	transform-origin:center;
}

.motion-ready .lead-form__field,
.motion-ready .plan-card,
.motion-ready .process-card,
.motion-ready .solve-flow__item,
.motion-ready .faq-item,
.motion-ready .footer-minimal__links a{
	will-change:transform,opacity;
}

@media (prefers-reduced-motion:reduce){
	.motion-ready .motion-glow{
		display:none;
	}
}

/* Header separator removed */
.site-header,
.site-header.scrolled{
	border-bottom:0!important;
}

/* Stable GSAP parallax sections */
.parallax-stack-ready .hero{
	z-index:1;
	transform-origin:50% 50%;
}

.parallax-stack-ready .solve-section,
.parallax-stack-ready .process-section,
.parallax-stack-ready .legal-showcase,
.parallax-stack-ready .prices-section,
.parallax-stack-ready .faq-section,
.parallax-stack-ready .contact-clean,
.parallax-stack-ready .final-cta{
	position:relative;
	transform-origin:50% 0;
	will-change:transform;
}

.parallax-stack-ready .solve-section{
	z-index:2;
}

.parallax-stack-ready .process-section{
	z-index:3;
}

.parallax-stack-ready .legal-showcase{
	z-index:4;
}

.parallax-stack-ready .prices-section{
	z-index:5;
}

.parallax-stack-ready .faq-section{
	z-index:6;
}

.parallax-stack-ready .contact-clean{
	z-index:7;
}

.parallax-stack-ready .final-cta{
	z-index:8;
}

.parallax-stack-ready .stack-overlap{
	box-shadow:0 -34px 88px rgba(0,0,0,.34);
}

/* Epic mobile fullscreen menu */
.nav__mobile-intro,
.nav__mobile-foot,
.nav__mobile-only{
	display:none;
}

@media (max-width:820px){
	html.menu-open,
	html.menu-open body{
		overflow:hidden;
	}

	.site-header{
		background:linear-gradient(180deg,rgba(5,6,4,.72),rgba(5,6,4,0));
	}

	.site-header__inner{
		position:relative;
		z-index:150;
	}

	.nav-toggle{
		position:relative;
		z-index:170;
		width:48px;
		height:48px;
		border:1px solid rgba(255,255,255,.18);
		border-radius:999px;
		background:rgba(5,6,4,.38);
		backdrop-filter:blur(14px);
		-webkit-backdrop-filter:blur(14px);
	}

	.nav-toggle span{
		width:20px;
		height:1px;
		margin:6px auto;
		background:#f8fbff;
	}

	.nav-toggle[aria-expanded="true"]{
		border-color:rgba(216,255,36,.36);
		background:rgba(216,255,36,.10);
	}

	.nav-toggle[aria-expanded="true"] span:nth-child(1){
		transform:translateY(7px) rotate(45deg);
	}

	.nav-toggle[aria-expanded="true"] span:nth-child(3){
		transform:translateY(-7px) rotate(-45deg);
	}

	.nav{
		position:fixed!important;
		inset:0!important;
		z-index:145;
		height:100svh;
		display:grid;
		grid-template-rows:1fr auto;
		align-items:stretch;
		padding:104px 24px 32px;
		border:0!important;
		background:
			linear-gradient(90deg,rgba(3,4,3,.96),rgba(3,4,3,.86) 58%,rgba(3,4,3,.74)),
			image-set(
				url("../images/hero-deca-2026-right.webp") type("image/webp"),
				url("../images/hero-deca-2026-right.jpg") type("image/jpeg")
			) 72% center/cover no-repeat;
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		transform:translateX(104%);
		transition:
			transform .72s cubic-bezier(.16,1,.3,1),
			opacity .32s ease,
			visibility .32s ease;
		overflow:hidden;
	}

	.nav::before{
		content:"";
		position:absolute;
		inset:0;
		z-index:0;
		background:
			radial-gradient(circle at 18% 26%,rgba(216,255,36,.18),transparent 28%),
			linear-gradient(180deg,rgba(5,6,4,.10),rgba(5,6,4,.64));
		pointer-events:none;
	}

	.nav::after{
		content:"DeCA";
		position:absolute;
		right:-28px;
		bottom:8vh;
		z-index:0;
		color:rgba(216,255,36,.06);
		font-family:var(--font-display);
		font-size:clamp(92px,34vw,180px);
		font-style:italic;
		line-height:.8;
		pointer-events:none;
	}

	.nav.open{
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		transform:translateX(0);
	}

	.nav__mobile-intro,
	.nav__mobile-foot,
	.nav__list{
		position:relative;
		z-index:1;
	}

	.nav__mobile-intro{
		display:flex;
		align-items:end;
		justify-content:space-between;
		gap:18px;
		padding-bottom:22px;
		border-bottom:1px solid rgba(255,255,255,.14);
	}

	.nav__mobile-intro span{
		color:var(--lime);
		font-family:var(--font-mono);
		font-size:12px;
		font-weight:600;
		letter-spacing:.16em;
		text-transform:uppercase;
	}

	.nav__mobile-intro strong{
		color:#f8fbff;
		font-family:var(--font-display);
		font-size:34px;
		font-weight:400;
		line-height:.9;
	}

	.nav__list{
		width:100%!important;
		margin:0!important;
		padding:8px 0!important;
		display:grid!important;
		align-content:center;
		gap:0!important;
	}

	.nav__list li{
		display:block;
		overflow:hidden;
	}

	.nav__list a,
	.nav__list a:hover,
	.nav__list a:focus,
	.nav__list a:focus-visible,
	.nav__list a.is-active{
		min-height:auto;
		width:100%;
		display:flex!important;
		align-items:center;
		justify-content:space-between;
		padding:13px 0!important;
		border:0!important;
		border-bottom:1px solid rgba(255,255,255,.12)!important;
		border-radius:0!important;
		background:transparent!important;
		color:#f8fbff!important;
		font-family:var(--font-display);
		padding:11px 0!important;
		font-size:clamp(28px,7.4vw,38px);
		font-weight:400;
		line-height:1;
		text-decoration:none;
	}

	.nav__list a::before{
		content:"";
		width:8px;
		height:8px;
		margin-right:14px;
		border-radius:999px;
		background:var(--lime);
		opacity:0;
		transform:scale(.2);
		transition:opacity .2s ease,transform .2s ease;
	}

	.nav__list a::after,
	.nav__list a:not(.nav__cta)::after,
	.nav__list a:not(.nav__cta):hover::after,
	.nav__list a:not(.nav__cta).is-active::after{
		content:"→";
		position:static;
		display:block!important;
		width:auto;
		height:auto;
		background:transparent;
		color:var(--lime);
		font-family:var(--font-mono);
		font-size:16px;
		line-height:1;
		transform:none;
		opacity:.55;
	}

	.nav__list a:hover::before,
	.nav__list a:focus-visible::before,
	.nav__list a.is-active::before{
		opacity:1;
		transform:scale(1);
	}

	.nav__list a.nav__cta,
	.nav__list a.nav__cta:hover,
	.nav__list a.nav__cta:focus,
	.nav__list a.nav__cta:focus-visible,
	.nav__list a.nav__cta.is-active{
		margin-top:20px;
		padding:18px 20px!important;
		border:1px solid rgba(216,255,36,.42)!important;
		border-radius:999px!important;
		background:var(--lime)!important;
		color:#050604!important;
		font-family:var(--font-body);
		font-size:17px;
		font-weight:600;
		line-height:1;
		box-shadow:0 22px 50px rgba(216,255,36,.18);
	}

	.nav__list a.nav__cta::before{
		display:none;
	}

	.nav__list a.nav__cta::after{
		color:#050604;
		opacity:1;
	}

	.nav__mobile-foot{
		display:grid;
		gap:8px;
		padding-top:20px;
		border-top:1px solid rgba(255,255,255,.14);
	}

	.nav__mobile-foot span{
		color:#9aa6b8;
		font-size:13px;
		font-weight:200;
	}

	.nav__mobile-foot a{
		color:#f8fbff;
		font-family:var(--font-body);
		font-size:16px;
		font-weight:500;
		text-decoration:none;
	}

	.nav.open .nav__mobile-intro,
	.nav.open .nav__mobile-foot{
		animation:mobileMenuFade .58s cubic-bezier(.16,1,.3,1) both;
	}

	.nav.open .nav__list li{
		animation:mobileMenuItem .62s cubic-bezier(.16,1,.3,1) both;
	}

	.nav.open .nav__list li:nth-child(1){animation-delay:.06s;}
	.nav.open .nav__list li:nth-child(2){animation-delay:.10s;}
	.nav.open .nav__list li:nth-child(3){animation-delay:.14s;}
	.nav.open .nav__list li:nth-child(4){animation-delay:.18s;}
	.nav.open .nav__list li:nth-child(5){animation-delay:.22s;}
	.nav.open .nav__list li:nth-child(6){animation-delay:.26s;}
	.nav.open .nav__list li:nth-child(7){animation-delay:.30s;}

	.mobilecta{
		z-index:80;
	}
}

@media (max-width:430px){
	.nav{
		padding:96px 20px 26px;
	}

	.nav__list a,
	.nav__list a:hover,
	.nav__list a:focus,
	.nav__list a:focus-visible,
	.nav__list a.is-active{
		font-size:clamp(24px,6.6vw,30px);
		padding:10px 0!important;
	}
}

@keyframes mobileMenuFade{
	from{
		opacity:0;
		transform:translateY(14px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

@keyframes mobileMenuItem{
	from{
		opacity:0;
		transform:translateX(34px);
	}
	to{
		opacity:1;
		transform:translateX(0);
	}
}

/* Stack polish, dark CTA and creative button hovers */
@media (min-width:821px){
	.parallax-stack-ready .solve-section{
		margin-top:-34px;
		padding-top:96px;
		border-top:1px solid rgba(216,255,36,.18);
		border-radius:28px 28px 0 0;
		background:
			radial-gradient(circle at 20% 0%,rgba(216,255,36,.07),transparent 28%),
			linear-gradient(180deg,#050604 0%,#050604 72%,#020302 100%);
		box-shadow:0 -18px 54px rgba(0,0,0,.34);
	}

	.parallax-stack-ready .hero{
		overflow:hidden;
	}
}

.btn,
.final-cta__btn{
	position:relative;
	overflow:hidden;
	isolation:isolate;
}

.btn{
	box-shadow:0 0 0 rgba(216,255,36,0);
	transition:
		transform .24s cubic-bezier(.16,1,.3,1),
		background-color .22s ease,
		border-color .22s ease,
		color .22s ease,
		box-shadow .24s ease;
}

.btn::before{
	z-index:0;
	background:
		linear-gradient(110deg,transparent,rgba(255,255,255,.56),transparent),
		radial-gradient(circle,rgba(216,255,36,.24),transparent 64%);
}

.btn:hover,
.btn:focus-visible{
	transform:translateY(-3px) scale(1.015);
	box-shadow:
		0 0 0 1px rgba(216,255,36,.18),
		0 18px 48px rgba(216,255,36,.16);
	text-decoration:none;
}

.btn--lime:hover,
.btn--lime:focus-visible,
.lead-form__submit:hover,
.lead-form__submit:focus-visible,
.plan-card .btn--lime:hover,
.plan-card--highlight .btn--lime:hover{
	background:#050604!important;
	border-color:var(--lime)!important;
	color:var(--lime)!important;
	box-shadow:
		inset 0 0 0 1px rgba(216,255,36,.28),
		0 0 28px rgba(216,255,36,.22),
		0 22px 58px rgba(0,0,0,.34)!important;
}

.btn--ghost:hover,
.btn--hero-ghost:hover,
.footer__ghost:hover{
	border-color:rgba(216,255,36,.62)!important;
	background:rgba(216,255,36,.10)!important;
	color:var(--lime)!important;
}

.final-cta{
	padding:86px 0 98px;
	background:
		radial-gradient(circle at 50% 0%,rgba(216,255,36,.065),transparent 30%),
		linear-gradient(180deg,#020302,#050604 48%,#020302);
	color:#f8fbff;
	border-top:1px solid rgba(216,255,36,.12);
}

.final-cta__card{
	width:min(calc(100% - 44px),1320px);
	border-color:rgba(255,255,255,.16);
	box-shadow:
		0 36px 90px rgba(0,0,0,.46),
		inset 0 1px 0 rgba(255,255,255,.08);
}

.final-cta__card::before{
	background:
		radial-gradient(circle at 50% 42%,rgba(216,255,36,.16),transparent 30%),
		linear-gradient(90deg,rgba(3,4,3,.90),rgba(3,4,3,.68) 45%,rgba(3,4,3,.92)),
		linear-gradient(180deg,rgba(3,4,3,.34),rgba(3,4,3,.86));
}

.final-cta__btn{
	position:relative;
	overflow:hidden;
	isolation:isolate;
	box-shadow:0 0 0 rgba(216,255,36,0);
}

.final-cta__btn::before{
	content:"";
	position:absolute;
	inset:auto auto -65% -25%;
	z-index:-1;
	width:68%;
	aspect-ratio:1;
	border-radius:999px;
	background:radial-gradient(circle,rgba(216,255,36,.62),transparent 67%);
	opacity:0;
	transform:scale(.55);
	transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .22s ease;
}

.final-cta__btn:hover::before,
.final-cta__btn:focus-visible::before{
	opacity:1;
	transform:scale(1.2);
}

.final-cta__btn:hover,
.final-cta__btn:focus-visible{
	transform:translateY(-3px) scale(1.02);
	box-shadow:0 18px 52px rgba(216,255,36,.18);
}

.final-cta__btn--primary:hover,
.final-cta__btn--primary:focus-visible{
	background:var(--lime);
	border-color:var(--lime);
	color:#050604;
}

.final-cta__btn--ghost:hover,
.final-cta__btn--ghost:focus-visible{
	background:rgba(216,255,36,.08);
	border-color:rgba(216,255,36,.62);
	color:var(--lime);
}

.faq-copy h2{
	font-size:clamp(38px,4.5vw,58px);
	line-height:.92;
}

.faq-copy p{
	max-width:560px;
}

.faq-item summary{
	grid-template-columns:42px 1fr 22px;
	padding:18px 22px;
}

.faq-item summary strong{
	font-size:clamp(20px,1.55vw,26px);
	line-height:1.05;
}

.faq-answer{
	padding:0 24px 22px 82px;
}

@media (max-width:620px){
	.faq-copy h2{
		font-size:36px;
	}

	.faq-item summary strong{
		font-size:20px;
	}

	.faq-item summary{
		padding:17px 16px;
	}

	.faq-answer{
		padding:0 16px 19px 56px;
	}

	.final-cta{
		padding:62px 0 72px;
	}
}

/* Premium stacked hero pass: sticky hero with a visible section takeover */
.hero{
	padding:0!important;
	overflow:visible;
	background:#050604;
}

.hero::before,
.hero::after{
	display:none!important;
}

.hero__sticky{
	position:relative;
	min-height:94svh;
	padding:118px var(--gutter);
	overflow:hidden;
	isolation:isolate;
	background:#050604;
	color:#fff;
}

.hero__sticky::before{
	content:"";
	position:absolute;
	inset:auto 0 0;
	z-index:2;
	height:260px;
	background:linear-gradient(180deg,rgba(5,6,4,0),rgba(5,6,4,.56) 38%,rgba(5,6,4,.96));
	pointer-events:none;
}

.hero__sticky::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:
		linear-gradient(90deg,rgba(5,6,4,.96) 0%,rgba(5,6,4,.82) 35%,rgba(5,6,4,.32) 64%,rgba(5,6,4,.10) 100%),
		linear-gradient(180deg,rgba(5,6,4,.08) 0%,rgba(5,6,4,.16) 58%,rgba(5,6,4,.68) 100%);
	pointer-events:none;
}

@media (min-width:821px){
	.parallax-stack-ready .hero{
		position:relative!important;
		z-index:1;
		min-height:176svh;
		height:176svh;
		overflow:visible;
	}

	.parallax-stack-ready .hero__sticky{
		position:sticky;
		top:0;
		min-height:100svh;
		height:100svh;
		padding-top:112px;
		padding-bottom:96px;
		box-shadow:inset 0 -150px 140px rgba(0,0,0,.58);
	}

	.parallax-stack-ready .hero__inner{
		min-height:calc(100svh - 208px);
	}

	.parallax-stack-ready .solve-section{
		margin-top:-78svh;
		padding-top:clamp(104px,12vw,156px);
		border-top:1px solid rgba(216,255,36,.18);
		border-radius:34px 34px 0 0;
		background:
			radial-gradient(circle at 50% 0%,rgba(216,255,36,.10),transparent 22%),
			linear-gradient(180deg,#050604 0%,#050604 72%,#020302 100%);
		box-shadow:0 -56px 140px rgba(0,0,0,.64);
		overflow:hidden;
	}

	.parallax-stack-ready .stack-overlap{
		box-shadow:0 -56px 140px rgba(0,0,0,.64);
	}

	.parallax-stack-ready .solve-section::before{
		content:"";
		display:block!important;
		position:absolute;
		left:clamp(18px,5vw,86px);
		right:clamp(18px,5vw,86px);
		top:0;
		z-index:1;
		height:1px;
		background:linear-gradient(90deg,transparent,rgba(216,255,36,.38),rgba(255,255,255,.18),transparent);
	}

	.parallax-stack-ready .solve-section::after{
		content:"";
		display:block!important;
		position:absolute;
		inset:0 0 auto;
		z-index:0;
		height:180px;
		background:
			linear-gradient(180deg,rgba(216,255,36,.08),rgba(216,255,36,0)),
			radial-gradient(circle at 50% 0%,rgba(216,255,36,.14),transparent 38%);
		pointer-events:none;
	}

	.parallax-stack-ready .solve-section > *{
		position:relative;
		z-index:2;
	}
}

/* Stacked ligero en móvil: hero fijo + secciones solapando suave */
@media (max-width:820px){
	.parallax-stack-ready .hero{
		position:relative!important;
		z-index:1;
		min-height:180svh;
		height:auto;
		overflow:visible;
	}

	.parallax-stack-ready .hero__sticky{
		position:sticky;
		top:0;
		min-height:90svh;
		padding-top:122px;
		padding-bottom:60px;
		box-shadow:inset 0 -120px 110px rgba(0,0,0,.5);
	}

	.parallax-stack-ready .hero__inner{
		min-height:0;
	}

	.parallax-stack-ready .solve-section{
		position:relative;
		margin-top:-90svh;
		padding-top:clamp(70px,15vw,104px);
		border-top:1px solid rgba(216,255,36,.18);
		border-radius:26px 26px 0 0;
		background:
			radial-gradient(circle at 50% 0%,rgba(216,255,36,.10),transparent 26%),
			linear-gradient(180deg,#050604 0%,#050604 74%,#020302 100%);
		box-shadow:0 -40px 96px rgba(0,0,0,.6);
		overflow:hidden;
	}

	.parallax-stack-ready .stack-overlap{
		box-shadow:0 -40px 96px rgba(0,0,0,.6);
	}

	.parallax-stack-ready .solve-section::before{
		content:"";
		display:block;
		position:absolute;
		left:clamp(16px,6vw,40px);
		right:clamp(16px,6vw,40px);
		top:0;
		z-index:1;
		height:1px;
		background:linear-gradient(90deg,transparent,rgba(216,255,36,.4),rgba(255,255,255,.16),transparent);
	}

	.parallax-stack-ready .solve-section > *{
		position:relative;
		z-index:2;
	}
}

.btn,
.final-cta__btn{
	position:relative;
	overflow:hidden;
	isolation:isolate;
	text-decoration:none!important;
}

.btn::before,
.final-cta__btn::before{
	content:"";
	display:block!important;
	position:absolute;
	inset:-2px auto -2px -78%;
	z-index:0;
	width:62%;
	border-radius:inherit;
	background:
		linear-gradient(110deg,transparent,rgba(255,255,255,.50),transparent),
		radial-gradient(circle at 50% 50%,rgba(216,255,36,.30),transparent 62%);
	opacity:0;
	transform:translateX(0) skewX(-18deg);
	transition:
		transform .7s cubic-bezier(.16,1,.3,1),
		opacity .22s ease;
	pointer-events:none;
}

.btn:hover::before,
.btn:focus-visible::before,
.final-cta__btn:hover::before,
.final-cta__btn:focus-visible::before{
	opacity:1;
	transform:translateX(330%) skewX(-18deg);
}

.btn,
.final-cta__btn{
	transition:
		transform .28s cubic-bezier(.16,1,.3,1),
		border-color .22s ease,
		background-color .22s ease,
		color .22s ease,
		box-shadow .28s ease;
}

.btn:hover,
.btn:focus-visible,
.final-cta__btn:hover,
.final-cta__btn:focus-visible{
	transform:translateY(-3px);
	text-decoration:none!important;
}

.btn__icon,
.btn > *,
.btn::after,
.final-cta__btn span{
	position:relative;
	z-index:1;
	transition:transform .28s cubic-bezier(.16,1,.3,1);
}

.btn:hover .btn__icon,
.btn:focus-visible .btn__icon{
	transform:translateX(2px) rotate(-4deg) scale(1.05);
}

.btn:hover::after,
.btn:focus-visible::after,
.final-cta__btn:hover span,
.final-cta__btn:focus-visible span{
	transform:translateX(5px);
}

.btn--lime:hover,
.btn--lime:focus-visible,
.lead-form__submit:hover,
.lead-form__submit:focus-visible,
.plan-card .btn--lime:hover,
.plan-card .btn--lime:focus-visible,
.plan-card--highlight .btn--lime:hover,
.plan-card--highlight .btn--lime:focus-visible{
	background:#050604!important;
	border-color:#d8ff24!important;
	color:#d8ff24!important;
	box-shadow:
		inset 0 0 0 1px rgba(216,255,36,.26),
		0 0 32px rgba(216,255,36,.20),
		0 18px 48px rgba(0,0,0,.38)!important;
}

.btn--lime:hover svg,
.btn--lime:focus-visible svg,
.lead-form__submit:hover svg,
.lead-form__submit:focus-visible svg{
	color:#d8ff24!important;
	stroke:#d8ff24!important;
}

.btn--ghost:hover,
.btn--ghost:focus-visible,
.btn--hero-ghost:hover,
.btn--hero-ghost:focus-visible,
.footer__ghost:hover,
.footer__ghost:focus-visible{
	border-color:rgba(216,255,36,.64)!important;
	background:rgba(216,255,36,.085)!important;
	color:#d8ff24!important;
	box-shadow:
		inset 0 0 0 1px rgba(216,255,36,.12),
		0 18px 44px rgba(0,0,0,.28);
}

.final-cta{
	padding:56px 0 64px;
	background:
		radial-gradient(circle at 50% 0%,rgba(216,255,36,.075),transparent 28%),
		linear-gradient(180deg,#020302 0%,#050604 48%,#020302 100%);
	color:#f8fbff;
	border-top:1px solid rgba(216,255,36,.12);
}

.final-cta__card{
	width:min(calc(100% - 48px),1100px);
	min-height:280px;
	border-color:rgba(255,255,255,.16);
	border-radius:28px;
	box-shadow:
		0 34px 92px rgba(0,0,0,.48),
		inset 0 1px 0 rgba(255,255,255,.08);
}

.final-cta__card::before{
	background:
		radial-gradient(circle at 50% 45%,rgba(216,255,36,.15),transparent 30%),
		linear-gradient(90deg,rgba(3,4,3,.92),rgba(3,4,3,.68) 45%,rgba(3,4,3,.94)),
		linear-gradient(180deg,rgba(3,4,3,.28),rgba(3,4,3,.88));
}

.final-cta h2{
	font-size:clamp(28px,2.8vw,42px);
	line-height:1;
}

.final-cta h2 em{
	font-size:clamp(28px,2.7vw,41px);
	line-height:1;
}

.final-cta__btn{
	min-height:56px;
	border-radius:999px;
	font-family:var(--font-body);
}

.faq-section{
	padding:clamp(72px,8vw,108px) 0;
}

.faq-copy{
	max-width:390px;
}

.faq-copy h2{
	max-width:390px;
	font-size:clamp(30px,3vw,42px);
	line-height:.98;
}

.faq-copy p{
	max-width:470px;
	margin-top:18px;
	font-size:15px;
	line-height:1.45;
}

.faq-item summary{
	grid-template-columns:38px 1fr 20px;
	gap:16px;
	padding:16px 20px;
}

.faq-item summary strong{
	font-size:clamp(17px,1.12vw,20px);
	line-height:1.08;
}

.faq-answer{
	padding:0 22px 20px 74px;
}

.faq-answer p{
	font-size:15px;
	line-height:1.48;
}

@media (max-width:820px){
	.final-cta{
		padding:44px 0 52px;
	}

	.final-cta__card{
		width:min(calc(100% - 28px),1100px);
		min-height:240px;
		border-radius:22px;
	}

	.faq-copy{
		max-width:620px;
	}
}

@media (max-width:620px){
	.faq-copy h2{
		font-size:30px;
	}

	.faq-copy p,
	.faq-answer p{
		font-size:14.5px;
	}

	.faq-item summary{
		grid-template-columns:32px 1fr 18px;
		padding:15px 14px;
	}

	.faq-item summary strong{
		font-size:17px;
	}

	.faq-answer{
		padding:0 14px 18px 52px;
	}
}

/* Process section simplification */
.process-section{
	padding:92px 0 102px;
	background:#050604;
	border-top:1px solid rgba(255,255,255,.08);
	border-bottom:1px solid rgba(255,255,255,.08);
	overflow:hidden;
}

.process-simple{
	display:grid;
	grid-template-columns:minmax(260px,.58fr) minmax(0,1.2fr);
	gap:clamp(44px,7vw,104px);
	align-items:start;
}

.process-simple__head{
	position:sticky;
	top:128px;
	max-width:470px;
	padding-top:4px;
}

.process-simple__head .clean-kicker{
	margin-bottom:18px;
}

.process-simple__head h2{
	max-width:430px;
	color:#fff;
	font-family:var(--font-display);
	font-size:clamp(38px,4.1vw,58px);
	font-weight:400;
	line-height:.94;
	letter-spacing:0;
}

.process-simple__head p{
	max-width:390px;
	margin-top:20px;
	color:#cbd5e2;
	font-size:16px;
	font-weight:200;
	line-height:1.44;
}

.process-scroll__progress,
.process-scroll__meta{
	display:none!important;
}

.process-track{
	display:grid;
	gap:0;
	padding:0;
	border-top:1px solid rgba(255,255,255,.14);
	border-bottom:1px solid rgba(255,255,255,.14);
}

.process-track::before{
	display:none!important;
}

.process-card.process-card--scroll,
.process-card.process-card--scroll.is-current{
	display:grid;
	grid-template-columns:58px minmax(0,1fr);
	gap:8px 28px;
	min-height:0;
	padding:28px 0;
	border:0;
	border-bottom:1px solid rgba(255,255,255,.12);
	border-radius:0;
	background:transparent;
	box-shadow:none;
	overflow:visible;
	transform:none!important;
}

.process-card.process-card--scroll:last-child{
	border-bottom:0;
}

.process-card.process-card--scroll::before,
.process-card.process-card--scroll::after,
.process-card.process-card--scroll.is-current::after{
	display:none!important;
}

.process-card.process-card--scroll > span{
	grid-column:1;
	grid-row:1 / span 2;
	display:block;
	width:auto;
	height:auto;
	border:0;
	border-radius:0;
	background:transparent;
	color:#d8ff24;
	font-family:var(--font-mono);
	font-size:12px;
	font-weight:500;
	letter-spacing:.08em;
	line-height:1.1;
}

.process-card.process-card--scroll > i,
.process-card.process-card--scroll > svg{
	display:none!important;
}

.process-card.process-card--scroll h3{
	grid-column:2;
	max-width:none;
	margin:0;
	color:#fff;
	font-family:var(--font-display);
	font-size:clamp(25px,2.3vw,34px);
	font-weight:400;
	line-height:1;
}

.process-card.process-card--scroll p{
	grid-column:2;
	max-width:560px;
	margin:0;
	color:#cbd5e2;
	font-size:15px;
	font-weight:200;
	line-height:1.42;
}

.process-card.process-card--scroll:hover{
	border-color:rgba(255,255,255,.18);
	background:transparent;
	box-shadow:none;
}

@media (max-width:900px){
	.process-section{
		padding:72px 0 78px;
	}

	.process-simple{
		grid-template-columns:1fr;
		gap:32px;
	}

	.process-simple__head{
		position:relative;
		top:auto;
		max-width:620px;
	}
}

@media (max-width:620px){
	.process-card.process-card--scroll,
	.process-card.process-card--scroll.is-current{
		grid-template-columns:42px minmax(0,1fr);
		gap:7px 18px;
		padding:22px 0;
	}

	.process-simple__head h2{
		font-size:36px;
	}

	.process-card.process-card--scroll h3{
		font-size:24px;
	}
}

/* Clean footer redesign */
.footer-clean{
	position:relative;
	min-height:0;
	padding:72px 0 28px;
	border-top:1px solid rgba(255,255,255,.08);
	background:
		radial-gradient(circle at 12% 0%,rgba(216,255,36,.055),transparent 26%),
		#020302;
	color:#f8fbff;
	overflow:hidden;
}

.footer-clean::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 42%);
	pointer-events:none;
}

.footer-clean__line{
	position:absolute;
	left:50%;
	top:0;
	width:min(calc(100% - 40px),1180px);
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(216,255,36,.7),rgba(255,255,255,.18),transparent);
	transform:translateX(-50%) scaleX(1);
	pointer-events:none;
}

.footer-clean__inner{
	position:relative;
	z-index:1;
	width:min(calc(100% - 40px),1180px);
	margin-inline:auto;
	display:grid;
	gap:32px;
	padding:0;
	border:0;
	background:transparent;
}

.footer-clean .footer-minimal__hero{
	display:grid;
	grid-template-columns:minmax(260px,480px) minmax(0,1fr);
	gap:clamp(32px,8vw,132px);
	align-items:start;
	padding:0 0 30px;
	border-bottom:1px solid rgba(255,255,255,.11);
}

.footer-clean .footer-minimal__brand{
	display:grid;
	gap:14px;
	max-width:480px;
}

.footer-clean .footer__brand-link{
	width:fit-content;
	display:inline-flex;
}

.footer-clean .footer__brand-logo{
	width:112px;
	height:auto;
	display:block;
}

.footer-clean .footer-minimal__brand p{
	max-width:430px;
	margin:0;
	color:#cbd5e2;
	font-size:15px;
	font-weight:200;
	line-height:1.42;
}

.footer-clean .footer-minimal__cta{
	display:none!important;
}

.footer-clean .footer-minimal__links{
	justify-self:end;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	gap:12px 22px;
	max-width:560px;
	padding:4px 0 0;
	border:0;
}

.footer-clean .footer-minimal__links a[href="#legislacion"],
.footer-clean .footer-minimal__links a[href$=".pdf"]{
	display:none!important;
}

.footer-clean .footer-minimal__links a{
	color:#d9e2ed;
	font-family:var(--font-display);
	font-size:20px;
	font-weight:400;
	line-height:1;
	text-decoration:none;
	transition:color .18s ease,opacity .18s ease,transform .18s ease;
}

.footer-clean .footer-minimal__links a:hover,
.footer-clean .footer-minimal__links a:focus-visible{
	color:#d8ff24;
	transform:translateY(-1px);
}

.footer-clean .footer-minimal__bottom{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:22px;
	color:#7f8997;
	font-size:12px;
	font-weight:300;
}

.footer-clean .footer-minimal__mail{
	color:#d8ff24;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
}

.footer-clean .footer-minimal__mail:hover,
.footer-clean .footer-minimal__mail:focus-visible{
	color:#f8fbff;
}

.footer-clean .footer-minimal__legal{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	gap:14px;
}

.footer-clean .footer-minimal__legal span,
.footer-clean .footer-minimal__legal a{
	color:#7f8997;
	text-decoration:none;
}

.footer-clean .footer-minimal__legal a:hover,
.footer-clean .footer-minimal__legal a:focus-visible{
	color:#d8ff24;
}

@media (max-width:820px){
	.footer-clean{
		padding:58px 0 26px;
	}

	.footer-clean__inner{
		width:min(calc(100% - 32px),1180px);
		gap:26px;
	}

	.footer-clean .footer-minimal__hero{
		grid-template-columns:1fr;
		gap:24px;
	}

	.footer-clean .footer-minimal__links{
		justify-self:start;
		justify-content:flex-start;
	}

	.footer-clean .footer-minimal__links a{
		font-size:19px;
	}

	.footer-clean .footer-minimal__bottom{
		display:grid;
		gap:14px;
	}

	.footer-clean .footer-minimal__legal{
		justify-content:flex-start;
	}
}

/* Four pricing plans */
.prices-section .plan-grid{
	grid-template-columns:repeat(4,minmax(0,1fr));
	max-width:1140px;
	gap:14px;
}

.prices-section .plan-card,
.prices-section .plan-card--highlight{
	min-height:0;
}

@media (max-width:1024px){
	.prices-section .plan-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		max-width:640px;
	}
}

@media (max-width:600px){
	.prices-section .plan-grid{
		grid-template-columns:1fr;
		max-width:360px;
	}
}


/* ===== Banner de cookies ===== */
.cookie-banner{
	position:fixed;
	left:clamp(12px,3vw,28px);
	right:clamp(12px,3vw,28px);
	bottom:clamp(12px,3vw,28px);
	z-index:1200;
	max-width:720px;
	margin-inline:auto;
	background:rgba(16,20,29,.96);
	border:1px solid var(--line);
	border-radius:14px;
	box-shadow:0 18px 50px rgba(0,0,0,.45);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	padding:18px clamp(16px,3vw,24px);
	opacity:0;
	transform:translateY(14px);
	transition:opacity .35s ease,transform .35s ease;
}
.cookie-banner.is-visible{
	opacity:1;
	transform:translateY(0);
}
.cookie-banner__inner{
	display:flex;
	align-items:center;
	gap:18px;
	flex-wrap:wrap;
}
.cookie-banner__text{
	flex:1 1 320px;
	margin:0;
	font-size:13.5px;
	line-height:1.5;
	color:var(--text);
}
.cookie-banner__text a{
	color:var(--lime);
	text-decoration:underline;
}
.cookie-banner__actions{
	display:flex;
	gap:10px;
	flex:0 0 auto;
}
.cookie-banner__btn{
	padding:10px 20px;
	font-size:13.5px;
}
@media (max-width:560px){
	.cookie-banner__inner{flex-direction:column;align-items:stretch;}
	.cookie-banner__text{flex:0 0 auto;}
	.cookie-banner__actions{justify-content:stretch;flex-wrap:wrap;}
	.cookie-banner__btn{flex:1 1 30%;text-align:center;justify-content:center;}
}

/* Panel de configuración de cookies */
.cookie-prefs{
	margin-top:16px;
	padding-top:16px;
	border-top:1px solid var(--line);
	display:grid;
	gap:14px;
}
.cookie-prefs[hidden]{
	display:none;
}
.cookie-prefs__row{
	display:flex;
	align-items:center;
	gap:18px;
	justify-content:space-between;
}
.cookie-prefs__info{
	display:grid;
	gap:3px;
}
.cookie-prefs__info strong{
	font-size:14px;
	color:var(--ink);
}
.cookie-prefs__info span{
	font-size:12.5px;
	line-height:1.45;
	color:var(--muted);
}
.cookie-prefs__actions{
	display:flex;
	justify-content:flex-end;
}
.cookie-switch{
	position:relative;
	flex:0 0 auto;
	display:inline-flex;
	cursor:pointer;
}
.cookie-switch input{
	position:absolute;
	opacity:0;
	width:100%;
	height:100%;
	margin:0;
	cursor:pointer;
}
.cookie-switch__track{
	width:42px;
	height:24px;
	border-radius:999px;
	background:rgba(255,255,255,.16);
	border:1px solid var(--line);
	transition:background .2s ease,border-color .2s ease;
	position:relative;
}
.cookie-switch__track::after{
	content:"";
	position:absolute;
	top:2px;
	left:2px;
	width:18px;
	height:18px;
	border-radius:50%;
	background:#f8fbff;
	transition:transform .2s ease;
}
.cookie-switch input:checked + .cookie-switch__track{
	background:var(--lime);
	border-color:var(--lime);
}
.cookie-switch input:checked + .cookie-switch__track::after{
	transform:translateX(18px);
	background:#050604;
}
.cookie-switch input:focus-visible + .cookie-switch__track{
	outline:2px solid var(--lime);
	outline-offset:2px;
}
.cookie-switch--locked{
	cursor:not-allowed;
	opacity:.7;
}
.cookie-switch--locked input{
	cursor:not-allowed;
}

/* ===== Pulido de espaciado móvil (revisión paddings/márgenes) ===== */
@media (max-width:720px){
	/* Gutter coherente: secciones que iban a ancho completo (tocaban el borde) */
	.process-section .clean-wrap.process-simple,
	.faq-section .faq-wrap{
		width:min(calc(100% - 40px),var(--max));
		margin-inline:auto;
	}

	/* FAQs un punto más grandes y con algo más de aire */
	.faq-item summary{
		padding:16px 14px;
	}
	.faq-item summary strong{
		font-size:18.5px;
		line-height:1.3;
	}
	.faq-num{
		font-size:13px;
	}
	.faq-answer{
		padding:0 14px 16px;
	}
	.faq-answer p{
		font-size:15px;
		line-height:1.55;
	}
}

/* ===== Footer premium centrado + stack (móvil y PC) ===== */
.footer-clean{
	position:relative;
	z-index:20;
	margin-top:-30px;
	padding:clamp(56px,8vw,88px) 0 32px;
	border-top:1px solid rgba(216,255,36,.16);
	border-radius:36px 36px 0 0;
	background:
		radial-gradient(circle at 50% 0%,rgba(216,255,36,.09),transparent 32%),
		linear-gradient(180deg,#050604 0%,#020302 100%);
	box-shadow:0 -42px 96px rgba(0,0,0,.55);
	overflow:hidden;
}

.footer-clean__line{
	left:50%;
	width:min(calc(100% - 80px),340px);
	transform:translateX(-50%);
}

.footer-clean__inner{
	width:min(calc(100% - 40px),720px);
	margin-inline:auto;
	display:grid;
	justify-items:center;
	text-align:center;
	gap:30px;
}

.footer-clean .footer-minimal__hero{
	width:100%;
	grid-template-columns:1fr;
	justify-items:center;
	gap:18px;
	padding:0 0 30px;
	border-bottom:1px solid rgba(255,255,255,.10);
}

.footer-clean .footer-minimal__brand{
	justify-items:center;
	gap:14px;
	max-width:520px;
}

.footer-clean .footer__brand-link{
	margin-inline:auto;
}

.footer-clean .footer__brand-logo{
	width:130px;
}

.footer-clean .footer-minimal__brand p{
	max-width:460px;
	margin:0 auto;
	font-size:15px;
	line-height:1.5;
	text-align:center;
}

.footer-clean .footer-minimal__links{
	justify-self:center;
	justify-content:center;
	gap:14px 26px;
	max-width:620px;
	padding:0;
}

.footer-clean .footer-minimal__links a{
	font-size:21px;
}

.footer-clean .footer-minimal__bottom{
	width:100%;
	display:grid;
	justify-items:center;
	gap:14px;
	padding-top:4px;
	text-align:center;
}

.footer-clean .footer-minimal__mail{
	font-size:15px;
	font-weight:500;
}

.footer-clean .footer-minimal__legal{
	justify-content:center;
	gap:14px;
}

@media (max-width:560px){
	.footer-clean{
		border-radius:28px 28px 0 0;
	}
	.footer-clean .footer-minimal__links{
		gap:12px 20px;
	}
	.footer-clean .footer-minimal__links a{
		font-size:19px;
	}
}

/* ===== Fixes móvil: fecha sección 2 alineada + CTA final más contenido ===== */
@media (max-width:720px){
	.solve-proof{
		align-items:flex-start;
	}
	.final-cta h2{
		font-size:clamp(25px,6.5vw,40px);
		line-height:1;
	}
	.final-cta h2 em{
		font-size:clamp(25px,6.7vw,41px);
		line-height:1;
	}
}

/* ===== "Cómo funciona" replanteado: stepper horizontal premium ===== */
.steps-section .steps-head{
	display:grid;
	justify-items:center;
	text-align:center;
	gap:14px;
	max-width:680px;
	margin:0 auto clamp(40px,5vw,60px);
}
.steps-section .steps-head h2{
	font-size:clamp(40px,4.6vw,68px);
	line-height:.94;
}
.steps-section .steps-head p{
	max-width:540px;
	margin:0;
	color:#cbd5e2;
	font-weight:200;
	line-height:1.5;
}
.steps-row{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:clamp(16px,2.2vw,28px);
}
.steps-row::before{
	content:"";
	position:absolute;
	top:67px;
	left:16%;
	right:16%;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(216,255,36,.45) 12%,rgba(216,255,36,.45) 88%,transparent);
	z-index:0;
}
.step-card{
	position:relative;
	z-index:1;
	display:grid;
	justify-items:center;
	text-align:center;
	gap:14px;
	padding:36px 26px 34px;
	border:1px solid rgba(255,255,255,.10);
	border-radius:22px;
	background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
	transition:border-color .25s ease,transform .25s ease;
}
.step-card:hover{
	border-color:rgba(216,255,36,.35);
	transform:translateY(-3px);
}
.step-card__num{
	display:inline-grid;
	place-items:center;
	width:62px;
	height:62px;
	border-radius:50%;
	border:1px solid rgba(216,255,36,.42);
	background:#0b0e08;
	color:#d8ff24;
	font-family:var(--font-display);
	font-size:25px;
	line-height:1;
}
.step-card h3{
	font-family:var(--font-display);
	font-size:clamp(22px,1.9vw,27px);
	line-height:1.06;
	color:#f6f9ff;
}
.step-card p{
	max-width:240px;
	margin:0;
	color:#aeb8c6;
	font-size:14.5px;
	line-height:1.5;
}

@media (max-width:720px){
	.steps-section .steps-head{
		justify-items:start;
		text-align:left;
		margin-bottom:30px;
	}
	.steps-section .steps-head p{
		text-align:left;
	}
	.steps-row{
		grid-template-columns:1fr;
		gap:14px;
	}
	.steps-row::before{
		display:none;
	}
	.step-card{
		grid-template-columns:54px 1fr;
		justify-items:start;
		text-align:left;
		align-items:center;
		gap:6px 18px;
		padding:22px 20px;
	}
	.step-card__num{
		grid-row:span 2;
		width:54px;
		height:54px;
		font-size:22px;
	}
	.step-card h3{
		align-self:end;
	}
	.step-card p{
		align-self:start;
		max-width:none;
	}
}

@media (max-width:720px){
	/* gutter del nuevo stepper (igual que el resto de secciones) */
	.process-section .clean-wrap.steps-wrap{
		width:min(calc(100% - 40px),var(--max));
		margin-inline:auto;
	}
}

/* ===== Fix alineación footer (bloque legal centrado) ===== */
.footer-clean .footer-minimal__bottom{
	display:flex;
	flex-direction:column;
	align-items:center;
}
.footer-clean .footer-minimal__legal{
	justify-content:center;
	margin-inline:auto;
	text-align:center;
}

/* ===== Página guía / pilar (/deca/) ===== */
.guide-page .clean-kicker{
	display:block;
	margin-bottom:14px;
}
.guide-breadcrumb{
	font-size:13px;
	color:var(--muted);
	margin-bottom:18px;
}
.guide-breadcrumb a{
	color:var(--moss);
	text-decoration:none;
}
.guide-breadcrumb a:hover{
	color:var(--lime);
}
.guide-page h1 .hl{
	color:var(--lime);
}
.guide-answer{
	max-width:74ch;
	margin:22px 0 8px;
	padding:20px 22px;
	border:1px solid var(--line);
	border-left:3px solid var(--lime);
	border-radius:12px;
	background:rgba(255,255,255,.03);
	color:var(--subtle);
	font-size:17px;
	line-height:1.55;
}
.guide-toc{
	max-width:74ch;
	margin:26px 0 8px;
	padding:20px 24px;
	border:1px solid var(--line);
	border-radius:14px;
	background:rgba(255,255,255,.02);
}
.guide-toc strong{
	display:block;
	margin-bottom:12px;
	font-family:var(--font-mono);
	font-size:12px;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--lime);
}
.guide-toc ol{
	margin:0;
	padding-left:20px;
	columns:2;
	gap:24px;
	color:var(--text);
}
.guide-toc li{
	margin-bottom:8px;
	break-inside:avoid;
}
.guide-toc a{
	color:var(--text);
	text-decoration:none;
}
.guide-toc a:hover{
	color:var(--lime);
	text-decoration:underline;
}
.guide-page .legal-page__body{
	max-width:74ch;
}
.guide-page .legal-page__body h2{
	scroll-margin-top:96px;
	margin-top:40px;
	font-size:clamp(24px,2.4vw,32px);
}
.guide-note{
	font-size:13.5px;
	color:var(--muted);
	font-style:italic;
}
.guide-cta{
	margin:34px 0;
	padding:28px 26px;
	border:1px solid rgba(216,255,36,.28);
	border-radius:18px;
	background:radial-gradient(circle at 0% 0%,rgba(216,255,36,.10),transparent 60%),rgba(255,255,255,.02);
	text-align:center;
}
.guide-cta strong{
	display:block;
	font-family:var(--font-display);
	font-size:clamp(22px,2.4vw,28px);
	color:var(--ink);
}
.guide-cta p{
	margin:8px 0 18px;
	color:var(--muted);
}
.guide-page .faq-list{
	margin-top:18px;
}
.guide-back{
	margin-top:36px;
	padding-top:20px;
	border-top:1px solid var(--line);
	font-size:14px;
}
.guide-back a{
	color:var(--moss);
	text-decoration:none;
}
.guide-back a:hover{
	color:var(--lime);
}
@media (max-width:720px){
	.guide-toc ol{
		columns:1;
	}
}

/* ===== Guía a dos columnas: contenido + barra lateral ===== */
.guide-layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 320px;
	gap:clamp(28px,3.5vw,52px);
	align-items:start;
}
.guide-main{
	min-width:0;
}
.guide-layout .legal-page__body{
	max-width:none;
}
.guide-layout .guide-figure,
.guide-layout .guide-toc{
	margin-top:0;
}
/* Imagen de cabecera más contenida en escritorio */
.guide-layout .guide-figure img{
	width:100%;
	max-height:300px;
	object-fit:cover;
}

/* Barra lateral (sticky) con varios bloques */
.guide-related{
	position:sticky;
	top:96px;
	display:flex;
	flex-direction:column;
	gap:16px;
}
.guide-side{
	padding:20px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:18px;
	background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
}
.guide-side--cta{
	border-color:rgba(216,255,36,.35);
	background:linear-gradient(180deg,rgba(216,255,36,.10),rgba(216,255,36,.02));
}
.guide-side--cta strong{
	display:block;
	font-family:var(--font-display);
	font-weight:400;
	font-size:22px;
	line-height:1.1;
	color:var(--ink);
	margin-bottom:8px;
}
.guide-side--cta p{
	font-size:14px;
	line-height:1.45;
	color:var(--text);
	margin:0 0 14px;
}
.guide-side--cta .btn{
	display:flex;
	width:100%;
	font-family:var(--font-body);
	font-size:14px;
	font-weight:600;
	letter-spacing:.01em;
}
.guide-side__info{
	font-size:14px;
	line-height:1.5;
	color:var(--text);
	margin:0 0 10px;
}
.guide-side__link{
	display:inline-block;
	font-size:14px;
	color:var(--moss);
	text-decoration:none!important;
}
.guide-side__link:hover,
.guide-side__link:focus-visible{
	color:var(--lime);
}
.guide-related__title{
	display:block;
	font-family:var(--font-body);
	font-size:12px;
	letter-spacing:.09em;
	text-transform:uppercase;
	color:var(--moss);
	margin-bottom:6px;
}
.guide-related__list{
	list-style:none;
	margin:0;
	padding:0;
}
.guide-related__list a{
	display:block;
	padding:12px 0;
	border-top:1px solid rgba(255,255,255,.09);
	text-decoration:none!important;
	color:inherit;
}
.guide-related__list li:first-child a{
	border-top:0;
}
.guide-related__tag{
	display:block;
	font-size:11px;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--moss);
	margin-bottom:4px;
}
.guide-related__h{
	display:block;
	font-size:15px;
	line-height:1.28;
	color:var(--ink);
	transition:color .18s ease;
}
.guide-related__list a:hover .guide-related__h,
.guide-related__list a:focus-visible .guide-related__h{
	color:var(--lime);
}
/* En móvil/tablet: una sola columna y todo apilado abajo */
@media (max-width:820px){
	.guide-layout{
		grid-template-columns:1fr;
	}
	.guide-layout .guide-figure img{
		max-height:none;
	}
	.guide-related{
		position:static;
		margin-top:8px;
	}
}

/* ===== Descarga de la última resolución (Normativa) ===== */
.legal-showcase__latest{
	margin-bottom:10px;
}
.legal-showcase__download{
	margin:0 0 18px;
}
.legal-showcase__download .btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
}

/* ===== Hover del botón CTA de la cabecera ===== */
.site-header .nav__cta{
	transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
}
.site-header .nav__list a.nav__cta:hover,
.site-header .nav__list a.nav__cta:focus-visible{
	background:#e8ff63!important;
	border-color:#e8ff63!important;
	color:#050604!important;
	box-shadow:0 8px 26px rgba(216,255,36,.34)!important;
}

/* ===== Enlace interno hacia la guía pilar ===== */
.guide-link{
	margin-top:18px;
}
.guide-link a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:var(--lime);
	font-weight:500;
	text-decoration:none;
	border-bottom:1px solid rgba(216,255,36,.4);
	padding-bottom:2px;
	transition:color .2s ease,border-color .2s ease;
}
.guide-link a:hover{
	color:#e8ff63;
	border-color:#e8ff63;
}

/* ===== Índice de blog (tarjetas) ===== */
.blog-grid{
	list-style:none;
	margin:34px 0 0;
	padding:0;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:24px;
}
@media (max-width:720px){
	.blog-grid{
		grid-template-columns:1fr;
		gap:18px;
	}
}
.blog-card{
	display:flex;
}
.blog-card a{
	display:flex;
	flex-direction:column;
	gap:10px;
	width:100%;
	padding:26px 24px;
	border:1px solid var(--line);
	border-radius:18px;
	background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
	text-decoration:none;
	transition:border-color .22s ease,transform .22s ease;
}
.blog-card a:hover{
	border-color:rgba(216,255,36,.35);
	transform:translateY(-3px);
}
.blog-card__tag{
	align-self:flex-start;
	font-family:var(--font-mono);
	font-size:11px;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:#050604;
	background:var(--lime);
	padding:4px 10px;
	border-radius:999px;
}
.blog-card h2{
	margin:0;
	font-family:var(--font-display);
	font-size:clamp(20px,1.9vw,25px);
	line-height:1.1;
	color:#f6f9ff;
}
.blog-card p{
	margin:0;
	color:#aeb8c6;
	font-size:14.5px;
	line-height:1.5;
}
.blog-card__more{
	margin-top:auto;
	color:var(--lime);
	font-weight:500;
	font-size:14px;
}

/* ===== Tabla y checklist de las guías ===== */
.guide-table{
	max-width:74ch;
	margin:18px 0;
	border:1px solid var(--line);
	border-radius:12px;
	overflow:hidden;
}
.guide-table [role="row"]{
	display:grid;
	grid-template-columns:minmax(140px,200px) 1fr;
	gap:16px;
	padding:14px 18px;
	border-bottom:1px solid var(--line);
}
.guide-table [role="row"]:last-child{
	border-bottom:0;
}
.guide-table [role="rowheader"]{
	color:var(--lime);
	font-weight:500;
}
.guide-table [role="cell"]{
	color:var(--text);
}
.guide-checklist{
	max-width:74ch;
	list-style:none;
	margin:14px 0;
	padding:0;
}
.guide-checklist li{
	position:relative;
	padding:8px 0 8px 32px;
	border-bottom:1px solid rgba(255,255,255,.06);
	color:var(--text);
}
.guide-checklist li::before{
	content:"✓";
	position:absolute;
	left:0;
	top:8px;
	width:20px;
	height:20px;
	display:inline-grid;
	place-items:center;
	border-radius:50%;
	background:rgba(216,255,36,.16);
	color:var(--lime);
	font-size:12px;
}
@media (max-width:560px){
	.guide-table [role="row"]{
		grid-template-columns:1fr;
		gap:4px;
	}
}

/* ===== Checklist DeCA 2026 (recurso descargable) ===== */
.checklist-actions{
	display:flex;
	gap:12px;
	flex-wrap:wrap;
	margin:22px 0 4px;
}
.checklist-doc{
	max-width:74ch;
	margin-top:10px;
}
.checklist-doc h2{
	margin-top:28px;
	font-size:clamp(20px,2vw,26px);
	color:var(--ink);
}
.checklist-group{
	list-style:none;
	margin:12px 0 0;
	padding:0;
	display:grid;
	gap:8px;
}
.checklist-group label{
	display:flex;
	gap:12px;
	align-items:flex-start;
	cursor:pointer;
	padding:11px 14px;
	border:1px solid var(--line);
	border-radius:10px;
	color:var(--text);
	line-height:1.45;
	transition:border-color .15s ease,background .15s ease;
}
.checklist-group label:hover{
	border-color:rgba(216,255,36,.35);
}
.checklist-group label:has(input:checked){
	background:rgba(216,255,36,.07);
	border-color:rgba(216,255,36,.42);
}
.checklist-group input[type="checkbox"]{
	margin-top:2px;
	width:18px;
	height:18px;
	accent-color:#d8ff24;
	flex:0 0 auto;
	cursor:pointer;
}

@media print{
	.site-header,.footer,.cookie-banner,.to-top,.mobilecta,
	.checklist-actions,.guide-cta,.guide-breadcrumb,.guide-back,
	.guide-link,.skip-link{
		display:none!important;
	}
	html,body{
		background:#fff!important;
		color:#111!important;
	}
	.guide-page,.legal-page__body,.guide-answer,
	.guide-page h1,.checklist-doc h2,.checklist-group label,.clean-kicker{
		color:#111!important;
		background:transparent!important;
	}
	.guide-page h1 .hl{color:#111!important;}
	.guide-answer{border:1px solid #ccc!important;}
	.checklist-group label{border:1px solid #bbb!important;}
	a{color:#111!important;text-decoration:none!important;}
}

/* ===== Sin líneas separadoras entre secciones ===== */
.solve-section,
.process-section,
.steps-section,
.legal-showcase,
.prices-section,
.faq-section,
.contact-clean,
.final-cta,
.clean-section,
.clean-section--first,
.parallax-stack-ready .solve-section{
	border-top:0 !important;
	border-bottom:0 !important;
}
.solve-section::before,
.parallax-stack-ready .solve-section::before{
	display:none !important;
}

/* ===== Imagen de cabecera en artículos/guías ===== */
.guide-figure{
	margin:24px 0 6px;
}
.guide-figure img{
	width:100%;
	height:auto;
	display:block;
	border-radius:16px;
	border:1px solid var(--line);
}
.guide-figure figcaption{
	margin-top:8px;
	font-size:12.5px;
	color:var(--muted);
}

/* ===== Imagen destacada en tarjetas del blog ===== */
.blog-card__img{
	width:100%;
	aspect-ratio:16/10;
	object-fit:cover;
	border-radius:12px;
	display:block;
	margin-bottom:2px;
	background:rgba(255,255,255,.04);
}
/* La cabecera de artículo recorta a banner para uniformar verticales/horizontales */
.guide-figure img{
	aspect-ratio:16/9;
	object-fit:cover;
}

/* =========================================================================
   PRICING · "Silencio Editorial" — DISEÑO FINAL DE PRODUCCIÓN (2026-07-12)
   Append-only. Gana por especificidad con  .prices-section .plan-card  (home)
   y  .guide-page .plan-card  (/precios/). Controla TODO el aspecto de las
   4 tarjetas. Sin cambios de HTML (usa el orden natural del DOM).

   Fixes del jurado aplicados:
   · La price line va BAJO el nombre -> queda alineada en toda la fila vía el
     min-height del h3 (no depende del subtítulo, que era lo que la desalineaba).
   · Bordes hardcodeados: NO var(--line) (un :root posterior, L4066, lo baja a .11
     y el hover .11->.13 sería invisible). base .14 / hover .26 = definición real.
   · Price line en var(--muted) (normal) y var(--ink) (destacada): jerarquía tonal
     real (--subtle es #eef3ff, casi blanco, e invertía la jerarquía).
   · Dot semántico: ANILLO lima = "Consultar" (consulta) · DISCO lima = "Compra única".
   · Glow lima de la destacada CONTENIDO (sin neón): inset 1px + sombra lima mínima.
   · Botón 100% autocontenido (display/justify/gap/padding/radius propios). Se
     preserva la flecha -> (.btn::after global: el neutralizador solo toca los
     pseudos de la TARJETA, nunca .btn::after).
   · CERO transform (respeta .reveal / .plan-card{transform:none!important}); no
     necesita un solo !important y no pelea con la cascada.
   · Lima y verde tokenizados con color-mix(var(--lime)/#4ade80); bordes en rgba
     literal a propósito (para NO depender del --line redefinido).
   ========================================================================= */

/* ---------- Rejilla (reafirmada; no depende de overrides previos) -------- */
.prices-section .plan-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
  margin-top:8px;
}
.guide-page .plan-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

/* ---------- Tarjeta ------------------------------------------------------ */
.prices-section .plan-card,
.guide-page .plan-card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  box-sizing:border-box;
  padding:28px 24px 24px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  overflow:hidden;
  isolation:isolate;
  -webkit-font-smoothing:antialiased;
  transition:border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
/* neutraliza barras/ribbons/pseudos de rediseños anteriores.
   OJO: solo pseudos de la TARJETA; NO toca .btn::after (la flecha ->). */
.prices-section .plan-card::before,
.prices-section .plan-card::after,
.guide-page .plan-card::before,
.guide-page .plan-card::after{content:none;background:none;border:0;box-shadow:none;}

.prices-section .plan-card:hover,
.guide-page .plan-card:hover{
  border-color:rgba(255,255,255,.26);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.016));
  box-shadow:0 24px 60px -34px rgba(0,0,0,.85);
}

/* ---------- Tag / kicker (mono) ----------------------------------------- */
.prices-section .plan-card__tag,
.guide-page .plan-card__tag{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  margin:0 0 18px;
  padding:0;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.14em;
  text-transform:uppercase;
  line-height:1;
  color:var(--muted);
}

/* ---------- Nombre del plan (Instrument Serif = único protagonista) ------ */
.prices-section .plan-card h3,
.guide-page .plan-card h3{
  margin:0;
  padding:0;
  min-height:2.3em;            /* reserva ~2 líneas -> price line alineada en la fila */
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(21px,1.8vw,24px);
  line-height:1.14;
  letter-spacing:-.01em;
  color:var(--ink);
  text-wrap:balance;
}

/* ---------- Precio SIN número · línea de especificación ------------------
   Va justo bajo el nombre, con hairline superior: alineada en toda la fila. */
.prices-section .plan-card strong,
.guide-page .plan-card strong{
  align-self:stretch;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding:16px 0 0;
  background:none;
  border:0;
  border-top:1px solid rgba(255,255,255,.09);
  border-radius:0;
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
  line-height:1;
  color:var(--muted);
}
/* ANILLO lima = consulta ("Consultar tarifa" / "Consultar tarifas") */
.prices-section .plan-card strong::before,
.guide-page .plan-card strong::before{
  content:"";
  flex:0 0 auto;
  width:8px;height:8px;
  border-radius:50%;
  background:transparent;
  border:1.5px solid var(--lime);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 12%,transparent);
}
/* DISCO lima = modelo de precio real ("Compra única", 4ª tarjeta) */
.prices-section .plan-card:nth-child(4) strong::before,
.guide-page .plan-card:nth-child(4) strong::before{
  background:var(--lime);
  border-color:var(--lime);
}

/* ---------- Subtítulo / público objetivo -------------------------------- */
.prices-section .plan-card__volume,
.guide-page .plan-card__volume{
  margin:12px 0 20px;
  padding:0;
  font-family:var(--font-body);
  font-size:13.5px;
  font-weight:400;
  line-height:1.5;
  color:var(--muted);
}

/* ---------- Lista de features (spec-sheet + check verde refinado) -------- */
.prices-section .plan-card ul,
.guide-page .plan-card ul{
  list-style:none;
  margin:0 0 24px;
  padding:0;
  display:flex;
  flex-direction:column;
}
.prices-section .plan-card li,
.guide-page .plan-card li{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0;
  padding:12px 0;
  border:0;
  border-top:1px solid rgba(255,255,255,.09);
  font-family:var(--font-body);
  font-size:13.5px;
  font-weight:400;
  line-height:1.45;
  color:var(--text);
}
.prices-section .plan-card li::before,
.guide-page .plan-card li::before{
  content:"\2713";
  position:static;
  flex:0 0 auto;
  width:19px;height:19px;
  margin-top:.5px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:color-mix(in srgb,#4ade80 14%,transparent);
  color:#4ade80;
  font-size:11px;
  font-weight:700;
  line-height:1;
  box-shadow:none;
}
/* mata cualquier "tick dibujado" ::after de rediseños previos */
.prices-section .plan-card li::after,
.guide-page .plan-card li::after{content:none;}

/* ---------- CTA anclada abajo (100% autocontenida) ---------------------- */
.prices-section .plan-card .btn,
.guide-page .plan-card .btn{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;   /* texto izq · flecha der (.btn::after) */
  gap:12px;
  width:100%;
  min-height:46px;
  margin-top:auto;                 /* ancla el CTA -> alturas uniformes */
  padding:0 16px;
  border-radius:10px;
  font-family:var(--font-body);
  font-size:14px;
  font-weight:600;
  letter-spacing:0;
  text-decoration:none;
}
.prices-section .plan-card .btn--ghost,
.guide-page .plan-card .btn--ghost{
  border:1px solid rgba(255,255,255,.16);
  background:transparent;
  color:var(--ink);
}
.prices-section .plan-card .btn--lime,
.guide-page .plan-card .btn--lime{
  border:1px solid var(--lime);
  background:var(--lime);
  color:var(--dark);
}

/* =========================================================================
   Destacada · "Recomendado" — elevación silenciosa (sin neón)
   ========================================================================= */
.prices-section .plan-card--highlight,
.guide-page .plan-card--highlight{
  border-color:color-mix(in srgb,var(--lime) 38%,transparent);
  background:linear-gradient(180deg,
              color-mix(in srgb,var(--lime) 7%,transparent),
              rgba(255,255,255,.012));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--lime) 14%,transparent),
    0 24px 60px -34px rgba(0,0,0,.85),
    0 10px 44px -34px color-mix(in srgb,var(--lime) 24%,transparent);
}
.prices-section .plan-card--highlight:hover,
.guide-page .plan-card--highlight:hover{
  border-color:color-mix(in srgb,var(--lime) 52%,transparent);
  background:linear-gradient(180deg,
              color-mix(in srgb,var(--lime) 9%,transparent),
              rgba(255,255,255,.016));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--lime) 20%,transparent),
    0 30px 70px -34px rgba(0,0,0,.9),
    0 12px 50px -34px color-mix(in srgb,var(--lime) 30%,transparent);
}
/* único badge sólido lima de toda la sección */
.prices-section .plan-card--highlight .plan-card__tag,
.guide-page .plan-card--highlight .plan-card__tag{
  min-height:24px;
  padding:0 11px;
  border-radius:100px;
  background:var(--lime);
  color:var(--dark);
  font-weight:600;
  letter-spacing:.12em;
}
/* price line más luminosa en la destacada (jerarquía tonal real vs. --muted) */
.prices-section .plan-card--highlight strong,
.guide-page .plan-card--highlight strong{background:none;color:var(--ink);}
.prices-section .plan-card--highlight strong::before,
.guide-page .plan-card--highlight strong::before{
  box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 20%,transparent);
}

/* =========================================================================
   Responsive · home 4->2->1 · /precios/ 2->2->1
   ========================================================================= */
@media (max-width:1024px){
  .prices-section .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
}
@media (max-width:720px){
  .prices-section .plan-grid,
  .guide-page .plan-grid{grid-template-columns:1fr;gap:14px;}
  .prices-section .plan-card,
  .guide-page .plan-card{padding:24px 22px 22px;}
  .prices-section .plan-card h3,
  .guide-page .plan-card h3{min-height:0;}   /* en 1 columna no hace falta reservar */
}

/* ===== Formulario: campo <select> "Plan de interés" (13 jul 2026) ===== */
.lead-form__field--select{ cursor:pointer; }
.lead-form__field select{
	width:100%;
	height:30px;
	margin:0;
	padding:0 24px 0 0;
	border:0;
	border-radius:0;
	background-color:transparent;
	color:#fff;
	font-family:var(--font-body);
	font-size:16px;
	font-weight:300;
	line-height:1.2;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23aeb9c8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right center;
}
.lead-form__field select:focus{ outline:none; }
.lead-form__field select:required:invalid{ color:rgba(229,237,247,.46); }
.lead-form__field select option{ color:#111; background:#fff; }
.lead-form__field select option[disabled]{ color:#8a8a8a; }
.lead-form__field:has(select.is-error){ border-color:var(--err); }

/* ===== Selector "Plan de interés" custom (dropdown oscuro premium) 13 jul 2026 ===== */
.lead-form__field--select{ position:relative; }
.lead-select__native{
	position:absolute; left:0; bottom:0;
	width:1px; height:1px; margin:0; padding:0;
	opacity:0; pointer-events:none;
}
.lead-select__trigger{
	display:flex; align-items:center; justify-content:space-between; gap:10px;
	width:100%; height:30px; margin:0; padding:0;
	border:0; background:transparent;
	color:#fff; font-family:var(--font-body); font-size:16px; font-weight:300; line-height:1.2;
	text-align:left; cursor:pointer;
}
.lead-select__trigger:focus{ outline:none; }
.lead-select__value.is-placeholder{ color:rgba(229,237,247,.46); }
.lead-select__chev{ flex:0 0 auto; color:#aeb9c8; transition:transform .2s ease; }
.lead-select__trigger[aria-expanded="true"] .lead-select__chev{ transform:rotate(180deg); }
.lead-select__menu{
	position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:40;
	margin:0; padding:6px; list-style:none;
	background:#14161c;
	border:1px solid rgba(255,255,255,.14);
	border-radius:12px;
	box-shadow:0 24px 60px -20px rgba(0,0,0,.85);
	max-height:262px; overflow:auto;
}
.lead-select__menu[hidden]{ display:none; }
.lead-select__option{
	padding:11px 12px; border-radius:8px;
	color:var(--text); font-family:var(--font-body); font-size:15px; line-height:1.2;
	cursor:pointer; transition:background .12s ease, color .12s ease;
}
.lead-select__option.is-active{
	background:color-mix(in srgb, var(--lime) 15%, transparent);
	color:#fff;
}
.lead-select__option[aria-selected="true"]{ color:var(--lime); font-weight:500; }
.lead-select__option[aria-selected="true"].is-active{ color:#fff; }

/* ===== Ajustes móvil (13 jul 2026): espaciados de sección + CTA menú ===== */
@media (max-width:720px){
	.clean-section,
	.clean-section--first,
	.clean-section--dark,
	.clean-section--prices,
	.faq-section,
	.clean-section.contact-clean{
		padding-top:46px;
		padding-bottom:48px;
	}
	.legal-showcase{
		padding-top:42px;
		padding-bottom:44px;
	}
	.final-cta{
		padding-top:36px;
		padding-bottom:44px;
	}
}
/* Botón "Contacto" del menú móvil: centrado, sin borde inferior, buen tap-target */
@media (max-width:1024px){
	.site-header .nav__list a.nav__cta{
		justify-content:center;
		border:0;
		border-bottom:0;
		margin-top:16px;
		padding:14px 20px;
		min-height:50px;
		font-weight:600;
	}
}

/* ===== Dossier destacado en el recuadro de precios (13 jul 2026) ===== */
.prices-note a.prices-note__dossier{
	display:inline-flex;
	align-items:center;
	gap:8px;
	justify-self:start;
	padding:10px 18px;
	border-radius:999px;
	background:var(--lime);
	color:#151515;
	font-weight:600;
	font-size:14px;
	white-space:nowrap;
	box-shadow:0 6px 20px rgba(216,255,36,.22);
	transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.prices-note a.prices-note__dossier svg{ flex:0 0 auto; }
.prices-note a.prices-note__dossier:hover{
	transform:translateY(-1px);
	background:#e7ff5a;
	color:#151515;
	box-shadow:0 10px 28px rgba(216,255,36,.34);
}

/* ===== Selector "Plan" nativo (revert 15 jul 2026): fiable + dropdown oscuro ===== */
.lead-form__field select{
	color-scheme:dark;
}
.lead-form__field select option{
	background:#1c1c1e;
	color:#f4f7fb;
}
.lead-form__field select option:disabled{
	color:#8a8a8a;
}

/* =========================================================================
   ===== BonoDeCA =====   (bloque nuevo · septiembre 2026)

   Sección hermana de la de los 4 planes: va DEBAJO de #precios y FUERA de él
   (el menú y los sitelinks de Ads anclan a #precios).

   Contrato de marcado:

   <section class="clean-section clean-section--prices prices-section bono-section" id="bonodeca">
   	<div class="clean-wrap">
   		<div class="clean-head reveal">  kicker + h2 + p  </div>
   		<article class="plan-card bono-card reveal">
   			<div class="bono-card__body">  tag + h3 + .plan-card__volume + ul  </div>
   			<div class="bono-buy">  .bono-price + .bono-price__unit + .btn.btn--lime + .bono-note  </div>
   		</article>
   		<ol class="steps-row bono-steps">  3 x .step-card  </ol>
   	</div>
   </section>

   Se reutiliza todo lo que ya existe (fondo de sección, tipografía, checks
   verdes de la lista, botón lima, hover, paddings, breakpoints). Lo único
   nuevo es lo que hay aquí abajo.

   Reglas del fichero que este bloque respeta:
   · CERO transform (hay .plan-card{transform:none!important} en L4435).
   · Bordes en rgba()/color-mix() literales, nunca var(--line): un :root
	 posterior (L4066) lo baja a .11 y los hovers no se verían.
   · La flecha "→" la inyecta .btn::after; no se escribe en el HTML.
   · La tarjeta NO va dentro de .plan-grid: rompería el repeat(4) y
	 desplazaría el :nth-child(4) que da el disco lima a "Infinity".
   · Append-only: los empates de especificidad los resuelve el orden, que es
	 como funciona el resto del fichero.
   ========================================================================= */

/* ---------- Sección ------------------------------------------------------ */
.prices-section.bono-section{
	padding-top:clamp(46px,5.4vw,72px);
	padding-bottom:clamp(56px,6vw,88px);
	background:
		radial-gradient(120% 62% at 50% 0%,rgba(216,255,36,.055),transparent 62%),
		#050604;
}
/* hairline lima: separa del bloque de los 4 planes sin cambiar de fondo */
.prices-section.bono-section::before{
	content:"";
	display:block;
	position:absolute;
	left:var(--gutter);
	right:var(--gutter);
	top:0;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(216,255,36,.30),transparent);
}
.bono-section .clean-kicker{
	color:var(--lime);
}
/* el titular del cliente es largo: baja de escala para no competir con el
   "Cuatro planes, soluciones a tu medida." de arriba */
.prices-section.bono-section .clean-head h2{
	max-width:720px;
	font-size:clamp(28px,3.1vw,44px);
	line-height:1.04;
	text-wrap:balance;
}

/* ---------- Tarjeta única y ancha ---------------------------------------- */
.bono-section .bono-card{
	display:grid;
	grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
	align-items:stretch;
	gap:clamp(22px,3vw,44px);
	height:auto;
	padding:clamp(24px,2.8vw,36px);
	border-color:color-mix(in srgb,var(--lime) 30%,transparent);
	background:linear-gradient(180deg,color-mix(in srgb,var(--lime) 6%,transparent),rgba(255,255,255,.014));
	box-shadow:
		inset 0 0 0 1px color-mix(in srgb,var(--lime) 12%,transparent),
		0 24px 60px -34px rgba(0,0,0,.85);
}
.bono-section .bono-card:hover{
	border-color:color-mix(in srgb,var(--lime) 46%,transparent);
	background:linear-gradient(180deg,color-mix(in srgb,var(--lime) 8%,transparent),rgba(255,255,255,.018));
	box-shadow:
		inset 0 0 0 1px color-mix(in srgb,var(--lime) 18%,transparent),
		0 28px 66px -34px rgba(0,0,0,.9);
}
.bono-card__body{
	display:flex;
	flex-direction:column;
}
.bono-section .bono-card h3{
	min-height:0;                 /* es una sola tarjeta: no hay fila que alinear */
	font-size:clamp(24px,2.4vw,32px);
}
/* la tarjeta es ancha: la lista de características va a dos columnas */
.bono-section .bono-card ul{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	column-gap:clamp(20px,2.4vw,32px);
	margin:0;
}
/* aquí no hay "price line" de plan: cualquier <strong> es énfasis normal */
.bono-section .bono-card strong:not([class]){
	display:inline;
	margin:0;
	padding:0;
	border:0;
	background:none;
	font-family:inherit;
	font-size:inherit;
	font-weight:500;
	letter-spacing:normal;
	line-height:inherit;
	text-transform:none;
	white-space:normal;
	color:inherit;
}
.bono-section .bono-card strong:not([class])::before{content:none;}

/* ---------- Panel de compra (sirve suelto en la landing /bonodeca/) ------ */
.bono-buy{
	display:flex;
	flex-direction:column;
	gap:12px;
	padding:clamp(18px,2.2vw,26px);
	border:1px solid rgba(255,255,255,.13);
	border-radius:12px;
	background:rgba(0,0,0,.30);
}
.bono-buy .btn{
	width:100%;
	justify-content:space-between;
	border-radius:10px;
}

/* ---------- Precio destacado "20 € + IVA" -------------------------------- */
.bono-price{
	display:block;
	margin:0;
	padding:0;
	font-family:var(--font-display);
	font-weight:400;
	font-size:clamp(38px,4.4vw,56px);
	line-height:1;
	letter-spacing:-.01em;
	color:var(--ink);
}
.bono-price__tax{
	margin-left:6px;
	font-family:var(--font-mono);
	font-size:13px;
	font-weight:500;
	letter-spacing:.12em;
	text-transform:uppercase;
	white-space:nowrap;
	color:var(--muted);
}
/* precio unitario, mismo patrón mono que la price line de los planes, con
   DISCO lima sólido = precio real (el anillo es "consultar tarifa").
   SIN text-transform: en mayúsculas "DeCA" saldría escrito "DECA". */
.bono-price__unit{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0;
	padding-top:12px;
	border-top:1px solid rgba(255,255,255,.10);
	font-family:var(--font-mono);
	font-size:12px;
	font-weight:500;
	letter-spacing:.06em;
	line-height:1.3;
	color:var(--muted);
}
.bono-price__unit::before{
	content:"";
	flex:0 0 auto;
	width:8px;
	height:8px;
	border-radius:50%;
	background:var(--lime);
	box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 14%,transparent);
}

/* ---------- Letra pequeña: caducidad al año y DeCA adicionales ----------- */
.bono-note{
	margin:0;
	color:var(--muted);
	font-family:var(--font-body);
	font-size:12.5px;
	font-weight:400;
	line-height:1.45;
}

/* ---------- Los 3 pasos: formulario -> factura -> accesos ----------------
   Reutiliza .steps-row/.step-card. Solo se compactan (para que no compitan
   con la tarjeta) y se igualan los radios a los 14px de .plan-card.         */
.bono-steps{
	margin-top:clamp(16px,2.2vw,26px);
	gap:clamp(12px,1.6vw,16px);
}
.bono-steps::before{
	top:50px;                     /* centro del círculo: 26px de padding + 24px */
}
.bono-steps .step-card{
	gap:12px;
	padding:26px 22px 24px;
	border-radius:14px;
}
.bono-steps .step-card__num{
	width:48px;
	height:48px;
	font-size:20px;
}
.bono-steps .step-card h3{
	font-size:clamp(19px,1.6vw,22px);
}
.bono-steps .step-card p{
	font-size:14px;
}

/* ---------- Formulario de /bonodeca/: nota del proceso ------------------- */
.bono-form-note{
	margin:0;
	padding-top:12px;
	border-top:1px solid rgba(255,255,255,.12);
	color:var(--muted);
	font-family:var(--font-body);
	font-size:12.5px;
	line-height:1.45;
}

/* ---------- Responsive: 1024 y 720, los mismos que el resto del fichero -- */
@media (max-width:1024px){
	.bono-section .bono-card{
		grid-template-columns:1fr;
		gap:22px;
	}
	/* con la tarjeta apilada el panel ocupa todo el ancho: el CTA no se estira */
	.bono-section .bono-buy .btn{
		max-width:360px;
	}
}
@media (max-width:720px){
	.prices-section.bono-section{
		padding-top:40px;
		padding-bottom:48px;
	}
	.bono-section .bono-card{
		padding:22px 18px;
		gap:18px;
	}
	.bono-section .bono-card h3{
		font-size:clamp(22px,6.2vw,26px);
	}
	.bono-section .bono-card ul{
		grid-template-columns:1fr;
	}
	.bono-buy{
		padding:18px 16px;
	}
	.bono-section .bono-buy .btn{
		max-width:none;                   /* en móvil el CTA vuelve a ancho completo */
	}
	.bono-price{
		font-size:clamp(34px,10vw,44px);
	}
	.bono-steps .step-card{
		grid-template-columns:48px minmax(0,1fr);
		gap:6px 16px;                     /* icono + texto, como .step-card en móvil */
		padding:18px 16px;
	}
}

/* ===== BonoDeCA · hero con foto y bloque visual ===== */

/* Hero fotográfico, mismo patrón que el de la home pero con la tarjeta de precio */
.bono-hero-visual{
	position:relative;
	isolation:isolate;
	overflow:hidden;
	padding:clamp(140px,14vw,196px) 0 clamp(56px,6vw,86px);
	border-bottom:1px solid var(--line);
}
.bono-hero-visual__bg{
	position:absolute;
	inset:0;
	z-index:0;
	background:
		image-set(
			url("../images/hero-deca-2026-4k.webp") type("image/webp"),
			url("../images/hero-deca-2026-right.webp") type("image/webp"),
			url("../images/hero-deca-2026-right.jpg") type("image/jpeg")
		) right -4% center/cover no-repeat;
	filter:saturate(1.06) contrast(1.14) sepia(.14) brightness(.78);
}
.bono-hero-visual__veil{
	position:absolute;
	inset:0;
	z-index:1;
	background:
		linear-gradient(100deg,rgba(8,10,16,.985) 0%,rgba(8,10,16,.94) 30%,rgba(8,10,16,.6) 52%,rgba(8,10,16,.3) 100%),
		linear-gradient(180deg,rgba(8,10,16,.55) 0%,rgba(8,10,16,0) 30%,rgba(8,10,16,.45) 100%),
		radial-gradient(circle at 12% 18%,rgba(216,255,36,.09),rgba(0,0,0,0) 55%);
}
.bono-hero-visual__inner{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
	grid-template-areas:
		"titular compra"
		"detalle compra";
	gap:clamp(20px,2.4vw,30px) clamp(28px,4vw,56px);
	align-content:center;
	align-items:start;
}
.bono-hero-visual__copy{grid-area:titular}
.bono-hero-visual__detalle{grid-area:detalle}
.bono-hero-visual .bono-buy--hero{grid-area:compra;align-self:center}
.bono-hero-visual__detalle>p{max-width:56ch;color:var(--text);margin:0}
.bono-hero-visual__copy h1{
	margin:10px 0 16px;
	font-size:clamp(34px,4.6vw,62px);
}
.bono-hero-visual__copy>p{
	max-width:56ch;
	color:var(--text);
}
.bono-hero-visual .guide-breadcrumb{margin-bottom:14px}
.bono-hero-visual .solve-proof{margin-top:22px}

/* La caja de compra dentro del hero: algo más sólida, para que despegue de la foto */
.bono-buy--hero{
	background:rgba(10,13,20,.86);
	border:1px solid var(--line-dark);
	box-shadow:0 24px 60px rgba(0,0,0,.5);
	backdrop-filter:blur(6px);
}

/* Bloque visual: foto grande + texto al lado, para romper el muro de texto */
.bono-showcase{
	position:relative;
	padding:clamp(56px,6.5vw,96px) 0;
	border-block:1px solid var(--line);
	background:
		radial-gradient(circle at 78% 22%,rgba(216,255,36,.055),rgba(0,0,0,0) 58%),
		var(--dark-2);
}
.bono-showcase__grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	gap:clamp(28px,4vw,60px);
	align-items:center;
}
.bono-showcase__art{
	position:relative;
	border-radius:16px;
	overflow:hidden;
	border:1px solid var(--line);
	box-shadow:0 22px 54px rgba(0,0,0,.45);
	aspect-ratio:3/2;
}
.bono-showcase__art img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	filter:saturate(.92) contrast(1.06) brightness(.86);
}
.bono-showcase__art::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(8,10,16,0) 45%,rgba(8,10,16,.62) 100%);
	pointer-events:none;
}
.bono-showcase__tag{
	position:absolute;
	left:18px;
	bottom:16px;
	z-index:2;
	font-family:var(--font-mono);
	font-size:12px;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--lime);
}
.bono-showcase__copy h2{margin:10px 0 14px}
.bono-showcase__list{
	list-style:none;
	margin:18px 0 0;
	padding:0;
	display:grid;
	gap:10px;
}
.bono-showcase__list li{
	position:relative;
	padding-left:22px;
	color:var(--text);
}
.bono-showcase__list li::before{
	content:"";
	position:absolute;
	left:0;
	top:.55em;
	width:8px;
	height:8px;
	border-radius:50%;
	background:var(--lime);
}

/* --- Tableta: una columna, pero aún con aire --- */
@media (max-width:900px){
	.bono-hero-visual__inner,
	.bono-showcase__grid{grid-template-columns:minmax(0,1fr)}
	.bono-hero-visual__inner{
		grid-template-areas:"titular" "compra" "detalle";
		gap:24px;
	}
	.bono-showcase__art{aspect-ratio:16/9}
	.bono-showcase__grid>.bono-showcase__art{order:-1}
}

/* --- Móvil: por debajo de 720 el sitio pone .clean-wrap a 100% y el margen
       lateral lo da la sección. Estas dos son secciones nuevas, así que tienen
       que poner ese mismo padding de 20px o el texto toca el borde. --- */
@media (max-width:720px){
	.bono-hero-visual,
	.bono-showcase{
		padding-inline:20px;
	}
	.bono-hero-visual{
		/* el header es fixed y mide ~74px: menos de eso y el texto se le mete debajo */
		padding-block:130px 44px;
	}
	.bono-showcase{
		padding-block:46px 48px;
	}
	.bono-hero-visual__inner{gap:20px}

	/* El titular ocupaba media pantalla: se ajusta a la escala móvil del sitio */
	.bono-hero-visual__copy h1{
		margin:6px 0 14px;
		font-size:30px;
		line-height:1.06;
	}
	.bono-hero-visual__copy>p{
		font-size:15.5px;
		line-height:1.5;
	}
	.bono-hero-visual .guide-breadcrumb{margin-bottom:10px}
	.bono-hero-visual .solve-proof{margin-top:18px}

	/* La caja de precio, separada del texto y con el precio algo más contenido */
	.bono-buy--hero{padding:20px 18px}
	.bono-hero-visual .bono-price{font-size:38px}

	.bono-showcase__copy h2{font-size:30px;line-height:.98}
	.bono-showcase__list{margin-top:14px}
}

/* --- Móvil estrecho --- */
@media (max-width:560px){
	.bono-hero-visual__bg{background-position:right 30% center}
	.bono-showcase__art{aspect-ratio:4/3}
	.bono-hero-visual__copy h1{font-size:28px}
}

@media (max-width:380px){
	.bono-hero-visual,
	.bono-showcase{padding-inline:16px}
	.bono-hero-visual__copy h1{font-size:26px}
	.bono-hero-visual .bono-price{font-size:34px}
}

/* ===== BonoDeCA · configurador =====
   Criterio: un solo contenedor. Ni el campo ni los atajos llevan caja propia:
   con cajas anidadas el bloque se lee amontonado. El aire hace el trabajo. */
.bono-buy--hero{
	background:rgba(8,11,17,.86);
	border:1px solid rgba(255,255,255,.1);
	border-radius:20px;
	box-shadow:0 30px 70px rgba(0,0,0,.5);
	backdrop-filter:blur(10px);
	padding:clamp(26px,3vw,34px);
}

.bono-config{margin:0}
.bono-config__label{
	display:block;
	margin:0 0 22px;
	font-family:var(--font-mono);
	font-size:11px;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--lime);
}

/* El control: sin recuadros, solo el número y dos botones fantasma */
.bono-config__row{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:18px;
}
.bono-config__step{
	flex:0 0 auto;
	width:40px;
	height:40px;
	display:grid;
	place-items:center;
	border:1px solid rgba(255,255,255,.16);
	border-radius:50%;
	background:transparent;
	color:var(--muted);
	font-size:20px;
	line-height:1;
	cursor:pointer;
	transition:color .18s ease,border-color .18s ease;
}
.bono-config__step:hover{color:var(--lime);border-color:var(--lime)}
.bono-config__step:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

.bono-config__campo{
	flex:0 1 auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	min-width:0;
}
.bono-config__input{
	width:4ch;
	border:0;
	background:transparent;
	color:var(--ink);
	font-family:var(--font-display);
	font-size:clamp(40px,5vw,52px);
	line-height:1;
	text-align:center;
	-moz-appearance:textfield;
}
.bono-config__input::-webkit-outer-spin-button,
.bono-config__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bono-config__input:focus{outline:none;color:var(--lime)}
.bono-config__sufijo{
	font-family:var(--font-mono);
	font-size:10px;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--muted);
	white-space:nowrap;
}

/* Atajos: texto, sin cápsulas. Solo el activo se marca */
.bono-config__rapidos{
	display:flex;
	justify-content:center;
	gap:20px;
	margin-top:20px;
}
.bono-config__rapidos button{
	padding:4px 2px;
	border:0;
	border-bottom:1px solid transparent;
	background:transparent;
	color:var(--muted);
	font-family:var(--font-mono);
	font-size:13px;
	cursor:pointer;
	transition:color .18s ease,border-color .18s ease;
}
.bono-config__rapidos button:hover{color:var(--ink)}
.bono-config__rapidos button.is-activo{
	color:var(--lime);
	border-bottom-color:var(--lime);
}
.bono-config__rapidos button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* El resultado: una sola línea fina y mucho aire */
.bono-total{
	margin-top:28px;
	padding-top:26px;
	border-top:1px solid rgba(255,255,255,.1);
	text-align:center;
}
.bono-total .bono-price{margin:0;justify-content:center}
.bono-total .bono-price__unit{
	margin:10px 0 0;
	padding-top:0;
	border-top:0;          /* la línea de arriba ya separa: dos seguidas ensucian */
	justify-content:center;
}
.bono-total .bono-price__unit::before{display:none}
.bono-buy--hero .btn{margin-top:26px;width:100%;justify-content:center}
.bono-buy--hero .bono-note{
	margin:14px 0 0;
	font-family:var(--font-mono);
	font-size:11px;
	letter-spacing:.05em;
	color:var(--muted);
	text-align:center;
}

/* ===== BonoDeCA · el "desde" de las tarjetas de home y precios ===== */
.bono-price__desde{
	display:inline-block;
	margin-right:6px;
	font-family:var(--font-mono);
	font-size:13px;
	letter-spacing:.06em;
	text-transform:lowercase;
	color:var(--muted);
	vertical-align:middle;
}
