/* TriageTrail dimensional experience — shared across the public platform */
:root{--mx:50%;--my:30%;--depth-x:0;--depth-y:0;--signal:#79f2be;--signal-2:#dfff66;--night:#020b0f;--glass:rgba(8,38,42,.72)}
body{overflow-x:hidden;background-image:radial-gradient(circle at var(--mx) var(--my),rgba(121,242,190,.11),transparent 24rem)}
.dimensional-field{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#031014;pointer-events:none}.dimensional-field video{width:100%;height:100%;object-fit:cover;opacity:.19;filter:saturate(1.2) contrast(1.15)}.dimensional-field:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,16,20,.1),#031014 82%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(121,242,190,.025) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(121,242,190,.025) 80px)}
.signal-cursor{position:fixed;z-index:999;left:0;top:0;width:22px;height:22px;border:1px solid rgba(121,242,190,.7);border-radius:50%;translate:-50% -50%;pointer-events:none;transition:width .2s,height .2s,opacity .2s;box-shadow:0 0 25px rgba(121,242,190,.5)}
.site-header{backdrop-filter:blur(22px);background:linear-gradient(180deg,rgba(2,11,15,.97),rgba(2,11,15,.76))!important;border-bottom:1px solid rgba(121,242,190,.18)!important}.primary-nav{perspective:900px}.brand{position:relative}.brand:before{content:"";display:inline-block;width:11px;height:11px;margin-right:10px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 0 rgba(121,242,190,.5);animation:brandPulse 2.4s ease-out infinite}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:1px;background:var(--signal);transition:.25s}.site-header nav a:hover:after,.site-header nav a.active:after{left:0;right:0}
.hero{perspective:1200px}.hero-copy{transform:translate3d(calc(var(--depth-x)*-10px),calc(var(--depth-y)*-8px),70px);transition:transform .15s linear}.hero-video{transform:scale(1.07) translate3d(calc(var(--depth-x)*16px),calc(var(--depth-y)*12px),0);transition:transform .2s linear}.depth-card{transform-style:preserve-3d;box-shadow:0 35px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.15)}
.signal-deck{position:relative;background:#031014;color:white;padding:90px 6%!important;overflow:hidden}.signal-deck:before{content:"";position:absolute;width:60vw;aspect-ratio:1;right:-24vw;top:-30%;border-radius:50%;border:1px solid rgba(121,242,190,.25);box-shadow:0 0 0 60px rgba(121,242,190,.025),0 0 0 120px rgba(121,242,190,.018)}.signal-deck__head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;position:relative}.signal-deck h2{font-size:clamp(2.5rem,5vw,5.5rem);line-height:.95;margin:0}.signal-deck__console{position:relative;margin-top:45px;display:grid;grid-template-columns:300px 1fr;gap:16px;perspective:1200px}.signal-tabs{display:grid;align-content:start;gap:8px}.signal-tabs button{border:1px solid rgba(121,242,190,.2);background:rgba(8,38,42,.55);color:#fff;text-align:left;padding:18px 20px;cursor:pointer;transition:.25s}.signal-tabs button span{display:block;color:#8ca7a1;font-size:.68rem;letter-spacing:.16em}.signal-tabs button strong{font-size:1.05rem}.signal-tabs button.active,.signal-tabs button:hover{background:var(--signal);color:#05221f;transform:translateX(8px)}.signal-tabs button.active span{color:#164c42}.signal-screen{min-height:350px;padding:clamp(30px,5vw,65px);background:linear-gradient(145deg,rgba(18,72,69,.86),rgba(4,25,30,.9));border:1px solid rgba(121,242,190,.28);box-shadow:0 45px 120px rgba(0,0,0,.5);transform:rotateY(calc(var(--depth-x)*-2deg)) rotateX(calc(var(--depth-y)*2deg));transform-style:preserve-3d}.signal-screen>*{transform:translateZ(35px)}.signal-screen h3{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:.15em 0}.signal-screen p{max-width:750px;color:#c9dbd7}.signal-meter{height:5px;background:#ffffff20;margin:32px 0;overflow:hidden}.signal-meter i{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--signal),var(--signal-2));animation:signalSweep 3s ease-in-out infinite}.signal-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.signal-points span{padding:14px;border:1px solid #ffffff21;font-size:.8rem;color:#dce9e6}
.course,.product,.corporate-card,.support-card,.review-card,.account-card,.policy-section{transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.course:hover,.product:hover,.corporate-card:hover,.support-card:hover,.review-card:hover{box-shadow:0 30px 75px rgba(3,32,34,.2);border-color:rgba(29,161,119,.55)}.product-image,.founder-photo{transition:transform .5s ease,filter .5s ease}.product:hover .product-image,.corporate-hero:hover .founder-photo{transform:scale(1.025);filter:saturate(1.08)}
/* High-contrast type for every dark surface. */
:is(.site-header,.site-footer,.signal-deck,.shop-hero,.review-panel,.contact-aside,.legal-footer,.resources,.founder,.course-nav,.knowledge-check,.guided-task,.video-learning,.quiz-result,.formula,.clinical-atlas,.assessment-image,.thyroid-axis,.range-table,.product.featured,.account-card,.account-boundary) :is(h1,h2,h3,h4,h5,h6,legend,label,strong){color:#f7fffc}
:is(.site-header,.site-footer,.signal-deck,.shop-hero,.review-panel,.contact-aside,.legal-footer,.resources,.founder,.course-nav,.knowledge-check,.guided-task,.video-learning,.quiz-result,.formula,.clinical-atlas,.assessment-image,.thyroid-axis,.product.featured,.account-card,.account-boundary) :is(p,li,small,span){color:#d5e7e2}
:is(.site-header,.site-footer,.signal-deck,.shop-hero,.review-panel,.contact-aside,.legal-footer,.resources,.founder,.course-nav,.knowledge-check,.guided-task,.video-learning,.quiz-result,.formula,.clinical-atlas,.assessment-image,.thyroid-axis,.product.featured,.account-card,.account-boundary) a{color:#9af7cf}
:is(.corporate-card,.support-card,.review-card,.academy-form,.learning-box,.reflection,.question-card,.certificate,.certificate-form,.case-study,.analyte-grid article,.pattern-card,.rhythm-figure,.concept-figure) :is(h1,h2,h3,h4,h5,h6,legend,label,strong){color:#07191d}
:is(.corporate-card,.support-card,.review-card,.academy-form,.learning-box,.reflection,.question-card,.certificate,.certificate-form,.case-study,.analyte-grid article,.pattern-card,.rhythm-figure,.concept-figure) :is(p,li,small,span){color:#40565a}
.signal-tabs button.active :is(span,strong),.lime-button :is(span,strong),.status :is(span,strong){color:#06221f}
.button{color:#fff!important}.button.lime-button{color:#06221f!important}
/* Homepage reading surfaces must stay opaque above the animated heart field. */
.pathways,.google-reviews,.learning,.checkout{position:relative;z-index:1;background:#eef4ef;color:#07191d}
.pathways :is(h1,h2,h3,h4,strong),.google-reviews :is(h1,h2,h3,h4,strong),.learning :is(h1,h2,h3,h4,strong),.checkout :is(h1,h2,h3,h4,strong){color:#07191d}
.pathways :is(p,li),.google-reviews :is(p,li),.learning :is(p,li),.checkout :is(p,li){color:#40565a}
.pathways .course.featured :is(h1,h2,h3,h4,strong){color:#f7fffc}
.pathways .course.featured :is(p,li){color:#d5e7e2}
.corporate-page,.shop-page,.account-page,.legal-page{background:#06191d!important}.corporate-main,.shop-page main,.account-shell,.legal-main{position:relative}.corporate-main:before,.account-shell:before,.legal-main:before{content:"";position:absolute;z-index:-1;inset:-120px -20vw;background:linear-gradient(180deg,rgba(3,16,20,.22),#eef4ef 18%,#eef4ef 86%,rgba(3,16,20,.45));border-radius:50% 50% 0 0/6% 6% 0 0}.corporate-hero{min-height:530px;perspective:1000px}.corporate-hero>div:first-child{transform:translate3d(calc(var(--depth-x)*-7px),calc(var(--depth-y)*-5px),35px)}.corporate-hero:after{content:"";display:block;position:absolute;right:3%;top:8%;width:min(36vw,430px);aspect-ratio:1;background:url('assets/triagetrail-3d-heart.png') center/contain no-repeat;mix-blend-mode:multiply;opacity:.16;filter:saturate(1.4);transform:translate3d(calc(var(--depth-x)*15px),calc(var(--depth-y)*12px),0);pointer-events:none}.corporate-hero:has(.founder-photo):after,.corporate-hero:has(.heart-mark):after{display:none}.corporate-card,.support-card{border-radius:16px;box-shadow:0 20px 55px rgba(4,40,38,.1)}
.reveal{opacity:0;transform:translateY(35px)}.reveal.visible{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s ease}.site-footer{position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;right:-80px;bottom:-100px;width:300px;aspect-ratio:1;background:url('assets/triagetrail-3d-heart.png') center/contain no-repeat;opacity:.08}
@keyframes brandPulse{70%{box-shadow:0 0 0 12px rgba(121,242,190,0)}}@keyframes signalSweep{50%{width:95%;filter:brightness(1.3)}}
@media(max-width:900px){.site-header{padding-left:5%;padding-right:5%}.primary-nav{display:block!important}.primary-nav nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 14px!important;margin-top:18px}.primary-nav nav a{text-align:left;font-size:.69rem!important}.utility-nav{gap:12px}.utility-nav>div{gap:12px!important;flex-wrap:wrap}.hero-copy{padding-top:145px!important}.shop-hero{padding-top:235px!important}.account-shell{padding-top:235px!important}}
@media(max-width:820px){.signal-deck__head,.signal-deck__console{grid-template-columns:1fr}.signal-tabs{grid-template-columns:repeat(2,1fr)}.signal-tabs button.active{transform:translateY(-3px)}.signal-points{grid-template-columns:1fr}.signal-cursor{display:none}.corporate-hero:after{width:68vw;right:-25vw;opacity:.1}}
@media(max-width:560px){.primary-nav nav{grid-template-columns:1fr!important}.utility-nav{align-items:flex-start}.utility-nav>div{gap:8px!important}.utility-nav a{font-size:.65rem!important}.shop-hero{padding-top:320px!important}.account-shell{padding-top:320px!important}}
@media(prefers-reduced-motion:reduce){.brand:before,.signal-meter i{animation:none}.hero-copy,.hero-video,.signal-screen,.corporate-hero>div:first-child,.corporate-hero:after{transform:none!important}.reveal{opacity:1;transform:none}.signal-cursor{display:none}}
.motion-paused .brand:before,.motion-paused .signal-meter i{animation-play-state:paused}.motion-paused .dimensional-field video{display:none}.motion-paused .hero-copy,.motion-paused .hero-video,.motion-paused .signal-screen,.motion-paused .corporate-hero>div:first-child,.motion-paused .corporate-hero:after{transform:none!important}
