.arkana-hero {
	min-height: min(59rem, calc(100vh - 4.6rem));
	display: flex;
	align-items: center;
	isolation: isolate;
	padding-top: clamp(5rem, 10vw, 8rem);
}

.arkana-hero__inner { display: grid; align-items: center; gap: clamp(3rem, 7vw, 6rem); }
.arkana-hero__content { max-width: 50rem; }
.arkana-hero__title { margin: 0; font-family: var(--arkana-font-display); font-size: clamp(3rem, 7.2vw, 6.4rem); font-weight: 800; letter-spacing: -0.067em; line-height: 0.93; text-wrap: balance; }
.arkana-hero__title span { display: inline; }
.arkana-hero__description { max-width: 44rem; margin: 1.65rem 0 0; color: var(--arkana-color-text-muted); font-size: clamp(1.02rem, 2vw, 1.22rem); }
.arkana-hero__actions { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 2rem; }
.arkana-hero__proof { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-top: 2.1rem; }
.arkana-hero__proof span { padding: 0.42rem 0.72rem; border: 1px solid var(--arkana-color-border); border-radius: 999px; background: rgba(255, 255, 255, 0.03); color: var(--arkana-color-text-soft); font-size: 0.76rem; }
.arkana-hero__glow { position: absolute; z-index: -1; width: 25rem; aspect-ratio: 1; border-radius: 50%; filter: blur(8rem); opacity: 0.3; pointer-events: none; }
.arkana-hero__glow--one { top: 2rem; left: -12rem; background: var(--arkana-color-violet); }
.arkana-hero__glow--two { right: -13rem; bottom: 0; background: var(--arkana-color-blue); }

