/* Shared HashtagMyStyle screen system. Print layouts remain paper-friendly. */
@media screen {
:root{color-scheme:dark;--bg:#171822;--dark:#171822;--panel:#252532;--ink:#f8f7fc;--text:#f8f7fc;--muted:#c9c6d6;--accent:#ff815d;--persimmon:#ff693f;--purple:#8d63e6;--light:#d9c9ff;--lilac:#d9c9ff;--line:#ffffff29}
body{background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.6}
body::before{display:none}
h1,h2,h3{font-family:"Syne",system-ui,sans-serif;overflow-wrap:break-word}h1 em{color:var(--accent)}
button,input,select,textarea{font-family:inherit}input,select,textarea{font-size:16px;max-width:100%;accent-color:var(--accent)}
a,button,input,select,textarea,summary{touch-action:manipulation}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--lilac);outline-offset:4px}
.button:not(.secondary){background:var(--persimmon);color:var(--dark);border-color:transparent;border-radius:99px;font-weight:800;min-height:48px}
.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}
:where(.panel,.card,.legal-card,.board-card){background:var(--panel);border-color:var(--line);border-radius:22px}
.eyebrow,.choice b,.summary-price strong{color:var(--accent)}
.notice,#status:not(:empty){background:var(--panel);color:var(--muted)}
body>header:not(:has(.header-inner)){width:min(1240px,calc(100% - 36px));max-width:1240px;display:flex;flex-direction:column;align-items:center;gap:20px;margin:auto;padding:20px 0 24px;text-align:center;border-bottom:1px solid var(--line)}
body>header:not(:has(.header-inner))>a:has(img){width:min(720px,100%)}
body>header:not(:has(.header-inner)) img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain}
body>header nav{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
body>header nav a{display:inline-flex;align-items:center;min-height:44px}
.services-section,.community-section{background:var(--bg);color:var(--ink)}
.services-section :is(.section-intro>p,.service-card p,.service-card ul,.service-top small,.pricing-note,.service-notes summary){color:var(--muted)}
.services-section .eyebrow,.service-top>strong{color:var(--accent)}
.service-card,.service-card.featured,.service-card.ongoing{background:var(--panel);color:var(--ink);border-color:var(--line);box-shadow:none}
.service-card.featured{border-color:var(--purple)}
.service-top>span,.addon-list span{background:#d9c9ff14;color:var(--lilac)}
.service-card>a,.addon-list b,.service-card li::before{color:var(--lilac)}
.service-filters{flex-wrap:wrap;overflow:visible}
.service-filters button{background:var(--panel);color:var(--ink);border-color:var(--line);min-height:44px}
.service-filters button[aria-pressed="true"],.tabs [aria-current]{background:var(--lilac);color:var(--dark);border-color:var(--lilac)}
.services-section :is(a,button,summary):focus-visible{outline-color:var(--lilac)}
.board-preview{background:var(--panel);color:var(--ink);border:1px solid var(--line)}
.board-preview .board-card{border-color:var(--line)}
.board-preview .board-card img,.board-preview .photo-empty{background:var(--bg);color:var(--muted)}
.card,.panel,.legal-card,.board-preview,.field,.grid>*{min-width:0}
@media(max-width:820px){body>header:not(:has(.header-inner))>a:has(img){width:min(560px,100%)}.wrap{width:calc(100% - 36px)}.legal-article{width:100%}}
@media(max-width:600px){.board-preview{padding:20px}.actions{gap:12px}.steps{gap:5px}footer a{display:inline-block;padding-block:8px}.section-intro{gap:24px}body>header:not(:has(.header-inner)){gap:14px}}
}
@media screen{
.resource-card{background:var(--panel);border-color:var(--line);color:var(--ink)}
.resource-card>small,.resource-heading>p:last-child{color:var(--muted)}
.resource-card>span,.resource-card>b,.service-card>a.resource-download{color:var(--lilac)}
.motion-ready .reveal{opacity:1;transform:none}
}
@media screen{.ecosystem-loop,.service-notes details{background:var(--panel);color:var(--muted);border-color:var(--line)}.service-top>strong,.featured .service-top>strong{color:var(--accent)}.ecosystem-loop{flex-wrap:wrap;overflow:visible}}

@media screen{
/* Blend the existing dimensional artwork into the charcoal masthead. */
header img[src*="hashtagmystyle-logo"],.footer-brand img,.brand-stamp{mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.ecosystem-loop.journey-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:0;overflow:hidden;background:var(--panel)}
.journey-window{min-width:0;overflow:hidden}.journey-track{display:flex;width:max-content;animation:journey-scroll 38s linear infinite}
.journey-group{display:flex;flex-shrink:0;align-items:center;gap:22px;padding:19px 22px 19px 0;white-space:nowrap}
.journey-group span{color:var(--ink);font-size:clamp(.85rem,1.2vw,1rem);font-weight:700}.journey-group span:first-child{color:var(--accent)}
.journey-group i{color:var(--lilac);font-style:normal}.journey-toggle{align-self:stretch;border:0;border-left:1px solid var(--line);padding:12px 18px;min-width:72px;min-height:48px;background:var(--panel);color:var(--lilac);cursor:pointer;font-weight:700}
.journey-banner[data-paused="true"] .journey-track{animation-play-state:paused}
@keyframes journey-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.journey-track{animation:none;width:100%}.journey-group{flex-wrap:wrap;white-space:normal;padding:16px;gap:12px}.journey-group[aria-hidden="true"]{display:none}.journey-toggle{display:none}}
}

