/* Welcome and navigation presentation. Assessment and Action Plan styles stay scoped elsewhere. */
.homex-app{--home-mint:#8ee6ce;--home-ink:#eaf4f7;--home-muted:#b5cbd2}
.homex-app [hidden]{display:none!important}
.homex-masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:3px 0 18px;border-bottom:1px solid #2a4252}
.homex-brand{display:flex;align-items:center;gap:13px;min-width:0}
.homex-brand-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #427b80;border-radius:14px;color:#a0eddd;background:linear-gradient(140deg,#244a56,#102635)}
.homex-brand-icon svg{width:32px;height:32px}
.homex-brand h1{font-size:clamp(22px,2.5vw,31px);font-weight:750;line-height:1.18;letter-spacing:-.035em;margin:0;color:#f1f7fa}
.homex-brand p{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:#9eb9c4;margin:5px 0 0}
.homex-masthead-meta{display:flex;align-items:center;gap:12px;font-size:12px;flex-shrink:0}
.homex-free{color:#b6cdd4}
.homex-masthead-meta .version{font-size:11px;border-color:#355263;padding:6px 9px}
.homex-skip{position:absolute;top:-100px;left:20px;background:#eaf8fa;color:#061824;padding:12px 18px;border-radius:8px;z-index:1000}
.homex-skip:focus{top:12px}
.homex-privacy-row{margin:11px 0 17px}
.homex-privacy{font-size:12px;line-height:1.7;color:#b2cbd6}
.homex-privacy summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;cursor:pointer;width:fit-content;padding:4px 0;list-style:none}
.homex-privacy summary::-webkit-details-marker{display:none}
.homex-privacy summary svg{width:15px;height:15px;color:#8acbbb;flex-shrink:0}
.homex-privacy-more{color:#a7cde8;margin-left:9px;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.homex-privacy-more::after{content:' +';display:inline-block;margin-left:5px}
.homex-privacy[open] .homex-privacy-more::after{content:' −'}
.homex-privacy>div{margin-top:8px;padding:13px 17px;max-width:820px;border:1px solid #365364;border-radius:10px;background:#0d202c}
.homex-privacy p{margin:0 0 12px;font-size:13px;line-height:1.7}
.homex-privacy .btn{font-size:12px}
.homex-app .homex-backup-reminder{padding:9px 12px;margin:12px 0 17px;gap:10px}
.homex-app .homex-backup-reminder p{font-size:12px;line-height:1.65}
.homex-app .homex-backup-reminder .btn{font-size:12px;padding:7px 11px;min-height:38px}
.homex-app .shell{grid-template-columns:200px minmax(0,1fr);gap:20px}
.homex-sidebar{padding:9px;background:#0b1822;border-color:#2e4859;box-shadow:none}
.homex-sidebar .nav{gap:3px}
.homex-sidebar .nav button{font-size:13px;line-height:1.4;padding:10px 11px;min-width:0;min-height:39px}
.homex-sidebar .nav button.active{background:#183a47;color:#eafff9;box-shadow:inset 3px 0 #92decd;border-radius:8px}
.homex-sidebar .nav button:hover{background:#122d3b;color:#effafc}
.homex-sidebar .nav small{font-size:10px;color:#abc0cb;line-height:1.45;margin-top:3px}
.homex-nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:750;color:#96adb9;margin:15px 10px 3px}
.homex-welcome{color:var(--home-ink)}
.homex-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);gap:10px;align-items:center;overflow:hidden;border:1px solid #36566a;border-radius:22px;background:radial-gradient(ellipse at 15% 0%,#183846 0,transparent 70%),linear-gradient(135deg,#112735,#0b1c27);box-shadow:0 16px 40px #02090d35}
.homex-intro{padding:35px 12px 35px 32px;min-width:0}
.homex-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--home-mint);line-height:1.6}
.homex-intro h2{font-size:clamp(36px,3.9vw,54px);line-height:1.08;letter-spacing:-.045em;font-weight:750;margin:17px 0 21px;max-width:12em}
.homex-intro h2 em{display:block;font-style:normal;color:#a7eedb;font-weight:550}
.homex-lead{font-size:18px;line-height:1.7;color:#e0edf0;margin:0 0 13px;max-width:34em}
.homex-intro-detail{font-size:14px;line-height:1.8;color:#b9cdd4;margin:0 0 25px;max-width:35em}
.homex-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.homex-hero-actions .btn.primary{background:linear-gradient(110deg,#a0e6ce,#82d9d1);border:1px solid #b6f5e6;box-shadow:0 7px 22px #68d4b81c;color:#082c32;font-size:15px;font-weight:800;padding:13px 17px;border-radius:10px;min-height:48px;line-height:1.45;text-align:center}
.homex-hero-actions .btn.primary span{font-size:19px;margin-left:9px;line-height:1}
.homex-secondary{background:transparent;border:0;color:#c7e6f7;font-size:13px;font-weight:650;line-height:1.6;text-decoration:underline;text-underline-offset:4px;padding:11px 2px;min-height:44px}
.homex-start-note{font-size:12px;line-height:1.8;color:#b3cbd4;margin:12px 0 0;max-width:35em}
.homex-returning{font-size:12px;line-height:1.6;color:#9ce1d2;border-left:2px solid #5ba896;padding:2px 0 2px 10px;margin:14px 0 0}
.homex-trust{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:23px;padding-top:17px;border-top:1px solid #345566;font-size:10px;color:#c3d6db;line-height:1.6}
.homex-trust b{color:#8dd9c7;font-size:12px;margin-right:4px}
.homex-body-art{margin:0;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:#071f2c;position:relative}
.homex-body-art img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;object-position:center;margin:auto}
.homex-body-art figcaption{font-size:10px;color:#b8cdd5;text-align:center;line-height:1.7;padding:5px 12px 12px}
.homex-path{padding:27px 0 0;margin-bottom:27px}
.homex-section-heading{margin:0 0 17px}
.homex-section-heading h3{font-size:25px;letter-spacing:-.025em;line-height:1.3;margin:5px 0 0;color:#edf6f8}
.homex-section-heading>p{font-size:14px;line-height:1.7;color:#b9cbd4;max-width:54em;margin:9px 0 0}
.homex-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none}
.homex-path-grid li{padding:21px 18px 18px;border:1px solid #304d60;border-radius:14px;background:linear-gradient(145deg,#112532,#0b1b27)}
.homex-step-number{font-size:12px;line-height:1.5;font-weight:800;color:#99dacb;letter-spacing:.1em;display:block;margin-bottom:12px}
.homex-path-grid h4{font-size:16px;line-height:1.45;margin:0 0 8px;color:#edf6fa}
.homex-path-grid p{font-size:13px;line-height:1.75;margin:0;color:#b7cbd3}
.homex-explore{padding:24px;border:1px solid #304e60;border-radius:18px;background:#0b1b27}
.homex-group-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:19px 0 17px}
.homex-group-list button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;min-width:0;padding:14px 12px;background:#102633;border:1px solid #355569;border-radius:12px;font-size:13px;line-height:1.5;font-weight:700;color:#d5e7ed;transition:background .16s ease,border-color .16s ease}
.homex-group-list button>span{font-size:24px;line-height:1.2;color:#9dcfef;margin-bottom:4px}
.homex-group-list button>small{font-weight:400;font-size:11px;color:#bdd1da;margin-top:auto;padding-top:4px}
.homex-group-list button[aria-pressed="true"]{background:#1a403f;border-color:#7cceba;color:#effef9;box-shadow:inset 0 3px #8ae0c8}
.homex-group-list button[aria-pressed="true"]>span{color:#a6ead4}
.homex-group-list button:hover{border-color:#a4d8e3;background:#173846}
.homex-domain-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;min-width:0}
.homex-domain{padding:16px;border:1px solid #2c4a5c;border-radius:10px;background:#0e222e;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.homex-domain h4{font-size:15px;line-height:1.5;margin:0 0 8px;color:#eff6f9}
.homex-domain p{font-size:13px;line-height:1.7;color:#b3ccd5;margin:0 0 10px}
.homex-domain button{margin-top:auto;min-height:42px;background:transparent;border:0;border-bottom:1px solid #7cb1c259;border-radius:0;color:#98d7e5;padding:8px 0 2px;font-size:12px;font-weight:700;text-align:left;line-height:1.65}
.homex-domain button span{padding-left:5px}
.homex-boundary{padding:19px 4px 4px;font-size:12px;color:#aec3cb;line-height:1.75;max-width:70em}
.homex-boundary p{margin:0 0 8px}
.homex-boundary strong{color:#cee1e7}
.homex-data-controls{margin-top:20px;border-top:1px solid #3c5468;padding-top:14px;color:#b8cbd8;font-size:13px;line-height:1.7}
.homex-data-controls summary{cursor:pointer;font-weight:650;color:#c9ddec;min-height:36px}
.homex-data-controls p{margin:9px 0 13px}
.homex-app .homex-welcome button:focus-visible,.homex-app .homex-privacy summary:focus-visible,.homex-app .homex-privacy button:focus-visible,.homex-app .homex-sidebar button:focus-visible,.homex-app .homex-data-controls summary:focus-visible{outline:3px solid #b1e3f1;outline-offset:3px}
@media(max-width:1150px) and (min-width:821px){
 .homex-app .shell{grid-template-columns:182px minmax(0,1fr);gap:15px}
 .homex-intro{padding:26px 9px 26px 23px}
 .homex-intro h2{font-size:38px}
 .homex-lead{font-size:16px}
 .homex-intro-detail{font-size:13px}
 .homex-body-art img{max-height:560px}
 .homex-trust{gap:5px 10px;font-size:10px}
 .homex-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .homex-domain-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px) and (min-width:821px){
 .homex-hero{grid-template-columns:minmax(0,1fr);gap:0}
 .homex-intro{padding:28px}
 .homex-intro h2{font-size:44px;max-width:14em}
 .homex-body-art{border-top:1px solid #264e61}
 .homex-body-art img{max-height:380px}
 .homex-path-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
 .homex-app .shell{grid-template-columns:1fr}
 .homex-sidebar .nav{display:flex;overflow-x:auto}
 .homex-sidebar .homex-nav-label{display:none}
 .homex-sidebar .nav button{min-width:132px;min-height:54px;flex:0 0 auto;white-space:nowrap}
 .homex-sidebar .nav button.active{box-shadow:inset 0 -3px #92decd}
 .homex-sidebar .mobile-nav-hint{display:none}
 .homex-free{display:none}
 .homex-masthead-meta{gap:5px}
 .homex-intro{padding:27px 12px 27px 24px}
 .homex-intro h2{font-size:38px}
 .homex-lead{font-size:16px}
 .homex-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .homex-domain-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .homex-masthead{gap:9px;align-items:flex-start;padding-bottom:14px}
 .homex-brand{gap:8px}
 .homex-brand-icon{height:34px;width:34px;border-radius:10px}
 .homex-brand-icon svg{width:26px;height:26px}
 .homex-brand h1{font-size:21px;max-width:13em}
 .homex-brand p{font-size:9px;letter-spacing:.12em}
 .homex-masthead-meta .version{font-size:9px;padding:5px 7px}
 .homex-privacy-row{margin:10px 0 12px}
 .homex-privacy summary{font-size:11px;gap:5px 7px}
 .homex-privacy-more{margin-left:22px}
 .homex-hero{grid-template-columns:1fr;gap:0;border-radius:16px}
 .homex-intro{padding:27px 22px 23px}
 .homex-intro h2{font-size:42px;max-width:12em;margin-top:13px}
 .homex-lead{font-size:17px}
 .homex-intro-detail{font-size:14px;margin-bottom:20px}
 .homex-hero-actions{gap:7px}
 .homex-hero-actions .btn.primary{width:100%}
 .homex-secondary{width:100%;text-align:center}
 .homex-start-note{font-size:12px}
 .homex-trust{font-size:11px;margin-top:17px;gap:7px 13px}
 .homex-body-art{border-top:1px solid #2b4b5a}
 .homex-body-art img{max-height:380px}
 .homex-body-art figcaption{padding-top:1px}
 .homex-path{padding-top:23px}
 .homex-path-grid{grid-template-columns:1fr;gap:11px}
 .homex-path-grid li{padding:18px}
 .homex-step-number{margin-bottom:7px}
 .homex-explore{padding:19px 15px}
 .homex-section-heading h3{font-size:24px}
 .homex-group-list{gap:8px}
 .homex-group-list button{padding:12px 10px;font-size:13px}
 .homex-domain-panel{grid-template-columns:1fr}
 .homex-domain{padding:16px}
 .homex-domain h4{font-size:16px}
 .homex-domain p{font-size:14px}
 .homex-boundary{font-size:12px;padding:18px 4px}
}
@media(max-width:380px){.homex-brand h1{font-size:19px}.homex-brand-icon{display:none}.homex-intro{padding:24px 17px}.homex-intro h2{font-size:36px}.homex-privacy-more{margin-left:0}}
@media(prefers-reduced-motion:reduce){.homex-welcome *{transition:none;animation:none}}
@media print{.homex-sidebar,.homex-privacy-row,.homex-masthead-meta,.homex-hero-actions,.homex-group-list,.homex-domain button,.homex-data-controls{display:none!important}.homex-app .shell{display:block}.homex-hero{break-inside:avoid}.homex-body-art img{max-height:360px}.homex-path-grid li,.homex-domain{break-inside:avoid}}