.arkana-system-visual { position: relative; padding: 1rem; border: 1px solid var(--arkana-color-border); border-radius: 2rem; background: linear-gradient(145deg, rgba(27, 20, 45, 0.92), rgba(8, 7, 15, 0.82)); box-shadow: var(--arkana-shadow-glow), var(--arkana-shadow-card); overflow: hidden; }
.arkana-system-visual::before { content: ""; position: absolute; inset: -20% 20% 55% -30%; background: radial-gradient(circle, rgba(148, 50, 255, 0.32), transparent 70%); pointer-events: none; }
.arkana-system-visual__chrome { position: relative; display: flex; align-items: center; gap: 0.38rem; padding: 0.35rem 0.2rem 0.9rem; color: var(--arkana-color-text-muted); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; }
.arkana-system-visual__chrome > span { width: 0.48rem; aspect-ratio: 1; border-radius: 50%; background: #ff5f57; }
.arkana-system-visual__chrome > span:nth-child(2) { background: #febc2e; }
.arkana-system-visual__chrome > span:nth-child(3) { background: #28c840; }
.arkana-system-visual__chrome strong { margin-left: auto; font-size: 0.68rem; }
.arkana-system-visual__stage { position: relative; min-height: 30rem; padding: 1rem; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 1.4rem; background: linear-gradient(160deg, rgba(6, 5, 11, 0.88), rgba(16, 11, 28, 0.76)); overflow: hidden; }
.arkana-system-visual__stage::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 2.1rem 2.1rem; mask-image: radial-gradient(circle at center, #000 0, transparent 75%); }
.arkana-system-visual__core { position: absolute; inset: 50% auto auto 50%; z-index: 3; display: grid; place-items: center; width: 5.8rem; aspect-ratio: 1; transform: translate(-50%, -50%); border: 1px solid rgba(255,255,255,.28); border-radius: 1.55rem; background: var(--arkana-gradient-brand); box-shadow: 0 0 5rem rgba(143, 39, 255, 0.62); font-family: var(--arkana-font-display); font-size: 2rem; font-weight: 900; }
.arkana-system-visual__orbit { position: absolute; inset: 50% auto auto 50%; width: 16rem; aspect-ratio: 1; transform: translate(-50%, -50%); border: 1px solid rgba(157, 102, 255, 0.22); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(92, 38, 255, 0.025); }
.arkana-system-visual__grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; height: 100%; }
.arkana-system-node { display: flex; min-height: 7.2rem; flex-direction: column; justify-content: space-between; padding: 1rem; border: 1px solid rgba(255,255,255,.09); border-radius: 1.15rem; background: rgba(5,4,10,.66); color: var(--arkana-color-text-muted); }
.arkana-system-node strong { align-self: flex-end; color: #7861ff; font-family: var(--arkana-font-display); font-size: 1.45rem; }
.arkana-system-node:nth-child(3), .arkana-system-node:nth-child(4) { min-height: 8.5rem; }
.arkana-system-visual__footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.6rem 1rem; padding: 0.85rem 0.35rem 0.1rem; color: var(--arkana-color-text-soft); font-size: 0.7rem; }
.arkana-system-visual__footer span:first-child { display: inline-flex; align-items: center; gap: 0.45rem; color: #8cf5c8; }
.arkana-system-visual__footer i { width: 0.5rem; aspect-ratio: 1; border-radius: 50%; background: #5cf0b5; box-shadow: 0 0 1rem rgba(92,240,181,.7); }

.arkana-capabilities { border-block: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.018); }
.arkana-capabilities__grid { display: grid; gap: 1rem; }

.arkana-problems { background: radial-gradient(circle at 18% 65%, rgba(89, 36, 255, 0.18), transparent 28rem); }
.arkana-problem-card { position: relative; min-height: 12.2rem; padding: 1.55rem; border-radius: 1.55rem; overflow: hidden; }
.arkana-problem-card::after { content: ""; position: absolute; width: 8rem; aspect-ratio: 1; right: -4rem; bottom: -5rem; border-radius: 50%; background: currentColor; filter: blur(3.8rem); opacity: .13; }
.arkana-problem-card__signal { display: block; width: 0.55rem; aspect-ratio: 1; margin-bottom: 0.9rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 1rem currentColor; }
.arkana-problem-card h3 { margin: 0; color: #fff; font-family: var(--arkana-font-display); font-size: 1.2rem; }
.arkana-problem-card p { margin: 0.65rem 0 0; color: var(--arkana-color-text-muted); }
.arkana-problem-card--violet { color: var(--arkana-color-purple); }
.arkana-problem-card--orange { color: var(--arkana-color-orange); }
.arkana-problem-card--cyan { color: var(--arkana-color-cyan); }
.arkana-problem-card--blue { color: var(--arkana-color-blue); }
.arkana-problem-card--pink { color: var(--arkana-color-pink); }
.arkana-problem-card--yellow { color: var(--arkana-color-yellow); }

.arkana-positioning { background: linear-gradient(180deg, rgba(7,4,14,.2), rgba(28,7,48,.36), rgba(5,4,9,.1)); }
.arkana-positioning__copy > p:not(.arkana-eyebrow) { color: var(--arkana-color-text-muted); font-size: 1.04rem; }
.arkana-statement-card { margin-top: 2rem; padding: 1.6rem; border: 1px solid var(--arkana-color-border-strong); border-radius: 1.5rem; background: rgba(80, 24, 141, 0.13); }
.arkana-statement-card p { margin: 0; color: var(--arkana-color-text-muted); }
.arkana-statement-card strong { display: block; margin: 0.35rem 0 1rem; font-family: var(--arkana-font-display); font-size: clamp(1.45rem, 3vw, 2.2rem); line-height: 1.12; }
.arkana-statement-card small { color: var(--arkana-color-text-muted); font-size: 0.9rem; }
.arkana-principles { display: grid; gap: 1rem; }
.arkana-principle-card { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.45rem; border-radius: 1.4rem; }
.arkana-principle-card > span { display: grid; place-items: center; width: 3rem; aspect-ratio: 1; border-radius: 1rem; background: var(--arkana-gradient-brand); font-weight: 800; }
.arkana-principle-card h3 { margin: 0; font-family: var(--arkana-font-display); }
.arkana-principle-card p { margin: 0.35rem 0 0; color: var(--arkana-color-text-muted); }

.arkana-ecosystem { isolation: isolate; }
.arkana-ecosystem::before { content: ""; position: absolute; inset: 10% 0; z-index: -1; background: radial-gradient(ellipse at center, rgba(110, 24, 212, 0.18), transparent 65%); }
.arkana-ecosystem__track { position: relative; display: grid; gap: 1rem; }
.arkana-ecosystem-step { position: relative; padding: 1.35rem; border: 1px solid var(--arkana-color-border); border-radius: 1.35rem; background: rgba(255,255,255,.03); }
.arkana-ecosystem-step__number { color: #9876ff; font-family: var(--arkana-font-display); font-weight: 850; }
.arkana-ecosystem-step h3 { margin: 0.7rem 0 0.35rem; font-family: var(--arkana-font-display); }
.arkana-ecosystem-step p { margin: 0; color: var(--arkana-color-text-muted); font-size: 0.9rem; }

.arkana-services { background: linear-gradient(180deg, rgba(5,4,9,.2), rgba(30,8,49,.28), rgba(5,4,9,.2)); }
.arkana-service-card { display: flex; min-height: 18rem; flex-direction: column; padding: 1.55rem; border-radius: 1.55rem; }
.arkana-service-card h3 { margin: 1.3rem 0 0.55rem; font-family: var(--arkana-font-display); font-size: 1.25rem; }
.arkana-service-card p { margin: 0; color: var(--arkana-color-text-muted); }
.arkana-service-card a { margin-top: auto; padding-top: 1.4rem; color: #c7a7ff; font-weight: 700; text-decoration: none; }

.arkana-method__grid { display: grid; gap: 1rem; }
.arkana-method-card { position: relative; min-height: 15rem; padding: 1.45rem; border-radius: 1.5rem; overflow: hidden; }
.arkana-method-card::before { content: ""; position: absolute; inset: auto -30% -45% 10%; height: 70%; background: radial-gradient(circle, rgba(134,45,255,.25), transparent 65%); }
.arkana-method-card__top { position: relative; display: flex; justify-content: space-between; align-items: center; }
.arkana-method-card__top > span { display: grid; place-items: center; width: 3.2rem; aspect-ratio: 1; border-radius: 1rem; background: var(--arkana-gradient-brand); font-family: var(--arkana-font-display); font-size: 1.5rem; font-weight: 900; }
.arkana-method-card__top small { color: var(--arkana-color-text-soft); font-weight: 800; }
.arkana-method-card h3 { position: relative; margin: 1.5rem 0 0.5rem; font-family: var(--arkana-font-display); }
.arkana-method-card p { position: relative; margin: 0; color: var(--arkana-color-text-muted); }

.arkana-process { background: radial-gradient(circle at 75% 45%, rgba(114, 35, 214, 0.19), transparent 30rem); }
.arkana-split--process { align-items: start; }
.arkana-timeline { position: relative; display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.arkana-timeline::before { content: ""; position: absolute; left: 1.44rem; top: 1.8rem; bottom: 1.8rem; width: 1px; background: linear-gradient(var(--arkana-color-violet), var(--arkana-color-pink)); opacity: .55; }
.arkana-timeline__item { position: relative; display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 0 0 1.7rem; }
.arkana-timeline__item > span { position: relative; z-index: 1; display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: linear-gradient(135deg, #5d27ff, #ff4ab5); font-weight: 800; }
.arkana-timeline__item h3 { margin: 0; color: #b75eff; font-family: var(--arkana-font-display); }
.arkana-timeline__item p { margin: 0.3rem 0 0; color: var(--arkana-color-text-muted); }
.arkana-framework-card { position: sticky; top: 7rem; padding: clamp(1.7rem, 4vw, 2.5rem); border: 1px solid var(--arkana-color-border); border-radius: 1.8rem; background: linear-gradient(145deg, rgba(83,38,112,.36), rgba(15,10,25,.86)); box-shadow: var(--arkana-shadow-glow); }
.arkana-framework-card h3 { margin: 0; font-family: var(--arkana-font-display); font-size: clamp(2.2rem, 5vw, 4rem); line-height: .98; }
.arkana-framework-card > p:not(.arkana-eyebrow) { color: var(--arkana-color-text-muted); }
.arkana-framework-card__values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.65rem; margin-top: 1.5rem; }
.arkana-framework-card__values div { padding: 0.7rem 0.45rem; border: 1px solid var(--arkana-color-border); border-radius: 0.8rem; text-align: center; }
.arkana-framework-card__values strong, .arkana-framework-card__values span { display: block; }
.arkana-framework-card__values span { color: var(--arkana-color-text-muted); font-size: .75rem; }

.arkana-plans { background: linear-gradient(180deg, rgba(22,6,39,.18), rgba(5,4,9,.1)); }
.arkana-plans__grid { display: grid; gap: 1rem; }
.arkana-plan-card { position: relative; display: flex; min-height: 31rem; flex-direction: column; padding: 1.55rem; border-radius: 1.6rem; overflow: hidden; }
.arkana-plan-card--featured { border-color: rgba(207,84,255,.55); box-shadow: 0 0 4rem rgba(132,38,255,.18); }
.arkana-plan-card__badge { position: absolute; top: 0; right: 0; padding: .65rem .85rem; border-radius: 0 1.55rem 0 1rem; background: var(--arkana-gradient-brand); font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.arkana-plan-card__number { display: grid; place-items: center; width: 3rem; aspect-ratio: 1; border-radius: 1rem; background: var(--arkana-gradient-brand); font-weight: 850; }
.arkana-plan-card h3 { margin: 1.4rem 0 0; font-family: var(--arkana-font-display); font-size: 2rem; color: #a43bff; }
.arkana-plan-card__subtitle { margin: .2rem 0 0; color: #fff; font-weight: 700; }
.arkana-plan-card__description { color: var(--arkana-color-text-muted); }
.arkana-plan-card__price { margin-top: auto; padding: 1.35rem 0; border-top: 1px solid var(--arkana-color-border); }
.arkana-plan-card__price small, .arkana-plan-card__price strong { display: block; }
.arkana-plan-card__price small { color: var(--arkana-color-text-soft); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.arkana-plan-card__price strong { margin-top: .35rem; background: var(--arkana-gradient-text); -webkit-background-clip: text; background-clip: text; color: transparent; font-family: var(--arkana-font-display); font-size: 1.85rem; }

.arkana-case { isolation: isolate; background: radial-gradient(circle at 82% 35%, rgba(80,36,255,.25), transparent 30rem); }
.arkana-split--case { align-items: center; }
.arkana-case__project { margin: 0; font-family: var(--arkana-font-display); font-size: clamp(2.3rem, 5vw, 4rem); font-weight: 850; }
.arkana-case__lead { color: #b439ff; font-size: 1.15rem; font-weight: 700; }
.arkana-case__copy > p:not(.arkana-eyebrow):not(.arkana-case__project):not(.arkana-case__lead) { color: var(--arkana-color-text-muted); }
.arkana-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.4rem 0; }
.arkana-tags span { padding: .42rem .7rem; border: 1px solid var(--arkana-color-border); border-radius: 999px; background: rgba(255,255,255,.03); color: #d5cee1; font-size: .74rem; }
.arkana-case__result { margin: 1.4rem 0 1.6rem; padding: 1.2rem; border-left: 3px solid #a536ff; background: rgba(105,33,163,.1); }
.arkana-case__result strong { color: #fff; font-family: var(--arkana-font-display); font-size: 1.25rem; text-transform: uppercase; }
.arkana-case__result p { margin: .5rem 0 0; color: var(--arkana-color-text-muted); }
.arkana-xion-visual { position: relative; min-height: 35rem; }
.arkana-xion-visual__glow { position: absolute; inset: 15% 10%; border-radius: 50%; background: #6621ff; filter: blur(7rem); opacity: .35; }
.arkana-laptop { position: absolute; top: 8%; left: 7%; right: 3%; z-index: 2; transform: perspective(70rem) rotateY(-7deg) rotateX(4deg); }
.arkana-laptop__screen { aspect-ratio: 16/10; padding: .75rem; border: .7rem solid #17131e; border-radius: 1.2rem; background: #08050e; box-shadow: 0 2rem 4rem rgba(0,0,0,.5); overflow: hidden; }
.arkana-laptop__base { width: 110%; height: 1.1rem; margin-left: -5%; border-radius: 0 0 50% 50%; background: linear-gradient(#2c2731, #0e0c11); }
.arkana-xion-ui__nav { display: flex; align-items: center; gap: .7rem; color: #a8a1b1; font-size: .48rem; }
.arkana-xion-ui__nav strong { margin-right: auto; color: #fff; font-size: .75rem; }
.arkana-xion-ui__nav button { padding: .35rem .55rem; border: 0; border-radius: .4rem; background: var(--arkana-gradient-brand); color: #fff; font-size: .45rem; }
.arkana-xion-ui__hero { max-width: 60%; padding: 2rem .6rem 1rem; }
.arkana-xion-ui__hero small { color: #ff58cb; font-size: .45rem; }
.arkana-xion-ui__hero h3 { margin: .6rem 0; font-family: var(--arkana-font-display); font-size: clamp(1rem, 2vw, 1.65rem); line-height: 1.05; }
.arkana-xion-ui__hero h3 span { color: #b137ff; }
.arkana-xion-ui__hero p { color: #9b93a4; font-size: .55rem; }
.arkana-xion-ui__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; padding: .5rem; }
.arkana-xion-ui__cards span { height: 3.7rem; border: 1px solid rgba(255,255,255,.08); border-radius: .7rem; background: radial-gradient(circle at 50% 35%, rgba(154,45,255,.42), rgba(255,255,255,.025) 60%); }
.arkana-phone { position: absolute; z-index: 3; width: 7rem; padding: .35rem; border-radius: 1.4rem; background: #141119; box-shadow: 0 1.5rem 3rem rgba(0,0,0,.55); }
.arkana-phone > div { min-height: 14.5rem; padding: .8rem .55rem; border-radius: 1.1rem; background: #08060d; color: #fff; }
.arkana-phone small, .arkana-phone strong { display: block; }
.arkana-phone small { color: #a69eae; font-size: .42rem; }
.arkana-phone strong { margin: .8rem 0; font-size: .65rem; }
.arkana-phone--left { left: 0; bottom: 1rem; transform: rotate(-4deg); }
.arkana-phone--right { right: 0; bottom: 0; transform: rotate(5deg); }
.arkana-phone__chart { display: block; height: 7rem; border-radius: .6rem; background: radial-gradient(circle at 50% 35%, rgba(47, 200, 255,.35), transparent 45%), linear-gradient(145deg, rgba(64,31,103,.5), rgba(255,255,255,.02)); }
.arkana-phone button { width: 100%; margin-top: .8rem; padding: .45rem; border: 0; border-radius: .5rem; background: var(--arkana-gradient-brand); color: #fff; font-size: .5rem; }
.arkana-phone__list { display: block; height: 2.2rem; margin-bottom: .5rem; border-radius: .55rem; background: rgba(255,255,255,.06); }

.arkana-deliverables { background: linear-gradient(180deg, rgba(5,4,9,.1), rgba(39,9,63,.28)); }
.arkana-deliverables__grid { display: grid; gap: 1rem; }
.arkana-deliverable-card { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.35rem; border-radius: 1.3rem; }
.arkana-deliverable-card > span { width: .9rem; aspect-ratio: 1; margin-top: .35rem; transform: rotate(45deg); border-radius: .15rem; background: var(--arkana-gradient-brand); box-shadow: 0 0 1.4rem rgba(138,42,255,.5); }
.arkana-deliverable-card h3 { margin: 0; color: #9b42ff; font-family: var(--arkana-font-display); }
.arkana-deliverable-card p { margin: .35rem 0 0; color: var(--arkana-color-text-muted); }

.arkana-diagnostic { padding-bottom: clamp(5rem, 10vw, 8rem); }
.arkana-diagnostic__panel { position: relative; max-width: 66rem; margin: 0 auto; padding: clamp(2rem, 6vw, 4.5rem); border: 1px solid var(--arkana-color-border); border-radius: clamp(1.5rem, 4vw, 2.5rem); background: linear-gradient(145deg, rgba(72,39,103,.42), rgba(18,11,28,.86)); box-shadow: var(--arkana-shadow-glow); text-align: center; overflow: hidden; }
.arkana-diagnostic__panel::before { content: ""; position: absolute; inset: -30% 30% 55% -20%; background: radial-gradient(circle, rgba(123,41,255,.38), transparent 70%); }
.arkana-diagnostic__panel > * { position: relative; }
.arkana-diagnostic__panel h2 { max-width: 52rem; margin-inline: auto; font-size: clamp(2.5rem, 6vw, 5.2rem); }
.arkana-diagnostic__panel > p:not(.arkana-eyebrow) { max-width: 49rem; margin: 1.5rem auto 2rem; color: var(--arkana-color-text-muted); font-size: 1.05rem; }
.arkana-diagnostic__email { display: block; width: fit-content; margin: 1.1rem auto 0; color: #ddd5e9; font-weight: 700; text-decoration: none; }
.arkana-specialties { display: grid; gap: .8rem; margin-top: 1rem; }
.arkana-specialty-card { display: grid; grid-template-columns: auto 1fr; gap: .8rem; padding: 1rem; border-radius: 1rem; }
.arkana-specialty-card > span { width: .65rem; aspect-ratio: 1; margin-top: .42rem; border-radius: 50%; background: var(--arkana-gradient-brand); }
.arkana-specialty-card h3 { margin: 0; font-family: var(--arkana-font-display); font-size: .92rem; }
.arkana-specialty-card p { margin: .2rem 0 0; color: var(--arkana-color-text-muted); font-size: .78rem; }

@media (min-width: 40rem) {
	.arkana-ecosystem__track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.arkana-method__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.arkana-plans__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.arkana-deliverables__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.arkana-specialties { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 64rem) {
	.arkana-hero__inner { grid-template-columns: minmax(0, 1.15fr) minmax(25rem, .85fr); }
	.arkana-ecosystem__track { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.arkana-ecosystem-step:not(:last-child)::after { content: ""; position: absolute; top: 2rem; left: calc(100% + .15rem); width: .7rem; height: 1px; background: linear-gradient(90deg, #8242ff, #ef3bc3); }
	.arkana-method__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.arkana-split--process { grid-template-columns: minmax(0, 1.2fr) minmax(23rem, .8fr); }
	.arkana-plans__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.arkana-split--case { grid-template-columns: minmax(0, .95fr) minmax(30rem, 1.05fr); }
	.arkana-specialties { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 39.99rem) {
	.arkana-hero__title { font-size: clamp(2.8rem, 15vw, 4.2rem); }
	.arkana-system-visual__stage { min-height: 27rem; }
	.arkana-system-visual__core { width: 4.8rem; }
	.arkana-system-visual__orbit { width: 13rem; }
	.arkana-xion-visual { min-height: 29rem; transform: scale(.92); transform-origin: center top; }
	.arkana-phone { width: 6.2rem; }
}


/* ================================================================
 * HOME CONTINUA — elimina cortes visuales entre bloques
 * El fondo vive en .arkana-main y no se repite por sección.
 * ================================================================ */
.arkana-main .arkana-section {
	border-block: 0;
	background: transparent;
}

.arkana-main .arkana-capabilities,
.arkana-main .arkana-problems,
.arkana-main .arkana-positioning,
.arkana-main .arkana-services,
.arkana-main .arkana-process,
.arkana-main .arkana-plans,
.arkana-main .arkana-case,
.arkana-main .arkana-deliverables {
	border-block: 0;
	background: transparent;
}

/* Conserva profundidad sin crear franjas o paneles entre secciones. */
.arkana-main .arkana-section::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	z-index: -1;
	width: min(82rem, 92vw);
	height: 34rem;
	transform: translateX(-50%);
	border-radius: 50%;
	background: radial-gradient(ellipse at center, rgba(111, 45, 255, 0.035), transparent 68%);
	pointer-events: none;
}

.arkana-main .arkana-section:nth-of-type(3n + 2)::after {
	background: radial-gradient(ellipse at center, rgba(30, 84, 255, 0.028), transparent 68%);
}

.arkana-main .arkana-section:nth-of-type(4n + 1)::after {
	background: radial-gradient(ellipse at center, rgba(189, 35, 211, 0.026), transparent 68%);
}

/* Evita que los glows locales parezcan límites rectangulares. */
.arkana-hero,
.arkana-ecosystem,
.arkana-case {
	isolation: auto;
}

/* Las cards conservan vidrio y contraste sobre el universo general. */
.arkana-main .arkana-mini-card,
.arkana-main .arkana-problem-card,
.arkana-main .arkana-service-card,
.arkana-main .arkana-principle-card,
.arkana-main .arkana-method-card,
.arkana-main .arkana-plan-card,
.arkana-main .arkana-deliverable-card,
.arkana-main .arkana-specialty-card {
	background: linear-gradient(145deg, rgba(18, 14, 31, 0.72), rgba(7, 6, 14, 0.52));
	backdrop-filter: blur(17px);
	-webkit-backdrop-filter: blur(17px);
}

@media (max-width: 47.99rem) {
	.arkana-main .arkana-section::after {
		height: 24rem;
		opacity: 0.72;
	}
}

/* ================================================================
 * ARKANA HOME — OCLUSIÓN DE OBJETOS SOBRE EL COSMOS
 *
 * Las superficies de interfaz reciben una base casi opaca.
 * Así las estrellas fugaces pasan realmente por detrás y no se ven
 * atravesando cards, paneles, mockups ni bloques de contenido.
 * Se conservan gradientes, bordes, glow y sensación glass.
 * ================================================================ */

.arkana-main :is(
	.arkana-system-visual,
	.arkana-system-node,
	.arkana-mini-card,
	.arkana-problem-card,
	.arkana-statement-card,
	.arkana-principle-card,
	.arkana-service-card,
	.arkana-ecosystem-step,
	.arkana-method-card,
	.arkana-timeline__item,
	.arkana-framework-card,
	.arkana-plan-card,
	.arkana-xion-visual,
	.arkana-case__result,
	.arkana-deliverable-card,
	.arkana-diagnostic__panel,
	.arkana-specialty-card,
	.arkana-laptop,
	.arkana-phone
) {
	position: relative;
	z-index: 3;
	isolation: isolate;
	background-color: rgba(7, 4, 18, 0.965);
}

/* Los elementos transparentes pequeños también bloquean el destello
 * cuando una trayectoria pasa exactamente por detrás de ellos. */
.arkana-main :is(
	.arkana-system-visual__chrome,
	.arkana-system-visual__footer,
	.arkana-framework-card__values > div,
	.arkana-xion-ui__cards > span
) {
	position: relative;
	z-index: 3;
	background-color: rgba(8, 5, 20, 0.94);
}

/* Refuerzo específico para el bloque señalado en la captura. */
.arkana-statement-card {
	overflow: hidden;
	background:
		linear-gradient(145deg, rgba(31, 13, 59, 0.94), rgba(8, 5, 20, 0.98));
}

/* Mantiene textos, iconos y contenido interno por encima de la
 * superficie que oculta las estrellas fugaces. */
.arkana-main :is(
	.arkana-system-visual,
	.arkana-mini-card,
	.arkana-problem-card,
	.arkana-statement-card,
	.arkana-principle-card,
	.arkana-service-card,
	.arkana-ecosystem-step,
	.arkana-method-card,
	.arkana-timeline__item,
	.arkana-framework-card,
	.arkana-plan-card,
	.arkana-xion-visual,
	.arkana-case__result,
	.arkana-deliverable-card,
	.arkana-diagnostic__panel,
	.arkana-specialty-card
) > * {
	position: relative;
	z-index: 1;
}

/* ================================================================
 * ARKANA HERO — COMPACT VIEWPORT EXPERIENCE v1
 *
 * Objective:
 * - maximum three visual headline lines;
 * - complete Hero inside one useful viewport;
 * - controlled lateral and vertical margins;
 * - compact visual system without losing information;
 * - mobile-specific three-line headline.
 * ================================================================ */

.arkana-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.arkana-main .arkana-hero {
	min-height: calc(100svh - 5.25rem);
	padding: clamp(4.75rem, 7vh, 6.2rem) 0 clamp(2rem, 4vh, 3.25rem);
	display: grid;
	align-items: center;
	scroll-snap-align: start;
	overflow: hidden;
}

.arkana-hero__inner {
	width: min(calc(100% - 3rem), 88rem);
	min-height: 0;
	margin-inline: auto;
	display: grid;
	grid-template-columns: minmax(0, 1.04fr) minmax(25rem, 0.86fr);
	align-items: center;
	gap: clamp(2.5rem, 5.2vw, 5.5rem);
}

.arkana-hero__content {
	max-width: 46rem;
	min-width: 0;
}

.arkana-hero .arkana-eyebrow {
	margin-bottom: clamp(0.7rem, 1.4vh, 1rem);
}

.arkana-hero__title {
	max-width: 12ch;
	margin: 0;
	font-family: var(--arkana-font-display);
	font-size: clamp(3.7rem, 5.25vw, 5.8rem);
	font-weight: 800;
	letter-spacing: -0.064em;
	line-height: 0.92;
	text-wrap: initial;
}

.arkana-hero__title-set,
.arkana-hero__title-line {
	display: block;
}

.arkana-hero__title-line {
	width: max-content;
	max-width: 100%;
	white-space: nowrap;
}

.arkana-hero__title-set--mobile {
	display: none;
}

.arkana-hero__description {
	max-width: 41rem;
	margin: clamp(1rem, 2vh, 1.35rem) 0 0;
	color: var(--arkana-color-text-muted);
	font-size: clamp(0.98rem, 1.22vw, 1.12rem);
	line-height: 1.55;
}

.arkana-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	margin-top: clamp(1.2rem, 2.5vh, 1.65rem);
}

.arkana-hero__proof {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-top: clamp(1rem, 2vh, 1.35rem);
}

.arkana-hero__proof span {
	padding: 0.34rem 0.62rem;
	font-size: 0.7rem;
}

.arkana-hero .arkana-system-visual {
	width: min(100%, 31rem);
	justify-self: end;
	padding: 0.82rem;
	border-radius: 1.75rem;
}

.arkana-hero .arkana-system-visual__chrome {
	padding: 0.25rem 0.12rem 0.7rem;
}

.arkana-hero .arkana-system-visual__stage {
	min-height: 24rem;
	padding: 0.78rem;
	border-radius: 1.2rem;
}

.arkana-hero .arkana-system-visual__grid {
	gap: 0.62rem;
}

.arkana-hero .arkana-system-node {
	min-height: 5.65rem;
	padding: 0.82rem;
	border-radius: 0.95rem;
	font-size: 0.9rem;
}

.arkana-hero .arkana-system-node:nth-child(3),
.arkana-hero .arkana-system-node:nth-child(4) {
	min-height: 6.4rem;
}

.arkana-hero .arkana-system-node strong {
	font-size: 1.22rem;
}

.arkana-hero .arkana-system-visual__core {
	width: 4.8rem;
	border-radius: 1.3rem;
	font-size: 1.65rem;
}

.arkana-hero .arkana-system-visual__orbit {
	width: 13.5rem;
}

.arkana-hero .arkana-system-visual__footer {
	padding: 0.68rem 0.2rem 0.02rem;
	font-size: 0.62rem;
}

@media (min-width: 64rem) and (max-height: 50rem) {
	.arkana-main .arkana-hero {
		min-height: calc(100svh - 4.6rem);
		padding-top: 4.25rem;
		padding-bottom: 1.7rem;
	}

	.arkana-hero__title {
		font-size: clamp(3.3rem, 4.7vw, 5rem);
	}

	.arkana-hero__description {
		margin-top: 0.9rem;
		font-size: 0.98rem;
	}

	.arkana-hero__actions {
		margin-top: 1rem;
	}

	.arkana-hero__proof {
		margin-top: 0.85rem;
	}

	.arkana-hero .arkana-system-visual {
		width: min(100%, 28rem);
	}

	.arkana-hero .arkana-system-visual__stage {
		min-height: 21.5rem;
	}

	.arkana-hero .arkana-system-node {
		min-height: 4.9rem;
	}

	.arkana-hero .arkana-system-node:nth-child(3),
	.arkana-hero .arkana-system-node:nth-child(4) {
		min-height: 5.5rem;
	}
}

@media (min-width: 48rem) and (max-width: 63.99rem) {
	.arkana-main .arkana-hero {
		min-height: calc(100svh - 5.5rem);
		padding: 4.5rem 0 2.4rem;
	}

	.arkana-hero__inner {
		width: min(calc(100% - 3rem), 58rem);
		grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.78fr);
		gap: 2rem;
	}

	.arkana-hero__title {
		font-size: clamp(3.05rem, 6.5vw, 4.3rem);
	}

	.arkana-hero .arkana-system-visual {
		width: min(100%, 23rem);
	}

	.arkana-hero .arkana-system-visual__stage {
		min-height: 19rem;
	}

	.arkana-hero .arkana-system-node {
		min-height: 4.25rem;
		font-size: 0.75rem;
	}

	.arkana-hero .arkana-system-node:nth-child(3),
	.arkana-hero .arkana-system-node:nth-child(4) {
		min-height: 4.7rem;
	}

	.arkana-hero .arkana-system-visual__core {
		width: 3.8rem;
		font-size: 1.35rem;
	}

	.arkana-hero .arkana-system-visual__orbit {
		width: 10.5rem;
	}
}

@media (max-width: 47.99rem) {
	.arkana-main .arkana-hero {
		min-height: calc(100svh - 5.7rem);
		padding: clamp(2.25rem, 5vh, 3.5rem) 0 clamp(1.5rem, 3vh, 2rem);
		align-items: start;
		overflow: hidden;
	}

	.arkana-hero__inner {
		width: min(calc(100% - 2rem), 32rem);
		grid-template-columns: 1fr;
		gap: clamp(1.25rem, 3vh, 1.8rem);
	}

	.arkana-hero__content {
		max-width: none;
	}

	.arkana-hero .arkana-eyebrow {
		margin-bottom: 0.65rem;
		font-size: 0.66rem;
		letter-spacing: 0.17em;
	}

	.arkana-hero__title {
		max-width: none;
		font-size: clamp(2.35rem, 11vw, 3.35rem);
		line-height: 0.94;
		letter-spacing: -0.058em;
	}

	.arkana-hero__title-set--desktop {
		display: none;
	}

	.arkana-hero__title-set--mobile {
		display: block;
	}

	.arkana-hero__title-line {
		width: auto;
		max-width: none;
		white-space: nowrap;
	}

	.arkana-hero__description {
		max-width: 34rem;
		margin-top: 0.9rem;
		font-size: clamp(0.91rem, 3.8vw, 1rem);
		line-height: 1.48;
	}

	.arkana-hero__actions {
		margin-top: 1rem;
	}

	.arkana-hero__actions .arkana-button {
		min-height: 3.25rem;
		padding-inline: 1.15rem;
	}

	.arkana-hero__secondary,
	.arkana-hero__proof {
		display: none;
	}

	.arkana-hero .arkana-system-visual {
		width: 100%;
		max-width: none;
		justify-self: stretch;
		padding: 0.58rem;
		border-radius: 1.3rem;
	}

	.arkana-hero .arkana-system-visual__chrome {
		padding: 0.18rem 0.08rem 0.48rem;
		font-size: 0.55rem;
	}

	.arkana-hero .arkana-system-visual__chrome strong {
		font-size: 0.52rem;
	}

	.arkana-hero .arkana-system-visual__stage {
		min-height: 10.8rem;
		padding: 0.5rem;
		border-radius: 0.95rem;
	}

	.arkana-hero .arkana-system-visual__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0.42rem;
	}

	.arkana-hero .arkana-system-node,
	.arkana-hero .arkana-system-node:nth-child(3),
	.arkana-hero .arkana-system-node:nth-child(4) {
		min-height: 4.25rem;
		padding: 0.48rem;
		border-radius: 0.72rem;
		font-size: 0.62rem;
	}

	.arkana-hero .arkana-system-node strong {
		font-size: 0.87rem;
	}

	.arkana-hero .arkana-system-visual__core {
		width: 3.25rem;
		border-radius: 0.88rem;
		font-size: 1.05rem;
	}

	.arkana-hero .arkana-system-visual__orbit {
		width: 8rem;
	}

	.arkana-hero .arkana-system-visual__footer {
		padding: 0.48rem 0.12rem 0;
		font-size: 0.52rem;
	}

	.arkana-hero .arkana-system-visual__footer span:last-child {
		display: none;
	}
}

@media (max-width: 23.5rem) {
	.arkana-hero__title {
		font-size: clamp(2.05rem, 10.5vw, 2.55rem);
	}

	.arkana-hero__description {
		font-size: 0.88rem;
	}

	.arkana-hero .arkana-system-visual__stage {
		min-height: 9.8rem;
	}
}

/* ================================================================
 * ARKANA HERO — CORRECCIONES DE COMPOSICIÓN v2
 *
 * - margen seguro debajo del header flotante;
 * - título obligatorio de tres líneas;
 * - eliminación de fondos y glows locales que marcan el cambio de sección;
 * - continuidad total con el fondo global.
 * ================================================================ */

/* La Home utiliza exclusivamente el fondo cósmico global. */
.arkana-main .arkana-section::after,
.arkana-main .arkana-hero::before,
.arkana-main .arkana-hero::after,
.arkana-hero__glow {
	display: none !important;
}

.arkana-main .arkana-hero,
.arkana-main .arkana-hero + .arkana-section,
.arkana-main .arkana-capabilities {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.arkana-main .arkana-hero {
	min-height: 100svh;
	padding-top: clamp(7.75rem, 12vh, 9.5rem);
	padding-bottom: clamp(2.25rem, 4.5vh, 3.5rem);
	overflow: visible;
	align-items: center;
}

.arkana-hero__inner {
	width: min(calc(100% - 4rem), 88rem);
	grid-template-columns: minmax(0, 1.12fr) minmax(24rem, 0.78fr);
	gap: clamp(3rem, 6vw, 6.25rem);
}

.arkana-hero__content {
	max-width: 50rem;
}

/* Las tres líneas vienen separadas desde hero.php y no pueden volver a envolver. */
.arkana-hero__title {
	max-width: none;
	font-size: clamp(3.65rem, 4.75vw, 5.35rem);
	line-height: 0.91;
	letter-spacing: -0.062em;
}

.arkana-hero__title-set {
	width: 100%;
}

.arkana-hero__title-line {
	width: max-content;
	max-width: 100%;
	white-space: nowrap;
}

.arkana-hero__description {
	max-width: 39rem;
	margin-top: clamp(1.15rem, 2.4vh, 1.55rem);
}

.arkana-hero .arkana-system-visual {
	width: min(100%, 29.5rem);
}

@media (min-width: 64rem) and (max-height: 50rem) {
	.arkana-main .arkana-hero {
		min-height: 100svh;
		padding-top: 7rem;
		padding-bottom: 1.8rem;
	}

	.arkana-hero__title {
		font-size: clamp(3.2rem, 4.15vw, 4.65rem);
	}

	.arkana-hero .arkana-system-visual {
		width: min(100%, 27rem);
	}
}

@media (min-width: 48rem) and (max-width: 63.99rem) {
	.arkana-main .arkana-hero {
		min-height: 100svh;
		padding-top: 7.25rem;
		padding-bottom: 2.25rem;
	}

	.arkana-hero__inner {
		width: min(calc(100% - 3rem), 59rem);
		grid-template-columns: minmax(0, 1fr) minmax(19rem, 0.72fr);
		gap: 2.2rem;
	}

	.arkana-hero__title {
		font-size: clamp(2.8rem, 5.8vw, 3.85rem);
	}
}

@media (max-width: 47.99rem) {
	.arkana-main .arkana-hero {
		min-height: 100svh;
		padding-top: clamp(6.5rem, 13vh, 7.5rem);
		padding-bottom: 1.75rem;
	}

	.arkana-hero__inner {
		width: min(calc(100% - 2rem), 32rem);
	}

	.arkana-hero__title {
		font-size: clamp(2.18rem, 10vw, 3rem);
		line-height: 0.94;
	}

	.arkana-hero__title-line {
		width: auto;
		max-width: none;
		white-space: nowrap;
	}
}

@media (max-width: 23.5rem) {
	.arkana-hero__title {
		font-size: clamp(1.95rem, 9.5vw, 2.38rem);
	}
}

/* ================================================================
 * ARKANA HERO — CORRECCIÓN DE TÍTULO DUPLICADO
 *
 * La plantilla contiene una versión de título para escritorio y otra
 * para móvil. La regla antigua `.arkana-hero__title span { display:inline; }`
 * tenía mayor especificidad que la clase usada para ocultar la versión
 * móvil, por lo que ambas variantes aparecían simultáneamente.
 * ================================================================ */

.arkana-hero__title > .arkana-hero__title-set--desktop {
	display: block !important;
}

.arkana-hero__title > .arkana-hero__title-set--mobile {
	display: none !important;
}

.arkana-hero__title .arkana-hero__title-line {
	display: block !important;
}

@media (max-width: 47.99rem) {
	.arkana-hero__title > .arkana-hero__title-set--desktop {
		display: none !important;
	}

	.arkana-hero__title > .arkana-hero__title-set--mobile {
		display: block !important;
	}
}

/* ================================================================
 * ARKANA HERO — SINGLE TITLE MOBILE FIX v1
 *
 * The Hero now renders only one title in the DOM.
 * This removes the accessible/desktop/mobile triple repetition seen
 * on mobile and keeps exactly three controlled lines everywhere.
 * ================================================================ */

.arkana-hero__title > .arkana-hero__title-set--single {
	display: block !important;
	width: 100%;
}

.arkana-hero__title > .arkana-hero__title-set--desktop,
.arkana-hero__title > .arkana-hero__title-set--mobile,
.arkana-hero__title > .arkana-visually-hidden {
	display: none !important;
}

.arkana-hero__title-set--single > .arkana-hero__title-line {
	display: block !important;
	width: max-content;
	max-width: 100%;
	white-space: nowrap;
}

/* Mobile header is taller; provide a safe content offset. */
@media (max-width: 47.99rem) {
	.arkana-main .arkana-hero {
		min-height: 100svh;
		padding-top: clamp(7.25rem, 15vh, 8.5rem);
		padding-bottom: 1.5rem;
	}

	.arkana-hero__inner {
		width: min(calc(100% - 1.5rem), 32rem);
		gap: 1.15rem;
	}

	.arkana-hero .arkana-eyebrow {
		margin-bottom: 0.7rem;
		font-size: clamp(0.58rem, 2.7vw, 0.68rem);
		letter-spacing: 0.145em;
		white-space: nowrap;
	}

	.arkana-hero__title {
		max-width: none;
		font-size: clamp(2rem, 8.7vw, 2.78rem);
		line-height: 0.96;
		letter-spacing: -0.055em;
	}

	.arkana-hero__title-set--single > .arkana-hero__title-line {
		width: auto;
		max-width: none;
		white-space: nowrap;
	}

	.arkana-hero__description {
		margin-top: 0.85rem;
		font-size: clamp(0.88rem, 3.65vw, 0.98rem);
		line-height: 1.46;
	}

	.arkana-hero__actions {
		margin-top: 0.9rem;
	}

	.arkana-hero .arkana-system-visual {
		margin-top: 0.1rem;
	}
}

@media (max-width: 23.5rem) {
	.arkana-hero__title {
		font-size: clamp(1.78rem, 8.25vw, 2.18rem);
	}

	.arkana-hero .arkana-eyebrow {
		font-size: 0.56rem;
		letter-spacing: 0.115em;
	}
}

/* ================================================================
 * ARKANA HERO — MOBILE HEADER CLEARANCE v1
 *
 * Adds a safe vertical gap below the tall mobile header so the eyebrow
 * never sits underneath or touches the glass capsule.
 * ================================================================ */

@media (max-width: 47.99rem) {
	.arkana-main .arkana-hero {
		padding-top: clamp(10.75rem, 23vh, 12.5rem) !important;
	}

	.arkana-hero .arkana-eyebrow {
		margin-top: 0 !important;
		margin-bottom: 0.9rem !important;
	}
}

@media (max-width: 23.5rem) {
	.arkana-main .arkana-hero {
		padding-top: 10.25rem !important;
	}
}

/* ================================================================
 * ARKANA HERO — USE HEADER SPACER IN MOBILE v1
 *
 * The mobile header height is now reserved by .arkana-header-spacer.
 * Hero padding is reduced to a normal section gap, preventing overlap
 * without wasting excessive vertical space.
 * ================================================================ */

@media (max-width: 47.99rem) {
	.arkana-main .arkana-hero {
		min-height: calc(100svh - 6.35rem) !important;
		padding-top: 1.6rem !important;
		padding-bottom: 1.5rem !important;
	}

	.arkana-hero .arkana-eyebrow {
		margin-top: 0 !important;
		margin-bottom: 0.9rem !important;
	}
}

@media (max-width: 30rem) {
	.arkana-main .arkana-hero {
		min-height: calc(100svh - 5.95rem) !important;
		padding-top: 1.45rem !important;
	}
}

/* ================================================================
 * ARKANA RESPONSIVE — HEADER CLEARANCE + LIGHTER HERO TYPE v2
 * ================================================================ */

@media (max-width: 63.999rem) {
	.arkana-header-spacer {
		display: block !important;
		width: 100% !important;
		height: var(--arkana-header-clearance, 7rem) !important;
		min-height: var(--arkana-header-clearance, 7rem) !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		pointer-events: none !important;
	}

	.arkana-main .arkana-hero {
		min-height: calc(100svh - var(--arkana-header-clearance, 7rem)) !important;
		padding-top: clamp(1.6rem, 3.2vh, 2.2rem) !important;
		padding-bottom: clamp(1.5rem, 3vh, 2rem) !important;
	}

	.arkana-hero .arkana-eyebrow {
		margin-top: 0 !important;
		margin-bottom: 0.85rem !important;
		font-weight: 680 !important;
	}

	.arkana-hero__title {
		font-weight: 650 !important;
		font-synthesis: none;
		letter-spacing: -0.045em !important;
		text-shadow: none !important;
		-webkit-text-stroke: 0 transparent;
	}

	.arkana-hero__description {
		font-weight: 400 !important;
	}
}

@media (min-width: 48rem) and (max-width: 63.999rem) {
	.arkana-hero__title {
		font-size: clamp(2.65rem, 5.15vw, 3.55rem) !important;
		line-height: 0.98 !important;
	}
}

@media (max-width: 47.99rem) {
	.arkana-hero__inner {
		width: min(calc(100% - 1.5rem), 32rem) !important;
	}

	.arkana-hero__title {
		font-size: clamp(1.82rem, 8.15vw, 2.42rem) !important;
		line-height: 0.99 !important;
	}

	.arkana-hero__title-set--single > .arkana-hero__title-line {
		display: block !important;
		width: max-content !important;
		max-width: 100% !important;
		white-space: nowrap !important;
	}

	.arkana-hero__description {
		font-size: clamp(0.88rem, 3.55vw, 0.98rem) !important;
		line-height: 1.5 !important;
	}
}

@media (max-width: 23.5rem) {
	.arkana-hero__title {
		font-size: clamp(1.68rem, 7.8vw, 2.02rem) !important;
	}
}

/* ================================================================
 * ARKANA HERO — RESPONSIVE GRID FIX v1
 *
 * Diagnóstico confirmado en Brave, Chrome y Samsung Internet:
 * el Hero conservaba en móvil la cuadrícula global de dos columnas:
 *
 * minmax(0, 1.12fr) + minmax(24rem, 0.78fr)
 *
 * La segunda columna consumía 24rem completos y colapsaba la primera
 * columna a 0px. Por eso el título y eyebrow tenían width: 0, mientras
 * el panel ARKANA se desbordaba 30.4px hacia la derecha.
 * ================================================================ */

/* Tablet: conservar dos columnas, pero sin mínimos que colapsen el texto. */
@media (min-width: 48rem) and (max-width: 63.999rem) {
	.arkana-hero__inner {
		grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.78fr) !important;
		gap: clamp(1.5rem, 3vw, 2.4rem) !important;
	}

	.arkana-hero__content {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.arkana-hero .arkana-system-visual {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 22rem !important;
		justify-self: end !important;
		margin-inline: 0 !important;
	}
}

/* Móvil: una sola columna real. */
@media (max-width: 47.99rem) {
	.arkana-hero__inner {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-auto-flow: row !important;
		width: min(calc(100% - 1.5rem), 32rem) !important;
		max-width: 100% !important;
		margin-inline: auto !important;
		gap: clamp(1.15rem, 3vh, 1.6rem) !important;
	}

	.arkana-hero__content {
		grid-column: 1 !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: visible !important;
	}

	.arkana-hero .arkana-eyebrow,
	.arkana-hero__title,
	.arkana-hero__title-set--single,
	.arkana-hero__description,
	.arkana-hero__actions,
	.arkana-hero__proof {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.arkana-hero__title-set--single > .arkana-hero__title-line {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		white-space: nowrap !important;
	}

	.arkana-hero .arkana-system-visual {
		grid-column: 1 !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin: 0 !important;
		justify-self: stretch !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	.arkana-hero .arkana-system-visual__stage,
	.arkana-hero .arkana-system-visual__grid {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
}

/* ================================================================
 * ARKANA HOME PILLS — GLASS INTERACTIONS v1
 *
 * Applies the same depth language to the Hero proof pills and shared
 * tag collections shown throughout the public Home experience.
 * ================================================================ */

.arkana-site .arkana-hero__proof span,
.arkana-site .arkana-tags span {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border-color: rgba(211, 194, 255, 0.2);
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.085),
			rgba(255, 255, 255, 0.025) 52%,
			rgba(107, 61, 255, 0.045)
		);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		inset 0 -1px 0 rgba(85, 49, 130, 0.12),
		0 0.5rem 1.25rem rgba(0, 0, 0, 0.18);
	-webkit-backdrop-filter: blur(14px) saturate(120%);
	backdrop-filter: blur(14px) saturate(120%);
	transition:
		transform 300ms var(--arkana-control-ease),
		opacity 240ms ease,
		filter 260ms ease,
		color 260ms ease,
		border-color 260ms ease,
		box-shadow 300ms var(--arkana-control-ease);
	will-change: transform;
}

.arkana-site .arkana-hero__proof span::before,
.arkana-site .arkana-tags span::before {
	content: "";
	position: absolute;
	inset: 1px 1px auto;
	height: 48%;
	border-radius: inherit;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.13),
		transparent
	);
	opacity: 0.65;
	pointer-events: none;
}

.arkana-site .arkana-hero__proof span::after,
.arkana-site .arkana-tags span::after {
	content: "";
	position: absolute;
	top: -45%;
	bottom: -45%;
	left: -45%;
	width: 24%;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 255, 255, 0.62),
		transparent
	);
	transform: translateX(-220%) skewX(-18deg);
	opacity: 0;
	pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
	.arkana-site .arkana-hero__proof span:hover,
	.arkana-site .arkana-tags span:hover {
		z-index: 2;
		transform: translateY(-0.22rem) scale(1.045);
		color: rgba(255, 255, 255, 0.96);
		border-color: rgba(221, 202, 255, 0.52);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.2),
			0 0.85rem 1.9rem rgba(0, 0, 0, 0.3),
			0 0 1.8rem rgba(128, 68, 255, 0.2);
		filter: saturate(1.12) brightness(1.08);
	}

	.arkana-site .arkana-hero__proof span:hover::after,
	.arkana-site .arkana-tags span:hover::after {
		animation: arkana-control-shimmer-v1 680ms var(--arkana-control-ease) both;
	}

	.arkana-site .arkana-hero__proof:has(> span:hover) > span:not(:hover),
	.arkana-site .arkana-tags:has(> span:hover) > span:not(:hover) {
		opacity: 0.34;
		filter: saturate(0.45) brightness(0.7);
		transform: scale(0.965);
	}
}

@media (hover: none), (pointer: coarse) {
	.arkana-site .arkana-hero__proof span:active,
	.arkana-site .arkana-tags span:active {
		transform: scale(0.97);
		filter: brightness(0.94);
	}
}

@media (prefers-reduced-motion: reduce) {
	.arkana-site .arkana-hero__proof span,
	.arkana-site .arkana-tags span {
		transition-duration: 0.01ms !important;
	}

	.arkana-site .arkana-hero__proof span::after,
	.arkana-site .arkana-tags span::after {
		display: none !important;
	}
}

/* ================================================================
 * ARKANA HERO — CODE-GENERATED ECOSYSTEM MAP v1
 * ================================================================ */

.arkana-hero .arkana-system-visual.arkana-ecosystem-map {
	position: relative;
	isolation: isolate;
	width: min(100%, 35rem);
	max-width: 35rem !important;
	aspect-ratio: 1.16 / 1;
	justify-self: end;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	contain: layout style;
}

.arkana-hero .arkana-system-visual.arkana-ecosystem-map::before,
.arkana-hero .arkana-system-visual.arkana-ecosystem-map::after {
	content: none !important;
	display: none !important;
}

.arkana-ecosystem-map__ambient {
	position: absolute;
	inset: 12% 9%;
	z-index: -1;
	border-radius: 50%;
	background:
		radial-gradient(circle at center, rgba(128, 54, 255, 0.21), transparent 47%),
		radial-gradient(circle at 50% 55%, rgba(39, 83, 255, 0.12), transparent 66%);
	filter: blur(1.2rem);
	opacity: 0.92;
	pointer-events: none;
}

.arkana-ecosystem-map__connections {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	pointer-events: none;
}

.arkana-ecosystem-link {
	fill: none;
	stroke: url("#arkana-ecosystem-line");
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 7 10;
	opacity: 0.52;
	filter: url("#arkana-ecosystem-glow");
	vector-effect: non-scaling-stroke;
	animation: arkana-ecosystem-flow-v1 7s linear infinite;
	transition: opacity 280ms ease, stroke-width 280ms ease, filter 280ms ease;
}

.arkana-ecosystem-link:nth-child(2n) {
	animation-direction: reverse;
	animation-duration: 8.5s;
}

.arkana-ecosystem-link:nth-child(3n) {
	animation-duration: 10s;
}

@keyframes arkana-ecosystem-flow-v1 {
	to { stroke-dashoffset: -68; }
}

.arkana-ecosystem-map__core {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	display: grid;
	place-items: center;
	width: clamp(7.6rem, 28%, 9.2rem);
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.arkana-ecosystem-map__core::before {
	content: "";
	position: absolute;
	inset: 10%;
	border-radius: inherit;
	background:
		radial-gradient(circle at 35% 24%, rgba(255, 255, 255, 0.2), transparent 22%),
		linear-gradient(145deg, rgba(24, 15, 53, 0.96), rgba(7, 5, 20, 0.96));
	border: 1px solid rgba(216, 193, 255, 0.34);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.17),
		inset 0 -1.5rem 3rem rgba(35, 15, 83, 0.42),
		0 0 1rem rgba(180, 55, 255, 0.33),
		0 0 3.8rem rgba(111, 53, 255, 0.44);
}

.arkana-ecosystem-map__core::after {
	content: "";
	position: absolute;
	inset: 1%;
	border-radius: inherit;
	border: 1px solid rgba(143, 95, 255, 0.46);
	box-shadow:
		0 0 0 0.42rem rgba(113, 57, 255, 0.06),
		0 0 2.2rem rgba(198, 55, 255, 0.26);
	animation: arkana-ecosystem-core-pulse-v1 3.8s ease-in-out infinite;
}

@keyframes arkana-ecosystem-core-pulse-v1 {
	0%, 100% { transform: scale(0.98); opacity: 0.68; }
	50% { transform: scale(1.055); opacity: 1; }
}

.arkana-ecosystem-map__core-panel {
	position: relative;
	z-index: 3;
	display: grid;
	justify-items: center;
	gap: 0.24rem;
	color: #fff;
	text-align: center;
}

.arkana-ecosystem-map__logo {
	width: clamp(2.65rem, 8vw, 3.45rem) !important;
	border-radius: 1rem !important;
	margin-bottom: 0.16rem;
	box-shadow:
		0 0 1.8rem rgba(124, 44, 255, 0.55),
		0 0 3.2rem rgba(244, 54, 177, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.arkana-ecosystem-map__core-panel strong {
	font-family: var(--arkana-font-display);
	font-size: clamp(0.72rem, 1.75vw, 0.95rem);
	font-weight: 820;
	letter-spacing: 0.12em;
}

.arkana-ecosystem-map__core-panel small {
	color: rgba(218, 207, 239, 0.72);
	font-size: clamp(0.46rem, 1.25vw, 0.62rem);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.arkana-ecosystem-map__core-orbit {
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgba(176, 112, 255, 0.27);
	pointer-events: none;
}

.arkana-ecosystem-map__core-orbit--outer {
	inset: -18%;
	border-style: dashed;
	animation: arkana-ecosystem-orbit-v1 18s linear infinite;
}

.arkana-ecosystem-map__core-orbit--inner {
	inset: 2%;
	border-color: rgba(255, 91, 196, 0.22);
	animation: arkana-ecosystem-orbit-v1 12s linear infinite reverse;
}

@keyframes arkana-ecosystem-orbit-v1 {
	to { transform: rotate(1turn); }
}

.arkana-ecosystem-map__nodes {
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
}

.arkana-ecosystem-node {
	position: absolute;
	width: clamp(6.3rem, 21%, 7.45rem);
	transform: translate(-50%, -50%);
	pointer-events: auto;
}

.arkana-ecosystem-node::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	width: 0.48rem;
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(255, 255, 255, 0.46);
	border-radius: 50%;
	background: #b54cff;
	box-shadow:
		0 0 0 0.28rem rgba(160, 69, 255, 0.12),
		0 0 1.25rem rgba(208, 67, 255, 0.72);
}

.arkana-ecosystem-node__card {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 0.58rem;
	min-height: clamp(3.45rem, 9vw, 4.25rem);
	padding: 0.58rem 0.62rem;
	border: 1px solid rgba(205, 181, 255, 0.22);
	border-radius: 1rem;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(66, 32, 119, 0.12) 44%, rgba(5, 4, 16, 0.76)),
		rgba(8, 6, 23, 0.74);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.13),
		inset 0 -1px 0 rgba(99, 56, 159, 0.12),
		0 0.75rem 1.65rem rgba(0, 0, 0, 0.32),
		0 0 1.6rem rgba(126, 58, 255, 0.12);
	-webkit-backdrop-filter: blur(16px) saturate(135%);
	backdrop-filter: blur(16px) saturate(135%);
	overflow: hidden;
	animation: arkana-ecosystem-node-float-v1 5.8s ease-in-out infinite;
	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 260ms ease,
		filter 280ms ease,
		border-color 280ms ease,
		box-shadow 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

.arkana-ecosystem-node__card::before {
	content: "";
	position: absolute;
	inset: 1px 1px auto;
	height: 46%;
	border-radius: inherit;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent);
	opacity: 0.72;
	pointer-events: none;
}

.arkana-ecosystem-node:nth-child(2n) .arkana-ecosystem-node__card {
	animation-delay: -1.9s;
}

.arkana-ecosystem-node:nth-child(3n) .arkana-ecosystem-node__card {
	animation-delay: -3.2s;
}

@keyframes arkana-ecosystem-node-float-v1 {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-0.26rem); }
}

.arkana-ecosystem-node__icon {
	position: relative;
	display: grid;
	place-items: center;
	width: clamp(1.7rem, 5vw, 2.15rem);
	aspect-ratio: 1;
	border: 1px solid rgba(205, 176, 255, 0.23);
	border-radius: 0.66rem;
	background:
		linear-gradient(145deg, rgba(117, 67, 255, 0.45), rgba(255, 55, 171, 0.12)),
		rgba(16, 8, 40, 0.86);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.16),
		0 0 1rem rgba(157, 57, 255, 0.25);
	color: #e2ccff;
}

.arkana-ecosystem-node__icon-svg {
	width: 58%;
	height: 58%;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.65;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.arkana-ecosystem-node__copy {
	display: grid;
	min-width: 0;
	gap: 0.08rem;
}

.arkana-ecosystem-node__copy strong {
	overflow: hidden;
	color: rgba(255, 255, 255, 0.94);
	font-family: var(--arkana-font-display);
	font-size: clamp(0.58rem, 1.55vw, 0.76rem);
	font-weight: 700;
	line-height: 1.08;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.arkana-ecosystem-node__copy small {
	overflow: hidden;
	color: rgba(205, 190, 226, 0.62);
	font-size: clamp(0.45rem, 1.16vw, 0.57rem);
	line-height: 1.08;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.arkana-ecosystem-node__number {
	position: absolute;
	top: 0.34rem;
	right: 0.42rem;
	color: rgba(213, 191, 255, 0.48);
	font-family: var(--arkana-font-display);
	font-size: 0.43rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.arkana-ecosystem-node--north-west { top: 17%; left: 22%; }
.arkana-ecosystem-node--north { top: 10.5%; left: 50%; }
.arkana-ecosystem-node--north-east { top: 17%; left: 78%; }
.arkana-ecosystem-node--east-upper { top: 37%; left: 89%; }
.arkana-ecosystem-node--east-lower { top: 67%; left: 87%; }
.arkana-ecosystem-node--south-east { top: 86%; left: 73%; }
.arkana-ecosystem-node--south { top: 90%; left: 50%; }
.arkana-ecosystem-node--south-west { top: 86%; left: 27%; }
.arkana-ecosystem-node--west-lower { top: 67%; left: 13%; }
.arkana-ecosystem-node--west-upper { top: 37%; left: 11%; }

.arkana-ecosystem-map__caption {
	position: absolute;
	left: 50%;
	bottom: -0.15rem;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	gap: 0.42rem;
	margin: 0;
	transform: translateX(-50%);
	color: rgba(209, 196, 231, 0.66);
	font-size: clamp(0.46rem, 1.1vw, 0.6rem);
	letter-spacing: 0.04em;
	white-space: nowrap;
}

.arkana-ecosystem-map__caption span {
	width: 0.42rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #68efbd;
	box-shadow: 0 0 1rem rgba(104, 239, 189, 0.72);
}

@media (hover: hover) and (pointer: fine) {
	.arkana-ecosystem-node:hover {
		z-index: 9;
	}

	.arkana-ecosystem-node:hover .arkana-ecosystem-node__card {
		animation-play-state: paused;
		transform: translateY(-0.42rem) scale(1.075);
		border-color: rgba(224, 201, 255, 0.58);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.22),
			0 1.1rem 2.3rem rgba(0, 0, 0, 0.42),
			0 0 2.25rem rgba(163, 67, 255, 0.35);
		filter: saturate(1.14) brightness(1.07);
	}

	.arkana-ecosystem-map:has(.arkana-ecosystem-node:hover) .arkana-ecosystem-node:not(:hover) .arkana-ecosystem-node__card {
		opacity: 0.34;
		filter: saturate(0.5) brightness(0.7);
	}

	.arkana-ecosystem-map:has(.arkana-ecosystem-node:hover) .arkana-ecosystem-link {
		opacity: 0.12;
	}

	.arkana-ecosystem-map:has(.arkana-ecosystem-node--north-west:hover) .arkana-ecosystem-link--north-west,
	.arkana-ecosystem-map:has(.arkana-ecosystem-node--north:hover) .arkana-ecosystem-link--north,
	.arkana-ecosystem-map:has(.arkana-ecosystem-node--north-east:hover) .arkana-ecosystem-link--north-east,
	.arkana-ecosystem-map:has(.arkana-ecosystem-node--east-upper:hover) .arkana-ecosystem-link--east-upper,
	.arkana-ecosystem-map:has(.arkana-ecosystem-node--east-lower:hover) .arkana-ecosystem-link--east-lower,
	.arkana-ecosystem-map:has(.arkana-ecosystem-node--south-east:hover) .arkana-ecosystem-link--south-east,
	.arkana-ecosystem-map:has(.arkana-ecosystem-node--south:hover) .arkana-ecosystem-link--south,
	.arkana-ecosystem-map:has(.arkana-ecosystem-node--south-west:hover) .arkana-ecosystem-link--south-west,
	.arkana-ecosystem-map:has(.arkana-ecosystem-node--west-lower:hover) .arkana-ecosystem-link--west-lower,
	.arkana-ecosystem-map:has(.arkana-ecosystem-node--west-upper:hover) .arkana-ecosystem-link--west-upper {
		opacity: 1;
		stroke-width: 3.2;
		filter: url("#arkana-ecosystem-glow") drop-shadow(0 0 0.45rem rgba(211, 78, 255, 0.72));
	}
}

@media (min-width: 48rem) and (max-width: 63.999rem) {
	.arkana-hero .arkana-system-visual.arkana-ecosystem-map {
		width: min(100%, 25rem) !important;
		max-width: 25rem !important;
		justify-self: end !important;
	}

	.arkana-ecosystem-node {
		width: clamp(5.05rem, 22%, 5.8rem);
	}

	.arkana-ecosystem-node__card {
		gap: 0.38rem;
		min-height: 3.25rem;
		padding: 0.44rem 0.45rem;
		border-radius: 0.82rem;
	}

	.arkana-ecosystem-node__copy small,
	.arkana-ecosystem-node__number {
		display: none;
	}
}

@media (max-width: 47.99rem) {
	.arkana-hero .arkana-system-visual.arkana-ecosystem-map {
		grid-column: 1 !important;
		width: 100% !important;
		max-width: 31rem !important;
		aspect-ratio: 1.2 / 1;
		margin: 0 auto !important;
		justify-self: stretch !important;
		overflow: visible !important;
	}

	.arkana-ecosystem-map__core {
		width: clamp(6.2rem, 27%, 7.2rem);
	}

	.arkana-ecosystem-map__logo {
		width: clamp(2.2rem, 9vw, 2.75rem) !important;
	}

	.arkana-ecosystem-node {
		width: clamp(4.45rem, 21.5%, 5.25rem);
	}

	.arkana-ecosystem-node__card {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 0.23rem;
		min-height: clamp(3.25rem, 17vw, 4rem);
		padding: 0.38rem 0.3rem;
		border-radius: 0.76rem;
		text-align: center;
	}

	.arkana-ecosystem-node__icon {
		width: clamp(1.45rem, 6.8vw, 1.85rem);
		border-radius: 0.55rem;
	}

	.arkana-ecosystem-node__copy strong {
		font-size: clamp(0.48rem, 2.35vw, 0.63rem);
		white-space: normal;
	}

	.arkana-ecosystem-node__copy small,
	.arkana-ecosystem-node__number {
		display: none;
	}

	.arkana-ecosystem-map__caption {
		bottom: -0.5rem;
		font-size: 0.47rem;
	}

	.arkana-ecosystem-link {
		stroke-width: 1.45;
		stroke-dasharray: 5 8;
		opacity: 0.45;
	}
}

@media (max-width: 23.5rem) {
	.arkana-ecosystem-node {
		width: clamp(4.05rem, 21.2%, 4.65rem);
	}

	.arkana-ecosystem-node__card {
		min-height: 3.05rem;
		padding-inline: 0.22rem;
	}

	.arkana-ecosystem-node__copy strong {
		font-size: 0.46rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.arkana-ecosystem-link,
	.arkana-ecosystem-map__core::after,
	.arkana-ecosystem-map__core-orbit,
	.arkana-ecosystem-node__card {
		animation: none !important;
	}
}

/* ================================================================
 * ARKANA ECOSYSTEM MAP — GEOMETRY FIX v2
 *
 * Root cause:
 * The ecosystem is a CSS Grid item. Grid items stretch on the cross axis
 * by default. The Hero text column was taller than the visual, so the map
 * was stretched vertically despite its aspect-ratio. Its absolute children
 * then calculated percentages against that exaggerated height:
 *
 * - SVG connections appeared at the top.
 * - The central core fell near the bottom.
 * - Only the middle nodes were visible in one crowded row.
 *
 * This layer prevents grid stretching and gives the map one stable,
 * proportional coordinate system on desktop, tablet and mobile.
 * ================================================================ */

.arkana-hero__inner {
	align-items: center !important;
}

.arkana-hero .arkana-system-visual.arkana-ecosystem-map {
	display: block !important;
	align-self: center !important;
	justify-self: center !important;
	inline-size: min(100%, 35rem) !important;
	block-size: auto !important;
	width: min(100%, 35rem) !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: 35rem !important;
	max-height: none !important;
	aspect-ratio: 720 / 620 !important;
	box-sizing: border-box !important;
	place-self: center !important;
}

/* Every absolute layer must use the same complete coordinate plane. */
.arkana-ecosystem-map__ambient,
.arkana-ecosystem-map__connections,
.arkana-ecosystem-map__nodes {
	box-sizing: border-box !important;
}

.arkana-ecosystem-map__connections,
.arkana-ecosystem-map__nodes {
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

/* Keep the node cards above connections and stop accidental row layout. */
.arkana-ecosystem-map__nodes {
	display: block !important;
}

/* Center the whole network more cleanly inside the Hero column. */
@media (min-width: 64rem) {
	.arkana-hero .arkana-system-visual.arkana-ecosystem-map {
		transform: translateX(-0.35rem);
	}
}

@media (min-width: 48rem) and (max-width: 63.999rem) {
	.arkana-hero .arkana-system-visual.arkana-ecosystem-map {
		inline-size: min(100%, 25rem) !important;
		width: min(100%, 25rem) !important;
		max-width: 25rem !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 720 / 620 !important;
		place-self: center !important;
	}
}

@media (max-width: 47.99rem) {
	.arkana-hero .arkana-system-visual.arkana-ecosystem-map {
		grid-column: 1 !important;
		inline-size: min(100%, 31rem) !important;
		width: min(100%, 31rem) !important;
		height: auto !important;
		min-height: 0 !important;
		max-width: 31rem !important;
		aspect-ratio: 720 / 620 !important;
		margin-inline: auto !important;
		place-self: center !important;
		transform: none !important;
	}
}

/* ================================================================
 * ARKANA ECOSYSTEM — UNIFIED SVG v2
 *
 * All geometry now lives inside one SVG viewBox (720 × 620).
 * Lines, nodes and core cannot separate vertically because they no longer
 * depend on independent absolutely positioned HTML layers.
 * ================================================================ */

.arkana-hero .arkana-system-visual.arkana-ecosystem-svg-v2 {
	display: block !important;
	position: relative !important;
	align-self: center !important;
	justify-self: center !important;
	place-self: center !important;
	width: min(100%, 39rem) !important;
	max-width: 39rem !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	contain: none !important;
}

.arkana-hero .arkana-system-visual.arkana-ecosystem-svg-v2::before,
.arkana-hero .arkana-system-visual.arkana-ecosystem-svg-v2::after {
	content: none !important;
	display: none !important;
}

.arkana-ecosystem-svg-v2__canvas {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.arkana-ecosystem-svg-v2__ambient {
	fill: rgba(100, 45, 255, 0.075);
	filter: blur(18px);
}

.arkana-ecosystem-svg-v2__line {
	fill: none;
	stroke: url("#arkana-v2-line-gradient");
	stroke-width: 2;
	stroke-linecap: round;
	stroke-dasharray: 8 11;
	opacity: 0.58;
	filter: url("#arkana-v2-line-glow");
	vector-effect: non-scaling-stroke;
	animation: arkana-svg-line-flow-v2 8s linear infinite;
	transition:
		opacity 280ms ease,
		stroke-width 280ms ease,
		filter 280ms ease;
}

.arkana-ecosystem-svg-v2__line:nth-child(2n) {
	animation-direction: reverse;
	animation-duration: 9.5s;
}

.arkana-ecosystem-svg-v2__line:nth-child(3n) {
	animation-duration: 11s;
}

@keyframes arkana-svg-line-flow-v2 {
	to {
		stroke-dashoffset: -76;
	}
}

.arkana-ecosystem-svg-v2__orbit {
	fill: none;
	stroke: rgba(177, 108, 255, 0.35);
	stroke-width: 1;
	stroke-dasharray: 5 8;
	transform-origin: center;
	animation: arkana-svg-orbit-v2 18s linear infinite;
	vector-effect: non-scaling-stroke;
}

.arkana-ecosystem-svg-v2__orbit--inner {
	stroke: rgba(255, 77, 170, 0.28);
	stroke-dasharray: 2 8;
	animation-duration: 12s;
	animation-direction: reverse;
}

@keyframes arkana-svg-orbit-v2 {
	to {
		transform: rotate(1turn);
	}
}

.arkana-ecosystem-svg-v2__core-disc {
	fill: url("#arkana-v2-core-gradient");
	stroke: rgba(221, 196, 255, 0.46);
	stroke-width: 1.5;
	filter: url("#arkana-v2-core-glow");
}

.arkana-ecosystem-svg-v2__core-ring {
	fill: none;
	stroke: rgba(141, 83, 255, 0.65);
	stroke-width: 2;
	opacity: 0.7;
	vector-effect: non-scaling-stroke;
	animation: arkana-svg-core-pulse-v2 3.8s ease-in-out infinite;
	transform-origin: center;
}

@keyframes arkana-svg-core-pulse-v2 {
	0%,
	100% {
		transform: scale(0.98);
		opacity: 0.55;
	}
	50% {
		transform: scale(1.08);
		opacity: 1;
	}
}

.arkana-ecosystem-svg-v2__logo rect {
	fill: url("#arkana-v2-icon-gradient");
	stroke: rgba(255, 255, 255, 0.28);
	stroke-width: 1;
	filter: url("#arkana-v2-core-glow");
}

.arkana-ecosystem-svg-v2__logo-image {
	pointer-events: none;
	filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.2));
}

.arkana-ecosystem-svg-v2__core-title {
	fill: #ffffff;
	font-family: var(--arkana-font-display);
	font-size: 15px;
	font-weight: 820;
	letter-spacing: 2.2px;
}

.arkana-ecosystem-svg-v2__core-meta {
	fill: rgba(217, 203, 239, 0.66);
	font-family: var(--arkana-font-body);
	font-size: 7px;
	letter-spacing: 1.1px;
}

.arkana-ecosystem-svg-node {
	cursor: default;
}

.arkana-ecosystem-svg-node__float {
	transform-box: fill-box;
	transform-origin: center;
	animation: arkana-svg-node-float-v2 6s ease-in-out infinite;
	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 260ms ease,
		filter 280ms ease;
}

.arkana-ecosystem-svg-node:nth-child(2n) .arkana-ecosystem-svg-node__float {
	animation-delay: -1.8s;
}

.arkana-ecosystem-svg-node:nth-child(3n) .arkana-ecosystem-svg-node__float {
	animation-delay: -3.1s;
}

@keyframes arkana-svg-node-float-v2 {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
}

.arkana-ecosystem-svg-node__card {
	fill: url("#arkana-v2-card-gradient");
	stroke: rgba(211, 187, 255, 0.32);
	stroke-width: 1.2;
	filter: url("#arkana-v2-card-shadow");
	transition:
		stroke 280ms ease,
		filter 320ms ease;
}

.arkana-ecosystem-svg-node__highlight {
	fill: none;
	stroke: rgba(255, 255, 255, 0.17);
	stroke-width: 1.3;
	stroke-linecap: round;
}

.arkana-ecosystem-svg-node__icon-bg {
	fill: rgba(101, 52, 207, 0.34);
	stroke: rgba(209, 178, 255, 0.35);
	stroke-width: 1;
}

.arkana-ecosystem-svg-node__icon {
	fill: none;
	stroke: #e5d4ff;
	stroke-width: 1.65;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.arkana-ecosystem-svg-node__label {
	fill: rgba(255, 255, 255, 0.95);
	font-family: var(--arkana-font-display);
	font-size: 14px;
	font-weight: 720;
}

.arkana-ecosystem-svg-node__meta {
	fill: rgba(207, 193, 229, 0.64);
	font-family: var(--arkana-font-body);
	font-size: 10px;
}

.arkana-ecosystem-svg-node__number {
	fill: rgba(216, 195, 255, 0.48);
	font-family: var(--arkana-font-display);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.7px;
}

.arkana-ecosystem-svg-v2__caption {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.42rem;
	width: 100%;
	margin: -0.4rem 0 0;
	color: rgba(209, 196, 231, 0.66);
	font-size: clamp(0.5rem, 1vw, 0.62rem);
	letter-spacing: 0.04em;
	text-align: center;
}

.arkana-ecosystem-svg-v2__caption span {
	width: 0.42rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #68efbd;
	box-shadow: 0 0 1rem rgba(104, 239, 189, 0.72);
}

@media (hover: hover) and (pointer: fine) {
	.arkana-ecosystem-svg-node:hover .arkana-ecosystem-svg-node__float {
		animation-play-state: paused;
		transform: translateY(-8px) scale(1.07);
		filter: saturate(1.12) brightness(1.08);
	}

	.arkana-ecosystem-svg-node:hover .arkana-ecosystem-svg-node__card {
		stroke: rgba(231, 211, 255, 0.76);
		filter:
			url("#arkana-v2-card-shadow")
			drop-shadow(0 0 12px rgba(177, 64, 255, 0.38));
	}

	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node:hover)
		.arkana-ecosystem-svg-node:not(:hover) {
		opacity: 0.3;
		filter: saturate(0.45) brightness(0.72);
	}

	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node:hover)
		.arkana-ecosystem-svg-v2__line {
		opacity: 0.12;
	}

	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--north-west:hover)
		.arkana-ecosystem-svg-v2__line--north-west,
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--north:hover)
		.arkana-ecosystem-svg-v2__line--north,
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--north-east:hover)
		.arkana-ecosystem-svg-v2__line--north-east,
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--east-upper:hover)
		.arkana-ecosystem-svg-v2__line--east-upper,
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--east-lower:hover)
		.arkana-ecosystem-svg-v2__line--east-lower,
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--south-east:hover)
		.arkana-ecosystem-svg-v2__line--south-east,
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--south:hover)
		.arkana-ecosystem-svg-v2__line--south,
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--south-west:hover)
		.arkana-ecosystem-svg-v2__line--south-west,
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--west-lower:hover)
		.arkana-ecosystem-svg-v2__line--west-lower,
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--west-upper:hover)
		.arkana-ecosystem-svg-v2__line--west-upper {
		opacity: 1;
		stroke-width: 3;
		filter:
			url("#arkana-v2-line-glow")
			drop-shadow(0 0 6px rgba(211, 78, 255, 0.75));
	}
}

@media (min-width: 64rem) {
	.arkana-hero .arkana-system-visual.arkana-ecosystem-svg-v2 {
		transform: translateX(-0.2rem);
	}
}

@media (min-width: 48rem) and (max-width: 63.999rem) {
	.arkana-hero .arkana-system-visual.arkana-ecosystem-svg-v2 {
		width: min(100%, 27rem) !important;
		max-width: 27rem !important;
		transform: none !important;
	}
}

@media (max-width: 47.99rem) {
	.arkana-hero .arkana-system-visual.arkana-ecosystem-svg-v2 {
		grid-column: 1 !important;
		width: min(100%, 31rem) !important;
		max-width: 31rem !important;
		margin-inline: auto !important;
		transform: none !important;
	}

	.arkana-ecosystem-svg-v2__caption {
		margin-top: -0.2rem;
		font-size: 0.5rem;
	}
}

@media (max-width: 23.5rem) {
	.arkana-hero .arkana-system-visual.arkana-ecosystem-svg-v2 {
		width: 100% !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.arkana-ecosystem-svg-v2__line,
	.arkana-ecosystem-svg-v2__orbit,
	.arkana-ecosystem-svg-v2__core-ring,
	.arkana-ecosystem-svg-node__float {
		animation: none !important;
	}
}

/* ================================================================
 * ARKANA ECOSYSTEM — DETAIL FIX v3
 *
 * - Vertical links now use a user-space gradient, so zero-width paths
 *   (Sitio web and IA aplicada) render consistently in all browsers.
 * - The selected outer orbit was removed from the SVG markup.
 * - Long labels receive a compact type treatment without changing cards.
 * ================================================================ */

.arkana-ecosystem-svg-node__label--compact {
	font-size: 11px !important;
	letter-spacing: -0.15px;
}

/* ================================================================
 * ARKANA ECOSYSTEM — VERTICAL LINES + ORBIT REMOVAL v4
 *
 * The north and south paths are perfectly vertical. Although the global
 * user-space gradient improved compatibility, some Chromium/Samsung builds
 * still painted those strokes too faintly until the hover state increased
 * their opacity and width.
 *
 * A dedicated vertical gradient and explicit resting opacity make both
 * connections permanently visible. The decorative orbit is removed.
 * ================================================================ */

.arkana-ecosystem-svg-v2__line--north,
.arkana-ecosystem-svg-v2__line--south {
	stroke: url("#arkana-v2-line-gradient-vertical") !important;
	stroke-width: 2.35 !important;
	opacity: 0.76 !important;
	filter:
		url("#arkana-v2-line-glow")
		drop-shadow(0 0 4px rgba(190, 57, 255, 0.48));
}

/*
 * Hover still intensifies the active vertical connection, but it is no
 * longer required for the line to appear.
 */
@media (hover: hover) and (pointer: fine) {
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node:hover)
		.arkana-ecosystem-svg-v2__line--north,
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node:hover)
		.arkana-ecosystem-svg-v2__line--south {
		opacity: 0.14 !important;
	}

	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--north:hover)
		.arkana-ecosystem-svg-v2__line--north,
	.arkana-ecosystem-svg-v2__canvas:has(.arkana-ecosystem-svg-node--south:hover)
		.arkana-ecosystem-svg-v2__line--south {
		opacity: 1 !important;
		stroke-width: 3.1 !important;
		filter:
			url("#arkana-v2-line-glow")
			drop-shadow(0 0 7px rgba(218, 74, 255, 0.82));
	}
}

/* Defensive removal in case older SVG markup remains temporarily loaded. */
.arkana-ecosystem-svg-v2__orbit {
	display: none !important;
	animation: none !important;
}

/* ================================================================
 * ARKANA ECOSYSTEM — MOBILE STABLE RENDER v1
 *
 * Mobile Chromium can rasterize complex inline-SVG filters as opaque black
 * silhouettes when several filtered cards, circles and drop shadows share the
 * same SVG. The geometry remains correct, but the filter output covers the
 * icons, labels and central logo.
 *
 * Mobile uses a lighter rendering path:
 * - SVG filters disabled.
 * - Explicit glass fills and strokes retained.
 * - No inherited system-visual frame.
 * - Proof pills hidden to preserve one clean viewport.
 * - Fixed intrinsic SVG ratio prevents vertical distortion.
 * ================================================================ */

@media (max-width: 47.99rem) {
	/* Keep the Hero content clean and reduce pre-map clutter. */
	.arkana-hero__proof {
		display: none !important;
	}

	.arkana-hero .arkana-system-visual.arkana-ecosystem-svg-v2 {
		display: block !important;
		grid-column: 1 !important;
		align-self: start !important;
		justify-self: center !important;
		width: min(calc(100% - 0.5rem), 24rem) !important;
		max-width: 24rem !important;
		height: auto !important;
		min-height: 0 !important;
		margin: clamp(1.15rem, 3vh, 1.75rem) auto 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		box-shadow: none !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		overflow: visible !important;
		isolation: isolate !important;
	}

	.arkana-hero .arkana-system-visual.arkana-ecosystem-svg-v2::before,
	.arkana-hero .arkana-system-visual.arkana-ecosystem-svg-v2::after {
		content: none !important;
		display: none !important;
	}

	.arkana-ecosystem-svg-v2__canvas {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 720 / 620 !important;
		max-width: 100% !important;
		overflow: visible !important;
	}

	/*
	 * Disable the expensive SVG filter pipeline only on touch/mobile.
	 * This prevents the opaque black circle and black node silhouettes.
	 */
	.arkana-ecosystem-svg-v2__ambient,
	.arkana-ecosystem-svg-v2__line,
	.arkana-ecosystem-svg-v2__core-disc,
	.arkana-ecosystem-svg-v2__logo rect,
	.arkana-ecosystem-svg-node__card,
	.arkana-ecosystem-svg-node__float {
		filter: none !important;
	}

	.arkana-ecosystem-svg-v2__ambient {
		fill: rgba(103, 53, 255, 0.08) !important;
	}

	.arkana-ecosystem-svg-v2__line {
		stroke-width: 1.7 !important;
		opacity: 0.64 !important;
	}

	.arkana-ecosystem-svg-v2__line--north,
	.arkana-ecosystem-svg-v2__line--south {
		stroke-width: 2 !important;
		opacity: 0.8 !important;
	}

	.arkana-ecosystem-svg-v2__core-disc {
		fill: url("#arkana-v2-core-gradient") !important;
		stroke: rgba(214, 188, 255, 0.62) !important;
		stroke-width: 1.5 !important;
	}

	.arkana-ecosystem-svg-v2__logo rect {
		fill: url("#arkana-v2-icon-gradient") !important;
		stroke: rgba(255, 255, 255, 0.32) !important;
	}

	.arkana-ecosystem-svg-node__card {
		fill: url("#arkana-v2-card-gradient") !important;
		stroke: rgba(202, 174, 255, 0.42) !important;
		stroke-width: 1.15 !important;
	}

	.arkana-ecosystem-svg-node__icon-bg {
		fill: rgba(91, 49, 190, 0.5) !important;
		stroke: rgba(209, 180, 255, 0.42) !important;
	}

	.arkana-ecosystem-svg-node__label {
		fill: rgba(255, 255, 255, 0.96) !important;
	}

	.arkana-ecosystem-svg-node__meta {
		fill: rgba(215, 200, 235, 0.68) !important;
	}

	.arkana-ecosystem-svg-v2__core-title {
		fill: #ffffff !important;
	}

	.arkana-ecosystem-svg-v2__core-meta {
		fill: rgba(220, 204, 240, 0.68) !important;
	}

	/* Touch devices do not need the floating animation on every card. */
	.arkana-ecosystem-svg-node__float {
		animation: none !important;
		transform: none !important;
	}

	.arkana-ecosystem-svg-v2__caption {
		width: 100% !important;
		margin: 0.15rem auto 0 !important;
		padding: 0 !important;
		font-size: 0.48rem !important;
		line-height: 1.35 !important;
		white-space: nowrap;
	}

	/* No old browser-window pieces may participate in this visual. */
	.arkana-ecosystem-svg-v2 :is(
		.arkana-system-visual__chrome,
		.arkana-system-visual__stage,
		.arkana-system-visual__grid,
		.arkana-system-visual__core,
		.arkana-system-visual__orbit,
		.arkana-system-visual__footer
	) {
		display: none !important;
	}
}

@media (max-width: 23.5rem) {
	.arkana-hero .arkana-system-visual.arkana-ecosystem-svg-v2 {
		width: min(100%, 22rem) !important;
	}

	.arkana-ecosystem-svg-v2__caption {
		font-size: 0.44rem !important;
	}
}

/* ================================================================
 * ARKANA CAPABILITIES — TWO-LINE TITLE + GLASS CARDS v1
 *
 * Desktop:
 * - heading uses the same useful width as the four-card grid;
 * - title is locked to two intentional lines;
 * - active card rises, gains glow and receives a contained shimmer;
 * - sibling cards in the same grid become secondary.
 *
 * Tablet/mobile:
 * - title remains two controlled lines with responsive type;
 * - touch receives press feedback without sticky hover;
 * - grid remains 2 columns on tablet and 1 on mobile.
 * ================================================================ */

.arkana-capabilities {
	min-height: min(100svh, 52rem);
	display: grid;
	align-items: center;
	padding-block: clamp(4.5rem, 7vh, 6.25rem) !important;
}

.arkana-capabilities__inner {
	width: min(calc(100% - 3rem), 86rem);
}

.arkana-capabilities__heading {
	width: 100%;
	max-width: 78rem !important;
	margin: 0 auto clamp(2.2rem, 4.5vh, 3.5rem) !important;
}

.arkana-capabilities__heading .arkana-eyebrow {
	margin-bottom: clamp(0.75rem, 1.5vh, 1rem);
}

.arkana-capabilities__title {
	width: 100%;
	max-width: none !important;
	margin: 0;
	font-size: clamp(2.5rem, 4.35vw, 5.05rem) !important;
	font-weight: 720 !important;
	letter-spacing: -0.055em !important;
	line-height: 0.96 !important;
	text-wrap: initial !important;
}

.arkana-capabilities__title-line {
	display: block;
	width: 100%;
	white-space: nowrap;
}

.arkana-capabilities__grid {
	gap: clamp(0.85rem, 1.25vw, 1.2rem) !important;
}

.arkana-capability-card {
	--arkana-capability-accent: 159, 74, 255;
	position: relative;
	isolation: isolate;
	display: flex;
	min-height: clamp(12.2rem, 14vw, 14rem);
	flex-direction: column;
	padding: clamp(1.25rem, 1.65vw, 1.55rem) !important;
	border-color: rgba(205, 183, 255, 0.2) !important;
	border-radius: 1.4rem !important;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.085),
			rgba(52, 27, 95, 0.075) 46%,
			rgba(6, 4, 17, 0.94)
		),
		rgba(7, 4, 18, 0.96) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.105),
		inset 0 -1px 0 rgba(var(--arkana-capability-accent), 0.1),
		0 1rem 2.8rem rgba(0, 0, 0, 0.2),
		0 0 2rem rgba(var(--arkana-capability-accent), 0.055) !important;
	-webkit-backdrop-filter: blur(18px) saturate(128%);
	backdrop-filter: blur(18px) saturate(128%);
	overflow: hidden;
	transition:
		transform 340ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 260ms ease,
		filter 280ms ease,
		border-color 280ms ease,
		box-shadow 340ms cubic-bezier(0.22, 1, 0.36, 1),
		background 280ms ease;
	will-change: transform;
}

.arkana-capability-card--2 {
	--arkana-capability-accent: 108, 94, 255;
}

.arkana-capability-card--3 {
	--arkana-capability-accent: 201, 55, 255;
}

.arkana-capability-card--4 {
	--arkana-capability-accent: 255, 73, 170;
}

/* Permanent upper glass reflection. */
.arkana-capability-card::before {
	content: "";
	position: absolute;
	inset: 1px 1px auto;
	z-index: 0;
	height: 47%;
	border-radius: inherit;
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.13),
			rgba(255, 255, 255, 0.025) 66%,
			transparent
		);
	opacity: 0.68;
	pointer-events: none;
}

/* Contained light sweep. */
.arkana-capability-card::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -38%;
	z-index: 1;
	width: 19%;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255, 255, 255, 0.075) 24%,
			rgba(255, 255, 255, 0.62) 50%,
			rgba(255, 255, 255, 0.08) 76%,
			transparent
		);
	filter: blur(0.45px);
	transform: translateX(-220%) skewX(-17deg);
	opacity: 0;
	pointer-events: none;
}

.arkana-capability-card > * {
	position: relative;
	z-index: 2;
}

.arkana-capability-card .arkana-icon {
	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
		border-color 280ms ease,
		box-shadow 320ms ease,
		filter 280ms ease;
}

.arkana-capability-card h3 {
	margin-top: auto !important;
	padding-top: clamp(1.4rem, 2.5vh, 2.4rem);
	font-size: clamp(1.05rem, 1.3vw, 1.22rem) !important;
}

.arkana-capability-card p {
	max-width: 29ch;
	font-size: clamp(0.88rem, 1vw, 0.98rem) !important;
	line-height: 1.55;
}

@keyframes arkana-capability-shimmer-v1 {
	0% {
		transform: translateX(-220%) skewX(-17deg);
		opacity: 0;
	}
	16% {
		opacity: 0.88;
	}
	100% {
		transform: translateX(820%) skewX(-17deg);
		opacity: 0;
	}
}

@media (hover: hover) and (pointer: fine) {
	.arkana-capability-card:hover {
		z-index: 6;
		transform: translateY(-0.55rem) scale(1.025);
		border-color: rgba(224, 207, 255, 0.58) !important;
		background:
			linear-gradient(
				145deg,
				rgba(255, 255, 255, 0.12),
				rgba(var(--arkana-capability-accent), 0.12) 48%,
				rgba(6, 4, 17, 0.96)
			),
			rgba(7, 4, 18, 0.98) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.2),
			inset 0 -1px 0 rgba(var(--arkana-capability-accent), 0.16),
			0 1.4rem 3.2rem rgba(0, 0, 0, 0.36),
			0 0 2.8rem rgba(var(--arkana-capability-accent), 0.27) !important;
		filter: saturate(1.12) brightness(1.06);
	}

	.arkana-capability-card:hover::after {
		animation: arkana-capability-shimmer-v1 760ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	.arkana-capability-card:hover .arkana-icon {
		transform: translateY(-0.16rem) scale(1.08);
		border-color: rgba(220, 192, 255, 0.58);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.18),
			0 0 2.1rem rgba(var(--arkana-capability-accent), 0.34);
		filter: brightness(1.1) saturate(1.12);
	}

	.arkana-capabilities__grid:has(> .arkana-capability-card:hover)
		> .arkana-capability-card:not(:hover) {
		opacity: 0.32;
		filter: saturate(0.45) brightness(0.68);
		transform: scale(0.975);
	}
}

.arkana-capability-card:active {
	transform: translateY(0.06rem) scale(0.985);
	filter: brightness(0.94);
	box-shadow:
		inset 0 2px 0 rgba(0, 0, 0, 0.14),
		0 0.35rem 1rem rgba(0, 0, 0, 0.24) !important;
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-capabilities {
		min-height: auto;
		padding-block: clamp(4.25rem, 7vh, 5.5rem) !important;
	}

	.arkana-capabilities__title {
		font-size: clamp(2.55rem, 5.15vw, 3.9rem) !important;
	}

	.arkana-capability-card {
		min-height: 12rem;
	}
}

@media (max-width: 47.99rem) {
	.arkana-capabilities {
		min-height: auto;
		padding-block: clamp(4rem, 8vh, 5.25rem) !important;
	}

	.arkana-capabilities__inner {
		width: min(calc(100% - 1.5rem), 32rem);
	}

	.arkana-capabilities__heading {
		margin-bottom: 1.8rem !important;
	}

	.arkana-capabilities__heading .arkana-eyebrow {
		margin-bottom: 0.72rem;
	}

	.arkana-capabilities__title {
		font-size: clamp(1.35rem, 6vw, 1.75rem) !important;
		font-weight: 690 !important;
		line-height: 1 !important;
		letter-spacing: -0.042em !important;
	}

	.arkana-capabilities__title-line {
		white-space: nowrap;
	}

	.arkana-capabilities__grid {
		grid-template-columns: 1fr !important;
		gap: 0.8rem !important;
	}

	.arkana-capability-card {
		min-height: 10.6rem;
		padding: 1.2rem !important;
	}

	.arkana-capability-card h3 {
		padding-top: 1.2rem;
	}

	.arkana-capability-card p {
		max-width: none;
	}

	/*
	 * Samsung Internet may report hover capability on a touch device.
	 * Coarse pointers always use the stable touch treatment.
	 */
	@media (pointer: coarse) {
		.arkana-capability-card:hover {
			transform: none;
			filter: none;
		}

		.arkana-capabilities__grid:has(> .arkana-capability-card:hover)
			> .arkana-capability-card:not(:hover) {
			opacity: 1;
			filter: none;
			transform: none;
		}
	}
}

@media (max-width: 23.5rem) {
	.arkana-capabilities__title {
		font-size: 1.27rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.arkana-capability-card,
	.arkana-capability-card .arkana-icon {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}

	.arkana-capability-card::after {
		display: none !important;
	}
}

/* ================================================================
 * ARKANA PROBLEMS — COMPACT VIEWPORT + GLASS CARDS v1
 *
 * Goal:
 * - complete desktop section in one useful viewport;
 * - controlled two-line title;
 * - no closing banner;
 * - six compact cards with depth, elevation and shimmer;
 * - responsive 3 × 2 desktop/tablet and 2 × 3 mobile grid.
 * ================================================================ */

.arkana-problems {
	display: grid;
	min-height: min(100svh, 54rem);
	align-items: center;
	padding-block: clamp(3.6rem, 6vh, 5rem) !important;
	background: transparent !important;
}

.arkana-problems__inner {
	width: min(calc(100% - 3rem), 78rem);
}

.arkana-problems__heading {
	width: 100%;
	max-width: none !important;
	margin: 0 0 clamp(1.65rem, 3.2vh, 2.45rem) !important;
}

.arkana-problems__heading .arkana-eyebrow {
	margin-bottom: clamp(0.65rem, 1.25vh, 0.9rem);
}

.arkana-problems__title {
	width: 100%;
	max-width: none !important;
	margin: 0;
	font-size: clamp(2.65rem, 4.25vw, 4.75rem) !important;
	font-weight: 720 !important;
	letter-spacing: -0.055em !important;
	line-height: 0.96 !important;
	text-wrap: initial !important;
}

.arkana-problems__title-line {
	display: block;
	width: 100%;
	white-space: nowrap;
}

.arkana-problems__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.1vw, 1rem);
}

.arkana-problem-card {
	--arkana-problem-accent: 165, 42, 255;
	position: relative;
	isolation: isolate;
	display: flex;
	min-width: 0;
	min-height: clamp(9.6rem, 11vw, 10.75rem) !important;
	flex-direction: column;
	padding: clamp(1rem, 1.25vw, 1.25rem) !important;
	border: 1px solid rgba(205, 183, 255, 0.19) !important;
	border-radius: 1.25rem !important;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.078),
			rgba(var(--arkana-problem-accent), 0.055) 48%,
			rgba(6, 4, 17, 0.95)
		),
		rgba(7, 4, 18, 0.97) !important;
	color: rgb(var(--arkana-problem-accent));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		inset 0 -1px 0 rgba(var(--arkana-problem-accent), 0.08),
		0 0.8rem 2.1rem rgba(0, 0, 0, 0.19),
		0 0 1.8rem rgba(var(--arkana-problem-accent), 0.04) !important;
	-webkit-backdrop-filter: blur(18px) saturate(126%);
	backdrop-filter: blur(18px) saturate(126%);
	overflow: hidden;
	transition:
		transform 340ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 260ms ease,
		filter 280ms ease,
		border-color 280ms ease,
		box-shadow 340ms cubic-bezier(0.22, 1, 0.36, 1),
		background 280ms ease;
	will-change: transform;
}

.arkana-problem-card--violet { --arkana-problem-accent: 181, 39, 255; }
.arkana-problem-card--orange { --arkana-problem-accent: 255, 113, 55; }
.arkana-problem-card--cyan { --arkana-problem-accent: 56, 200, 255; }
.arkana-problem-card--blue { --arkana-problem-accent: 62, 96, 255; }
.arkana-problem-card--pink { --arkana-problem-accent: 255, 59, 184; }
.arkana-problem-card--yellow { --arkana-problem-accent: 255, 215, 72; }

/* Soft glass reflection. */
.arkana-problem-card::before {
	content: "";
	position: absolute;
	inset: 1px 1px auto;
	z-index: 0;
	height: 48%;
	border-radius: inherit;
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.12),
			rgba(255, 255, 255, 0.018) 68%,
			transparent
		);
	opacity: 0.66;
	pointer-events: none;
}

/* Contained shimmer. */
.arkana-problem-card::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -38%;
	z-index: 1;
	width: 18%;
	aspect-ratio: auto;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255, 255, 255, 0.07) 24%,
			rgba(255, 255, 255, 0.58) 50%,
			rgba(255, 255, 255, 0.07) 76%,
			transparent
		);
	filter: blur(0.45px);
	transform: translateX(-230%) skewX(-17deg);
	opacity: 0;
	pointer-events: none;
}

.arkana-problem-card > * {
	position: relative;
	z-index: 2;
}

.arkana-problem-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 0.7rem;
	margin-bottom: clamp(0.75rem, 1.2vh, 0.95rem);
}

