:root {
  --bg: #070711;
  --bg-soft: #0d1025;
  --panel: rgba(13, 16, 35, 0.76);
  --panel-solid: #0d1025;
  --text: #f5f7ff;
  --muted: #a6a9c8;
  --blue: #246bfd;
  --cyan: #00e5ff;
  --blue-soft: #00e5ff;
  --blue-deep: #142c7c;
  --purple: #8b5cf6;
  --magenta: #d946ef;
  --amber: #d946ef;
  --line: rgba(245, 247, 255, 0.08);
  --line-blue: rgba(36, 107, 253, 0.22);
  --shadow: 0 32px 96px rgba(0, 0, 0, 0.42);
  --max: 1200px;
  --font-body: "Manrope", Inter, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Space Grotesk", "Manrope", "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-family: var(--font-body);
  line-height: 1.6;
  overflow-x: hidden;
  cursor: default;
}
body.menu-open { overflow: hidden; }
::selection { color: #06101f; background: var(--amber); }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #040812; }
::-webkit-scrollbar-thumb { border: 2px solid #040812; border-radius: 999px; background: linear-gradient(var(--blue), var(--blue-deep)); }

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img, svg { display: block; max-width: 100%; }

.container { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
.section { position: relative; padding: 126px 0; }

.scroll-progress { position: fixed; inset: 0 0 auto; height: 3px; z-index: 100; pointer-events: none; }
.scroll-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--cyan), var(--magenta)); box-shadow: 0 0 14px rgba(0,229,255,.8); }
#particleCanvas { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -5; opacity: .72; pointer-events: none; }
.cursor-glow { position: fixed; width: 360px; height: 360px; left: 0; top: 0; z-index: -3; border-radius: 50%; opacity: .09; filter: blur(45px); pointer-events: none; background: radial-gradient(circle, var(--cyan), transparent 65%); transform: translate(-50%, -50%); transition: opacity .25s ease; }
.noise { position: fixed; inset: 0; z-index: 90; opacity: .025; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.ambient { position: fixed; width: 520px; height: 520px; border-radius: 50%; filter: blur(120px); pointer-events: none; z-index: -4; opacity: .18; animation: ambientMove 18s ease-in-out infinite alternate; }
.ambient-one { left: -220px; top: 12%; background: var(--blue-deep); }
.ambient-two { right: -260px; top: 48%; background: var(--amber); opacity: .09; animation-delay: -6s; }
.ambient-three { left: 40%; bottom: -320px; background: var(--cyan); opacity: .1; animation-delay: -11s; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 50; border-bottom: 1px solid transparent; transition: background .35s ease, border-color .35s ease, transform .35s ease; }
.site-header.scrolled { background: rgba(4, 9, 20, .82); border-color: var(--line); backdrop-filter: blur(22px) saturate(140%); }
.site-header.hidden { transform: translateY(-100%); }
.nav-wrap { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: inline-flex; align-items: center; gap: 12px; letter-spacing: .02em; }
.brand-mark { position: relative; width: 40px; height: 40px; display: grid; place-items: center; color: var(--cyan); border: 1px solid rgba(0,229,255,.4); border-radius: 12px; background: rgba(0,229,255,.08); overflow: hidden; box-shadow: inset 0 0 18px rgba(0,229,255,.1); }
.brand-mark::after { content: ""; position: absolute; inset: -40% 35%; transform: rotate(25deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent); animation: brandShine 5s ease-in-out infinite; }
.brand-mark svg { width: 31px; }
.brand strong { display: block; font-family: var(--font-display); font-size: .98rem; letter-spacing: .22em; }
.brand small { display: block; margin-top: -2px; color: var(--muted); font-size: .62rem; letter-spacing: .15em; }
.header-brand-group { display:flex; align-items:center; gap:8px; }
.header-logo-divider { width:1px; height:34px; background:linear-gradient(transparent,rgba(168,187,225,.46),transparent); }
.site-header .header-logo { width:148px; height:58px; padding:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; transition:transform .25s ease,filter .25s ease; }
.site-header .header-logo:hover { transform:translateY(-1px); filter:brightness(1.08); }
.site-header .header-logo img { width:100%; height:100%; object-fit:contain; }
.site-header .creya-header-logo { position:relative; isolation:isolate; width:240px; height:96px; }
.site-header .creya-header-logo img { position:relative; z-index:1; transform:scale(1.12); filter:none; }
.site-header .zythera-header-logo { position:relative; isolation:isolate; width:240px; height:96px; }
.site-header .zythera-header-logo img { position:relative; z-index:1; transform:scale(1.1); filter:none; }
.nav-links { display: flex; align-items: center; gap: 25px; }
.nav-links > a:not(.btn) { position: relative; padding: 10px 0; color: #bdcada; font-size: .84rem; font-weight: 600; transition: color .25s ease; }
.nav-links > a:not(.btn)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 3px; height: 1px; background: linear-gradient(90deg,var(--cyan),var(--magenta)); transition: right .28s ease; }
.nav-links > a:not(.btn):hover, .nav-links > a.active { color: white; }
.nav-links > a:not(.btn):hover::after, .nav-links > a.active::after { right: 0; }
.nav-toggle { display: none; width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.02); padding: 11px; cursor: pointer; }
.nav-toggle span { display: block; width: 100%; height: 2px; margin: 5px 0; border-radius: 2px; background: white; transition: transform .25s ease, opacity .25s ease; }
.nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.btn { --btn-x: 0px; --btn-y: 0px; position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 54px; padding: 0 25px; border: 1px solid transparent; border-radius: 999px; font-weight: 800; font-size: .91rem; cursor: pointer; overflow: hidden; transform: translate(var(--btn-x), var(--btn-y)); transition: box-shadow .25s ease, background .25s ease, border-color .25s ease, transform .12s linear; }
.btn::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0; background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.42), transparent 80%); transform: translateX(-120%); transition: opacity .2s; }
.btn:hover::before { opacity: 1; animation: buttonSweep .75s ease; }
.btn i { font-style: normal; transition: transform .25s ease; }
.btn:hover i { transform: translate(3px,-2px); }
.btn-small { min-height: 43px; padding: 0 18px; font-size: .79rem; }
.btn-primary { color: #06101f; background: linear-gradient(105deg, var(--blue), var(--cyan) 48%, var(--magenta)); box-shadow: 0 16px 42px rgba(0, 229, 255, .18); }
.btn-primary:hover { box-shadow: 0 20px 50px rgba(0, 229, 255, .28); }
.btn-secondary { color: var(--text); border-color: var(--line); background: rgba(255,255,255,.035); backdrop-filter: blur(12px); }
.btn-secondary:hover { border-color: var(--line-blue); background: rgba(0, 229, 255, .07); }
.btn-dark { color: white; background: #07101e; box-shadow: 0 14px 35px rgba(7,16,30,.22); }

.hero { min-height: 100svh; display: flex; align-items: center; padding-top: 120px; padding-bottom: 84px; overflow: visible; }
.hero-grid-lines { position: absolute; inset: 0; opacity: .55; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size: 62px 62px; mask-image: linear-gradient(to bottom, black 20%, transparent 96%); }
.hero-grid-lines::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 78% 43%, rgba(0,229,255,.14), transparent 28%); }
.hero-beam { position: absolute; height: 1px; width: 46vw; opacity: .55; background: linear-gradient(90deg, transparent, var(--cyan), transparent); box-shadow: 0 0 22px rgba(0,229,255,.7); }
.hero-beam-one { top: 27%; right: -8%; transform: rotate(-18deg); animation: beamMove 8s ease-in-out infinite; }
.hero-beam-two { left: -16%; bottom: 18%; transform: rotate(21deg); animation: beamMove 10s ease-in-out -4s infinite reverse; }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 48px; }
.hero-copy { align-self:start;padding-top:28px; }
.eyebrow { display: inline-flex; align-items: center; gap: 11px; color: #a9bad0; font-size: .7rem; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; }
.eyebrow > span { width: 30px; height: 2px; background: linear-gradient(90deg, var(--cyan), var(--magenta)); box-shadow: 0 0 10px rgba(0,229,255,.35); }
.eyebrow.dark { color: #07111f; }
.hero-title { position: relative; margin: 25px 0 20px; font-family: var(--font-display); font-weight: 700; line-height: .76; letter-spacing: -.075em; }
.title-line { display: block; width: fit-content; font-size: clamp(4.5rem, 8.3vw, 8rem); }
.title-gradient { color: transparent; background: linear-gradient(100deg, #ffffff 2%, var(--cyan) 40%, var(--magenta) 100%); background-clip: text; -webkit-background-clip: text; filter: drop-shadow(0 10px 32px rgba(0, 229, 255, .11)); }
.hero-title .title-gradient { font-size: clamp(3.5rem, 6.55vw, 6.35rem); letter-spacing: -.065em; }
.title-year { position: absolute; z-index:2; right: -4%; bottom: 5%; color: rgba(218,225,241,.64); font-size: clamp(.9rem, 1.6vw, 1.35rem); font-weight:600; letter-spacing: .44em; writing-mode: vertical-rl; text-shadow:0 0 9px rgba(82,105,177,.42); }
.hero-tagline { margin: 0 0 16px; max-width: 720px; font-family: var(--font-display); font-size: clamp(1.18rem, 2vw, 1.58rem); font-weight: 600; }
.hero-description { max-width: 650px; color: var(--muted); font-size: 1rem; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 32px; }
.hero-meta { display: flex; gap: 42px; margin-top: 46px; }
.hero-meta div { position: relative; display: flex; flex-direction: column; padding-left: 16px; }
.hero-meta div::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 2px; border-radius: 3px; background: linear-gradient(var(--cyan), rgba(0,229,255,0)); }
.hero-meta div:nth-child(2)::before { background: linear-gradient(var(--magenta), rgba(217,70,239,0)); }
.hero-meta strong { font-family: var(--font-display); font-size: 1.65rem; line-height: 1; }
.hero-meta .infinity { color: var(--magenta); }
.hero-meta span { margin-top: 5px; color: var(--muted); font-size: .75rem; }

.hero-visual { position: relative; min-height: 760px; display: grid; place-items: center; perspective: 1200px; padding-right: 24px; transform: translateY(54px); }
.core-stage { position: relative; left: 110px; width: min(112%, 760px); aspect-ratio: 1; display: grid; place-items: center; transform-style: preserve-3d; transition: transform .16s ease-out; }
.core-stage::before { content:""; position:absolute; inset:2%; border-radius:50%; background:repeating-conic-gradient(from 12deg,rgba(0,229,255,.12) 0 1deg,transparent 1deg 11deg); mask:radial-gradient(circle,transparent 64%,#000 64.2% 64.8%,transparent 65%); opacity:.45; animation:hudRotate 48s linear infinite; }
.future-core { position: relative; z-index:2; width: 86%; aspect-ratio: 1; overflow: hidden; border: 3px solid rgba(0,0,0,.96); border-radius: 50%; background: radial-gradient(circle at 50% 0%, rgba(0,151,255,.42), rgba(0,85,190,.12) 11%, transparent 29%), radial-gradient(circle at 76% 79%, rgba(116,45,189,.22), transparent 37%), radial-gradient(circle at 32% 39%, #071c43 0, #04132f 37%, #02091b 70%, #01040d 100%); box-shadow: inset 0 0 95px rgba(0,5,25,.92), inset 24px 4px 55px rgba(17,71,178,.14), inset -24px -10px 62px rgba(100,31,160,.13), 0 0 0 1px rgba(28,38,64,.8), 0 0 24px rgba(0,0,0,.88), 0 42px 100px rgba(0,0,0,.72); transform: translateZ(35px); animation:globeBreathe 6s ease-in-out infinite; }
.future-core::before { content: ""; position: absolute; z-index:2; inset: 0; border-radius: 50%; background: radial-gradient(ellipse at 50% -5%,rgba(130,211,255,.46) 0,rgba(0,119,220,.2) 3%,transparent 12%), linear-gradient(112deg,rgba(58,38,153,.18),transparent 31%,transparent 68%,rgba(0,109,176,.07)), radial-gradient(circle at 50% 50%,transparent 49%,rgba(0,74,163,.13) 72%,rgba(0,0,0,.55) 100%); pointer-events:none; }
.future-core::after { content: ""; position: absolute; z-index:3; inset: 0; border-radius: 50%; background-image:radial-gradient(circle,rgba(80,206,255,.5) 0 1px,transparent 1.4px); background-size:13px 13px; opacity:.12; mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%); animation:surfaceDrift 22s linear infinite; }
.core-atmosphere { position:absolute; z-index:1; inset:-2%; border-radius:50%; border:2px solid rgba(0,0,0,.88); box-shadow:inset 0 0 28px rgba(0,0,0,.72),0 0 18px rgba(0,0,0,.55); }
.core-atmosphere::before,.core-atmosphere::after { content:""; position:absolute; inset:-3%; border-radius:50%; background:conic-gradient(from 20deg,transparent 0 13%,rgba(211,72,255,.92) 15%,transparent 18% 47%,rgba(137,43,255,.7) 49%,transparent 52% 78%,rgba(232,126,255,.82) 80%,transparent 83%); mask:radial-gradient(circle,transparent 68%,#000 69% 70.2%,transparent 71%); filter:drop-shadow(0 0 5px rgba(205,59,255,.88)); animation:electricArc 5.5s linear infinite; }
.core-atmosphere::after { inset:-1%; opacity:.55; animation-direction:reverse; animation-duration:3.8s; }
.core-grid { position: absolute; z-index: 1; inset: 4%; overflow:hidden; border-radius:50%; opacity: .42; animation:gridTurn 18s ease-in-out infinite alternate; }
.core-grid::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(89,178,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(89,178,255,.08) 1px,transparent 1px); background-size:24px 24px; transform:perspective(400px) rotateX(20deg) scale(1.25); }
.core-grid i { position:absolute; left:-8%; top:50%; width:116%; height:26%; border:1px solid rgba(57,183,255,.18); border-radius:50%; transform:translateY(-50%); }
.core-grid i:nth-child(2){height:52%}.core-grid i:nth-child(3){height:78%}.core-grid i:nth-child(4){width:26%;height:116%;left:50%;top:-8%;transform:translateX(-50%)}.core-grid i:nth-child(5){width:52%;height:116%;left:50%;top:-8%;transform:translateX(-50%)}.core-grid i:nth-child(6){width:78%;height:116%;left:50%;top:-8%;transform:translateX(-50%)}
.core-equator { position:absolute; z-index:3; left:-7%; top:49%; width:114%; height:19%; border-top:1px solid rgba(24,122,220,.4); border-bottom:1px solid rgba(86,44,159,.24); border-radius:50%; transform:rotate(-5deg); filter:drop-shadow(0 0 5px rgba(0,93,190,.32)); }
.core-equator::after { content:""; position:absolute; left:-18%; top:-2px; width:18%; height:2px; border-radius:50%; background:linear-gradient(90deg,transparent,#d853ff 55%,#f2c5ff); box-shadow:0 0 5px #c43cff,0 0 13px rgba(196,60,255,.82); animation:electricRun 3.2s cubic-bezier(.45,0,.55,1) infinite; }
.core-scan { position: absolute; z-index: 4; left: 2%; right: 2%; top: -12%; height: 9%; background: linear-gradient(to bottom, transparent, rgba(0,103,190,.2), rgba(74,42,132,.15), transparent); filter: blur(2px); animation:coreScan 5.8s ease-in-out infinite; }
.core-copy { position: absolute; z-index: 6; left: 50%; top: 51%; width: 90%; transform: translate(-50%,-50%); text-align: center; }
.core-copy small { display: block; color: #d7e9ff; font-size: .94rem; font-weight: 700; letter-spacing: .55em; text-transform: uppercase; margin-bottom: 14px; text-shadow:0 0 9px #4a9fff; }
.core-copy strong { display: block; position: relative; overflow: hidden; margin: 0 auto 16px; color: transparent; background: linear-gradient(110deg, #83abc7 4%, #0e6c9f 34%, #464397 64%, #7e378f 94%); background-clip: text; -webkit-background-clip: text; -webkit-text-stroke:2px rgba(137,202,240,.9); paint-order:stroke fill; font-family: var(--font-display); font-size: clamp(3.15rem, 6.1vw, 5.9rem); font-weight:700; line-height: .96; letter-spacing: -.055em; background-size: 260% 100%; filter:drop-shadow(0 0 2px rgba(0,80,155,.58)) drop-shadow(0 0 7px rgba(64,29,119,.34)); animation:glowText 5s linear infinite alternate; }
.core-copy strong::after { content: ""; position: absolute; left: -42%; top: 0; width: 48%; height: 100%; background: linear-gradient(90deg, transparent 0%, rgba(92,161,211,.24) 38%, rgba(102,73,173,.12) 55%, transparent 100%); transform: skewX(-18deg); filter: blur(2px); opacity:0; animation:textScan 6s ease-in-out infinite; }
.core-copy em { color: #a974d2; font-family: var(--font-display); font-size: .9rem; font-style: normal; letter-spacing: .25em; text-transform: uppercase; text-shadow:0 0 8px rgba(104,45,169,.58); }
.core-lines { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; opacity:.68; filter: drop-shadow(0 0 10px rgba(207,63,255,.72)); animation:lineGlow 4s ease-in-out infinite; }
.core-lines path { fill: none; stroke: url(#coreLine); stroke-width: 1.25; stroke-linecap: round; stroke-dasharray: 5 14; animation:dash 18s linear infinite; }
.core-lines path:nth-child(2) { opacity: .7; }
.core-lines path:nth-child(3) { opacity: .45; }
.core-node { position: absolute; z-index: 7; width: 7px; height: 7px; border-radius: 50%; background: #f5dcff; box-shadow: 0 0 0 5px rgba(193,63,255,.14), 0 0 22px 5px rgba(194,55,255,.62); animation:nodePulse 2.8s ease-in-out infinite,electricSpark 1.9s steps(2,end) infinite; }
.node-a { left: 12%; top: 18%; }
.node-b { right: 10%; top: 24%; }
.node-c { right: 20%; bottom: 20%; }
.core-halo { position: absolute; z-index:0; width: 90%; height: 90%; border-radius: 50%; background: radial-gradient(circle,rgba(0,42,130,.08) 0 45%,rgba(0,0,0,.42) 53%,rgba(0,0,0,.2) 62%,transparent 70%); filter:blur(10px); animation:haloPulse 6s ease-in-out infinite; }
.data-point { position: absolute; z-index: 7; display: flex; flex-direction: column; }
.data-point b { color: #28d9ff; font-family: var(--font-display); font-size: .62rem; font-weight:600; letter-spacing: .2em; text-shadow:0 0 10px rgba(0,229,255,.5); }
.data-point span { color: #8290aa; font-size: .51rem; }
.point-a { left: 4%; top: 62%; }.point-b { right: 5%; top: 17%; text-align: right; }.point-c { right: 3%; bottom: 14%; text-align: right; }.point-d { left: 50%; bottom: 4%; transform: translateX(-50%); text-align: center; }
.orbit { position: absolute; z-index:5; border: 1px solid rgba(207,63,255,.72); border-radius: 50%; transform-style: preserve-3d; filter:drop-shadow(0 0 4px rgba(207,54,255,.85)) drop-shadow(0 0 10px rgba(143,37,218,.48)); }
.orbit::before, .orbit::after, .orbit > i { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #8eeaff; box-shadow: 0 0 5px white,0 0 18px 4px var(--cyan); }
.orbit::after{background:#b15cff;box-shadow:0 0 5px white,0 0 18px 4px #8b5cf6}
.orbit > i:nth-child(2){width:4px;height:4px}.orbit > i:nth-child(3){width:3px;height:3px;background:white}
.orbit-outer { width: 116%; height: 67%; border-style:dashed; border-color:rgba(213,66,255,.78); animation:orbitOuter 24s linear infinite; }
.orbit-outer::before { left: 9%; top: 19%; }.orbit-outer::after { right: 12%; bottom: 18%; }.orbit-outer i:nth-child(1) { right: -3px; top: 48%; }.orbit-outer i:nth-child(2) { left: 34%; bottom: -2px; }.orbit-outer i:nth-child(3){left:1%;top:48%}
.orbit-middle { width: 112%; height: 51%; border-color: rgba(184,54,255,.72); animation:orbitMiddle 18s linear infinite reverse; }
.orbit-middle::before { left: 15%; top: 14%; }.orbit-middle::after { right: 7%; bottom: 24%; }.orbit-middle i:nth-child(1){left:47%;top:-4px}.orbit-middle i:nth-child(2){right:28%;bottom:-2px}
.orbit-inner { width: 91%; height: 34%; border-style: dashed; border-color:rgba(224,78,255,.82); animation:orbitInner 13s linear infinite; }
.orbit-inner::before { left: 48%; top: -4px; }.orbit-inner::after{right:8%;bottom:22%}.orbit-inner i{left:7%;top:22%}
.floating-card { position: absolute; z-index: 9; display: flex; align-items: center; gap: 10px; min-height:52px; padding: 7px 18px 7px 8px; border: 1px solid rgba(68,72,174,.62); border-radius: 999px; color: #dce7f4; background: linear-gradient(105deg,rgba(15,9,45,.94),rgba(2,12,30,.95)); backdrop-filter: blur(18px); box-shadow: inset 0 0 18px rgba(0,78,155,.09),0 0 0 1px rgba(103,38,155,.08),0 12px 38px rgba(0,0,0,.68),0 0 16px rgba(38,42,130,.18); font-size: .7rem; font-weight: 600; letter-spacing: .01em; transform: translateZ(80px); animation:float 5.2s ease-in-out infinite; }
.floating-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(100deg,#ae4cff,#218dff 52%,#9c38ff);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.65}
.floating-card i{position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:translateX(24px)}
.card-orb { width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(71,194,255,.46);border-radius:50%;color:#59dcff;background:radial-gradient(circle,rgba(24,97,216,.42),rgba(3,12,36,.8));box-shadow:inset 0 0 15px rgba(50,70,255,.4),0 0 13px rgba(0,190,255,.2);font-size:1rem; }
.float-one { left: 0; top: 9%; }.float-two { right: -4%; top: 31%; animation-delay:-1.8s }.float-three { left: 3%; bottom: 8%; animation-delay:-3.4s }
.scroll-cue { position: absolute; z-index: 4; left: 50%; bottom: 22px; display: flex; align-items: center; gap: 10px; color: #6f8299; font-size: .62rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; transform: translateX(-50%); }
.scroll-cue span { position: relative; width: 18px; height: 30px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; }
.scroll-cue span::after { content: ""; position: absolute; left: 50%; top: 6px; width: 3px; height: 6px; border-radius: 2px; background: var(--blue); transform: translateX(-50%); animation: scrollDot 1.8s ease infinite; }

.brand-strip { position: relative; z-index: 3; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.015); backdrop-filter: blur(12px); }
.brand-strip-inner { min-height: 96px; display: flex; align-items: center; justify-content: center; gap: 28px; }
.presented-label { color: var(--muted); font-size: .67rem; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; }
.partner-wordmark { color: white; font-family: var(--font-display); font-size: 1.25rem; letter-spacing: -.04em; }
.creya-wordmark { display: flex; align-items: baseline; }
.creya-wordmark b { font-size: 1.65rem; }
.creya-wordmark i { color: var(--blue); font-style: normal; font-weight: 800; }
.creya-wordmark small { margin-left: 8px; color: var(--muted); font-family: var(--font-body); font-size: .56rem; letter-spacing: .05em; }
.partner-wordmark.interviewdesk { font-weight: 700; }
.brand-divider { width: 1px; height: 32px; background: var(--line); }
.brand-status { display: flex; align-items: center; gap: 8px; margin-left: auto; color: var(--muted); font-size: .68rem; }
.brand-status span { width: 7px; height: 7px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 12px rgba(141,107,255,.65); animation: pulse 1.8s ease infinite; }

.marquee-section, .speaker-marquee { overflow: hidden; border-bottom: 1px solid var(--line); background: #070d19; }
.marquee { width: 100%; overflow: hidden; padding: 16px 0; }
.marquee-track { display: flex; width: max-content; align-items: center; gap: 26px; animation: marquee 31s linear infinite; }
.marquee-reverse .marquee-track { animation-direction: reverse; animation-duration: 38s; }
.marquee-track span { color: rgba(255,255,255,.42); font-family: var(--font-display); font-size: .75rem; font-weight: 700; letter-spacing: .2em; }
.marquee-track i { color: var(--blue); font-style: normal; }
.speaker-marquee { border-top: 1px solid var(--line); }
.speaker-marquee .marquee-track span { font-size: 1.1rem; color: rgba(255,255,255,.15); }
.speaker-marquee .marquee-track i { color: var(--amber); }

.section-heading { max-width: 780px; margin-bottom: 58px; }
.section-heading h2, .agenda-intro h2, .product-copy h2, .venue-copy h2 { margin: 20px 0 18px; font-family: var(--font-display); font-size: clamp(2.8rem, 5vw, 5.25rem); font-weight: 600; line-height: .97; letter-spacing: -.06em; }
.section-heading h2 em, .agenda-intro h2 em, .product-copy h2 em, .venue-copy h2 em { color: transparent; background: linear-gradient(100deg, var(--blue), var(--cyan) 35%, var(--magenta)); background-clip: text; -webkit-background-clip: text; font-style: normal; }
.section-heading > p, .split-heading > p, .agenda-intro > p, .product-copy > p, .venue-copy > p { color: var(--muted); max-width: 640px; }
.split-heading { max-width: none; display: grid; grid-template-columns: 1.18fr .82fr; gap: 72px; align-items: end; }
.centered { margin-left: auto; margin-right: auto; text-align: center; }
.centered .eyebrow { justify-content: center; }
.centered p { margin-left: auto; margin-right: auto; }
.section-orbit { position: absolute; width: 460px; height: 460px; border: 1px solid rgba(0,229,255,.07); border-radius: 50%; pointer-events: none; }
.section-orbit::before { content: ""; position: absolute; inset: 17%; border: inherit; border-radius: inherit; }
.section-orbit-left { left: -310px; top: 5%; }

.spotlight { --mx: 50%; --my: 50%; }
.spotlight::before { content: ""; position: absolute; inset: 0; z-index: 0; opacity: 0; pointer-events: none; border-radius: inherit; background: radial-gradient(320px circle at var(--mx) var(--my), rgba(0,229,255,.13), transparent 42%); transition: opacity .3s ease; }
.spotlight:hover::before { opacity: 1; }
.spotlight > * { position: relative; z-index: 1; }
.tilt { transform-style: preserve-3d; will-change: transform; }

.expectation-eyebrow { margin-bottom:22px; }
.pillar-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.pillar-card { position: relative; min-height: 310px; padding: 29px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(155deg, rgba(255,255,255,.05), rgba(255,255,255,.014)); transition: border-color .35s ease, box-shadow .35s ease; }
.pillar-card::after { content: ""; position: absolute; right: -85px; bottom: -95px; width: 190px; height: 190px; border: 1px solid rgba(0,229,255,.13); border-radius: 50%; box-shadow: 0 0 0 22px rgba(0,229,255,.025), 0 0 0 52px rgba(0,229,255,.018); transition: transform .6s ease; }
.pillar-card:nth-child(2)::after, .pillar-card:nth-child(4)::after { border-color: rgba(141,107,255,.14); }
.pillar-card:hover { border-color: rgba(0,229,255,.35); box-shadow: 0 24px 70px rgba(0,0,0,.25); }
.pillar-card:hover::after { transform: scale(1.18) translate(-8px,-8px); }
.card-index { position: absolute; right: 24px; top: 20px; color: #526982; font-family: var(--font-display); font-size: .68rem; letter-spacing: .12em; }
.pillar-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 48px; border: 1px solid rgba(0,229,255,.23); border-radius: 16px; color: var(--blue); background: rgba(0,229,255,.07); box-shadow: inset 0 0 20px rgba(0,229,255,.06); font-size: 1.3rem; transition: transform .35s ease, background .35s ease; }
.pillar-card:nth-child(even) .pillar-icon { color: var(--amber); border-color: rgba(141,107,255,.2); background: rgba(141,107,255,.05); }
.pillar-card:hover .pillar-icon { transform: rotate(-8deg) scale(1.08); background: rgba(0,229,255,.12); }
.pillar-card h3 { margin: 0 0 10px; font-family: var(--font-display); font-size: 1.45rem; }
.pillar-card p { margin: 0; color: var(--muted); font-size: .86rem; }
.card-link { position: absolute; left: 29px; bottom: 26px; display: flex; align-items: center; gap: 9px; color: #d9e7f4; font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.card-link span { color: var(--blue); transition: transform .25s ease; }
.pillar-card:hover .card-link span { transform: translate(4px,-3px); }

.discussion-section { overflow:hidden;background:linear-gradient(180deg,rgba(5,9,20,.2),rgba(8,14,34,.82),rgba(5,9,20,.3)); }
.discussion-ambient { position:absolute;width:780px;height:780px;left:50%;top:46%;border-radius:50%;background:radial-gradient(circle,rgba(75,45,190,.12),rgba(0,190,255,.035) 42%,transparent 68%);filter:blur(18px);transform:translate(-50%,-50%);pointer-events:none; }
.discussion-stage { --orbit-x:0px;--orbit-y:0px;--stage-rx:0deg;--stage-ry:0deg;--cursor-x:50%;--cursor-y:50%;position:relative;isolation:isolate;overflow:hidden;padding:42px;border:1px solid rgba(85,112,208,.24);border-radius:36px;background:linear-gradient(145deg,rgba(9,18,44,.92),rgba(4,8,23,.96));box-shadow:inset 0 0 85px rgba(32,58,150,.08),0 30px 85px rgba(0,0,0,.3); }
.discussion-stage::before { content:"";position:absolute;z-index:-2;width:820px;height:820px;left:50%;top:50%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 34%,rgba(0,229,255,.12) 41%,transparent 49% 74%,rgba(141,107,255,.13) 82%,transparent 90%);filter:blur(6px);transform:translate(-50%,-50%);animation:discussionBeam 18s linear infinite; }
.discussion-stage::after { content:"";position:absolute;z-index:-1;inset:0;opacity:.28;background-image:linear-gradient(rgba(84,115,197,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(84,115,197,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at center,black,transparent 78%); }
.discussion-cursor-orb { position:absolute;z-index:1;width:18px;height:18px;left:var(--cursor-x);top:var(--cursor-y);border:1px solid rgba(208,233,255,.8);border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0 15%,var(--cyan) 24%,rgba(78,83,255,.42) 55%,transparent 72%);box-shadow:0 0 12px var(--cyan),0 0 34px rgba(54,97,255,.78),0 0 72px rgba(141,107,255,.48);transform:translate(-50%,-50%) scale(.35);transition:opacity .2s ease,transform .25s ease; }
.discussion-cursor-orb::before,.discussion-cursor-orb::after { content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(0,229,255,.38);border-radius:50%;transform:translate(-50%,-50%);animation:cursorWave 1.8s ease-out infinite; }
.discussion-cursor-orb::before { width:42px;height:42px; }
.discussion-cursor-orb::after { width:72px;height:72px;animation-delay:-.9s; }
.discussion-stage.is-interacting .discussion-cursor-orb { opacity:.9;transform:translate(-50%,-50%) scale(1); }
.discussion-orbit-visual { position:absolute;z-index:0;width:430px;aspect-ratio:1;left:calc(50% + var(--orbit-x));top:calc(50% + var(--orbit-y));border:1px solid rgba(0,229,255,.12);border-radius:50%;transform:translate(-50%,-50%);animation:discussionOrbit 22s linear infinite;box-shadow:0 0 0 36px rgba(0,229,255,.018),0 0 0 78px rgba(141,107,255,.012);transition:left .28s ease-out,top .28s ease-out; }
.discussion-orbit-visual::before,.discussion-orbit-visual i { content:"";position:absolute;border-radius:50%; }
.discussion-orbit-visual::before { inset:22%;border:1px dashed rgba(141,107,255,.22); }
.discussion-orbit-visual i:first-child { width:9px;height:9px;left:7%;top:27%;background:var(--cyan);box-shadow:0 0 18px var(--cyan); }
.discussion-orbit-visual i:nth-child(2) { width:8px;height:8px;right:9%;bottom:24%;background:var(--amber);box-shadow:0 0 18px var(--amber); }
.discussion-orbit-visual span { position:absolute;left:50%;top:50%;display:grid;place-items:center;width:90px;height:90px;border:1px solid rgba(141,107,255,.28);border-radius:50%;color:rgba(215,226,255,.44);background:rgba(7,13,33,.86);font-family:var(--font-display);font-size:.62rem;letter-spacing:.18em;transform:translate(-50%,-50%) rotate(0deg);box-shadow:0 0 42px rgba(70,56,190,.22);animation:discussionCounter 22s linear infinite; }
.discussion-topic-grid { position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;transform:perspective(1200px) rotateX(var(--stage-rx)) rotateY(var(--stage-ry));transform-style:preserve-3d;transition:transform .2s ease-out; }
.discussion-topic { position:relative;min-height:176px;display:flex;align-items:flex-end;padding:28px;overflow:hidden;border:1px solid rgba(128,151,215,.17);border-radius:24px;background:linear-gradient(145deg,rgba(11,23,52,.86),rgba(6,11,28,.78));backdrop-filter:blur(13px);box-shadow:0 18px 42px rgba(0,0,0,.18);animation:topicFloat 6s ease-in-out infinite; }
.discussion-topic:nth-child(2){animation-delay:-1.5s}.discussion-topic:nth-child(3){animation-delay:-3s}.discussion-topic:nth-child(4){animation-delay:-4.5s}
.discussion-topic::after { content:"";position:absolute;inset:auto -35% -75% 28%;height:145px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.13),transparent 68%);transition:transform .45s ease; }
.discussion-topic:nth-child(even)::after { background:radial-gradient(circle,rgba(141,107,255,.16),transparent 68%); }
.discussion-topic:hover::after { transform:scale(1.35) translate(-8px,-8px); }
.discussion-topic span { position:absolute;left:26px;top:23px;color:#546b91;font-family:var(--font-display);font-size:.64rem;letter-spacing:.17em; }
.discussion-topic p { position:relative;z-index:2;max-width:440px;margin:0;color:#eef3ff;font-family:var(--font-display);font-size:clamp(1.15rem,1.7vw,1.55rem);font-weight:600;line-height:1.25; }
.participation-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px; }
.participation-panel { padding:30px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.022); }
.participation-panel>.eyebrow { margin-bottom:22px; }
.audience-card { position:relative;padding:20px 20px 20px 24px;border-left:2px solid rgba(0,229,255,.45);border-radius:0 18px 18px 0;background:linear-gradient(90deg,rgba(0,229,255,.055),transparent); }
.audience-card+.audience-card { margin-top:12px;border-color:rgba(141,107,255,.55);background:linear-gradient(90deg,rgba(141,107,255,.06),transparent); }
.audience-card b,.why-step b { color:#edf3ff;font-family:var(--font-display);font-size:.9rem; }
.audience-card p,.why-step p { margin:7px 0 0;color:var(--muted);font-size:.76rem;line-height:1.65; }
.why-list { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.why-step { position:relative;min-height:132px;padding:22px;border:1px solid rgba(114,139,204,.14);border-radius:18px;background:rgba(8,18,39,.54); }
.why-step::before { content:"";position:absolute;width:7px;height:7px;right:16px;top:16px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:whyPulse 2.2s ease-in-out infinite; }
.why-step:nth-child(even)::before { background:var(--amber);box-shadow:0 0 12px var(--amber);animation-delay:-1.1s; }
@keyframes discussionBeam { to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes discussionOrbit { to{transform:translate(-50%,-50%) rotate(-360deg)} }
@keyframes discussionCounter { to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes topicFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)} }
@keyframes whyPulse { 0%,100%{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1.25)} }
@keyframes cursorWave { 0%{opacity:.65;transform:translate(-50%,-50%) scale(.35)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.25)} }

.discussion-flow-stage { padding:36px 46px; }
.discussion-axis { position:absolute;z-index:1;left:50%;top:40px;bottom:40px;width:1px;background:linear-gradient(transparent,rgba(0,229,255,.38) 12%,rgba(141,107,255,.42) 50%,rgba(0,229,255,.3) 88%,transparent);box-shadow:0 0 16px rgba(0,229,255,.15); }
.discussion-axis::before { content:"";position:absolute;inset:0 -3px;background:linear-gradient(transparent,rgba(0,229,255,.16),transparent);filter:blur(4px); }
.discussion-axis i { position:absolute;width:7px;height:72px;left:50%;top:-72px;border-radius:999px;background:linear-gradient(transparent,var(--cyan),#fff,transparent);filter:drop-shadow(0 0 9px var(--cyan));transform:translateX(-50%);animation:axisTravel 5.4s cubic-bezier(.4,0,.2,1) infinite; }
.discussion-axis span { position:absolute;width:18px;height:18px;left:50%;top:50%;border:1px solid rgba(219,234,255,.75);border-radius:50%;background:var(--blue);box-shadow:0 0 0 10px rgba(37,96,255,.06),0 0 0 24px rgba(141,107,255,.035),0 0 30px rgba(0,229,255,.65);transform:translate(-50%,-50%);animation:axisCore 2.8s ease-in-out infinite; }
.discussion-flow { position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;transform:perspective(1300px) rotateX(var(--stage-rx)) rotateY(var(--stage-ry));transform-style:preserve-3d;transition:transform .2s ease-out; }
.flow-topic { position:relative;width:46%;min-height:118px;display:flex;align-items:flex-end;padding:15px 24px 18px;overflow:hidden;border-top:1px solid rgba(0,229,255,.28);background:linear-gradient(100deg,rgba(0,229,255,.055),rgba(10,20,46,.46) 52%,transparent);transition:transform .35s ease,border-color .35s ease,background .35s ease; }
.flow-topic:nth-child(even) { align-self:flex-end;text-align:right;border-color:rgba(141,107,255,.42);background:linear-gradient(260deg,rgba(141,107,255,.075),rgba(10,20,46,.46) 52%,transparent); }
.flow-topic::before { content:attr(data-word);position:absolute;right:8px;top:-10px;color:rgba(90,134,255,.075);font-family:var(--font-display);font-size:clamp(3.5rem,5.5vw,5.8rem);font-weight:700;line-height:1;letter-spacing:-.08em;pointer-events:none; }
.flow-topic:nth-child(even)::before { left:8px;right:auto;color:rgba(169,94,255,.075); }
.flow-topic::after { content:"";position:absolute;width:9%;height:1px;right:-9%;top:-1px;background:linear-gradient(90deg,rgba(0,229,255,.45),rgba(0,229,255,.08));box-shadow:0 0 10px rgba(0,229,255,.3); }
.flow-topic:nth-child(even)::after { left:-9%;right:auto;background:linear-gradient(90deg,rgba(141,107,255,.08),rgba(141,107,255,.5));box-shadow:0 0 10px rgba(141,107,255,.3); }
.flow-topic:hover { transform:translateX(9px);border-color:rgba(0,229,255,.7);background:linear-gradient(100deg,rgba(0,229,255,.1),rgba(10,20,46,.5) 58%,transparent); }
.flow-topic:nth-child(even):hover { transform:translateX(-9px);border-color:rgba(181,109,255,.72);background:linear-gradient(260deg,rgba(141,107,255,.12),rgba(10,20,46,.5) 58%,transparent); }
.flow-topic>span { position:absolute;left:0;top:11px;color:#617da4;font-family:var(--font-display);font-size:.62rem;letter-spacing:.18em; }
.flow-topic:nth-child(even)>span { left:auto;right:0; }
.flow-topic div { position:relative;z-index:2; }
.flow-topic small { display:block;margin-bottom:8px;color:var(--blue);font-size:.6rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase; }
.flow-topic:nth-child(even) small { color:var(--amber); }
.flow-topic p { max-width:490px;margin:0;color:#f1f5ff;font-family:var(--font-display);font-size:clamp(1.25rem,1.85vw,1.7rem);font-weight:600;line-height:1.22; }

.attendance-spectrum { position:relative;margin-top:20px;padding:34px 0;border-top:1px solid rgba(100,126,196,.2);border-bottom:1px solid rgba(100,126,196,.2);background:linear-gradient(90deg,transparent,rgba(15,28,58,.34),transparent); }
.attendance-spectrum>.eyebrow,.why-journey>.eyebrow { margin:0 0 24px; }
.audience-lanes { display:grid;grid-template-columns:1fr 1fr; }
.audience-lane { position:relative;display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px 34px 22px 0;overflow:hidden; }
.audience-lane+.audience-lane { padding-left:34px;padding-right:0;border-left:1px solid rgba(123,145,205,.18); }
.audience-lane::after { content:"";position:absolute;left:-25%;right:100%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:laneSweep 5.8s ease-in-out infinite; }
.audience-lane+.audience-lane::after { background:linear-gradient(90deg,transparent,var(--amber),transparent);animation-delay:-2.9s; }
.audience-lane>span { width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(0,229,255,.26);border-radius:50%;color:#738caf;font-family:var(--font-display);font-size:.62rem;box-shadow:inset 0 0 18px rgba(0,229,255,.06); }
.audience-lane+.audience-lane>span { border-color:rgba(141,107,255,.32); }
.audience-lane b { color:#f0f4ff;font-family:var(--font-display);font-size:1rem; }
.audience-lane p { max-width:520px;margin:8px 0 0;color:var(--muted);font-size:.76rem;line-height:1.7; }

.why-journey { padding:38px 0 8px; }
.why-journey .why-list { position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0; }
.why-journey .why-list::before { content:"";position:absolute;left:4%;right:4%;top:13px;height:1px;background:linear-gradient(90deg,rgba(0,229,255,.15),var(--cyan),var(--amber),rgba(141,107,255,.18));box-shadow:0 0 12px rgba(0,229,255,.18); }
.why-journey .why-step { min-height:148px;padding:42px 25px 10px;border:0;border-radius:0;background:transparent; }
.why-journey .why-step::before { width:9px;height:9px;left:24px;right:auto;top:9px;border:2px solid #07101e;background:var(--cyan);box-shadow:0 0 0 5px rgba(0,229,255,.08),0 0 16px var(--cyan); }
.why-journey .why-step:nth-child(even)::before { background:var(--amber);box-shadow:0 0 0 5px rgba(141,107,255,.08),0 0 16px var(--amber); }
.why-journey .why-step b { font-size:1rem;text-transform:uppercase;letter-spacing:.06em; }
.why-journey .why-step p { max-width:220px;font-size:.75rem;line-height:1.65; }
@keyframes axisTravel { 0%{top:-72px;opacity:0}12%{opacity:1}82%{opacity:1}100%{top:100%;opacity:0} }
@keyframes axisCore { 0%,100%{transform:translate(-50%,-50%) scale(.78);filter:brightness(.8)}50%{transform:translate(-50%,-50%) scale(1.15);filter:brightness(1.5)} }
@keyframes laneSweep { 0%,15%{left:-25%;right:100%;opacity:0}35%{opacity:1}70%{left:100%;right:-25%;opacity:1}85%,100%{left:100%;right:-25%;opacity:0} }

.experience-section { padding-top: 90px; background: radial-gradient(circle at 78% 45%, rgba(0,229,255,.055), transparent 30%); }
.save-date-banner { position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:18px;padding:24px 28px;overflow:hidden;border:1px solid rgba(141,107,255,.25);border-radius:24px;background:linear-gradient(100deg,rgba(37,96,255,.1),rgba(0,229,255,.055),rgba(141,107,255,.1)); }
.save-date-banner span { color:var(--blue);font-size:.64rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase; }
.save-date-banner strong { font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.65rem);text-transform:uppercase;letter-spacing:.02em; }
.save-date-banner i { color:var(--amber);font-size:1.35rem;font-style:normal;filter:drop-shadow(0 0 8px rgba(141,107,255,.7)); }
.experience-bento { display: grid; grid-template-columns: 1.2fr .8fr .65fr; grid-template-rows: 250px 250px; gap: 18px; }
.bento-card { position: relative; overflow: hidden; padding: 30px; border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(145deg, rgba(255,255,255,.047), rgba(255,255,255,.014)); }
.bento-card h3 { position: relative; z-index: 2; max-width: 620px; margin: 14px 0 12px; font-family: var(--font-display); font-size: 1.55rem; line-height: 1.15; }
.bento-card p { position: relative; z-index: 2; margin: 0; color: var(--muted); font-size: .85rem; }
.bento-kicker { position: relative; z-index: 2; color: var(--blue); font-size: .62rem; font-weight: 800; letter-spacing: .17em; }
.bento-large { grid-row: 1 / 3; display: flex; flex-direction: column; justify-content: flex-end; padding-right: 42%; }
.bento-tall { grid-row: 1 / 3; }
.bento-small { display: flex; flex-direction: column; justify-content: flex-end; }
.bento-accent { color: #07101e; border: none; background: linear-gradient(135deg,var(--blue),var(--amber)); }
.bento-accent p { color: rgba(7,16,30,.66); }
.bento-number { font-family: var(--font-display); font-size: 4.4rem; font-weight: 700; line-height: .9; letter-spacing: -.08em; color: transparent; background: linear-gradient(120deg,var(--cyan),var(--amber)); background-clip: text; -webkit-background-clip: text; }
.bento-number-wide { max-width:100%;font-size:clamp(2.15rem,2.7vw,3.15rem);letter-spacing:-.055em;white-space:nowrap; }
.bento-metric-title { max-width:100%;margin-top:30px!important;font-size:clamp(1.55rem,2vw,2rem)!important;line-height:1.12!important; }
.bento-metric-title strong { display:inline;margin-right:.12em;color:transparent;background:linear-gradient(120deg,var(--cyan),var(--amber));background-clip:text;-webkit-background-clip:text;font-size:1.25em; }
.bento-accent .bento-number { color: #07101e; background: none; }
.connection-visual { position: absolute; right: -5%; top: 6%; width: 55%; aspect-ratio: 1; }
.connection-ring { position: absolute; inset: 10%; border: 1px solid rgba(0,229,255,.22); border-radius: 50%; animation: spin 22s linear infinite; }
.connection-ring::before, .connection-ring::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 12px var(--blue); }
.connection-ring::before { left: 8%; top: 25%; }.connection-ring::after { right: 10%; bottom: 22%; background: var(--amber); box-shadow: 0 0 12px var(--amber); }
.ring-two { inset: 23%; border-style: dashed; animation-direction: reverse; animation-duration: 16s; }
.ring-three { inset: 35%; border-color: rgba(141,107,255,.2); animation-duration: 11s; }
.connection-center { position: absolute; inset: 42%; display: grid; place-items: center; border-radius: 50%; color: #07101e; background: linear-gradient(135deg,var(--blue),var(--amber)); font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; box-shadow: 0 0 45px rgba(0,229,255,.25); }
.connection-avatar { position: absolute; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line-blue); border-radius: 14px; background: rgba(8,20,39,.9); color: white; font-size: .62rem; font-weight: 800; box-shadow: var(--shadow); animation: float 5s ease-in-out infinite; }
.avatar-one { left: 4%; top: 24%; }.avatar-two { right: 2%; top: 17%; animation-delay: -1s; }.avatar-three { left: 16%; bottom: 2%; animation-delay: -2s; }.avatar-four { right: 13%; bottom: 4%; animation-delay: -3s; }
.quote-mark { margin-top: 16px; color: var(--amber); font-family: Georgia, serif; font-size: 6rem; line-height: .7; }
.bento-tall h3 { font-size: 1.8rem; }
.signal-bars { position: absolute; left: 30px; right: 30px; bottom: 30px; height: 88px; display: flex; align-items: end; gap: 8px; }
.signal-bars i { flex: 1; border-radius: 6px 6px 2px 2px; background: linear-gradient(var(--blue), rgba(0,229,255,.05)); animation: signal 2.8s ease-in-out infinite alternate; }
.signal-bars i:nth-child(1){height:25%}.signal-bars i:nth-child(2){height:45%;animation-delay:-.3s}.signal-bars i:nth-child(3){height:36%;animation-delay:-.7s}.signal-bars i:nth-child(4){height:68%;animation-delay:-1s}.signal-bars i:nth-child(5){height:55%;animation-delay:-1.3s}.signal-bars i:nth-child(6){height:82%;animation-delay:-1.7s}.signal-bars i:nth-child(7){height:72%;animation-delay:-2s}.signal-bars i:nth-child(8){height:96%;background:linear-gradient(var(--amber),rgba(141,107,255,.05));animation-delay:-2.4s}

.themes-section { overflow: hidden; background: linear-gradient(180deg, rgba(8,18,36,.25), rgba(8,18,36,.7), rgba(5,9,20,.2)); }
.themes-section::before { content: ""; position: absolute; width: 620px; height: 620px; right: -350px; top: 15%; border: 1px solid rgba(0,229,255,.08); border-radius: 50%; box-shadow: 0 0 0 55px rgba(0,229,255,.015), 0 0 0 110px rgba(0,229,255,.01); }
.themes-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.theme-card { position: relative; min-height: 255px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.02); transition: transform .35s ease, border-color .35s ease, background .35s ease; }
.theme-card::after { content: ""; position: absolute; left: -20%; right: -20%; top: -70%; height: 90%; background: linear-gradient(to bottom, transparent, rgba(0,229,255,.1), transparent); transform: rotate(-12deg); transition: top .7s ease; }
.theme-card:hover { transform: translateY(-7px); border-color: rgba(0,229,255,.3); background: rgba(0,229,255,.035); }
.theme-card:hover::after { top: 110%; }
.theme-no { color: #556b84; font-family: var(--font-display); font-size: .65rem; letter-spacing: .15em; }
.theme-icon { width: 42px; height: 42px; display: grid; place-items: center; margin: 30px 0 22px; border: 1px solid var(--line-blue); border-radius: 13px; color: var(--blue); background: rgba(0,229,255,.06); font-size: 1.15rem; }
.theme-card:nth-child(2n) .theme-icon { color: var(--amber); border-color: rgba(141,107,255,.2); background: rgba(141,107,255,.045); }
.theme-card h3 { margin: 0 0 10px; font-family: var(--font-display); font-size: 1.25rem; }
.theme-card p { margin: 0; color: var(--muted); font-size: .83rem; }
.theme-arrow { position: absolute; right: 24px; top: 24px; color: #647a93; transition: color .25s ease, transform .25s ease; }
.theme-card:hover .theme-arrow { color: var(--amber); transform: translate(3px,-3px); }

.speakers-section { overflow: hidden; }
.speaker-glow { position: absolute; left: 50%; top: 50%; width: 900px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(0,229,255,.075), transparent 64%); transform: translate(-50%,-50%); pointer-events: none; }
.speaker-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; perspective: 1200px; }
.speaker-card { overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: rgba(255,255,255,.025); transition: border-color .35s ease, box-shadow .35s ease; }
.speaker-card:hover { border-color: rgba(0,229,255,.32); box-shadow: 0 35px 85px rgba(0,0,0,.32); }
.speaker-photo { position: relative; height: 390px; overflow: hidden; background: linear-gradient(145deg,#102544,#07101e); }
.speaker-photo-featured { background:#160f0d; }
.speaker-photo-white { background:#fff; }
.speaker-portrait { width:100%; height:100%; display:block; object-fit:cover; object-position:center 28%; transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s ease; }
.speaker-portrait-bharathan { object-fit:cover; object-position:center top; transform:scale(1.01); }
.speaker-card:hover .speaker-portrait-bharathan { transform:scale(1.035); }
.speaker-portrait-mahendran { object-position:center 18%; }
.speaker-card:hover .speaker-portrait { transform:scale(1.035); filter:saturate(1.04) contrast(1.02); }
.speaker-portrait-lakshmi { transform:scale(1.19) translateY(-4%); }
.speaker-card:hover .speaker-portrait-lakshmi { transform:scale(1.23) translateY(-4%); }
.speaker-portrait-soft { filter:blur(.45px) contrast(.94) saturate(.94); }
.speaker-card:hover .speaker-portrait-soft { filter:blur(.35px) contrast(.96) saturate(.96); }
.speaker-photo-shade { position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(2,6,15,.04) 48%,rgba(3,7,17,.54) 100%); box-shadow:inset 0 0 0 1px rgba(196,83,255,.16); }
.portrait-two { background: linear-gradient(145deg,#2d2540,#08101d); }
.portrait-three { background: linear-gradient(145deg,#1a3040,#07101e); }
.portrait-grid { position: absolute; inset: 0; opacity: .34; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom,black,transparent); }
.portrait-art { position: absolute; left: 50%; bottom: -3%; width: 75%; height: 86%; transform: translateX(-50%); filter: drop-shadow(0 30px 35px rgba(0,0,0,.42)); transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.speaker-card:hover .portrait-art { transform: translateX(-50%) scale(1.035); }
.portrait-head { position: absolute; left: 50%; top: 8%; width: 32%; aspect-ratio: .82; border-radius: 46% 50% 44% 48%; background: linear-gradient(150deg,#c6d8e5,#7694aa); transform: translateX(-50%); box-shadow: inset -18px -8px 25px rgba(5,10,20,.25); }
.portrait-head::before { content: ""; position: absolute; left: -2%; right: -2%; top: -4%; height: 28%; border-radius: 50% 50% 28% 24%; background: #172331; }
.portrait-head::after { content: ""; position: absolute; left: 22%; right: 20%; bottom: 26%; height: 2px; border-radius: 3px; background: rgba(20,35,50,.4); box-shadow: 0 -24px 0 -1px rgba(20,35,50,.48); }
.portrait-body { position: absolute; left: 50%; bottom: 0; width: 88%; height: 63%; border-radius: 48% 48% 12% 12% / 26% 26% 12% 12%; background: linear-gradient(140deg,#1d4265,#0b1b32 60%,#07101e); transform: translateX(-50%); }
.portrait-two .portrait-body { background: linear-gradient(140deg,#51456b,#15172a 62%,#080d17); }
.portrait-three .portrait-body { background: linear-gradient(140deg,#28566a,#102331 62%,#07101e); }
.portrait-body::after { content: ""; position: absolute; left: 50%; top: 0; width: 26%; height: 52%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent); transform: translateX(-50%); clip-path: polygon(26% 0,74% 0,100% 100%,0 100%); }
.speaker-info { padding: 24px; }
.speaker-info h3 { margin: 0 0 9px; font-family: var(--font-display); font-size: 1.75rem; line-height:1.18; }
.speaker-info-featured h3 { font-size:clamp(1.45rem,1.85vw,1.75rem); line-height:1.18; }
.speaker-info p { min-height: 68px; margin: 0; color: var(--muted); font-size: 1.08rem; line-height:1.5; }
.center-action { display: flex; justify-content: center; margin-top: 42px; }

.agenda-section { overflow:hidden; background: linear-gradient(180deg, rgba(8,18,36,.5), rgba(5,9,20,.22)); }
.agenda-update { position:relative; min-height:560px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(72,102,190,.26); border-radius:40px; background:radial-gradient(circle at 50% 48%,rgba(30,55,148,.16),transparent 34%),linear-gradient(145deg,rgba(7,13,35,.96),rgba(3,7,19,.96)); box-shadow:inset 0 0 90px rgba(0,47,115,.11),0 35px 90px rgba(0,0,0,.38); }
.agenda-update::before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 22%,rgba(0,187,255,.06) 49%,rgba(128,43,190,.06) 53%,transparent 78%); transform:translateX(-110%); animation:updateSweep 7s ease-in-out infinite; }
.agenda-update::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025); }
.update-grid { position:absolute; inset:-20%; opacity:.2; background-image:linear-gradient(rgba(62,124,205,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(62,124,205,.1) 1px,transparent 1px); background-size:46px 46px; mask-image:radial-gradient(circle,#000 0,transparent 64%); transform:perspective(750px) rotateX(62deg) scale(1.25); }
.update-glow { position:absolute; left:50%; top:50%; width:440px; height:440px; border-radius:50%; background:radial-gradient(circle,rgba(17,75,178,.14),rgba(83,37,150,.07) 44%,transparent 70%); filter:blur(12px); transform:translate(-50%,-50%); animation:haloPulse 6s ease-in-out infinite; }
.update-orbit { position:absolute; left:50%; top:50%; width:430px; height:210px; border:1px solid rgba(41,132,227,.22); border-radius:50%; transform:translate(-50%,-50%) rotate(-12deg); animation:updateOrbit 16s linear infinite; }
.update-orbit::before,.update-orbit::after,.update-orbit i { content:""; position:absolute; width:6px; height:6px; border-radius:50%; background:#2e9cff; box-shadow:0 0 13px #167bff; }
.update-orbit::before{left:4%;top:28%}.update-orbit::after{right:8%;bottom:20%;background:#9c46d6;box-shadow:0 0 13px #8c3fc9}.update-orbit i:nth-child(1){left:50%;top:-3px}.update-orbit i:nth-child(2){right:0;top:48%;width:3px;height:3px}.update-orbit i:nth-child(3){left:20%;bottom:4%;width:3px;height:3px}
.update-orbit span { position:absolute; left:50%; top:50%; width:76px; height:76px; display:grid; place-items:center; border:1px solid rgba(62,143,235,.38); border-radius:50%; color:#78bfff; background:radial-gradient(circle,rgba(26,67,151,.62),rgba(5,10,31,.92)); box-shadow:inset 0 0 26px rgba(60,53,186,.28),0 0 35px rgba(14,78,180,.25); font-size:1.45rem; transform:translate(-50%,-50%) rotate(12deg); }
.update-content { position:relative; z-index:3; width:min(90%,820px); text-align:center; }
.update-content .eyebrow { justify-content:center; color:#8295b1; }
.update-kicker { margin:24px 0 7px; color:#647995; font-size:.66rem; font-weight:800; letter-spacing:.25em; }
.update-content h2 { margin:0; color:transparent; background:linear-gradient(105deg,#d8e7f7 8%,#288fd1 42%,#7358c8 70%,#ad4bc5); background-clip:text; -webkit-background-clip:text; font-family:var(--font-display); font-size:clamp(4rem,9vw,8rem); font-weight:700; line-height:.92; letter-spacing:-.075em; filter:drop-shadow(0 0 14px rgba(31,84,177,.28)); }
.update-content h2 em { color:inherit; font-style:normal; }
.update-note { max-width:540px; margin:24px auto 0; color:#8997ab; font-size:.86rem; }
.update-status { display:flex; align-items:center; justify-content:center; gap:6px; width:fit-content; margin:24px auto 0; padding:9px 14px; border:1px solid rgba(67,91,159,.28); border-radius:999px; background:rgba(4,9,25,.72); }
.update-status span { width:4px; height:4px; border-radius:50%; background:#348fd2; animation:updateDots 1.5s ease-in-out infinite; }.update-status span:nth-child(2){animation-delay:.2s}.update-status span:nth-child(3){animation-delay:.4s}.update-status b{margin-left:5px;color:#7f91ab;font-size:.56rem;letter-spacing:.16em}

.product-section { overflow: hidden; }
.product-beam { position: absolute; left: 47%; top: 10%; width: 1px; height: 80%; background: linear-gradient(transparent,rgba(0,229,255,.35),transparent); box-shadow: 0 0 35px rgba(0,229,255,.35); transform: rotate(18deg); }
.product-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 80px; align-items: center; }
.feature-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 28px 0; }
.feature-list div { display: flex; align-items: center; gap: 9px; color: #dce7f3; font-size: .79rem; }
.feature-list span { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid rgba(217,70,239,.24); border-radius: 8px; color: var(--magenta); background: rgba(217,70,239,.05); font-size: .68rem; }
.dashboard-wrap { position: relative; perspective: 1200px; }
.dashboard-card { position: relative; overflow: hidden; border: 1px solid rgba(124,229,255,.22); border-radius: 30px; background: linear-gradient(145deg,rgba(12,29,55,.96),rgba(6,13,27,.95)); box-shadow: var(--shadow), inset 0 0 70px rgba(0,229,255,.05); transform: rotateY(-4deg) rotateX(2deg); }
.dashboard-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 72% 24%,rgba(141,107,255,.09),transparent 22%); }
.dashboard-top { position: relative; height: 58px; display: flex; align-items: center; gap: 7px; padding: 0 20px; border-bottom: 1px solid var(--line); }
.dashboard-top > span { width: 7px; height: 7px; border-radius: 50%; background: #5f738b; }
.dashboard-top span:first-child { background: #ff6b6b; }.dashboard-top span:nth-child(2){background:var(--amber)}.dashboard-top span:nth-child(3){background:var(--magenta)}
.dashboard-top b { margin-left: 9px; font-size: .72rem; letter-spacing: .05em; }
.dashboard-top em { margin-left: auto; padding: 4px 7px; border-radius: 6px; color: var(--magenta); background: rgba(141,107,255,.08); font-size: .52rem; font-style: normal; font-weight: 800; letter-spacing: .12em; }
.dashboard-body { position: relative; padding: 24px; }
.dashboard-summary { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; padding: 17px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.018); }
.dashboard-summary div:first-child { display: flex; flex-direction: column; }
.dashboard-summary small { color: var(--muted); font-size: .62rem; }
.dashboard-summary strong { font-family: var(--font-display); font-size: 1.2rem; }
.score-ring { position: relative; width: 60px; height: 60px; display: flex; align-items: baseline; justify-content: center; padding-top: 15px; border-radius: 50%; background: conic-gradient(var(--blue) 0 92%,rgba(255,255,255,.07) 92%); }
.score-ring::after { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: #0a172d; }
.score-ring span, .score-ring small { position: relative; z-index: 2; }
.score-ring span { font-family: var(--font-display); font-size: 1rem; font-weight: 700; }
.score-ring small { margin-left: 1px; font-size: .42rem; }
.metric { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; margin: 15px 0; }
.metric > span { color: #c8d5e2; font-size: .7rem; }
.metric > strong { font-size: .69rem; }
.metric > i { grid-column: 1 / -1; position: relative; height: 5px; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.06); }
.metric > i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--value); border-radius: inherit; background: linear-gradient(90deg,var(--blue-deep),var(--blue),var(--amber)); transform-origin: left; animation: metricGrow 1.6s ease both; }
.chart-block { position: relative; height: 185px; margin: 26px 0 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.014); }
.chart-grid { position: absolute; inset: 0; opacity: .55; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 44px 38px; }
.chart-line-svg { position: absolute; left: 4%; right: 4%; top: 11%; width: 92%; height: 72%; overflow: visible; }
.chart-line-svg path { fill: none; stroke: var(--amber); stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: 700; stroke-dashoffset: 700; filter: drop-shadow(0 0 7px rgba(141,107,255,.45)); animation: chartDraw 3s ease forwards infinite alternate; }
.chart-bars { position: absolute; left: 22px; right: 22px; bottom: 15px; height: 90px; display: flex; align-items: end; gap: 12px; opacity: .45; }
.chart-bars i { flex: 1; border-radius: 5px 5px 0 0; background: linear-gradient(var(--blue),rgba(0,229,255,.04)); }
.chart-bars i:nth-child(1){height:32%}.chart-bars i:nth-child(2){height:50%}.chart-bars i:nth-child(3){height:43%}.chart-bars i:nth-child(4){height:66%}.chart-bars i:nth-child(5){height:59%}.chart-bars i:nth-child(6){height:80%}.chart-bars i:nth-child(7){height:92%;background:linear-gradient(var(--amber),rgba(141,107,255,.05))}
.candidate-row { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 16px; }
.avatar { width: 41px; height: 41px; display: grid; place-items: center; border-radius: 12px; color: #06101f; background: linear-gradient(135deg,var(--blue),var(--amber)); font-size: .7rem; font-weight: 900; }
.candidate-row span { display: flex; flex-direction: column; }.candidate-row b{font-size:.76rem}.candidate-row small{color:var(--muted);font-size:.61rem}.candidate-row em{color:var(--magenta);font-size:.61rem;font-style:normal}
.dashboard-float { position: absolute; z-index: 5; padding: 10px 13px; border: 1px solid var(--line); border-radius: 13px; background: rgba(5,12,25,.78); backdrop-filter: blur(15px); box-shadow: var(--shadow); color: var(--muted); font-size: .61rem; animation: float 4.8s ease-in-out infinite; }
.dashboard-float strong { display: block; color: white; font-family: var(--font-display); font-size: 1rem; }
.float-score { right: -34px; top: 15%; }.float-signal { left: -35px; bottom: 19%; display:flex;align-items:center;gap:8px;animation-delay:-2s}.float-signal span{width:7px;height:7px;border-radius:50%;background:var(--magenta);box-shadow:0 0 10px var(--magenta)}

.partners-section { background: radial-gradient(circle at 50% 42%,rgba(0,229,255,.06),transparent 40%); }
.partner-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.partner-card { position: relative; min-height: 190px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg,rgba(255,255,255,.027),rgba(8,14,33,.36)); transition: transform .35s ease, border-color .35s ease,box-shadow .35s ease; }
.partner-card::after { content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 64%,rgba(66,95,211,.08),transparent 46%);opacity:0;transition:opacity .35s ease; }
.partner-card:hover { transform: translateY(-6px); border-color: rgba(139,92,246,.36); box-shadow:0 20px 45px rgba(0,0,0,.26),0 0 22px rgba(98,53,180,.08); }
.partner-card:hover::after{opacity:1}
.partner-card small { color: var(--muted); font-size: .59rem; text-transform: uppercase; letter-spacing: .14em; }
.partner-card strong { font-family: var(--font-display); font-size: 1.55rem; }
.partner-card strong span { color: var(--blue); }.partner-card .plain{letter-spacing:-.05em}.partner-card .placeholder{color:#6a8098;font-weight:600}
.partner-card em { color: #667b92; font-size: .58rem; font-style: normal; }
.partner-number { position:absolute; right:17px; top:12px; color:rgba(160,176,213,.24); font-family:var(--font-display); font-size:.7rem; letter-spacing:.12em; }
.partner-logo { position:relative; z-index:2; width:78%; max-height:78px; object-fit:contain; filter:drop-shadow(1px 0 0 rgba(224,235,255,.52)) drop-shadow(-1px 0 0 rgba(224,235,255,.52)) drop-shadow(0 1px 0 rgba(224,235,255,.52)) drop-shadow(0 -1px 0 rgba(224,235,255,.52)) drop-shadow(0 0 8px rgba(78,83,196,.2)); }
.logo-datapatterns{width:74%;max-height:82px}.logo-appian{width:82%;max-height:74px;filter:none;transform:translateZ(0);backface-visibility:hidden;will-change:auto}.logo-indium{width:67%}.logo-bonfiglioli{width:88%;max-height:86px}.logo-aziro{width:47%;max-height:94px}.logo-parseq{width:84%}
.partner-logo-new{width:100%;max-height:76px;filter:none}
.partner-logo-surface{position:relative;z-index:2;width:82%;height:92px;display:flex;align-items:center;justify-content:center;padding:14px 20px}
.partner-logo-surface .partner-logo{width:100%;height:100%;max-height:64px;filter:drop-shadow(1px 0 0 rgba(255,255,255,.88)) drop-shadow(-1px 0 0 rgba(255,255,255,.88)) drop-shadow(0 1px 0 rgba(255,255,255,.88)) drop-shadow(0 -1px 0 rgba(255,255,255,.88)) drop-shadow(0 0 10px rgba(255,255,255,.5))}
.logo-jman{width:58%;max-height:82px}.logo-ciklum{max-width:190px}.logo-aviatrix{max-width:220px}.logo-plugscale{max-width:190px}.logo-ventra{max-width:220px}.logo-codestax{width:86%;max-height:70px}.logo-genworx{width:80%;max-height:76px}
.partner-text-logo { position:relative;z-index:2;color:#eff4ff;font-size:2.15rem!important;font-weight:700;letter-spacing:-.05em;text-shadow:0 0 16px rgba(48,113,255,.24); }
.appian-logo::first-letter{color:#4f8dff}
.zoho-logo { position:relative;z-index:2;display:flex;gap:4px;transform:rotate(-2deg); }
.zoho-logo i { width:38px;height:38px;display:grid;place-items:center;border-radius:7px;color:white;font-family:var(--font-display);font-size:1.25rem;font-style:normal;font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.25); }
.zoho-logo i:nth-child(1){background:#e84949}.zoho-logo i:nth-child(2){background:#4c8be5}.zoho-logo i:nth-child(3){background:#e3b63f}.zoho-logo i:nth-child(4){background:#48a965}
.partner-extra{display:none}.partner-grid.expanded .partner-extra{display:flex;animation:partnerReveal .55s cubic-bezier(.2,.8,.2,1) both}
.partner-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:42px}.partner-toggle i{transition:transform .3s ease}.partner-toggle[aria-expanded="true"] i{transform:rotate(180deg)}

.audience-section { overflow: hidden; background: radial-gradient(circle at 50% 50%,rgba(0,229,255,.07),transparent 46%); }
.audience-orbit { position: absolute; left: 50%; top: 50%; width: 760px; height: 760px; border: 1px solid rgba(0,229,255,.055); border-radius: 50%; transform: translate(-50%,-50%); }
.audience-orbit::before, .audience-orbit::after { content:"";position:absolute;border:inherit;border-radius:inherit; }.audience-orbit::before{inset:16%}.audience-orbit::after{inset:32%}
.audience-cloud { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.audience-cloud span { position: relative; padding: 15px 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 999px; color: #d5e2ee; background: rgba(255,255,255,.026); font-size: .84rem; transition: transform .3s ease, border-color .3s ease, background .3s ease; }
.audience-cloud span::before { content: ""; position: absolute; inset: 0; opacity: 0; background: linear-gradient(100deg,rgba(0,229,255,.13),rgba(141,107,255,.08)); transition: opacity .3s ease; }
  .audience-cloud span:hover { transform: translateY(-4px); border-color: rgba(0,229,255,.3); }.audience-cloud span:hover::before{opacity:1}.audience-cloud span:nth-child(3n+1){border-color:rgba(0,229,255,.23)}.audience-cloud span:nth-child(4n+2){border-color:rgba(141,107,255,.2)}

.venue-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 76px; align-items: center; }
.venue-map { position: relative; min-height: 445px; overflow: hidden; border: 1px solid var(--line); border-radius: 34px; color:inherit;text-decoration:none;cursor:pointer;background: #09162a; box-shadow: inset 0 0 90px rgba(0,229,255,.05),var(--shadow);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease; }
.venue-map:hover { border-color:rgba(0,229,255,.42);box-shadow:inset 0 0 90px rgba(0,229,255,.075),0 32px 90px rgba(0,0,0,.38),0 0 26px rgba(0,229,255,.08); }
.venue-map:focus-visible { outline:2px solid var(--cyan);outline-offset:5px; }
.map-open-hint { position:absolute;z-index:7;right:20px;bottom:18px;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(0,229,255,.24);border-radius:999px;color:#eaf5ff;background:rgba(4,10,20,.76);backdrop-filter:blur(12px);font-size:.61rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:transform .25s ease,border-color .25s ease,background .25s ease; }
.map-open-hint i { color:var(--cyan);font-style:normal; }
.venue-map:hover .map-open-hint { transform:translateY(-3px);border-color:rgba(0,229,255,.5);background:rgba(7,19,37,.9); }
.venue-details { display:grid;gap:13px;margin-top:28px;max-width:510px; }
.venue-detail { display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid rgba(103,129,198,.2);border-radius:18px;background:linear-gradient(100deg,rgba(0,229,255,.045),rgba(141,107,255,.025),transparent); }
.venue-detail-icon { flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(0,229,255,.25);border-radius:13px;color:var(--cyan);background:rgba(0,229,255,.06);box-shadow:inset 0 0 18px rgba(0,229,255,.05),0 0 18px rgba(0,229,255,.06); }
.venue-detail-icon svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.venue-detail div { min-width:0; }
.venue-detail strong { display:block;color:#f1f5ff;font-family:var(--font-display);font-size:1rem;line-height:1.35; }
.venue-detail small { display:block;margin-top:5px;color:var(--muted);font-size:.7rem;line-height:1.5; }
.venue-location { align-items:flex-start;padding:22px 20px; }
.venue-location .venue-detail-icon { margin-top:3px; }
.venue-location .venue-name { font-size:1.35rem;line-height:1.3; }
.venue-address { margin:11px 0 0;color:#d5e2ee;font-size:1rem;font-style:normal;font-weight:500;line-height:1.65; }
.venue-address span { display:block; }
.venue-date { width:min(100%,295px);min-width:0;border-color:rgba(141,107,255,.22);background:linear-gradient(100deg,rgba(141,107,255,.06),transparent); }
.venue-date .venue-detail-icon { color:var(--amber);border-color:rgba(141,107,255,.28);background:rgba(141,107,255,.055); }
.venue-date small { margin:0 0 3px;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem; }
.venue-date strong { font-size:1.35rem;line-height:1.25; }
.map-grid { position: absolute; inset: -16%; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size: 42px 42px; transform: perspective(650px) rotateX(42deg) rotateZ(-7deg) scale(1.2); animation: mapDrift 14s ease-in-out infinite alternate; }
.map-glow { position: absolute; left: 58%; top: 42%; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle,rgba(0,229,255,.16),transparent 63%); transform: translate(-50%,-50%); }
.map-path { position: absolute; height: 2px; overflow: visible; border-radius: 999px; background: rgba(0,229,255,.14); transform-origin: left; }
.map-path i { position: absolute; width: 35%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,transparent,var(--blue),transparent); box-shadow: 0 0 14px rgba(0,229,255,.65); animation: route 3.5s linear infinite; }
.path-one { width: 82%; left: 3%; top: 43%; transform: rotate(16deg); }.path-two { width: 65%; right: -3%; top: 64%; transform: rotate(-26deg); }.path-three { width: 58%; left: 8%; top: 75%; transform: rotate(-8deg); }
.path-two i{animation-delay:-1.3s}.path-three i{animation-delay:-2.4s}
.map-node { position:absolute;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(0,229,255,.08),0 0 18px var(--blue)}
.map-node-one{left:19%;top:47%}.map-node-two{right:18%;top:31%;background:var(--amber);box-shadow:0 0 0 5px rgba(141,107,255,.07),0 0 18px var(--amber)}.map-node-three{right:23%;bottom:18%}
.map-pin { position: absolute; z-index: 4; left: 58%; top: 38%; width: 43px; height: 43px; border-radius: 50% 50% 50% 0; background: linear-gradient(135deg,var(--blue),var(--amber)); transform: rotate(-45deg); box-shadow: 0 0 0 11px rgba(0,229,255,.07),0 0 30px rgba(0,229,255,.44); animation: pinFloat 3s ease-in-out infinite; }
.map-pin span { position:absolute;width:12px;height:12px;left:15px;top:15px;border-radius:50%;background:#07101e }
.map-pulse { position:absolute;left:calc(58% + 21px);top:calc(38% + 42px);width:20px;height:20px;border:1px solid var(--blue);border-radius:50%;transform:translate(-50%,-50%);animation:mapPulse 2.2s ease-out infinite }
.map-label { position:absolute;z-index:5;left:calc(58% - 75px);top:calc(38% + 65px);display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(4,10,20,.78);backdrop-filter:blur(12px);font-size:.58rem;letter-spacing:.1em }
.map-label span{width:6px;height:6px;border-radius:50%;background:var(--magenta);box-shadow:0 0 8px var(--magenta)}
.map-chip{position:absolute;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(4,10,20,.68);backdrop-filter:blur(10px);color:#cbd8e5;font-size:.58rem;animation:float 5s ease-in-out infinite}.chip-a{left:9%;top:20%}.chip-b{right:8%;top:17%;animation-delay:-1.5s}.chip-c{left:16%;bottom:12%;animation-delay:-3s}

.notify-section { padding-top: 76px; }
.notify-card { position: relative; isolation: isolate; padding: 66px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 70px; align-items: center; overflow: hidden; border-radius: 40px; color: #06101f; background: linear-gradient(112deg,var(--cyan),var(--magenta) 43%,var(--amber)); box-shadow: 0 28px 100px rgba(0,229,255,.18); }
.notify-pattern { position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(7,16,30,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(7,16,30,.28) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,black,transparent 75%) }
.notify-orb { position:absolute;z-index:-1;border:1px solid rgba(7,16,30,.15);border-radius:50%;animation:spin 22s linear infinite }.notify-orb-one{width:340px;height:340px;right:-100px;top:-150px}.notify-orb-two{width:220px;height:220px;right:90px;bottom:-150px;animation-direction:reverse;animation-duration:16s}
.notify-card h2 { margin:18px 0;font-family:var(--font-display);font-size:clamp(3.5rem,6vw,6.2rem);font-weight:700;line-height:.84;letter-spacing:-.075em }
.notify-card h2 em { color:rgba(6,16,31,.67);font-style:normal }
.notify-card p { max-width:570px }
.notify-form { position:relative;padding:26px;border:1px solid rgba(7,16,30,.15);border-radius:25px;background:rgba(255,255,255,.25);backdrop-filter:blur(10px) }
.notify-form label { display:block;margin-bottom:12px;font-weight:800 }
.form-row { display:flex;gap:10px }.form-row input{flex:1;min-width:0;height:56px;padding:0 19px;border:1px solid rgba(6,16,31,.16);border-radius:999px;outline:none;background:rgba(255,255,255,.82);color:#06101f;transition:box-shadow .25s ease,border-color .25s ease}.form-row input:focus{border-color:rgba(6,16,31,.34);box-shadow:0 0 0 4px rgba(6,16,31,.09)}.form-row input.invalid{border-color:#b62a2a;box-shadow:0 0 0 4px rgba(182,42,42,.08)}
.form-note { margin:10px 0 0;color:rgba(6,16,31,.62);font-size:.66rem }.form-message{min-height:22px;margin:8px 0 0;font-size:.74rem;font-weight:800}.form-message.success{color:#075f35}.form-message.error{color:#8c1d1d}

.site-footer { position:relative;padding:88px 0 28px;overflow:hidden;border-top:1px solid var(--line) }.footer-glow{position:absolute;left:10%;bottom:-300px;width:650px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.08),transparent 65%)}
.footer-grid { position:relative;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:54px }.footer-grid h4{margin:0 0 14px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.footer-grid p{color:var(--muted);font-size:.82rem}.footer-grid a:not(.brand):not(.social-links a){display:block;width:fit-content;margin:8px 0;color:var(--muted);font-size:.8rem;transition:color .2s ease,transform .2s ease}.footer-grid a:hover{color:white;transform:translateX(3px)}
.social-links{display:flex;gap:8px;margin-top:20px}.social-links a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:.67rem;font-weight:800;text-transform:uppercase;transition:.25s ease}.social-links a:hover{color:#07101e;border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--amber));transform:translateY(-3px)}
.footer-status{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.61rem}.footer-status span{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber);animation:pulse 1.8s ease infinite}
.footer-bottom { position:relative;margin-top:54px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:#70859c;font-size:.68rem }.footer-bottom div{display:flex;gap:18px}.footer-bottom a:hover{color:white}
.mobile-cta { display:none }.back-to-top{position:fixed;right:22px;bottom:22px;z-index:40;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:rgba(5,12,25,.82);backdrop-filter:blur(12px);color:white;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(14px);transition:.3s ease}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{color:#07101e;border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--magenta))}

.reveal { opacity:0;transform:translateY(34px) scale(.985);filter:blur(5px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1),filter .85s ease;transition-delay:var(--delay,0ms) }.reveal.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ambientMove{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(70px,-50px,0) scale(1.14)}}
@keyframes brandShine{0%,70%{transform:translateX(-250%) rotate(25deg)}100%{transform:translateX(250%) rotate(25deg)}}
@keyframes buttonSweep{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@keyframes beamMove{0%,100%{opacity:.25;transform:translateX(-4%) rotate(-18deg)}50%{opacity:.7;transform:translateX(7%) rotate(-18deg)}}
@keyframes orbitOuter{from{transform:rotate(-13deg)}to{transform:rotate(347deg)}}
@keyframes orbitMiddle{from{transform:rotate(27deg)}to{transform:rotate(387deg)}}
@keyframes orbitInner{from{transform:rotate(-34deg)}to{transform:rotate(326deg)}}
@keyframes hudRotate{to{transform:rotate(360deg)}}
@keyframes globeBreathe{0%,100%{transform:translateZ(35px) scale(1);filter:saturate(1)}50%{transform:translateZ(35px) scale(1.012);filter:saturate(1.18)}}
@keyframes surfaceDrift{to{background-position:52px 13px}}
@keyframes gridTurn{0%{transform:translateX(-2%) scale(1.02);opacity:.42}100%{transform:translateX(2%) scale(1.05);opacity:.66}}
@keyframes coreMorph{0%,100%{border-radius:44% 56% 47% 53% / 49% 42% 58% 51%}33%{border-radius:52% 48% 55% 45% / 42% 58% 42% 58%}66%{border-radius:48% 52% 43% 57% / 56% 45% 55% 44%}}
@keyframes coreFloat{0%{transform:translateZ(35px) translateY(0)}50%{transform:translateZ(35px) translateY(-10px)}100%{transform:translateZ(35px) translateY(0)}}
@keyframes stageFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}
@keyframes gridPulse{0%{opacity:.32;transform:perspective(500px) rotateX(20deg) scale(1.08)}50%{opacity:.6;transform:perspective(500px) rotateX(20deg) scale(1.15)}100%{opacity:.32;transform:perspective(500px) rotateX(20deg) scale(1.08)}}
@keyframes coreScan{0%{top:-22%;opacity:0}18%{opacity:1}82%{opacity:1}100%{top:105%;opacity:0}}
@keyframes corePulse{0%{transform:translateZ(35px) scale(1);box-shadow: inset 0 0 95px rgba(0,229,255,.08), 0 42px 100px rgba(0,0,0,.46), 0 0 100px rgba(0,229,255,.16);}50%{transform:translateZ(35px) scale(1.01);box-shadow: inset 0 0 110px rgba(0,229,255,.12), 0 52px 120px rgba(0,0,0,.48), 0 0 118px rgba(0,229,255,.24);}100%{transform:translateZ(35px) scale(1);box-shadow: inset 0 0 95px rgba(0,229,255,.08), 0 42px 100px rgba(0,0,0,.46), 0 0 100px rgba(0,229,255,.16);}}
@keyframes glowText{0%{background-position:0% 50%;text-shadow:0 0 8px rgba(0,229,255,.18),0 0 26px rgba(217,70,239,.12);}100%{background-position:100% 50%;text-shadow:0 0 14px rgba(0,229,255,.24),0 0 42px rgba(217,70,239,.22);}}
@keyframes textScan{0%{left:-40%;opacity:0}10%{opacity:1}45%{left:110%;opacity:.8}100%{left:110%;opacity:0}}
@keyframes hueShift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(12deg)}100%{filter:hue-rotate(0deg)}}
@keyframes lineGlow{0%,100%{filter:drop-shadow(0 0 4px rgba(168,60,255,.48))}50%{filter:drop-shadow(0 0 17px rgba(221,78,255,.78))}}
@keyframes dash{to{stroke-dashoffset:-300}}
@keyframes nodePulse{0%,100%{transform:scale(.75);opacity:.6}50%{transform:scale(1.35);opacity:1}}
@keyframes haloPulse{0%,100%{transform:scale(.94);opacity:.5}50%{transform:scale(1.08);opacity:1}}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -11px}}
@keyframes pulse{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,11px)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes signal{from{transform:scaleY(.82);opacity:.5}to{transform:scaleY(1.08);opacity:1}}
@keyframes agendaIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes updateSweep{0%,28%{transform:translateX(-115%);opacity:0}42%{opacity:1}68%,100%{transform:translateX(115%);opacity:0}}
@keyframes updateOrbit{from{transform:translate(-50%,-50%) rotate(-12deg)}to{transform:translate(-50%,-50%) rotate(348deg)}}
@keyframes updateDots{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}
@keyframes partnerReveal{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes electricArc{to{transform:rotate(360deg)}}
@keyframes electricRun{0%{left:-18%;opacity:0}12%{opacity:1}78%{opacity:1}100%{left:100%;opacity:0}}
@keyframes electricSpark{0%,42%,48%,100%{filter:brightness(1)}44%,46%{filter:brightness(2.2) drop-shadow(0 0 5px #e69aff)}}
@keyframes metricGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes chartDraw{to{stroke-dashoffset:0}}
@keyframes mapDrift{to{transform:perspective(650px) rotateX(42deg) rotateZ(-4deg) scale(1.24) translate(12px,-8px)}}
@keyframes route{from{left:-38%}to{left:105%}}
@keyframes pinFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes mapPulse{0%{transform:translate(-50%,-50%) scale(.4);opacity:.8}100%{transform:translate(-50%,-50%) scale(5);opacity:0}}

@media (max-width:1120px){
  .nav-toggle{display:block}.nav-links{position:absolute;top:72px;left:20px;right:20px;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(5,11,24,.97);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s ease}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links a{padding:10px 12px}.nav-links .btn{margin-top:8px}
  .hero-grid,.product-grid,.venue-grid{grid-template-columns:1fr}.hero-copy{padding-top:42px}.hero-visual{min-height:680px}.hero-grid{gap:20px}.core-stage{left:0;max-width:680px}.brand-status{display:none}
  .pillar-grid{grid-template-columns:repeat(2,1fr)}.themes-grid{grid-template-columns:repeat(2,1fr)}.speaker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-bento{grid-template-columns:1fr 1fr;grid-template-rows:380px 250px}.bento-large{grid-row:auto;grid-column:1 / -1;padding-right:42%}.bento-tall{grid-row:auto}.bento-small{grid-row:auto}.agenda-layout{grid-template-columns:1fr;gap:48px}.agenda-intro{position:static}.partner-grid{grid-template-columns:repeat(2,1fr)}.notify-card{grid-template-columns:1fr;gap:30px}
}

@media (min-width:1121px) and (max-height:900px){
  .hero{min-height:100svh;padding-top:120px;padding-bottom:52px}
  .hero-visual{min-height:610px;padding-right:0;transform:translateY(18px)}
  .core-stage{width:min(106%,630px)}
  .hero-title{margin-top:18px;margin-bottom:16px}
  .title-line{font-size:clamp(4.2rem,7.4vw,6.8rem)}
  .hero-title .title-gradient{font-size:clamp(3.5rem,6.15vw,5.8rem)}
  .hero-actions{margin-top:24px}
  .hero-meta{margin-top:30px}
}

@media (min-width:1121px) and (max-height:780px){
  .hero{padding-top:94px;padding-bottom:36px}
  .hero-grid{gap:34px}
  .hero-visual{min-height:530px;transform:translateY(10px)}
  .core-stage{width:min(100%,560px)}
  .hero-description{font-size:.9rem}
  .hero-actions{margin-top:20px}
  .hero-meta{margin-top:24px}
}

@media (max-width:760px){
  .container{width:min(calc(100% - 28px),var(--max))}.section{padding:92px 0}.cursor-glow{display:none}.hero{min-height:auto;padding-top:120px;padding-bottom:75px}.hero-grid-lines{background-size:44px 44px}.title-line{font-size:clamp(3.8rem,17vw,6rem)}.hero-title .title-gradient{font-size:clamp(2.9rem,13.2vw,4.7rem)}.title-year{right:0}.hero-tagline{font-size:1.12rem}.hero-description{font-size:.9rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-meta{gap:22px;flex-wrap:wrap}.hero-meta div{min-width:100px}.hero-visual{min-height:520px;margin-top:20px;padding-right:0;transform:none}.core-stage{width:118%;margin-left:-9%}.future-core{width:80%;border-radius:50%}.core-copy strong{font-size:clamp(3.35rem,15vw,4.8rem)}.core-copy em{font-size:.64rem;letter-spacing:.17em}.core-copy small{font-size:.7rem;margin-bottom:10px}.data-point{display:none}.float-one{left:3%;top:7%}.float-two{right:2%;top:30%}.float-three{left:15%;bottom:2%}.floating-card{min-height:42px;padding:5px 10px 5px 6px;font-size:.54rem}.card-orb{width:30px;height:30px;font-size:.72rem}.scroll-cue{display:none}
  .brand-strip-inner{flex-wrap:wrap;gap:14px;padding:18px 0}.presented-label{width:100%;text-align:center}.brand-divider{height:24px}.creya-wordmark small{display:none}.marquee{padding:13px 0}.marquee-track{gap:20px}.marquee-track span{font-size:.66rem}
  .split-heading{grid-template-columns:1fr;gap:10px}.section-heading{margin-bottom:42px}.section-heading h2,.agenda-intro h2,.product-copy h2,.venue-copy h2{font-size:clamp(2.55rem,12vw,3.7rem)}
  .pillar-grid,.themes-grid,.speaker-grid,.partner-grid{grid-template-columns:1fr}.pillar-card{min-height:280px}.experience-bento{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.bento-large,.bento-tall,.bento-small{grid-column:auto;grid-row:auto;min-height:300px}.bento-large{padding-right:30px;padding-bottom:30px;padding-top:280px}.connection-visual{top:0;right:8%;width:84%;max-height:290px}.bento-tall{min-height:380px}.bento-small{min-height:235px}.speaker-photo{height:370px}
  .agenda-item{grid-template-columns:38px 1fr 28px;gap:10px;padding:18px 14px 18px 0}.agenda-label{grid-column:2;grid-row:1;font-size:.58rem}.agenda-item>div:nth-child(3){grid-column:2;grid-row:2}.agenda-marker{grid-row:1 / 3}.agenda-icon{grid-column:3;grid-row:1 / 3}.agenda-list::before{left:19px}.feature-list{grid-template-columns:1fr}.dashboard-card{transform:none}.dashboard-float{display:none}.product-beam{display:none}.candidate-row{grid-template-columns:auto 1fr}.candidate-row em{grid-column:2}.partner-card{min-height:165px}.venue-map{min-height:340px}.map-chip{display:none}
  .notify-card{padding:40px 24px;border-radius:30px}.notify-card h2{font-size:clamp(3.2rem,15vw,4.6rem)}.notify-form{padding:20px}.form-row{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1 / -1}.footer-bottom{flex-direction:column;padding-bottom:72px}.mobile-cta{position:fixed;left:14px;right:14px;bottom:12px;z-index:55;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;border-radius:999px;color:#06101f;background:linear-gradient(100deg,var(--blue),var(--amber));box-shadow:0 15px 45px rgba(0,0,0,.45);font-size:.82rem;font-weight:850}.back-to-top{display:none}
}

@media (max-width:760px){
  .header-brand-group{gap:5px}
  .header-logo-divider{height:28px}
  .site-header .header-logo{width:112px;height:48px;padding:3px 6px;border-radius:13px}
  .site-header .creya-header-logo{width:150px;height:64px;padding:0}
  .site-header .zythera-header-logo{width:150px;height:64px;padding:0}
  .partner-actions{flex-direction:column;align-items:stretch}
  .partner-actions .btn{width:100%;justify-content:center}
}

@media (max-width:390px){
  .site-header .header-logo{width:102px;height:45px}
  .site-header .creya-header-logo{width:120px;height:52px}
  .site-header .zythera-header-logo{width:120px;height:52px}
}

@media (min-width:761px) and (max-width:1120px){
  .hero{padding-top:130px}
  .hero-copy{max-width:820px;margin:0 auto}
  .hero-visual{padding-right:0;transform:none}
}

@media (max-width:460px){
  .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.hero-meta{gap:14px}.brand-divider{display:none}.partner-wordmark.interviewdesk{width:100%;text-align:center}.core-stage{width:125%;margin-left:-12.5%}.floating-card{font-size:.52rem}.float-one{left:7%}.float-two{right:5%}.bento-number{font-size:3.8rem}.agenda-tabs{gap:6px}.agenda-tab{padding:8px 10px;font-size:.6rem}.dashboard-body{padding:16px}.dashboard-summary{padding:13px}.candidate-row small{display:none}.notify-card{padding:34px 18px}
}

@media (max-width:760px){
  .agenda-update{min-height:440px;border-radius:28px}
  .update-orbit{width:330px;height:165px}
  .update-orbit span{width:60px;height:60px;font-size:1.1rem}
  .update-kicker{font-size:.52rem;letter-spacing:.18em}
  .update-content h2{font-size:clamp(3.15rem,16vw,5rem);letter-spacing:-.065em}
  .update-note{max-width:300px;padding:0 10px;font-size:.72rem}
}

@media (max-width:760px){
  .save-date-banner{grid-template-columns:1fr;gap:9px;padding:22px}
  .save-date-banner i{position:absolute;right:22px;top:22px}
}

@media (max-width:1120px){
  .participation-grid{grid-template-columns:1fr}
}

@media (max-width:760px){
  .discussion-stage{padding:20px;border-radius:28px}
  .discussion-topic-grid{grid-template-columns:1fr}
  .discussion-topic{min-height:160px;padding:24px}
  .discussion-topic span{left:22px;top:20px}
  .discussion-topic p{font-size:1.08rem}
  .discussion-orbit-visual{width:360px;opacity:.62}
  .participation-panel{padding:22px;border-radius:24px}
  .why-list{grid-template-columns:1fr}
  .why-step{min-height:auto}
}

@media (max-width:900px){
  .audience-lanes{grid-template-columns:1fr}
  .audience-lane,.audience-lane+.audience-lane{padding:22px 0;border-left:0}
  .audience-lane+.audience-lane{border-top:1px solid rgba(123,145,205,.18)}
  .why-journey .why-list{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:760px){
  .discussion-flow-stage{padding:22px 18px 22px 22px}
  .discussion-axis{left:26px;top:40px;bottom:40px}
  .discussion-flow{gap:12px}
  .flow-topic,.flow-topic:nth-child(even){width:calc(100% - 42px);min-height:122px;align-self:flex-end;padding:16px 14px 16px;text-align:left}
  .flow-topic::after,.flow-topic:nth-child(even)::after{width:34px;left:-34px;right:auto;background:linear-gradient(90deg,rgba(0,229,255,.12),rgba(0,229,255,.52))}
  .flow-topic:nth-child(even)>span{left:0;right:auto}
  .flow-topic:nth-child(even)::before{left:auto;right:5px}
  .flow-topic p{font-size:1.12rem}
  .attendance-spectrum{padding:28px 0}
  .audience-lane{grid-template-columns:42px 1fr;gap:14px}
  .audience-lane>span{width:36px;height:36px}
  .why-journey .why-list{grid-template-columns:1fr}
  .why-journey .why-list::before{left:28px;right:auto;top:18px;bottom:18px;width:1px;height:auto;background:linear-gradient(180deg,rgba(0,229,255,.2),var(--cyan),var(--amber),rgba(141,107,255,.2))}
  .why-journey .why-step{min-height:auto;padding:20px 18px 20px 58px}
  .why-journey .why-step::before{left:24px;top:25px}
  .why-journey .why-step p{max-width:none}
}

@media (hover:none){.spotlight::before{display:none}.cursor-glow{display:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}.marquee-track{animation:none}.cursor-glow,#particleCanvas{display:none}}

/* Ticket booking modal */
.ticket-modal {
  --blue: #00e5ff;
  --blue-soft: #7ce5ff;
  --blue-deep: #246bfe;
  --yellow: #d946ef;
  --yellow-soft: #f4a5ff;
  --green: #00e5ff;
  --font: var(--font-body);
}
body.ticket-modal-open { overflow: hidden; }
.ticket-launch-card { align-items: center; }
.ticket-launch-actions { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 30px; border: 1px solid rgba(5, 18, 36, .12); border-radius: 24px; background: rgba(255,255,255,.32); backdrop-filter: blur(18px); }
.ticket-launch-kicker { max-width: 340px; color: #13314a; font-size: .78rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.ticket-launch-actions small { color: rgba(5,18,36,.66); font-size: .72rem; }

.ticket-modal[hidden] { display: none; }
.ticket-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 26px; }
.ticket-modal-backdrop { position: absolute; inset: 0; background: rgba(1, 5, 13, .84); backdrop-filter: blur(14px); animation: ticketBackdropIn .24s ease both; }
.ticket-dialog { position: relative; width: min(1380px, 100%); height: min(760px, calc(100vh - 52px)); display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; border: 1px solid rgba(140, 176, 212, .22); border-radius: 26px; background: linear-gradient(140deg, rgba(8, 20, 41, .985), rgba(2, 9, 21, .99)); box-shadow: 0 35px 120px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.04); animation: ticketDialogIn .34s cubic-bezier(.2,.8,.2,1) both; }
.ticket-dialog::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--blue), #7ce5ff 45%, var(--yellow)); }
.ticket-dialog::after { content: ""; position: absolute; width: 460px; height: 460px; right: -190px; top: -230px; border-radius: 50%; background: radial-gradient(circle, rgba(0,229,255,.13), transparent 68%); pointer-events: none; }
.ticket-dialog-header { position: relative; z-index: 2; min-height: 104px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 34px; border-bottom: 1px solid rgba(135, 165, 198, .16); }
.ticket-dialog-heading { display: flex; align-items: center; gap: 30px; }
.ticket-dialog-heading h2 { margin: 3px 0 0; font-family: var(--font-display); font-size: clamp(1.7rem, 3vw, 2.35rem); letter-spacing: -.04em; }
.ticket-step-label { color: var(--blue); font-size: .64rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.ticket-mini-brand { display: flex; flex-direction: column; min-width: 105px; padding-right: 28px; border-right: 1px solid rgba(135,165,198,.18); }
.ticket-mini-brand span { font-family: var(--font-display); font-size: 1rem; font-weight: 800; letter-spacing: .11em; }
.ticket-mini-brand small { color: var(--yellow); font-size: .52rem; font-weight: 800; letter-spacing: .1em; }
.ticket-close { position: relative; z-index: 2; width: 50px; height: 50px; display: grid; place-items: center; flex: 0 0 auto; padding: 0 0 5px; border: 1px solid rgba(137, 169, 204, .28); border-radius: 50%; color: #d9e8f6; background: rgba(255,255,255,.025); font-size: 2rem; font-weight: 200; line-height: 1; cursor: pointer; transition: border-color .25s ease, color .25s ease, background .25s ease, transform .25s ease; }
.ticket-close:hover { color: #07101e; border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--yellow)); transform: rotate(5deg) scale(1.04); }
.ticket-step { display: none; min-height: 0; }
.ticket-step.is-active { display: block; animation: ticketStepIn .32s ease both; }
.ticket-modal-grid { height: 100%; min-height: 0; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(330px, .72fr); }
.ticket-picker { min-width: 0; overflow-y: auto; padding: 34px; scrollbar-width: thin; scrollbar-color: rgba(0,229,255,.28) transparent; }
.ticket-panel-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.ticket-panel-heading h3, .ticket-summary h3 { margin: 4px 0 0; font-family: var(--font-display); font-size: clamp(1.55rem, 2.3vw, 2.05rem); letter-spacing: -.035em; }
.ticket-panel-kicker { color: #7d97b2; font-size: .58rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.ticket-secure-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(0,229,255,.18); border-radius: 999px; color: #b8e8ca; background: rgba(0,229,255,.045); font-size: .63rem; font-weight: 750; }
.ticket-secure-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(0,229,255,.8); }
.ticket-options { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.ticket-option { position: relative; min-height: 205px; display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: 1fr auto; gap: 20px; padding: 23px; overflow: hidden; border: 1px solid rgba(131, 164, 197, .22); border-radius: 18px; background: linear-gradient(140deg, rgba(255,255,255,.027), rgba(0,229,255,.018)); transition: border-color .28s ease, transform .28s ease, background .28s ease, box-shadow .28s ease; }
.ticket-option::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 0 0, rgba(0,229,255,.11), transparent 43%); opacity: 0; transition: opacity .28s ease; }
.ticket-option:hover, .ticket-option.has-quantity { border-color: rgba(0,229,255,.52); background: linear-gradient(140deg, rgba(0,229,255,.07), rgba(217,70,239,.025)); box-shadow: 0 18px 45px rgba(0,0,0,.24); transform: translateY(-3px); }
.ticket-option:hover::before, .ticket-option.has-quantity::before { opacity: 1; }
.ticket-option-copy, .ticket-price, .ticket-qty { position: relative; z-index: 1; }
.ticket-option-copy h4 { margin: 10px 0 8px; font-family: var(--font-display); font-size: 1.1rem; }
.ticket-option-copy p { margin: 0; max-width: 260px; color: #869bb1; font-size: .74rem; line-height: 1.55; }
.ticket-option-tag { display: inline-flex; padding: 5px 8px; border: 1px solid rgba(0,229,255,.25); border-radius: 999px; color: #93eaff; background: rgba(0,229,255,.055); font-size: .49rem; font-weight: 900; letter-spacing: .12em; }
.ticket-option-tag.team { color: #f4a5ff; border-color: rgba(217,70,239,.24); background: rgba(217,70,239,.055); }
.ticket-option-tag.student { color: #c8b3ff; border-color: rgba(169,135,255,.24); background: rgba(169,135,255,.055); }
.ticket-price { align-self: start; color: white; font-family: var(--font-display); font-size: 2.1rem; letter-spacing: -.06em; white-space: nowrap; }
.ticket-price small { margin-right: 2px; color: var(--yellow); font-family: var(--font); font-size: 1rem; vertical-align: .6em; }
.ticket-price em { display: block; margin-top: -4px; color: #748ba3; font-family: var(--font); font-size: .57rem; font-style: normal; font-weight: 700; letter-spacing: .03em; text-align: right; }
.ticket-qty { grid-column: 1 / -1; justify-self: end; display: grid; grid-template-columns: 44px 54px 44px; height: 42px; overflow: hidden; border: 1px solid rgba(126, 159, 193, .32); border-radius: 9px; background: rgba(2, 9, 21, .7); }
.ticket-qty button { border: 0; color: #8da4bc; background: transparent; font-size: 1.5rem; font-weight: 300; cursor: pointer; transition: color .2s ease, background .2s ease; }
.ticket-qty button:hover { color: #07101e; background: var(--blue); }
.ticket-qty output { display: grid; place-items: center; border-left: 1px solid rgba(126,159,193,.22); border-right: 1px solid rgba(126,159,193,.22); color: #fff; font-size: .94rem; font-weight: 850; }
.ticket-summary { position: relative; z-index: 1; display: flex; flex-direction: column; min-height: 0; overflow-y: auto; padding: 28px 34px 24px; border-left: 1px solid rgba(135,165,198,.16); background: linear-gradient(180deg, rgba(7,18,37,.7), rgba(3,10,23,.76)); scrollbar-width: thin; scrollbar-color: rgba(0,229,255,.28) transparent; }
.ticket-summary-items { flex: 1 1 auto; min-height: 82px; margin: 18px 0 14px; overflow-y: auto; }
.ticket-empty-state { max-width: 260px; margin: 30px auto; color: #677e96; font-size: .78rem; line-height: 1.6; text-align: center; }
.ticket-summary-line { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 13px 0; border-bottom: 1px solid rgba(130,160,192,.12); }
.ticket-summary-line span { display: block; color: #d9e7f4; font-size: .78rem; font-weight: 750; }
.ticket-summary-line small { display: block; margin-top: 3px; color: #6f879e; font-size: .62rem; }
.ticket-summary-line strong { align-self: center; font-family: var(--font-display); font-size: .88rem; }
.ticket-summary-totals { flex: 0 0 auto; padding-top: 14px; border-top: 1px solid rgba(138,170,204,.15); }
.ticket-summary-totals > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 8px 0; color: #b9cad9; font-size: .8rem; }
.ticket-summary-totals strong { color: white; font-family: var(--font-display); font-size: 1rem; }
.ticket-summary-totals .ticket-total-row { margin-top: 6px; padding-top: 18px; border-top: 1px solid rgba(138,170,204,.15); color: #fff; font-size: 1rem; font-weight: 800; }
.ticket-summary-totals .ticket-total-row strong { color: var(--yellow); font-size: 1.65rem; }
.ticket-summary-totals > small { display: block; margin-top: 8px; color: #637990; font-size: .58rem; line-height: 1.45; }
.ticket-next { width: 100%; min-height: 52px; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; gap: 18px; margin-top: 14px; padding: 0 21px; border: 0; border-radius: 10px; color: #06101e; background: linear-gradient(105deg, var(--blue), #79e8ff 50%, var(--yellow)); font-size: .82rem; font-weight: 900; letter-spacing: .01em; cursor: pointer; box-shadow: 0 14px 35px rgba(0,229,255,.16); transition: filter .22s ease, transform .22s ease, opacity .22s ease; }
.ticket-next:hover:not(:disabled) { filter: brightness(1.08); transform: translateY(-2px); }
.ticket-next:disabled { opacity: .32; cursor: not-allowed; filter: grayscale(.35); box-shadow: none; }
.ticket-next i { font-size: 1.15rem; font-style: normal; }
.ticket-dialog-footer { position: relative; z-index: 3; min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 13px 34px; border-top: 1px solid rgba(135,165,198,.16); background: rgba(3,10,22,.75); }
.ticket-dialog-footer > div:first-child { display: flex; flex-wrap: wrap; gap: 22px; }
.ticket-dialog-footer a { color: #70869d; font-size: .62rem; transition: color .2s ease; }
.ticket-dialog-footer a:hover { color: white; }
.ticket-footer-brands { display: flex; align-items: center; gap: 10px; color: #7f96ad; }
.ticket-footer-brands span { color: white; font-family: var(--font-display); font-weight: 800; }
.ticket-footer-brands span b { margin-left: 2px; color: var(--yellow); }
.ticket-footer-brands i { font-size: .55rem; font-style: normal; }
.ticket-footer-brands strong { color: #b9c9d7; font-size: .72rem; }
.ticket-text-button { border: 0; color: #90a8be; background: transparent; font-size: .68rem; font-weight: 750; cursor: pointer; }
.ticket-text-button:hover { color: var(--blue); }
.ticket-details-form { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.ticket-details-form label { display: grid; gap: 8px; color: #b8cad9; font-size: .67rem; font-weight: 750; }
.ticket-details-form label > span em { color: #6c8299; font-style: normal; font-weight: 500; }
.ticket-details-form input:not([type="checkbox"]) { width: 100%; min-height: 50px; padding: 0 15px; border: 1px solid rgba(130,161,193,.24); border-radius: 11px; outline: 0; color: white; background: rgba(255,255,255,.025); font: inherit; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.ticket-details-form input:not([type="checkbox"]):focus { border-color: rgba(0,229,255,.65); background: rgba(0,229,255,.035); box-shadow: 0 0 0 4px rgba(0,229,255,.06); }
.ticket-details-form input::placeholder { color: #536b83; }
.ticket-form-wide { grid-column: 1 / -1; }
.ticket-consent { grid-template-columns: 18px 1fr !important; align-items: start; gap: 10px !important; margin-top: 4px; color: #879db2 !important; line-height: 1.55; }
.ticket-consent input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--blue); }
.ticket-payment-notice { min-height: 22px; margin: 18px 0 0; color: var(--yellow); font-size: .7rem; font-weight: 700; line-height: 1.5; }
.payment-trust { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.payment-trust span { padding: 5px 8px; border: 1px solid rgba(130,161,193,.16); border-radius: 6px; color: #758da5; font-size: .52rem; font-weight: 800; }

@keyframes ticketBackdropIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes ticketDialogIn { from { opacity: 0; transform: translateY(22px) scale(.975); } to { opacity: 1; transform: none; } }
@keyframes ticketStepIn { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }

@media (max-width: 980px) {
  .ticket-modal { padding: 14px; }
  .ticket-dialog { height: calc(100vh - 28px); }
  .ticket-modal-grid { grid-template-columns: 1fr; overflow-y: auto; }
  .ticket-picker { overflow: visible; }
  .ticket-summary { min-height: 410px; border-left: 0; border-top: 1px solid rgba(135,165,198,.16); }
  .ticket-step { overflow-y: auto; }
  .ticket-step.is-active { display: block; }
}

@media (max-width: 680px) {
  .ticket-modal { padding: 0; }
  .ticket-dialog { width: 100%; height: 100dvh; border: 0; border-radius: 0; }
  .ticket-dialog-header { min-height: 84px; padding: 18px; }
  .ticket-dialog-heading { gap: 14px; }
  .ticket-mini-brand { display: none; }
  .ticket-close { width: 44px; height: 44px; }
  .ticket-picker, .ticket-summary { padding: 22px 18px; }
  .ticket-options { grid-template-columns: 1fr; }
  .ticket-option { min-height: 180px; }
  .ticket-panel-heading { align-items: flex-start; }
  .ticket-secure-chip { display: none; }
  .ticket-details-form { grid-template-columns: 1fr; }
  .ticket-form-wide { grid-column: auto; }
  .ticket-dialog-footer { align-items: flex-start; padding: 14px 18px; }
  .ticket-dialog-footer > div:first-child { gap: 12px; }
  .ticket-footer-brands { display: none; }
  .ticket-launch-actions { padding: 22px; }
}

/* Razorpay payment state + confirmation */
.ticket-next.is-loading { pointer-events: none; opacity: .72; }
.ticket-next.is-loading span::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 9px; border: 2px solid rgba(6,16,30,.35); border-top-color: #06101e; border-radius: 50%; vertical-align: -2px; animation: ticketPaySpin .7s linear infinite; }
.ticket-payment-notice.error { color: #ff8f9b; }
.ticket-payment-notice.success { color: var(--green); }
.ticket-payment-notice.info { color: var(--yellow); }
.ticket-success-step.is-active { display: grid; place-items: center; overflow-y: auto; padding: 34px; }
.ticket-success-panel { width: min(650px, 100%); margin: auto; padding: 48px; border: 1px solid rgba(0,229,255,.2); border-radius: 28px; background: radial-gradient(circle at 50% 0, rgba(0,229,255,.09), transparent 40%), linear-gradient(145deg, rgba(9,25,45,.95), rgba(4,12,25,.96)); box-shadow: 0 32px 90px rgba(0,0,0,.38); text-align: center; }
.ticket-success-icon { width: 78px; height: 78px; display: grid; place-items: center; margin: 0 auto 22px; border: 1px solid rgba(0,229,255,.35); border-radius: 50%; background: rgba(0,229,255,.08); box-shadow: 0 0 45px rgba(0,229,255,.12); }
.ticket-success-icon span { color: var(--green); font-family: var(--font-display); font-size: 2.15rem; font-weight: 900; }
.ticket-success-panel h3 { margin: 8px 0 10px; font-family: var(--font-display); font-size: clamp(2rem,5vw,3.2rem); letter-spacing: -.055em; }
.ticket-success-panel > p { max-width: 500px; margin: 0 auto; color: #90a6ba; font-size: .82rem; line-height: 1.7; }
.ticket-success-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 30px 0 18px; }
.ticket-success-meta > div { padding: 16px 12px; border: 1px solid rgba(130,161,193,.17); border-radius: 14px; background: rgba(255,255,255,.025); }
.ticket-success-meta span { display: block; margin-bottom: 5px; color: #70869d; font-size: .56rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ticket-success-meta strong { display: block; overflow-wrap: anywhere; color: #fff; font-family: var(--font-display); font-size: .78rem; }
.ticket-code-box { margin: 16px 0 5px; padding: 16px; border: 1px dashed rgba(0,229,255,.3); border-radius: 14px; background: rgba(0,229,255,.035); text-align: left; }
.ticket-code-box > span { display: block; margin-bottom: 9px; color: #839ab1; font-size: .61rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
#ticketSuccessCodes { display: flex; flex-wrap: wrap; gap: 7px; }
#ticketSuccessCodes b { padding: 7px 9px; border-radius: 7px; color: #a8efff; background: rgba(0,229,255,.08); font-family: var(--font-display); font-size: .65rem; letter-spacing: .04em; }
.ticket-success-note { margin-top: 17px !important; color: #70879c !important; font-size: .65rem !important; }
.ticket-success-close { max-width: 270px; margin: 24px auto 0; }
@keyframes ticketPaySpin { to { transform: rotate(360deg); } }
@media (max-width: 680px) {
  .ticket-success-step.is-active { padding: 18px; }
  .ticket-success-panel { padding: 34px 20px; border-radius: 22px; }
  .ticket-success-meta { grid-template-columns: 1fr; }
}

/* Ticket modal typography scale */
.ticket-dialog-heading h2 { font-size: clamp(1.95rem, 3.2vw, 2.65rem); }
.ticket-step-label { font-size: .74rem; }
.ticket-mini-brand span { font-size: 1.12rem; }
.ticket-mini-brand small { font-size: .61rem; }
.ticket-panel-heading h3,
.ticket-summary h3 { font-size: clamp(1.78rem, 2.5vw, 2.3rem); }
.ticket-panel-kicker { font-size: .68rem; }
.ticket-secure-chip { font-size: .72rem; }
.ticket-option-tag { font-size: .58rem; }
.ticket-option-copy h4 { font-size: 1.25rem; }
.ticket-option-copy p { font-size: .84rem; }
.ticket-price { font-size: 2.3rem; }
.ticket-price small { font-size: 1.12rem; }
.ticket-price em { font-size: .66rem; }
.ticket-qty button { font-size: 1.65rem; }
.ticket-qty output { font-size: 1.08rem; }
.ticket-empty-state { font-size: .88rem; }
.ticket-summary-line span { font-size: .9rem; }
.ticket-summary-line small { font-size: .72rem; }
.ticket-summary-line strong { font-size: 1rem; }
.ticket-summary-totals > div { font-size: .92rem; }
.ticket-summary-totals strong { font-size: 1.12rem; }
.ticket-summary-totals .ticket-total-row { font-size: 1.12rem; }
.ticket-summary-totals .ticket-total-row strong { font-size: 1.85rem; }
.ticket-summary-totals > small { font-size: .67rem; }
.ticket-next { font-size: .94rem; }
.ticket-dialog-footer a { font-size: .71rem; }
.ticket-footer-brands i { font-size: .63rem; }
.ticket-footer-brands strong { font-size: .82rem; }
.ticket-text-button { font-size: .78rem; }
.ticket-details-form label { font-size: .77rem; }
.ticket-details-form input:not([type="checkbox"]) { font-size: .9rem; }
.ticket-consent { font-size: .75rem !important; }
.ticket-payment-notice { font-size: .8rem; }
.payment-trust span { font-size: .61rem; }
.ticket-success-panel > p { font-size: .92rem; }
.ticket-success-meta span { font-size: .65rem; }
.ticket-success-meta strong { font-size: .9rem; }
.ticket-code-box > span { font-size: .7rem; }
#ticketSuccessCodes b { font-size: .74rem; }
.ticket-success-note { font-size: .74rem !important; }