@font-face {
font-family:Golos;
src:url('assets/fonts/GolosText-Regular.woff2') format('woff2');
font-weight:400;
font-display:swap
}

@font-face {
font-family:Golos;
src:url('assets/fonts/GolosText-SemiBold.woff2') format('woff2');
font-weight:600;
font-display:swap
}

@font-face {
font-family:Golos;
src:url('assets/fonts/GolosText-Bold.woff2') format('woff2');
font-weight:700;
font-display:swap
}

:root {
--indigo:#4d4ddb;
--indigo-dark:#3838b8;
--indigo-soft:#f0f0ff;
--orange:#f7681c;
--orange-dark:#c94700;
--orange-soft:#fff0e8;
--ink:#212121;
--muted:#626577;
--line:#ddddf2;
--surface:#f8f9fc;
--white:#fff;
--max:1200px;
--radius:20px;
--space:clamp(36px,3vw,48px)
}

* {
box-sizing:border-box
}
html {
scroll-behavior:smooth;
scroll-padding-top:90px
}
body {
margin:0;
color:var(--ink);
background:var(--white);
font-family:Golos,Arial,sans-serif;
font-size:17px;
line-height:1.55;
overflow-x:hidden;
-webkit-font-smoothing:antialiased
}
img,svg {
display:block;
max-width:100%
}
a {
color:inherit;
text-decoration:none
}
.container {
width:min(var(--max),calc(100% - 48px));
margin-inline:auto
}
.skip-link {
position:fixed;
left:16px;
top:-80px;
z-index:100;
padding:12px 16px;
background:var(--ink);
color:#fff;
border-radius:8px
}
.skip-link:focus {
top:12px
}
.site-header {
position:sticky;
top:0;
z-index:20;
background:rgba(255,255,255,.96);
border-bottom:1px solid var(--line);
backdrop-filter:blur(14px)
}
.header-inner {
min-height:76px;
display:flex;
align-items:center;
gap:36px
}
.brand {
display:inline-flex
}
.nav {
display:flex;
gap:32px;
margin-left:auto;
font-size:15px
}
.nav a {
padding:12px 0
}
.nav a:hover {
color:var(--indigo)
}
.header-cta-group {
display:flex;
align-items:center;
gap:10px
}
.button {
display:inline-flex;
min-height:56px;
align-items:center;
justify-content:center;
gap:28px;
padding:14px 24px;
border:2px solid var(--indigo);
border-radius:10px;
background:var(--indigo);
color:#fff;
font-weight:600;
line-height:1.2;
transition:background .2s,border-color .2s,transform .2s
}
.button:hover {
background:var(--indigo-dark);
border-color:var(--indigo-dark);
transform:translateY(-2px)
}
.button-small {
min-height:44px;
padding:10px 18px;
font-size:15px;
gap:10px
}
.button-orange {
background:var(--orange);
border-color:var(--orange)
}
.button-orange:hover {
background:var(--orange-dark);
border-color:var(--orange-dark)
}
.button-light {
background:#fff;
border-color:#fff;
color:var(--indigo)
}
.button-light:hover {
background:var(--indigo-soft);
border-color:var(--indigo-soft)
}
.cta-row {
display:flex;
flex-wrap:nowrap;
gap:12px
}
.cta-row .button {
padding-inline:18px;
gap:12px;
font-size:15px;
white-space:nowrap
}
a:focus-visible,summary:focus-visible {
outline:3px solid var(--orange);
outline-offset:4px
}
.section {
padding-block:var(--space)
}
.section-intro {
max-width:620px
}
.section-intro.wide {
max-width:830px
}
.section-label {
margin:0 0 14px;
color:var(--indigo);
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase
}
.section-label.light {
color:#fff
}
.section-intro>p:last-child {
color:var(--muted);
font-size:18px
}
#audience .section-intro {
max-width:none
}
#audience .section-intro>p:last-child {
white-space:nowrap
}
#safe-ai .section-intro {
max-width:none
}
#safe-ai .section-intro>p:last-child {
white-space:nowrap
}
h1,h2,h3,p {
margin-top:0
}
h1,h2,h3 {
line-height:1.08;
letter-spacing:-.035em
}
h1 {
max-width:720px;
margin-bottom:22px;
font-size:clamp(38px,4.24vw,61px);
line-height:1.14
}
h2 {
margin-bottom:24px;
font-size:clamp(36px,4vw,54px)
}
h3 {
font-size:21px
}
.hero {
padding:48px 0 56px
}
.hero-grid {
display:grid;
grid-template-columns:.92fr 1.08fr;
gap:40px;
align-items:stretch
}
.hero-copy {
min-width:0
}
.hero-lead {
max-width:660px;
color:#3e4050;
font-size:19px;
line-height:1.48
}
.event-meta {
display:flex;
flex-wrap:wrap;
gap:10px 24px;
margin:22px 0;
font-weight:600
}
.event-meta span {
display:flex;
align-items:center
}
.event-meta span+span:before {
content:"";
width:4px;
height:4px;
margin-right:24px;
border-radius:50%;
background:var(--orange)
}
.microcopy {
margin:10px 0 0;
color:var(--muted);
font-size:14px
}
.hero-mentor {
position:relative;
display:flex;
align-items:center;
justify-content:center;
min-height:700px;
min-width:0;
overflow:hidden
}
.hero-mentor-visual {
position:relative;
width:min(100%,624px);
aspect-ratio:1122/1402;
background:var(--white)
}
.hero-mentor img {
width:100%;
height:100%;
border-radius:0;
object-fit:contain
}
.hero-countdown-live {
position:absolute;
top:56.3%;
left:20.8%;
width:61%;
height:14.2%;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:2.8%;
pointer-events:none
}
.countdown-unit {
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
min-width:0;
border:0;
background:transparent;
box-shadow:none
}
.countdown-unit b,.countdown-unit small {
position:relative;
z-index:1
}
.countdown-unit b {
display:block;
color:var(--indigo);
font-size:clamp(42px,4.8vw,76px);
font-weight:700;
line-height:1;
letter-spacing:-.04em
}
.countdown-unit small {
display:block;
margin-top:6px;
color:#27314d;
font-size:clamp(10px,.82vw,14px);
font-weight:700;
line-height:1;
letter-spacing:.02em;
text-transform:uppercase
}
.hero-start-label {
position:absolute;
top:75.8%;
left:20.5%;
width:59%;
height:12.3%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
color:var(--orange);
font-size:34px;
font-weight:700;
line-height:1;
letter-spacing:0;
text-align:center;
pointer-events:none
}
.hero-start-time {
display:block;
font:inherit
}
.trust {
padding-bottom:48px
}
.results-strip {
display:grid;
grid-template-columns:repeat(4,1fr);
border:1px solid var(--line);
border-radius:16px;
background:var(--surface)
}
.results-strip div {
padding:24px;
text-align:center
}
.results-strip div+div {
border-left:1px solid var(--line)
}
.results-strip strong,.results-strip span {
display:block
}
.results-strip strong {
color:var(--indigo);
font-size:clamp(34px,4vw,52px);
line-height:1
}
.results-strip span {
margin-top:10px;
font-size:14px
}
.client-trust {
margin-top:56px;
padding-top:48px;
border-top:1px solid var(--line)
}
.trust-logos .client-trust {
margin-top:0;
padding-top:0;
border-top:0
}
.client-trust h2 {
margin:0;
font-size:32px;
text-align:center
}
.client-logos {
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:36px;
align-items:center;
margin-top:40px
}
.client-logos img {
width:100%;
height:44px;
object-fit:contain;
opacity:.62
}
.role-grid {
display:grid;
grid-template-columns:repeat(3,1fr);
margin-top:54px;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line)
}
.role-grid article {
padding:32px 36px 34px 0
}
.role-grid article+article {
padding-left:36px;
border-left:1px solid var(--line)
}
.role-grid article>span,.principles article>span {
color:var(--orange);
font-weight:700
}
.role-grid h3 {
margin-top:28px;
color:var(--indigo);
font-size:27px
}
.role-grid p {
color:var(--muted)
}
.problem {
background:var(--surface)
}
.problem-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:100px
}
.problem h2 {
max-width:600px
}
.problem-copy>p {
color:var(--ink);
font-size:17px;
font-weight:400;
line-height:1.55
}
.plain-list {
padding:0;
margin:30px 0 0;
list-style:none;
border-top:1px solid #d6d8e4
}
.plain-list li {
padding:14px 0 14px 42px;
border-bottom:1px solid #d6d8e4;
color:var(--muted);
font-size:17px;
font-weight:400;
line-height:1.55;
position:relative
}
.plain-list li:before {
content:"×";
display:grid;
width:18px;
height:18px;
place-items:center;
border:1px solid #bfc1cc;
border-radius:3px;
background:#fff;
position:absolute;
left:0;
top:18px;
color:var(--orange);
font-size:24px;
font-weight:700;
line-height:16px
}
.program-grid {
display:grid;
grid-template-columns:.78fr 1.22fr;
gap:110px;
align-items:start
}
.sticky-intro {
position:sticky;
top:120px
}
.text-link {
display:inline-block;
margin-top:20px;
color:var(--indigo);
font-weight:600
}
.sticky-intro .button {
margin-top:20px
}
.program-list {
padding:0;
margin:0;
list-style:none
}
.program-list li {
display:grid;
grid-template-columns:56px 1fr;
gap:20px;
padding:0 0 30px;
margin-bottom:30px;
border-bottom:1px solid var(--line)
}
.program-list li>span,.method-rail li>span {
display:grid;
width:42px;
height:42px;
place-items:center;
border:1px solid var(--indigo);
border-radius:50%;
color:var(--indigo);
font-weight:700
}
.program-list h3 {
margin:0 0 8px;
font-size:24px
}
.program-list p {
margin:0;
color:var(--muted)
}
.method {
border-top:1px solid var(--line)
}
.method-rail {
display:grid;
grid-template-columns:repeat(5,1fr);
padding:0;
margin:56px 0 0;
list-style:none
}
.method-rail li {
position:relative;
padding-right:26px
}
.method-rail li:not(:last-child):after {
content:"";
position:absolute;
top:20px;
left:42px;
right:0;
border-top:1px solid var(--indigo)
}
.method-rail h3 {
margin-top:28px
}
.method-rail p {
color:var(--muted);
font-size:15px
}
.ai-diagnostics {
background:var(--indigo);
color:#fff
}
.ai-grid {
display:grid;
grid-template-columns:1.08fr .92fr;
gap:48px
}
.ai-heading {
grid-column:1/-1;
display:grid;
grid-template-columns:1.15fr .85fr;
grid-template-areas:
"label copy"
"title copy";
column-gap:80px;
row-gap:14px;
align-items:end
}
.ai-heading .section-label {
grid-area:label;
margin-bottom:0
}
.ai-heading h2 {
grid-area:title;
max-width:760px
}
.ai-heading>p:last-child {
grid-area:copy;
margin-bottom:0;
color:#e6e6ff;
font-size:18px
}
.transcript {
padding:28px;
border-radius:var(--radius);
background:#fff;
color:var(--ink)
}
.transcript-head {
display:flex;
justify-content:space-between;
padding-bottom:18px;
border-bottom:1px solid var(--line)
}
.transcript-head span {
color:var(--muted);
font-size:13px
}
.transcript p {
padding-left:18px;
margin:22px 0;
border-left:3px solid var(--indigo);
font-size:15px
}
.transcript p:nth-child(odd) {
border-color:var(--orange)
}
.transcript b {
display:block;
margin-bottom:5px;
color:var(--indigo)
}
.transcript p:nth-child(odd) b {
color:var(--orange)
}
.readiness {
align-self:center
}
.readiness h3 {
font-size:27px
}
.readiness>div {
display:flex;
justify-content:space-between;
gap:20px;
padding:18px 0;
border-bottom:1px solid rgba(255,255,255,.28)
}
.readiness>div strong {
color:#fff
}
.readiness footer {
margin-top:30px;
padding:24px;
border:1px solid rgba(255,255,255,.45);
border-radius:16px
}
.readiness footer span,.readiness footer b {
display:block
}
.readiness footer b {
margin-top:8px;
color:#fff;
font-size:24px
}
.principles {
display:grid;
grid-template-columns:repeat(3,1fr);
margin-top:54px;
border-top:1px solid var(--line)
}
.principles article {
padding:34px 42px 0 0
}
.principles article+article {
padding-left:42px;
border-left:1px solid var(--line)
}
.principles h3 {
margin-top:26px
}
.principles p {
color:var(--muted)
}
.analytics {
background:var(--surface)
}
.analytics-grid {
display:grid;
grid-template-columns:.7fr 1.3fr;
gap:80px;
align-items:center
}
.matrix-wrap {
overflow:auto;
border:1px solid var(--line);
border-radius:16px;
background:#fff
}
.matrix {
width:100%;
min-width:680px;
border-collapse:collapse;
font-size:14px
}
.matrix caption {
padding:16px;
text-align:left;
color:var(--muted);
font-size:13px
}
.matrix th,.matrix td {
padding:15px;
border-top:1px solid var(--line);
text-align:left
}
.matrix thead th {
font-size:12px
}
.dot {
display:inline-block;
width:9px;
height:9px;
margin-right:7px;
border-radius:50%
}
.dot.strong {
background:var(--indigo)
}
.dot.base {
background:var(--orange)
}
.dot.weak {
border:2px solid var(--orange)
}
.result-ledger {
margin-top:40px;
border-top:2px solid var(--ink)
}
.result-ledger article {
display:grid;
grid-template-columns:190px 260px 1fr;
gap:50px;
align-items:center;
padding:28px 0;
border-bottom:1px solid #bfc1cc
}
.result-ledger strong {
color:var(--orange);
font-size:50px;
line-height:1
}
.result-ledger h3,.result-ledger p {
margin:0
}
.result-ledger p {
color:var(--muted)
}
.results {
padding-bottom:48px
}
.results .container {
width:min(var(--max),calc(100% - 48px));
max-width:var(--max)
}
.results .section-intro {
max-width:none
}
.results-title {
font-size:clamp(36px,3vw,60px)
}
.trust-logos {
padding-top:0
}
.speaker {
background:var(--surface)
}
.speaker-grid {
display:grid;
grid-template-columns:.75fr 1.25fr;
gap:80px;
align-items:center
}
.speaker-portrait {
aspect-ratio:4/3;
display:grid;
place-items:center;
border:1px solid #d6d8e4;
border-radius:var(--radius);
background:#fff;
overflow:hidden
}
.speaker-portrait img {
width:100%;
height:100%;
object-fit:cover;
object-position:center 32%
}
.speaker-role {
color:var(--indigo);
font-size:21px;
font-weight:600
}
.speaker-grid>div:last-child>p:last-child {
max-width:640px;
font-size:18px
}
.bonus {
background:var(--indigo-soft)
}
.bonus-access {
display:grid;
grid-template-columns:.82fr 1.18fr;
gap:64px 96px;
align-items:start
}
.bonus-heading h2 {
font-size:46px
}
.bonus-heading h2 span {
color:var(--orange)
}
.bonus-heading>p:last-child {
max-width:560px;
color:var(--muted);
font-size:18px
}
.bonus-heading .button {
margin-top:24px
}
.bonus-details {
border-top:1px solid #cfcff2
}
.bonus-details article {
display:grid;
grid-template-columns:52px 1fr;
column-gap:22px;
padding:28px 0;
border-bottom:1px solid #cfcff2
}
.bonus-details article>span {
grid-row:1/3;
color:var(--orange);
font-weight:700
}
.bonus-details h3 {
margin-bottom:10px;
font-size:24px
}
.bonus-details p {
margin:0;
color:var(--muted)
}
.faq-grid {
display:grid;
grid-template-columns:.65fr 1.35fr;
gap:80px
}
.faq-list {
border-top:1px solid var(--line)
}
details {
border-bottom:1px solid var(--line)
}
summary {
position:relative;
padding:24px 44px 24px 0;
cursor:pointer;
list-style:none;
font-size:20px;
font-weight:600
}
summary::-webkit-details-marker {
display:none
}
summary:after {
content:"+";
position:absolute;
right:5px;
color:var(--indigo);
font-size:28px;
font-weight:400
}
details[open] summary:after {
content:"−"
}
details p {
max-width:730px;
padding:0 44px 24px 0;
margin:0;
color:var(--muted)
}
.registration {
background:var(--indigo);
color:#fff
}
.registration-inner {
display:grid;
grid-template-columns:1fr 1fr;
gap:64px;
align-items:end
}
.registration h2 {
margin:0;
font-size:clamp(38px,4.6vw,62px)
}
.event-meta.inverse {
margin-bottom:0
}
.registration-action .registration-start {
margin:0 0 24px;
color:#fff;
font-size:clamp(28px,2.6vw,42px);
font-weight:700;
letter-spacing:-.035em;
line-height:1.08
}
.registration-action p {
margin:14px 0 0;
color:#e3e3ff;
font-size:14px
}
.footer {
padding:28px 0
}
.footer-inner {
display:flex;
align-items:center;
gap:40px
}
.footer-inner a {
margin-left:auto;
color:var(--indigo)
}
.footer-inner span {
color:var(--muted);
font-size:14px
}