.arkana-problem-card__signal {
	display: block;
	width: 0.5rem;
	aspect-ratio: 1;
	margin: 0 !important;
	border-radius: 50%;
	background: currentColor;
	box-shadow:
		0 0 0 0.2rem rgba(var(--arkana-problem-accent), 0.08),
		0 0 1rem currentColor;
	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 320ms ease;
}

.arkana-problem-card__number {
	color: rgba(221, 210, 239, 0.38);
	font-family: var(--arkana-font-display);
	font-size: 0.62rem;
	font-weight: 760;
	letter-spacing: 0.08em;
}

.arkana-problem-card h3 {
	margin: 0 !important;
	color: #fff !important;
	font-family: var(--arkana-font-display);
	font-size: clamp(0.98rem, 1.12vw, 1.12rem) !important;
	font-weight: 730;
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.arkana-problem-card p {
	margin: 0.55rem 0 0 !important;
	color: rgba(210, 201, 222, 0.73) !important;
	font-size: clamp(0.78rem, 0.9vw, 0.9rem) !important;
	line-height: 1.46;
}

@keyframes arkana-problem-shimmer-v1 {
	0% {
		transform: translateX(-230%) skewX(-17deg);
		opacity: 0;
	}
	16% {
		opacity: 0.86;
	}
	100% {
		transform: translateX(880%) skewX(-17deg);
		opacity: 0;
	}
}

@media (hover: hover) and (pointer: fine) {
	.arkana-problem-card:hover {
		z-index: 6;
		transform: translateY(-0.48rem) scale(1.025);
		border-color: rgba(225, 207, 255, 0.56) !important;
		background:
			linear-gradient(
				145deg,
				rgba(255, 255, 255, 0.115),
				rgba(var(--arkana-problem-accent), 0.115) 48%,
				rgba(6, 4, 17, 0.96)
			),
			rgba(7, 4, 18, 0.98) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.19),
			inset 0 -1px 0 rgba(var(--arkana-problem-accent), 0.15),
			0 1.25rem 2.8rem rgba(0, 0, 0, 0.34),
			0 0 2.5rem rgba(var(--arkana-problem-accent), 0.24) !important;
		filter: saturate(1.12) brightness(1.06);
	}

	.arkana-problem-card:hover::after {
		animation: arkana-problem-shimmer-v1 760ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	.arkana-problem-card:hover .arkana-problem-card__signal {
		transform: scale(1.22);
		box-shadow:
			0 0 0 0.28rem rgba(var(--arkana-problem-accent), 0.12),
			0 0 1.5rem currentColor;
	}

	.arkana-problems__grid:has(> .arkana-problem-card:hover)
		> .arkana-problem-card:not(:hover) {
		opacity: 0.3;
		filter: saturate(0.42) brightness(0.67);
		transform: scale(0.975);
	}
}

.arkana-problem-card:active {
	transform: translateY(0.05rem) scale(0.986);
	filter: brightness(0.94);
	box-shadow:
		inset 0 2px 0 rgba(0, 0, 0, 0.14),
		0 0.35rem 1rem rgba(0, 0, 0, 0.24) !important;
}

/* The former closing banner is removed from the template. */
.arkana-problems .arkana-banner {
	display: none !important;
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-problems {
		min-height: auto;
		padding-block: clamp(3.8rem, 6vh, 4.8rem) !important;
	}

	.arkana-problems__inner {
		width: min(calc(100% - 2rem), 70rem);
	}

	.arkana-problems__title {
		font-size: clamp(2.45rem, 5vw, 3.8rem) !important;
	}

	.arkana-problem-card {
		min-height: 10.2rem !important;
	}
}

@media (max-width: 47.99rem) {
	.arkana-problems {
		min-height: min(100svh, 49rem);
		padding-block: clamp(3.2rem, 6vh, 4rem) !important;
	}

	.arkana-problems__inner {
		width: min(calc(100% - 1.25rem), 32rem);
	}

	.arkana-problems__heading {
		margin-bottom: 1.25rem !important;
	}

	.arkana-problems__heading .arkana-eyebrow {
		margin-bottom: 0.58rem;
	}

	.arkana-problems__title {
		font-size: clamp(1.32rem, 5.6vw, 1.7rem) !important;
		font-weight: 690 !important;
		line-height: 0.99 !important;
		letter-spacing: -0.043em !important;
	}

	.arkana-problems__title-line {
		white-space: nowrap;
	}

	.arkana-problems__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.62rem;
	}

	.arkana-problem-card {
		min-height: 8.75rem !important;
		padding: 0.82rem !important;
		border-radius: 1rem !important;
	}

	.arkana-problem-card__top {
		margin-bottom: 0.55rem;
	}

	.arkana-problem-card__number {
		font-size: 0.52rem;
	}

	.arkana-problem-card h3 {
		font-size: clamp(0.76rem, 3.35vw, 0.88rem) !important;
	}

	.arkana-problem-card p {
		margin-top: 0.4rem !important;
		font-size: clamp(0.64rem, 2.75vw, 0.74rem) !important;
		line-height: 1.38;
	}

	@media (pointer: coarse) {
		.arkana-problem-card:hover {
			transform: none;
			filter: none;
		}

		.arkana-problems__grid:has(> .arkana-problem-card:hover)
			> .arkana-problem-card:not(:hover) {
			opacity: 1;
			filter: none;
			transform: none;
		}
	}
}