.social-platforms{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:12px;margin:24px 0;grid-column:1/-1}.social-platforms .social-platform{display:flex;align-items:center;gap:11px;min-height:58px;padding:12px 16px;margin:0;border:1px solid var(--line);border-radius:16px;color:var(--lilac);background:var(--panel);text-decoration:none;text-align:left;font-size:14px;font-weight:700}.social-platform svg{flex:none}.social-platform small{display:block;color:var(--muted);font-size:11px;font-weight:400}.social-platforms a:hover{border-color:var(--accent);color:var(--accent)}.social-platforms .coming-soon{color:var(--muted)}@media(max-width:400px){.social-platforms{display:grid;grid-template-columns:1fr;width:100%}.social-platforms .social-platform{justify-content:flex-start}}@media print{.social-platforms{display:none}}

/* Compact editorial layout; consistent rhythm without oversized empty sections. */
@media screen{
.header-inner{padding:8px 0 14px;gap:6px 24px}.brand{width:min(500px,100%)}
.hero{min-height:0;padding:32px 0 28px;gap:38px;align-items:center;grid-template-columns:1.05fr .95fr}
.hero h1{font-size:clamp(3.1rem,6vw,5.7rem);line-height:.98;margin:14px 0 20px}
.hero .lead{font-size:1.1rem;line-height:1.6;max-width:530px}.hero-actions{margin-top:22px;gap:18px}.proof{margin-top:20px;gap:10px 18px;font-size:.8rem}
.hero-visual{width:100%;max-width:480px;position:relative;border-radius:28px 70px 28px 28px}
.hero-visual>img{aspect-ratio:1.05;object-position:center 32%;object-fit:cover}.hero-visual figcaption{padding:14px 20px;background:var(--panel)}
.quick-start{width:min(1240px,calc(100% - 48px));margin:0 auto 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quick-start>a{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);min-width:0}
.quick-start>a:hover{border-color:var(--lilac)}.quick-start strong{font-family:"Syne",sans-serif;font-size:1.05rem}.quick-start p{margin:4px 0 0;color:var(--muted);font-size:.85rem}.quick-start>a>span:last-child{margin-left:auto;color:var(--lilac)}.quick-number{font-size:.8rem;color:var(--accent);align-self:flex-start;padding-top:2px}
.services-section,.community-section{padding:48px 0}.section-intro,.resource-heading{gap:28px;align-items:start}
.section-intro h2,.resource-heading h2,.community-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.06}
.ecosystem-loop{margin-top:24px}.service-filters{margin:22px 0 18px}.service-card{padding:22px}.service-card h3{margin-top:18px}.service-card ul{gap:6px}
.impact-panel{padding:32px;gap:30px}.impact-panel h2{font-size:clamp(2rem,3.6vw,3.2rem)}.impact-note{margin:0}
.resource-library{padding-top:48px}.resource-heading{margin-bottom:20px}.resource-heading .eyebrow{margin-bottom:0}.resource-card{min-height:185px;padding:18px}
.community-layout{gap:32px}.community-features{gap:7px}.footer-inner{padding-top:30px;padding-bottom:24px}
@media(max-width:900px){.quick-start{gap:9px}.quick-start>a{padding:15px;gap:9px}.hero{gap:24px}}
@media(max-width:820px){.brand{width:min(420px,100%)}.header-inner{gap:4px 12px}.hero{grid-template-columns:1fr 1fr;align-items:start}.hero h1{font-size:clamp(2.7rem,6.5vw,4rem)}.hero-visual>img{aspect-ratio:.82}.hero-visual figcaption strong{font-size:.85rem}.hero .lead{font-size:1rem}.quick-start{grid-template-columns:1fr}.quick-start>a{padding:14px 18px}.quick-start p{margin-top:2px}}
@media(max-width:600px){.brand{width:min(320px,100%)}.header-inner{position:relative;padding-bottom:10px}.menu-toggle{margin-top:-4px}.hero{grid-template-columns:1fr;padding:24px 0;gap:22px}.hero h1{font-size:clamp(3rem,12vw,4rem)}.hero-visual{max-width:none;border-radius:22px 48px 22px 22px}.hero-visual>img{aspect-ratio:1.35;object-position:center 30%}.hero-actions{gap:12px}.quick-start{width:calc(100% - 36px)}.services-section,.community-section{padding:34px 0}.impact-panel{padding:24px;gap:22px}.resource-library{padding-top:34px}.service-card{padding:20px}.journey-group{padding-block:14px}}
}

