.events-page { background: #fff; }
.events-page em { color: #ff812f; font-style: normal; }
.events-hero { position: relative; min-height: 790px; overflow: hidden; padding: 175px 0 105px; color: #fff; background: radial-gradient(circle at 68% 30%, #123e68 0, #081a31 38%, #061426 74%); }
.events-hero::before { position: absolute; inset: 0; content: ""; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom,#000,transparent 85%); }
.events-glow { position: absolute; border-radius: 50%; filter: blur(2px); }
.events-glow-one { top: 180px; right: 4%; width: 430px; height: 430px; background: rgba(0,153,238,.14); box-shadow: 0 0 120px rgba(0,153,238,.2); }
.events-glow-two { bottom: -140px; left: -100px; width: 360px; height: 360px; background: rgba(255,129,47,.1); }
.events-hero-grid { position: relative; z-index: 1; display: grid; align-items: center; grid-template-columns: 1.08fr .92fr; gap: 72px; }
.events-hero-copy h1 { max-width: 760px; margin: 22px 0; font-size: clamp(3rem,5.6vw,4.35rem); line-height: 1.02; letter-spacing: -.055em; }
.events-hero-copy > p:not(.eyebrow) { max-width: 680px; margin: 0; color: #b7c9d8; font-size: 1.13rem; }
.events-actions { display: flex; align-items: center; gap: 25px; margin-top: 34px; }
.events-text-link { color: #d7e3ec; font-size: .9rem; font-weight: 700; }
.events-proof { display: flex; padding: 0; margin: 32px 0 0; color: #8faabd; list-style: none; gap: 22px; font-size: .78rem; font-weight: 700; }
.events-proof li::before { margin-right: 7px; color: #20a873; content: "✓"; }
.event-flow { padding: 30px; background: rgba(5,22,42,.88); border: 1px solid rgba(255,255,255,.14); border-radius: 26px; box-shadow: 0 32px 80px rgba(0,0,0,.3); backdrop-filter: blur(14px); }
.flow-title { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.1); }
.flow-title span,.flow-result small { color: #7896ad; font-size: .68rem; text-transform: uppercase; letter-spacing: .12em; }
.flow-title strong { color: #dbe7ee; font-size: .9rem; }
.event-flow ol { padding: 0; margin: 22px 0; list-style: none; }
.event-flow li { display: grid; align-items: center; padding: 18px; margin-bottom: 12px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.1); border-radius: 16px; grid-template-columns: 52px 1fr auto; gap: 15px; }
.event-flow li > span { display: grid; width: 52px; height: 52px; color: #fff; background: linear-gradient(145deg,#06a0e7,#087fc5); border-radius: 14px; font-size: .72rem; font-weight: 850; place-items: center; }
.event-flow li strong,.flow-result strong { display: block; color: #fff; font-size: .88rem; }
.event-flow li small { color: #8fa7b8; font-size: .7rem; }
.event-flow li > b { color: rgba(255,255,255,.15); font-size: 1.2rem; }
.flow-result { display: flex; align-items: center; padding: 18px; background: rgba(32,168,115,.1); border: 1px solid rgba(32,168,115,.2); border-radius: 16px; gap: 13px; }
.flow-result > i { display: grid; width: 36px; height: 36px; color: #fff; background: #20a873; border-radius: 50%; font-style: normal; place-items: center; }
.events-section { padding: 108px 0; }
.section-kicker { margin: 0; color: #087fc5; font-size: .72rem; font-weight: 850; text-transform: uppercase; letter-spacing: .15em; }
.tacit-section { background: #fff; }
.tacit-grid { display: grid; align-items: center; grid-template-columns: .88fr 1.12fr; gap: 70px; }
.tacit-copy h2 { margin: 10px 0 18px; color: #10243c; font-size: clamp(2.25rem,4vw,3.65rem); line-height: 1.08; letter-spacing: -.045em; }
.tacit-lead { margin: 0; color: #60758a; }
.tacit-warning { display: grid; padding: 22px; margin-top: 28px; color: #65320f; background: #fff4ec; border: 1px solid #ffd4b7; border-radius: 16px; grid-template-columns: 42px 1fr; gap: 14px; }
.tacit-warning > span { display: grid; width: 42px; height: 42px; color: #fff; background: #e76f1f; border-radius: 12px; font-size: 1.1rem; font-weight: 900; place-items: center; }
.tacit-warning strong { display: block; color: #7b3709; }
.tacit-warning p { margin: 5px 0 0; font-size: .82rem; }
.tacit-warning code,.tacit-conditions code,.tacit-result code { padding: .08em .3em; color: inherit; background: rgba(255,255,255,.1); border-radius: 4px; font-size: .92em; }
.tacit-warning code { background: rgba(123,55,9,.08); }
.tacit-card { padding: 34px; color: #fff; background: linear-gradient(145deg,#0d2848,#061426); border: 1px solid #173d63; border-radius: 26px; box-shadow: 0 26px 65px rgba(5,28,54,.18); }
.tacit-code { display: flex; align-items: center; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.12); gap: 14px; }
.tacit-code span { display: grid; width: 58px; height: 58px; color: #fff; background: linear-gradient(145deg,#ff9b59,#e76f1f); border-radius: 16px; font-size: .8rem; font-weight: 900; place-items: center; }
.tacit-code strong { font-size: 1.2rem; }
.tacit-conditions { padding: 0; margin: 24px 0; list-style: none; }
.tacit-conditions li { display: grid; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.09); grid-template-columns: 36px 1fr; gap: 13px; }
.tacit-conditions li > span { display: grid; width: 32px; height: 32px; color: #8edcff; background: rgba(6,160,231,.14); border-radius: 9px; font-size: .72rem; font-weight: 850; place-items: center; }
.tacit-conditions strong { color: #fff; font-size: .86rem; }
.tacit-conditions p { margin: 3px 0 0; color: #a9bdcc; font-size: .76rem; }
.tacit-result { display: flex; align-items: center; justify-content: center; padding: 16px; color: #ccebdc; background: rgba(32,168,115,.12); border: 1px solid rgba(32,168,115,.25); border-radius: 14px; gap: 12px; text-align: center; }
.tacit-result strong,.tacit-result b { font-size: .76rem; }
.tacit-result b { color: #fff; }
.tacit-sources { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; gap: 18px; }
.tacit-sources a { color: #81d5f7; font-size: .69rem; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.events-heading { max-width: 820px; margin-bottom: 52px; }
.events-heading.centered { margin-right: auto; margin-left: auto; text-align: center; }
.events-heading h2,.context-copy h2,.audit-copy h2 { margin: 10px 0 18px; color: #10243c; font-size: clamp(2.25rem,4vw,3.65rem); line-height: 1.08; letter-spacing: -.045em; }
.events-heading > p:last-child,.context-copy > p,.audit-copy > p { margin: 0; color: #60758a; }
.context-section { background: #eef4f8; }
.context-grid { display: grid; align-items: center; grid-template-columns: .88fr 1.12fr; gap: 70px; }
.context-copy > p + p { margin-top: 16px; }
.context-list { padding: 0; margin: 30px 0 0; list-style: none; }
.context-list li { display: grid; padding: 16px 0; border-top: 1px solid #d6e1e9; grid-template-columns: 46px 1fr; gap: 14px; }
.context-list li > span { display: grid; width: 38px; height: 38px; color: #087fc5; background: #dff2fb; border-radius: 11px; font-size: .68rem; font-weight: 850; place-items: center; }
.context-list strong { color: #10243c; }
.context-list p { margin: 3px 0 0; color: #6c7f90; font-size: .8rem; }
.consequences-section { background: linear-gradient(145deg,#0d2848,#061426); }
.events-heading.light h2 { color: #fff; }
.events-heading.light h2 em { color: #69c8f1; }
.events-heading.light .section-kicker { color: #69c8f1; }
.events-heading.light > p:last-child { color: #c3d3df; }
.consequences-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.consequence-card { display: flex; min-height: 330px; padding: 34px; color: #fff; background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.15); border-radius: 22px; flex-direction: column; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.consequence-card.featured { background: linear-gradient(145deg,#087fc5,#075f98); border-color: transparent; transform: translateY(-12px); }
.consequence-number { display: grid; width: 42px; height: 42px; color: #087fc5; background: #e4f5fd; border-radius: 12px; font-size: .75rem; font-weight: 850; place-items: center; }
.consequence-card.featured .consequence-number { color: #fff; background: rgba(255,255,255,.15); }
.consequence-card h3 { margin: 26px 0 12px; color: #fff; font-size: 1.35rem; }
.consequence-card p { margin: 0 0 24px; color: #cedce6; font-size: .88rem; }
.consequence-card strong { margin-top: auto; color: #81d5f7; font-size: .78rem; }
.consequence-card.featured strong { color: #fff; }
.legal-callout { display: grid; padding: 24px 28px; margin-top: 42px; color: #c7d6e1; background: rgba(255,255,255,.08); border-left: 4px solid #ff9b59; border-radius: 14px; grid-template-columns: auto 1fr; gap: 24px; }
.legal-callout strong { color: #fff; }
.legal-callout p { margin: 0; font-size: .82rem; }
.rules-section { background: #f5f8fb; }
.rules-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; }
.rule-card { overflow: hidden; background: #fff; border: 1px solid #dfe8f0; border-radius: 22px; box-shadow: 0 16px 42px rgba(5,28,54,.07); transition: transform .2s ease,box-shadow .2s ease; }
.rule-card:hover { transform: translateY(-5px); box-shadow: 0 24px 58px rgba(5,28,54,.12); }
.rule-card.featured { border-color: #9fd7ef; box-shadow: 0 18px 42px rgba(6,128,197,.13); }
.rule-image { display: block; overflow: hidden; background: #e8eef3; aspect-ratio: 1.75; }
.rule-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .25s ease; }
.rule-card:hover .rule-image img { transform: scale(1.015); }
.context-rule-card .rule-image img { background: #fff; object-fit: contain; }
.context-rule-card .rule-copy p { min-height: auto; }
.rule-copy { padding: 28px; }
.rule-copy > span { color: #087fc5; font-size: .67rem; font-weight: 850; text-transform: uppercase; letter-spacing: .13em; }
.rule-copy h3 { margin: 8px 0 10px; color: #10243c; font-size: 1.35rem; }
.rule-copy p { min-height: 66px; margin: 0 0 20px; color: #60758a; font-size: .84rem; }
.rule-copy a { color: #075f98; font-size: .78rem; font-weight: 800; }
.audit-section { background: #fff; }
.audit-panel { display: grid; padding: 58px; color: #fff; background: radial-gradient(circle at 20% 0,#12375d,#061426 56%); border-radius: 30px; box-shadow: 0 28px 70px rgba(5,28,54,.2); grid-template-columns: .88fr 1.12fr; gap: 70px; }
.audit-copy h2 { color: #fff; }
.audit-copy > p { color: #b5c7d4; }
.audit-copy .section-kicker { color: #69c8f1; }
.audit-badge { display: inline-flex; align-items: center; padding: 11px 15px; margin-top: 27px; color: #a5e0c5; background: rgba(32,168,115,.12); border: 1px solid rgba(32,168,115,.24); border-radius: 12px; gap: 9px; font-size: .82rem; }
.audit-badge span { display: grid; width: 24px; height: 24px; color: #fff; background: #20a873; border-radius: 50%; place-items: center; }
.audit-copy .audit-contact { margin-top: 20px; color: #839caf; font-size: .76rem; }
.audit-steps { position: relative; padding: 0; margin: 0; list-style: none; }
.audit-steps::before { position: absolute; top: 43px; bottom: 43px; left: 25px; width: 2px; content: ""; background: linear-gradient(#06a0e7,rgba(255,255,255,.12)); }
.audit-steps li { position: relative; display: grid; padding: 22px 25px; margin-bottom: 14px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; grid-template-columns: 52px 1fr; gap: 18px; }
.audit-steps li > span { z-index: 1; display: grid; width: 52px; height: 52px; color: #fff; background: linear-gradient(145deg,#06a0e7,#087fc5); border-radius: 15px; font-weight: 850; place-items: center; }
.audit-steps strong { color: #fff; }
.audit-steps p { margin: 4px 0 0; color: #9fb2c1; font-size: .8rem; }
.audit-form { display: grid; padding-top: 34px; border-top: 1px solid rgba(255,255,255,.12); grid-column: 1 / -1; grid-template-columns: 1fr 1fr; gap: 14px; }
.audit-form-intro { max-width: 850px; margin-bottom: 16px; }
.audit-form-intro h3 { margin: 0 0 10px; color: #fff; font-size: clamp(1.75rem,3.2vw,2.65rem); line-height: 1.08; letter-spacing: -.035em; }
.audit-form-intro h3 em { color: #69c8f1; }
.audit-form-intro p { margin: 0; color: #b5c7d4; font-size: .95rem; }
.audit-form label { display: grid; gap: 6px; }
.audit-form label > span { color: #b5c6d3; font-size: .7rem; font-weight: 700; }
.audit-form input { width: 100%; padding: 12px 13px; color: #e9f1f6; background: rgba(3,14,27,.55); border: 1px solid rgba(255,255,255,.14); border-radius: 10px; outline: none; }
.audit-form input:focus { border-color: #06a0e7; box-shadow: 0 0 0 3px rgba(6,160,231,.14); }
.audit-form input[aria-invalid="true"] { border-color: #ff9b59; }
.audit-form .form-status { min-height: 1.2em; margin: 0; color: #ffb17d; font-size: .78rem; }
.audit-form .form-note { margin: 0; color: #7f96a8; font-size: .76rem; }
.audit-managed { min-height: 220px; padding: 36px; color: #e9f1f6; background: rgba(3,14,27,.55); border: 1px solid rgba(120,210,170,.45); border-radius: 18px; grid-column: 1 / -1; place-items: center; text-align: center; }
.audit-managed[hidden] { display: none; }
.audit-managed:not([hidden]) { display: grid; }
.audit-managed strong { color: #78d2aa; font-size: clamp(2rem,4vw,3.25rem); }
.trial-full { grid-column: 1 / -1; }
.sources-section { padding: 0 0 90px; }
.sources-inner { padding: 24px 28px; color: #60758a; background: #f2f6f9; border-left: 4px solid #087fc5; border-radius: 14px; }
.sources-inner strong { color: #10243c; }
.sources-inner p { margin: 7px 0 0; font-size: .76rem; }
.sources-inner a { color: #075f98; font-weight: 750; text-decoration: underline; text-underline-offset: 2px; }
.share-section { padding: 0 0 60px; }
.share-inner { padding: 28px 28px 32px; color: #60758a; background: #f2f6f9; border-left: 4px solid #087fc5; border-radius: 14px; text-align: center; }
.share-inner strong { color: #10243c; display: block; margin-bottom: 16px; font-size: .95rem; letter-spacing: .01em; }
.share-qr { display: block; margin: 0 auto 16px; width: 240px; height: 240px; max-width: 100%; background: #ffffff; padding: 14px; border-radius: 12px; box-shadow: 0 6px 18px rgba(16, 36, 60, .14); }
.share-url { margin: 0; font-size: .76rem; }
.share-url a { color: #075f98; font-weight: 750; text-decoration: underline; text-underline-offset: 2px; word-break: break-all; }
@media (max-width: 1020px) { .events-hero-grid,.tacit-grid,.context-grid,.audit-panel { gap: 45px; } .audit-panel { padding: 44px; } }
@media (max-width: 780px) { .events-hero { min-height: auto; padding: 145px 0 75px; } .events-hero-grid,.tacit-grid,.context-grid,.audit-panel { grid-template-columns: 1fr; } .events-hero-grid { gap: 50px; } .events-actions,.events-proof { align-items: stretch; flex-direction: column; } .events-actions .button { width: 100%; } .events-proof { gap: 8px; } .events-section { padding: 82px 0; } .consequences-grid,.rules-grid { grid-template-columns: 1fr; } .consequence-card.featured { transform: none; } .legal-callout { grid-template-columns: 1fr; gap: 8px; } .rule-copy p { min-height: auto; } .audit-panel { padding: 38px 28px; } }
@media (max-width: 540px) { .events-hero-copy h1 { font-size: 2.72rem; } .event-flow { padding: 19px; } .event-flow li { padding: 14px; grid-template-columns: 46px 1fr; } .event-flow li > span { width: 46px; height: 46px; } .event-flow li > b { display: none; } .events-section { padding: 72px 0; } .tacit-card { padding: 24px 20px; } .tacit-warning { grid-template-columns: 1fr; } .tacit-result,.tacit-sources { align-items: stretch; flex-direction: column; } .tacit-result { text-align: left; } .tacit-result > span { transform: rotate(90deg); align-self: flex-start; } .consequence-card { min-height: auto; padding: 28px 24px; } .rule-copy { padding: 24px; } .audit-panel { padding: 32px 22px; border-radius: 22px; } .audit-form { grid-template-columns: 1fr; } .trial-full { grid-column: auto; } }
@media (prefers-reduced-motion: reduce) { .rule-card,.rule-image img { transition: none; } .rule-card:hover { transform: none; } }