@media (max-width: 23.5rem) {
	.arkana-problems__title {
		font-size: 1.18rem !important;
	}

	.arkana-problems__grid {
		gap: 0.5rem;
	}

	.arkana-problem-card {
		min-height: 8.45rem !important;
		padding: 0.72rem !important;
	}

	.arkana-problem-card p {
		font-size: 0.62rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.arkana-problem-card,
	.arkana-problem-card__signal {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}

	.arkana-problem-card::after {
		display: none !important;
	}
}

/* ================================================================
 * ARKANA PROBLEMS — DESCENDERS + SECOND-LINE FIT FIX v2
 * ================================================================ */

.arkana-problems__title {
	overflow: visible !important;
	line-height: 1.035 !important;
	padding-bottom: 0.08em;
	text-rendering: geometricPrecision;
}

.arkana-problems__title-line {
	overflow: visible !important;
	line-height: 1.035 !important;
	padding-bottom: 0.085em;
}

.arkana-problems__title-line:nth-child(2) {
	font-size: 0.84em;
	letter-spacing: -0.045em;
	line-height: 1.08 !important;
	padding-bottom: 0.12em;
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-problems__title {
		line-height: 1.04 !important;
	}

	.arkana-problems__title-line:nth-child(2) {
		font-size: 0.82em;
	}
}

@media (max-width: 47.99rem) {
	.arkana-problems__title {
		line-height: 1.04 !important;
		padding-bottom: 0.06em;
	}

	.arkana-problems__title-line {
		line-height: 1.04 !important;
		padding-bottom: 0.06em;
	}

	.arkana-problems__title-line:nth-child(2) {
		font-size: 0.82em;
		line-height: 1.1 !important;
		padding-bottom: 0.1em;
	}
}

/* ================================================================
 * ARKANA POSITIONING — SINGLE VIEW + GLASS PRINCIPLES v1
 *
 * Desktop:
 * - entire section inside one useful viewport;
 * - title locked to three intentional lines;
 * - principles aligned in the right column;
 * - statement spans the complete section width;
 * - active principle rises, shimmers and dims its siblings.
 *
 * Tablet/mobile:
 * - compact hierarchy;
 * - statement becomes a low-height responsive grid;
 * - touch feedback without sticky hover states.
 * ================================================================ */

.arkana-positioning {
	display: grid;
	min-height: min(100svh, 52rem);
	align-items: center;
	padding-block: clamp(3.4rem, 5.5vh, 4.8rem) !important;
	background: transparent !important;
}

.arkana-positioning__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(26rem, 1.08fr);
	grid-template-areas:
		"copy principles"
		"statement statement";
	align-items: center;
	gap:
		clamp(1.4rem, 2.5vh, 2rem)
		clamp(3rem, 6vw, 6.5rem);
	width: min(calc(100% - 3rem), 78rem);
}

.arkana-positioning__copy {
	grid-area: copy;
	min-width: 0;
	max-width: 35rem;
}

.arkana-positioning__copy .arkana-eyebrow {
	margin-bottom: clamp(0.65rem, 1.2vh, 0.9rem);
}

.arkana-positioning__title {
	width: 100%;
	max-width: none !important;
	margin: 0;
	padding-bottom: 0.06em;
	overflow: visible;
	font-size: clamp(2.85rem, 4vw, 4.35rem) !important;
	font-weight: 720 !important;
	letter-spacing: -0.055em !important;
	line-height: 0.96 !important;
	text-wrap: initial !important;
}

.arkana-positioning__title-line {
	display: block;
	width: 100%;
	padding-bottom: 0.055em;
	overflow: visible;
	line-height: 0.98;
	white-space: nowrap;
}

.arkana-positioning__body {
	max-width: 48ch;
	margin-top: clamp(1.05rem, 2vh, 1.45rem);
}

.arkana-positioning__body p {
	margin: 0 !important;
	color: rgba(213, 204, 225, 0.76) !important;
	font-size: clamp(0.92rem, 1.08vw, 1.02rem) !important;
	line-height: 1.55;
}

.arkana-principles {
	grid-area: principles;
	display: grid;
	gap: clamp(0.7rem, 1.25vh, 0.9rem);
	min-width: 0;
}

.arkana-principle-card {
	--arkana-principle-accent: 113, 70, 255;
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: clamp(0.85rem, 1.4vw, 1.15rem);
	min-width: 0;
	min-height: clamp(5.7rem, 7.6vw, 6.7rem);
	padding: clamp(0.95rem, 1.3vw, 1.2rem) !important;
	border: 1px solid rgba(207, 185, 255, 0.2) !important;
	border-radius: 1.25rem !important;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.08),
			rgba(var(--arkana-principle-accent), 0.055) 48%,
			rgba(6, 4, 17, 0.96)
		),
		rgba(7, 4, 18, 0.97) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		inset 0 -1px 0 rgba(var(--arkana-principle-accent), 0.08),
		0 0.8rem 2rem rgba(0, 0, 0, 0.2),
		0 0 1.8rem rgba(var(--arkana-principle-accent), 0.045) !important;
	-webkit-backdrop-filter: blur(18px) saturate(128%);
	backdrop-filter: blur(18px) saturate(128%);
	overflow: hidden;
	transition:
		transform 340ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 260ms ease,
		filter 280ms ease,
		border-color 280ms ease,
		box-shadow 340ms cubic-bezier(0.22, 1, 0.36, 1),
		background 280ms ease;
	will-change: transform;
}

.arkana-principle-card--2 {
	--arkana-principle-accent: 183, 52, 255;
}

.arkana-principle-card--3 {
	--arkana-principle-accent: 255, 71, 161;
}

.arkana-principle-card::before {
	content: "";
	position: absolute;
	inset: 1px 1px auto;
	z-index: 0;
	height: 48%;
	border-radius: inherit;
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.12),
			rgba(255, 255, 255, 0.02) 68%,
			transparent
		);
	opacity: 0.66;
	pointer-events: none;
}

.arkana-principle-card::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -38%;
	z-index: 1;
	width: 18%;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255, 255, 255, 0.07) 24%,
			rgba(255, 255, 255, 0.6) 50%,
			rgba(255, 255, 255, 0.07) 76%,
			transparent
		);
	filter: blur(0.45px);
	transform: translateX(-230%) skewX(-17deg);
	opacity: 0;
	pointer-events: none;
}

