/* October 10 continuation: simple promises, detailed behavior, graphic chapters. */
.feature-lead { font-size:25px; line-height:1.45; letter-spacing:-.035em; color:#f0eafa; margin-top:25px; }
.feature-detail { font-size:15px; line-height:1.9; color:#b9c4d9; margin-top:20px; max-width:440px; }
.journey-copy>p.feature-detail { font-size:15px; line-height:1.9; margin-top:20px; }
.journey-copy>p.feature-lead { font-size:25px; line-height:1.45; }
.vision-intro { padding:140px 0 145px; }
.vision-intro h2 { font-size:68px; font-weight:450; }
.vision-intro>p:not(.section-label) { font-size:17px; max-width:550px; }
.meaning-path { margin-top:82px; padding-top:36px; }
.meaning-path span { font-size:10px; letter-spacing:.14em; }
.meaning-path h3 { font-size:25px; }
.alignment-section { min-height:820px; padding:120px 0 140px; gap:110px; }
.journey-copy h2 { font-size:64px; font-weight:450; }
.alignment-example { padding:25px 0; }
.alignment-example>.example-label { margin-bottom:32px; }
.thought-note,.intent-note { position:relative; isolation:isolate; padding:32px; border-radius:2px; }
.thought-note { background:#e5d9f2; color:#28223b; transform:rotate(-3deg); box-shadow:12px 15px 0 #24314b; }
.thought-note:after,.intent-note:after,.thread-note:after,.depth-demonstration:after { content:''; position:absolute; inset:0; background:url('/assets/artwork/paper-grain.svg'); opacity:.15; pointer-events:none; z-index:0; }
.thought-note span,.intent-note span { font-size:10px; text-transform:uppercase; letter-spacing:.13em; }
.thought-note blockquote { color:#28223b; font-size:31px; margin:18px 0 0; }
.intent-note { color:#deece9; border:1px solid #809da35c; border-radius:90px 90px 2px 2px; padding-top:35px; background:#172d3a; }
.intent-note .example-result { font-size:22px; margin-top:14px; color:#e0eae8; }
.meaning-thread { height:65px; margin:26px auto; }
.continuity-break { background:#152f3a; position:relative; overflow:hidden; }
.continuity-break:before { content:''; position:absolute; inset:0; background:url('/assets/artwork/paper-grain.svg'); opacity:.035; pointer-events:none; }
.continuity-grid { display:grid; grid-template-columns:1fr 1fr; gap:105px; align-items:center; padding:125px 0; min-height:900px; }
.continuity-copy h2 { font-size:84px; line-height:1.06; font-weight:450; margin-top:25px; }
.continuity-copy h2 em { font-family:var(--display); font-weight:400; color:#cde3d8; }
.continuity-copy .section-label { color:#a5cbc7; }
.continuity-copy .feature-detail { color:#b7cdd1; }
.thread-graphic { position:relative; padding:20px 0 15px; }
.thread-graphic>.example-label { color:#a4bfca; margin-bottom:28px; text-align:center; }
.thread-graphic:before { content:''; position:absolute; width:160px; height:360px; border:2px dashed #9cbdb970; border-radius:50%; left:calc(50% - 80px); top:80px; transform:rotate(-20deg); }
.thread-note { position:relative; width:90%; padding:26px 27px; box-shadow:8px 12px 20px #06151d33; color:#273346; margin-top:26px; }
.thread-note span { font-size:9px; letter-spacing:.15em; font-weight:600; }
.thread-note p { font-size:21px; line-height:1.5; letter-spacing:-.025em; margin-top:10px; }
.thread-note.original { background:#e6def1; transform:rotate(-5deg); margin-left:0; }
.thread-note.context { background:#c4d8ce; transform:rotate(4deg); margin-left:10%; }
.thread-note.correction { background:#e5cdbc; transform:rotate(-2deg); margin-left:2%; }
.thread-caption { text-align:center; font-family:var(--display); font-size:27px; line-height:1.4; color:#cfdfdb; margin-top:40px; }
.connect-break { background:#e4dff0; color:#232841; padding:120px 0 65px; position:relative; overflow:hidden; }
.connect-break:before { content:''; position:absolute; inset:0; pointer-events:none; background:url('/assets/artwork/paper-grain.svg'); opacity:.08; }
.connect-break>.page-width { position:relative; }
.connect-top { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.connect-top h2 { font-family:var(--display); font-size:76px; font-weight:400; line-height:1.1; letter-spacing:-.055em; margin-top:20px; max-width:400px; }
.connect-top .section-label { color:#656184; }
.connect-top .feature-lead { color:#2d2a44; font-size:26px; margin-top:0; }
.connect-top .feature-detail { color:#56536c; font-size:15px; }
.connect-art { max-width:1020px; margin:48px auto 38px; }
.connect-art img { width:100%; height:auto; }
.connection-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:60px; border-top:1px solid #79708b44; padding-top:33px; }
.connection-flow span { font-family:var(--display); font-size:26px; color:#706183; }
.connection-flow h3 { font-size:22px; letter-spacing:-.035em; font-weight:550; margin:12px 0 10px; }
.connection-flow p { font-size:14px; line-height:1.75; color:#61576f; max-width:270px; }
.availability-caption { font-size:12px; text-align:center; color:#a5a5c2; margin-top:45px; }
.connect-break .availability-caption { color:#726880; }
.sleepless-break { padding:140px 0 70px; background:#17182e; position:relative; }
.sleepless-heading { text-align:center; }
.sleepless-heading h2 { font-family:var(--display); font-size:76px; font-weight:400; letter-spacing:-.045em; margin:24px auto; }
.sleepless-heading .feature-lead { margin-top:0; font-size:28px; }
.sleepless-heading .feature-detail { max-width:580px; margin:24px auto 0; }
.sleepless-art { width:100%; max-width:1060px; margin:50px auto; }
.sleepless-art img { width:100%; height:auto; }
.sleepless-details { display:grid; grid-template-columns:repeat(3,1fr); gap:60px; padding-top:28px; border-top:1px solid #e9dbff22; }
.sleepless-details h3 { font-size:20px; line-height:1.4; letter-spacing:-.035em; font-weight:500; margin:0 0 14px; }
.sleepless-details p { font-size:14px; line-height:1.8; color:#b5b3cd; }
.liberation-section { min-height:920px; padding:150px 0; grid-template-columns:.85fr 1.35fr; gap:45px; }
.liberation-section .vision-art { width:calc(100% + 85px); margin-right:-85px; }
.depth-break { background:#18253e; }
.depth-section { padding:135px 0; min-height:800px; border:0; align-items:center; gap:100px; }
.depth-section h2 { font-size:57px; }
.depth-section .feature-detail { font-size:15px; }
.depth-demonstration { position:relative; isolation:isolate; background:#e1dbe9; color:#302b47; padding:38px; border-radius:120px 120px 5px 5px; text-align:center; box-shadow:14px 17px 0 #24334e; }
.depth-demonstration>* { position:relative; z-index:1; }
.depth-demonstration .example-label { color:#77688e; margin:18px 0 25px; font-size:9px; }
.depth-question { font-family:var(--display); font-size:32px; line-height:1.35; }
.depth-options { display:flex; gap:6px; margin:30px 0; padding:5px; border:1px solid #b7abc5; border-radius:100px; }
.depth-options button { flex:1; padding:10px 12px; border-radius:100px; font-size:13px; color:#645972; }
.depth-options button[aria-pressed=true] { background:#38304f; color:#fff; box-shadow:0 3px 9px #2a1c4522; }
.depth-options button:focus-visible { outline-color:#403054; }
.depth-reading { min-height:175px; text-align:left; }
.depth-reading h3 { font-size:24px; letter-spacing:-.035em; margin:0 0 12px; font-weight:500; }
.depth-reading p { font-size:15px; line-height:1.85; color:#5d536c; }
.depth-demonstration .example-caption { color:#81728e; font-size:11px; margin-top:15px; max-width:280px; }
.conversation-section { padding:150px 0; }
.conversation-section>div:first-child { text-align:center; }
.conversation-section h2 { font-size:53px; font-weight:450; line-height:1.2; margin-top:26px; }
.conversation-section .feature-detail { margin:24px auto 0; }
.workspace-paths { display:grid; grid-template-columns:1fr 1fr; gap:80px; margin-top:75px; }
.workspace-paths article { padding:25px 0 0; border-top:1px solid #ffffff26; }
.workspace-name { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.15em; color:#b6a6cf; }
.workspace-paths h3 { font-family:var(--display); font-size:38px; font-weight:400; letter-spacing:-.035em; margin:20px 0; }
.workspace-paths p { font-size:15px; color:#b4bfd5; line-height:1.9; max-width:410px; }
.workspace-paths small { display:block; font-size:11px; color:#8e9cb7; margin-top:20px; }
.destiny-scene { background-color:#101a2e; background-image:linear-gradient(#101a2e00,#101a2e00),url('/assets/artwork/destiny-horizon.webp'); background-size:cover; background-position:center; position:relative; isolation:isolate; }
.destiny-scene:before { content:''; position:absolute; inset:0; background:linear-gradient(#101a2e 0%,#101a2e00 18%,#101a2e00 82%,#101a2e 100%); z-index:-1; }
.destiny-section { padding-top:145px; padding-bottom:155px; }
.destiny-section>p:not([class]) { text-shadow:0 2px 10px #101a2e; }
@media(max-width:1100px) {
  .alignment-section { gap:60px; }
  .continuity-grid,.connect-top { gap:60px; }
  .liberation-section .vision-art { width:100%; margin-right:0; }
  .connect-top h2,.sleepless-heading h2 { font-size:62px; }
  .depth-section { gap:60px; }
  .depth-demonstration { padding:30px; }
}
@media(max-width:760px) {
  .hero-subheading { font-size:20px; }
  .vision-intro { padding:85px 0; }
  .vision-intro h2 { font-size:44px; }
  .vision-intro>p:not(.section-label) { font-size:15px; }
  .meaning-path { margin-top:55px; gap:18px; }
  .meaning-path span { font-size:8px; letter-spacing:.1em; }
  .meaning-path h3 { font-size:19px; }
  .meaning-path p { font-size:12px; }
  .alignment-section { min-height:0; padding:65px 0 90px; gap:48px; }
  .journey-copy h2 { font-size:49px; }
  .journey-copy>p.feature-lead,.feature-lead { font-size:23px; }
  .feature-detail,.journey-copy>p.feature-detail { font-size:14px; line-height:1.9; }
  .alignment-example { width:100%; max-width:440px; margin:auto; }
  .thought-note { padding:27px 20px; }
  .thought-note blockquote { font-size:27px; }
  .continuity-grid { display:flex; flex-direction:column; padding:90px 0; gap:50px; min-height:0; }
  .continuity-copy { width:100%; }
  .continuity-copy h2 { font-size:65px; }
  .thread-graphic { width:100%; max-width:430px; }
  .thread-note p { font-size:19px; }
  .thread-note { padding:22px; }
  .connect-break { padding:85px 0 45px; }
  .connect-top { display:block; }
  .connect-top h2 { font-size:57px; max-width:none; }
  .connect-top .feature-lead { font-size:23px; margin-top:28px; }
  .connect-top .feature-detail { font-size:14px; }
  .connect-art { width:calc(100% + 28px); margin:38px -14px; }
  .connection-flow { grid-template-columns:1fr; gap:25px; }
  .connection-flow>div { padding-left:40px; position:relative; }
  .connection-flow span { position:absolute; left:0; top:0; font-size:22px; }
  .connection-flow h3 { margin:0 0 5px; font-size:20px; }
  .connection-flow p { max-width:none; font-size:13px; }
  .availability-caption { font-size:11px; line-height:1.7; margin-top:35px; }
  .sleepless-break { padding:90px 0 50px; }
  .sleepless-heading h2 { font-size:53px; line-height:1.09; }
  .sleepless-heading .feature-lead { font-size:23px; }
  .sleepless-heading .feature-detail { font-size:14px; }
  .sleepless-art { width:calc(100% + 28px); margin:40px -14px; }
  .sleepless-details { grid-template-columns:1fr; gap:28px; }
  .sleepless-details h3 { font-size:21px; margin-bottom:8px; }
  .sleepless-details p { font-size:14px; }
  .liberation-section { min-height:0; padding:80px 0 90px; gap:35px; }
  .liberation-section .vision-art { width:calc(100% + 28px); margin:0 -14px; }
  .depth-section { padding:85px 0; min-height:0; gap:50px; }
  .depth-section h2 { font-size:45px; }
  .depth-section .feature-detail { font-size:14px; }
  .depth-demonstration { width:100%; max-width:430px; margin:auto; padding:32px 25px; }
  .depth-question { font-size:28px; }
  .depth-options button { padding:10px; }
  .depth-reading { min-height:185px; }
  .conversation-section { padding:90px 0; }
  .conversation-section h2 { font-size:39px; }
  .workspace-paths { grid-template-columns:1fr; gap:40px; margin-top:45px; }
  .workspace-paths h3 { font-size:34px; margin:16px 0; }
  .workspace-paths p { font-size:14px; }
  .destiny-section { padding:105px 0 115px; }
  .destiny-scene { background-size:auto 100%; }
}
@media(prefers-reduced-motion:reduce) { .vision-art img{animation:none} }

/* Final visual QA repairs: clip texture to the paper edge; keep art inside the reading width. */
.depth-demonstration:after { border-radius:inherit; }
.liberation-section .vision-art { width:100%; margin:0; }
.journey-copy>p.feature-lead { letter-spacing:-.025em; }
@media(max-width:760px) { .liberation-section .vision-art { width:100%; margin:0; } }
/* Preserve the intended word break on narrow screens. */
@media(max-width:760px) { .hero h1 span br { display:initial; } }
@media(max-width:350px) { .hero h1 { font-size:54px; }.page-width { width:calc(100% - 40px); }.studio-link{font-size:14px} }
.intent-note:after,.thought-note:after,.thread-note:after { border-radius:inherit; }