:root {
  --petrol: #073b4c;
  --petrol-deep: #042b38;
  --petrol-soft: #0d5363;
  --teal: #22b9be;
  --teal-light: #8adbd6;
  --gold: #d4aa52;
  --gold-light: #f0d58d;
  --ivory: #f7f5ef;
  --paper: #fdfcf8;
  --ink: #12343c;
  --muted: #698087;
  --line: rgba(13, 83, 99, 0.14);
  --shadow: 0 28px 80px rgba(3, 44, 56, 0.13);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--ivory); font-family: var(--sans); line-height: 1.6; overflow-x: hidden; }
body::before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .025; z-index: 20; 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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; }
button, select { font: inherit; }
img { display: block; max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 100; padding: .8rem 1rem; background: white; border-radius: 8px; }
.skip-link:focus { top: 1rem; }

.site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 30; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 20px clamp(24px, 5vw, 80px); color: white; border-bottom: 1px solid rgba(255,255,255,.13); }
.brand { width: 82px; height: 82px; border-radius: 17px; overflow: hidden; background: white; box-shadow: 0 12px 32px rgba(0,20,28,.18); }
.brand img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.04); }
.desktop-nav { display: flex; gap: 2.2rem; font-size: .85rem; letter-spacing: .04em; }
.desktop-nav a, .text-link { position: relative; }
.desktop-nav a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: -7px; height: 1px; background: var(--gold-light); transition: right .3s ease; }
.desktop-nav a:hover::after { right: 0; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 1rem; }
.language-picker select { border: 0; background: transparent; color: white; padding: .6rem .25rem; cursor: pointer; }
.language-picker option { color: var(--ink); }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 1.55rem; border-radius: 999px; background: var(--teal); color: #032f3b; font-weight: 750; letter-spacing: .015em; box-shadow: 0 10px 30px rgba(34,185,190,.23); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(34,185,190,.34); background: var(--teal-light); }
.button-small { min-height: 42px; padding: 0 1.15rem; font-size: .85rem; }