.arkana-principle-card > * {
	position: relative;
	z-index: 2;
}

.arkana-principle-card__number {
	display: grid !important;
	place-items: center;
	width: clamp(2.55rem, 3.5vw, 3rem) !important;
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 0.95rem !important;
	background:
		linear-gradient(
			145deg,
			rgba(var(--arkana-principle-accent), 0.96),
			rgba(255, 66, 172, 0.88)
		) !important;
	color: #fff;
	font-family: var(--arkana-font-display);
	font-size: clamp(0.8rem, 1vw, 0.92rem);
	font-weight: 820;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.25),
		0 0 1.5rem rgba(var(--arkana-principle-accent), 0.24);
	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 320ms ease;
}

.arkana-principle-card__copy {
	min-width: 0;
}

.arkana-principle-card h3 {
	margin: 0 !important;
	color: #fff;
	font-size: clamp(0.98rem, 1.15vw, 1.1rem);
	font-weight: 730;
	line-height: 1.1;
}

.arkana-principle-card p {
	margin: 0.34rem 0 0 !important;
	color: rgba(211, 201, 224, 0.73) !important;
	font-size: clamp(0.78rem, 0.92vw, 0.88rem) !important;
	line-height: 1.42;
}

.arkana-statement-card {
	grid-area: statement;
	display: grid;
	grid-template-columns: minmax(10rem, 0.65fr) minmax(0, 1.55fr) minmax(14rem, 0.95fr);
	align-items: center;
	gap: clamp(1rem, 2vw, 2rem);
	width: 100%;
	min-height: 0;
	margin: 0 !important;
	padding: clamp(1rem, 1.45vw, 1.35rem) clamp(1.15rem, 2vw, 1.8rem) !important;
	border: 1px solid rgba(190, 116, 255, 0.32) !important;
	border-radius: 1.25rem !important;
	background:
		linear-gradient(
			100deg,
			rgba(68, 27, 129, 0.3),
			rgba(33, 13, 70, 0.66) 48%,
			rgba(11, 6, 27, 0.94)
		) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 0.9rem 2.4rem rgba(0, 0, 0, 0.2),
		0 0 2.4rem rgba(133, 54, 255, 0.085);
	overflow: hidden;
}

.arkana-statement-card p,
.arkana-statement-card strong,
.arkana-statement-card small {
	margin: 0 !important;
	min-width: 0;
}

.arkana-statement-card p {
	color: rgba(220, 209, 234, 0.72) !important;
	font-size: clamp(0.78rem, 0.95vw, 0.9rem);
	font-weight: 560;
}

.arkana-statement-card strong {
	font-size: clamp(1.12rem, 1.8vw, 1.55rem) !important;
	line-height: 1.08 !important;
	letter-spacing: -0.025em;
}

.arkana-statement-card small {
	color: rgba(210, 200, 222, 0.68) !important;
	font-size: clamp(0.72rem, 0.84vw, 0.82rem) !important;
	line-height: 1.4;
}

@keyframes arkana-principle-shimmer-v1 {
	0% {
		transform: translateX(-230%) skewX(-17deg);
		opacity: 0;
	}
	16% {
		opacity: 0.87;
	}
	100% {
		transform: translateX(880%) skewX(-17deg);
		opacity: 0;
	}
}

@media (hover: hover) and (pointer: fine) {
	.arkana-principle-card:hover {
		z-index: 6;
		transform: translateY(-0.45rem) scale(1.022);
		border-color: rgba(225, 207, 255, 0.56) !important;
		background:
			linear-gradient(
				145deg,
				rgba(255, 255, 255, 0.115),
				rgba(var(--arkana-principle-accent), 0.12) 48%,
				rgba(6, 4, 17, 0.97)
			),
			rgba(7, 4, 18, 0.98) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.19),
			inset 0 -1px 0 rgba(var(--arkana-principle-accent), 0.15),
			0 1.2rem 2.7rem rgba(0, 0, 0, 0.34),
			0 0 2.45rem rgba(var(--arkana-principle-accent), 0.25) !important;
		filter: saturate(1.12) brightness(1.06);
	}

	.arkana-principle-card:hover::after {
		animation: arkana-principle-shimmer-v1 760ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	.arkana-principle-card:hover .arkana-principle-card__number {
		transform: translateY(-0.12rem) scale(1.08);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.28),
			0 0 2rem rgba(var(--arkana-principle-accent), 0.42);
	}

	.arkana-principles:has(> .arkana-principle-card:hover)
		> .arkana-principle-card:not(:hover) {
		opacity: 0.3;
		filter: saturate(0.43) brightness(0.68);
		transform: scale(0.975);
	}
}

.arkana-principle-card:active {
	transform: translateY(0.05rem) scale(0.986);
	filter: brightness(0.94);
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-positioning {
		min-height: auto;
		padding-block: clamp(3.4rem, 5.5vh, 4.5rem) !important;
	}

	.arkana-positioning__inner {
		grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 1.1fr);
		column-gap: clamp(2rem, 4vw, 3.5rem);
		width: min(calc(100% - 2rem), 68rem);
	}

	.arkana-positioning__title {
		font-size: clamp(2.45rem, 5vw, 3.55rem) !important;
	}

	.arkana-principle-card {
		min-height: 5.6rem;
	}

	.arkana-statement-card {
		grid-template-columns: 0.7fr 1.45fr 1fr;
	}
}

@media (max-width: 47.99rem) {
	.arkana-positioning {
		min-height: min(100svh, 50rem);
		padding-block: clamp(3rem, 5.5vh, 3.8rem) !important;
	}

	.arkana-positioning__inner {
		grid-template-columns: 1fr;
		grid-template-areas:
			"copy"
			"principles"
			"statement";
		gap: 1rem;
		width: min(calc(100% - 1.25rem), 32rem);
	}

	.arkana-positioning__copy {
		max-width: none;
	}

	.arkana-positioning__copy .arkana-eyebrow {
		margin-bottom: 0.55rem;
	}

	.arkana-positioning__title {
		font-size: clamp(1.65rem, 7.2vw, 2.05rem) !important;
		font-weight: 690 !important;
		line-height: 0.98 !important;
		letter-spacing: -0.045em !important;
	}

	.arkana-positioning__title-line {
		line-height: 1 !important;
	}

	.arkana-positioning__body {
		margin-top: 0.85rem;
		max-width: none;
	}

	.arkana-positioning__body p {
		font-size: clamp(0.76rem, 3.25vw, 0.88rem) !important;
		line-height: 1.48;
	}

	.arkana-principles {
		gap: 0.62rem;
	}

	.arkana-principle-card {
		min-height: 4.8rem;
		gap: 0.72rem;
		padding: 0.75rem !important;
		border-radius: 1rem !important;
	}

	.arkana-principle-card__number {
		width: 2.3rem !important;
		border-radius: 0.76rem !important;
		font-size: 0.7rem;
	}

	.arkana-principle-card h3 {
		font-size: 0.86rem;
	}

	.arkana-principle-card p {
		margin-top: 0.22rem !important;
		font-size: clamp(0.67rem, 2.8vw, 0.76rem) !important;
		line-height: 1.34;
	}

	.arkana-statement-card {
		grid-template-columns: 1fr;
		gap: 0.35rem;
		padding: 0.85rem 0.95rem !important;
		border-radius: 1rem !important;
	}

	.arkana-statement-card p {
		font-size: 0.68rem;
	}

	.arkana-statement-card strong {
		font-size: clamp(0.98rem, 4.5vw, 1.2rem) !important;
		line-height: 1.08 !important;
	}

	.arkana-statement-card small {
		font-size: 0.66rem !important;
	}

	@media (pointer: coarse) {
		.arkana-principle-card:hover {
			transform: none;
			filter: none;
		}

		.arkana-principles:has(> .arkana-principle-card:hover)
			> .arkana-principle-card:not(:hover) {
			opacity: 1;
			filter: none;
			transform: none;
		}
	}
}

@media (max-width: 23.5rem) {
	.arkana-positioning__title {
		font-size: 1.52rem !important;
	}

	.arkana-principle-card p {
		font-size: 0.65rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.arkana-principle-card,
	.arkana-principle-card__number {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}

	.arkana-principle-card::after {
		display: none !important;
	}
}

/* ================================================================
 * ARKANA POSITIONING — TITLE FIT + STATEMENT BALANCE v2
 *
 * Visual corrections after staging review:
 * - the second title line was entering the right column and being covered
 *   by the principle cards;
 * - the three statement messages lacked equal visual weight;
 * - supporting copy needed slightly clearer contrast and rhythm.
 * ================================================================ */

@media (min-width: 72rem) {
	.arkana-positioning__inner {
		grid-template-columns: minmax(0, 1fr) minmax(34rem, 0.98fr);
		column-gap: clamp(3.2rem, 5vw, 5.25rem);
	}

	.arkana-positioning__copy {
		max-width: 38rem;
	}

	.arkana-positioning__title {
		font-size: clamp(2.7rem, 3.75vw, 4.05rem) !important;
		line-height: 0.975 !important;
	}

	.arkana-positioning__title-line {
		transform-origin: left center;
	}

	/* Long gradient line: fit inside the left column without clipping. */
	.arkana-positioning__title-line:nth-child(2) {
		font-size: 0.84em;
		letter-spacing: -0.047em;
	}

	.arkana-positioning__title-line:nth-child(3) {
		font-size: 0.91em;
		letter-spacing: -0.048em;
	}
}

.arkana-positioning__body {
	max-width: 52ch;
}

.arkana-positioning__body p {
	color: rgba(224, 215, 235, 0.8) !important;
}

.arkana-principle-card p {
	color: rgba(220, 211, 231, 0.77) !important;
}

.arkana-statement-card {
	grid-template-columns:
		minmax(11rem, 0.72fr)
		minmax(22rem, 1.42fr)
		minmax(16rem, 0.96fr);
	gap: 0;
	padding: 0 !important;
}

.arkana-statement-card p,
.arkana-statement-card strong,
.arkana-statement-card small {
	display: flex;
	align-items: center;
	min-height: clamp(5.2rem, 6vw, 5.8rem);
	padding: clamp(1rem, 1.3vw, 1.25rem) clamp(1.15rem, 1.7vw, 1.55rem);
}

.arkana-statement-card strong,
.arkana-statement-card small {
	border-left: 1px solid rgba(209, 183, 255, 0.14);
}

.arkana-statement-card p {
	color: rgba(238, 229, 247, 0.82) !important;
	font-weight: 640;
	line-height: 1.35;
}

.arkana-statement-card strong {
	font-size: clamp(1.12rem, 1.55vw, 1.42rem) !important;
	line-height: 1.08 !important;
}

.arkana-statement-card small {
	color: rgba(224, 214, 235, 0.76) !important;
	font-size: clamp(0.74rem, 0.82vw, 0.84rem) !important;
	line-height: 1.45;
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-positioning__title-line:nth-child(2) {
		font-size: 0.84em;
	}

	.arkana-positioning__title-line:nth-child(3) {
		font-size: 0.9em;
	}

	.arkana-statement-card {
		grid-template-columns: 0.76fr 1.34fr 1fr;
	}

	.arkana-statement-card p,
	.arkana-statement-card strong,
	.arkana-statement-card small {
		min-height: 5rem;
		padding: 0.95rem 1rem;
	}
}

@media (max-width: 47.99rem) {
	.arkana-positioning__title-line:nth-child(2),
	.arkana-positioning__title-line:nth-child(3) {
		font-size: 1em;
		letter-spacing: inherit;
	}

	.arkana-statement-card {
		grid-template-columns: 1fr;
		gap: 0;
		padding: 0 !important;
	}

	.arkana-statement-card p,
	.arkana-statement-card strong,
	.arkana-statement-card small {
		min-height: 0;
		padding: 0.78rem 0.9rem;
	}

	.arkana-statement-card strong,
	.arkana-statement-card small {
		border-top: 1px solid rgba(209, 183, 255, 0.13);
		border-left: 0;
	}
}

/* ================================================================
 * ARKANA POSITIONING — LAST LETTER FIT FIX v3
 *
 * The final “s” in “digitales” was still touching the right edge of the
 * left column. This slightly reduces only the second title line and adds
 * a small safety inset without changing the other two lines.
 * ================================================================ */

@media (min-width: 72rem) {
	.arkana-positioning__title-line:nth-child(2) {
		width: calc(100% - 0.22em);
		padding-right: 0.22em;
		font-size: 0.81em;
		letter-spacing: -0.048em;
	}
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-positioning__title-line:nth-child(2) {
		width: calc(100% - 0.18em);
		padding-right: 0.18em;
		font-size: 0.81em;
	}
}

/* ================================================================
 * ARKANA ECOSYSTEM — PAIN TITLE + CONNECTED GLASS CARDS v1
 *
 * Desktop:
 * - pain-led title locked to two intentional lines;
 * - heading width aligned with six-card track;
 * - cards share a connected baseline;
 * - active card rises, shimmers and dims siblings.
 *
 * Tablet/mobile:
 * - 3 × 2 and 2 × 3 grids;
 * - connector line removed when it no longer represents one row;
 * - touch feedback without sticky hover.
 * ================================================================ */

.arkana-ecosystem {
	display: grid;
	min-height: min(100svh, 51rem);
	align-items: center;
	padding-block: clamp(3.8rem, 6vh, 5.2rem) !important;
	background: transparent !important;
}

.arkana-ecosystem__inner {
	width: min(calc(100% - 3rem), 78rem);
}

.arkana-ecosystem__heading {
	width: 100%;
	max-width: 76rem !important;
	margin: 0 auto clamp(2rem, 4vh, 3rem) !important;
}

.arkana-ecosystem__heading .arkana-eyebrow {
	margin-bottom: clamp(0.7rem, 1.35vh, 0.95rem);
}

.arkana-ecosystem__title {
	width: 100%;
	max-width: none !important;
	margin: 0;
	padding-bottom: 0.06em;
	overflow: visible;
	font-size: clamp(2.65rem, 4.2vw, 4.75rem) !important;
	font-weight: 720 !important;
	letter-spacing: -0.055em !important;
	line-height: 0.98 !important;
	text-wrap: initial !important;
}

.arkana-ecosystem__title-line {
	display: block;
	width: 100%;
	padding-bottom: 0.055em;
	overflow: visible;
	line-height: 1.01;
	white-space: nowrap;
}

.arkana-ecosystem__title-line:nth-child(2) {
	font-size: 0.88em;
	letter-spacing: -0.048em;
}

.arkana-ecosystem__description {
	max-width: 68ch;
	margin: clamp(0.85rem, 1.7vh, 1.15rem) auto 0 !important;
	color: rgba(218, 208, 230, 0.75) !important;
	font-size: clamp(0.9rem, 1.08vw, 1.02rem) !important;
	line-height: 1.52;
	text-align: center;
}

.arkana-ecosystem__track {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: clamp(0.7rem, 1vw, 0.9rem);
}

/* One continuous connection behind the six desktop cards. */
.arkana-ecosystem__track::before {
	content: "";
	position: absolute;
	top: 2rem;
	right: 2.5%;
	left: 2.5%;
	z-index: 0;
	height: 1px;
	background:
		linear-gradient(
			90deg,
			rgba(92, 66, 255, 0.35),
			rgba(189, 53, 255, 0.88) 48%,
			rgba(255, 71, 161, 0.35)
		);
	box-shadow: 0 0 1rem rgba(176, 52, 255, 0.32);
	pointer-events: none;
}

.arkana-ecosystem-step {
	--arkana-ecosystem-accent: 126, 86, 255;
	position: relative;
	isolation: isolate;
	z-index: 1;
	display: flex;
	min-width: 0;
	min-height: clamp(10.9rem, 12vw, 12.3rem);
	flex-direction: column;
	padding: clamp(1rem, 1.2vw, 1.2rem) !important;
	border: 1px solid rgba(207, 185, 255, 0.2) !important;
	border-radius: 1.25rem !important;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.08),
			rgba(var(--arkana-ecosystem-accent), 0.055) 46%,
			rgba(6, 4, 17, 0.96)
		),
		rgba(7, 4, 18, 0.97) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		inset 0 -1px 0 rgba(var(--arkana-ecosystem-accent), 0.08),
		0 0.8rem 2rem rgba(0, 0, 0, 0.2),
		0 0 1.7rem rgba(var(--arkana-ecosystem-accent), 0.045) !important;
	-webkit-backdrop-filter: blur(18px) saturate(128%);
	backdrop-filter: blur(18px) saturate(128%);
	overflow: hidden;
	transition:
		transform 340ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 260ms ease,
		filter 280ms ease,
		border-color 280ms ease,
		box-shadow 340ms cubic-bezier(0.22, 1, 0.36, 1),
		background 280ms ease;
	will-change: transform;
}

.arkana-ecosystem-step--2 { --arkana-ecosystem-accent: 106, 96, 255; }
.arkana-ecosystem-step--3 { --arkana-ecosystem-accent: 160, 68, 255; }
.arkana-ecosystem-step--4 { --arkana-ecosystem-accent: 197, 52, 255; }
.arkana-ecosystem-step--5 { --arkana-ecosystem-accent: 236, 57, 211; }
.arkana-ecosystem-step--6 { --arkana-ecosystem-accent: 255, 74, 166; }

.arkana-ecosystem-step::before {
	content: "";
	position: absolute;
	inset: 1px 1px auto;
	z-index: 0;
	height: 48%;
	border-radius: inherit;
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.12),
			rgba(255, 255, 255, 0.02) 68%,
			transparent
		);
	opacity: 0.66;
	pointer-events: none;
}

.arkana-ecosystem-step::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -38%;
	z-index: 1;
	width: 18%;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255, 255, 255, 0.07) 24%,
			rgba(255, 255, 255, 0.6) 50%,
			rgba(255, 255, 255, 0.07) 76%,
			transparent
		);
	filter: blur(0.45px);
	transform: translateX(-230%) skewX(-17deg);
	opacity: 0;
	pointer-events: none;
}

.arkana-ecosystem-step > * {
	position: relative;
	z-index: 2;
}

.arkana-ecosystem-step__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 1.15rem;
}

.arkana-ecosystem-step__number {
	color: rgb(var(--arkana-ecosystem-accent)) !important;
	font-family: var(--arkana-font-display);
	font-size: 0.92rem;
	font-weight: 820;
	letter-spacing: 0.04em;
	text-shadow: 0 0 1rem rgba(var(--arkana-ecosystem-accent), 0.38);
}

.arkana-ecosystem-step__status {
	display: block;
	width: 0.45rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background: rgb(var(--arkana-ecosystem-accent));
	box-shadow:
		0 0 0 0.2rem rgba(var(--arkana-ecosystem-accent), 0.08),
		0 0 1rem rgba(var(--arkana-ecosystem-accent), 0.76);
	opacity: 0.76;
	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 320ms ease,
		opacity 280ms ease;
}

.arkana-ecosystem-step h3 {
	margin: auto 0 0 !important;
	padding-top: clamp(1rem, 2vh, 1.65rem);
	color: #fff;
	font-family: var(--arkana-font-display);
	font-size: clamp(0.98rem, 1.08vw, 1.1rem) !important;
	font-weight: 730;
	line-height: 1.08;
	letter-spacing: -0.02em;
}

.arkana-ecosystem-step p {
	margin: 0.55rem 0 0 !important;
	color: rgba(211, 201, 224, 0.74) !important;
	font-size: clamp(0.75rem, 0.82vw, 0.84rem) !important;
	line-height: 1.48;
}

@keyframes arkana-ecosystem-step-shimmer-v1 {
	0% {
		transform: translateX(-230%) skewX(-17deg);
		opacity: 0;
	}
	16% {
		opacity: 0.87;
	}
	100% {
		transform: translateX(880%) skewX(-17deg);
		opacity: 0;
	}
}

@media (hover: hover) and (pointer: fine) {
	.arkana-ecosystem-step:hover {
		z-index: 8;
		transform: translateY(-0.5rem) scale(1.035);
		border-color: rgba(225, 207, 255, 0.58) !important;
		background:
			linear-gradient(
				145deg,
				rgba(255, 255, 255, 0.115),
				rgba(var(--arkana-ecosystem-accent), 0.12) 48%,
				rgba(6, 4, 17, 0.97)
			),
			rgba(7, 4, 18, 0.98) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.19),
			inset 0 -1px 0 rgba(var(--arkana-ecosystem-accent), 0.15),
			0 1.25rem 2.9rem rgba(0, 0, 0, 0.34),
			0 0 2.6rem rgba(var(--arkana-ecosystem-accent), 0.26) !important;
		filter: saturate(1.12) brightness(1.06);
	}

	.arkana-ecosystem-step:hover::after {
		animation: arkana-ecosystem-step-shimmer-v1 760ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	.arkana-ecosystem-step:hover .arkana-ecosystem-step__status {
		transform: scale(1.25);
		opacity: 1;
		box-shadow:
			0 0 0 0.28rem rgba(var(--arkana-ecosystem-accent), 0.12),
			0 0 1.45rem rgba(var(--arkana-ecosystem-accent), 0.95);
	}

	.arkana-ecosystem__track:has(> .arkana-ecosystem-step:hover)
		> .arkana-ecosystem-step:not(:hover) {
		opacity: 0.3;
		filter: saturate(0.42) brightness(0.67);
		transform: scale(0.975);
	}
}

.arkana-ecosystem-step:active {
	transform: translateY(0.05rem) scale(0.986);
	filter: brightness(0.94);
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-ecosystem {
		min-height: auto;
		padding-block: clamp(3.6rem, 5.5vh, 4.8rem) !important;
	}

	.arkana-ecosystem__inner {
		width: min(calc(100% - 2rem), 68rem);
	}

	.arkana-ecosystem__title {
		font-size: clamp(2.45rem, 5vw, 3.7rem) !important;
	}

	.arkana-ecosystem__track {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0.8rem;
	}

	.arkana-ecosystem__track::before {
		display: none;
	}

	.arkana-ecosystem-step {
		min-height: 10.2rem;
	}
}

@media (max-width: 47.99rem) {
	.arkana-ecosystem {
		min-height: min(100svh, 51rem);
		padding-block: clamp(3.2rem, 5.5vh, 4rem) !important;
	}

	.arkana-ecosystem__inner {
		width: min(calc(100% - 1.25rem), 32rem);
	}

	.arkana-ecosystem__heading {
		margin-bottom: 1.35rem !important;
	}

	.arkana-ecosystem__heading .arkana-eyebrow {
		margin-bottom: 0.55rem;
	}

	.arkana-ecosystem__title {
		font-size: clamp(1.4rem, 5.8vw, 1.8rem) !important;
		font-weight: 690 !important;
		line-height: 1 !important;
		letter-spacing: -0.044em !important;
	}

	.arkana-ecosystem__title-line {
		line-height: 1.02;
	}

	.arkana-ecosystem__title-line:nth-child(2) {
		font-size: 0.84em;
	}

	.arkana-ecosystem__description {
		max-width: 38ch;
		margin-top: 0.72rem !important;
		font-size: clamp(0.72rem, 3vw, 0.82rem) !important;
		line-height: 1.42;
	}

	.arkana-ecosystem__track {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.62rem;
	}

	.arkana-ecosystem__track::before {
		display: none;
	}

	.arkana-ecosystem-step {
		min-height: 9rem;
		padding: 0.82rem !important;
		border-radius: 1rem !important;
	}

	.arkana-ecosystem-step__number {
		font-size: 0.74rem;
	}

	.arkana-ecosystem-step__status {
		width: 0.36rem;
	}

	.arkana-ecosystem-step h3 {
		padding-top: 0.85rem;
		font-size: clamp(0.78rem, 3.4vw, 0.9rem) !important;
	}

	.arkana-ecosystem-step p {
		margin-top: 0.38rem !important;
		font-size: clamp(0.63rem, 2.65vw, 0.73rem) !important;
		line-height: 1.36;
	}

	@media (pointer: coarse) {
		.arkana-ecosystem-step:hover {
			transform: none;
			filter: none;
		}

		.arkana-ecosystem__track:has(> .arkana-ecosystem-step:hover)
			> .arkana-ecosystem-step:not(:hover) {
			opacity: 1;
			filter: none;
			transform: none;
		}
	}
}

@media (max-width: 23.5rem) {
	.arkana-ecosystem__title {
		font-size: 1.28rem !important;
	}

	.arkana-ecosystem-step {
		min-height: 8.75rem;
		padding: 0.72rem !important;
	}

	.arkana-ecosystem-step p {
		font-size: 0.61rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.arkana-ecosystem-step,
	.arkana-ecosystem-step__status {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}

	.arkana-ecosystem-step::after {
		display: none !important;
	}
}

/* ================================================================
 * ARKANA SERVICES — PAIN TITLE + COMPACT GLASS CARDS v1
 *
 * Desktop:
 * - complete section inside one useful viewport;
 * - pain-led title locked to two lines;
 * - 3 × 2 compact card grid;
 * - active card rises, shimmers and dims its siblings;
 * - former closing banner removed from the template.
 *
 * Tablet/mobile:
 * - 3 × 2 tablet and 2 × 3 mobile layouts;
 * - touch feedback without sticky hover;
 * - no horizontal overflow.
 * ================================================================ */

.arkana-services {
	display: grid;
	min-height: min(100svh, 54rem);
	align-items: center;
	padding-block: clamp(3.35rem, 5.4vh, 4.7rem) !important;
	background: transparent !important;
}

.arkana-services__inner {
	width: min(calc(100% - 3rem), 78rem);
}

.arkana-services__heading {
	width: 100%;
	max-width: 76rem !important;
	margin: 0 0 clamp(1.6rem, 3vh, 2.25rem) !important;
}

.arkana-services__heading .arkana-eyebrow {
	margin-bottom: clamp(0.65rem, 1.2vh, 0.9rem);
}

.arkana-services__title {
	width: 100%;
	max-width: none !important;
	margin: 0;
	padding-bottom: 0.06em;
	overflow: visible;
	font-size: clamp(2.55rem, 4.15vw, 4.65rem) !important;
	font-weight: 720 !important;
	letter-spacing: -0.055em !important;
	line-height: 0.985 !important;
	text-wrap: initial !important;
}

.arkana-services__title-line {
	display: block;
	width: 100%;
	padding-bottom: 0.055em;
	overflow: visible;
	line-height: 1.015;
	white-space: nowrap;
}

.arkana-services__title-line:nth-child(2) {
	font-size: 0.86em;
	letter-spacing: -0.048em;
}

.arkana-services__description {
	max-width: 74ch;
	margin: clamp(0.75rem, 1.45vh, 1rem) 0 0 !important;
	color: rgba(219, 209, 231, 0.76) !important;
	font-size: clamp(0.88rem, 1.02vw, 1rem) !important;
	line-height: 1.5;
}

.arkana-services__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.72rem, 1.05vw, 0.95rem);
}

.arkana-service-card {
	--arkana-service-accent: 129, 75, 255;
	position: relative;
	isolation: isolate;
	display: flex;
	min-width: 0;
	min-height: clamp(10.5rem, 12vw, 11.75rem) !important;
	flex-direction: column;
	padding: clamp(0.95rem, 1.2vw, 1.15rem) !important;
	border: 1px solid rgba(207, 185, 255, 0.2) !important;
	border-radius: 1.25rem !important;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.08),
			rgba(var(--arkana-service-accent), 0.055) 48%,
			rgba(6, 4, 17, 0.96)
		),
		rgba(7, 4, 18, 0.97) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		inset 0 -1px 0 rgba(var(--arkana-service-accent), 0.08),
		0 0.8rem 2rem rgba(0, 0, 0, 0.2),
		0 0 1.8rem rgba(var(--arkana-service-accent), 0.045) !important;
	-webkit-backdrop-filter: blur(18px) saturate(128%);
	backdrop-filter: blur(18px) saturate(128%);
	overflow: hidden;
	transition:
		transform 340ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 260ms ease,
		filter 280ms ease,
		border-color 280ms ease,
		box-shadow 340ms cubic-bezier(0.22, 1, 0.36, 1),
		background 280ms ease;
	will-change: transform;
}

