/* Ask Breathe opening. Logo and shader share one responsive centre. */
.ask-breathe-landing{--ask-opening-nav:72px;--ask-opening-ink:#c4d8ed;background:#080e1a;}
.ask-breathe-landing .navbar,.ask-breathe-landing .navbar.scrolled{background:#080e1af5!important;}
.ask-breathe-landing #mainContent>.ask-breathe-opening{position:relative;display:block;height:100svh;min-height:440px;padding:0!important;margin:0;border:0;background:#080e1a!important;overflow:clip;isolation:isolate;}
.ask-breathe-visual{position:absolute;inset:var(--ask-opening-nav) 0 0;display:grid;place-items:center;transform:translate3d(0,var(--ask-opening-shift,0px),0);opacity:var(--ask-opening-opacity,1);will-change:transform,opacity;}
.ask-breathe-stage{position:absolute;inset:0;pointer-events:none;}
.ask-breathe-strands,.ask-breathe-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.ask-breathe-fallback{display:none;color:#92b5da;opacity:.24;}
/* No decorative placeholder flash while WebGL initializes. */
.ask-breathe-webgl-unavailable>.ask-breathe-fallback{display:block;}
.ask-breathe-webgl-ready>.ask-breathe-fallback{display:none;}
.ask-breathe-focus{position:relative;width:min(390px,53vw);z-index:1;}
.ask-breathe-focus:before{content:'';position:absolute;inset:-70% -40%;pointer-events:none;background:radial-gradient(ellipse,#080e1a 0%,#080e1ae0 20%,#080e1a20 55%,transparent 70%);z-index:-1;}
.ask-breathe-logo{display:block;width:100%;height:auto;margin:0;filter:brightness(1.2);}
.ask-breathe-down{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);width:48px;height:48px;display:grid;place-items:center;color:#a8bed7;text-decoration:none;z-index:3;transition:color .2s;}
.ask-breathe-down svg{transition:transform .35s;}
.ask-breathe-down:is(:hover,:focus-visible){color:#f0f7ff;}
.ask-breathe-down:is(:hover,:focus-visible) svg{transform:translateY(4px);}
.ask-breathe-down:focus-visible{outline:1px solid #c4d8ed;outline-offset:2px;border-radius:50%;}
.ask-opening-in-view :is(.shine-preview-tag,.back-to-top){opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
.ask-breathe-landing #top.connection-hero{padding-top:54px;background:#080e1a;}
.ask-breathe-landing #top.connection-hero:before{background:radial-gradient(ellipse at 76% 45%,#12253d60,transparent 64%);}
.ask-breathe-landing #mainContent>.edition-section{background-color:#080e1a!important;}
/* Translate only inner presentation layers. Section geometry/anchors stay in normal flow. */
.ask-content-layer{translate:0 var(--ask-content-rise,0px);}
/* Hover adds light on the actual existing outlines, without moving readable text. */
.ask-edge-glint{fill:none!important;stroke:#c6f4ea!important;stroke-width:1.05;stroke-dasharray:9 91;stroke-dashoffset:108;opacity:0;pointer-events:none;animation:ask-outline-trace 3.8s linear infinite;animation-play-state:paused;}
.ask-detail-active .ask-edge-glint{opacity:.85;animation-play-state:running;}
.ask-breathe-landing .studio-resource-cover{position:relative;isolation:isolate;}
.ask-breathe-landing .studio-resource-cover>svg{translate:var(--ask-detail-x,0px) var(--ask-detail-y,0px);transition:translate .45s ease;}
.ask-breathe-landing .studio-workspace:after{background:radial-gradient(ellipse at var(--ask-detail-light-x,80%) var(--ask-detail-light-y,10%),#a5d3ef14,transparent 62%);transition:opacity .4s;opacity:.35;}
.ask-breathe-landing .ask-detail-active .studio-workspace:after{opacity:1;}
.ask-detail-active .studio-live-dot{box-shadow:0 0 9px #9adeca70;}
@keyframes ask-outline-trace{to{stroke-dashoffset:8;}}
/* The legacy phone body reserves 60px for the fixed navbar. The new opening
   already includes that space in its measured stage; cancel it on main only.
   Secondary views keep the legacy body reserve when main is display:none. */
@media(max-width:768px){
 .ask-breathe-landing #mainContent{margin-top:-60px;}
}
@media(max-width:767px){
 .ask-breathe-landing{--ask-opening-nav:70px;}
 .ask-breathe-focus{width:min(340px,70vw);}
 .ask-breathe-landing #mainContent>.ask-breathe-opening{min-height:380px;}
 .ask-breathe-landing #top.connection-hero{padding-top:34px;}
 .ask-breathe-down{bottom:max(14px,env(safe-area-inset-bottom));}
}
@media(prefers-reduced-motion:reduce){
 .ask-breathe-visual{transform:none!important;opacity:1!important;will-change:auto;}
 .ask-content-layer{translate:none!important;}
 .ask-edge-glint{animation:none!important;opacity:0!important;}
 .ask-breathe-down svg,.ask-breathe-landing .studio-resource-cover>svg{transition:none!important;transform:none!important;translate:none!important;}
}

/* Align visible logo ink (the SVG has 11.025px of left inset) with the reading column. */
.ask-breathe-landing .navbar>.container{position:static;}
.ask-breathe-landing .navbar .navbar-brand,
.ask-breathe-landing .navbar .navbar-brand.show-logo{
 position:absolute!important;left:calc(var(--ask-brand-left,56px) - 11.025px);top:var(--ask-brand-top,16px);
 width:120px!important;min-width:120px!important;height:40px;flex:0 0 auto;margin:0!important;
 transform:none!important;opacity:0!important;pointer-events:none;visibility:hidden;
 transition:opacity .35s ease,visibility 0s .35s!important;
}
.ask-breathe-landing .navbar .navbar-brand-logo{width:120px;min-width:120px;flex-shrink:0;}
.ask-breathe-landing.ask-nav-brand-visible .navbar .navbar-brand,
.ask-breathe-landing.ask-nav-brand-visible .navbar .navbar-brand.show-logo{
 opacity:1!important;pointer-events:auto;visibility:visible;
 transition:opacity .35s ease .1s,visibility 0s!important;
}
@media(min-width:1200px){
 .ask-breathe-landing .navbar>.container{justify-content:center;}
 .ask-breathe-landing .navbar .navbar-collapse{flex-grow:0;transform:translateX(0);transition:none;}
 .ask-breathe-landing.ask-nav-brand-visible .navbar .navbar-collapse{transform:translateX(0);}
 .ask-breathe-landing .navbar .navbar-nav{margin:0!important;}
 .ask-breathe-landing .navbar .edition-nav-utilities{margin-left:0;gap:2px;}
 .ask-breathe-landing .navbar .edition-demo-link{padding-inline:8px;}
 .ask-breathe-landing .navbar .edition-nav-utilities .language-toggle{margin-inline:5px;}
}
@media(max-width:1199px){
 .ask-breathe-landing .navbar .navbar-collapse{transform:none;}
 .ask-breathe-landing{--ask-brand-left:36px;}
}
@media(max-width:767px){.ask-breathe-landing{--ask-brand-left:24px;}}
@media(prefers-reduced-motion:reduce){
 .ask-breathe-landing .navbar .navbar-brand,
 .ask-breathe-landing .navbar .navbar-brand.show-logo,
 .ask-breathe-landing .navbar .navbar-collapse{transition:none!important;}
}

/* Keep direct Costs and Team destinations clear of the logo at narrow desktop widths. */
@media(min-width:1200px) and (max-width:1399px){
 .ask-breathe-landing .navbar .navbar-nav .nav-link{margin-inline:3px;}
 .ask-breathe-landing .navbar .edition-demo-link{margin-inline:3px;}
}