@media(max-width:1100px) {
.nav {
display:none
}
.header-cta-group {
margin-left:auto
}
#audience .section-intro>p:last-child {
white-space:normal;
overflow-wrap:anywhere
}
#safe-ai .section-intro>p:last-child {
white-space:normal
}
.hero-grid {
grid-template-columns:1fr;
gap:52px
}
.hero-mentor {
min-height:0
}
.hero-mentor-visual {
width:min(100%,620px)
}
.hero-mentor img {
width:100%;
height:100%
}
}

@media(max-width:980px) {
.problem-grid,.program-grid,.analytics-grid,.speaker-grid,.faq-grid,.registration-inner {
grid-template-columns:1fr
}
.problem-grid,.program-grid {
gap:48px
}
.sticky-intro {
position:static
}
.method-rail {
grid-template-columns:repeat(3,1fr);
gap:34px 0
}
.method-rail li:not(:last-child):after {
display:none
}
.ai-heading {
grid-template-columns:1fr;
grid-template-areas:
"label"
"title"
"copy";
gap:12px
}
.ai-grid {
grid-template-columns:1fr
}
.role-grid,.principles {
grid-template-columns:1fr
}
.role-grid article,.role-grid article+article,.principles article,.principles article+article {
padding:28px 0;
border-left:0;
border-bottom:1px solid var(--line)
}
.results-strip {
grid-template-columns:repeat(2,1fr)
}
.results-strip div:nth-child(3) {
border-left:0;
border-top:1px solid var(--line)
}
.results-strip div:nth-child(4) {
border-top:1px solid var(--line)
}
.client-logos {
grid-template-columns:repeat(3,minmax(0,1fr));
gap:32px 48px
}
.result-ledger article {
grid-template-columns:160px 220px 1fr
}
.bonus-access {
grid-template-columns:1fr;
gap:48px
}
.registration-inner {
gap:48px
}

}