.hero { position: relative; min-height: 900px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 5vw; padding: 150px clamp(24px, 6vw, 110px) 90px; color: white; background: radial-gradient(circle at 78% 38%, rgba(28,188,193,.22), transparent 28%), radial-gradient(circle at 12% 92%, rgba(212,170,82,.13), transparent 25%), linear-gradient(135deg, #032b39 0%, #073f50 47%, #062d3b 100%); overflow: hidden; }
.hero::after { content: ''; position: absolute; inset: auto 0 0; height: 180px; background: linear-gradient(transparent, rgba(1,29,38,.22)); pointer-events: none; }
.hero-glow { position: absolute; width: 520px; height: 520px; border: 1px solid rgba(132,222,219,.16); border-radius: 50%; right: -190px; top: 100px; box-shadow: 0 0 90px rgba(34,185,190,.12), inset 0 0 80px rgba(34,185,190,.08); }
.hero-copy { position: relative; z-index: 2; max-width: 700px; }
.eyebrow { margin: 0 0 1.2rem; color: var(--petrol-soft); font-size: .72rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.eyebrow.light { color: var(--teal-light); }
.gold-text { color: #8b6724; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -.035em; line-height: 1.03; }
h1 { margin-bottom: 1.6rem; font-size: clamp(3.2rem, 6vw, 7rem); }
h1 em, h2 em { color: var(--gold-light); font-style: italic; font-weight: 400; }
.hero-lead { max-width: 630px; margin-bottom: 2rem; color: rgba(255,255,255,.76); font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; }
.text-link { display: inline-flex; gap: .75rem; align-items: center; color: white; font-weight: 700; }
.text-link span:last-child { color: var(--gold-light); transition: transform .2s ease; }
.text-link:hover span:last-child { transform: translate(3px,3px); }
.event-note { display: flex; align-items: center; gap: .7rem; margin-top: 2.5rem; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.58); }
.event-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 5px rgba(212,170,82,.13); }

.hero-stage { position: relative; z-index: 2; min-height: 590px; display: grid; place-items: center; }
.hero-carousel { position: relative; width: min(720px,95%); height: 391px; min-height: 0; z-index: 2; transition: height .45s cubic-bezier(.2,.7,.2,1); }
.orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(126,217,213,.18); }
.orbit-one { width: 610px; height: 610px; }
.orbit-two { width: 470px; height: 470px; border-color: rgba(212,170,82,.16); }
.app-shell { width: 100%; height: 100%; min-height: 0; display: grid; grid-template-columns: 90px 1fr; background: transparent; color: var(--ink); border: 1px solid rgba(255,255,255,.65); border-radius: 28px; overflow: hidden; box-shadow: 0 45px 100px rgba(0,14,20,.43), 0 0 0 9px rgba(255,255,255,.035); transform: perspective(1500px) rotateY(-5deg) rotateX(2deg); }
.carousel-slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; transform: perspective(1500px) translateX(38px) rotateY(-3deg) scale(.975); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.7,.2,1); }
.carousel-slide.active { opacity: 1; pointer-events: auto; transform: perspective(1500px) rotateY(-5deg) rotateX(2deg); }
.real-slide { display: block; background: transparent; }
.real-slide > :not(.real-screen-image):not(.real-screen-label) { display: none!important; }
.real-screen-image { width: 100%; height: 100%; display: block; object-fit: fill; background: transparent; }
.real-screen-image.landscape { object-fit: fill; object-position: center; background: transparent; }
.real-screen-image.portrait { object-fit: contain; background: linear-gradient(135deg,#866426,#c59a45); }
.real-screen-label { display: none; }
.real-screen-label span { color: var(--teal-light); font-size: .5rem; font-weight: 900; letter-spacing: .13em; }.real-screen-label strong { font-family: var(--serif); font-size: .86rem; font-weight: 400; }
.carousel-controls { position: absolute; z-index: 6; left: 50%; bottom: -38px; display: flex; gap: 9px; transform: translateX(-50%); }
.carousel-controls button { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 99px; background: rgba(255,255,255,.35); cursor: pointer; transition: width .25s ease, background .25s ease; }
.carousel-controls button.active { width: 34px; background: var(--gold-light); }
.mock-sidebar { display: flex; flex-direction: column; align-items: center; gap: 26px; padding: 27px 18px; background: var(--petrol-deep); }
.mock-mark { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; color: white; font-family: var(--serif); font-size: 1.5rem; }
.mock-line { width: 39px; height: 6px; border-radius: 5px; background: rgba(255,255,255,.25); }
.mock-line.active { background: var(--teal-light); box-shadow: -17px 0 0 var(--teal); }
.mock-line.short { width: 27px; }
.mock-main { padding: 28px 30px; }
.mock-top { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: .8rem; }
.mock-avatar { display: grid; place-items: center; width: 34px; height: 34px; color: white; border-radius: 50%; background: var(--petrol); }
.mock-title { margin: 24px 0; font-family: var(--serif); font-size: clamp(1.6rem, 3vw, 2.5rem); }
.mock-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 14px; }
.mock-card { min-height: 150px; padding: 22px; border: 1px solid var(--line); border-radius: 17px; background: white; box-shadow: 0 8px 22px rgba(9,59,74,.05); }
.mock-kicker { display: block; margin-bottom: 10px; color: #769097; font-size: .58rem; font-weight: 800; letter-spacing: .14em; }
.agenda-card strong { display: block; font-family: var(--serif); font-size: 2.65rem; line-height: 1; }
.agenda-card > span:not(.mock-kicker) { font-size: .75rem; color: var(--muted); }
.mini-action { display: inline-block; margin-top: 18px; padding: 7px 10px; color: white; border-radius: 6px; background: var(--petrol-soft); font-size: .62rem; }
.pulse-card { color: white; background: linear-gradient(150deg, var(--petrol), #106577); }
.pulse-card .mock-kicker { color: var(--teal-light); }
.pulse-card strong { font-family: var(--serif); font-size: 3.3rem; }
.pulse-bars { height: 28px; display: flex; align-items: end; gap: 5px; }
.pulse-bars i { width: 12%; height: 30%; background: var(--teal-light); border-radius: 3px 3px 0 0; }
.pulse-bars i:nth-child(2) { height: 55%; }.pulse-bars i:nth-child(3) { height: 42%; }.pulse-bars i:nth-child(4) { height: 85%; background: var(--gold-light); }.pulse-bars i:nth-child(5) { height: 70%; }
.wide-card { grid-column: 1 / -1; min-height: 100px; }
.wide-card ul { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 30px; margin: 0; padding-left: 18px; font-size: .72rem; }
.dossier-screen .mock-title,.ai-screen .mock-title,.portal-screen .mock-title { margin-bottom: 18px; font-size: clamp(1.5rem,2.5vw,2.2rem); }
.profile-strip { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; padding: 13px 15px; border-radius: 14px; background: #eaf5f3; }
.profile-picture { display: grid; place-items: center; width: 43px; height: 43px; color: white; border-radius: 50%; background: var(--petrol-soft); font-family: var(--serif); font-size: 1.3rem; }.profile-strip strong,.profile-strip small { display: block; }.profile-strip small { color: var(--muted); font-size: .63rem; }.profile-strip i { color: var(--muted); font-style: normal; letter-spacing: .14em; }
.timeline-mock { display: grid; gap: 9px; margin-top: 14px; padding-left: 18px; border-left: 1px solid var(--teal); }.timeline-mock div { position: relative; display: grid; grid-template-columns: 62px 1fr; gap: 2px 12px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 10px; background: white; }.timeline-mock div::before { content: ''; position: absolute; left: -23px; top: 20px; width: 9px; height: 9px; border: 3px solid white; border-radius: 50%; background: var(--teal); }.timeline-mock span { grid-row: span 2; color: var(--gold); font-size: .55rem; font-weight: 900; letter-spacing: .08em; }.timeline-mock b { font-size: .72rem; }.timeline-mock small { color: var(--muted); font-size: .58rem; }
.ai-side { background: linear-gradient(180deg,#052e3c,#0b5c6c); }.ai-screen { background: linear-gradient(145deg,#fbfdfc,#e9f6f4); }.ai-screen-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 12px; }.transcript-card,.insight-card { min-height: 170px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: white; }.transcript-card p { display: grid; grid-template-columns: 38px 1fr .65fr; gap: 8px; align-items: center; margin: 14px 0; }.transcript-card b { color: var(--gold); font-size: .55rem; }.transcript-card i { height: 7px; border-radius: 5px; background: #c9dfe0; }.transcript-card i.short { width: 65%; }.insight-card { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: white; background: var(--petrol-soft); }.insight-card > span { display: grid; place-items: center; width: 37px; height: 37px; margin-bottom: 12px; color: var(--petrol); border-radius: 50%; background: var(--gold-light); }.insight-card strong { font-family: var(--serif); font-weight: 400; }.insight-card small { color: var(--teal-light); font-size: .58rem; }.ai-output { display: flex; align-items: center; gap: 10px; margin-top: 12px; padding: 13px; color: var(--petrol); border-radius: 11px; background: #d7efec; font-size: .68rem; }.ai-output span { display: grid; place-items: center; width: 27px; height: 27px; color: white; border-radius: 50%; background: var(--teal); }
.portal-slide { background: #f2dfaa; }.portal-side { background: linear-gradient(180deg,#7d5b20,#ad8135); }.portal-screen { background: linear-gradient(145deg,#fffdf7,#f5e9c7); }.gold-avatar { color: var(--petrol)!important; background: var(--gold-light)!important; }.portal-screen-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.portal-screen-card { display: flex; gap: 12px; align-items: center; min-height: 120px; padding: 18px; border: 1px solid rgba(125,91,32,.16); border-radius: 14px; background: rgba(255,255,255,.7); }.portal-screen-card.wide { grid-column: 1 / -1; min-height: 92px; }.portal-screen-card > span { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; color: white; border-radius: 50%; background: var(--petrol); }.portal-screen-card small,.portal-screen-card b { display: block; }.portal-screen-card small { color: #8b6724; font-size: .5rem; font-weight: 900; letter-spacing: .09em; }.portal-screen-card b { margin-top: 5px; font-size: .68rem; }
.floating-card { position: absolute; display: flex; align-items: center; gap: 12px; min-width: 210px; padding: 14px 18px; color: var(--ink); background: rgba(255,255,255,.93); border: 1px solid rgba(255,255,255,.6); border-radius: 15px; box-shadow: 0 20px 50px rgba(0,25,34,.3); backdrop-filter: blur(12px); }
.hero-carousel ~ .floating-card { opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .3s ease, transform .3s ease; }
.hero-carousel[data-active="0"] ~ .floating-card { opacity: 1; pointer-events: auto; transform: none; }
.real-slide ~ .floating-card,.hero-stage > .floating-card { display: none; }
.floating-card small { display: block; color: var(--muted); font-size: .56rem; font-weight: 800; letter-spacing: .12em; }
.floating-card strong { display: block; font-family: var(--serif); font-size: .95rem; }
.float-icon { width: 34px; height: 34px; display: grid; place-items: center; color: var(--petrol); background: #d7f1ef; border-radius: 50%; }
.ai-float { right: -10px; top: 45px; }.portal-float { left: 0; bottom: 18px; }

.trust-band { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(3,1fr); background: white; border-bottom: 1px solid var(--line); }
.trust-band > div { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 36px clamp(24px,4vw,62px); border-right: 1px solid var(--line); }
.trust-band > div:last-child { border-right: 0; }
.trust-number { color: var(--gold); font-family: var(--serif); font-size: 1.5rem; }
.trust-band p { margin: 0; color: var(--muted); font-size: .83rem; line-height: 1.55; }
.trust-band strong { color: var(--ink); font-size: .9rem; }

.chapter { padding: 130px clamp(24px, 8vw, 150px); }
.section-heading { max-width: 900px; margin-bottom: 90px; }
.section-heading h2, .ai-copy h2, .portal-copy h2, .simone-copy h2, .value-copy h2, .meet-copy h2 { margin-bottom: 0; font-size: clamp(3rem, 5vw, 6rem); }
.section-heading h2 em, .value-copy h2 em { color: #a87d2d; }
.journey { display: grid; gap: 90px; }
.journey-row { display: grid; grid-template-columns: 60px minmax(280px, .85fr) minmax(350px, 1.15fr); gap: clamp(28px,5vw,80px); align-items: center; }
.journey-row.reverse { grid-template-columns: minmax(350px, 1.15fr) 60px minmax(280px, .85fr); }
.journey-row.reverse .journey-index { order: 3; }.journey-row.reverse .journey-copy { order: 3; }.journey-row.reverse .visual { order: 1; }
.journey-index { align-self: stretch; padding-top: 8px; color: var(--gold); font-family: var(--serif); font-size: 1.1rem; border-top: 1px solid var(--gold); }
.journey-copy h3 { margin-bottom: 1rem; font-family: var(--serif); font-size: clamp(2.3rem, 3vw, 3.7rem); font-weight: 400; line-height: 1.08; }
.journey-copy > p:not(.eyebrow) { color: var(--muted); font-size: 1.03rem; }
.feature-list { display: grid; gap: .6rem; list-style: none; padding: 0; margin: 1.7rem 0 0; }
.feature-list li { position: relative; padding-left: 28px; font-weight: 650; font-size: .9rem; }
.feature-list li::before { content: '✓'; position: absolute; left: 0; color: var(--teal); }
.phase-divider { margin-top: 2rem; }
.compact-list { margin-top: 1rem; }
.journey-combined .journey-copy h3 { font-size: clamp(2.15rem, 2.6vw, 3.1rem); }
.journey-combined .feature-list { gap: .42rem; margin-top: 1rem; }
.journey-combined .phase-divider { margin-top: 1.35rem; }
.visual { position: relative; min-height: 380px; border-radius: 30px; box-shadow: var(--shadow); overflow: hidden; }
.journey-video-wrap { min-height: 0; background: var(--petrol-deep); }
.journey-video { display: block; width: 100%; height: auto; aspect-ratio: 40 / 23; object-fit: contain; }
.calendar-visual { display: grid; grid-template-columns: 34% 66%; color: white; background: linear-gradient(135deg, #0c5263, var(--petrol-deep)); }
.visual-header { display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid rgba(255,255,255,.13); }
.visual-header span { color: var(--teal-light); font-weight: 800; letter-spacing: .22em; }
.visual-header strong { font-family: var(--serif); font-size: clamp(5rem, 9vw, 9rem); font-weight: 400; line-height: .95; }
.calendar-slots { display: flex; align-items: end; justify-content: center; gap: 10px; padding: 80px 35px; }
.calendar-slots i { width: 14%; height: 28%; border-radius: 10px 10px 0 0; background: rgba(255,255,255,.1); }
.calendar-slots i:nth-child(2) { height: 72%; }.calendar-slots i:nth-child(3) { height: 45%; }.calendar-slots i:nth-child(4) { height: 88%; }.calendar-slots i:nth-child(5) { height: 56%; }
.calendar-slots .booked { background: var(--teal); }.calendar-slots .gold { background: var(--gold); }
.visual-caption { position: absolute; right: 26px; top: 27px; display: flex; gap: 10px; flex-direction: column; padding: 15px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(255,255,255,.07); }
.visual-caption span { color: var(--gold-light); font-size: .72rem; }.visual-caption b { font-size: .82rem; }
.note-visual { background: repeating-linear-gradient(0deg, transparent 0 47px, rgba(15,99,114,.11) 48px 49px), linear-gradient(135deg,#fff,#f2eee1); }
.pen-stroke { position: absolute; left: 10%; height: 6px; border-radius: 80% 20% 60% 40%; background: var(--petrol-soft); transform: skewX(-23deg) rotate(-1deg); }
.stroke-one { top: 27%; width: 72%; }.stroke-two { top: 45%; width: 58%; }.stroke-three { top: 63%; width: 66%; }
.pen-stroke::after { content: ''; position: absolute; right: 9%; top: -11px; width: 45px; height: 24px; border: 4px solid var(--petrol-soft); border-left: 0; border-bottom: 0; border-radius: 50%; transform: rotate(5deg); }
.note-convert { position: absolute; right: 24px; bottom: 24px; display: flex; align-items: center; gap: 12px; padding: 14px 18px; color: white; border-radius: 12px; background: var(--petrol); box-shadow: 0 12px 25px rgba(3,44,56,.2); }
.note-convert span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--petrol); background: var(--gold-light); border-radius: 50%; font-weight: 800; }.note-convert b { font-family: var(--serif); font-weight: 400; }
.summary-visual { display: grid; align-content: center; gap: 25px; padding: 60px; background: linear-gradient(145deg,white,#e8f6f4); }
.summary-line { display: flex; align-items: center; gap: 18px; }.summary-line span { display: grid; place-items: center; width: 38px; height: 38px; color: white; border-radius: 50%; background: var(--teal); }.summary-line i { display: block; width: 76%; height: 10px; border-radius: 8px; background: #bdd7d8; }.summary-line:nth-child(2) i { width: 58%; }.summary-line:nth-child(3) i { width: 68%; }
.summary-send { margin-top: 10px; color: var(--petrol-soft); font-size: .73rem; font-weight: 800; letter-spacing: .08em; text-align: center; text-transform: uppercase; }.summary-send span { margin: 0 .5rem; color: var(--gold); }

.ai-section { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; align-items: center; min-height: 800px; padding: 120px clamp(24px, 8vw, 150px); color: white; background: linear-gradient(135deg, var(--petrol-deep), #073f50 60%, #052f3c); overflow: hidden; }
.ai-aurora { position: absolute; width: 720px; height: 720px; right: -220px; top: -300px; border-radius: 50%; background: radial-gradient(circle, rgba(34,185,190,.25), transparent 64%); }
.ai-copy, .analysis-board { position: relative; z-index: 2; }
.ai-copy h2 em, .portal-copy h2 em, .simone-copy h2 em, .meet-copy h2 em { color: var(--gold-light); }
.ai-copy > p:not(.eyebrow) { max-width: 650px; color: rgba(255,255,255,.72); font-size: 1.05rem; }
.ai-copy > p:not(.eyebrow) strong { color: white; font-size: 1.12em; }
.ai-status { display: flex; align-items: flex-start; gap: 12px; margin-top: 2rem; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,.13); }
.ai-status span { flex: 0 0 auto; width: 9px; height: 9px; margin-top: 8px; border-radius: 50%; background: var(--gold); }.ai-status p { margin: 0; color: var(--gold-light); font-size: .82rem; }
.analysis-board { display: grid; gap: 10px; padding: 28px; border: 1px solid rgba(255,255,255,.17); border-radius: 25px; background: rgba(255,255,255,.07); box-shadow: 0 40px 90px rgba(0,14,20,.36); backdrop-filter: blur(18px); }
.board-head { display: flex; justify-content: space-between; padding-bottom: 16px; color: var(--teal-light); font-size: .72rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.analysis-chip { width: 100%; display: grid; grid-template-columns: 42px 1fr 28px; align-items: center; gap: 12px; padding: 15px; color: rgba(255,255,255,.7); text-align: left; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.04); cursor: pointer; transition: all .22s ease; }
.analysis-chip span { font-family: var(--serif); color: var(--teal-light); }.analysis-chip b { font-weight: 600; }.analysis-chip i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: rgba(255,255,255,.1); font-style: normal; }
.analysis-chip.selected, .analysis-chip:hover { color: white; border-color: rgba(126,217,213,.6); background: rgba(34,185,190,.13); transform: translateX(3px); }.analysis-chip.selected i { color: var(--petrol); background: var(--teal-light); }
.board-result { display: flex; gap: 13px; align-items: center; margin-top: 10px; padding: 17px; color: var(--petrol); border-radius: 13px; background: var(--gold-light); }.board-result span { font-size: 1.35rem; }.board-result p { margin: 0; font-size: .8rem; font-weight: 700; }

.practice-section { position: relative; padding: 120px clamp(24px,8vw,150px) 130px; background: radial-gradient(circle at 8% 12%,rgba(34,185,190,.1),transparent 28%),linear-gradient(180deg,#eef4f1 0%,var(--paper) 74%); overflow: hidden; }
.practice-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg,transparent,rgba(34,185,190,.45),transparent); }
.practice-heading { max-width: 920px; margin: 0 auto 65px; text-align: center; }
.practice-heading h2 { margin-bottom: 1.5rem; color: var(--petrol); font-size: clamp(3rem,5vw,5.8rem); }
.practice-heading h2 em { color: #a87d2d; }
.practice-heading > p:not(.eyebrow) { max-width: 760px; margin: 0 auto; color: var(--muted); font-size: clamp(1rem,1.5vw,1.22rem); }
.practice-flow { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; max-width: 1280px; margin: 0 auto; }
.practice-card { min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(13,83,99,.16); border-radius: 25px; background: white; box-shadow: 0 24px 60px rgba(3,44,56,.1); }
.practice-screen { aspect-ratio: 1.85 / 1; overflow: hidden; background: #e7efef; border-bottom: 1px solid rgba(13,83,99,.1); }
.practice-screen img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
.practice-card:hover .practice-screen img { transform: scale(1.018); }
.practice-card figcaption { display: flex; align-items: center; gap: 16px; padding: 20px 24px; }
.practice-card figcaption span { display: grid; flex: 0 0 auto; width: 38px; height: 38px; place-items: center; color: var(--petrol); border-radius: 50%; background: var(--gold-light); font-family: var(--serif); font-size: .9rem; }
.practice-card figcaption strong { color: var(--petrol); font-size: .92rem; letter-spacing: .01em; }
.practice-signature { max-width: 900px; margin: 58px auto 0; padding-top: 30px; color: var(--petrol); border-top: 1px solid rgba(13,83,99,.18); font-family: var(--serif); font-size: clamp(1.5rem,2.5vw,2.4rem); line-height: 1.3; text-align: center; }

.portal-section { display: grid; grid-template-columns: 1fr .8fr; gap: 8vw; align-items: center; min-height: 850px; padding: 120px clamp(24px, 9vw, 170px); color: #533f16; background: radial-gradient(circle at 80% 30%, rgba(255,255,255,.35), transparent 30%), linear-gradient(135deg,#e2c675,#b88c38); overflow: hidden; }
.portal-copy > p:not(.eyebrow) { max-width: 650px; color: rgba(57,42,15,.75); font-size: 1.05rem; }
.portal-copy h2 em { color: white; }
.portal-points { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 2rem; }.portal-points span { padding: 8px 12px; border: 1px solid rgba(62,42,6,.2); border-radius: 999px; background: rgba(255,255,255,.18); font-size: .75rem; font-weight: 700; }
.phone-wrap { position: relative; display: grid; place-items: center; min-height: 590px; }
.phone { position: relative; z-index: 2; width: min(325px, 84vw); min-height: 590px; padding: 36px 24px 22px; color: white; border: 8px solid rgba(255,255,255,.45); border-radius: 45px; background: linear-gradient(165deg,#092f3d,#0a5362); box-shadow: 0 45px 90px rgba(75,51,9,.27); }
.phone-top { position: absolute; top: 13px; left: 50%; width: 76px; height: 17px; transform: translateX(-50%); border-radius: 12px; background: #041e28; }
.phone-logo { width: 54px; height: 54px; display: grid; place-items: center; margin: 18px auto 8px; color: var(--gold-light); border: 1px solid var(--gold); border-radius: 50%; font-family: var(--serif); font-size: 1.8rem; }
.phone > small { display: block; text-align: center; color: var(--teal-light); letter-spacing: .18em; font-size: .55rem; }.phone > strong { display: block; margin: 22px 0; font-family: var(--serif); font-size: 1.65rem; font-weight: 400; }
.phone-alert { display: flex; align-items: center; gap: 10px; padding: 14px; color: var(--petrol); border-radius: 12px; background: var(--gold-light); }.phone-alert span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: white; background: var(--petrol); }.phone-alert b { font-size: .8rem; }
.phone-card { display: flex; gap: 12px; align-items: center; margin-top: 15px; padding: 18px 14px; border: 1px solid rgba(255,255,255,.15); border-radius: 13px; background: rgba(255,255,255,.07); }.phone-card > span { display: grid; place-items: center; width: 31px; height: 31px; color: var(--petrol); background: var(--teal-light); border-radius: 50%; }.phone-card small { display: block; color: var(--teal-light); font-size: .48rem; letter-spacing: .12em; }.phone-card b { font-size: .72rem; }
.phone-nav { position: absolute; left: 24px; right: 24px; bottom: 24px; display: flex; justify-content: space-around; padding: 14px; border-radius: 15px; background: rgba(255,255,255,.08); }.phone-nav i { width: 18px; height: 18px; border: 2px solid rgba(255,255,255,.55); border-radius: 50%; }.phone-nav i.current { border-color: var(--gold-light); background: var(--gold); }
.phone-halo { position: absolute; width: 540px; height: 540px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; box-shadow: 0 0 0 50px rgba(255,255,255,.06), 0 0 0 100px rgba(255,255,255,.035); }
.portal-video-wrap { min-height: 0; background: var(--petrol-deep); }
.portal-video { width: 100%; }

.arthur-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(50px,7vw,120px); align-items: center; min-height: 850px; padding: 120px clamp(24px,8vw,150px); background: radial-gradient(circle at 76% 44%,rgba(218,180,93,.14),transparent 29%),var(--paper); overflow: hidden; }
.arthur-copy { position: relative; z-index: 5; max-width: 650px; }
.arthur-copy h2 { margin-bottom: 1.5rem; }
.arthur-lead { max-width: 580px; color: var(--muted); font-size: clamp(1.05rem,1.6vw,1.35rem); line-height: 1.6; }
.arthur-list { display: grid; gap: 13px; margin: 2.1rem 0 1.7rem; padding: 0; list-style: none; }
.arthur-list li { position: relative; padding-left: 38px; color: var(--petrol); font-size: .9rem; font-weight: 750; }
.arthur-list li::before { content: '✓'; position: absolute; left: 0; top: -.15rem; display: grid; width: 25px; height: 25px; place-items: center; color: white; border-radius: 50%; background: var(--teal); font-size: .72rem; box-shadow: 0 7px 18px rgba(20,149,157,.2); }
.arthur-note { display: inline-flex; padding: 10px 14px; color: #795c22; border: 1px solid rgba(181,137,49,.22); border-radius: 999px; background: rgba(239,215,160,.35); font-size: .7rem; font-weight: 750; }
.arthur-firework { position: relative; width: 100%; max-width: 780px; justify-self: center; }
.arthur-composite { display: block; width: 100%; height: auto; border-radius: 30px; box-shadow: 0 30px 70px rgba(4,47,59,.13); }

.simone-section { display: grid; grid-template-columns: .95fr 1.05fr; gap: 7vw; align-items: center; min-height: 790px; padding: 90px clamp(24px, 8vw, 150px); color: white; background: linear-gradient(130deg,#062d3a,#0c5565); overflow: hidden; }
.simone-image { position: relative; width: 100%; max-width: 680px; aspect-ratio: 1210 / 1240; justify-self: center; overflow: hidden; border: 1px solid rgba(126,217,213,.2); border-radius: 30px; background: #063f4b; box-shadow: 0 30px 75px rgba(0,16,24,.28); }
.simone-image > img { display: block; width: 100%; height: auto; }
.simone-copy blockquote { max-width: 720px; margin: 2rem 0; padding-left: 1.5rem; color: var(--gold-light); border-left: 1px solid var(--gold); font-family: var(--serif); font-size: clamp(1.25rem,2vw,1.8rem); font-style: italic; }.simone-copy > p:not(.eyebrow) { max-width: 680px; color: rgba(255,255,255,.67); }

.origin-section { position: relative; display: grid; grid-template-columns: 1.12fr .88fr; gap: clamp(50px,8vw,130px); align-items: center; padding: 125px clamp(24px,9vw,170px); background: radial-gradient(circle at 92% 12%,rgba(212,170,82,.16),transparent 30%),linear-gradient(145deg,#f5f5ef,var(--paper)); overflow: hidden; }
.origin-section::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg,transparent,rgba(13,83,99,.2),transparent); }
.origin-copy { max-width: 770px; }
.origin-copy h2 { margin-bottom: 2rem; color: var(--petrol); font-size: clamp(3rem,5vw,5.8rem); }
.origin-copy h2 em { color: #a87d2d; }
.origin-copy > p:not(.eyebrow) { color: var(--muted); font-size: 1rem; }
.origin-copy .origin-principle { margin-top: 2rem; padding-left: 22px; color: var(--petrol); border-left: 3px solid var(--gold); font-weight: 750; }
.origin-manifesto { position: relative; padding: clamp(35px,5vw,68px); color: white; border-radius: 34px; background: radial-gradient(circle at 100% 0,rgba(34,185,190,.24),transparent 35%),linear-gradient(145deg,var(--petrol-deep),#0b5665); box-shadow: 0 34px 80px rgba(3,44,56,.2); overflow: hidden; }
.origin-mark { display: grid; width: 58px; height: 58px; margin-bottom: 36px; place-items: center; color: var(--gold-light); border: 1px solid rgba(240,213,141,.55); border-radius: 50%; font-family: var(--serif); font-size: 2rem; }
.origin-manifesto blockquote { margin: 0; color: white; font-family: var(--serif); font-size: clamp(1.75rem,3vw,3rem); line-height: 1.18; }
.origin-update { display: grid; grid-template-columns: auto 1fr; gap: 16px; margin-top: 42px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.17); }
.origin-update > span { display: grid; width: 38px; height: 38px; place-items: center; color: var(--petrol); border-radius: 50%; background: var(--gold-light); font-size: 1.25rem; font-weight: 800; }
.origin-update strong { display: block; color: var(--teal-light); font-size: .9rem; }
.origin-update p { margin: 6px 0 0; color: rgba(255,255,255,.7); font-size: .78rem; }

.value-section { display: grid; grid-template-columns: 1.3fr .7fr; gap: 6vw; align-items: center; padding: 120px clamp(24px, 9vw, 170px); background: var(--paper); }.value-copy { grid-column: 1; grid-row: 1; }.value-copy > p:not(.eyebrow) { max-width: 680px; color: var(--muted); }.price-mark { grid-column: 2; grid-row: 1; justify-self: center; display: flex; flex-direction: column; align-items: center; text-align: center; }.price-mark > span { color: var(--muted); font-size: .74rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.price-mark strong { color: var(--petrol); font-family: var(--serif); font-size: clamp(6rem,11vw,11rem); font-weight: 400; line-height: .9; }.price-mark sup { color: var(--gold); font-size: .3em; vertical-align: top; }
.trial-poster { grid-column: 1 / -1; width: min(1120px,100%); margin: .5rem 0 0; justify-self: center; }
.trial-poster-frame { padding: 12px; border: 1px solid rgba(4,47,59,.18); border-radius: 30px; background: linear-gradient(145deg,#073d4d,#0b6070); box-shadow: 0 32px 75px rgba(4,47,59,.18); }
.trial-poster-mat { padding: 14px; border: 1px solid rgba(205,161,67,.35); border-radius: 21px; background: #f8f3e8; }
.trial-poster-screen { position: relative; min-height: 720px; padding: 58px clamp(18px,4vw,58px) 42px; overflow: hidden; border-radius: 13px; background: linear-gradient(180deg,#f2f6f5,#eaf1f0); }
.trial-browser-dots { position: absolute; top: 19px; left: 50%; display: flex; gap: 7px; transform: translateX(-50%); }
.trial-browser-dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(18,52,60,.65); }
.trial-modal { position: relative; max-width: 970px; margin: 0 auto; padding: clamp(28px,4vw,48px); text-align: center; border: 1px solid rgba(13,83,99,.09); border-radius: 20px; background: rgba(255,255,255,.97); box-shadow: 0 24px 65px rgba(4,47,59,.12); }
.trial-close { position: absolute; top: 15px; right: 22px; color: #698087; font-size: 2rem; font-weight: 300; line-height: 1; }
.trial-sparkle { display: grid; width: 64px; height: 64px; margin: 0 auto 16px; place-items: center; color: #218e9a; border-radius: 50%; background: #e5f1f0; font-size: 1.8rem; }
.trial-badge { display: inline-flex; margin: 0 0 18px; padding: 6px 16px; color: #a47720; border-radius: 999px; background: #fff3d8; font-size: .78rem; font-weight: 800; }
.trial-modal h3 { margin: 0; color: var(--petrol); font-family: var(--serif); font-size: clamp(2rem,4vw,3.45rem); font-weight: 400; line-height: 1.06; }
.trial-lead { max-width: 760px; margin: 18px auto 30px; color: var(--muted); font-size: clamp(.82rem,1.25vw,1rem); }
.trial-benefits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; text-align: left; }
.trial-benefit { min-width: 0; padding: 22px; border: 1px solid rgba(13,83,99,.13); border-radius: 15px; background: #fbfdfc; }
.trial-benefit-icon { display: grid; width: 38px; height: 38px; margin-bottom: 17px; place-items: center; border-radius: 50%; font-size: 1.1rem; font-weight: 800; }
.trial-benefit-icon.teal { color: #168b97; background: #e5f3f2; }.trial-benefit-icon.gold { color: #a47720; background: #fff1d1; }.trial-benefit-icon.pages { font-size: 1.25rem; }
.trial-benefit strong { display: block; min-height: 2.7em; color: var(--petrol); font-size: .93rem; line-height: 1.3; }
.trial-benefit p { margin: 11px 0 0; color: var(--muted); font-size: .74rem; line-height: 1.55; }
.trial-note { display: grid; gap: 3px; margin-top: 22px; padding: 15px 20px; color: var(--petrol-soft); border-radius: 12px; background: #edf6f4; font-size: .78rem; }
.trial-note strong { font-size: .82rem; }.trial-note span { color: var(--muted); }
.plans-showcase { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 1.5rem; align-items: stretch; }
.plan-card { min-width: 0; padding: clamp(24px,3vw,38px); border: 1px solid rgba(14,98,114,.22); border-radius: 26px; background: rgba(255,255,255,.82); box-shadow: 0 18px 45px rgba(4,47,59,.07); }
.plan-card.featured { border-color: rgba(31,151,160,.55); background: linear-gradient(145deg,#eef8f7,#f8fbfa); box-shadow: inset 8px 0 0 rgba(31,151,160,.78),0 22px 55px rgba(4,47,59,.1); }
.plan-head { display: grid; grid-template-columns: 1fr; gap: 18px; align-items: start; min-height: 168px; padding-bottom: 1.4rem; border-bottom: 1px solid rgba(14,98,114,.14); }
.plan-name { display: flex; gap: 16px; align-items: flex-start; min-width: 0; }
.plan-choice { display: grid; place-items: center; flex: 0 0 auto; width: 42px; height: 42px; color: white; border: 2px solid #9db8bc; border-radius: 50%; font-family: var(--sans); font-size: 1.35rem; font-weight: 800; }
.featured .plan-choice { border-color: var(--teal); background: var(--teal); }
.plan-name h3 { margin: 0; color: var(--petrol); font-family: var(--serif); font-size: clamp(1.8rem,2.8vw,3rem); font-weight: 400; line-height: 1.05; }
.plan-price { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 130px; text-align: left; }
.plan-price strong { color: var(--petrol-soft); font-family: var(--serif); font-size: clamp(2.4rem,4vw,4.2rem); font-weight: 400; line-height: .9; white-space: nowrap; }
.plan-price strong sup { color: var(--gold); font-size: .45em; vertical-align: top; }
.plan-price > span { max-width: 180px; color: var(--muted); font-size: .62rem; font-weight: 800; letter-spacing: .08em; line-height: 1.35; text-transform: uppercase; }
.plan-price .plan-pending { max-width: 180px; color: #8b6724; font-family: var(--sans); font-size: .7rem; font-weight: 850; letter-spacing: .08em; line-height: 1.35; text-transform: uppercase; white-space: normal; }
.plan-body { padding-top: 1.35rem; }
.plan-included { margin: 0 0 1rem; color: #789398; font-size: .72rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.plan-features { display: grid; grid-template-columns: 1fr; gap: 10px 22px; margin: 0; padding: 0; list-style: none; }
.plan-features li { position: relative; padding-left: 22px; color: #496c73; font-size: .82rem; line-height: 1.45; }
.plan-features li::before { content: '✓'; position: absolute; left: 0; top: .05em; color: var(--teal); font-size: .78rem; font-weight: 900; }

.meet-section { padding: 30px clamp(24px, 5vw, 80px) 80px; background: var(--paper); }.meet-card { position: relative; display: grid; grid-template-columns: 1.2fr .8fr; gap: 6vw; align-items: center; min-height: 630px; padding: clamp(45px,7vw,100px); color: white; border-radius: 38px; background: radial-gradient(circle at 82% 20%,rgba(34,185,190,.25),transparent 30%),linear-gradient(135deg,#052e3c,#0a4c5d); overflow: hidden; }.meet-card::before { content: ''; position: absolute; width: 500px; height: 500px; right: -230px; bottom: -230px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018); }.meet-copy { position: relative; z-index: 2; }.meet-copy p:not(.eyebrow) { max-width: 650px; color: rgba(255,255,255,.7); }.button-gold { margin-top: 1rem; background: var(--gold-light); color: var(--petrol-deep); box-shadow: 0 12px 30px rgba(212,170,82,.2); }.button-gold:hover { background: white; }
.event-ticket { position: relative; z-index: 2; min-height: 360px; display: flex; flex-direction: column; justify-content: space-between; padding: 25px; color: var(--petrol); border-radius: 22px; background: linear-gradient(145deg,#f7e5b4,#d7ae59); box-shadow: 0 30px 70px rgba(0,15,20,.3); transform: rotate(3deg); }.event-ticket::before,.event-ticket::after { content: ''; position: absolute; top: 68%; width: 25px; height: 50px; background: #073c4b; }.event-ticket::before { left: -1px; border-radius: 0 25px 25px 0; }.event-ticket::after { right: -1px; border-radius: 25px 0 0 25px; }.ticket-top { display: flex; justify-content: space-between; padding-bottom: 17px; border-bottom: 1px solid rgba(7,59,76,.25); font-size: .68rem; font-weight: 900; letter-spacing: .16em; }.ticket-main small { display: block; max-width: 240px; line-height: 1.4; font-weight: 800; letter-spacing: .12em; }.ticket-main strong { display: block; margin-top: .4rem; font-family: var(--serif); font-size: clamp(4.5rem,7vw,7rem); font-weight: 400; line-height: .9; }.ticket-main span { font-size: .8rem; }.ticket-code { height: 38px; display: flex; align-items: stretch; gap: 8px; padding-top: 12px; border-top: 1px dashed rgba(7,59,76,.32); }.ticket-code i { width: 12%; background: var(--petrol); }.ticket-code i:nth-child(2),.ticket-code i:nth-child(5) { width: 5%; }.ticket-code i:nth-child(3) { width: 18%; }

footer { display: flex; justify-content: space-between; align-items: end; gap: 2rem; padding: 50px clamp(24px, 6vw, 100px); color: rgba(255,255,255,.58); background: #031f29; }.footer-signature { display: flex; align-items: center; gap: 18px; color: white; font-family: var(--serif); font-size: 1.25rem; }.footer-signature img { width: 75px; height: 55px; object-fit: cover; object-position: center 38%; border-radius: 12px; transform: scale(1); }.footer-signature p { margin: 0; }.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 1.5rem; font-size: .75rem; }.footer-links a:hover { color: white; }

.reveal { opacity: 1; transform: none; }
.motion-ready .reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.motion-ready .reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1050px) {
  .desktop-nav { display: none; }.site-header { grid-template-columns: 1fr auto; }
  .hero { grid-template-columns: 1fr; padding-top: 150px; }.hero-stage { min-height: 560px; }
  .trust-band { grid-template-columns: 1fr; }.trust-band > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .journey-row,.journey-row.reverse { grid-template-columns: 45px 1fr; }.journey-row .visual { grid-column: 1 / -1; }.journey-row.reverse .journey-index { order: 1; }.journey-row.reverse .journey-copy { order: 2; }.journey-row.reverse .visual { order: 3; }
  .ai-section,.portal-section,.arthur-section,.simone-section,.origin-section,.value-section,.meet-card { grid-template-columns: 1fr; }.ai-section { gap: 70px; }.portal-section { padding-bottom: 90px; }.arthur-copy { max-width: 760px; }.arthur-firework { width: min(800px,100%); justify-self: center; }.simone-image { order: 2; }.simone-copy { padding-top: 80px; padding-bottom: 0; }.origin-copy { max-width: 820px; }.origin-manifesto { max-width: 820px; }.value-copy { grid-column: 1; grid-row: auto; text-align: center; }.value-copy > p:not(.eyebrow) { margin-left: auto; margin-right: auto; }.trial-poster { grid-column: 1; grid-row: auto; }.price-mark { grid-column: 1; grid-row: auto; margin-top: 20px; }.plans-showcase { grid-template-columns: 1fr; }.event-ticket { max-width: 520px; width: 100%; justify-self: center; transform: rotate(1deg); }
}

@media (max-width: 650px) {
  .site-header { padding: 12px 18px; }.brand { width: 62px; height: 62px; border-radius: 14px; }.header-actions { gap: .35rem; }.button-small { min-height: 38px; padding: 0 .85rem; font-size: .72rem; }.language-picker select { font-size: .75rem; }
  .hero { min-height: auto; padding: 125px 20px 70px; }.hero h1 { font-size: clamp(3rem,14vw,4.4rem); }.hero-stage { min-height: 420px; margin-top: 20px; }.hero-carousel { min-height: 0; }.app-shell { min-height: 0; grid-template-columns: 52px 1fr; border-radius: 19px; transform: none; }.carousel-slide,.carousel-slide.active { transform: none; }.real-screen-image { height: 100%; }.real-screen-label { left: 12px; bottom: 12px; }.mock-sidebar { gap: 18px; padding: 20px 10px; }.mock-mark { width: 30px; height: 30px; }.mock-line { width: 24px; }.mock-main { padding: 18px 15px; }.mock-title { margin: 18px 0; }.mock-card { min-height: 110px; padding: 14px; }.agenda-card strong { font-size: 2rem; }.pulse-card strong { font-size: 2.5rem; }.wide-card { display: none; }.floating-card { min-width: 175px; padding: 10px 12px; }.ai-float { top: 2px; right: -5px; }.portal-float { bottom: 2px; left: -5px; }.orbit-one { width: 400px; height: 400px; }.orbit-two { width: 310px; height: 310px; }.timeline-mock div:nth-child(3) { display: none; }.ai-screen-grid { grid-template-columns: 1fr; }.insight-card { display: none; }.transcript-card { min-height: 145px; }.portal-screen-card { min-height: 95px; padding: 12px; }.portal-screen-card.wide { display: none; }
  .chapter,.ai-section,.portal-section,.arthur-section,.origin-section,.value-section { padding: 85px 20px; }.section-heading { margin-bottom: 65px; }.journey { gap: 85px; }.journey-row { grid-template-columns: 34px 1fr; gap: 18px; }.visual { min-height: 290px; border-radius: 22px; }.summary-visual { padding: 35px 25px; }.calendar-visual { grid-template-columns: 38% 62%; }.visual-caption { display: none; }.origin-section { gap: 42px; }.origin-copy h2 { font-size: clamp(2.9rem,13vw,4.4rem); }.origin-manifesto { padding: 34px 24px; border-radius: 24px; }.origin-mark { margin-bottom: 25px; }.origin-update { margin-top: 30px; }.trial-poster-frame { padding: 6px; border-radius: 20px; }.trial-poster-mat { padding: 7px; border-radius: 15px; }.trial-poster-screen { min-height: 0; padding: 46px 9px 9px; border-radius: 10px; }.trial-modal { padding: 30px 16px 24px; border-radius: 15px; }.trial-close { top: 12px; right: 15px; }.trial-sparkle { width: 54px; height: 54px; }.trial-benefits { grid-template-columns: 1fr; }.trial-benefit { padding: 18px; }.trial-benefit strong { min-height: 0; }.trial-note { padding: 15px 13px; }.plans-showcase { grid-template-columns: 1fr; }.plan-card { min-height: 200px; }
  .practice-section { padding: 82px 20px 90px; }.practice-heading { margin-bottom: 42px; }.practice-heading h2 { font-size: clamp(2.8rem,13vw,4.25rem); }.practice-flow { grid-template-columns: 1fr; gap: 18px; }.practice-card { border-radius: 20px; }.practice-card figcaption { padding: 16px 18px; }.practice-signature { margin-top: 42px; padding-top: 24px; }
  .plan-card { padding: 22px; border-radius: 21px; }.plan-head { grid-template-columns: 1fr; gap: 16px; min-height: 0; }.plan-price { align-items: flex-start; min-width: 0; text-align: left; }.plan-price > span { max-width: none; }.plan-features { grid-template-columns: 1fr; }.plan-name h3 { font-size: clamp(1.8rem,10vw,2.7rem); }
  .analysis-board { padding: 18px; }.analysis-chip { grid-template-columns: 32px 1fr 26px; padding: 12px; }
  .portal-section { gap: 30px; }.phone-halo { width: 350px; height: 350px; }
  .arthur-section { gap: 40px; }.arthur-copy h2 { font-size: clamp(3rem,13vw,4.4rem); }.arthur-note { border-radius: 16px; }.arthur-firework { width: 100%; min-width: 0; margin-inline: 0; }.arthur-composite { border-radius: 22px; }
  .simone-section { padding: 70px 20px; }.simone-copy { padding-top: 0; }.simone-image { width: 100%; max-width: 540px; border-radius: 22px; }
  .meet-section { padding: 15px 12px 50px; }.meet-card { padding: 55px 24px; border-radius: 25px; }.event-ticket { min-height: 300px; padding: 20px; }.ticket-main strong { font-size: 4.5rem; }
  footer { align-items: flex-start; flex-direction: column; }.footer-links { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; }.button,.analysis-chip { transition: none; }.simone-tutorial { animation: none; }
}