/* Public brand polish: spatial page headers, semantic categories, consistent motion. */
.page-intro{position:relative;isolation:isolate;background:#f0f8ff}

.page-intro:before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--page-scene);background-position:center;background-size:cover;opacity:.82}
.page-intro:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f7fbff8a,transparent 65%),linear-gradient(0deg,#f8fcffe8,transparent 27%);pointer-events:none}
.intro-layout{min-height:414px;position:relative;grid-template-columns:1.5fr 1fr;padding-top:41px;padding-bottom:50px;gap:65px}
.intro-layout>div:first-child{position:relative;z-index:2}
.intro-layout .lead{max-width:660px;color:#526d89}
.intro-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.intro-atmosphere span{position:absolute;border-radius:50%;filter:blur(48px)}
.intro-atmosphere span:nth-child(1){width:360px;height:230px;right:2%;top:0;background:#a6c9ff42;transform:rotate(-20deg)}
.intro-atmosphere span:nth-child(2){width:245px;height:150px;right:27%;bottom:-80px;background:#b9f2f64d}
.intro-atmosphere span:nth-child(3){width:280px;height:200px;left:-100px;top:20px;background:#ffffff9e}
.intro-art{height:305px;position:relative;align-self:center;display:grid;place-items:center}
.intro-art img{width:282px;height:282px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 23px 17px #427ba726)}
.intro-art .art-aura{position:absolute;width:258px;height:200px;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-18deg);background:radial-gradient(ellipse,#b9cefbad,#a5e6f852 55%,transparent 73%);filter:blur(26px);border:0;box-shadow:none;border-radius:45%}
.intro-art .art-floor{position:absolute;left:50%;top:auto;bottom:17px;transform:translateX(-50%);width:220px;height:24px;border:0;box-shadow:none;background:radial-gradient(ellipse,#4e8dbb33,transparent 70%);filter:blur(5px)}
.line-icon{position:relative;width:47px;height:47px;border-radius:13px;display:inline-grid;place-items:center;flex-shrink:0;background:linear-gradient(140deg,#ffffff,#eaf5ff 62%,#ddf6fc);border:1px solid #d3e9fb;color:#4d91cf;box-shadow:inset 0 1px 0 #fff,0 5px 13px #5b93c313;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.line-icon:before{content:"";position:absolute;inset:4px;border:1px solid #ffffffb0;border-radius:10px;pointer-events:none}
.line-icon svg{width:25px;height:25px;position:relative;z-index:1;transition:transform .4s var(--ease);filter:drop-shadow(0 2px 1px #5292bd0c)}
.line-icon svg path,.line-icon svg circle,.line-icon svg ellipse{transition:stroke .3s}
.surface:hover>.line-icon,.mini-feature:hover .line-icon{transform:translateY(-3px);border-color:#9fc9ed;box-shadow:inset 0 1px 0 #fff,0 8px 19px #498fc626}
.surface:hover>.line-icon svg,.mini-feature:hover .line-icon svg{transform:rotate(-5deg)}
.feature>.line-icon{margin:1px 0 24px;width:53px;height:53px;border-radius:15px}
.feature>.line-icon svg{width:28px;height:28px}
.subnav{border-radius:14px;box-shadow:0 10px 30px #427caf13;overflow:visible;background:#ffffffee;backdrop-filter:blur(12px);margin-top:-21px}
.subnav a{min-height:77px;gap:12px;padding:15px 20px;align-items:center;border-radius:0;transition:background .35s,color .3s}
.subnav a:first-child{border-radius:13px 0 0 13px}.subnav a:last-child{border-radius:0 13px 13px 0}
.subnav a strong{font-weight:500;font-size:12px;color:#4d6d8c;white-space:nowrap}
.subnav .line-icon{width:34px;height:34px;border-radius:9px;box-shadow:inset 0 1px 0 #fff,0 3px 7px #629ac510}
.subnav .line-icon:before{inset:3px;border-radius:7px}.subnav .line-icon svg{width:20px;height:20px}
.subnav .subnav-arrow{margin-left:auto;display:block;color:#87b0d4;transition:transform .3s}
.subnav a:hover{background:linear-gradient(125deg,#f7fcff,#eaf7ff)}
.subnav a:hover .line-icon{transform:translateY(-2px) rotate(-4deg);border-color:#afd8f3}
.subnav a:hover .subnav-arrow{transform:translate(2px,2px)}
.mini-feature{display:flex;align-items:flex-start;gap:13px;border:1px solid #dfedf9;border-radius:12px;padding:19px 17px;background:linear-gradient(135deg,#fff,#f2f9ff);box-shadow:inset 0 1px 0 #fff,0 6px 16px #5785b207;transition:transform .3s,box-shadow .3s,border-color .3s}
.mini-feature:nth-child(2n){background:linear-gradient(135deg,#fff,#f1fbfc)}
.mini-feature:hover{transform:translateY(-3px);border-color:#b5d5f2;box-shadow:0 10px 24px #5a91c415}
.mini-feature .line-icon{width:37px;height:37px;border-radius:10px}
.mini-feature .line-icon:before{inset:3px;border-radius:8px}
.mini-feature .line-icon svg{width:21px;height:21px}
.mini-copy{flex:1;min-width:0}.mini-copy strong{font-size:13px;display:block;margin-top:2px}.mini-copy p{font-size:11px;margin:9px 0 0;line-height:1.9}
.product-split .compact-grid{gap:13px;margin-top:24px}
.nutrition-card{grid-template-columns:.88fr 1fr;min-height:385px}
.nutrition-image{min-height:385px;position:relative;background:#e6f2f8;isolation:isolate}
.nutrition-image img{position:absolute;width:auto;height:100%;max-width:none;left:50%;top:50%;object-fit:fill;transform:translate(-77%,-50%);object-position:center;opacity:1;filter:none}
.nutrition-card:nth-child(2) .nutrition-image img{transform:translate(-78.3%,-50%)}
.nutrition-image>span{z-index:2;text-shadow:none;background:#ffffffa6;border:1px solid #ffffffc9;backdrop-filter:blur(8px);color:#557d9f;padding:5px 8px;border-radius:5px;bottom:16px;left:16px;font-size:8px;letter-spacing:1.5px}
.nutrition-copy{padding:31px 25px;align-self:center;position:relative;z-index:2;background:linear-gradient(120deg,#fff,#fbfeff)}
.nutrition-copy ul{font-size:12px;line-height:2.3}
.nutrition-copy h3{font-size:23px}
.journey-line>a,.growth-flow article,.application-grid article{position:relative}
.journey-line .line-icon,.growth-flow .line-icon,.application-grid .line-icon{position:absolute;right:22px;top:23px;width:43px;height:43px;border-radius:12px;display:inline-grid;place-items:center;margin:0;color:#4d91cf}
.journey-line .line-icon svg,.growth-flow .line-icon svg,.application-grid .line-icon svg{width:24px;height:24px}
.journey-line b,.growth-flow article>span,.application-grid article>span:not(.line-icon){color:#a4c6e8}
.journey-line>a{padding-top:29px;padding-bottom:30px}
.journey-line b{margin-bottom:29px}.growth-flow article>span{display:block;margin:0 0 27px}
.journey-line>a:hover .line-icon,.growth-flow article:hover .line-icon,.application-grid article:hover .line-icon{transform:translateY(-3px) rotate(-3deg);box-shadow:0 8px 19px #5893bd20}
.application-grid article{background:radial-gradient(ellipse at 85% 0,#e4f6ff,transparent 65%),linear-gradient(145deg,#fff,#fcfeff)}
.vision-quote{background:radial-gradient(ellipse at 90% 80%,#b8edf5a6,transparent 65%),linear-gradient(135deg,#eff6ff,#ecf8ff)}
.vision-layout>div:last-child{position:relative;isolation:isolate}
.vision-layout>div:last-child:before{content:"";position:absolute;z-index:-1;width:310px;height:240px;right:-20px;top:-35px;border-radius:46% 54% 62% 38%;background:linear-gradient(120deg,#c9e8ff4a,#c3f4eb36);filter:blur(45px);pointer-events:none}
.roadmap article{border-top:0;padding:28px 20px 23px;border-radius:12px;border:1px solid #daebfa;background:linear-gradient(140deg,#fff,#f5fbff);box-shadow:inset 0 1px 0 #fff,0 9px 24px #487fa20a}
.roadmap article:before{left:19px;top:-8px;background:#64b5e5}
.roadmap article b{right:15px;top:30px;font-size:34px}
.roadmap small{font-size:10px}.roadmap h3{font-size:18px}
.release-public{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:38px 40px;background:radial-gradient(ellipse at 95% 0,#e0f5ff,transparent 65%),linear-gradient(125deg,#fff,#f6fbff)}
.release-public-copy>p:not(.eyebrow){font-size:14px;color:var(--muted)}
.release-public-copy h3{font-size:27px;line-height:1.6;margin-bottom:20px}
.release-public-copy .eyebrow{font-size:10px}
.release-public-chart{position:relative;padding-left:25px;border-left:1px solid #e1edf9}
.budget-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.budget-tabs button{font-size:11px;padding:9px;border:1px solid #dceaf8;border-radius:6px;background:#ffffffb0;color:#6688a8;transition:.25s}
.budget-tabs button[aria-selected=true]{background:linear-gradient(120deg,#e8f4ff,#e9f9fc);color:#3479b9;border-color:#83b7e6;box-shadow:inset 0 1px 0 #fff,0 3px 8px #5f98c117}
#budget-detail{padding-top:24px;min-height:150px}
#budget-detail strong{font-size:33px;color:#347ec5;font-weight:500;display:block;line-height:1.3;margin-bottom:14px}
#budget-detail strong small{font-size:11px;color:#7b9bb8;letter-spacing:0}
#budget-detail p{font-size:12px;color:#5d7d9c;margin:0}
.budget-bars{height:176px;display:flex;align-items:flex-end;gap:17px;border-bottom:1px solid #d9e8f5}
.budget-bars span{height:var(--bar);flex:1;border-radius:6px 6px 0 0;background:linear-gradient(#c1dcf5,#e0effa);box-shadow:inset 1px 0 0 #ffffffa0;transition:background .5s,opacity .4s,transform .5s;transform-origin:bottom}
.budget-bars span.selected{background:linear-gradient(#4d95ee,#65c9e4);box-shadow:inset 1px 0 0 #ffffffb0,0 7px 18px #4a92d824;transform:scaleY(1.03)}
.motion-asset{--float-delay:0s;animation:asset-drift 7.6s ease-in-out infinite;animation-delay:var(--float-delay);will-change:transform}
.intro-art .motion-asset{animation-duration:8.4s}
.feature .motion-asset{animation-duration:7s}
.quick-card .motion-asset{animation-duration:6.7s}
.motion-asset.motion-idle{animation-play-state:paused}
.page-background .motion-asset,.page-background .hero-object,.page-background .bars i{animation-play-state:paused!important}
.intro-art:hover .motion-asset{filter:drop-shadow(0 25px 19px #3985bb32)}
@keyframes asset-drift{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-6px) rotate(.6deg)}}
@media(max-width:1180px){.subnav a{padding:13px 14px;gap:9px}.subnav a strong{font-size:11px}.subnav .line-icon{width:30px;height:30px}.subnav .line-icon svg{width:18px;height:18px}.intro-layout{gap:45px}.nutrition-card{grid-template-columns:.88fr 1fr}.nutrition-image{min-height:385px;aspect-ratio:auto}.nutrition-copy ul{columns:1;font-size:11px}.nutrition-copy{padding:28px 21px}.nutrition-copy h3{font-size:21px}.mini-feature{padding:17px 14px;gap:10px}.mini-copy strong{font-size:12px}.mini-copy p{font-size:10px}.journey-line .line-icon,.growth-flow .line-icon,.application-grid .line-icon{width:37px;height:37px;right:17px;top:25px}.release-public{gap:35px;padding:30px}}
@media(max-width:960px){.subnav{overflow-x:auto;scrollbar-width:thin}.subnav a{min-width:151px;flex:1 0 auto}.intro-layout{min-height:380px;gap:30px}.intro-art img{width:240px;height:240px}.intro-art{height:270px}.intro-art .art-floor{bottom:21px;width:185px}.mini-feature{display:block}.mini-feature .line-icon{margin-bottom:12px}.nutrition-card{grid-template-columns:1fr}.nutrition-image{min-height:255px}.nutrition-image img{height:150%;top:48%;transform:translate(-77%,-50%)}.nutrition-card:nth-child(2) .nutrition-image img{transform:translate(-78.3%,-50%)}.nutrition-copy ul{columns:2}.roadmap article{padding:26px 21px}.release-public{gap:25px}.release-public-copy h3{font-size:24px}.release-public-chart{padding-left:20px}}
@media(max-width:680px){.intro-layout{display:grid;grid-template-columns:1.5fr .85fr;gap:3px;min-height:333px;padding-top:35px;padding-bottom:33px}.page-intro h1{font-size:28px;letter-spacing:-.7px;margin-bottom:17px}.page-intro .lead{font-size:11px;line-height:1.95;max-width:250px}.intro-layout .eyebrow{font-size:7px;letter-spacing:1px;white-space:nowrap}.intro-art{display:grid;height:200px;margin:30px -9px 0 0}.intro-art img{width:150px;height:170px;max-width:none;filter:drop-shadow(0 15px 12px #3e85ba24)}.intro-art .art-aura{width:160px;height:150px;filter:blur(23px);top:47%}.intro-art .art-floor{width:120px;height:15px;bottom:21px}.intro-atmosphere span:nth-child(1){right:-180px}.page-intro:before{background-size:auto 100%;background-position:65% center;opacity:.75}.page-intro:after{background:linear-gradient(90deg,#f6fbffac,transparent 90%),linear-gradient(0deg,#f8fcffc9,transparent 32%)}.subnav{width:100%;margin-top:0;padding-left:5px;border-radius:0 0 12px 12px;overflow-x:auto;box-shadow:0 6px 16px #4f8cba09}.subnav a{min-width:140px;min-height:67px;padding:13px 14px;gap:9px}.subnav a strong{font-size:11px}.subnav .line-icon{width:31px;height:31px}.subnav .subnav-arrow{font-size:11px}.product-split .compact-grid{gap:12px}.mini-feature{padding:16px 15px;min-height:155px;border-radius:11px;display:block}.mini-feature .line-icon{width:35px;height:35px;margin-bottom:13px}.mini-copy strong{font-size:13px}.mini-copy p{font-size:11px;line-height:1.85;margin-top:9px}.nutrition-card{grid-template-columns:1fr;min-height:0}.nutrition-image{height:260px;min-height:260px;aspect-ratio:auto}.nutrition-image img{height:135%;top:50%;transform:translate(-77%,-50%)}.nutrition-card:nth-child(2) .nutrition-image img{transform:translate(-78.3%,-50%)}.nutrition-copy{padding:26px 25px}.nutrition-copy h3{font-size:24px}.nutrition-copy .eyebrow{font-size:9px;letter-spacing:1.3px}.nutrition-copy>p:not(.eyebrow){font-size:13px}.nutrition-copy ul{columns:1;font-size:12px;line-height:2.25}.nutrition-image>span{font-size:9px;padding:5px 9px;bottom:15px;left:19px}.journey-line .line-icon,.growth-flow .line-icon{width:34px;height:34px;top:22px;right:16px;border-radius:10px}.journey-line .line-icon svg,.growth-flow .line-icon svg{width:20px;height:20px}.journey-line b{margin-bottom:25px;font-size:27px}.growth-flow article>span{font-size:24px;margin-bottom:25px}.application-grid .line-icon{width:33px;height:33px;right:14px;top:22px;border-radius:9px}.application-grid .line-icon svg{width:19px;height:19px}.application-grid article>span:not(.line-icon){margin-bottom:27px}.roadmap{gap:14px}.roadmap article{padding:25px 23px;border:1px solid #dceafb;border-left:3px solid #a9d2ef}.roadmap article:before{left:-7px;top:25px;width:7px;height:7px;border-width:2px}.roadmap article b{top:25px;right:20px;font-size:33px}.roadmap h3{font-size:21px}.release-public{grid-template-columns:1fr;padding:26px 23px;gap:20px}.release-public-copy h3{font-size:24px}.release-public-copy>p:not(.eyebrow){font-size:13px}.release-public-copy .eyebrow{font-size:8px;letter-spacing:1px}.release-public-chart{padding:22px 0 0;border-left:0;border-top:1px solid #deebf8}.budget-tabs button{font-size:10px}.budget-bars{gap:13px;height:180px}#budget-detail{min-height:145px}#budget-detail strong{font-size:31px}.vision-layout>div:last-child:before{width:230px;height:200px;right:0}.feature>.line-icon{width:46px;height:46px;margin-bottom:21px}.feature>.line-icon svg{width:24px;height:24px}}
@media(max-width:360px){.intro-layout{grid-template-columns:1.5fr .75fr}.page-intro h1{font-size:25px}.intro-art img{width:130px}.page-intro .lead{font-size:10px}.mini-feature{padding:15px 12px}.subnav a{min-width:137px}}
/* Mobile keeps complete headline phrases; foreground sits beside the description. */
@media(max-width:680px){.intro-layout{display:block;min-height:339px;padding-top:34px;padding-bottom:40px}.intro-layout>div:first-child{width:100%}.page-intro h1{font-size:clamp(26px,7.2vw,30px);line-height:1.5;letter-spacing:-.7px;max-width:100%;margin-bottom:20px}.page-intro .lead{max-width:223px;font-size:11px;line-height:1.95}.intro-art{position:absolute;right:-3px;bottom:18px;width:134px;height:160px;margin:0}.intro-art img{width:142px;height:160px}.intro-art .art-aura{width:148px;height:128px}.intro-art .art-floor{width:108px;bottom:18px}.intro-layout .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:17px}}
@media(max-width:360px){.page-intro .lead{max-width:185px;font-size:10px}.intro-art{width:119px;right:-4px}.intro-art img{width:126px;height:145px}.intro-layout{min-height:335px}}
@media(prefers-reduced-motion:reduce){.motion-asset,.hero-object{animation:none!important;transform:none!important}.line-icon,.line-icon svg{transition:none}.intro-atmosphere span{filter:blur(40px)}}