.arkana-service-card--2 { --arkana-service-accent: 106, 96, 255; }
.arkana-service-card--3 { --arkana-service-accent: 172, 60, 255; }
.arkana-service-card--4 { --arkana-service-accent: 207, 52, 255; }
.arkana-service-card--5 { --arkana-service-accent: 235, 58, 211; }
.arkana-service-card--6 { --arkana-service-accent: 255, 72, 162; }

.arkana-service-card::before {
	content: "";
	position: absolute;
	inset: 1px 1px auto;
	z-index: 0;
	height: 48%;
	border-radius: inherit;
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.12),
			rgba(255, 255, 255, 0.02) 68%,
			transparent
		);
	opacity: 0.66;
	pointer-events: none;
}

.arkana-service-card::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -38%;
	z-index: 1;
	width: 18%;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255, 255, 255, 0.07) 24%,
			rgba(255, 255, 255, 0.6) 50%,
			rgba(255, 255, 255, 0.07) 76%,
			transparent
		);
	filter: blur(0.45px);
	transform: translateX(-230%) skewX(-17deg);
	opacity: 0;
	pointer-events: none;
}

.arkana-service-card > * {
	position: relative;
	z-index: 2;
}

.arkana-service-card__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.arkana-service-card .arkana-icon {
	margin: 0 !important;
	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
		border-color 280ms ease,
		box-shadow 320ms ease,
		filter 280ms ease;
}

.arkana-service-card__number {
	color: rgba(220, 207, 239, 0.4);
	font-family: var(--arkana-font-display);
	font-size: 0.62rem;
	font-weight: 760;
	letter-spacing: 0.08em;
}

.arkana-service-card h3 {
	margin: clamp(0.72rem, 1.2vh, 0.95rem) 0 0 !important;
	color: #fff;
	font-family: var(--arkana-font-display);
	font-size: clamp(0.98rem, 1.1vw, 1.12rem) !important;
	font-weight: 730;
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.arkana-service-card p {
	margin: 0.48rem 0 0 !important;
	color: rgba(211, 201, 224, 0.74) !important;
	font-size: clamp(0.76rem, 0.86vw, 0.86rem) !important;
	line-height: 1.45;
}

.arkana-service-card a {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	width: fit-content;
	margin-top: auto !important;
	padding-top: clamp(0.7rem, 1.2vh, 0.9rem) !important;
	color: rgba(208, 173, 255, 0.92) !important;
	font-size: clamp(0.74rem, 0.82vw, 0.84rem);
	font-weight: 720;
	text-decoration: none;
	transition:
		color 260ms ease,
		transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

.arkana-service-card a span {
	transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes arkana-service-shimmer-v1 {
	0% {
		transform: translateX(-230%) skewX(-17deg);
		opacity: 0;
	}
	16% {
		opacity: 0.87;
	}
	100% {
		transform: translateX(880%) skewX(-17deg);
		opacity: 0;
	}
}

@media (hover: hover) and (pointer: fine) {
	.arkana-service-card:hover {
		z-index: 7;
		transform: translateY(-0.48rem) scale(1.025);
		border-color: rgba(225, 207, 255, 0.58) !important;
		background:
			linear-gradient(
				145deg,
				rgba(255, 255, 255, 0.115),
				rgba(var(--arkana-service-accent), 0.12) 48%,
				rgba(6, 4, 17, 0.97)
			),
			rgba(7, 4, 18, 0.98) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.19),
			inset 0 -1px 0 rgba(var(--arkana-service-accent), 0.15),
			0 1.25rem 2.9rem rgba(0, 0, 0, 0.34),
			0 0 2.6rem rgba(var(--arkana-service-accent), 0.26) !important;
		filter: saturate(1.12) brightness(1.06);
	}

	.arkana-service-card:hover::after {
		animation: arkana-service-shimmer-v1 760ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	.arkana-service-card:hover .arkana-icon {
		transform: translateY(-0.14rem) scale(1.08);
		border-color: rgba(220, 192, 255, 0.58);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.18),
			0 0 2rem rgba(var(--arkana-service-accent), 0.34);
		filter: brightness(1.1) saturate(1.12);
	}

	.arkana-service-card:hover a {
		color: #fff !important;
		transform: translateX(0.12rem);
	}

	.arkana-service-card:hover a span {
		transform: translate(0.14rem, -0.12rem);
	}

	.arkana-services__grid:has(> .arkana-service-card:hover)
		> .arkana-service-card:not(:hover) {
		opacity: 0.3;
		filter: saturate(0.42) brightness(0.67);
		transform: scale(0.975);
	}
}

.arkana-service-card:active {
	transform: translateY(0.05rem) scale(0.986);
	filter: brightness(0.94);
}

/* Defensive removal of the former closing banner. */
.arkana-services .arkana-banner {
	display: none !important;
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-services {
		min-height: auto;
		padding-block: clamp(3.5rem, 5.5vh, 4.6rem) !important;
	}

	.arkana-services__inner {
		width: min(calc(100% - 2rem), 68rem);
	}

	.arkana-services__title {
		font-size: clamp(2.35rem, 4.8vw, 3.55rem) !important;
	}

	.arkana-services__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.arkana-service-card {
		min-height: 10.4rem !important;
	}
}

@media (max-width: 47.99rem) {
	.arkana-services {
		min-height: min(100svh, 52rem);
		padding-block: clamp(3.1rem, 5.5vh, 3.9rem) !important;
	}

	.arkana-services__inner {
		width: min(calc(100% - 1.25rem), 32rem);
	}

	.arkana-services__heading {
		margin-bottom: 1.25rem !important;
	}

	.arkana-services__heading .arkana-eyebrow {
		margin-bottom: 0.55rem;
	}

	.arkana-services__title {
		font-size: clamp(1.38rem, 5.8vw, 1.78rem) !important;
		font-weight: 690 !important;
		line-height: 1 !important;
		letter-spacing: -0.044em !important;
	}

	.arkana-services__title-line {
		line-height: 1.02;
	}

	.arkana-services__title-line:nth-child(2) {
		font-size: 0.84em;
	}

	.arkana-services__description {
		max-width: 39ch;
		margin-top: 0.68rem !important;
		font-size: clamp(0.71rem, 2.95vw, 0.82rem) !important;
		line-height: 1.4;
	}

	.arkana-services__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.62rem;
	}

	.arkana-service-card {
		min-height: 9.25rem !important;
		padding: 0.78rem !important;
		border-radius: 1rem !important;
	}

	.arkana-service-card .arkana-icon {
		transform: scale(0.88);
		transform-origin: left top;
	}

	.arkana-service-card__number {
		font-size: 0.52rem;
	}

	.arkana-service-card h3 {
		margin-top: 0.55rem !important;
		font-size: clamp(0.76rem, 3.25vw, 0.88rem) !important;
	}

	.arkana-service-card p {
		margin-top: 0.34rem !important;
		font-size: clamp(0.62rem, 2.6vw, 0.72rem) !important;
		line-height: 1.34;
	}

	.arkana-service-card a {
		padding-top: 0.52rem !important;
		font-size: 0.65rem;
	}

	@media (pointer: coarse) {
		.arkana-service-card:hover {
			transform: none;
			filter: none;
		}

		.arkana-services__grid:has(> .arkana-service-card:hover)
			> .arkana-service-card:not(:hover) {
			opacity: 1;
			filter: none;
			transform: none;
		}
	}
}

@media (max-width: 23.5rem) {
	.arkana-services__title {
		font-size: 1.25rem !important;
	}

	.arkana-service-card {
		min-height: 9rem !important;
		padding: 0.7rem !important;
	}

	.arkana-service-card p {
		font-size: 0.6rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.arkana-service-card,
	.arkana-service-card .arkana-icon,
	.arkana-service-card a,
	.arkana-service-card a span {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}

	.arkana-service-card::after {
		display: none !important;
	}
}

/* ================================================================
 * ARKANA METHOD 5C — PAIN TITLE + COMPACT GLASS CARDS v1
 *
 * Desktop:
 * - pain/solution title locked to two controlled lines;
 * - five equal cards in one row;
 * - active card rises, shimmers and dims siblings;
 * - complete section fits within one useful viewport.
 *
 * Tablet/mobile:
 * - 3 + 2 tablet distribution;
 * - 2 + 2 + 1 mobile distribution;
 * - touch feedback without sticky hover.
 * ================================================================ */

.arkana-method {
	display: grid;
	min-height: min(100svh, 51rem);
	align-items: center;
	padding-block: clamp(3.5rem, 5.7vh, 4.8rem) !important;
	background: transparent !important;
}

.arkana-method__inner {
	width: min(calc(100% - 3rem), 78rem);
}

.arkana-method__heading {
	width: 100%;
	max-width: 76rem !important;
	margin: 0 auto clamp(1.85rem, 3.5vh, 2.65rem) !important;
}

.arkana-method__heading .arkana-eyebrow {
	margin-bottom: clamp(0.68rem, 1.3vh, 0.92rem);
}

.arkana-method__title {
	width: 100%;
	max-width: none !important;
	margin: 0;
	padding-bottom: 0.06em;
	overflow: visible;
	font-size: clamp(2.5rem, 4vw, 4.45rem) !important;
	font-weight: 720 !important;
	letter-spacing: -0.055em !important;
	line-height: 0.99 !important;
	text-wrap: initial !important;
}

.arkana-method__title-line {
	display: block;
	width: 100%;
	padding-bottom: 0.055em;
	overflow: visible;
	line-height: 1.015;
	white-space: nowrap;
}

.arkana-method__title-line:nth-child(2) {
	font-size: 0.84em;
	letter-spacing: -0.047em;
}

.arkana-method__description {
	max-width: 72ch;
	margin: clamp(0.75rem, 1.5vh, 1rem) auto 0 !important;
	color: rgba(220, 210, 232, 0.76) !important;
	font-size: clamp(0.88rem, 1.02vw, 1rem) !important;
	line-height: 1.5;
	text-align: center;
}

.arkana-method__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: clamp(0.7rem, 1vw, 0.92rem) !important;
}

.arkana-method-card {
	--arkana-method-accent: 111, 78, 255;
	position: relative;
	isolation: isolate;
	display: flex;
	min-width: 0;
	min-height: clamp(11.2rem, 13vw, 12.6rem) !important;
	flex-direction: column;
	padding: clamp(1rem, 1.25vw, 1.2rem) !important;
	border: 1px solid rgba(207, 185, 255, 0.2) !important;
	border-radius: 1.3rem !important;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.082),
			rgba(var(--arkana-method-accent), 0.06) 48%,
			rgba(6, 4, 17, 0.96)
		),
		rgba(7, 4, 18, 0.97) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.105),
		inset 0 -1px 0 rgba(var(--arkana-method-accent), 0.09),
		0 0.8rem 2rem rgba(0, 0, 0, 0.2),
		0 0 1.8rem rgba(var(--arkana-method-accent), 0.05) !important;
	-webkit-backdrop-filter: blur(18px) saturate(128%);
	backdrop-filter: blur(18px) saturate(128%);
	overflow: hidden;
	outline: 0;
	transition:
		transform 340ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 260ms ease,
		filter 280ms ease,
		border-color 280ms ease,
		box-shadow 340ms cubic-bezier(0.22, 1, 0.36, 1),
		background 280ms ease;
	will-change: transform;
}

.arkana-method-card--2 { --arkana-method-accent: 101, 96, 255; }
.arkana-method-card--3 { --arkana-method-accent: 164, 63, 255; }
.arkana-method-card--4 { --arkana-method-accent: 216, 54, 240; }
.arkana-method-card--5 { --arkana-method-accent: 255, 69, 165; }

.arkana-method-card::before {
	content: "";
	position: absolute;
	inset: 1px 1px auto;
	z-index: 0;
	height: 48%;
	border-radius: inherit;
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.125),
			rgba(255, 255, 255, 0.02) 68%,
			transparent
		);
	opacity: 0.68;
	pointer-events: none;
}

.arkana-method-card::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -38%;
	z-index: 1;
	width: 18%;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255, 255, 255, 0.07) 24%,
			rgba(255, 255, 255, 0.62) 50%,
			rgba(255, 255, 255, 0.07) 76%,
			transparent
		);
	filter: blur(0.45px);
	transform: translateX(-230%) skewX(-17deg);
	opacity: 0;
	pointer-events: none;
}

.arkana-method-card > * {
	position: relative;
	z-index: 2;
}

.arkana-method-card__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.arkana-method-card__letter {
	display: grid !important;
	place-items: center;
	width: clamp(2.7rem, 3.6vw, 3.15rem) !important;
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, 0.17);
	border-radius: 0.95rem !important;
	background:
		linear-gradient(
			145deg,
			rgba(var(--arkana-method-accent), 0.98),
			rgba(255, 70, 167, 0.9)
		) !important;
	color: #fff;
	font-family: var(--arkana-font-display);
	font-size: clamp(1.15rem, 1.45vw, 1.45rem) !important;
	font-weight: 900;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.28),
		0 0 1.7rem rgba(var(--arkana-method-accent), 0.27);
	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 320ms ease;
}

.arkana-method-card__top small {
	color: rgba(219, 207, 236, 0.46) !important;
	font-family: var(--arkana-font-display);
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.arkana-method-card h3 {
	margin: clamp(0.9rem, 1.6vh, 1.2rem) 0 0 !important;
	color: #fff;
	font-family: var(--arkana-font-display);
	font-size: clamp(1rem, 1.1vw, 1.13rem) !important;
	font-weight: 740;
	line-height: 1.08;
	letter-spacing: -0.02em;
}

.arkana-method-card p {
	margin: 0.48rem 0 0 !important;
	color: rgba(213, 203, 226, 0.74) !important;
	font-size: clamp(0.75rem, 0.84vw, 0.85rem) !important;
	line-height: 1.45;
}

.arkana-method-card__result {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-top: auto;
	padding: 0.3rem 0.55rem;
	border: 1px solid rgba(var(--arkana-method-accent), 0.2);
	border-radius: 999px;
	background: rgba(var(--arkana-method-accent), 0.08);
	color: rgba(225, 210, 245, 0.82);
	font-size: clamp(0.62rem, 0.72vw, 0.7rem);
	font-weight: 720;
	letter-spacing: 0.03em;
	transition:
		transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
		border-color 280ms ease,
		background 280ms ease,
		color 280ms ease;
}

@keyframes arkana-method-shimmer-v1 {
	0% {
		transform: translateX(-230%) skewX(-17deg);
		opacity: 0;
	}
	16% {
		opacity: 0.88;
	}
	100% {
		transform: translateX(880%) skewX(-17deg);
		opacity: 0;
	}
}

@media (hover: hover) and (pointer: fine) {
	.arkana-method-card:hover,
	.arkana-method-card:focus-visible {
		z-index: 7;
		transform: translateY(-0.5rem) scale(1.03);
		border-color: rgba(225, 207, 255, 0.58) !important;
		background:
			linear-gradient(
				145deg,
				rgba(255, 255, 255, 0.118),
				rgba(var(--arkana-method-accent), 0.125) 48%,
				rgba(6, 4, 17, 0.97)
			),
			rgba(7, 4, 18, 0.98) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.2),
			inset 0 -1px 0 rgba(var(--arkana-method-accent), 0.16),
			0 1.25rem 2.9rem rgba(0, 0, 0, 0.34),
			0 0 2.65rem rgba(var(--arkana-method-accent), 0.27) !important;
		filter: saturate(1.12) brightness(1.06);
	}

	.arkana-method-card:hover::after,
	.arkana-method-card:focus-visible::after {
		animation: arkana-method-shimmer-v1 760ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	.arkana-method-card:hover .arkana-method-card__letter,
	.arkana-method-card:focus-visible .arkana-method-card__letter {
		transform: translateY(-0.14rem) scale(1.08);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.3),
			0 0 2.1rem rgba(var(--arkana-method-accent), 0.42);
	}

	.arkana-method-card:hover .arkana-method-card__result,
	.arkana-method-card:focus-visible .arkana-method-card__result {
		transform: translateY(-0.08rem);
		border-color: rgba(var(--arkana-method-accent), 0.52);
		background: rgba(var(--arkana-method-accent), 0.15);
		color: #fff;
	}

	.arkana-method__grid:has(> .arkana-method-card:hover)
		> .arkana-method-card:not(:hover),
	.arkana-method__grid:has(> .arkana-method-card:focus-visible)
		> .arkana-method-card:not(:focus-visible) {
		opacity: 0.3;
		filter: saturate(0.42) brightness(0.67);
		transform: scale(0.975);
	}
}

.arkana-method-card:active {
	transform: translateY(0.05rem) scale(0.986);
	filter: brightness(0.94);
}

.arkana-method-card:focus-visible {
	outline: 2px solid rgba(201, 171, 255, 0.9);
	outline-offset: 0.22rem;
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-method {
		min-height: auto;
		padding-block: clamp(3.5rem, 5.5vh, 4.6rem) !important;
	}

	.arkana-method__inner {
		width: min(calc(100% - 2rem), 68rem);
	}

	.arkana-method__title {
		font-size: clamp(2.3rem, 4.7vw, 3.45rem) !important;
	}

	.arkana-method__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.arkana-method-card:nth-child(4) {
		grid-column: 1 / 2;
	}

	.arkana-method-card:nth-child(5) {
		grid-column: 2 / 3;
	}

	.arkana-method-card {
		min-height: 10.7rem !important;
	}
}

@media (max-width: 47.99rem) {
	.arkana-method {
		min-height: min(100svh, 51rem);
		padding-block: clamp(3.1rem, 5.5vh, 3.9rem) !important;
	}

	.arkana-method__inner {
		width: min(calc(100% - 1.25rem), 32rem);
	}

	.arkana-method__heading {
		margin-bottom: 1.25rem !important;
	}

	.arkana-method__heading .arkana-eyebrow {
		margin-bottom: 0.55rem;
	}

	.arkana-method__title {
		font-size: clamp(1.34rem, 5.7vw, 1.72rem) !important;
		font-weight: 690 !important;
		line-height: 1 !important;
		letter-spacing: -0.044em !important;
	}

	.arkana-method__title-line {
		line-height: 1.02;
	}

	.arkana-method__title-line:nth-child(2) {
		font-size: 0.82em;
	}

	.arkana-method__description {
		max-width: 39ch;
		margin-top: 0.68rem !important;
		font-size: clamp(0.7rem, 2.9vw, 0.8rem) !important;
		line-height: 1.4;
	}

	.arkana-method__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.62rem !important;
	}

	.arkana-method-card {
		min-height: 8.85rem !important;
		padding: 0.76rem !important;
		border-radius: 1rem !important;
	}

	.arkana-method-card:last-child {
		grid-column: 1 / -1;
		min-height: 7.5rem !important;
	}

	.arkana-method-card__letter {
		width: 2.25rem !important;
		border-radius: 0.72rem !important;
		font-size: 0.92rem !important;
	}

	.arkana-method-card__top small {
		font-size: 0.5rem;
	}

	.arkana-method-card h3 {
		margin-top: 0.58rem !important;
		font-size: clamp(0.76rem, 3.25vw, 0.88rem) !important;
	}

	.arkana-method-card p {
		margin-top: 0.34rem !important;
		font-size: clamp(0.61rem, 2.55vw, 0.71rem) !important;
		line-height: 1.34;
	}

	.arkana-method-card__result {
		margin-top: 0.48rem;
		padding: 0.22rem 0.42rem;
		font-size: 0.58rem;
	}

	@media (pointer: coarse) {
		.arkana-method-card:hover {
			transform: none;
			filter: none;
		}

		.arkana-method__grid:has(> .arkana-method-card:hover)
			> .arkana-method-card:not(:hover) {
			opacity: 1;
			filter: none;
			transform: none;
		}
	}
}

@media (max-width: 23.5rem) {
	.arkana-method__title {
		font-size: 1.22rem !important;
	}

	.arkana-method-card {
		min-height: 8.55rem !important;
		padding: 0.68rem !important;
	}

	.arkana-method-card p {
		font-size: 0.59rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.arkana-method-card,
	.arkana-method-card__letter,
	.arkana-method-card__result {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}

	.arkana-method-card::after {
		display: none !important;
	}
}

/* ================================================================
 * ARKANA PROCESS — BALANCED SINGLE VIEW + GLASS INTERACTIONS v1
 *
 * Desktop:
 * - pain/solution heading in two controlled lines;
 * - six compact steps in a 2 × 3 grid;
 * - featured Framework card balanced in the right column;
 * - hover/focus elevation, shimmer and sibling dimming.
 *
 * Tablet/mobile:
 * - compact responsive grids;
 * - touch feedback without sticky hover;
 * - no horizontal overflow.
 * ================================================================ */

.arkana-process {
	display: grid;
	min-height: min(100svh, 53rem);
	align-items: center;
	padding-block: clamp(3.3rem, 5.3vh, 4.6rem) !important;
	background: transparent !important;
}

.arkana-process__inner {
	width: min(calc(100% - 3rem), 78rem);
}

.arkana-process__heading {
	width: 100%;
	max-width: 76rem !important;
	margin: 0 0 clamp(1.5rem, 2.8vh, 2.1rem) !important;
}

.arkana-process__heading .arkana-eyebrow {
	margin-bottom: clamp(0.62rem, 1.15vh, 0.86rem);
}

.arkana-process__title {
	width: 100%;
	max-width: none !important;
	margin: 0;
	padding-bottom: 0.06em;
	overflow: visible;
	font-size: clamp(2.45rem, 3.9vw, 4.35rem) !important;
	font-weight: 720 !important;
	letter-spacing: -0.055em !important;
	line-height: 0.99 !important;
	text-wrap: initial !important;
}

.arkana-process__title-line {
	display: block;
	width: 100%;
	padding-bottom: 0.055em;
	overflow: visible;
	line-height: 1.015;
	white-space: nowrap;
}

.arkana-process__title-line:nth-child(2) {
	font-size: 0.85em;
	letter-spacing: -0.047em;
}

.arkana-process__description {
	max-width: 76ch;
	margin: clamp(0.72rem, 1.35vh, 0.95rem) 0 0 !important;
	color: rgba(220, 210, 232, 0.76) !important;
	font-size: clamp(0.86rem, 1vw, 0.98rem) !important;
	line-height: 1.48;
}

.arkana-process__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.62fr) minmax(20rem, 0.78fr);
	align-items: stretch;
	gap: clamp(1rem, 1.7vw, 1.45rem);
}

.arkana-process__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(0.68rem, 1vw, 0.88rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.arkana-process-card {
	--arkana-process-accent: 111, 78, 255;
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: clamp(0.72rem, 1.05vw, 0.95rem);
	min-width: 0;
	min-height: clamp(5.65rem, 6.4vw, 6.25rem);
	padding: clamp(0.82rem, 1.05vw, 1rem) !important;
	border: 1px solid rgba(207, 185, 255, 0.2) !important;
	border-radius: 1.15rem !important;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.08),
			rgba(var(--arkana-process-accent), 0.055) 48%,
			rgba(6, 4, 17, 0.96)
		),
		rgba(7, 4, 18, 0.97) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		inset 0 -1px 0 rgba(var(--arkana-process-accent), 0.08),
		0 0.72rem 1.8rem rgba(0, 0, 0, 0.19),
		0 0 1.6rem rgba(var(--arkana-process-accent), 0.045) !important;
	-webkit-backdrop-filter: blur(18px) saturate(128%);
	backdrop-filter: blur(18px) saturate(128%);
	overflow: hidden;
	outline: 0;
	transition:
		transform 340ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 260ms ease,
		filter 280ms ease,
		border-color 280ms ease,
		box-shadow 340ms cubic-bezier(0.22, 1, 0.36, 1),
		background 280ms ease;
	will-change: transform;
}

.arkana-process-card--2 { --arkana-process-accent: 103, 96, 255; }
.arkana-process-card--3 { --arkana-process-accent: 157, 66, 255; }
.arkana-process-card--4 { --arkana-process-accent: 200, 54, 255; }
.arkana-process-card--5 { --arkana-process-accent: 235, 58, 211; }
.arkana-process-card--6 { --arkana-process-accent: 255, 72, 162; }

.arkana-process-card::before,
.arkana-process-framework::before {
	content: "";
	position: absolute;
	inset: 1px 1px auto;
	z-index: 0;
	height: 48%;
	border-radius: inherit;
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.12),
			rgba(255, 255, 255, 0.02) 68%,
			transparent
		);
	opacity: 0.67;
	pointer-events: none;
}

.arkana-process-card::after,
.arkana-process-framework::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -38%;
	z-index: 1;
	width: 18%;
	border-radius: 999px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255, 255, 255, 0.07) 24%,
			rgba(255, 255, 255, 0.61) 50%,
			rgba(255, 255, 255, 0.07) 76%,
			transparent
		);
	filter: blur(0.45px);
	transform: translateX(-230%) skewX(-17deg);
	opacity: 0;
	pointer-events: none;
}

.arkana-process-card > *,
.arkana-process-framework > * {
	position: relative;
	z-index: 2;
}

.arkana-process-card__number {
	display: grid;
	place-items: center;
	width: clamp(2.35rem, 3vw, 2.75rem);
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, 0.17);
	border-radius: 0.82rem;
	background:
		linear-gradient(
			145deg,
			rgba(var(--arkana-process-accent), 0.98),
			rgba(255, 70, 167, 0.9)
		);
	color: #fff;
	font-family: var(--arkana-font-display);
	font-size: clamp(0.72rem, 0.9vw, 0.84rem);
	font-weight: 850;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.27),
		0 0 1.5rem rgba(var(--arkana-process-accent), 0.25);
	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 320ms ease;
}

.arkana-process-card__copy {
	min-width: 0;
}

.arkana-process-card h3 {
	margin: 0 !important;
	color: #fff;
	font-family: var(--arkana-font-display);
	font-size: clamp(0.9rem, 1.04vw, 1.02rem) !important;
	font-weight: 735;
	line-height: 1.08;
	letter-spacing: -0.02em;
}

.arkana-process-card p {
	margin: 0.28rem 0 0 !important;
	color: rgba(213, 203, 226, 0.73) !important;
	font-size: clamp(0.68rem, 0.78vw, 0.79rem) !important;
	line-height: 1.36;
}

.arkana-process-framework {
	--arkana-framework-accent: 181, 57, 255;
	position: relative;
	isolation: isolate;
	display: flex;
	min-width: 0;
	min-height: 100%;
	flex-direction: column;
	padding: clamp(1.15rem, 1.55vw, 1.45rem) !important;
	border: 1px solid rgba(205, 177, 255, 0.28) !important;
	border-radius: 1.35rem !important;
	background:
		linear-gradient(
			155deg,
			rgba(92, 37, 157, 0.27),
			rgba(28, 12, 62, 0.76) 48%,
			rgba(7, 4, 18, 0.97)
		) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		inset 0 -1px 0 rgba(var(--arkana-framework-accent), 0.11),
		0 1rem 2.5rem rgba(0, 0, 0, 0.23),
		0 0 2.5rem rgba(var(--arkana-framework-accent), 0.08) !important;
	-webkit-backdrop-filter: blur(20px) saturate(132%);
	backdrop-filter: blur(20px) saturate(132%);
	overflow: hidden;
	outline: 0;
	transition:
		transform 340ms cubic-bezier(0.22, 1, 0.36, 1),
		border-color 280ms ease,
		box-shadow 340ms cubic-bezier(0.22, 1, 0.36, 1),
		filter 280ms ease;
}

.arkana-process-framework__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.arkana-process-framework__header .arkana-eyebrow {
	margin: 0 !important;
	font-size: 0.66rem;
}

