/* Mineral direction: a quieter frame, clearer hierarchy, and original portrait. */
.concept-note{display:none}
.navigation{top:16px;max-width:1240px;margin:22px auto -100px;min-height:78px;padding:16px 26px;grid-template-columns:1fr auto 1fr;border-radius:18px;box-shadow:0 4px 20px var(--shadow)}
.wordmark{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;gap:13px;font-size:23px;line-height:.91;letter-spacing:-1px;text-align:left;font-weight:700}
.wordmark .brand-symbol{display:block;flex:none;width:34px;height:34px;background:currentColor;mask:url("../assets/brand/original-mark-mask.png") center / 270% no-repeat;mask-mode:luminance}
.wordmark .brand-name{margin:0}
.wordmark .brand-name span{margin:0}
.navigation>nav:first-child{grid-column:2;grid-row:1;gap:27px;font-size:12px}
.nav-right{grid-column:3;grid-row:1;gap:18px}
.nav-right .managed-link{display:none}
.nav-right .pill{border-radius:10px;padding:12px 18px;min-height:43px}
.pill{border-radius:11px;gap:22px}
.hero{padding-top:177px;background:radial-gradient(ellipse at 50% 5%,var(--hero-start),transparent 68%),var(--page)}
.hero-mark{display:none}
.hero .eyebrow{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:11px}
.hero .eyebrow:before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%}
.hero h1{font-weight:700;font-size:clamp(48px,5.6vw,78px);letter-spacing:-3.8px;line-height:1.06;margin-top:25px}
.hero-description{max-width:690px;font-size:16px;line-height:1.7;margin-top:25px;color:var(--muted)}
.hero-signoff{display:none}
.hero-actions{margin-top:27px;gap:22px}
.hero-actions .outline{border-color:transparent;padding-inline:5px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line)}
.hero-actions .outline:hover{text-decoration-color:var(--accent)}
.hero-collage{height:660px;margin-top:54px;max-width:1020px}
.founder{width:415px;height:623px;top:0;left:49%;filter:drop-shadow(0 12px 13px var(--shadow))}
.floating-card{border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px -15px var(--shadow)}
.brief-chip{top:46px;left:5%;padding:13px 15px;font-size:11px;transform:rotate(-1deg)}
.signal-card{top:36px;right:2%;width:192px;min-height:200px;padding:18px 20px;transform:rotate(2deg)}
.signal-card>strong{font-weight:600;font-size:78px;letter-spacing:-4px}
.signal-card>p{font-size:12px;margin-left:59px}
.observation-card{top:229px;left:0;width:250px;padding:23px;transform:rotate(-2deg)}
.small-serif{font-size:20px}
.observation-card>p{font-size:13px;line-height:1.8}
.observation-card>a,.note-card a{background:none;padding:0;border-bottom:1px solid var(--line);padding-bottom:3px}
.note-card{right:0;top:310px;width:270px;padding:23px;transform:rotate(2deg)}
.note-card>p{font-size:13px;line-height:1.8}
.prepared-card{left:7%;bottom:76px;font-size:10px;transform:rotate(-1deg)}
.collage-caption{bottom:11px}
.audience-strip{padding-block:28px;max-width:1280px}
.audience-strip>span{font-size:22px;font-weight:500}
.section-intro>.eyebrow,.problem>.eyebrow,.faq .eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.section-intro h2,.problem h2{margin-top:22px}
.spark{font-size:43px;margin-top:27px}
.workflow{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.workflow-visual{padding:30px 38px}
.brain-sheet{border:1px solid var(--line);border-radius:7px;transform:rotate(-1deg);box-shadow:0 18px 35px -17px var(--shadow)}
.visual-sticker{border:1px solid var(--line);width:88px;height:88px;font-size:17px;transform:rotate(7deg)}
.workflow-step strong{font-size:22px}
.workflow-step.active .step-num{border-bottom:1px solid var(--accent);padding-bottom:5px}
.morning-workspace{border-radius:16px;box-shadow:0 20px 55px -20px var(--shadow)}
.prospect-tabs>button[aria-selected=true]{box-shadow:none;border-color:var(--line)}
.reason-box{border-left:2px solid var(--accent);border-radius:0 8px 8px 0}
.channel-tag{border:1px solid var(--line);background:none}
.platform-plan{border-radius:14px;padding:36px;border-top:1px solid var(--line)}
.plan-top{padding-bottom:22px;border-bottom:1px solid var(--line)}
.platform-plan h3{font-size:35px;margin-top:26px}
.price{font-size:66px;font-weight:500;letter-spacing:-3px}
.platform-plan ul{padding-block:5px}
.capacity{padding-top:12px}
.capacity>div>b{font-size:18px;color:var(--muted)}
.paper{border-radius:5px}
.paper-back{transform:rotate(-8deg)}
.paper-front{transform:rotate(3deg)}
.hand-star{font-size:85px;bottom:12px}
.managed-copy>.pill{margin-top:30px}
.last-word>h2{font-weight:650}
footer{padding-bottom:92px}
.palette-dock{left:auto;right:22px;bottom:18px;transform:none;border-radius:13px;padding:6px;gap:0;display:block}
.palette-toggle{background:none;border:0;display:flex;align-items:center;gap:9px;font-size:11px;padding:8px 10px;border-radius:8px;min-height:36px}
.palette-toggle:before{content:'';width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 1px var(--line)}
.palette-toggle:after{content:'+';font-size:16px;margin-left:7px;color:var(--muted)}
.palette-toggle[aria-expanded=true]:after{content:'−'}
.palette-options{padding-top:6px;border-top:1px solid var(--line);margin-top:4px}
.palette-option{font-size:10px}
@media(min-width:1500px){.hero{padding-top:190px}.hero h1{font-size:80px}}
@media(max-width:1290px){.navigation{margin-inline:24px}}
@media(max-width:1100px){.navigation{padding-inline:22px;gap:16px}.navigation>nav:first-child{gap:20px}.wordmark{font-size:22px}.wordmark .brand-symbol{width:29px;height:29px}.hero h1{font-size:64px}.hero-collage{max-width:900px}.observation-card{width:225px}.note-card{width:239px}.signal-card{right:0}}
@media(max-width:800px){.navigation{grid-template-columns:1fr auto;margin:18px 18px -88px;padding:13px 20px;min-height:68px;top:12px}.navigation>nav:first-child{display:none}.nav-right{grid-column:2}.wordmark{font-size:21px}.wordmark .brand-symbol{width:28px;height:28px}.nav-right .pill{min-height:40px;font-size:11px}#mobile-menu:not([hidden]){top:78px;border-radius:14px}.hero{padding-top:148px}.hero h1{font-size:55px;letter-spacing:-2.8px}.hero-description{font-size:15px}.hero-collage{margin-top:45px;height:610px}.founder{width:375px;height:563px;top:10px}.brief-chip{left:0;top:20px;font-size:9px}.signal-card{top:73px;width:155px;min-height:175px;padding:16px}.signal-card>strong{font-size:64px}.signal-card>p{font-size:10px;margin-left:48px}.observation-card{top:235px;width:190px;padding:18px}.note-card{top:338px;width:205px;padding:18px}.observation-card>p,.note-card>p{font-size:11px}.small-serif{font-size:18px}.prepared-card{left:0;bottom:61px;font-size:9px}.workflow-visual{padding:28px 40px}.platform-plan{padding:26px}.platform-plan h3{font-size:30px}.price{font-size:55px}.managed-art{min-height:420px}.hand-star{bottom:0}}
@media(max-width:500px){.navigation{margin:13px 12px -77px;top:10px;min-height:64px;padding:12px 15px;gap:9px;border-radius:14px}.wordmark{font-size:19px;gap:8px;letter-spacing:-.8px}.wordmark .brand-symbol{width:25px;height:25px}.nav-right{gap:12px}.nav-right .pill{padding:9px 12px;font-size:10px;min-height:38px}.nav-right>#menu-toggle{font-size:20px;min-width:24px}.hero{padding:132px 20px 0}.hero .eyebrow{font-size:9px;letter-spacing:.7px;gap:8px}.hero h1{font-size:clamp(36px,10.2vw,46px);letter-spacing:-1.65px;line-height:1.08;margin-top:22px}.hero-description{font-size:13px;line-height:1.8;margin-top:22px}.hero-actions{gap:18px;margin-top:25px}.hero-actions>.pill{font-size:11px;padding:12px 16px}.hero-actions>.outline{padding-inline:0}.hero-collage{height:545px;margin-top:40px;width:calc(100% + 20px)}.founder{width:300px;height:450px;top:1px;left:49%}.brief-chip{display:none}.signal-card{width:111px;min-height:139px;right:0;top:85px;padding:12px}.signal-card>strong{font-size:51px;margin-top:7px}.signal-card>p{font-size:9px;margin:4px 0 0}.signal-card>div{font-size:7px}.observation-card{width:144px;top:225px;padding:14px}.observation-card>p,.note-card>p{font-size:10px;line-height:1.7}.small-serif{font-size:15px}.note-card{width:171px;right:0;top:350px;padding:15px}.prepared-card{left:0;bottom:48px;font-size:7px;padding:9px}.collage-caption{font-size:7px;bottom:9px}.collage-caption button{font-size:8px}.audience-strip{padding:25px 20px;gap:20px 25px}.audience-strip>span{font-size:21px}.workflow-visual{padding:20px}.workflow-step strong{font-size:21px}.visual-sticker{width:79px;height:79px;font-size:16px}.platform-plan{padding:25px}.platform-plan h3{font-size:34px}.price{font-size:60px}.managed-art{min-height:365px}.hand-star{font-size:76px;bottom:-2px}.palette-dock{right:12px;bottom:12px;max-width:calc(100% - 24px)}.palette-options{flex-wrap:wrap}.palette-option{min-height:40px}.palette-toggle{font-size:10px;min-height:32px}body{padding-bottom:0}footer{padding-bottom:86px}}

.hero-description{text-wrap:balance}

.hero-subheading{font-size:clamp(18px,2vw,24px);font-weight:500;line-height:1.4;letter-spacing:-.35px;color:var(--ink-strong);margin:22px 0 0}
.hero-subheading+.hero-description{font-size:14px;margin-top:15px;line-height:1.8}
@media(max-width:500px){.hero-subheading{font-size:18px;letter-spacing:-.2px;margin-top:20px}.hero-subheading+.hero-description{font-size:12px;margin-top:13px}}

/* Approved hero example: three signals and their possible implication. */
.signal-stack .stacked-signals{list-style:none;padding:0;margin:16px 0 0;font-size:12px;line-height:1.5}
.stacked-signals li{display:flex;align-items:baseline;gap:8px;padding:7px 0}
.stacked-signals li:before{content:'';display:block;flex:none;width:4px;height:4px;border-radius:50%;background:var(--accent);align-self:center}
.signal-stack>.signal-need{margin:13px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:12px;line-height:1.6}
.signal-need>span{display:block;font-size:9px;line-height:1.6;color:var(--muted);margin-bottom:5px}
@media(max-width:800px){.signal-stack .stacked-signals,.signal-stack>.signal-need{font-size:11px}}
@media(max-width:500px){.signal-stack .stacked-signals{font-size:9px;margin-top:11px}.stacked-signals li{gap:6px;padding:5px 0}.signal-stack>.signal-need{font-size:10px;padding-top:10px;margin-top:9px}.signal-need>span{font-size:8px;margin-bottom:3px}}

/* Preserve the greeting and sentence breaks in outreach examples. */
.note-card>p{white-space:pre-line}

/* The approved full message needs its own space beneath the portrait on phones. */
@media(max-width:500px){.hero-collage{height:660px}}

#hero-message{scroll-margin-top:120px}