/* Arad 2026 experience layer — brand system, intelligent discovery and motion */

/* Precise vector logo presentation */
.header{gap:clamp(18px,2.2vw,34px)}
.brand{min-width:0;flex:0 0 auto;padding-block:7px}
.brand-logo-frame{width:clamp(190px,15.2vw,238px);height:78px;aspect-ratio:auto;display:block;overflow:visible;border-radius:0;background:transparent;box-shadow:none;transition:transform .55s var(--ease);position:relative}
.brand-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;image-rendering:auto;transition:transform .6s var(--ease),filter .6s var(--ease)}
.brand-logo-symbol{display:none}
.brand:hover .brand-logo-frame{transform:translateY(-2px);box-shadow:none}
.brand:hover .brand-logo{transform:scale(1.018);filter:drop-shadow(0 10px 14px rgba(37,57,43,.1))}
.desktop-nav{margin-inline:auto;gap:clamp(12px,1.4vw,24px);font-size:13px}
.desktop-nav a[aria-current="location"]{color:#62754d}
.desktop-nav a[aria-current="location"]:after{transform:scaleX(1);background:#7c9161}
.portal-entry{min-height:46px;padding:7px 15px;border:1px solid var(--line);border-radius:40px;display:flex;align-items:center;gap:10px;font-family:PeydaArad,YekanArad,sans-serif;font-size:13px;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}.portal-entry:hover{background:#e8eadf;border-color:#aeb6a2}.portal-entry-label b{font:inherit}.portal-entry>span:last-child{font:19px Arial,sans-serif}.mobile-portal-entry{font-family:PeydaArad,YekanArad,sans-serif;color:#536748;display:flex;align-items:center;justify-content:space-between}

/* Ambient hero cues */
.hero-status{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:14px;margin-top:18px;min-width:min(100%,320px);color:var(--muted);transition:color .3s var(--ease)}
.hero-status:hover{color:var(--ink)}
.hero-status>span:nth-child(2){display:flex;flex-direction:column;line-height:1.65}
.hero-status b{font-size:12px;font-weight:500;color:var(--ink)}
.hero-status small{font-size:10px}
.hero-status>span:last-child{font:20px Arial;margin-right:auto}
.status-pulse{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#9f7459;box-shadow:0 0 0 5px rgba(159,116,89,.11)}
.hero-status.is-open .status-pulse{background:#6d8857;box-shadow:0 0 0 5px rgba(109,136,87,.13);animation:status-pulse 2.6s ease-out infinite}
@keyframes status-pulse{0%{box-shadow:0 0 0 0 rgba(109,136,87,.28)}70%,100%{box-shadow:0 0 0 9px rgba(109,136,87,0)}}
.hero-visual{isolation:isolate;--ambient-x:0px;--ambient-y:0px}
.hero-visual:before{content:"";position:absolute;width:76%;aspect-ratio:1;border-radius:50%;left:5%;top:10%;background:radial-gradient(circle,rgba(185,202,139,.34),rgba(185,202,139,0) 68%);filter:blur(8px);transform:translate(var(--ambient-x),var(--ambient-y));transition:transform .8s var(--ease);z-index:0;pointer-events:none}
.hero-visual .arch-outline{box-shadow:0 0 55px rgba(123,134,96,.08)}

/* Pointer-responsive surfaces: decorative only */
[data-motion-surface]{--pointer-x:50%;--pointer-y:50%;isolation:isolate}
[data-motion-surface]:after{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--pointer-x) var(--pointer-y),rgba(211,225,175,.11),transparent 56%);opacity:0;transition:opacity .45s ease;pointer-events:none;z-index:0}
[data-motion-surface]:hover:after{opacity:1}
.finder-shell>.finder-top,.finder-shell>.finder-progress,.finder-shell>.finder-panel,.doctor-card>.doctor-role,.doctor-card>h3,.doctor-card>.doctor-info,.doctor-card>.doctor-link{position:relative;z-index:1}

/* Guided treatment discovery */
.smart-path{background:linear-gradient(145deg,#dfe4d3 0%,#edf0e6 55%,#d8dfc8 100%);padding-block:clamp(85px,10vw,150px);display:grid;grid-template-columns:minmax(250px,.62fr) minmax(560px,1.38fr);gap:clamp(45px,8vw,135px);align-items:start;position:relative;overflow:hidden}
.smart-path:before{content:"ARAD";position:absolute;left:-.04em;bottom:-.28em;font:clamp(150px,22vw,390px)/1 Georgia,serif;letter-spacing:-.06em;color:rgba(37,57,43,.035);pointer-events:none}
.smart-path-intro{position:sticky;top:70px;z-index:1}
.smart-path-intro h2,.journey-heading h2{font-family:PeydaArad,YekanArad,sans-serif;font-size:clamp(46px,5.3vw,78px);line-height:1.4;letter-spacing:-2px;margin-top:20px}
.smart-path-intro>p,.journey-heading>p{font-size:15px;line-height:2.15;color:var(--muted);max-width:440px;margin-top:25px}
.finder-disclaimer{display:flex;align-items:flex-start;gap:13px;border-top:1px solid var(--line);margin-top:34px;padding-top:19px;font-size:12px;line-height:2;color:var(--muted);max-width:440px}
.finder-disclaimer span{color:#71845a;font-size:21px;line-height:1.3}
.finder-shell{position:relative;overflow:hidden;min-height:620px;background:#26392c;color:#f4f3ed;padding:clamp(27px,4.2vw,58px);box-shadow:0 35px 90px rgba(32,52,39,.15);border-radius:3px 90px 3px 3px}
.finder-shell:before{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(226,234,211,.13);border-radius:50%;left:-115px;top:-135px;box-shadow:0 0 0 30px rgba(226,234,211,.025),0 0 0 62px rgba(226,234,211,.018);pointer-events:none}
.finder-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#bec9b3;font-size:11px;letter-spacing:.03em}
.finder-top button{color:#f1f3eb;font-size:11px;min-height:44px;padding-inline:9px;border-bottom:1px solid rgba(255,255,255,.2)}
.finder-progress{height:1px;background:rgba(255,255,255,.16);margin:14px 0 clamp(36px,5vw,64px);overflow:hidden}
.finder-progress span{display:block;width:50%;height:100%;background:#cbd8a7;transform-origin:right;transition:width .65s var(--ease)}
.finder-question{font-family:PeydaArad,YekanArad,sans-serif;font-size:clamp(24px,2.55vw,38px);line-height:1.6;margin-bottom:25px}
.finder-panel{animation:finder-in .65s var(--ease) both}
@keyframes finder-in{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}
.finder-panel[hidden]{display:none}
.finder-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.finder-options button,.finder-stage-options button{position:relative;border:1px solid rgba(255,255,255,.16);min-height:112px;text-align:right;padding:19px 21px;color:#f4f3ed;overflow:hidden;transition:background .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.finder-options button:last-child{grid-column:1/-1}
.finder-options button:hover,.finder-stage-options button:hover,.finder-options button:focus-visible,.finder-stage-options button:focus-visible{background:rgba(255,255,255,.08);border-color:rgba(219,229,194,.52);transform:translateY(-3px)}
.finder-options button>span{position:absolute;left:17px;top:12px;font:11px Georgia;color:#9eae8d}
.finder-options strong,.finder-stage-options span{display:block;font-size:16px;font-weight:450;line-height:1.8}
.finder-options small,.finder-stage-options small{display:block;font-size:11px;color:#b9c4b0;margin-top:6px;line-height:1.8}
.finder-stage-options{display:grid;gap:10px}
.finder-stage-options button{min-height:94px;padding-left:64px}
.finder-stage-options button:after{content:"↙";position:absolute;left:22px;top:50%;transform:translateY(-50%);font:25px Arial;color:#c8d4a5}
.finder-result{padding-top:3px}
.result-eyebrow{font-size:11px;color:#c5d09e;letter-spacing:.03em}
.finder-result h3{font-family:PeydaArad,YekanArad,sans-serif;font-size:clamp(28px,3.2vw,48px);line-height:1.55;margin:12px 0 10px}
.finder-result>p{font-size:13px;line-height:2;color:#c1cbb9;max-width:610px}
.finder-result-services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:27px}
.finder-service{border:1px solid rgba(255,255,255,.16);min-height:100px;padding:16px;text-align:right;color:#fff;transition:background .3s,border-color .3s}
.finder-service:hover{background:rgba(255,255,255,.08);border-color:#c5d09e}
.finder-service span{display:block;color:#aebc90;font:10px Georgia;margin-bottom:8px}
.finder-service strong{font-size:14px;font-weight:450;line-height:1.8}
.finder-actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}
.finder-actions .pill{min-height:54px}
.finder-back{font-size:12px;border-bottom:1px solid rgba(255,255,255,.28);min-height:44px}

/* Cinematic before/after comparison */
.ba-compare{position:relative;width:min(100%,1280px);height:clamp(390px,48vw,690px);margin-inline:auto;overflow:hidden;background:#192a20;touch-action:pan-y;isolation:isolate}
.ba-compare>img,.ba-after-layer,.ba-after-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.ba-after-layer{clip-path:inset(0 calc(100% - var(--split)) 0 0);will-change:clip-path}
.ba-divider{position:absolute;z-index:3;left:var(--split);top:0;bottom:0;width:1px;background:#fff;transform:translateX(-50%);pointer-events:none}
.ba-divider:before,.ba-divider:after{content:"";position:absolute;left:50%;width:1px;height:calc(50% - 34px);background:#fff}
.ba-divider:before{top:0}.ba-divider:after{bottom:0}
.ba-divider i{position:absolute;top:50%;left:50%;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:#f4f3ed;color:#25392b;font:21px Arial;box-shadow:0 8px 35px rgba(7,19,11,.24);font-style:normal}
.ba-tag{position:absolute;z-index:2;bottom:18px;background:rgba(244,243,237,.9);backdrop-filter:blur(8px);color:#25392b;border-radius:40px;min-width:70px;padding:8px 15px;text-align:center;font-size:12px}
.ba-tag-before{right:18px}.ba-tag-after{left:18px}
.ba-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:.001;cursor:ew-resize;margin:0}
.ba-compare:focus-within{outline:2px solid #c8d4a5;outline-offset:6px}
.gallery-item[data-src]{max-width:960px}

/* Four-part care journey */
.care-journey{padding-block:clamp(90px,11vw,160px);display:grid;grid-template-columns:minmax(330px,.8fr) minmax(500px,1.2fr);gap:clamp(55px,10vw,150px);background:#f4f3ed;overflow:hidden}
.journey-visual{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;align-items:center;gap:25px}
.journey-orbit{width:clamp(260px,29vw,440px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;position:relative;display:grid;place-items:center}
.journey-orbit:before,.journey-orbit:after{content:"";position:absolute;border:1px solid rgba(113,132,90,.25);border-radius:50%}
.journey-orbit:before{inset:10%;animation:orbit-breathe 6s ease-in-out infinite}.journey-orbit:after{inset:26%}
.journey-orbit>span{position:absolute;width:12px;height:12px;border-radius:50%;background:#7b8d60;top:8%;left:30%;box-shadow:0 0 0 8px rgba(123,141,96,.09)}
.journey-orbit>span:nth-child(2){width:6px;height:6px;top:auto;bottom:12%;left:auto;right:25%;box-shadow:none;background:#a8b18d}
.journey-orbit strong{font:clamp(76px,9vw,140px)/1 Georgia,serif;color:#526646;font-weight:400;transition:opacity .25s,transform .45s var(--ease)}
.journey-visual>p{font:10px Arial;color:var(--muted);letter-spacing:.17em}
@keyframes orbit-breathe{50%{transform:scale(1.045);opacity:.55}}
.journey-heading{margin-bottom:45px}
.journey-steps{border-top:1px solid var(--line)}
.journey-step{display:grid;grid-template-columns:60px 1fr;gap:24px;padding:27px 0;border-bottom:1px solid var(--line);opacity:.46;transition:opacity .55s var(--ease),padding .55s var(--ease),background .55s var(--ease)}
.journey-step.active{opacity:1;padding-right:17px;background:linear-gradient(90deg,transparent,rgba(203,214,174,.18))}
.journey-step>span{font:13px Georgia;color:#71845a;padding-top:6px}
.journey-step h3{font-family:PeydaArad,YekanArad,sans-serif;font-size:23px;line-height:1.7}
.journey-step p{font-size:13px;color:var(--muted);line-height:2;margin-top:4px}

/* Footer and assistant use the same vector family */
.footer{grid-template-columns:minmax(300px,1fr) auto 44px}
.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.footer-logo-link{width:clamp(255px,23vw,350px);height:auto;aspect-ratio:1900/640;overflow:visible;border-radius:0;background:transparent;box-shadow:none}
.footer-logo-link img{object-fit:contain;object-position:right center}
.footer-logo-link:hover{transform:translateY(-3px);filter:drop-shadow(0 12px 16px rgba(37,57,43,.08))}
.footer-location{font-size:11px;color:var(--muted);padding-right:4px}
.assistant-mark{padding:1px;background:#e9eddf;overflow:hidden}
.assistant-mark img{width:100%;height:100%;object-fit:contain;border-radius:50%}

@media(max-width:1180px){
  .desktop-nav{display:none}.menu-toggle{display:block}.brand-logo-frame{width:215px}.mobile-nav{top:104px}
}
@media(max-width:900px){
  .smart-path,.care-journey{grid-template-columns:1fr;gap:45px}
  .smart-path-intro,.journey-visual{position:relative;top:auto}
  .smart-path-intro>p,.finder-disclaimer,.journey-heading>p{max-width:620px}
  .journey-visual{order:2}.journey-content{order:1}.journey-orbit{width:min(65vw,400px)}
  .finder-shell{min-height:580px}
}
@media(max-width:800px){
  .brand-logo-frame{width:74px;height:62px}.brand-logo-fa{display:none}.brand-logo-symbol{display:block;object-position:right center}
  .mobile-nav{top:86px}
  .hero-status{margin-top:15px}
  .footer{grid-template-columns:1fr auto}.footer-identity{grid-column:1/-1}.footer-logo-link{width:min(330px,62vw)}
}
@media(max-width:600px){
  .brand-logo-frame{width:61px;height:52px}.header .book-button{padding-inline:12px}.mobile-nav{top:80px}
  .hero-status{min-width:0;width:100%;max-width:310px;text-align:right}.hero-status b{font-size:11px}.hero-status small{font-size:9px}
  .hero-visual:before{width:110%;left:-20%}
  .smart-path{padding-block:70px}.smart-path-intro h2,.journey-heading h2{font-size:42px;line-height:1.5}.smart-path-intro>p,.journey-heading>p{font-size:14px}.finder-disclaimer{font-size:11px;margin-top:25px}
  .finder-shell{min-height:0;padding:25px 18px 28px;border-radius:2px 52px 2px 2px}.finder-progress{margin-bottom:35px}.finder-question{font-size:25px}
  .finder-options{grid-template-columns:1fr}.finder-options button,.finder-options button:last-child{grid-column:auto;min-height:87px}.finder-options strong{font-size:15px}.finder-result-services{grid-template-columns:1fr}.finder-service{min-height:74px}.finder-actions{gap:16px}.finder-actions .pill{font-size:12px}
  .ba-compare{height:410px}.ba-divider i{width:50px;height:50px}.ba-tag{bottom:12px;min-width:58px;padding:6px 12px;font-size:11px}.ba-tag-before{right:12px}.ba-tag-after{left:12px}
  .care-journey{padding-block:75px;gap:35px}.journey-visual{margin-top:8px}.journey-orbit{width:min(80vw,330px)}.journey-step{grid-template-columns:38px 1fr;gap:13px;padding-block:22px}.journey-step.active{padding-right:10px}.journey-step h3{font-size:20px}.journey-step p{font-size:12px}
  .footer-logo-link{width:min(270px,72vw)}.footer-location{font-size:10px}.assistant-mark{width:31px;height:31px}
}
@media(max-width:600px){.header .saved-launch{display:none}.portal-entry{min-width:58px;min-height:42px;padding:6px 11px;justify-content:center;font-size:13px}.portal-entry-label b,.portal-entry>span:last-child{display:none}}
@media(max-width:370px){.portal-entry{min-width:52px;padding-inline:8px}.header .book-button{font-size:12px;padding-inline:8px}}
@media(max-width:370px){.brand-logo-frame{width:52px}.header .book-button{font-size:10px;padding-inline:9px}.finder-top{align-items:flex-start}.ba-compare{height:350px}}

@media(prefers-reduced-motion:reduce){
  .hero-status.is-open .status-pulse,.journey-orbit:before{animation:none!important}
  .hero-visual:before{transform:none!important}
  [data-motion-surface]:after{display:none}
  .finder-panel{animation:none}
}