@media(max-width:680px) {
:root {
--space:48px
}
.container {
width:min(100% - 32px,var(--max))
}
body {
font-size:16px
}
.site-header {
position:relative
}
.header-inner {
min-height:68px;
flex-wrap:wrap;
gap:10px;
padding-block:12px
}
.brand img {
width:132px
}
.header-cta-group {
width:100%;
margin-left:0;
gap:8px
}
.header-cta-group .button {
flex:1 1 0;
min-height:42px;
padding:9px 8px;
font-size:12px;
white-space:nowrap
}
.hero {
padding-top:48px
}
.hero-grid {
gap:42px
}
h1 {
font-size:38px
}
.hero-lead {
font-size:17px
}
.event-meta {
display:grid;
gap:8px;
margin:24px 0
}
.event-meta span+span:before {
display:none
}
.hero-copy .cta-row .button {
width:100%;
gap:16px
}
.cta-row {
flex-direction:column
}
.hero-mentor {
margin-top:10px
}
.countdown-unit {
border-radius:9px
}
.countdown-unit b {
font-size:clamp(30px,10vw,52px)
}
.countdown-unit small {
margin-top:3px;
font-size:clamp(8px,3vw,11px)
}
.hero-start-label {
gap:4px;
font-size:22px
}
.results-strip {
grid-template-columns:1fr
}
.results-strip div+div {
border-left:0;
border-top:1px solid var(--line)
}
.problem-grid {
gap:28px
}
.program-list li {
grid-template-columns:44px 1fr
}
.program-list h3 {
font-size:21px
}
.method-rail {
grid-template-columns:1fr
}
.method-rail li {
display:grid;
grid-template-columns:48px 1fr;
column-gap:18px
}
.method-rail li>span {
grid-row:1/3
}
.method-rail h3 {
margin:4px 0 8px
}
.ai-heading {
display:block
}
.transcript {
padding:20px
}
.readiness>div {
display:block
}
.readiness>div strong {
display:block;
margin-top:6px
}
.analytics-grid {
gap:40px
}
.result-ledger article {
grid-template-columns:1fr;
gap:8px
}
.result-ledger strong {
font-size:44px
}
.client-trust {
margin-top:40px;
padding-top:40px
}
.trust-logos .client-trust {
margin-top:0;
padding-top:0
}
.client-trust h2 {
font-size:28px;
text-align:left
}
.client-logos {
grid-template-columns:repeat(2,minmax(0,1fr));
gap:28px 32px
}
.client-logos img {
height:36px
}
.bonus-heading h2 {
font-size:36px
}
.bonus-details article {
grid-template-columns:42px 1fr;
column-gap:16px
}
.bonus-details h3 {
font-size:21px
}
.registration h2 {
font-size:38px
}
.registration-action .cta-row .button {
width:100%;
padding-inline:16px
}
.footer-inner {
flex-wrap:wrap
}
.footer-inner a {
margin-left:0
}
.footer-inner span {
width:100%
}

}

@media(prefers-reduced-motion:reduce) {
html {
scroll-behavior:auto
}
*,*:before,*:after {
scroll-behavior:auto!important;
transition:none!important;
animation:none!important
}

}