.faq-section{padding:36px 0 48px}.faq-section h2{font-size:clamp(2rem,4vw,3.2rem);max-width:800px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.faq-grid details{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.faq-grid summary{cursor:pointer;font-weight:700;min-height:30px}.faq-grid p{color:var(--muted);margin-top:14px}.faq-grid a{color:var(--lilac)}
.guide-launch{position:fixed;right:20px;bottom:20px;z-index:60;min-height:48px;padding:12px 18px;border:1px solid var(--lilac);border-radius:99px;background:var(--panel);color:var(--ink);font:700 14px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 8px 30px #0005}.guide-launch span{color:var(--accent)}
.site-guide{position:fixed;z-index:65;right:20px;bottom:80px;width:min(390px,calc(100vw - 32px));max-height:min(680px,calc(100dvh - 112px));overflow:auto;background:var(--bg);border:1px solid var(--lilac);border-radius:22px;box-shadow:0 20px 80px #0008;color:var(--ink);font:14px/1.55 "DM Sans",sans-serif}.site-guide .guide-head{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:18px;margin:0;border-bottom:1px solid var(--line);text-align:left;max-width:none}.guide-head h2{font:700 18px/1.25 "Syne",sans-serif;margin:0 0 6px;letter-spacing:0}.guide-head p{font-size:12px;color:var(--muted);margin:0}.guide-close{background:transparent;border:0;color:var(--ink);font-size:26px;min-width:44px;min-height:44px;padding:0;cursor:pointer}.guide-log{max-height:220px;overflow:auto;padding:8px 16px}.guide-message{padding:12px;border-radius:12px;background:var(--panel);margin:8px 0}.guide-message.question{background:#d9c9ff22;border-left:2px solid var(--lilac)}.guide-result{display:block;color:var(--lilac);padding:4px 12px 12px;text-decoration:underline}.guide-choices{display:flex;flex-wrap:wrap;gap:7px;padding:10px 16px}.guide-choices button{font:inherit;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);cursor:pointer}.guide-form{padding:8px 16px;margin:0}.guide-form label{display:block;margin:0 0 7px;font-size:12px}.guide-form>div{display:flex;gap:8px}.guide-form input{min-width:0;width:100%;margin:0;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:16px}.guide-form button{margin:0;padding:10px;border:0;border-radius:10px;background:var(--persimmon);color:var(--dark);font-weight:700}.guide-note{padding:0 16px 14px;margin:6px 0;color:var(--muted);font-size:11px}
@media(max-width:620px){.faq-grid{grid-template-columns:1fr}.guide-launch{bottom:88px;right:14px}.site-guide{bottom:146px;right:14px;max-height:calc(100dvh - 166px)}}@media print{.guide-launch,.site-guide{display:none!important}}

.vision-service{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}.vision-service h2{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.05;margin:12px 0}.vision-service p{line-height:1.65}.vision-steps{padding:24px;border:1px solid #51435f;border-radius:24px;background:linear-gradient(135deg,#30253f,#252532)}.vision-steps a,.vision-steps small{display:block;margin-top:16px}.vision-steps b{color:#d1b5ff}@media(max-width:700px){.vision-service{grid-template-columns:1fr;gap:16px}}
/* Calm homepage: one choice at a time, with a readable plum Style DNA frame. */
.start-section{padding:56px 0 32px}.calm-heading{text-align:center;margin:0 auto 28px}.calm-heading h2{font-size:clamp(2rem,3.5vw,3rem);margin:10px 0}.calm-heading p{color:#d5cedd}.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.start-grid>a{display:flex;flex-direction:column;text-decoration:none;color:#faf7ff;background:#24222f;border:1px solid #4b405a;border-radius:22px;padding:26px;transition:background .2s,border-color .2s}.start-grid>a:hover{background:#30283e;border-color:#b997ed}.start-grid span{font-size:.875rem;color:#d0acf5}.start-grid h3{font-size:1.5rem;line-height:1.2;margin:18px 0 12px}.start-grid p{line-height:1.6;color:#d5cedd;margin:0 0 24px}.start-grid b{font-size:1rem;margin-top:auto;color:#ffae89}.start-note{font-size:.875rem;color:#c6bfce;text-align:center;max-width:760px;margin:22px auto 0;line-height:1.6}.start-note a{color:#e0c4ff;text-decoration:underline}
.services-section{padding:32px 0 48px!important}.section-intro{display:block!important;text-align:center;max-width:750px;margin:0 auto 32px!important}.section-intro>p{max-width:none!important}.whole-look{margin:30px 0!important;padding:clamp(24px,4vw,48px)!important;grid-template-columns:1fr 1fr!important;gap:40px!important;align-items:center!important;background:linear-gradient(125deg,#34233f 0%,#251f33 65%,#282331 100%)!important;border:1px solid #66516f!important;box-shadow:0 16px 45px #08080d33!important}.whole-look-copy{position:static!important}.whole-look h2{color:#fff7ff!important;font-size:clamp(2.2rem,4vw,3.6rem)!important;line-height:1.06!important}.whole-look-copy>p:not(.eyebrow){color:#e0d4e9!important;max-width:420px}.whole-look .eyebrow{color:#ffb190!important}.whole-look .button{color:#201625!important;background:#efaf8b!important;margin-top:12px}.whole-look-copy small{display:block;margin-top:18px;color:#d8c9e2;font-size:.875rem;line-height:1.5}.dna-dimensions{gap:10px!important}.dna-dimensions details{background:#211c2b;border:1px solid #756180;border-radius:16px;padding:0 18px}.dna-dimensions summary{color:#fff7ff;font-weight:700;font-size:1.05rem;cursor:pointer;padding:19px 0;line-height:1.4}.dna-dimensions summary span{color:#d1b0f7;margin-right:12px;font-size:.875rem}.dna-dimensions details p{color:#ddd1e5!important;margin:0 0 20px 32px!important;font-size:1rem;line-height:1.55}.dna-dimensions .dna-hint{color:#d1c0dc!important;font-size:.875rem;margin:6px 0!important;line-height:1.5}
.calm-disclosure{border:1px solid #544761;border-radius:18px;background:#211f2b;margin:24px 0;overflow:hidden}.calm-disclosure>summary{padding:22px 26px;color:#faf7ff;cursor:pointer;font-size:1.125rem;font-weight:700;line-height:1.5}.calm-disclosure>summary span{display:block;color:#cbc1d5;font-size:.875rem;font-weight:400;margin:6px 0 0 20px}.disclosure-content{padding:0 24px 24px}.calm-disclosure>.resource-grid{padding:0 24px 24px}.vision-invite{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:36px 0;padding:30px 0;border-bottom:1px solid #4a4055}.vision-invite h3{font-size:1.5rem;line-height:1.25;margin:8px 0}.vision-invite p{color:#d5cedd;line-height:1.6}.vision-invite .button{flex-shrink:0}.community-layout{grid-template-columns:1fr!important;max-width:850px!important}.community-copy{text-align:center}.community-lead{margin-left:auto!important;margin-right:auto!important}.community-actions{justify-content:center}.community-preview{width:100%;margin:0}.community-preview .demo-shell{margin:0 18px 18px}.resource-heading{max-width:720px!important;margin:auto!important;text-align:center}.resource-heading h2{font-size:clamp(2rem,3.5vw,3rem)!important}.impact-panel{margin:40px 0!important}.faq-section{padding:48px 0!important}.faq-section>h2{font-size:clamp(2rem,3.5vw,3rem)!important;max-width:750px}.ticker{font-size:1rem!important}.ticker-group span{font-size:1rem!important;letter-spacing:.035em!important}.ticker-track{animation-duration:45s!important}
@media(max-width:820px){.whole-look{grid-template-columns:1fr!important;gap:26px!important}.start-grid{grid-template-columns:1fr}.start-grid>a{padding:24px}.start-grid h3{margin-top:10px}.start-grid p{margin-bottom:16px}.vision-invite{flex-direction:column;align-items:flex-start}.start-section{padding-top:36px}.whole-look-copy>p:not(.eyebrow){max-width:none}.guide-launch{bottom:18px!important}.site-guide{bottom:78px!important;max-height:calc(100dvh - 100px)!important}}
@media(prefers-reduced-motion:reduce){.start-grid>a{transition:none}}
/* Straight, readable typography and a compact footer. */
.decision-loop{display:grid;gap:0;padding:22px 26px;border:1px solid #51435f;border-radius:22px;background:linear-gradient(145deg,#282331,#201f29)}.decision-loop article{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff20}.decision-loop article:last-of-type{border-bottom:0}.decision-loop article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ff815d;color:#171822;font-weight:800}.decision-loop strong{display:block;color:#faf7ff}.decision-loop p{margin:4px 0 0;color:#d5cedd;line-height:1.5}.decision-loop small{display:block;margin-top:16px;color:#c6bfce;font-size:.875rem;line-height:1.55}
@media(max-width:820px){.decision-system{grid-template-columns:1fr!important;gap:24px!important}.decision-loop{padding:18px}}
h1,h2,h3,h4,.hero h1,.guide-head h2{font-family:"DM Sans",Arial,sans-serif!important;font-style:normal!important;font-stretch:normal;font-weight:700;letter-spacing:-.025em!important;line-height:1.15;transform:none!important;font-synthesis:none}h1 em,h2 em{font-style:normal!important}.hero h1{font-weight:800;line-height:1.06!important}h3,h4,summary{letter-spacing:0!important}p,a,summary,button{font-synthesis:none}.resource-heading{display:block!important;text-align:center!important;margin:0 auto 22px!important}.resource-heading h2{margin:12px 0!important;line-height:1.15!important}.resource-heading>p:last-child{max-width:540px;margin:0 auto!important}.resource-library{padding-top:28px!important}.faq-section{max-width:1060px;margin:auto;padding:40px 0!important}.faq-section>h2{margin:10px 0 24px;font-size:clamp(1.9rem,3vw,2.6rem)!important}.faq-grid{gap:10px 18px}.faq-grid details{padding:16px 20px;border-radius:12px}.faq-grid summary{font-size:1rem;line-height:1.5;font-weight:600}.faq-grid p{font-size:1rem;line-height:1.6}.impact-panel h2{line-height:1.1!important}.impact-panel:after{opacity:.03}.impact-note{font-size:.875rem!important;line-height:1.6}
footer .footer-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:20px 48px;align-items:center;padding:30px 0 76px!important;font-size:.875rem}footer .footer-identity{display:flex;flex-direction:column;gap:10px}footer .footer-brand{width:220px;display:block}footer .footer-brand img{width:220px;opacity:1!important;filter:none!important;mix-blend-mode:lighten}footer .footer-inner nav{justify-content:flex-end;gap:4px 22px}footer .footer-inner nav a{padding:8px 0;line-height:1.5}footer .social-platforms{display:flex!important;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:0;grid-column:1; width:auto}footer .social-platforms .social-platform{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:44px;height:44px;padding:10px;border-radius:50%;background:transparent}footer .social-platforms .coming-soon{opacity:.5}footer .footer-inner>small{grid-column:2;text-align:right;color:#c9c2d1;font-size:.875rem}.footer-identity p{font-size:.875rem;color:#c9c2d1}.social-platform:focus-visible{outline:2px solid #ffae89;outline-offset:4px}
@media(max-width:700px){footer .footer-inner{grid-template-columns:1fr;gap:18px;padding-bottom:84px!important}footer .footer-inner nav{justify-content:flex-start;gap:2px 20px}footer .footer-inner>small{grid-column:1;text-align:left}.faq-section>h2{max-width:100%}.resource-heading{max-width:100%!important}.resource-heading h2{font-size:2rem!important}}
/* Audit fixes: readable guide notes and comfortable touch targets. */
.guide-head p,.guide-form label,.guide-note{font-size:14px;line-height:1.5}.guide-choices button{min-height:44px}.guide-launch{max-width:calc(100vw - 36px)}body>footer:not(:has(.footer-inner)){padding-bottom:88px}

/* Keep the illuminated closet-to-decision route geometrically aligned. */
@media(min-width:1081px){.start-grid.decision-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}}
@media(min-width:621px) and (max-width:1080px){.start-grid.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.decision-grid::before,.decision-grid::after,.decision-grid>a::before{display:none}.calm-heading::after{margin-bottom:24px}}
@media(max-width:620px){.start-grid.decision-grid{grid-template-columns:1fr;gap:14px}}