/* HDPJoin — discovery-first brand, copyright Highest Degree Priorities 2026 */
:root{--navy:#101d34;--navy2:#1a3154;--ink:#15233b;--muted:#63738a;--gold:#dcae60;--blue:#2674b8;--mist:#eff5f9;--line:#dce5eb;--shadow:0 18px 50px rgba(16,40,75,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafc;color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h1,h2{letter-spacing:-.045em}h1{font-size:clamp(3rem,6.3vw,6.25rem)}h2{font-size:clamp(2rem,3.65vw,3.65rem)}h3{font-size:1.28rem;letter-spacing:-.025em}p{line-height:1.72}.container{width:min(1180px,calc(100% - 44px));margin:auto}.smallcaps,.eyebrow{font-size:.71rem;font-weight:850;letter-spacing:.155em;text-transform:uppercase;color:#aa7e33}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
:focus-visible{outline:3px solid #388ee9;outline-offset:3px}
.skip{position:absolute;z-index:100;left:14px;top:-80px;background:white;padding:12px;border:2px solid #1b4678}.skip:focus{top:10px}
.notice-strip{background:#132844;color:#ecf4ff;text-align:center;padding:8px 22px;font-size:12px;letter-spacing:.01em}.notice-strip a{color:#ffdea0;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.site-header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:80;box-shadow:0 1px 0 rgba(21,45,73,.1);backdrop-filter:blur(12px)}.nav{min-height:78px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none;gap:11px;line-height:1.05}.brand-icon{font-family:Georgia,serif;color:#fff;display:grid;place-items:center;background:linear-gradient(145deg,#173a67,#13243b);border-radius:13px;width:41px;height:41px;font-size:22px;box-shadow:0 6px 17px rgba(19,54,86,.2)}.brand-title{font-size:19px;letter-spacing:-.06em;font-weight:950}.brand-subtitle{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.085em;color:#677c97;margin-top:4px;font-weight:750}.navlinks{display:flex;gap:23px;align-items:center}.navlinks a{font-size:13px;font-weight:750;color:#2b3b55;text-decoration:none;white-space:nowrap}.navlinks a:hover,.navlinks a[aria-current="page"]{color:#2067a8}.navlinks a.nav-button{padding:11px 17px;background:#132b4c;border-radius:11px;color:#fff}.navlinks a.nav-button:hover{background:#224c7e}.menu-toggle{display:none;padding:9px 12px;background:#f2f6f9;border:1px solid #d6e1e9;border-radius:9px;color:#193754;font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:13px 19px;border-radius:11px;text-decoration:none;font-size:13px;font-weight:850;line-height:1.2;border:1px solid transparent;text-align:center}.btn-dark{color:#fff;background:#162e51}.btn-dark:hover{background:#26517f}.btn-gold{color:#10294b;background:linear-gradient(145deg,#ffe2a4,#ddab57);box-shadow:0 6px 16px rgba(180,120,38,.16)}.btn-gold:hover{background:#f5d189}.btn-outline{color:#193b69;border:1px solid #a4b8c9;background:transparent}.btn-outline:hover{background:#e8f1fa}.btn-light-outline{color:#fff;border:1px solid rgba(255,255,255,.7);background:rgba(10,30,55,.12)}.btn-light-outline:hover{background:rgba(255,255,255,.14)}.btn-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.button-link{font-size:13px;font-weight:850;color:#255c91;text-decoration:none}.button-link:hover{text-decoration:underline}
.section{padding:89px 0}.section-alt{background:#eef4f8}.section-head{max-width:795px;margin-bottom:34px}.section-head p{font-size:16px;color:var(--muted)}.section-head h2{margin:12px 0 16px}.section-head .eyebrow{display:block}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 74% 0%,#fffef4 0%,transparent 36%),radial-gradient(ellipse at 82% 23%,#ffc95c 0%,#fff5c4 11%,transparent 34%),linear-gradient(135deg,#2d7fc5 0%,#7ac2e8 25%,#e1eff5 66%,#f9fcfc 100%);padding:83px 0 96px;min-height:670px}
.hero:before,.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none}.hero:before{width:83%;height:150%;top:-70%;right:-20%;background:repeating-conic-gradient(from 15deg at 50% 52%,rgba(255,255,220,.1) 0 5deg,rgba(255,255,255,0) 6deg 13deg);transform:rotate(13deg);filter:blur(2px)}.hero:after{inset:auto 0 0 0;height:230px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.72) 59%,#fafbfd);z-index:-1}
.hero-grid{display:grid;grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr);align-items:center;gap:35px}.hero .eyebrow{color:#244267}.hero-copy{position:relative;z-index:2}.hero h1{font-family:Georgia,serif;color:#fff;text-shadow:2px 2px 0 #152b43,-1px -1px 0 #152b43,0 7px 21px rgba(15,47,87,.18);line-height:1.07;margin:13px 0}.hero h1 em{display:block;font-style:normal;background:linear-gradient(#ecfdff,#9be0fa 50%,#178fd2);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #153d69;filter:drop-shadow(0 3px 2px rgba(255,255,255,.7))}.hero .lead{font-size:19px;color:#1d3f63;max-width:605px;font-weight:620;margin:27px 0}.hero .secondary{font-size:14px;max-width:550px;color:#33516f}.hero .btn-row{margin:28px 0 0}
.sky-art{position:relative;height:485px;width:100%;display:flex;justify-content:center;align-items:flex-end}.sky-art .sun{position:absolute;left:48%;top:1%;width:230px;height:230px;transform:translateX(-50%);background:radial-gradient(circle,#fff 0 8%,#fffddb 20%,rgba(255,238,139,.95) 32%,rgba(255,246,202,.48) 49%,transparent 73%);border-radius:50%;filter:drop-shadow(0 0 40px #fff9ba)}.sky-art .ascend{position:absolute;width:440px;max-width:98%;height:385px;bottom:8px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.94));clip-path:polygon(50% 4%,99% 99%,1% 99%);filter:drop-shadow(0 0 20px #fff)}.sky-art .step{position:absolute;z-index:1;left:50%;transform:translateX(-50%);height:11px;border-radius:100%;background:rgba(255,255,255,.88);box-shadow:0 0 20px 6px rgba(255,255,224,.55)}.step.s1{bottom:53px;width:76%}.step.s2{bottom:105px;width:60%}.step.s3{bottom:157px;width:47%}.step.s4{bottom:207px;width:33%}.step.s5{bottom:257px;width:21%}.cloud{position:absolute;background:radial-gradient(ellipse at 40% 26%,#fff 0%,#f6fbfc 54%,rgba(255,255,255,.22) 78%,transparent 83%);filter:drop-shadow(4px 8px 15px rgba(96,158,188,.16));border-radius:50%;pointer-events:none}.cloud.c1{width:380px;height:150px;bottom:2px;left:-38px}.cloud.c2{width:400px;height:164px;bottom:8px;right:-50px}.cloud.c3{width:300px;height:115px;top:91px;right:-13px}.cloud.c4{width:260px;height:105px;top:110px;left:-16px}.spark{position:absolute;color:#fff9b9;font-size:33px;text-shadow:0 0 13px #ffe69e,0 0 22px #fff}.spark.a{left:20%;top:15%}.spark.b{right:18%;top:41%}.spark.c{left:14%;bottom:34%}
.value-strip{margin-top:-42px;position:relative;z-index:3}.value-strip-inner{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.value-item{padding:23px 28px;border-right:1px solid #e0e6ec}.value-item:last-child{border:0}.value-item b{font-size:16px;display:block}.value-item p{margin:6px 0 0;color:#627287;font-size:12px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:25px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 24px rgba(15,36,68,.035)}.card:hover{border-color:#adc3d5;box-shadow:0 14px 33px rgba(25,61,98,.075)}.card h3{margin:0}.card p{font-size:13px;color:#67768a;flex:1;margin:0}.card .icon{display:grid;place-items:center;font-size:24px;color:#2667a2;background:#eff5fa;border-radius:12px;width:49px;height:49px}.card .link{font-size:12px;color:#205f9f;text-decoration:none;font-weight:850;margin-top:10px}.card .link:hover{text-decoration:underline}.tag{display:inline-block;align-self:flex-start;background:#e5eff9;border-radius:99px;color:#295b93;font-weight:850;text-transform:uppercase;letter-spacing:.055em;font-size:10px;padding:6px 10px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;text-decoration:none;display:flex;flex-direction:column;gap:12px;box-shadow:0 9px 25px rgba(13,30,50,.04);min-height:260px}.article-card:hover{transform:translateY(-2px);border-color:#a6bfd4}.article-card h3{margin:0}.article-card p{color:#65768b;font-size:13px;flex:1;margin:0}.article-card .readmore{font-size:12px;color:#2164a0;font-weight:850}.article-card small{color:#988159;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.flow-step{padding:22px;background:#fff;border:1px solid var(--line);border-radius:15px}.flow-step span{font-size:12px;color:#bb8537;font-weight:900}.flow-step h3{margin:10px 0 9px;font-size:17px}.flow-step p{font-size:12px;color:#68778b;margin:0}
.feature-panel{display:grid;grid-template-columns:.94fr 1.06fr;gap:30px;align-items:center;border-radius:25px;padding:43px;background:linear-gradient(135deg,#112842,#214a78);color:#fff;overflow:hidden}.feature-panel h2{font-size:clamp(28px,3.4vw,44px);margin:12px 0 14px}.feature-panel p{color:#c4d6e8}.feature-panel .eyebrow{color:#f7cf82}.feature-links{display:grid;gap:11px}.feature-links a{display:block;color:#e5eff9;text-decoration:none;border:1px solid #506b8f;padding:15px 18px;border-radius:12px;font-size:13px;font-weight:800;background:rgba(255,255,255,.06)}.feature-links a:hover{background:rgba(255,255,255,.13)}
.advisor{border:1px solid #cbdde8;background:linear-gradient(145deg,#fff,#eff6fb);border-radius:23px;padding:32px;box-shadow:var(--shadow)}.advisor h3{font-size:24px}.advisor-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:21px 0}.advisor-options button{background:#fff;color:#233b59;border:1px solid #cfdbe5;border-radius:13px;text-align:left;padding:16px;min-height:112px;font-size:13px;font-weight:800}.advisor-options button span{display:block;font-size:11px;color:#6e7e91;margin-top:5px;font-weight:500}.advisor-options button[aria-pressed="true"]{background:#173b64;border-color:#173b64;color:#fff}.advisor-options button[aria-pressed="true"] span{color:#d1e0ee}.advisor-result{border-radius:13px;padding:20px;background:#e7eff8;min-height:90px}.advisor-result h4{margin:0 0 7px;font-size:18px}.advisor-result p{font-size:12px;color:#5f738e;margin-bottom:15px}.advisor-result .btn{min-height:39px;padding:11px 16px}
.updates-cta{background:linear-gradient(140deg,#142a4b,#0c192d);color:#fff;border-radius:23px;padding:45px;display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}.updates-cta h2{font-size:clamp(29px,3.6vw,48px);margin:12px 0}.updates-cta p{color:#c2d0e1}.updates-cta .eyebrow{color:#f5cc7e}.updates-links{display:flex;gap:11px;flex-wrap:wrap}.updates-cta .fine{color:#afbed0;font-size:11px}
.page-hero{background:linear-gradient(155deg,#163358,#285b8a 50%,#bddcf0);color:#fff;padding:71px 0}.page-hero h1{font-size:clamp(42px,5vw,67px);max-width:890px;margin:14px 0}.page-hero p{max-width:800px;color:#d8e7f4;font-size:18px}.page-hero .eyebrow{color:#ffe2a0}
.breadcrumb{font-size:12px;color:#d3e5f5;margin-bottom:21px}.breadcrumb a{color:#ffe2a0;text-decoration:none}.page-main{padding:76px 0}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:46px;align-items:start}.prose{max-width:810px}.prose h2{margin:38px 0 13px;font-size:clamp(24px,2.8vw,34px)}.prose h3{margin:26px 0 11px;font-size:21px}.prose p,.prose li{font-size:16px;color:#384b63;line-height:1.78}.prose ul,.prose ol{padding-left:23px}.prose li{margin-bottom:10px}.prose table{width:100%;border-collapse:collapse;font-size:13px;margin:18px 0 29px;background:#fff}.prose table th{text-align:left;background:#e8f0f7;color:#213c5e;font-size:12px}.prose table td,.prose table th{border:1px solid #d3e0e9;padding:13px;vertical-align:top}.prose blockquote{border-left:4px solid #d8a653;background:#fff8ea;padding:22px;font-family:Georgia,serif;font-size:20px;margin:30px 0;line-height:1.6}.prose a{color:#1d5e9f}.prose .fine{font-size:12px;color:#718296}.prose .note{background:#eef5fb;border:1px solid #cfdeed;border-radius:13px;padding:18px;font-size:14px;color:#476380}
.sidebox{position:sticky;top:103px;border-radius:17px;border:1px solid #d8e3e8;background:#fff;padding:24px}.sidebox h3{font-size:20px;margin-bottom:14px}.sidebox p{color:#687990;font-size:13px}.sidebox .btn{width:100%;margin-top:10px}
.rich-list{display:grid;gap:13px}.rich-link{display:flex;gap:24px;justify-content:space-between;align-items:center;border-radius:16px;border:1px solid var(--line);padding:21px 25px;text-decoration:none;background:#fff}.rich-link:hover{border-color:#a8c1d6;box-shadow:0 12px 28px rgba(20,44,71,.07)}.rich-link h3{font-size:20px;margin:6px 0}.rich-link p{font-size:13px;color:#67788d;margin:0}.rich-link>span{color:#2d679d;font-size:24px}
.video-placeholder{background:radial-gradient(circle at 74% 20%,#3278a0,#142b48 62%);border-radius:19px;padding:35px;min-height:245px;color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.video-placeholder .icon{font-size:36px}.video-placeholder h3{font-size:29px;color:#fff}.video-placeholder p{color:#ccdbe8}.responsive-embed{aspect-ratio:16/9;width:100%;border:0;border-radius:14px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 20px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{margin:12px 0 0;color:#61758b;font-size:14px}
.site-footer{background:#0d1a2e;color:#d5e0ef;padding:61px 0 29px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer-grid h3{font-size:14px;color:#fff;margin:0 0 13px}.footer-grid p{font-size:12px;color:#aebed2}.footer-grid a{display:block;font-size:12px;color:#c5d4e6;text-decoration:none;margin-bottom:10px}.footer-grid a:hover{text-decoration:underline;color:#fff}.footer-bottom{border-top:1px solid #293a55;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#8ea2bc;font-size:11px;flex-wrap:wrap}
.cookie-banner{position:fixed;z-index:99;left:14px;right:14px;bottom:14px;max-width:650px;margin:auto;background:#122b4b;border:1px solid #547397;color:#e8f2ff;box-shadow:0 16px 40px #1222398a;border-radius:14px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cookie-banner p{font-size:12px;line-height:1.5;margin:0}.cookie-banner a{color:#fbe0ab}.cookie-actions{display:flex;gap:7px;flex:0 0 auto}.cookie-actions button{border:1px solid #bcd1e4;border-radius:9px;background:#ebf4fa;color:#173651;padding:10px;font-size:11px;font-weight:900}.cookie-actions button.secondary{background:transparent;color:#d8e7f4}.cookie-banner[hidden]{display:none}
@media(max-width:980px){.navlinks{gap:13px}.navlinks a{font-size:12px}.hero-grid{grid-template-columns:1fr .8fr}.sky-art{height:400px}.card-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:770px){.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid #dce4e9;padding:18px 22px;box-shadow:0 12px 25px rgba(19,40,67,.1);align-items:stretch;flex-direction:column;gap:16px}.navlinks.open{display:flex}.hero-grid,.feature-panel,.updates-cta,.content-layout{grid-template-columns:1fr}.hero{padding-top:60px}.sky-art{height:300px;max-width:470px;margin:auto}.value-strip-inner{grid-template-columns:1fr}.value-item{padding:15px 22px;border-right:0;border-bottom:1px solid #e2e8ed}.value-item:last-child{border:0}.flow{grid-template-columns:repeat(2,1fr)}.sidebox{position:static}.section{padding:65px 0}}
@media(max-width:540px){.container{width:min(100% - 30px,1180px)}.hero{padding:45px 0 80px;min-height:0}.hero h1{font-size:clamp(40px,11vw,62px)}.hero .lead{font-size:17px}.hero .secondary{font-size:13px}.sky-art{height:205px;overflow:hidden}.sky-art .sun{top:-38px}.sky-art .ascend{height:220px;bottom:-48px}.sky-art .step{height:7px}.card-grid,.article-grid,.flow,.advisor-options{grid-template-columns:1fr}.advisor{padding:20px}.advisor-options button{min-height:0}.feature-panel,.updates-cta{padding:25px}.page-main{padding:55px 0}.page-hero{padding:55px 0}.rich-link{padding:19px}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{padding:43px 0 22px}.cookie-banner{display:block}.cookie-actions{margin-top:15px}.btn-row>.btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card:hover{transform:none}}

/* HDPJoin photo hero. Activated only when the matching WebP image loads.
   Until then the working CSS sky/cloud artwork remains unchanged. */
.hero.photo-ready{
 background-image:linear-gradient(90deg,rgba(222,240,252,.16) 0%,rgba(229,245,253,.09) 35%,rgba(255,255,255,0) 68%),url("/assets/images/manifested-miracles-hero.webp");
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center center;
}
.hero.photo-ready::before{display:none}
.hero.photo-ready .sky-art{opacity:0;pointer-events:none}
.hero.photo-ready h1 em{
 background:none;
 -webkit-background-clip:initial;
 -webkit-text-fill-color:#102847;
 color:#102847;
 -webkit-text-stroke:1px #0c2947;
 filter:drop-shadow(1px 2px 0 rgba(255,239,208,.9));
}
.hero.photo-ready .hero-copy .lead{color:#16395c}
.hero.photo-ready .hero-copy .secondary{color:#2e4e70}
.hero.photo-ready .btn-light-outline{
 background:rgba(255,255,255,.35);
 color:#173650;
 border-color:rgba(255,255,255,.92);
 text-shadow:none;
}
@media(max-width:770px){
 .hero.photo-ready{background-position:70% center}
 .hero.photo-ready.photo-mobile{
   background-image:linear-gradient(180deg,rgba(224,244,255,.17),rgba(255,255,255,.04)),url("/assets/images/manifested-miracles-mobile.webp");
   background-position:center top;
   background-size:cover;
 }
 .hero.photo-ready h1{font-size:clamp(42px,10.3vw,72px)}
 .hero.photo-ready .hero-copy .lead{color:#113b5b}
}