/*
Theme Name: AYORAHUB Studio
Theme URI: https://ayorahub.in/
Author: AYORA
Description: A customizable, modular comparison editorial theme for AYORAHUB with native block patterns and theme-aware dark styling.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ayora-ai
*/
:root{--bg:#07070d;--panel:#11111c;--text:#f8f6ff;--muted:#aaa5bf;--line:#ffffff18;--violet:#a68aff;--pink:#ef68ce;--cyan:#72e9e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}.ayora-site{overflow:hidden;background:radial-gradient(ellipse at 80% 0%,#7b3c9d20,transparent 30%),#07070d}a{color:inherit;text-decoration:none}.ay-header{height:84px;max-width:1440px;padding:0 clamp(18px,5vw,75px);margin:auto;display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff10;position:relative;z-index:10}.ay-brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:21px;letter-spacing:-.7px;white-space:nowrap}.ay-brand>span:last-child>span{color:#a995ff}.ay-brand-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#74f1dc,#a17aff 60%,#f56bcf);color:#0b0a13;font-size:20px;box-shadow:0 0 25px #9b78ff35}.ay-nav{margin-left:auto}.ay-nav ul{display:flex;gap:27px;align-items:center;list-style:none;padding:0;margin:0}.ay-nav a{font-size:12px;color:#c5c0d5}.ay-nav a:hover{color:#fff}.ay-header-cta,.ay-primary-btn{display:inline-flex;align-items:center;gap:18px;border:1px solid #a38be35c;border-radius:30px;padding:12px 18px;background:linear-gradient(110deg,#a785ff20,#f264d018);font-size:12px;font-weight:650}.ay-header-cta span,.ay-primary-btn span{color:var(--cyan)}.ay-menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:9px;color:#fff;padding:8px 10px}
.ay-hero{max-width:1440px;min-height:665px;margin:auto;padding:65px clamp(18px,5vw,75px) 78px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:55px;position:relative}.ay-hero-glow{position:absolute;width:500px;height:500px;right:-100px;top:20px;border-radius:50%;background:radial-gradient(circle,#833fba24,transparent 68%);pointer-events:none}.ay-hero-copy{position:relative;z-index:2}.ay-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:800;color:#bdb4d9}.ay-eyebrow i,.ay-proofline i,.ay-live i{width:6px;height:6px;background:#72ead9;border-radius:50%;box-shadow:0 0 12px #72ead9;display:inline-block}.ay-hero h1{font-size:clamp(48px,5.3vw,78px);line-height:1.02;letter-spacing:-4px;margin:26px 0 22px;font-weight:760}.ay-hero h1 span,.ay-section-head h2 span,.ay-feature-copy h2 span,.ay-newsletter h2 span,.ay-page-title span{background:linear-gradient(100deg,#f5f0ff,#a891ff 40%,#ec6bd0 75%,#77e9ed);color:transparent;background-clip:text;-webkit-background-clip:text}.ay-hero-lead{font-size:15px;line-height:1.85;color:#b2adc5;max-width:520px;margin:0 0 28px}.ay-search{display:flex;align-items:center;gap:11px;max-width:540px;padding:7px 7px 7px 16px;border:1px solid #ffffff26;border-radius:17px;background:linear-gradient(120deg,#ffffff10,#ffffff04);box-shadow:0 20px 70px #0005,inset 0 1px #ffffff0c;backdrop-filter:blur(18px)}.ay-search>span{font-size:28px;color:#a79ebd}.ay-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;padding:12px 0!important;font:inherit;font-size:12px}.ay-search input::placeholder{color:#89849e}.ay-search button{border:0;border-radius:11px;padding:13px 16px;background:linear-gradient(120deg,#a27aff,#d56ed8);color:#120e20;font-weight:800;font-size:11px;cursor:pointer}.ay-search button b{margin-left:8px}.ay-proofline{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px;color:#89839f;font-size:10px}.ay-proofline span{display:flex;align-items:center;gap:7px}.ay-hero-art{min-height:445px;position:relative;display:flex;align-items:center;justify-content:center}.ay-art-glass{width:min(100%,560px);position:relative;z-index:2;border:1px solid #ffffff25;border-radius:28px;padding:23px;background:radial-gradient(ellipse at 70% 0%,#9c64bd24,transparent 48%),linear-gradient(140deg,#ffffff12,#ffffff04);box-shadow:0 35px 100px #0008,inset 0 1px #ffffff16;backdrop-filter:blur(22px);transform:perspective(1100px) rotateY(-4deg)}.ay-art-top{display:flex;align-items:center;gap:10px;color:#aaa3c1;font-size:9px;font-weight:800;letter-spacing:1.4px}.ay-art-top .ay-brand-icon{width:27px;height:27px;font-size:16px;border-radius:8px}.ay-live{margin-left:auto;display:flex;align-items:center;gap:6px;border:1px solid #ffffff20;border-radius:20px;padding:6px 8px;font-size:8px}.ay-art-headline{font-size:clamp(26px,3vw,40px);font-weight:750;line-height:1.08;letter-spacing:-1.8px;margin:25px 0}.ay-art-headline em{font-style:normal;background:linear-gradient(100deg,#bba5ff,#f26bcf);color:transparent;background-clip:text;-webkit-background-clip:text}.ay-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ay-art-tile{height:102px;border-radius:15px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden;border:1px solid #ffffff16;transition:transform .2s}.ay-art-tile:hover{transform:translateY(-3px)}.ay-art-tile>span{font-size:24px;margin-bottom:3px}.ay-art-tile b{font-size:12px}.ay-art-tile small{font-size:9px;color:#ffffffa8}.tile-chat{background:linear-gradient(135deg,#0b655e,#14333e)}.tile-chat>span{color:#8ef5e4}.tile-image{background:radial-gradient(circle at 85% 15%,#fa9bd6,#7d4bd0 42%,#282045 80%)}.tile-image>span{color:#fff}.tile-code{background:linear-gradient(135deg,#202b51,#1a1b2b)}.tile-code>span{color:#9fb8ff}.tile-video{background:linear-gradient(135deg,#60284f,#241c3c)}.tile-video>span{color:#ff9bdc}.ay-art-bottom{display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:1.1px;color:#8c86a6;margin-top:19px}.ay-art-line{height:1px;flex:1;background:linear-gradient(90deg,#9e7aff,#ef6bd3,transparent)}.ay-art-orb{position:absolute;border-radius:50%;filter:blur(1px);z-index:1}.orb-pink{width:115px;height:115px;right:-10px;top:-8px;background:radial-gradient(circle at 30% 30%,#ffd1f5,#d65cce 40%,#7238ac 67%,transparent 72%);box-shadow:0 0 65px #d75fdc55}.orb-cyan{width:90px;height:90px;left:-15px;bottom:25px;background:radial-gradient(circle at 30% 30%,#d4ffff,#4ed5dd 42%,#4245a8 67%,transparent 72%);opacity:.85}.ay-floating-chip{position:absolute;z-index:3;border:1px solid #ffffff27;border-radius:25px;padding:10px 14px;background:#171321cc;backdrop-filter:blur(10px);font-size:10px;box-shadow:0 10px 30px #0005}.chip-one{right:-15px;top:100px;color:#f1c2ff}.chip-two{left:-15px;bottom:50px;color:#a2f4eb}
.ay-marquee{border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;background:#ffffff03;overflow:hidden;white-space:nowrap;padding:14px 0;color:#8e88a6;font-size:9px;letter-spacing:3px;font-weight:800}.ay-marquee div{word-spacing:20px;text-align:center}.ay-marquee span{color:#d176eb;font-size:13px}
.ay-section{max-width:1440px;margin:auto;padding:78px clamp(18px,5vw,75px)}.ay-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.ay-section-head h2,.ay-feature-copy h2,.ay-newsletter h2{font-size:clamp(30px,3.5vw,46px);line-height:1.12;letter-spacing:-2px;margin:12px 0 0}.ay-section-head>p{max-width:350px;color:#9690aa;font-size:12px;line-height:1.8;margin:0 0 3px}.ay-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ay-category{min-height:175px;border:1px solid #ffffff17;border-radius:20px;padding:21px;display:flex;align-items:flex-start;gap:15px;position:relative;overflow:hidden;background:#ffffff05;transition:transform .22s,border-color .22s}.ay-category:after{content:"";position:absolute;width:160px;height:160px;right:-85px;top:-85px;border-radius:50%;background:#a66dff1a;filter:blur(4px)}.ay-category:hover{transform:translateY(-4px);border-color:#a68aff70}.ay-category-symbol{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;font-size:23px;flex:0 0 45px;background:#ffffff10}.cat-writing .ay-category-symbol{color:#8ef3dc;background:#0e4944}.cat-image .ay-category-symbol{color:#f2a2ee;background:#4d2b64}.cat-video .ay-category-symbol{color:#ffa8d8;background:#50243e}.cat-code .ay-category-symbol{color:#a7baff;background:#1d2c56}.cat-research .ay-category-symbol{color:#9ef0f0;background:#17434b}.cat-business .ay-category-symbol{color:#ffd5a3;background:#493422}.ay-category small{font-size:8px;letter-spacing:1.4px;color:#8e88a6}.ay-category h3{font-size:16px;margin:7px 0 4px;letter-spacing:-.3px}.ay-category p{font-size:10px;color:#9b95af;line-height:1.6;margin:0}.ay-cat-arrow{margin-left:auto;color:#a9a1c2;position:relative;z-index:1}
.ay-feature-band{max-width:1290px;margin:10px auto 20px;padding:50px clamp(20px,5vw,60px);border:1px solid #ffffff16;border-radius:28px;background:radial-gradient(ellipse at 20% 50%,#7047aa22,transparent 40%),linear-gradient(120deg,#ffffff08,#ffffff02);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.ay-feature-visual{min-height:290px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 50% 45%,#49337b55,transparent 60%),#090912}.ay-feature-sphere{width:170px;height:170px;border-radius:42% 58% 61% 39%/42% 42% 58% 58%;display:grid;place-items:center;font-size:70px;color:#fff;background:radial-gradient(circle at 30% 25%,#ffd2f7,#b15bdf 35%,#5e4fbc 65%,#1e1c3d);box-shadow:inset -18px -18px 35px #08081388,0 0 90px #a552db50;transform:rotate(-20deg);animation:ayfloat 7s ease-in-out infinite}@keyframes ayfloat{0%,100%{transform:translateY(0) rotate(-20deg)}50%{transform:translateY(-10px) rotate(-12deg)}}.ay-feature-mini{position:absolute;padding:10px 13px;border:1px solid #ffffff24;border-radius:12px;background:#181526dd;font-size:9px;color:#bcb5d3;box-shadow:0 10px 25px #0005}.ay-feature-mini b{color:#f5d4ff}.fm-one{top:35px;right:18px}.fm-two{bottom:28px;left:18px}.fm-two span{color:var(--cyan);margin-left:6px}.ay-feature-copy h2{margin-bottom:18px}.ay-feature-copy>p{color:#a8a2bb;font-size:13px;line-height:1.9}.ay-feature-points{display:grid;gap:10px;margin:24px 0}.ay-feature-points span{font-size:11px;color:#d5d0e2}.ay-feature-points b{color:#c5a7ff;margin-right:12px;font-size:10px}.ay-feature-copy .ay-primary-btn{margin-top:5px}
.ay-directory-section{padding-top:70px}.ay-plugin-notice{border:1px dashed #a68aff66;padding:24px;border-radius:16px;color:#bdb4d8;font-size:13px}.ay-newsletter{max-width:1290px;margin:0 auto 65px;padding:35px clamp(20px,5vw,50px);border:1px solid #ffffff18;border-radius:24px;background:linear-gradient(110deg,#7e5bc61a,#e45ccf0d,#62dfe40a);display:flex;align-items:center;justify-content:space-between;gap:25px}.ay-newsletter h2{font-size:32px}.ay-newsletter p{font-size:12px;color:#a39db6;margin-bottom:0}.ay-footer{border-top:1px solid #ffffff12;padding:32px clamp(18px,5vw,75px) 28px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;max-width:1440px;margin:auto}.ay-footer .ay-brand{font-size:17px}.ay-footer .ay-brand-icon{width:28px;height:28px;font-size:16px}.ay-footer p{color:#8c86a1;font-size:10px;margin-right:auto}.ay-footer-links{display:flex;gap:17px}.ay-footer-links a{font-size:10px;color:#b4adc8}.ay-footer small{width:100%;font-size:9px;color:#68647b}
.ay-content-wrap{max-width:1080px;min-height:60vh;padding:70px 22px 90px;margin:auto}.ay-page-title{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-3px;margin:15px 0}.ay-page-lead{color:#aaa4bf;max-width:650px}.ay-article{max-width:850px;margin:auto}.ay-breadcrumb{font-size:11px;color:#8f88a5;margin-bottom:32px}.ay-breadcrumb a{color:#c3b2ff}.ay-article h1{font-size:clamp(38px,5vw,60px);line-height:1.08;letter-spacing:-2.5px;margin:18px 0}.ay-article-meta{font-size:12px;color:#9992ad;margin-bottom:34px}.ay-article-content{font-size:15px;line-height:1.9;color:#d0cbdd}.ay-article-content h2{font-size:27px;line-height:1.2;letter-spacing:-.8px;color:#fff;margin:42px 0 14px}.ay-article-content h3{font-size:19px;color:#f5f1ff;margin-top:30px}.ay-article-content a{color:#bca5ff;text-decoration:underline}.ay-article-content li{margin:8px 0}.ay-article-content table{width:100%;border-collapse:collapse;font-size:12px}.ay-article-content td,.ay-article-content th{border:1px solid #ffffff1a;padding:12px;text-align:left}.ay-article-content th{background:#ffffff0a}.ay-article-content blockquote{border-left:3px solid #a68aff;margin:25px 0;padding:10px 20px;background:#ffffff06;color:#c9c1e0}
@media(max-width:1000px){.ay-hero{grid-template-columns:1fr;gap:45px;padding-top:55px}.ay-hero-copy{max-width:720px}.ay-hero-art{max-width:690px;width:100%;margin:auto}.ay-category-grid{grid-template-columns:repeat(2,1fr)}.ay-feature-band{margin-left:18px;margin-right:18px;gap:30px}.ay-nav ul{gap:15px}}
@media(max-width:650px){.ay-header{height:72px;gap:12px}.ay-menu-toggle{display:block;margin-left:auto}.ay-header-cta{display:none}.ay-nav{display:none;position:absolute;top:65px;right:18px;left:18px;background:#14121f;border:1px solid #ffffff20;border-radius:14px;padding:15px}.ay-nav.is-open{display:block}.ay-nav ul{flex-direction:column;align-items:stretch;gap:0}.ay-nav li a,.ay-nav>a{display:block;padding:12px}.ay-hero{padding-top:45px;padding-bottom:50px;gap:42px;min-height:auto}.ay-hero h1{font-size:48px;letter-spacing:-2.7px}.ay-hero-lead{font-size:13px}.ay-search{padding-left:11px;gap:7px}.ay-search input{font-size:10px}.ay-search button{padding:12px 11px}.ay-proofline{gap:10px;flex-direction:column}.ay-hero-art{min-height:345px}.ay-art-glass{padding:15px;border-radius:21px;transform:none}.ay-art-headline{font-size:31px;margin:20px 0}.ay-art-tile{height:88px;padding:10px}.ay-art-tile>span{font-size:20px}.ay-art-tile b{font-size:11px}.ay-art-tile small{font-size:8px}.ay-art-orb.orb-pink{width:75px;height:75px;right:-5px}.ay-art-orb.orb-cyan{width:60px;height:60px;left:-6px}.ay-floating-chip{font-size:8px;padding:8px 10px}.chip-one{right:-4px;top:65px}.chip-two{left:-4px;bottom:35px}.ay-section{padding-top:55px;padding-bottom:55px}.ay-section-head{align-items:flex-start;flex-direction:column;gap:12px}.ay-section-head h2,.ay-feature-copy h2{font-size:33px;letter-spacing:-1.5px}.ay-category-grid{grid-template-columns:1fr;gap:10px}.ay-category{min-height:135px;padding:17px}.ay-feature-band{grid-template-columns:1fr;padding:18px;gap:26px;margin:0 17px 20px}.ay-feature-visual{min-height:230px}.ay-feature-sphere{width:130px;height:130px;font-size:55px}.ay-newsletter{margin:0 17px 40px;align-items:flex-start;flex-direction:column;padding:24px}.ay-newsletter h2{font-size:29px}.ay-footer{gap:13px}.ay-footer p{width:100%;order:3}.ay-footer-links{margin-left:auto}.ay-footer small{order:4}.ay-content-wrap{padding-top:45px}.ay-article-content{font-size:14px}.ay-article-content table{display:block;overflow-x:auto}}

/* AYORA AI premium visual refresh. Existing theme and directory hooks remain intact. */
:root {
	--bg: #080b12;
	--panel: #101722;
	--text: #f5f8ff;
	--muted: #aab6c8;
	--line: rgba(174, 197, 230, .15);
	--violet: #a78bfa;
	--pink: #e879f9;
	--cyan: #67e8f9;
	--ay-blue: #80aaff;
}

html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { background: var(--bg); color: var(--text); font-size: 15px; }
.ayora-site {
	position: relative;
	isolation: isolate;
	background: radial-gradient(ellipse at 72% 0%, rgba(66, 95, 178, .16), transparent 37%), #080b12;
}
.ayora-site::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	opacity: .28;
	background-image:
		radial-gradient(circle at 1px 1px, rgba(112, 190, 255, .7) 1px, transparent 1.8px),
		linear-gradient(rgba(110, 150, 215, .08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(110, 150, 215, .08) 1px, transparent 1px),
		radial-gradient(ellipse at 50% 35%, transparent 20%, rgba(8, 11, 18, .72) 80%);
	background-size: 96px 96px, 48px 48px, 48px 48px, 100% 100%;
	mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.65) 42%, transparent 100%);
	animation: ay-circuit-drift 42s linear infinite;
}
@keyframes ay-circuit-drift {
	from { background-position: 0 0, 0 0, 0 0, center; }
	to { background-position: 96px 96px, 48px 48px, 48px 48px, center; }
}
.ay-header {
	position: sticky;
	top: 0;
	height: 78px;
	max-width: none;
	padding-inline: max(clamp(20px, 5vw, 80px), calc((100vw - 1440px) / 2));
	border-bottom: 1px solid rgba(178, 198, 230, .12);
	background: rgba(8, 11, 18, .78);
	backdrop-filter: blur(18px);
}
.ay-brand { font-size: 20px; letter-spacing: -.5px; }
.ay-brand-icon {
	border: 1px solid rgba(255,255,255,.18);
	box-shadow: 0 0 28px rgba(103,232,249,.17);
}
.ay-nav ul { gap: clamp(17px, 2.3vw, 34px); }
.ay-nav a { font-size: 13px; color: #c2ccdc; transition: color .18s ease; }
.ay-nav a:hover { color: var(--cyan); }
.ay-header-cta, .ay-primary-btn {
	border-color: rgba(128,170,255,.36);
	border-radius: 12px;
	padding: 12px 17px;
	background: linear-gradient(135deg, rgba(74,114,202,.2), rgba(119,74,190,.14));
	font-size: 13px;
	transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.ay-header-cta:hover, .ay-primary-btn:hover { transform: translateY(-2px); border-color: rgba(103,232,249,.7); background: rgba(58,92,155,.3); }
.ay-hero {
	max-width: 1440px;
	min-height: 680px;
	padding-top: 88px;
	padding-bottom: 88px;
}
.ay-eyebrow { color: #a9bad4; font-size: 11px; letter-spacing: 1.7px; }
.ay-eyebrow i, .ay-proofline i, .ay-live i { background: var(--cyan); box-shadow: 0 0 12px rgba(103,232,249,.75); }
.ay-hero h1 {
	font-size: clamp(50px, 5.4vw, 76px);
	line-height: 1.04;
	letter-spacing: -3.8px;
	font-weight: 720;
}
.ay-hero h1 span, .ay-section-head h2 span, .ay-feature-copy h2 span, .ay-newsletter h2 span, .ay-page-title span {
	background-image: linear-gradient(100deg, #f5f8ff 2%, #92b7ff 48%, #75e6ed 100%);
}
.ay-hero-lead { max-width: 550px; color: #b3bfd0; font-size: 16px; line-height: 1.8; }
.ay-search {
	border: 1px solid rgba(166,190,225,.24);
	border-radius: 14px;
	background: rgba(15,22,33,.88);
	box-shadow: 0 22px 70px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.05);
}
.ay-search:focus-within { border-color: rgba(103,232,249,.62); box-shadow: 0 0 0 4px rgba(103,232,249,.08), 0 22px 70px rgba(0,0,0,.3); }
.ay-search input { font-size: 14px; }
.ay-search button {
	border-radius: 10px;
	background: linear-gradient(120deg, #8db5ff, #68d9e8);
	color: #08111b;
	font-size: 12px;
	transition: filter .2s ease, transform .2s ease;
}
.ay-search button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.ay-proofline { color: #9eacc0; font-size: 11px; gap: 18px; }
.ay-hero-glow { width: 560px; height: 560px; background: radial-gradient(circle, rgba(81,117,208,.18), transparent 70%); }
.ay-hero-art { min-height: 470px; }
.ay-hero-art::before, .ay-hero-art::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: min(92%, 500px);
	aspect-ratio: 1;
	border: 1px dashed rgba(126, 183, 232, .2);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.ay-hero-art::before {
	background: radial-gradient(circle at 50% 0%, rgba(103,232,249,.9) 0 3px, transparent 4px), radial-gradient(circle at 100% 50%, rgba(167,139,250,.85) 0 3px, transparent 4px);
	animation: ay-machinery-orbit 48s linear infinite;
}
.ay-hero-art::after {
	width: min(74%, 390px);
	border-style: dotted;
	border-color: rgba(167,139,250,.18);
	box-shadow: 0 0 44px rgba(74,130,192,.06), inset 0 0 44px rgba(74,130,192,.05);
	animation: ay-machinery-orbit 68s linear infinite reverse;
}
@keyframes ay-machinery-orbit { to { transform: translate(-50%, -50%) rotate(360deg); } }
.ay-art-glass {
	border-color: rgba(172,197,232,.23);
	border-radius: 22px;
	background: radial-gradient(ellipse at 75% 0%, rgba(79,123,206,.18), transparent 48%), linear-gradient(145deg, rgba(20,30,45,.94), rgba(10,15,25,.92));
	box-shadow: 0 42px 110px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.09);
}
.ay-art-top { color: #b4c2d6; }
.ay-live { border-color: rgba(103,232,249,.22); color: #b8cbdc; }
.ay-art-headline { letter-spacing: -1.3px; }
.ay-art-headline em { background-image: linear-gradient(100deg,#a9c2ff,#76e3ec); }
.ay-art-tile { border-color: rgba(195,214,244,.16); border-radius: 12px; }
.ay-art-tile:hover { border-color: rgba(103,232,249,.45); }
.tile-chat { background: linear-gradient(135deg,#103d43,#142b3b); }
.tile-image { background: radial-gradient(circle at 85% 15%,#cb8dd2,#5443a1 45%,#1c233b 82%); }
.tile-code { background: linear-gradient(135deg,#1b3150,#151d2d); }
.tile-video { background: linear-gradient(135deg,#4b2b51,#1d2139); }
.ay-art-bottom { color: #9baac0; }
.ay-art-line { background: linear-gradient(90deg,#82aaff,#6be1e8,transparent); }
.ay-art-orb { opacity: .62; }
.orb-pink { filter: blur(3px); }
.orb-cyan { filter: blur(3px); }
.ay-floating-chip { border-color: rgba(168,192,227,.2); background: rgba(15,23,36,.9); color: #d4dff0; }
.chip-one, .chip-two { color: #b9edee; }
.ay-marquee { border-color: rgba(174,197,230,.12); background: rgba(255,255,255,.018); color: #9eacc0; }
.ay-marquee span { color: var(--cyan); }
.ay-section { padding-top: 88px; padding-bottom: 88px; }
.ay-section-head { margin-bottom: 34px; }
.ay-section-head h2, .ay-feature-copy h2, .ay-newsletter h2 { letter-spacing: -1.8px; }
.ay-section-head > p { color: #a9b5c7; font-size: 13px; }
.ay-category-grid { gap: 16px; }
.ay-category {
	min-height: 168px;
	border-color: rgba(174,197,230,.15);
	border-radius: 16px;
	background: linear-gradient(145deg, rgba(21,30,44,.92), rgba(13,19,29,.9));
	box-shadow: 0 12px 34px rgba(0,0,0,.12);
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.ay-category:hover { transform: translateY(-4px); border-color: rgba(103,232,249,.38); box-shadow: 0 20px 44px rgba(0,0,0,.24); }
.ay-category:after { background: rgba(103,232,249,.1); }
.ay-category small { color: #9bacc4; font-size: 9px; letter-spacing: 1.2px; }
.ay-category h3 { font-size: 17px; }
.ay-category p { color: #aab7c9; font-size: 12px; }
.ay-category-symbol { border: 1px solid rgba(255,255,255,.09); }
.cat-writing .ay-category-symbol { color:#8ce8dd; background:#13363b; }
.cat-image .ay-category-symbol { color:#d8a9fa; background:#352a50; }
.cat-video .ay-category-symbol { color:#f2a9cf; background:#422a43; }
.cat-code .ay-category-symbol { color:#a5c3ff; background:#213555; }
.cat-research .ay-category-symbol { color:#9de9ef; background:#183b45; }
.cat-business .ay-category-symbol { color:#f7cf9c; background:#403524; }
.ay-cat-arrow { color: #a9bacf; }
.ay-feature-band {
	border-color: rgba(174,197,230,.16);
	border-radius: 22px;
	background: radial-gradient(ellipse at 18% 50%, rgba(57,107,184,.16), transparent 43%), linear-gradient(135deg, rgba(19,28,42,.94), rgba(12,17,27,.94));
	box-shadow: 0 30px 80px rgba(0,0,0,.2);
}
.ay-feature-visual {
	background: radial-gradient(circle at 50% 45%, rgba(62,105,181,.3), transparent 62%), #0a101a;
	border: 1px solid rgba(174,197,230,.12);
}
.ay-feature-sphere { box-shadow: inset -18px -18px 35px #08081388, 0 0 70px rgba(90,139,227,.34); }
.ay-feature-mini { border-color: rgba(174,197,230,.2); background: rgba(17,26,40,.92); color: #bac8db; }
.ay-feature-mini b { color: #9feaf0; }
.ay-feature-copy > p { color: #b0bdcf; }
.ay-feature-points span { color: #d4deed; }
.ay-feature-points b { color: #8fb7ff; }
.ay-plugin-notice { border-color: rgba(143,183,255,.38); background: rgba(21,31,47,.75); color: #c2cee0; }
.ay-newsletter {
	border-color: rgba(174,197,230,.17);
	background: linear-gradient(110deg, rgba(50,88,153,.18), rgba(76,61,128,.12), rgba(37,112,127,.11));
}
.ay-newsletter p { color: #b0bdcf; }
.ay-footer { border-color: rgba(174,197,230,.13); }
.ay-footer p, .ay-footer-links a { color: #a7b4c7; }
.ay-footer-links a:hover { color: var(--cyan); }
.ay-footer small { color: #8492a7; }
.ay-content-wrap { max-width: 1160px; padding-top: 76px; }
.ay-page-title { letter-spacing: -2.5px; }
.ay-page-lead { color: #b1bdcf; font-size: 16px; line-height: 1.8; }
.ay-article { max-width: 880px; }
.ay-breadcrumb { color: #a2afc3; }
.ay-breadcrumb a { color: #9ec0ff; }
.ay-article-meta { color: #aab7ca; }
.ay-article-content { color: #d1d9e6; }
.ay-article-content a { color: #9fc2ff; }
.ay-article-content h2 { scroll-margin-top: 100px; }
.ay-article-content th { background: rgba(143,183,255,.1); }
.ay-article-content td, .ay-article-content th { border-color: rgba(174,197,230,.17); }
.ay-article-content blockquote { border-color: #77dfe8; background: rgba(103,232,249,.05); color: #c6d5e5; }
.ay-content-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 36px; }
.ay-content-card {
	min-width: 0;
	padding: 25px;
	border: 1px solid rgba(174,197,230,.16);
	border-radius: 16px;
	background: linear-gradient(145deg, rgba(21,30,44,.94), rgba(13,19,29,.94));
	box-shadow: 0 12px 34px rgba(0,0,0,.14);
	transition: transform .2s ease, border-color .2s ease;
}
.ay-content-card:hover { transform: translateY(-3px); border-color: rgba(103,232,249,.36); }
.ay-content-card h2 { margin: 12px 0 10px; font-size: clamp(20px, 2.4vw, 27px); line-height: 1.25; letter-spacing: -.7px; }
.ay-content-card h2 a:hover { color: #a8c5ff; }
.ay-card-meta { color: #9aaac0; font-size: 11px; letter-spacing: .03em; }
.ay-card-meta span { color: var(--cyan); padding-inline: 4px; }
.ay-card-excerpt { color: #b3bfd0; font-size: 13px; line-height: 1.75; }
.ay-card-excerpt > :last-child { margin-bottom: 0; }
.ay-card-link { display: inline-flex; gap: 8px; margin-top: 17px; color: #9fc2ff; font-size: 12px; font-weight: 700; }
.ay-card-link:hover { color: var(--cyan); }
.ay-content-search { margin: 30px 0 10px; max-width: 760px; }
.ay-content-wrap .navigation.pagination { margin-top: 32px; color: #bac8db; }
.ay-content-wrap .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.ay-content-wrap .page-numbers { padding: 9px 13px; border: 1px solid var(--line); border-radius: 9px; background: rgba(16,23,34,.85); }
.ay-content-wrap .page-numbers.current { border-color: rgba(103,232,249,.5); color: var(--cyan); }
.ay-not-found { min-height: 65vh; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.ay-not-found .ay-page-lead { max-width: 620px; }
.ay-home-button { margin-top: 24px; }
:where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid rgba(103,232,249,.86) !important;
	outline-offset: 3px;
}
.ay-menu-toggle { min-width: 42px; min-height: 42px; cursor: pointer; }
@media (max-width: 1000px) {
	.ay-hero { min-height: 0; padding-top: 72px; padding-bottom: 70px; }
	.ay-section { padding-top: 72px; padding-bottom: 72px; }
	.ay-feature-band { margin-top: 8px; }
}
@media (max-width: 650px) {
	.ay-header { height: 68px; padding-inline: 18px; }
	.ay-nav { top: 61px; background: rgba(12,18,29,.98); border-color: rgba(174,197,230,.18); box-shadow: 0 18px 42px rgba(0,0,0,.4); }
	.ay-hero { padding-top: 52px; padding-bottom: 52px; }
	.ay-hero h1 { font-size: clamp(42px, 12vw, 54px); letter-spacing: -2.8px; }
	.ay-hero-lead { font-size: 14px; }
	.ay-search input { font-size: 12px; }
	.ay-proofline { flex-direction: row; gap: 10px 15px; }
	.ay-hero-art { min-height: 335px; }
	.ay-hero-art::before { width: 100%; }
	.ay-hero-art::after { width: 82%; }
	.ay-art-glass { transform: none; }
	.ay-section { padding-top: 58px; padding-bottom: 58px; }
	.ay-category { min-height: 128px; }
	.ay-content-wrap { padding-top: 48px; }
	.ay-page-title { font-size: 42px; }
	.ay-article-content { font-size: 15px; }
	.ay-content-card-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 25px; }
	.ay-content-card { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* AYORAHUB Studio: comparison-first design system and reusable section presets. */
:root { --ay-accent: #8fb3ff; --ay-accent-rgb: 143,179,255; --ay-bg: #080b12; }
.ayora-site { background: radial-gradient(ellipse at 76% 0%, rgba(62,100,174,.17), transparent 38%), var(--ay-bg); }
.ay-brand-wrap { display: flex; align-items: center; min-width: 0; }
.ay-brand-wrap .custom-logo-link { display: inline-flex; align-items: center; }
.ay-brand-wrap .custom-logo { width: auto; max-width: min(210px, 24vw); max-height: 46px; object-fit: contain; }
.ay-brand-icon { box-shadow: 0 0 24px rgba(var(--ay-accent-rgb), .24); }
.ay-brand > span:last-child > span { color: var(--ay-accent); }
.ay-nav a:hover { color: var(--ay-accent); }
.ay-header-cta, .ay-primary-btn { border-color: rgba(var(--ay-accent-rgb), .42); }
.ay-header-cta:hover, .ay-primary-btn:hover { border-color: var(--ay-accent); }
.ay-search button { background: linear-gradient(120deg, var(--ay-accent), #70dce8); }
.ay-hero h1 span, .ay-section-head h2 span, .ay-feature-copy h2 span, .ay-newsletter h2 span, .ay-page-title span { background-image: linear-gradient(100deg, #f5f8ff 2%, var(--ay-accent) 52%, #75e6ed 100%); }
.ay-category:hover { border-color: rgba(var(--ay-accent-rgb), .48); }
.ay-art-line { background: linear-gradient(90deg, var(--ay-accent), #6be1e8, transparent); }
.ay-machine-scene { transition: opacity .35s ease; }
.ayora-site[data-ambience="off"] .ay-machine-scene { display: none; }
.ayora-site[data-ambience="static"] .ay-machine-scene,
.ayora-site[data-ambience="static"] .ay-machine-scene * { animation: none !important; }
.ayora-site[data-ambience="static"] .ay-machine-reactor { opacity: .3; }
.ay-header--solid { background: rgba(9,14,23,.98); }
.ay-header--minimal .ay-header-cta { border-color: transparent; background: transparent; }
.ay-header--centered .ay-brand-wrap { order: 2; }
.ay-header--centered .ay-nav { order: 1; margin-left: 0; }
.ay-header--centered .ay-header-cta { order: 3; }
.ay-header--compact { height: 62px; }
.ay-header--compact .ay-brand-icon { width: 29px; height: 29px; }
.ayh-home { position: relative; z-index: 1; }
.ayh-hero { min-height: 650px; }
.ayh-hero h1 { max-width: 12ch; font-size: clamp(48px, 5.2vw, 72px); }
.ayh-hero-link { margin-top: 17px; }
.ayh-home-search { max-width: 610px; }
.ayh-home-search input { font-size: 14px; }
.ayh-featured-section { padding-top: 70px; }
.ayh-comparison-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.ayh-comparison-card {
	min-width: 0;
	display: flex;
	flex-direction: column;
	padding: 22px;
	border: 1px solid rgba(174,197,230,.16);
	border-radius: 17px;
	background: linear-gradient(145deg, rgba(21,30,44,.95), rgba(13,19,29,.94));
	box-shadow: 0 14px 40px rgba(0,0,0,.16);
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.ayh-comparison-card:hover { transform: translateY(-4px); border-color: rgba(var(--ay-accent-rgb),.48); box-shadow: 0 22px 50px rgba(0,0,0,.24); }
.ayh-card-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; color: #a8b6ca; font-size: 10px; }
.ayh-card-meta span:first-child { color: #a9c2ff; letter-spacing: .04em; text-transform: uppercase; }
.ayh-comparison-card h3 { margin: 19px 0 10px; font-size: 19px; line-height: 1.3; letter-spacing: -.45px; }
.ayh-comparison-card h3 a:hover { color: #b9d0ff; }
.ayh-comparison-card p { color: #b3bfd0; font-size: 13px; line-height: 1.7; }
.ayh-card-action, .ay-text-link { display: inline-flex; align-items: center; gap: 8px; color: #a9c2ff; font-size: 12px; font-weight: 700; }
.ayh-card-action { margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(174,197,230,.13); }
.ayh-card-action:hover, .ay-text-link:hover { color: #79e7ed; }
.ayh-category-section { padding-top: 64px; }
.ayh-category-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.ayh-category-grid .ay-category { min-height: 130px; }
.ayh-category-grid .ay-category-symbol { color: var(--ay-accent); }
.ayh-research-band {
	max-width: 1290px;
	margin: 20px auto 55px;
	padding: 32px clamp(20px,4vw,48px);
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 24px;
	border: 1px solid rgba(var(--ay-accent-rgb),.22);
	border-radius: 20px;
	background: linear-gradient(110deg, rgba(39,70,124,.2), rgba(19,36,56,.74));
}
.ayh-research-mark { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(120,226,230,.28); border-radius: 16px; background: rgba(69,159,179,.12); color: #8be8e7; font-size: 25px; }
.ayh-research-band h2 { margin: 9px 0 6px; font-size: clamp(22px,2.6vw,31px); letter-spacing: -.8px; }
.ayh-research-band p { max-width: 70ch; margin: 0; color: #b5c2d4; font-size: 13px; line-height: 1.75; }
.ayh-research-band .ay-primary-btn { white-space: nowrap; }
.ayh-pattern-hero, .ayh-pattern-evidence, .ayh-pattern-source { padding: clamp(22px,4vw,42px); border: 1px solid rgba(174,197,230,.17); border-radius: 18px; background: linear-gradient(145deg,rgba(21,30,44,.92),rgba(13,19,29,.92)); }
.ayh-pattern-evidence, .ayh-pattern-source { border-left: 4px solid var(--ay-accent); }

/* Comparison platform palette: keyed to the AYORAHUB brand, independent of OS mode/theme slug. */
body.ayhcp-page .ayhcp {
	--ay-ink: #eef3fb;
	--ay-mut: #b3bfd0;
	--ay-line: #354255;
	--ay-bg: #151e2b;
	--ay-card: #111a28;
	--ay-acc: var(--ay-accent, #8fb3ff);
	--ay-acc-d: #bfd2ff;
	--ay-warn: #372c17;
	--ay-surface: #0d1522;
	color-scheme: dark;
	color: var(--ay-ink);
	background: var(--ay-surface);
	font-size: 1rem;
	line-height: 1.72;
	box-shadow: 0 24px 80px rgba(0,0,0,.2);
}
body.ayhcp-page .ayhcp-shell { color: #eef3fb; }
body.ayhcp-page .ayhcp-entry-title { color: #f7f9ff; font-size: clamp(2rem,4vw,3.1rem); letter-spacing: -.035em; line-height: 1.12; }
body.ayhcp-page .ayhcp a { color: #afc9ff; }
body.ayhcp-page .ayhcp a:hover { color: #8be9ec; }
body.ayhcp-page .ayhcp .ayhcp-search input[type=search],
body.ayhcp-page .ayhcp .ayhcp-search select,
body.ayhcp-page .ayhcp .ayhcp-chips a,
body.ayhcp-page .ayhcp .ayhcp-uc a,
body.ayhcp-page .ayhcp .ayhcp-table { background: #111a28; color: #eef3fb; }
body.ayhcp-page .ayhcp .ayhcp-search input::placeholder { color: #aab7c9; }
body.ayhcp-page .ayhcp .ayhcp-search button,
body.ayhcp-page .ayhcp .ayhcp-pagination .ayhcp-current { background: #8fb3ff; border-color: #8fb3ff; color: #101827; }
body.ayhcp-page .ayhcp .ayhcp-chips a[aria-current],
body.ayhcp-page .ayhcp .ayhcp-uc a[aria-current] { background: #8fb3ff; border-color: #8fb3ff; color: #101827; }
body.ayhcp-page .ayhcp .ayhcp-chips a[aria-current] span { color: #263650; }
body.ayhcp-page .ayhcp .ayhcp-card { background: #111a28; border-color: #354255; }
body.ayhcp-page .ayhcp .ayhcp-card-title a { color: #f0f4fc; }
body.ayhcp-page .ayhcp .ayhcp-card-sum,
body.ayhcp-page .ayhcp .ayhcp-card-verdict,
body.ayhcp-page .ayhcp .ayhcp-card-meta,
body.ayhcp-page .ayhcp .ayhcp-card-cat,
body.ayhcp-page .ayhcp .ayhcp-note,
body.ayhcp-page .ayhcp .ayhcp-legend,
body.ayhcp-page .ayhcp .ayhcp-meta { color: #b8c4d5; }
body.ayhcp-page .ayhcp .ayhcp-quick { background: #182b49; border-color: #3c5e95; }
body.ayhcp-page .ayhcp .ayhcp-audience,
body.ayhcp-page .ayhcp .ayhcp-verify,
body.ayhcp-page .ayhcp .ayhcp-vs-opt,
body.ayhcp-page .ayhcp .ayhcp-keydiff,
body.ayhcp-page .ayhcp .ayhcp-howto { background: #151e2b; border-color: #354255; }
body.ayhcp-page .ayhcp .ayhcp-pricing,
body.ayhcp-page .ayhcp .ayhcp-review { background: #372c17; border-color: #9b792c; color: #fff0c5; }
body.ayhcp-page .ayhcp .ayhcp-error { background: #3a1d25; border-color: #a64d60; color: #ffdce3; }
body.ayhcp-page .ayhcp .ayhcp-empty { background: #151e2b; border-color: #52627a; }
body.ayhcp-page .ayhcp .ayhcp-table-wrap { border-color: #354255; }
body.ayhcp-page .ayhcp .ayhcp-table th,
body.ayhcp-page .ayhcp .ayhcp-table td { border-color: #354255; }
body.ayhcp-page .ayhcp .ayhcp-table thead th,
body.ayhcp-page .ayhcp .ayhcp-table tbody th { background: #1a2636; color: #eef3fb; }
body.ayhcp-page .ayhcp .ayhcp-table td.ayhcp-missing { background: #202b39; color: #c6d0dd; }
body.ayhcp-page .ayhcp .ayc-summary { background: linear-gradient(145deg,rgba(54,72,115,.27),rgba(18,27,42,.92)); border-color: #3a4b68; }
body.ayhcp-page .ayhcp .ayc-versus > div { background: #172234; border-color: #3a4b68; }
body.ayhcp-page .ayhcp .ayc-spec-table { background: #111a28; color: #eef3fb; }
body.ayhcp-page .ayhcp .ayc-spec-table th,
body.ayhcp-page .ayhcp .ayc-spec-table td { border-color: #354255; }
body.ayhcp-page .ayhcp .ayc-spec-table thead th { background: #1a2636; color: #f2f6ff; }
body.ayhcp-page .ayhcp .ayc-checked,
body.ayhcp-page .ayhcp .ayc-versus small,
body.ayhcp-page .ayhcp .ayc-versus > span { color: #b8c4d5; }
body.ayhcp-page .ay-directory-ui { color: #edf3fc; }
body.ayhcp-page .ayd-search { background: #111a28; border-color: #3b4a60; }
body.ayhcp-page .ayd-search input { color: #f3f7ff !important; }
body.ayhcp-page .ayd-search input::placeholder { color: #aab7c9; }
body.ayhcp-page .ayd-sort, body.ayhcp-page .ayd-filter { background: #151f2d; color: #d5dfed; border-color: #3a485b; }
body.ayhcp-page .ayd-filter:hover, body.ayhcp-page .ayd-filter.active { color: #fff; border-color: var(--ay-accent); }
body.ayhcp-page .ayd-card { background: #111a28; border-color: #354255; }
body.ayhcp-page .ayd-card h3 { color: #f4f7ff; }
body.ayhcp-page .ayd-card p { color: #b8c4d5; font-size: 13px; }
body.ayhcp-page .ayd-card-category, body.ayhcp-page .ayd-results-note { color: #b8c4d5; }
body.ayhcp-page .ayd-card-link { color: #b8ceff !important; }
body.ayhcp-page .ayhcp :focus-visible, body.ayhcp-page .ay-directory-ui :focus-visible { outline: 3px solid #84e8eb; outline-offset: 3px; }
@media (max-width: 950px) {
	.ayh-comparison-grid, .ayh-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.ayh-research-band { grid-template-columns: auto 1fr; }
	.ayh-research-band .ay-primary-btn { grid-column: 2; justify-self: start; }
}
@media (max-width: 650px) {
	.ay-header--centered .ay-brand-wrap { order: initial; }
	.ay-header--centered .ay-nav { order: initial; }
	.ay-header--centered .ay-header-cta { order: initial; }
	.ayh-hero { min-height: auto; }
	.ayh-hero h1 { font-size: clamp(41px,11vw,54px); }
	.ayh-comparison-grid, .ayh-category-grid { grid-template-columns: 1fr; }
	.ayh-research-band { grid-template-columns: 1fr; gap: 16px; }
	.ayh-research-band .ay-primary-btn { grid-column: 1; }
	body.ayhcp-page .ayhcp { padding: 17px; border-radius: 13px; }
}

/* Always-on animated AI machinery, shared by every theme template. */
.ayora-site > .ay-machine-scene {
	position: fixed;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
	contain: strict;
	color: #7de7f3;
}
.ayora-site > .ay-header { z-index: 1; }
.ayora-site > main, .ayora-site > .ay-footer { position: relative; z-index: 1; }
.ay-machine-blueprint {
	position: absolute;
	inset: -96px;
	opacity: .48;
	background:
		radial-gradient(ellipse at 80% 32%, rgba(52,117,190,.15), transparent 37%),
		linear-gradient(90deg, transparent 49.8%, rgba(82,168,207,.12) 50%, transparent 50.2%),
		linear-gradient(transparent 49.8%, rgba(82,168,207,.1) 50%, transparent 50.2%);
	background-size: auto, 96px 96px, 96px 96px;
	mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.8) 55%, transparent 100%);
	will-change: transform;
	animation: ay-blueprint-shift 32s linear infinite;
}
@keyframes ay-blueprint-shift { to { transform: translate3d(96px, 96px, 0); } }
.ay-machine-circuit { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .43; }
.ay-machine-circuit path { stroke-dasharray: 5 24; animation: ay-circuit-flow 9s linear infinite; }
.ay-machine-circuit path:nth-child(even) { animation-duration: 13s; animation-direction: reverse; }
.ay-machine-circuit circle { filter: drop-shadow(0 0 5px #67e8f9); animation: ay-node-pulse 3.2s ease-in-out infinite alternate; }
.ay-machine-circuit circle:nth-child(odd) { animation-delay: -1.4s; }
@keyframes ay-circuit-flow { to { stroke-dashoffset: -116; } }
@keyframes ay-node-pulse { from { opacity: .34; r: 2.2px; } to { opacity: 1; r: 4.2px; } }
.ay-machine-reactor {
	position: absolute;
	top: 14vh;
	right: 5vw;
	width: clamp(280px, 35vw, 470px);
	aspect-ratio: 1;
	display: grid;
	place-items: center;
	opacity: .43;
	filter: drop-shadow(0 0 26px rgba(76,179,222,.13));
}
.ay-reactor-ring { position: absolute; display: grid; place-items: center; border-radius: 50%; }
.ay-reactor-ring-outer {
	inset: 2%;
	border: 1px dashed rgba(91,215,239,.52);
	background: repeating-conic-gradient(from 0deg, transparent 0 8deg, rgba(91,215,239,.5) 8.2deg 8.6deg, transparent 8.8deg 15deg);
	mask: radial-gradient(circle, transparent 65%, #000 65.6% 66.2%, transparent 66.8%);
	animation: ay-gear-turn 72s linear infinite;
}
.ay-reactor-ring-mid {
	inset: 17%;
	border: 1px solid rgba(125,169,255,.34);
	background: repeating-conic-gradient(from 15deg, transparent 0 17deg, rgba(125,169,255,.56) 17.2deg 17.8deg, transparent 18deg 30deg);
	mask: radial-gradient(circle, transparent 69%, #000 70% 72%, transparent 73%);
	animation: ay-gear-turn 48s linear infinite reverse;
}
.ay-reactor-ring-inner {
	inset: 29%;
	border: 1px solid rgba(121,230,239,.42);
	box-shadow: 0 0 0 14px rgba(103,232,249,.025), 0 0 0 36px rgba(103,232,249,.02), inset 0 0 34px rgba(103,232,249,.12);
	animation: ay-reactor-breathe 4s ease-in-out infinite;
}
.ay-reactor-ring i {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #9ef7ff;
	box-shadow: 0 0 12px 3px rgba(103,232,249,.6);
}
.ay-reactor-ring-outer i:nth-child(1) { top: 7%; left: 26%; }
.ay-reactor-ring-outer i:nth-child(2) { right: 8%; top: 42%; }
.ay-reactor-ring-outer i:nth-child(3) { bottom: 11%; left: 31%; }
.ay-reactor-ring-outer i:nth-child(4) { left: 6%; top: 57%; }
.ay-reactor-ring-mid i:nth-child(1) { top: 5%; left: 52%; }
.ay-reactor-ring-mid i:nth-child(2) { bottom: 19%; right: 8%; }
.ay-reactor-ring-mid i:nth-child(3) { left: 9%; bottom: 31%; }
.ay-reactor-core {
	position: relative;
	width: 22%;
	aspect-ratio: 1;
	display: grid;
	place-items: center;
	border: 1px solid rgba(157,244,255,.7);
	border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, rgba(194,255,255,.92), rgba(72,181,220,.5) 24%, rgba(70,76,163,.28) 61%, rgba(6,17,34,.3) 72%);
	box-shadow: 0 0 22px rgba(83,212,233,.35), 0 0 70px rgba(87,115,217,.2), inset 0 0 24px rgba(188,255,255,.4);
	animation: ay-reactor-breathe 4s ease-in-out infinite;
}
.ay-reactor-core::before, .ay-reactor-core::after {
	content: "";
	position: absolute;
	inset: -18%;
	border: 1px solid rgba(144,227,255,.34);
	border-radius: 50%;
	transform: rotateX(68deg);
}
.ay-reactor-core::after { inset: -34%; transform: rotateY(67deg); border-color: rgba(192,146,255,.3); }
.ay-reactor-core span { position: absolute; inset: 29%; border-radius: 50%; background: #e4ffff; opacity: .68; filter: blur(8px); }
.ay-reactor-core b { position: relative; color: #f3ffff; font-size: clamp(10px, 1vw, 14px); letter-spacing: .18em; text-shadow: 0 0 12px #67e8f9; }
@keyframes ay-gear-turn { to { transform: rotate(360deg); } }
@keyframes ay-reactor-breathe { 0%, 100% { transform: scale(.96); opacity: .75; } 50% { transform: scale(1.04); opacity: 1; } }
.ay-machine-scan {
	position: absolute;
	top: 22vh;
	right: 5vw;
	width: clamp(280px, 35vw, 470px);
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(139,247,255,.68), transparent);
	box-shadow: 0 0 15px rgba(103,232,249,.6);
	opacity: .54;
	animation: ay-scan-sweep 8s ease-in-out infinite;
}
@keyframes ay-scan-sweep { 0%, 100% { transform: translateY(0); opacity: .15; } 48% { opacity: .7; } 50% { transform: translateY(clamp(280px, 35vw, 470px)); opacity: .4; } }
.ayora-site > .ay-page-progress {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: linear-gradient(90deg, #85aaff, #65ecf3, #d18cff);
	box-shadow: 0 0 14px rgba(103,232,249,.75);
	pointer-events: none;
}
.ayora-site.ay-motion-ready > .ay-page-progress { display: block; animation: ay-load-progress 1.1s cubic-bezier(.2,.75,.25,1) both; }
.ayora-site.ay-is-navigating > .ay-page-progress { display: block; width: 82%; opacity: 1; animation: ay-progress-navigate 1.5s ease-out both; }
@keyframes ay-load-progress { 0% { width: 0; opacity: 1; } 78% { width: 88%; opacity: 1; } 100% { width: 100%; opacity: 0; } }
@keyframes ay-progress-navigate { 0% { width: 0; opacity: 1; } 75% { width: 82%; opacity: 1; } 100% { width: 94%; opacity: .2; } }
.ayora-site.ay-motion-ready > main { animation: ay-page-arrive .68s cubic-bezier(.2,.7,.2,1) both; }
@keyframes ay-page-arrive { from { opacity: .55; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.ayora-site.ay-motion-ready .ay-reveal { opacity: 0; transform: translateY(22px); transition: opacity .72s ease, transform .72s cubic-bezier(.2,.7,.2,1); }
.ayora-site.ay-motion-ready .ay-reveal.is-visible { opacity: 1; transform: translateY(0); }
.ay-content-card { position: relative; overflow: hidden; }
.ay-content-card::after {
	content: "";
	position: absolute;
	top: -60%;
	left: -70%;
	width: 42%;
	height: 220%;
	transform: rotate(22deg);
	background: linear-gradient(90deg, transparent, rgba(122,225,245,.1), transparent);
	transition: left .65s ease;
	pointer-events: none;
}
.ay-content-card:hover::after { left: 130%; }
.ay-art-tile { animation: ay-tile-idle 6s ease-in-out infinite; }
.ay-art-tile:nth-child(2) { animation-delay: -1.5s; }
.ay-art-tile:nth-child(3) { animation-delay: -3s; }
.ay-art-tile:nth-child(4) { animation-delay: -4.5s; }
@keyframes ay-tile-idle { 0%, 100% { box-shadow: inset 0 1px rgba(255,255,255,.03); } 50% { box-shadow: inset 0 1px rgba(255,255,255,.11), 0 0 18px rgba(103,232,249,.08); } }
@media (max-width: 650px) {
	.ay-machine-reactor { top: 15vh; right: -115px; width: 300px; opacity: .32; }
	.ay-machine-scan { top: 15vh; right: -115px; width: 300px; }
	.ay-machine-circuit { opacity: .25; }
	.ay-machine-blueprint { opacity: .34; }
}
@media (prefers-reduced-motion: reduce) {
	.ayora-site.ay-motion-ready > main,
	.ayora-site.ay-motion-ready > .ay-page-progress,
	.ayora-site.ay-is-navigating > .ay-page-progress,
	.ay-machine-blueprint, .ay-machine-circuit path, .ay-machine-circuit circle,
	.ay-reactor-ring, .ay-reactor-core, .ay-machine-scan, .ay-art-tile {
		animation: none !important;
	}
	.ayora-site.ay-motion-ready .ay-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}