.arkana-process-framework__mark {
	display: grid;
	place-items: center;
	width: 2.45rem;
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 0.78rem;
	background:
		linear-gradient(145deg, #5c42ff, #d532ff 58%, #ff4e8d);
	color: #fff;
	font-family: var(--arkana-font-display);
	font-size: 1.05rem;
	font-weight: 900;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.28),
		0 0 1.8rem rgba(177, 57, 255, 0.32);
	transition:
		transform 320ms cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 320ms ease;
}

.arkana-process-framework h3 {
	margin: clamp(1rem, 1.7vh, 1.25rem) 0 0 !important;
	color: #fff;
	font-size: clamp(1.8rem, 2.7vw, 2.65rem) !important;
	font-weight: 730;
	line-height: 0.98;
	letter-spacing: -0.045em;
}

.arkana-process-framework__text {
	margin: clamp(0.8rem, 1.5vh, 1rem) 0 0 !important;
	color: rgba(215, 205, 228, 0.75) !important;
	font-size: clamp(0.76rem, 0.88vw, 0.87rem) !important;
	line-height: 1.48;
}

.arkana-process-framework__values {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.55rem;
	margin-top: auto;
	padding-top: clamp(1rem, 1.8vh, 1.35rem);
}

.arkana-process-framework__values div {
	display: grid;
	gap: 0.15rem;
	min-width: 0;
	padding: 0.7rem 0.45rem;
	border: 1px solid rgba(207, 185, 255, 0.18);
	border-radius: 0.9rem;
	background: rgba(6, 4, 17, 0.56);
	text-align: center;
	transition:
		transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
		border-color 280ms ease,
		background 280ms ease;
}

.arkana-process-framework__values strong {
	color: #fff;
	font-size: clamp(0.68rem, 0.78vw, 0.78rem);
}

.arkana-process-framework__values span {
	color: rgba(210, 198, 224, 0.68);
	font-size: clamp(0.58rem, 0.66vw, 0.66rem);
}

@keyframes arkana-process-shimmer-v1 {
	0% {
		transform: translateX(-230%) skewX(-17deg);
		opacity: 0;
	}
	16% {
		opacity: 0.88;
	}
	100% {
		transform: translateX(880%) skewX(-17deg);
		opacity: 0;
	}
}

@media (hover: hover) and (pointer: fine) {
	.arkana-process-card:hover,
	.arkana-process-card:focus-visible {
		z-index: 7;
		transform: translateY(-0.38rem) scale(1.022);
		border-color: rgba(225, 207, 255, 0.57) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.19),
			inset 0 -1px 0 rgba(var(--arkana-process-accent), 0.15),
			0 1.1rem 2.55rem rgba(0, 0, 0, 0.33),
			0 0 2.35rem rgba(var(--arkana-process-accent), 0.25) !important;
		filter: saturate(1.12) brightness(1.06);
	}

	.arkana-process-card:hover::after,
	.arkana-process-card:focus-visible::after,
	.arkana-process-framework:hover::after,
	.arkana-process-framework:focus-visible::after {
		animation: arkana-process-shimmer-v1 760ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	.arkana-process-card:hover .arkana-process-card__number,
	.arkana-process-card:focus-visible .arkana-process-card__number {
		transform: translateY(-0.1rem) scale(1.08);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.3),
			0 0 2rem rgba(var(--arkana-process-accent), 0.42);
	}

	.arkana-process__grid:has(> .arkana-process-card:hover)
		> .arkana-process-card:not(:hover),
	.arkana-process__grid:has(> .arkana-process-card:focus-visible)
		> .arkana-process-card:not(:focus-visible) {
		opacity: 0.3;
		filter: saturate(0.42) brightness(0.67);
		transform: scale(0.975);
	}

	.arkana-process-framework:hover,
	.arkana-process-framework:focus-visible {
		transform: translateY(-0.42rem) scale(1.018);
		border-color: rgba(228, 207, 255, 0.6) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.2),
			0 1.25rem 2.9rem rgba(0, 0, 0, 0.34),
			0 0 2.8rem rgba(var(--arkana-framework-accent), 0.27) !important;
		filter: saturate(1.1) brightness(1.05);
	}

	.arkana-process-framework:hover .arkana-process-framework__mark,
	.arkana-process-framework:focus-visible .arkana-process-framework__mark {
		transform: translateY(-0.12rem) scale(1.08);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.3),
			0 0 2.2rem rgba(177, 57, 255, 0.48);
	}

	.arkana-process-framework__values div:hover {
		transform: translateY(-0.12rem);
		border-color: rgba(222, 198, 255, 0.42);
		background: rgba(85, 37, 147, 0.2);
	}
}

.arkana-process-card:active,
.arkana-process-framework:active {
	transform: translateY(0.05rem) scale(0.986);
	filter: brightness(0.94);
}

.arkana-process-card:focus-visible,
.arkana-process-framework:focus-visible {
	outline: 2px solid rgba(201, 171, 255, 0.9);
	outline-offset: 0.2rem;
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-process {
		min-height: auto;
		padding-block: clamp(3.4rem, 5.3vh, 4.5rem) !important;
	}

	.arkana-process__inner {
		width: min(calc(100% - 2rem), 68rem);
	}

	.arkana-process__title {
		font-size: clamp(2.25rem, 4.55vw, 3.35rem) !important;
	}

	.arkana-process__layout {
		grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.8fr);
	}

	.arkana-process-card {
		min-height: 5.7rem;
	}

	.arkana-process-framework h3 {
		font-size: clamp(1.65rem, 3.1vw, 2.3rem) !important;
	}
}

@media (max-width: 47.99rem) {
	.arkana-process {
		min-height: min(100svh, 54rem);
		padding-block: clamp(3rem, 5.3vh, 3.8rem) !important;
	}

	.arkana-process__inner {
		width: min(calc(100% - 1.25rem), 32rem);
	}

	.arkana-process__heading {
		margin-bottom: 1.2rem !important;
	}

	.arkana-process__heading .arkana-eyebrow {
		margin-bottom: 0.52rem;
	}

	.arkana-process__title {
		font-size: clamp(1.34rem, 5.7vw, 1.72rem) !important;
		font-weight: 690 !important;
		line-height: 1 !important;
		letter-spacing: -0.044em !important;
	}

	.arkana-process__title-line {
		line-height: 1.02;
	}

	.arkana-process__title-line:nth-child(2) {
		font-size: 0.82em;
	}

	.arkana-process__description {
		max-width: 40ch;
		margin-top: 0.64rem !important;
		font-size: clamp(0.7rem, 2.9vw, 0.8rem) !important;
		line-height: 1.4;
	}

	.arkana-process__layout {
		grid-template-columns: 1fr;
		gap: 0.72rem;
	}

	.arkana-process__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.58rem;
	}

	.arkana-process-card {
		grid-template-columns: 1fr;
		align-content: start;
		gap: 0.48rem;
		min-height: 7.45rem;
		padding: 0.72rem !important;
		border-radius: 0.95rem !important;
	}

	.arkana-process-card__number {
		width: 2.1rem;
		border-radius: 0.68rem;
		font-size: 0.64rem;
	}

	.arkana-process-card h3 {
		font-size: clamp(0.74rem, 3.15vw, 0.86rem) !important;
	}

	.arkana-process-card p {
		margin-top: 0.22rem !important;
		font-size: clamp(0.59rem, 2.48vw, 0.69rem) !important;
		line-height: 1.31;
	}

	.arkana-process-framework {
		min-height: 0;
		padding: 0.88rem !important;
		border-radius: 1rem !important;
	}

	.arkana-process-framework__header .arkana-eyebrow {
		font-size: 0.55rem;
	}

	.arkana-process-framework__mark {
		width: 2.15rem;
		border-radius: 0.68rem;
		font-size: 0.9rem;
	}

	.arkana-process-framework h3 {
		margin-top: 0.68rem !important;
		font-size: clamp(1.35rem, 6vw, 1.75rem) !important;
	}

	.arkana-process-framework__text {
		margin-top: 0.55rem !important;
		font-size: clamp(0.66rem, 2.75vw, 0.76rem) !important;
		line-height: 1.36;
	}

	.arkana-process-framework__values {
		gap: 0.42rem;
		padding-top: 0.72rem;
	}

	.arkana-process-framework__values div {
		padding: 0.52rem 0.3rem;
		border-radius: 0.72rem;
	}

	.arkana-process-framework__values strong {
		font-size: 0.62rem;
	}

	.arkana-process-framework__values span {
		font-size: 0.54rem;
	}

	@media (pointer: coarse) {
		.arkana-process-card:hover,
		.arkana-process-framework:hover {
			transform: none;
			filter: none;
		}

		.arkana-process__grid:has(> .arkana-process-card:hover)
			> .arkana-process-card:not(:hover) {
			opacity: 1;
			filter: none;
			transform: none;
		}
	}
}

@media (max-width: 23.5rem) {
	.arkana-process__title {
		font-size: 1.2rem !important;
	}

	.arkana-process-card {
		min-height: 7.25rem;
		padding: 0.65rem !important;
	}

	.arkana-process-card p {
		font-size: 0.57rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.arkana-process-card,
	.arkana-process-card__number,
	.arkana-process-framework,
	.arkana-process-framework__mark,
	.arkana-process-framework__values div {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}

	.arkana-process-card::after,
	.arkana-process-framework::after {
		display: none !important;
	}
}


/* ================================================================
 * ARKANA PLANS — PERSUASIVE FEATURES GLASS v1
 * - título más convincente en dos líneas;
 * - sin numeración visual;
 * - features ordenados por bullets;
 * - tarjetas glass con elevación, shimmer y sibling dimming.
 * ================================================================ */

.arkana-plans {
	display: grid;
	min-height: min(100svh, 56rem);
	align-items: center;
	padding-block: clamp(3.4rem, 5.5vh, 4.8rem) !important;
	background: transparent !important;
}

.arkana-plans__inner {
	width: min(calc(100% - 3rem), 80rem);
}

.arkana-plans__heading {
	max-width: 72rem !important;
	margin: 0 0 clamp(1.55rem, 2.8vh, 2rem) !important;
}

.arkana-plans__title {
	margin: 0;
	padding-bottom: .055em;
	overflow: visible;
	font-size: clamp(2.8rem, 4.8vw, 4.9rem) !important;
	font-weight: 720 !important;
	letter-spacing: -.058em !important;
	line-height: .98 !important;
}

.arkana-plans__title-line {
	display: block;
	padding-bottom: .05em;
	line-height: 1.01;
	white-space: nowrap;
}

.arkana-plans__description {
	max-width: 68ch;
	margin: clamp(.8rem, 1.45vh, 1rem) 0 0 !important;
	color: rgba(220, 210, 232, .76) !important;
	font-size: clamp(.88rem, 1vw, .98rem) !important;
	line-height: 1.48;
}

.arkana-plans__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(.95rem, 1.15vw, 1.15rem);
}

.arkana-plan-card {
	--arkana-plan-accent: 125, 67, 255;
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	gap: 0;
	min-height: clamp(29rem, 32vw, 31rem);
	padding: clamp(1.2rem, 1.3vw, 1.35rem) !important;
	border: 1px solid rgba(207, 185, 255, 0.2) !important;
	border-radius: 1.55rem !important;
	background:
		linear-gradient(155deg, rgba(255,255,255,.08), rgba(var(--arkana-plan-accent), .055) 46%, rgba(6,4,17,.97)),
		rgba(7,4,18,.97) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.1),
		inset 0 -1px 0 rgba(var(--arkana-plan-accent), .08),
		0 1rem 2.2rem rgba(0,0,0,.22),
		0 0 1.8rem rgba(var(--arkana-plan-accent), .05) !important;
	-webkit-backdrop-filter: blur(18px) saturate(128%);
	backdrop-filter: blur(18px) saturate(128%);
	overflow: hidden;
	outline: 0;
	transition:
		transform 340ms cubic-bezier(.22,1,.36,1),
		opacity 260ms ease,
		filter 280ms ease,
		border-color 280ms ease,
		box-shadow 340ms cubic-bezier(.22,1,.36,1);
}

.arkana-plan-card:nth-child(2) { --arkana-plan-accent: 105, 81, 255; }
.arkana-plan-card:nth-child(3) { --arkana-plan-accent: 206, 59, 255; }
.arkana-plan-card:nth-child(4) { --arkana-plan-accent: 255, 91, 180; }

.arkana-plan-card::before {
	content: "";
	position: absolute;
	inset: 1px 1px auto;
	height: 44%;
	border-radius: inherit;
	background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.02) 68%, transparent);
	opacity: .66;
	pointer-events: none;
}

.arkana-plan-card::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -42%;
	z-index: 1;
	width: 22%;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.07) 24%, rgba(255,255,255,.62) 50%, rgba(255,255,255,.07) 76%, transparent);
	filter: blur(.5px);
	transform: translateX(-250%) skewX(-17deg);
	opacity: 0;
	pointer-events: none;
}

.arkana-plan-card > * { position: relative; z-index: 2; }

.arkana-plan-card__badge {
	position: absolute;
	top: 0;
	right: 0;
	padding: .68rem .92rem;
	border-radius: 0 1.5rem 0 1rem;
	background: var(--arkana-gradient-brand);
	color: #fff;
	font-size: .72rem;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: .02em;
	box-shadow: 0 .55rem 1.4rem rgba(144, 58, 255, .22);
}

.arkana-plan-card__top {
	padding-right: .2rem;
}

.arkana-plan-card h3 {
	margin: 0 !important;
	color: #a43bff;
	font-family: var(--arkana-font-display);
	font-size: clamp(1.55rem, 2.1vw, 2rem) !important;
	line-height: .95;
	letter-spacing: -.04em;
}

.arkana-plan-card__subtitle {
	margin: .38rem 0 0 !important;
	color: #fff !important;
	font-size: clamp(.96rem, 1vw, 1.02rem) !important;
	font-weight: 720;
	line-height: 1.15;
}

.arkana-plan-card__description {
	margin: .8rem 0 0 !important;
	color: rgba(214, 204, 227, .78) !important;
	font-size: clamp(.78rem, .9vw, .86rem) !important;
	line-height: 1.46;
}

.arkana-plan-card__features {
	display: grid;
	gap: .5rem;
	margin: 1rem 0 0;
	padding: .95rem 0 0;
	list-style: none;
	border-top: 1px solid rgba(207,185,255,.14);
}

.arkana-plan-card__features li {
	position: relative;
	padding-left: 1rem;
	color: rgba(220, 210, 233, .74);
	font-size: clamp(.72rem, .82vw, .8rem);
	line-height: 1.35;
}

.arkana-plan-card__features li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .48rem;
	width: .38rem;
	height: .38rem;
	border-radius: 50%;
	background: var(--arkana-gradient-brand);
	box-shadow: 0 0 .95rem rgba(182, 74, 255, .45);
}

.arkana-plan-card__footer {
	margin-top: auto;
	padding-top: 1rem;
}

.arkana-plan-card__price {
	padding: 0 0 1rem;
	border-top: 1px solid rgba(207,185,255,.14);
	margin-top: .2rem;
}

.arkana-plan-card__price small,
.arkana-plan-card__price strong { display: block; }

.arkana-plan-card__price small {
	padding-top: .95rem;
	color: rgba(208, 197, 222, .62);
	font-size: .72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.arkana-plan-card__price strong {
	margin-top: .38rem;
	background: var(--arkana-gradient-text);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: var(--arkana-font-display);
	font-size: clamp(1.8rem, 2.4vw, 2.2rem);
	line-height: 1;
}

.arkana-plan-card__cta {
	width: 100%;
	justify-content: center;
}

.arkana-plan-card--featured {
	border-color: rgba(221, 116, 255, .5) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.12),
		inset 0 -1px 0 rgba(221, 116, 255, .12),
		0 1rem 2.2rem rgba(0,0,0,.25),
		0 0 2.5rem rgba(173, 72, 255, .16) !important;
}

@keyframes arkana-plans-shimmer-v1 {
	0% { transform: translateX(-250%) skewX(-17deg); opacity: 0; }
	16% { opacity: .9; }
	100% { transform: translateX(900%) skewX(-17deg); opacity: 0; }
}

@media (hover: hover) and (pointer: fine) {
	.arkana-plan-card:hover,
	.arkana-plan-card:focus-visible {
		z-index: 4;
		transform: translateY(-.42rem) scale(1.02);
		border-color: rgba(226, 208, 255, .55) !important;
		box-shadow:
			inset 0 1px 0 rgba(255,255,255,.18),
			inset 0 -1px 0 rgba(var(--arkana-plan-accent), .14),
			0 1.25rem 2.8rem rgba(0,0,0,.34),
			0 0 2.5rem rgba(var(--arkana-plan-accent), .24) !important;
		filter: saturate(1.1) brightness(1.05);
	}

	.arkana-plan-card:hover::after,
	.arkana-plan-card:focus-visible::after {
		animation: arkana-plans-shimmer-v1 760ms cubic-bezier(.22,1,.36,1) both;
	}

	.arkana-plans__grid:has(> .arkana-plan-card:hover) > .arkana-plan-card:not(:hover),
	.arkana-plans__grid:has(> .arkana-plan-card:focus-visible) > .arkana-plan-card:not(:focus-visible) {
		opacity: .34;
		filter: saturate(.48) brightness(.7);
		transform: scale(.976);
	}
}

.arkana-plan-card:focus-visible {
	outline: 2px solid rgba(201,171,255,.9);
	outline-offset: .2rem;
}

@media (max-width: 79.99rem) {
	.arkana-plans__inner { width: min(calc(100% - 2rem), 74rem); }
	.arkana-plans__title { font-size: clamp(2.45rem, 4.65vw, 4rem) !important; }
	.arkana-plans__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.arkana-plan-card { min-height: 27.5rem; }
}

@media (max-width: 47.99rem) {
	.arkana-plans {
		min-height: auto;
		padding-block: clamp(3rem, 5.4vh, 4rem) !important;
	}

	.arkana-plans__inner {
		width: min(calc(100% - 1.25rem), 32rem);
	}

	.arkana-plans__heading {
		margin-bottom: 1.15rem !important;
	}

	.arkana-plans__title {
		font-size: clamp(1.95rem, 9.2vw, 2.7rem) !important;
		font-weight: 690 !important;
		letter-spacing: -.045em !important;
		line-height: .98 !important;
	}

	.arkana-plans__title-line {
		white-space: normal;
	}

	.arkana-plans__description {
		max-width: 38ch;
		font-size: clamp(.74rem, 3.1vw, .84rem) !important;
		line-height: 1.42;
	}

	.arkana-plans__grid {
		grid-template-columns: 1fr;
		gap: .82rem;
	}

	.arkana-plan-card {
		min-height: auto;
		padding: 1rem !important;
		border-radius: 1.1rem !important;
	}

	.arkana-plan-card__badge {
		padding: .58rem .78rem;
		font-size: .64rem;
	}

	.arkana-plan-card h3 {
		font-size: clamp(1.4rem, 7vw, 1.8rem) !important;
	}

	.arkana-plan-card__subtitle {
		font-size: .92rem !important;
	}

	.arkana-plan-card__description,
	.arkana-plan-card__features li {
		font-size: .76rem !important;
	}

	.arkana-plan-card__price strong {
		font-size: 1.9rem;
	}

	@media (pointer: coarse) {
		.arkana-plan-card:hover {
			transform: none;
			filter: none;
		}

		.arkana-plans__grid:has(> .arkana-plan-card:hover) > .arkana-plan-card:not(:hover) {
			opacity: 1;
			filter: none;
			transform: none;
		}
	}
}


/* ================================================================
 * ARKANA PLANS — GLASS BOOST v2
 * Refuerza transparencia, profundidad y lectura en las cards
 * sin cambiar la estructura aprobada.
 * ================================================================ */

.arkana-plans .arkana-plan-card {
	background:
		linear-gradient(155deg, rgba(255,255,255,.12), rgba(var(--arkana-plan-accent), .09) 42%, rgba(8,5,20,.72) 74%, rgba(5,3,14,.62)),
		rgba(7,4,18,.52) !important;
	border: 1px solid rgba(222, 202, 255, 0.24) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.16),
		inset 0 -1px 0 rgba(var(--arkana-plan-accent), .11),
		0 1rem 2.2rem rgba(0,0,0,.18),
		0 0 2.2rem rgba(var(--arkana-plan-accent), .08) !important;
	-webkit-backdrop-filter: blur(24px) saturate(145%);
	backdrop-filter: blur(24px) saturate(145%);
}

.arkana-plans .arkana-plan-card::before {
	height: 48%;
	background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05) 60%, transparent 92%);
	opacity: .9;
}

.arkana-plans .arkana-plan-card::after {
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.1) 24%, rgba(255,255,255,.7) 50%, rgba(255,255,255,.1) 76%, transparent);
}

.arkana-plans .arkana-plan-card__features,
.arkana-plans .arkana-plan-card__price {
	border-top-color: rgba(223, 203, 255, .18);
}

.arkana-plans .arkana-plan-card__description,
.arkana-plans .arkana-plan-card__features li {
	color: rgba(231, 224, 241, .79) !important;
}

.arkana-plans .arkana-plan-card__subtitle {
	color: rgba(255,255,255,.96) !important;
}

.arkana-plans .arkana-plan-card--featured {
	background:
		linear-gradient(155deg, rgba(255,255,255,.14), rgba(207, 96, 255, .11) 38%, rgba(9,5,22,.72) 74%, rgba(5,3,15,.6)),
		rgba(8,4,19,.5) !important;
	border-color: rgba(228, 131, 255, .55) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		inset 0 -1px 0 rgba(221, 116, 255, .14),
		0 1rem 2.4rem rgba(0,0,0,.2),
		0 0 2.8rem rgba(173, 72, 255, .18) !important;
}

@media (hover: hover) and (pointer: fine) {
	.arkana-plans .arkana-plan-card:hover,
	.arkana-plans .arkana-plan-card:focus-visible {
		border-color: rgba(238, 225, 255, .62) !important;
		box-shadow:
			inset 0 1px 0 rgba(255,255,255,.22),
			inset 0 -1px 0 rgba(var(--arkana-plan-accent), .18),
			0 1.35rem 3rem rgba(0,0,0,.26),
			0 0 3rem rgba(var(--arkana-plan-accent), .28) !important;
	}
}


/* ================================================================
 * ARKANA PLANS — GLASS ALIGNMENT FIX v3
 * Corrige el desfase visual del borde glass en las cards.
 * Problema: la capa superior estaba generando un segundo contorno
 * con radio/inset distinto, especialmente visible en esquinas.
 * Solución: unificar clipping, radio y overlay interno.
 * ================================================================ */

.arkana-plans .arkana-plan-card {
	position: relative;
	border-radius: 1.55rem !important;
	overflow: hidden !important;
	background-clip: padding-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
}

.arkana-plans .arkana-plan-card::before {
	content: "";
	position: absolute;
	inset: 1px !important;
	height: auto !important;
	border-radius: calc(1.55rem - 1px) !important;
	background: linear-gradient(
		180deg,
		rgba(255,255,255,.15) 0%,
		rgba(255,255,255,.08) 18%,
		rgba(255,255,255,.03) 40%,
		transparent 62%
	) !important;
	opacity: .9 !important;
	pointer-events: none;
	clip-path: inset(0 round calc(1.55rem - 1px));
}

.arkana-plans .arkana-plan-card::after {
	left: -38%;
	width: 20%;
}

.arkana-plans .arkana-plan-card--featured {
	border-color: rgba(228, 136, 255, .52) !important;
}

@media (hover: hover) and (pointer: fine) {
	.arkana-plans .arkana-plan-card:hover,
	.arkana-plans .arkana-plan-card:focus-visible {
		transform: translateY(-.42rem) scale(1.02) translateZ(0);
	}
}


/* ================================================================
 * ARKANA DIAGNOSTIC — RELOCATION + REFINE v1
 * Ubicación recomendada: justo debajo de la sección de planes.
 * Estructura más compacta, más clara y más premium.
 * ================================================================ */

.arkana-diagnostic {
	padding-top: clamp(3.5rem, 7vw, 5.5rem);
	padding-bottom: clamp(4.5rem, 8vw, 6.5rem);
}

.arkana-diagnostic__inner {
	max-width: min(86rem, calc(100vw - 2rem));
}

.arkana-diagnostic__panel {
	position: relative;
	max-width: none;
	padding: clamp(2rem, 4vw, 3rem);
	border: 1px solid rgba(182, 137, 255, .22);
	border-radius: clamp(1.5rem, 3vw, 2.25rem);
	background:
		linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
		linear-gradient(140deg, rgba(63, 31, 103, .72), rgba(12, 8, 26, .86));
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	box-shadow:
		0 26px 70px rgba(8, 3, 22, .42),
		0 0 0 1px rgba(255,255,255,.02) inset,
		0 0 48px rgba(122, 58, 255, .16);
	text-align: left;
	overflow: hidden;
}

.arkana-diagnostic__panel::before {
	content: "";
	position: absolute;
	inset: -22% auto auto -12%;
	width: 32rem;
	height: 32rem;
	background: radial-gradient(circle, rgba(138, 72, 255, .24), transparent 68%);
	pointer-events: none;
}

.arkana-diagnostic__panel::after {
	content: "";
	position: absolute;
	inset: auto -8% -28% auto;
	width: 26rem;
	height: 26rem;
	background: radial-gradient(circle, rgba(255, 92, 150, .16), transparent 70%);
	pointer-events: none;
}

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

.arkana-diagnostic__content {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(21rem, .9fr);
	gap: clamp(1.5rem, 3vw, 2.4rem);
	align-items: center;
}

.arkana-diagnostic__copy {
	max-width: 43rem;
}

.arkana-diagnostic__title {
	margin: .85rem 0 1rem;
	font-size: clamp(2.35rem, 4.8vw, 4.5rem);
	line-height: .98;
	letter-spacing: -.04em;
}

.arkana-diagnostic__title-line {
	display: block;
}

.arkana-diagnostic__description {
	max-width: 41rem;
	margin: 0;
	color: var(--arkana-color-text-muted);
	font-size: 1.02rem;
	line-height: 1.7;
}

.arkana-diagnostic__badges {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
	margin-top: 1.35rem;
}

.arkana-diagnostic__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .62rem .9rem;
	border-radius: 999px;
	border: 1px solid rgba(183, 151, 255, .22);
	background: rgba(255,255,255,.045);
	color: rgba(242, 237, 255, .88);
	font-size: .84rem;
	font-weight: 700;
	letter-spacing: .01em;
}

.arkana-diagnostic__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.1rem;
	margin-top: 1.55rem;
}

.arkana-diagnostic__email {
	display: inline-flex;
	align-items: center;
	width: auto;
	margin: 0;
	color: #e3dcf1;
	font-weight: 700;
	text-decoration: none;
	opacity: .92;
	transition: opacity .2s ease, transform .2s ease;
}

.arkana-diagnostic__email:hover,
.arkana-diagnostic__email:focus-visible {
	opacity: 1;
	transform: translateY(-1px);
}

.arkana-diagnostic__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.arkana-diagnostic-card {
	position: relative;
	min-height: 9.5rem;
	padding: 1.15rem 1.1rem 1.1rem;
	border-radius: 1.2rem;
	border: 1px solid rgba(180, 142, 255, .18);
	background:
		linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
		rgba(9, 8, 21, .52);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
	transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}

