:root{--ink:#071b45;--ink-2:#0d285c;--gold:#ff6500;--cream:#fff9f3;--paper:#fffdf9;--white:#fff;--muted:#68758a;--line:#d8e1ea;--blue:#267fa7;--coral:#ff6500;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:1rem;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:absolute;left:-999px;top:8px;background:var(--white);padding:.75rem 1rem;z-index:100}.skip-link:focus{left:8px}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 32px}.brand{display:flex;align-items:center;gap:11px;font-family:"Manrope",sans-serif;font-weight:800;font-size:1.16rem}.brand-mark,.mini-mark{display:grid;place-items:center;background:var(--gold);color:var(--ink);font-family:"Manrope",sans-serif;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:11px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:.94rem;font-weight:600}.site-header nav a:hover{color:#7b5b15}.nav-cta{border:1.5px solid var(--ink);padding:9px 16px;border-radius:99px}.menu-button{display:none;background:none;border:1px solid var(--ink);border-radius:99px;padding:7px 14px}.hero{min-height:690px;background:var(--cream);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:80px max(32px,calc((100vw - 1180px)/2));overflow:hidden}.hero-copy{max-width:660px}.eyebrow{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;margin:0 0 18px}h1,h2,h3{font-family:"Manrope",sans-serif;line-height:1.08;margin-top:0}h1{font-size:clamp(3.2rem,6.1vw,6.5rem);letter-spacing:-.06em;margin-bottom:28px}h1 span{color:#a56e08}h2{font-size:clamp(2.25rem,4.2vw,4.3rem);letter-spacing:-.045em;margin-bottom:24px}.hero-text{font-size:1.22rem;max-width:590px;color:#385048}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:13px 21px;font-weight:700;min-height:50px}.primary{background:var(--ink);color:white}.text-button{padding-left:0;padding-right:0}.text-button span{font-size:1.4rem;margin-left:8px}.question-stack{height:480px;position:relative}.question-card{position:absolute;width:min(340px,76%);padding:25px 28px;border-radius:22px;box-shadow:0 18px 45px rgba(23,45,38,.12)}.question-card span{font-size:.7rem;letter-spacing:.14em;font-weight:800}.question-card p{font-family:"Manrope",sans-serif;font-size:1.35rem;line-height:1.25;margin:12px 0 0;font-weight:700}.card-one{background:var(--gold);top:18px;left:8%;transform:rotate(-5deg)}.card-two{background:var(--blue);top:155px;right:1%;transform:rotate(4deg)}.card-three{background:var(--coral);top:290px;left:3%;transform:rotate(-2deg)}.answer-chip{position:absolute;bottom:0;right:0;background:var(--ink);color:white;padding:13px 19px;border-radius:99px;font-weight:600;font-size:.9rem}.origin{background:var(--ink);color:white;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;padding:80px max(32px,calc((100vw - 1180px)/2));align-items:center}.origin blockquote{font-family:"Manrope",sans-serif;font-size:clamp(1.7rem,3.2vw,3rem);line-height:1.25;margin:0;color:var(--gold);font-weight:700}.origin p{font-size:1.1rem;color:#d7e1dd}.book-section,.app-section,.mission-section,.audiences,.partners-section{padding:110px max(32px,calc((100vw - 1180px)/2))}.book-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.book-panel{aspect-ratio:4/5.6;background:var(--gold);border-radius:4px 20px 20px 4px;padding:42px;box-shadow:-10px 14px 0 #d99b27,0 28px 60px rgba(23,45,38,.18);display:flex;flex-direction:column;max-width:420px;margin:auto;transform:rotate(-2deg)}.volume,.book-authors{letter-spacing:.14em;font-weight:800;font-size:.75rem}.book-logo{font-family:"Manrope",sans-serif;font-size:clamp(3.5rem,6vw,5.6rem);font-weight:800;letter-spacing:-.07em;line-height:.8;margin:auto 0 24px}.book-subtitle{font-family:"Manrope",sans-serif;font-size:1.8rem;font-weight:700;line-height:1.05;margin-bottom:auto}.book-authors{margin-top:30px}.section-copy>p:not(.eyebrow):not(.development-note){font-size:1.1rem;color:var(--muted)}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{padding:11px 0 11px 31px;border-bottom:1px solid var(--line);position:relative}.check-list li:before{content:"✓";position:absolute;left:0;font-weight:800}.launch-card{margin-top:34px;background:var(--cream);border:1px solid #e8d8b6;border-radius:20px;padding:21px;display:flex;align-items:center;justify-content:space-between;gap:18px}.launch-card div{display:flex;flex-direction:column}.launch-card span{font-size:.69rem;letter-spacing:.13em;font-weight:800}.launch-card strong{font-family:"Manrope";font-size:1.04rem}.launch-card small{color:var(--muted)}.dark{background:var(--ink);color:white;white-space:nowrap}.app-section{background:var(--ink);color:white;display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.light-copy>p:not(.eyebrow){color:#cbd8d3}.gold{color:var(--gold)}.development-note{border-left:3px solid var(--gold);padding-left:18px;margin-top:28px}.phone{max-width:410px;margin:auto;background:#f6f4ec;color:var(--ink);border-radius:38px;padding:18px;box-shadow:0 0 0 8px #315548,0 35px 70px rgba(0,0,0,.3)}.phone-top{display:flex;align-items:center;gap:12px;padding:8px 4px 20px;font-weight:700}.mini-mark{width:31px;height:31px;border-radius:9px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topic-grid button{min-height:120px;border:1px solid #ccd6d1;background:white;border-radius:18px;text-align:left;padding:16px;color:var(--ink);font-weight:700;cursor:pointer;transition:.2s}.topic-grid button:hover,.topic-grid button:focus{transform:translateY(-3px);border-color:#8da79d;outline:3px solid rgba(241,183,71,.5)}.topic-grid span{display:block;color:#8b9a94;font-size:.72rem;margin-bottom:24px}.phone-answer{background:var(--gold);border-radius:17px;padding:18px;margin-top:10px;font-size:.92rem;min-height:86px}.mission-section{display:grid;grid-template-columns:1fr 1fr;gap:90px}.mission-intro>p:last-child{font-size:1.1rem;color:var(--muted)}.framework{display:grid;grid-template-columns:1fr 1fr}.framework div{padding:21px;border-bottom:1px solid var(--line)}.framework div:nth-child(odd){border-right:1px solid var(--line)}.framework strong{font-family:"Manrope";font-size:1.32rem;display:block}.framework span{color:var(--muted);font-size:.92rem}.audiences{background:#e5edf0}.audiences>h2{max-width:700px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}.audience-grid article{background:white;border-radius:22px;padding:30px;min-height:280px}.audience-grid span{font-size:.7rem;letter-spacing:.12em;font-weight:800;color:#597885}.audience-grid h3{font-size:1.55rem;margin:45px 0 16px}.audience-grid p{color:var(--muted)}.partners-section{background:var(--ink-2);color:white;display:grid;grid-template-columns:1fr 1fr;gap:90px}.partners-section p{color:#d3dfdb;font-size:1.08rem}.gold-button{background:var(--gold);color:var(--ink);margin-top:18px}footer{padding:48px max(32px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:30px;align-items:center;background:#10241e;color:white}footer p{color:#bdcbc6}footer>div{display:flex;flex-direction:column;text-align:right;font-size:.88rem}footer>div a{color:var(--gold)}
@media(max-width:850px){.site-header{height:72px;padding:0 20px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:68px;left:16px;right:16px;background:white;border:1px solid var(--line);border-radius:18px;padding:20px;z-index:20;box-shadow:0 15px 40px rgba(0,0,0,.12);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;padding:64px 24px 50px}.question-stack{height:420px}.origin,.book-section,.app-section,.mission-section,.partners-section{grid-template-columns:1fr;gap:55px;padding:76px 24px}.book-panel{width:min(88%,420px)}.app-section .section-copy{order:1}.app-section .phone{order:2}.audiences{padding:76px 24px}.audience-grid{grid-template-columns:1fr}.audience-grid article{min-height:0}.audience-grid h3{margin-top:25px}.launch-card{align-items:stretch;flex-direction:column}.mission-section{gap:35px}footer{grid-template-columns:1fr;text-align:left;padding:44px 24px}footer>div{text-align:left}}
@media(max-width:480px){h1{font-size:3.2rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.question-card{width:85%}.card-one{left:0}.card-two{right:0}.card-three{left:0}.answer-chip{font-size:.78rem}.topic-grid button{min-height:108px}.framework{grid-template-columns:1fr}.framework div:nth-child(odd){border-right:0}.book-panel{padding:30px}.book-logo{font-size:3.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-grid button{transition:none}}

/* Pocket Uncle ecosystem alignment */
.brand-mark,.mini-mark{overflow:hidden;background:var(--ink);color:transparent}
.brand-mark{width:44px;height:44px;border-radius:13px}
.brand-mark img{width:47px;height:47px;object-fit:contain}
.mini-mark img{width:34px;height:34px;object-fit:contain}
.site-header nav a:hover{color:var(--gold)}
.nav-cta:hover{background:var(--ink);color:white!important}
h1 span{color:var(--gold)}
.hero-text{color:var(--muted)}
.primary:hover,.dark:hover{background:var(--gold);color:var(--ink)}
.question-stack{height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.uncle-stage{position:relative;width:100%;height:485px;display:grid;place-items:center}
.uncle-stage:after{display:none}
.uncle-stage img{position:static;width:min(100%,540px);height:100%;object-fit:contain;filter:drop-shadow(0 24px 32px rgba(7,27,69,.14))}
.hero-journey{display:flex;align-items:center;justify-content:center;gap:11px;width:max-content;max-width:100%;margin-top:-12px;padding:12px 18px;border:1px solid #ffd1b5;border-radius:99px;background:white;box-shadow:0 12px 30px rgba(7,27,69,.09);color:var(--ink);font-size:.82rem;font-weight:700;white-space:nowrap}
.hero-journey b{color:var(--gold);font-size:1rem}
.question-card{width:min(250px,58%);padding:17px 19px;border-radius:18px;background:white;border:1px solid var(--line);box-shadow:0 18px 45px rgba(7,27,69,.16);z-index:2}
.question-card span{font-size:.62rem;color:var(--blue)}
.question-card p{font-size:1rem;margin-top:7px}
.card-one{background:white;top:20px;left:0;transform:rotate(-3deg)}
.card-two{background:white;top:205px;right:0;transform:rotate(3deg)}
.card-three{background:white;top:342px;left:1%;transform:rotate(-2deg);border-color:#ffc49f}
.card-three span{color:var(--gold)}
.answer-chip{bottom:0;right:2%;background:var(--gold);color:var(--ink);font-weight:700;font-size:.85rem;z-index:3}
.answer-chip span{padding:0 4px}
.origin blockquote{color:white}
.origin cite{display:block;margin-top:18px;color:var(--gold);font-style:normal;font-weight:700}
.origin p{color:#dce6f5}
.book-panel{box-shadow:-10px 14px 0 #d65200,0 28px 60px rgba(7,27,69,.18)}
.phone{background:#fdfaf6;box-shadow:0 0 0 8px var(--blue),0 35px 70px rgba(0,0,0,.3)}
.audiences{background:#edf4f7}
.audience-grid span{color:var(--blue)}
footer{background:#041333}
footer p{color:#c7d3e7}

@media(max-width:480px){.question-stack{height:460px}.uncle-stage{width:112%;height:390px}.hero-journey{gap:7px;padding:10px 13px;font-size:.7rem}.question-card{width:62%}.answer-chip{right:0;font-size:.75rem}}

/* Complete ecosystem pass */
.origin-story{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:center}
.origin-story img{width:280px;height:390px;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(0,0,0,.2))}
.origin-story p{margin:0}
.book-visuals{position:relative;min-height:650px;display:grid;place-items:center}
.book-cover{width:min(76%,410px);max-height:610px;object-fit:contain;filter:drop-shadow(-12px 22px 25px rgba(7,27,69,.2));transform:rotate(-2deg)}
.book-in-hand{position:absolute;width:52%;right:-2%;bottom:0;border:8px solid white;border-radius:20px;box-shadow:0 22px 46px rgba(7,27,69,.2);transform:rotate(3deg)}
.ecosystem-note{margin:28px 0;padding:19px 21px;border-left:4px solid var(--gold);border-radius:0 16px 16px 0;background:var(--cream);color:var(--ink)!important}
.app-section{align-items:start}
.alias-note{margin:28px 0 0;padding:19px 21px;border:1px solid rgba(255,101,0,.45);border-radius:20px;background:rgba(255,255,255,.06)}
.alias-note span{display:block;margin-bottom:6px;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.13em}
.alias-note p{margin:0;color:#e1e9f6}
.app-demo{display:flex;flex-direction:column;align-items:center}
.device-frame{width:min(100%,370px);height:620px;overflow:hidden;border:9px solid var(--blue);border-radius:42px;background:white;box-shadow:0 35px 70px rgba(0,0,0,.3)}
.device-frame img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.screen-tabs{display:flex;gap:7px;margin-top:22px;padding:5px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(255,255,255,.07)}
.screen-tabs button{border:0;border-radius:99px;padding:9px 14px;background:transparent;color:#d7e1f0;font-weight:700;cursor:pointer}
.screen-tabs button.active{background:var(--gold);color:var(--ink)}
.screen-tabs button:focus-visible{outline:3px solid white;outline-offset:3px}
.screen-caption{max-width:380px;margin:14px auto 0;text-align:center;color:#cbd8e9;font-size:.9rem}
.conversation-feature{grid-column:1/-1;margin-top:35px;padding-top:70px;border-top:1px solid rgba(255,255,255,.16)}
.conversation-heading{display:grid;grid-template-columns:.55fr 1.05fr 1fr;gap:38px;align-items:start}
.conversation-heading h3{margin:0;font-size:clamp(1.7rem,3vw,2.7rem)}
.conversation-heading>p:last-child{margin:0;color:#cbd8e9}
.conversation-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}
.conversation-steps div{min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:rgba(255,255,255,.06)}
.conversation-steps span{display:block;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.13em}
.conversation-steps strong{display:block;margin:35px 0 10px;font-family:"Manrope",sans-serif;font-size:1.25rem}
.conversation-steps p{margin:0;color:#cbd8e9;font-size:.91rem}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.trust-grid div{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-radius:18px;background:var(--cream);color:var(--ink)}
.trust-grid strong{font-family:"Manrope",sans-serif}
.trust-grid span{color:var(--muted);font-size:.86rem}
.talk-skill{position:relative;background:var(--cream);box-shadow:inset 4px 0 0 var(--gold)}
.talk-skill strong{color:var(--gold)}
.audience-grid{grid-template-columns:repeat(2,1fr)}
.audience-grid article{min-height:250px}
.audience-grid h3{margin-top:35px}
.partner-copy{align-self:center}
.partner-needs{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 5px}
.partner-needs span{padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:99px;color:white;font-size:.82rem;font-weight:700}

@media(max-width:850px){.origin-story{grid-template-columns:220px 1fr}.origin-story img{width:220px;height:310px}.book-visuals{min-height:590px}.book-in-hand{right:2%;width:48%}.device-frame{height:590px}.conversation-heading{grid-template-columns:1fr}.conversation-steps{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr}.audience-grid{grid-template-columns:1fr}}
@media(max-width:480px){.origin-story{grid-template-columns:150px 1fr;gap:18px}.origin-story img{width:150px;height:220px}.book-visuals{min-height:510px}.book-cover{width:84%;max-height:500px}.book-in-hand{width:54%;border-width:5px}.device-frame{height:560px;border-width:7px}.conversation-feature{padding-top:50px}.conversation-steps{grid-template-columns:1fr}.conversation-steps div{min-height:0}.conversation-steps strong{margin-top:20px}.screen-tabs button{padding:8px 11px}.audience-grid h3{font-size:1.35rem}}

/* Keep the hero journey clear of the illustrated pocket. */
.question-stack{height:590px}
.hero-journey{position:relative;z-index:2;margin-top:14px}
@media(max-width:480px){.question-stack{height:480px}.hero-journey{margin-top:10px}}