:root{--blue:#5044ec;--ink:#202441;--muted:#6b6f85;--coral:#ec5a50;--light:#f4f5ff;--lime:#e7e4ff}body{font-family:'Segoe UI',Arial,sans-serif}h1,h2,h3{font-family:'Segoe UI',Arial,sans-serif}header{position:absolute;z-index:5;top:24px;left:50%;transform:translateX(-50%);width:calc(100% - 96px);max-width:1190px;background:#fff;border:0;border-radius:60px;padding:13px 22px;box-shadow:0 8px 35px #283bae16}.brand{font-size:27px;color:#35335e;letter-spacing:-1px}.brand:first-letter{color:var(--coral)}nav{gap:27px}.nav-cta{background:var(--coral);color:#fff;border-radius:40px;padding:8px 9px 8px 22px;gap:17px}.nav-cta span{border:0;background:#fff3;border-radius:50%;padding:1px 9px}.visual-hero{position:relative;min-height:865px;background:radial-gradient(ellipse at 26% 55%,#66b7ff70 0,transparent 55%),linear-gradient(115deg,#479eef,#5369f6 49%,#6443eb);overflow:hidden;padding:146px 24px 0;color:#fff}.visual-hero:before,.visual-hero:after{content:'';position:absolute;border:1px solid #ffffff18;border-radius:50%;width:970px;height:970px;left:50%;top:140px;transform:translateX(-50%);pointer-events:none}.visual-hero:after{width:710px;height:710px;top:210px;background:#ffffff05}.hero-copy{text-align:center;position:relative;z-index:2}.hero-kicker{font-size:12px;letter-spacing:2px;font-weight:600;color:#eef0ff}.hero-copy h1{font-size:clamp(35px,4.1vw,59px);line-height:1.15;letter-spacing:-2px;font-weight:750;margin:20px 0 16px}.hero-copy>p{font-size:16px;line-height:1.6;color:#f0f0ff;margin:0 0 23px}.hero-test-button{display:inline-flex;align-items:center;gap:62px;border:6px solid #fff;border-radius:60px;background:var(--coral);color:white;padding:11px 13px 11px 34px;font-size:17px;font-weight:700;box-shadow:0 8px 25px #20216b22}.hero-test-button span{background:#ffffff27;border-radius:50%;font-size:21px;width:34px;height:34px;display:grid;place-items:center}.hero-test-button:hover,.coral-button:hover{background:#d74840;transform:translateY(-2px)}.hero-disclaimer{display:block;font-size:12px;margin-top:13px;color:#f2f1ff}.hero-portraits{position:relative;z-index:1;max-width:1080px;height:400px;margin:10px auto 0}figure{margin:0}.center-person{position:absolute;width:300px;height:385px;left:50%;transform:translateX(-50%);bottom:-5px;border-radius:150px 150px 20px 20px;overflow:hidden;border:7px solid #ffffff26;box-shadow:0 0 0 20px #ffffff07}.center-person img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;transform:scale(1.2);transform-origin:50% 75%}.orbit-photo{position:absolute;width:178px;height:178px;border-radius:50%;border:7px solid #ffffff30;box-shadow:0 12px 30px #24205e1f}.orbit-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.orbit-left{left:40px;top:-75px;transform:rotate(-7deg)}.orbit-right{right:35px;top:-58px;transform:rotate(7deg)}.orbit-photo figcaption{position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);background:white;color:#48466b;font-size:11px;font-weight:600;white-space:nowrap;border-radius:30px;padding:6px 12px}.floating-note{position:absolute;background:#fff;color:var(--ink);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;box-shadow:0 12px 40px #20156e25;width:225px}.floating-note strong{font-size:15px}.floating-note>span:last-child{font-size:12px;color:var(--muted);margin-top:4px}.mini-icon{color:var(--blue);font-size:28px;line-height:1.1;margin-bottom:8px}.note-left{left:68px;top:175px;transform:rotate(-6deg)}.note-right{right:45px;top:183px;transform:rotate(5deg)}.trust-strip{display:flex;justify-content:center;gap:72px;font-size:14px;color:#5d6380;padding:26px 20px;border-bottom:1px solid #eeeefa}.section{max-width:1190px;padding:85px 30px}.section h2{font-size:40px;line-height:1.2;letter-spacing:-1.2px;font-weight:750}.eyebrow{color:#ce4e45;font-size:11px;letter-spacing:1.5px}.story-section,.support-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.story-photo{position:relative;padding:20px}.story-photo:before{content:'';position:absolute;inset:0;background:#f1efff;border-radius:40% 60% 50% 45%;transform:rotate(-8deg);z-index:-1}.story-photo img{display:block;width:100%;height:365px;object-fit:cover;border-radius:48% 48% 44% 12%;box-shadow:-14px 13px 0 #5650ed}.story-copy>p{font-size:15px;color:var(--muted);line-height:1.8}.photo-badge{position:absolute;bottom:0;right:-15px;background:white;padding:16px 23px;border-radius:11px;box-shadow:0 10px 40px #30217720;font-size:12px;color:var(--muted)}.photo-badge strong{display:block;font-size:17px;color:var(--ink)}.story-checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:12px;font-weight:600;margin:24px 0}.coral-button{display:inline-flex;align-items:center;gap:30px;padding:12px 20px;border-radius:30px;color:#fff;background:var(--coral);font-size:14px;font-weight:600;transition:.2s}.coral-button span{border-radius:50%;background:#ffffff26;width:24px;height:24px;text-align:center}.experience-section{max-width:none;background:#f8f8ff;padding:65px max(30px,calc((100vw - 1130px)/2))}.section-title{text-align:center}.section-title .eyebrow{justify-content:center}.section-title h2{margin:12px 0}.section-title>p{font-size:15px;color:var(--muted)}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.experience-grid article{background:white;padding:27px 22px;border:1px solid #eeedf8;border-radius:10px;box-shadow:0 6px 22px #4b429005;text-align:center}.experience-grid article>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(125deg,#54b1fa,#6550f0);color:white;font-size:27px;margin:-52px auto 20px;box-shadow:0 5px 16px #7068f433}.experience-grid h3{font-size:16px}.experience-grid p{font-size:13px;color:var(--muted)}.support-section{padding-top:75px;padding-bottom:70px}.support-photo img{border-radius:45% 10% 45% 45%;box-shadow:14px 13px 0 #5a51f0}.story-copy ul{padding-left:20px;font-size:14px;line-height:2;color:var(--muted);margin:23px 0}.story-copy li::marker{color:var(--coral)}#cara{border-top:1px solid #eeeefa}.steps{margin-top:40px;text-align:center;gap:55px}.steps article{border:0}.step-no{display:grid;place-items:center;border:1px dashed #aaa1ef;border-radius:50%;width:70px;height:70px;background:#f7f6ff;margin:0 auto 20px;font-size:21px;font-weight:700}.steps h3{font-size:18px}.test-section{background:#f6f5ff;max-width:none;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:70px max(30px,calc((100vw - 1130px)/2));align-items:start}.test-heading{position:sticky;top:40px}.test-heading p{color:var(--muted);font-size:16px}.question-card{background:white;border:1px solid #e3dff4;margin:0;padding:30px;border-radius:20px;scroll-margin-top:25px;box-shadow:0 15px 40px #3a29930a}.primary{background:linear-gradient(110deg,#536fee,#6847ed);border-radius:30px}.pill{background:#eeeaff;color:#5040aa}.guide{margin:75px auto;max-width:1130px;background:white;border:1px solid #edeaf8;padding:40px;gap:35px}.ebook{background:linear-gradient(130deg,#597df7,#6843df);border-left-color:#4e3abe}.book-number{color:white}.faq{background:#faf9ff;max-width:none;padding:70px max(30px,calc((100vw - 1130px)/2));grid-template-columns:.8fr 1.2fr}.faq details{background:white;padding:19px 22px;margin-bottom:12px;border:1px solid #e9e5f9;border-radius:8px}.privacy{max-width:1130px;padding:45px 20px}footer{max-width:none;padding:35px max(30px,calc((100vw - 1130px)/2));background:linear-gradient(110deg,#4c91f1,#6048eb);color:#fff;margin:0}footer .brand,footer p,footer>a:not(.brand),footer>span{color:#fff}.result-sections{max-height:650px}.hero-test-button:focus-visible{outline-color:#fff}@media(max-width:950px){header{width:calc(100% - 40px);top:20px}nav{gap:16px;font-size:12px}.visual-hero{padding-top:140px;min-height:820px}.orbit-left{left:0}.orbit-right{right:0}.orbit-photo{width:130px;height:130px;top:30px}.note-left{left:0}.note-right{right:0}.floating-note{width:185px;padding:14px}.story-section,.support-section{gap:40px}.trust-strip{gap:25px;font-size:12px}.test-section{gap:35px}.guide{margin:50px 25px;grid-template-columns:1fr 1fr}.guide-detail{grid-column:1/-1}.experience-grid{gap:12px}.photo-badge{right:0}}@media(max-width:650px){header{padding:10px 14px;top:16px;width:calc(100% - 28px)}.brand{font-size:23px}.nav-cta{padding:6px 8px 6px 17px}.visual-hero{padding:120px 20px 0;min-height:790px}.hero-kicker{font-size:9px;letter-spacing:1.3px}.hero-copy h1{font-size:36px;line-height:1.18;letter-spacing:-1.2px;margin:20px 0}.hero-copy>p{font-size:14px}.hero-test-button{gap:40px;font-size:16px;padding:9px 10px 9px 27px;border-width:5px}.hero-disclaimer{font-size:10px}.hero-portraits{height:345px;margin-top:30px}.center-person{width:235px;height:330px;bottom:0}.orbit-photo{width:87px;height:87px;border-width:4px;top:40px;z-index:2}.orbit-left{left:-5px}.orbit-right{right:-5px}.orbit-photo figcaption{font-size:8px;padding:4px 7px;bottom:-10px}.floating-note{width:137px;padding:12px;z-index:3}.floating-note strong{font-size:11px}.floating-note>span:last-child{font-size:9px}.mini-icon{font-size:20px}.note-left{left:-6px;top:228px}.note-right{right:-5px;top:203px}.trust-strip{flex-wrap:wrap;gap:9px 20px;font-size:11px;padding:20px 15px}.section{padding:48px 23px}.story-section,.support-section{grid-template-columns:1fr;gap:40px}.story-photo{padding:10px 14px}.story-photo img{height:285px}.story-photo .photo-badge{right:0;bottom:-10px}.section h2{font-size:31px}.story-copy>p{font-size:15px}.story-checks{font-size:12px;gap:14px 8px}.experience-grid{grid-template-columns:1fr 1fr;gap:45px 12px;margin-top:50px}.experience-grid article{padding:25px 12px 13px}.experience-grid h3{font-size:15px;line-height:1.4}.experience-grid p{font-size:12px}.experience-grid article>span{margin-top:-48px}.support-section .story-copy{order:2}.support-section .story-photo{order:1}.steps{gap:20px;margin-top:20px}.steps article{padding-top:0}.step-no{margin-bottom:8px;width:55px;height:55px}.test-section{display:block}.test-heading{position:static;margin-bottom:30px}.question-card{padding:25px 18px}.guide{margin:40px 18px;padding:30px 23px;grid-template-columns:1fr}.guide-detail{grid-column:auto}.faq{grid-template-columns:1fr;gap:10px}.privacy{padding:35px 23px}footer{padding:28px 23px;display:grid;gap:15px}.result-sections{max-height:none}.story-copy ul{font-size:14px}.photo-badge{padding:12px 17px}.photo-badge strong{font-size:15px}}
@media(max-width:650px){.hero-copy h1 br:nth-of-type(1){display:block}.hero-copy h1{font-size:34px}}

html{scroll-behavior:auto}
.mobile-shop-nav{display:none}.shop-link{font-weight:700}@media(max-width:650px){.mobile-shop-nav{display:block;background:#f2efff;padding:12px 22px;font-size:14px}.mobile-shop-nav a{display:flex;justify-content:space-between;color:#5044ec}}

/* Launch QA: navigation, contrast and tap targets */
:root{--coral:#c73b34}
.visual-hero{background:radial-gradient(ellipse at 26% 55%,#69b8ff38 0,transparent 55%),linear-gradient(115deg,#1d5796,#3343ae 49%,#4c319f)}
.hero-kicker,.hero-copy>p,.hero-disclaimer{color:#fff}
.hero-test-button,.nav-cta,.coral-button{background:var(--coral)}
.hero-test-button:hover,.nav-cta:hover,.coral-button:hover{background:#ab312b}
.mobile-menu-toggle{display:none}
@media(max-width:700px){
  header{gap:12px}
  header .nav-cta{display:none}
  header .mobile-menu-toggle{display:grid;place-items:center;gap:4px;width:44px;height:44px;padding:11px;border:0;border-radius:50%;background:#efeeff;color:#252942;flex:0 0 auto}
  .mobile-menu-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
  header.mobile-open .mobile-menu-toggle span:first-child{transform:translateY(6px) rotate(45deg)}
  header.mobile-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  header.mobile-open .mobile-menu-toggle span:last-child{transform:translateY(-6px) rotate(-45deg)}
  header nav, .shop-page header nav{display:none}
  header.mobile-open nav, .shop-page header.mobile-open nav{display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:10;flex-direction:column;gap:2px;padding:12px;background:#fff;border:1px solid #e1dff0;border-radius:20px;box-shadow:0 18px 42px #20254a2e;font-size:15px}
  header.mobile-open nav>a{display:flex;align-items:center;min-height:44px;padding:10px 13px;border-radius:10px;color:#252942}
  header.mobile-open nav>a[aria-current="page"],header.mobile-open nav>a:hover{background:#f0efff;color:#4036c8}
  header.mobile-open nav .mobile-reflection-link{display:flex!important;justify-content:space-between;margin-top:6px;background:var(--coral);color:#fff!important}
  .mobile-reflection-link span{background:#ffffff2c;border-radius:50%;padding:1px 9px}
  .visual-hero{min-height:650px;padding-top:120px}
  .hero-portraits{height:300px;margin-top:20px}
  .orbit-photo,.floating-note{display:none}
  .center-person{width:min(235px,70vw);height:290px;bottom:0}
  .hero-copy>p{font-size:15px}
  .hero-disclaimer{font-size:12px}
}

/* Keep the cloned reflection link inside the collapsed mobile menu only. */
.mobile-reflection-link{display:none!important}
@media(max-width:700px){header.mobile-open nav .mobile-reflection-link{display:flex!important}}

/* Video hero: poster renders immediately; the MP4 fills the existing portrait frame. */
.center-person video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;background:#22356d}
@media(prefers-reduced-motion:reduce){.center-person video{display:none}.center-person{background:center / cover no-repeat url("assets/conversation-blocked-portrait-optimized.jpg")}}

/* Click-to-play introduction: a familiar 16:9 video player. */
.center-person.center-video-player{width:min(560px,74vw);height:auto;aspect-ratio:16 / 9;bottom:0;border-radius:14px;border:4px solid #ffffff4d;box-shadow:0 12px 34px #20216b40;background:#18244b}
.center-person.center-video-player video{width:100%;height:100%;object-fit:cover;border-radius:10px;background:#18244b}
@media(max-width:700px){.hero-portraits{height:230px}.center-person.center-video-player{width:min(360px,88vw);height:auto;aspect-ratio:16 / 9;bottom:0;border-width:3px;border-radius:11px}.center-person.center-video-player video{border-radius:8px}}

/* Keep the introductory player compact within the hero. */
.center-person.center-video-player{width:min(420px,62vw)}
@media(max-width:700px){.center-person.center-video-player{width:min(320px,84vw)}}

/* Compact player placement beneath the primary reflection action. */
.hero-portraits{margin-top:22px}
.center-person.center-video-player{width:min(350px,52vw)}
@media(max-width:700px){.hero-portraits{margin-top:18px}.center-person.center-video-player{width:min(280px,76vw)}}

/* Lift the player above the hero edge while preserving a clear lower margin. */
.center-person.center-video-player{bottom:78px}
@media(max-width:700px){.center-person.center-video-player{bottom:46px}}

/* Additional 2 cm lift requested for the desktop hero player. */
@media(min-width:701px){.center-person.center-video-player{bottom:154px}}

/* Centered reflection call to action. */
.hero-test-button{justify-content:center;gap:0;padding:12px 34px}

/* Footer mark matches the attentiontrail wordmark height. */
footer .brand{display:inline-flex;align-items:center;gap:8px}
footer .brand-symbol{display:block;width:28px;height:22px;object-fit:contain;flex:0 0 auto}

/* Keep the legal footer note directly beneath the logo. */
footer .footer-brand-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:0 0 auto}
footer .footer-brand-group .footer-meta{font-size:12px;line-height:1.55;color:#fff}