.arkana-diagnostic-card__dot {
	display: inline-block;
	width: .58rem;
	height: .58rem;
	border-radius: 50%;
	background: linear-gradient(135deg, #6f4cff 0%, #ff4fb3 72%, #ff8a3d 100%);
	box-shadow: 0 0 18px rgba(171, 82, 255, .45);
	margin-bottom: .9rem;
}

.arkana-diagnostic-card h3 {
	margin: 0 0 .5rem;
	font-size: 1.03rem;
	line-height: 1.15;
}

.arkana-diagnostic-card p {
	margin: 0;
	color: var(--arkana-color-text-muted);
	font-size: .95rem;
	line-height: 1.55;
}

@media (hover: hover) and (pointer: fine) {
	.arkana-diagnostic-card:hover,
	.arkana-diagnostic-card:focus-visible {
		transform: translateY(-4px);
		border-color: rgba(208, 165, 255, .34);
		box-shadow: 0 14px 38px rgba(13, 9, 31, .28), 0 0 30px rgba(123, 58, 255, .12);
		background:
			linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
			rgba(12, 10, 27, .62);
	}
}

@media (max-width: 1100px) {
	.arkana-diagnostic__content {
		grid-template-columns: 1fr;
	}

	.arkana-diagnostic__copy {
		max-width: none;
	}
}

@media (max-width: 767px) {
	.arkana-diagnostic {
		padding-top: 3rem;
		padding-bottom: 4rem;
	}

	.arkana-diagnostic__panel {
		padding: 1.35rem;
		border-radius: 1.35rem;
	}

	.arkana-diagnostic__title {
		font-size: clamp(2rem, 8vw, 3rem);
	}

	.arkana-diagnostic__description {
		font-size: .97rem;
		line-height: 1.65;
	}

	.arkana-diagnostic__actions {
		align-items: stretch;
	}

	.arkana-diagnostic__actions .arkana-button {
		width: 100%;
		justify-content: center;
	}

	.arkana-diagnostic__email {
		font-size: .95rem;
	}

	.arkana-diagnostic__grid {
		grid-template-columns: 1fr;
	}

	.arkana-diagnostic-card {
		min-height: auto;
	}
}

/* ================================================================
 * ARKANA DIAGNOSTIC — COMPACT THREE-LINE LAYOUT v2
 *
 * - Title locked to a maximum of three intentional lines.
 * - Email removed from the visual structure.
 * - CTA renamed to “Hacer diagnóstico gratis”.
 * - “Less than 5 minutes” is visible next to the CTA.
 * - Section height reduced and composition aligned with prior blocks.
 * ================================================================ */

.arkana-diagnostic {
	min-height: auto !important;
	padding-top: clamp(2.8rem, 5vh, 4rem) !important;
	padding-bottom: clamp(3.2rem, 6vh, 4.6rem) !important;
}

.arkana-diagnostic__inner {
	width: min(calc(100% - 3rem), 78rem);
	max-width: 78rem;
}

.arkana-diagnostic__panel {
	padding: clamp(1.6rem, 2.8vw, 2.35rem) !important;
	border-radius: clamp(1.35rem, 2.4vw, 1.9rem) !important;
}

.arkana-diagnostic__content {
	grid-template-columns: minmax(0, 1.08fr) minmax(22rem, 0.92fr) !important;
	gap: clamp(1.35rem, 2.4vw, 2rem) !important;
	align-items: center;
}

.arkana-diagnostic__copy {
	max-width: 42rem;
}

.arkana-diagnostic__copy .arkana-eyebrow {
	margin-bottom: 0.65rem;
}

.arkana-diagnostic__title {
	margin: 0 !important;
	padding-bottom: 0.06em;
	overflow: visible;
	font-size: clamp(2.25rem, 3.55vw, 3.75rem) !important;
	font-weight: 720 !important;
	line-height: 0.98 !important;
	letter-spacing: -0.05em !important;
}

.arkana-diagnostic__title-line {
	display: block;
	width: 100%;
	padding-bottom: 0.045em;
	overflow: visible;
	line-height: 1.01;
	white-space: nowrap;
}

.arkana-diagnostic__title-line:nth-child(2) {
	font-size: 0.96em;
}

.arkana-diagnostic__title-line:nth-child(3) {
	font-size: 0.9em;
}

.arkana-diagnostic__description {
	max-width: 48ch !important;
	margin: 0.85rem 0 0 !important;
	font-size: clamp(0.84rem, 0.94vw, 0.94rem) !important;
	line-height: 1.55 !important;
}

.arkana-diagnostic__badges {
	gap: 0.55rem !important;
	margin-top: 1rem !important;
}

.arkana-diagnostic__badge {
	padding: 0.48rem 0.72rem !important;
	font-size: 0.74rem !important;
}

.arkana-diagnostic__actions {
	gap: 0.85rem 1rem !important;
	margin-top: 1.15rem !important;
}

.arkana-diagnostic__actions .arkana-button {
	min-height: 3rem;
	padding-inline: 1.15rem;
}

.arkana-diagnostic__time {
	display: inline-flex;
	align-items: center;
	gap: 0.42rem;
	color: rgba(228, 219, 240, 0.76);
	font-size: 0.8rem;
	font-weight: 700;
	white-space: nowrap;
}

.arkana-diagnostic__time > span {
	display: grid;
	place-items: center;
	width: 1.65rem;
	aspect-ratio: 1;
	border: 1px solid rgba(195, 164, 255, 0.22);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.045);
	color: #d7b9ff;
	font-size: 0.78rem;
}

.arkana-diagnostic__email {
	display: none !important;
}

.arkana-diagnostic__grid {
	gap: 0.72rem !important;
}

.arkana-diagnostic-card {
	min-height: 7.8rem !important;
	padding: 0.9rem !important;
	border-radius: 1rem !important;
}

.arkana-diagnostic-card__dot {
	width: 0.48rem;
	height: 0.48rem;
	margin-bottom: 0.62rem;
}

.arkana-diagnostic-card h3 {
	margin-bottom: 0.35rem !important;
	font-size: 0.9rem !important;
}

.arkana-diagnostic-card p {
	font-size: 0.78rem !important;
	line-height: 1.42 !important;
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-diagnostic__inner {
		width: min(calc(100% - 2rem), 68rem);
	}

	.arkana-diagnostic__content {
		grid-template-columns: minmax(0, 1fr) minmax(19rem, 0.92fr) !important;
	}

	.arkana-diagnostic__title {
		font-size: clamp(2.05rem, 4vw, 3.1rem) !important;
	}
}

@media (max-width: 47.99rem) {
	.arkana-diagnostic {
		padding-top: 2.6rem !important;
		padding-bottom: 3.4rem !important;
	}

	.arkana-diagnostic__inner {
		width: min(calc(100% - 1.25rem), 32rem);
	}

	.arkana-diagnostic__panel {
		padding: 1.15rem !important;
		border-radius: 1.2rem !important;
	}

	.arkana-diagnostic__content {
		grid-template-columns: 1fr !important;
		gap: 1rem !important;
	}

	.arkana-diagnostic__title {
		font-size: clamp(1.55rem, 7vw, 2.05rem) !important;
		line-height: 1 !important;
	}

	.arkana-diagnostic__title-line {
		white-space: nowrap;
	}

	.arkana-diagnostic__title-line:nth-child(2),
	.arkana-diagnostic__title-line:nth-child(3) {
		font-size: 0.9em;
	}

	.arkana-diagnostic__description {
		max-width: none !important;
		font-size: 0.76rem !important;
		line-height: 1.46 !important;
	}

	.arkana-diagnostic__badges {
		margin-top: 0.82rem !important;
	}

	.arkana-diagnostic__badge {
		font-size: 0.66rem !important;
		padding: 0.4rem 0.58rem !important;
	}

	.arkana-diagnostic__actions {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: 0.72rem !important;
	}

	.arkana-diagnostic__actions .arkana-button {
		width: 100%;
		justify-content: center;
	}

	.arkana-diagnostic__time {
		justify-content: center;
		font-size: 0.72rem;
	}

	.arkana-diagnostic__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0.58rem !important;
	}

	.arkana-diagnostic-card {
		min-height: 7.2rem !important;
		padding: 0.72rem !important;
	}

	.arkana-diagnostic-card h3 {
		font-size: 0.76rem !important;
	}

	.arkana-diagnostic-card p {
		font-size: 0.64rem !important;
		line-height: 1.34 !important;
	}
}

@media (max-width: 23.5rem) {
	.arkana-diagnostic__title {
		font-size: 1.42rem !important;
	}

	.arkana-diagnostic-card {
		min-height: 6.9rem !important;
	}
}

/* ================================================================
 * ARKANA DIAGNOSTIC — LOWER RIGHT CARDS v3
 *
 * The four diagnostic cards were starting too high and visually
 * overlapping the first title line near “5 minutos”.
 * Desktop/tablet cards now begin lower without changing mobile.
 * ================================================================ */

@media (min-width: 48rem) {
	.arkana-diagnostic__grid {
		align-self: start;
		margin-top: clamp(2.25rem, 3.2vw, 3.25rem) !important;
	}
}

/* ================================================================
 * ARKANA DIAGNOSTIC — LOWER RIGHT CARDS CORRECTED v4
 *
 * v3 used align-self: start, which removed the vertical centering and
 * pulled the cards upward. This correction restores centering and then
 * moves the complete card grid downward intentionally.
 * ================================================================ */

@media (min-width: 72rem) {
	.arkana-diagnostic__grid {
		align-self: center !important;
		margin-top: 0 !important;
		transform: translateY(clamp(3.4rem, 4vw, 4.4rem));
	}
}

@media (min-width: 48rem) and (max-width: 71.99rem) {
	.arkana-diagnostic__grid {
		align-self: center !important;
		margin-top: 0 !important;
		transform: translateY(2.25rem);
	}
}

/* ================================================================
 * ARKANA DIAGNOSTIC — MOBILE CENTER + SAFE FIT v5
 *
 * Mobile-only correction:
 * - centers the complete diagnostic panel;
 * - adds equal lateral breathing room;
 * - prevents title/button/cards from pushing the viewport;
 * - keeps the title in exactly three intentional lines.
 * Desktop and tablet remain unchanged.
 * ================================================================ */

@media (max-width: 47.99rem) {
	.arkana-diagnostic {
		overflow-x: clip;
	}

	.arkana-diagnostic__inner {
		width: min(calc(100% - 2rem), 29rem) !important;
		max-width: 29rem !important;
		margin-inline: auto !important;
		padding-inline: 0 !important;
	}

	.arkana-diagnostic__panel {
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: auto !important;
		padding: 1rem !important;
		box-sizing: border-box;
		overflow: hidden !important;
	}

	.arkana-diagnostic__content,
	.arkana-diagnostic__copy,
	.arkana-diagnostic__grid,
	.arkana-diagnostic-card {
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
	}

	.arkana-diagnostic__title {
		max-width: 100%;
		font-size: clamp(1.45rem, 6.1vw, 1.75rem) !important;
		line-height: 1 !important;
		letter-spacing: -0.048em !important;
	}

	.arkana-diagnostic__title-line {
		max-width: 100%;
		white-space: nowrap !important;
	}

	/* The first sentence is the longest; reduce only this line. */
	.arkana-diagnostic__title-line:nth-child(1) {
		font-size: 0.78em;
		letter-spacing: -0.052em;
	}

	.arkana-diagnostic__title-line:nth-child(2) {
		font-size: 0.9em;
	}

	.arkana-diagnostic__title-line:nth-child(3) {
		font-size: 0.88em;
	}

	.arkana-diagnostic__description {
		overflow-wrap: anywhere;
	}

	.arkana-diagnostic__badges {
		justify-content: flex-start;
		max-width: 100%;
	}

	.arkana-diagnostic__actions {
		max-width: 100%;
	}

	.arkana-diagnostic__actions .arkana-button {
		max-width: 100%;
		padding-inline: 0.85rem;
		font-size: clamp(0.82rem, 3.8vw, 0.96rem);
		text-align: center;
		white-space: normal;
	}

	.arkana-diagnostic__grid {
		width: 100%;
	}

	.arkana-diagnostic-card {
		overflow: hidden;
	}

	.arkana-diagnostic-card h3,
	.arkana-diagnostic-card p {
		overflow-wrap: anywhere;
	}
}

@media (max-width: 23.5rem) {
	.arkana-diagnostic__inner {
		width: min(calc(100% - 1.5rem), 27rem) !important;
	}

	.arkana-diagnostic__panel {
		padding: 0.88rem !important;
	}

	.arkana-diagnostic__title {
		font-size: 1.34rem !important;
	}

	.arkana-diagnostic__title-line:nth-child(1) {
		font-size: 0.76em;
	}
}

/* ================================================================
 * ARKANA — DELIVERABLES GLASS CLEANUP v1
 *
 * Goal:
 * - remove the bottom closing banner in Deliverables;
 * - give deliverable cards a stronger glass treatment;
 * - add interactive hover/focus animation consistent with the rest of the site;
 * - keep layout compact and balanced on desktop/tablet/mobile.
 * ================================================================ */

.arkana-deliverables .arkana-banner {
	display: none !important;
}

.arkana-deliverables__grid {
	position: relative;
	align-items: stretch;
}

.arkana-deliverable-card {
	position: relative;
	overflow: hidden;
	align-items: start;
	min-height: 8.9rem;
	border: 1px solid rgba(186, 168, 222, 0.16);
	background:
		linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)),
		radial-gradient(circle at 18% 16%, rgba(126, 56, 255, 0.18), transparent 34%),
		radial-gradient(circle at 84% 82%, rgba(255, 92, 184, 0.11), transparent 30%),
		linear-gradient(145deg, rgba(17, 11, 30, 0.84), rgba(10, 8, 19, 0.64));
	backdrop-filter: blur(18px) saturate(128%);
	-webkit-backdrop-filter: blur(18px) saturate(128%);
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.015) inset,
		0 20px 48px rgba(0,0,0,0.20),
		0 0 28px rgba(120, 38, 255, 0.08);
	transition:
		transform .34s ease,
		opacity .28s ease,
		border-color .28s ease,
		box-shadow .34s ease,
		background .34s ease,
		filter .28s ease;
}

.arkana-deliverable-card::before {
	content: "";
	position: absolute;
	inset: -18% auto -18% -38%;
	width: 34%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
	transform: translateX(-175%) skewX(-20deg);
	opacity: 0;
	pointer-events: none;
	transition: transform .64s ease, opacity .22s ease;
}

.arkana-deliverable-card::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
	opacity: .72;
}

.arkana-deliverable-card h3 {
	transition: color .28s ease, text-shadow .28s ease;
}

.arkana-deliverable-card p {
	transition: color .28s ease;
}

@media (hover: hover) and (pointer: fine) {
	.arkana-deliverables__grid:hover .arkana-deliverable-card {
		opacity: .62;
		filter: saturate(.88);
		transform: scale(.992);
	}

	.arkana-deliverables__grid:hover .arkana-deliverable-card:hover {
		opacity: 1;
		filter: saturate(1.06);
		transform: translateY(-8px) scale(1.012);
		border-color: rgba(193, 149, 255, 0.38);
		box-shadow:
			0 0 0 1px rgba(255,255,255,0.035) inset,
			0 26px 58px rgba(0,0,0,0.28),
			0 0 34px rgba(131, 46, 255, 0.16),
			0 0 0 1px rgba(188, 146, 255, 0.10);
	}

	.arkana-deliverables__grid:hover .arkana-deliverable-card:hover::before {
		opacity: 1;
		transform: translateX(420%) skewX(-20deg);
	}

	.arkana-deliverables__grid:hover .arkana-deliverable-card:hover h3 {
		color: #c87aff;
		text-shadow: 0 0 20px rgba(180, 92, 255, 0.18);
	}

	.arkana-deliverables__grid:hover .arkana-deliverable-card:hover p {
		color: rgba(245, 238, 255, 0.86);
	}
}

.arkana-deliverable-card:focus-within,
.arkana-deliverable-card:active {
	transform: translateY(-5px);
	border-color: rgba(193, 149, 255, 0.34);
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.03) inset,
		0 22px 52px rgba(0,0,0,0.24),
		0 0 30px rgba(131, 46, 255, 0.13);
}

@media (max-width: 63.99rem) {
	.arkana-deliverable-card {
		min-height: 8.2rem;
	}
}

@media (max-width: 39.99rem) {
	.arkana-deliverable-card {
		min-height: auto;
		padding: 1.15rem;
		gap: .85rem;
	}

	.arkana-deliverables__grid {
		gap: .85rem;
	}
}
/* --------------------------------------------------------------------------
 * v0.23.3 typography refinement patch
 * Goal:
 * - prevent desktop headline clipping in ES/EN home sections;
 * - soften overly heavy Spanish hero typography;
 * - preserve premium hierarchy while allowing safer wrapping.
 * -------------------------------------------------------------------------- */

.arkana-page-home .arkana-hero__title,
.arkana-page-home-en .arkana-hero__title {
	font-weight: 760 !important;
	letter-spacing: -0.052em !important;
	line-height: 0.955 !important;
}

.arkana-page-home .arkana-hero__title {
	font-size: clamp(3.45rem, 4.6vw, 5.08rem) !important;
}

.arkana-page-home-en .arkana-hero__title {
	font-size: clamp(3.3rem, 4.45vw, 4.95rem) !important;
}

.arkana-page-home .arkana-hero__title-line,
.arkana-page-home-en .arkana-hero__title-line {
	padding-bottom: 0.04em;
}

.arkana-page-home .arkana-capabilities__title,
.arkana-page-home .arkana-problems__title,
.arkana-page-home .arkana-positioning__title,
.arkana-page-home .arkana-ecosystem__title,
.arkana-page-home .arkana-services__title,
.arkana-page-home .arkana-method__title,
.arkana-page-home .arkana-process__title,
.arkana-page-home .arkana-plans__title,
.arkana-page-home-en .arkana-capabilities__title,
.arkana-page-home-en .arkana-problems__title,
.arkana-page-home-en .arkana-positioning__title,
.arkana-page-home-en .arkana-ecosystem__title,
.arkana-page-home-en .arkana-services__title,
.arkana-page-home-en .arkana-method__title,
.arkana-page-home-en .arkana-process__title,
.arkana-page-home-en .arkana-plans__title {
	font-weight: 700 !important;
	letter-spacing: -0.047em !important;
	line-height: 1.02 !important;
	text-wrap: balance !important;
}

.arkana-page-home .arkana-capabilities__title-line,
.arkana-page-home .arkana-problems__title-line,
.arkana-page-home .arkana-positioning__title-line,
.arkana-page-home .arkana-ecosystem__title-line,
.arkana-page-home .arkana-services__title-line,
.arkana-page-home .arkana-method__title-line,
.arkana-page-home .arkana-process__title-line,
.arkana-page-home .arkana-plans__title-line,
.arkana-page-home-en .arkana-capabilities__title-line,
.arkana-page-home-en .arkana-problems__title-line,
.arkana-page-home-en .arkana-positioning__title-line,
.arkana-page-home-en .arkana-ecosystem__title-line,
.arkana-page-home-en .arkana-services__title-line,
.arkana-page-home-en .arkana-method__title-line,
.arkana-page-home-en .arkana-process__title-line,
.arkana-page-home-en .arkana-plans__title-line {
	white-space: normal !important;
	max-width: 100% !important;
	text-wrap: balance !important;
}

.arkana-page-home .arkana-positioning__title-line,
.arkana-page-home .arkana-ecosystem__title-line,
.arkana-page-home .arkana-services__title-line,
.arkana-page-home .arkana-method__title-line,
.arkana-page-home .arkana-process__title-line,
.arkana-page-home .arkana-plans__title-line,
.arkana-page-home-en .arkana-positioning__title-line,
.arkana-page-home-en .arkana-ecosystem__title-line,
.arkana-page-home-en .arkana-services__title-line,
.arkana-page-home-en .arkana-method__title-line,
.arkana-page-home-en .arkana-process__title-line,
.arkana-page-home-en .arkana-plans__title-line {
	padding-bottom: 0.075em;
}

.arkana-page-home-en .arkana-capabilities__heading,
.arkana-page-home-en .arkana-positioning__copy,
.arkana-page-home-en .arkana-ecosystem__heading,
.arkana-page-home-en .arkana-services__heading,
.arkana-page-home-en .arkana-method__heading,
.arkana-page-home-en .arkana-process__heading,
.arkana-page-home-en .arkana-plans__heading {
	max-width: 100% !important;
}

@media (min-width: 64rem) {
	.arkana-page-home .arkana-capabilities__title,
	.arkana-page-home-en .arkana-capabilities__title {
		font-size: clamp(2.4rem, 3.95vw, 4.55rem) !important;
	}

	.arkana-page-home .arkana-positioning__title,
	.arkana-page-home-en .arkana-positioning__title {
		font-size: clamp(2.45rem, 3.55vw, 4rem) !important;
	}

	.arkana-page-home .arkana-ecosystem__title,
	.arkana-page-home-en .arkana-ecosystem__title {
		font-size: clamp(2.4rem, 3.75vw, 4.35rem) !important;
	}

	.arkana-page-home .arkana-services__title,
	.arkana-page-home-en .arkana-services__title {
		font-size: clamp(2.35rem, 3.65vw, 4.15rem) !important;
	}

	.arkana-page-home .arkana-method__title,
	.arkana-page-home-en .arkana-method__title {
		font-size: clamp(2.35rem, 3.6vw, 4.1rem) !important;
	}

	.arkana-page-home .arkana-process__title,
	.arkana-page-home-en .arkana-process__title {
		font-size: clamp(2.3rem, 3.5vw, 4.02rem) !important;
	}

	.arkana-page-home .arkana-plans__title,
	.arkana-page-home-en .arkana-plans__title {
		font-size: clamp(2.35rem, 3.9vw, 4.3rem) !important;
	}

	.arkana-page-home-en .arkana-positioning__title-line:nth-child(2) {
		font-size: 0.92em;
	}

	.arkana-page-home-en .arkana-method__title-line:nth-child(2),
	.arkana-page-home-en .arkana-process__title-line:nth-child(2),
	.arkana-page-home-en .arkana-plans__title-line:nth-child(2),
	.arkana-page-home-en .arkana-services__title-line:nth-child(2),
	.arkana-page-home-en .arkana-ecosystem__title-line:nth-child(2) {
		font-size: 0.92em;
	}
}

@media (max-width: 63.99rem) {
	.arkana-page-home .arkana-capabilities__title,
	.arkana-page-home .arkana-positioning__title,
	.arkana-page-home .arkana-ecosystem__title,
	.arkana-page-home .arkana-services__title,
	.arkana-page-home .arkana-method__title,
	.arkana-page-home .arkana-process__title,
	.arkana-page-home .arkana-plans__title,
	.arkana-page-home-en .arkana-capabilities__title,
	.arkana-page-home-en .arkana-positioning__title,
	.arkana-page-home-en .arkana-ecosystem__title,
	.arkana-page-home-en .arkana-services__title,
	.arkana-page-home-en .arkana-method__title,
	.arkana-page-home-en .arkana-process__title,
	.arkana-page-home-en .arkana-plans__title {
		line-height: 1.04 !important;
	}
}


/* --------------------------------------------------------------------------
 * v0.23.4 color + logo + anti-clipping refinement patch
 * -------------------------------------------------------------------------- */
.arkana-managed-page .arkana-gradient-text {
	display: inline-block;
	padding-inline-end: 0.045em;
}

.arkana-page-home .arkana-hero__title-line.arkana-gradient-text,
.arkana-page-home-en .arkana-hero__title-line.arkana-gradient-text,
.arkana-page-home .arkana-capabilities__title-line.arkana-gradient-text,
.arkana-page-home-en .arkana-capabilities__title-line.arkana-gradient-text,
.arkana-page-home .arkana-positioning__title-line.arkana-gradient-text,
.arkana-page-home-en .arkana-positioning__title-line.arkana-gradient-text,
.arkana-page-home .arkana-ecosystem__title-line.arkana-gradient-text,
.arkana-page-home-en .arkana-ecosystem__title-line.arkana-gradient-text,
.arkana-page-home .arkana-services__title-line.arkana-gradient-text,
.arkana-page-home-en .arkana-services__title-line.arkana-gradient-text,
.arkana-page-home .arkana-method__title-line.arkana-gradient-text,
.arkana-page-home-en .arkana-method__title-line.arkana-gradient-text,
.arkana-page-home .arkana-process__title-line.arkana-gradient-text,
.arkana-page-home-en .arkana-process__title-line.arkana-gradient-text,
.arkana-page-home .arkana-plans__title-line.arkana-gradient-text,
.arkana-page-home-en .arkana-plans__title-line.arkana-gradient-text {
	padding-inline-end: 0.06em;
}

.arkana-page-home .arkana-capabilities__title-line,
.arkana-page-home .arkana-positioning__title-line,
.arkana-page-home .arkana-ecosystem__title-line,
.arkana-page-home .arkana-services__title-line,
.arkana-page-home .arkana-method__title-line,
.arkana-page-home .arkana-process__title-line,
.arkana-page-home .arkana-plans__title-line,
.arkana-page-home-en .arkana-capabilities__title-line,
.arkana-page-home-en .arkana-positioning__title-line,
.arkana-page-home-en .arkana-ecosystem__title-line,
.arkana-page-home-en .arkana-services__title-line,
.arkana-page-home-en .arkana-method__title-line,
.arkana-page-home-en .arkana-process__title-line,
.arkana-page-home-en .arkana-plans__title-line {
	padding-inline-end: 0.05em;
	overflow: visible !important;
}

.arkana-page-home .arkana-capabilities__title,
.arkana-page-home .arkana-positioning__title,
.arkana-page-home .arkana-ecosystem__title,
.arkana-page-home .arkana-services__title,
.arkana-page-home .arkana-method__title,
.arkana-page-home .arkana-process__title,
.arkana-page-home .arkana-plans__title,
.arkana-page-home-en .arkana-capabilities__title,
.arkana-page-home-en .arkana-positioning__title,
.arkana-page-home-en .arkana-ecosystem__title,
.arkana-page-home-en .arkana-services__title,
.arkana-page-home-en .arkana-method__title,
.arkana-page-home-en .arkana-process__title,
.arkana-page-home-en .arkana-plans__title {
	letter-spacing: -0.04em !important;
	line-height: 1.035 !important;
}

.arkana-ecosystem-svg-v2__core-title,
.arkana-ecosystem-svg-v2__core-meta {
	display: none;
}

@media (min-width: 64rem) {
	.arkana-page-home-en .arkana-capabilities__title {
		font-size: clamp(2.32rem, 3.8vw, 4.25rem) !important;
	}

	.arkana-page-home-en .arkana-positioning__title {
		font-size: clamp(2.34rem, 3.45vw, 3.86rem) !important;
	}

	.arkana-page-home-en .arkana-method__title,
	.arkana-page-home-en .arkana-process__title,
	.arkana-page-home-en .arkana-plans__title,
	.arkana-page-home-en .arkana-services__title,
	.arkana-page-home-en .arkana-ecosystem__title {
		font-size: clamp(2.28rem, 3.45vw, 3.95rem) !important;
	}
}


/* --------------------------------------------------------------------------
 * v0.23.5 diagnostic + button gradient refinement patch
 * -------------------------------------------------------------------------- */
.arkana-diagnostic__title {
	line-height: 1.02 !important;
	letter-spacing: -0.042em !important;
	padding-inline-end: 0.05em;
}

.arkana-diagnostic__title-line {
	padding-inline-end: 0.045em;
}

.arkana-diagnostic__title-line.arkana-gradient-text {
	display: inline-block;
	width: auto;
	max-width: 100%;
	padding-inline-end: 0.075em;
}

@media (min-width: 64rem) {
	.arkana-diagnostic__title {
		font-size: clamp(2.18rem, 3.42vw, 3.65rem) !important;
	}

	.arkana-diagnostic__title-line:nth-child(2) {
		font-size: 0.95em;
	}
}

@media (max-width: 47.99rem) {
	.arkana-diagnostic__title {
		line-height: 1.03 !important;
		letter-spacing: -0.04em !important;
	}

	.arkana-diagnostic__title-line.arkana-gradient-text {
		padding-inline-end: 0.06em;
	}
}