/* A quiet hero, with the possibilities living one scroll below. */
.home-wrap>.portrait-header{top:42px;padding-top:0;padding-bottom:0}.portrait-header{padding-top:30px;padding-bottom:22px}.portrait-header .nav{height:58px}.wordmark{gap:0;letter-spacing:0}.wordmark .possible-script,.possible-script{display:inline-block;font-family:'DM Serif Display',Georgia,serif;font-size:29px;font-weight:400;font-style:italic;line-height:1.25;letter-spacing:-.045em;padding:2px 4px 7px;background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.footer .wordmark .possible-script{font-size:29px}.nav-right .portrait-outline{--rainbow-angle:0deg;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--rainbow-angle),#77b9ff,#9162de,#df559b,#efac58,#e3d963,#7ac563,#77b9ff) border-box;transform:none;transition:box-shadow .2s}.nav-right .portrait-outline:hover,.nav-right .portrait-outline:focus-visible{animation:rainbow-once 1.1s ease-in-out 1;transform:none;filter:none}.hero{min-height:max(760px,calc(100svh - 18px));padding:170px 24px 95px;display:flex;flex-direction:column;justify-content:center;gap:45px}.hero-content{margin:0 auto;width:100%;flex:none}.hero h1{overflow:visible;line-height:1.16;margin-bottom:22px}.hero h1 .tagline{display:inline-block;line-height:1.25;padding:0 .12em .18em;margin:0 -.12em -.18em;overflow:visible}.hero .portrait-intro{margin-bottom:23px;font-size:14px}.hero-message .hero-copy{font-size:19px;line-height:1.7;max-width:710px}.hero .url-form{align-items:center;margin-top:30px;padding:10px 12px 10px 25px;gap:17px}.hero .hero-input-shell>svg{display:block;flex:0 0 25px;width:25px;height:25px;margin:0;align-self:center}.hero .url-input-wrap{display:grid;align-items:center;min-width:0;width:auto;min-height:58px}.hero .url-form input{grid-area:1/1;width:100%;height:58px;min-height:58px;padding:10px 2px;line-height:1.5;font-size:24px;margin:0}.hero .cycling-placeholder{position:static;grid-area:1/1;align-self:center;padding:0 2px;margin:0;line-height:1.5;font-size:24px;white-space:nowrap;max-width:100%;overflow:hidden}.hero-platforms{position:relative;z-index:2;margin:0 auto;width:100%;max-width:1000px}.hero-platforms>p{font-size:14px;color:#92a0b2;margin:0 0 20px}.hero-platforms>div{display:flex;justify-content:center;align-items:center;gap:20px 26px;flex-wrap:wrap}.platform-lockup{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#7e8da2;font-weight:500;white-space:nowrap}.platform-lockup img{display:block;width:20px;height:20px;object-fit:contain;filter:grayscale(1);opacity:.44}.platform-glyph{font-size:14px;font-weight:650;border:1px solid #afbdcc;border-radius:5px;width:21px;height:21px;display:grid;place-items:center}.home-bridge{padding-top:100px;padding-bottom:55px;max-width:1360px!important}.home-bridge h2{font-size:clamp(38px,4.2vw,58px);max-width:930px;margin:0 auto 25px;line-height:1.17}.home-bridge>p{font-size:21px;max-width:750px}.home-bridge>strong{font-size:21px;margin:22px 0 0}

.possible-jukebox{margin:35px auto 0;position:relative}.jukebox-stage{position:relative;perspective:1200px;height:535px;overflow:hidden;outline-offset:-4px}.jukebox-card{--offset:0;--depth:0;position:absolute;width:332px;left:50%;top:30px;margin-left:-166px;text-align:left;transform:translateX(calc(var(--offset)*210px)) translateZ(calc(var(--depth)*-120px)) rotateY(calc(var(--offset)*-14deg)) rotateZ(calc(var(--offset)*3deg));transform-style:preserve-3d;opacity:calc(1 - var(--depth)*.18);transition:transform .65s cubic-bezier(.22,.7,.3,1),opacity .5s;pointer-events:none}.jukebox-card.is-active{pointer-events:auto}.jukebox-card.is-distant{visibility:hidden;opacity:0}.jukebox-cover{height:393px;background:var(--juke-bg);padding:24px 24px 21px;border:1px solid color-mix(in srgb,var(--juke-color) 15%,white);border-radius:19px;box-shadow:0 12px 34px #35496312;overflow:hidden;color:var(--juke-color);display:flex;flex-direction:column}.juke-cover-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:23px}.juke-icon{display:grid;place-items:center;width:36px;height:36px;background:#ffffff90;border-radius:50%}.juke-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.jukebox-card h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:28px;line-height:1.17;color:var(--juke-color);margin:0 0 20px;letter-spacing:-.035em;max-width:260px}.juke-surface{flex:1;min-height:0}.juke-surface>p{font-size:15px;line-height:1.5;color:var(--juke-color);margin:0 0 16px}.jukebox-card>footer{text-align:center;padding:20px 0}.jukebox-card footer h4{font-size:17px;font-weight:600;line-height:1.4;color:#526c88;margin:0 0 6px}.jukebox-card footer p{font-size:14px;color:#8a98aa;margin:0;line-height:1.5}.jukebox-card:not(.is-active)>footer{opacity:.55}.juke-feedback{display:block;font-size:13px!important;line-height:1.6!important;color:var(--juke-color)!important;margin:13px 0 0!important}.juke-checklist{display:grid;gap:13px}.juke-checklist label{display:flex;gap:10px;align-items:center;font-size:15px;line-height:1.5}.juke-checklist input{accent-color:var(--juke-color);width:17px;height:17px;flex:none;margin:0}.juke-mini-progress{height:5px;background:#ffffff90;border-radius:4px;overflow:hidden;margin-top:20px}.juke-mini-progress i{display:block;width:33%;height:100%;background:var(--juke-color);transition:width .3s}.juke-chips{display:flex;flex-wrap:wrap;gap:8px}.juke-chips button,.juke-medical button,.juke-compare button{font:inherit;font-size:14px;line-height:1.5;padding:10px 12px;border:1px solid color-mix(in srgb,var(--juke-color) 20%,white);border-radius:8px;background:#ffffffa8;color:var(--juke-color)}.juke-chips button[aria-pressed=true],.juke-compare button[aria-pressed=true]{background:var(--juke-color);color:white}.juke-match{margin-top:18px;padding:13px;background:#fff8;border-radius:10px}.juke-match>span{font-size:10px;letter-spacing:.08em}.juke-match .juke-feedback{margin:5px 0 0!important;font-size:15px!important;font-weight:500}.juke-medical{display:grid;gap:12px}.juke-medical button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;font-size:15px;padding:14px}.juke-type-2 h3,.juke-type-3 h3,.juke-type-5 h3,.juke-type-6 h3{font-family:Manrope,Arial,sans-serif;font-weight:550;font-size:25px}.juke-range-label{font-size:14px;display:block}.juke-range-label output{font-size:31px;font-weight:500;margin-right:5px}.juke-range-label input{display:block;width:100%;accent-color:var(--juke-color);margin:14px 0}.juke-chart{display:flex;gap:12px;align-items:flex-end;height:57px;overflow:hidden;margin:18px 0 0}.juke-chart i{display:block;flex:1;background:var(--juke-color);opacity:.4;border-radius:4px 4px 0 0;transition:height .2s}.juke-chart i:nth-child(2){opacity:.55}.juke-chart i:nth-child(3){opacity:.7}.juke-chart i:nth-child(4){opacity:.85}.juke-readiness{display:flex;flex-direction:column;gap:6px}.juke-readiness .juke-feedback{font-size:20px!important;font-weight:500}.juke-readiness>span{font-size:13px}.juke-search-label{font-size:14px;display:grid;gap:10px}.juke-search-label input{width:100%;min-width:0;font:inherit;font-size:15px;border:1px solid #c5d6d3;padding:12px 13px;border-radius:9px;background:#fff9;color:var(--juke-color)}.juke-directory{margin-top:12px}.juke-directory>div{font-size:15px;line-height:1.5;padding:9px 0;border-bottom:1px solid #cbdad6}.juke-directory>div>span{display:block;font-size:11px;opacity:.7}.juke-directory [hidden]{display:none}.juke-compare{display:grid;grid-template-columns:1fr 1fr;gap:9px}.juke-compare>div{border:1px solid #dccda9;border-radius:10px;padding:12px;background:#fffc}.juke-compare span{font-size:9px;letter-spacing:.05em;display:block}.juke-compare strong{display:block;font-size:22px;font-weight:500;margin-top:9px}.juke-compare p{font-size:12px;line-height:1.8;color:var(--juke-color);margin:12px 0}.juke-compare button{font-size:12px;padding:7px 8px;width:100%}.juke-chat p{font-size:15px;color:var(--juke-color);background:#fff9;line-height:1.6;border-radius:12px 12px 12px 2px;padding:12px;margin:0 20px 13px 0}.juke-chat button{font:inherit;font-size:14px;line-height:1.5;color:var(--juke-color);background:#e4cfdd;border:0;padding:12px;border-radius:12px 12px 2px 12px;margin-left:27px}.juke-chat-answer{font-size:14px;line-height:1.6;padding-top:13px}.jukebox-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:0}.jukebox-controls button{width:43px;height:43px;border-radius:50%;border:1px solid #d7e2ef;background:white;color:#7b8ea7;font-size:23px}.jukebox-controls button:hover{background:#eef4fc}.jukebox-controls p{font-size:13px!important;color:#96a4b7!important;line-height:1.6;margin:0;min-width:220px;text-align:center}.jukebox-controls p span{display:block;font-size:16px;color:#607995}.home-bridge .jukebox-note{font-size:15px;margin:20px auto 30px;color:#8a9bb0}.juke-pillars{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 35px}.juke-pillars>span{display:flex;align-items:center;gap:10px;font-size:16px;color:#768ba5}.juke-pillars b{display:flex}.juke-pillars svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1600px){.hero{gap:55px}}
@media(max-width:1100px){.hero{padding-top:160px;padding-bottom:80px;min-height:max(740px,calc(100svh - 18px))}.hero-platforms>div{gap:18px 22px}.platform-lockup{font-size:14px}.platform-lockup img{width:19px;height:19px}}
@media(max-width:700px){.home-wrap>.portrait-header{top:32px}.portrait-header{padding-top:24px}.portrait-header .nav{height:54px}.wordmark .possible-script{font-size:27px}.hero{display:flex;min-height:max(760px,calc(100svh - 18px));padding:130px 20px 55px;gap:34px}.hero h1{font-size:51px}.hero .portrait-intro{font-size:13px;margin-bottom:20px}.hero-message .hero-copy{font-size:17px;max-width:400px}.hero .url-form{display:grid;grid-template-columns:24px minmax(0,1fr);padding:12px 14px;gap:8px 12px;border-radius:24px;max-width:460px}.hero .hero-input-shell>svg{width:22px;height:22px;grid-column:1}.hero .url-input-wrap{grid-column:2;min-height:48px;width:100%}.hero .url-form input{font-size:19px;min-height:48px;height:48px;padding:8px 2px}.hero .cycling-placeholder{font-size:19px}.hero .url-form .btn{grid-column:1/-1;width:100%;justify-content:center;min-height:55px;font-size:17px}.hero-platforms{max-width:420px}.hero-platforms>p{font-size:13px;margin-bottom:16px}.hero-platforms>div{gap:15px 19px}.platform-lockup{font-size:13px;gap:6px}.platform-lockup img{width:17px;height:17px}.home-bridge{padding-top:75px;padding-bottom:40px}.home-bridge h2{font-size:37px}.home-bridge>p{font-size:18px}.home-bridge>strong{font-size:20px}.jukebox-stage{height:515px;overflow:visible}.possible-jukebox{overflow:hidden;margin-inline:-23px;padding-bottom:8px}.jukebox-card{width:290px;margin-left:-145px;transform:translateX(calc(var(--offset)*166px)) translateZ(calc(var(--depth)*-135px)) rotateY(calc(var(--offset)*-15deg)) rotateZ(calc(var(--offset)*4deg))}.jukebox-cover{padding:21px;height:393px}.jukebox-card h3{font-size:26px}.juke-type-2 h3,.juke-type-3 h3,.juke-type-5 h3,.juke-type-6 h3{font-size:23px}.jukebox-controls{gap:12px;padding-inline:18px}.jukebox-controls p{min-width:185px}.juke-pillars{gap:14px 20px;max-width:340px;margin:auto}.juke-pillars>span{font-size:14px}.home-bridge .jukebox-note{font-size:14px;padding-inline:25px}.juke-match .juke-feedback{font-size:14px!important}.juke-feedback{font-size:12px!important}.juke-chips button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.nav-right .portrait-outline:hover,.nav-right .portrait-outline:focus-visible{animation:none}.jukebox-card,.juke-chart i,.juke-mini-progress i{transition:none}}
/* Give every card its full control surface, including narrow phones. */
.jukebox-stage{height:585px;touch-action:pan-y}.jukebox-cover{height:445px}.juke-chips{display:grid;grid-template-columns:1fr;gap:8px}.juke-chips button{padding:8px 11px;min-height:38px;text-align:left}.juke-match{margin-top:13px;padding:11px 13px}.jukebox-controls button{width:44px;height:44px}.juke-medical button{min-height:52px}.juke-compare button{min-height:36px}
@media(max-width:700px){.hero{margin-inline:12px;padding-inline:16px}.hero h1{font-size:clamp(40px,12vw,51px)}.hero .cycling-placeholder,.hero .url-form input{font-size:clamp(16px,4.5vw,19px)}.hero .url-form .btn{font-size:16px;padding:10px 12px;gap:6px}.jukebox-stage{height:570px}.jukebox-cover{height:445px}.jukebox-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;padding-inline:25px;max-width:350px;margin:auto}.jukebox-controls p{min-width:0!important}.jukebox-controls p span{font-size:14px}.juke-chips button{min-height:40px;font-size:14px}.juke-feedback{font-size:13px!important}}
/* Possible identity and rounded hero. */
.hero{border-radius:36px;overflow:hidden}.wordmark{gap:7px;align-items:center}.wordmark .possible-symbol{display:block;width:32px;height:36px;flex:none;object-fit:contain;margin-bottom:3px}.wordmark .possible-script{font-size:28px;letter-spacing:-.05em}.footer .wordmark .possible-symbol{width:31px;height:35px}.login-preview>.possible-period{background:none;width:auto;height:auto;border-radius:0}.hero-content,.hero-platforms{position:relative;z-index:2}@media(max-width:700px){.hero{border-radius:28px}.wordmark{gap:5px}.wordmark .possible-symbol{width:27px;height:31px}.wordmark .possible-script{font-size:25px}.portrait-header .nav{gap:14px;padding-inline:15px}}
/* Explicit order prevents older mobile layout rules lifting the platforms. */
.hero>.hero-content{order:1}.hero>.hero-platforms{order:2}

.hero-input-shell{display:contents}
.hero-platforms .platform-track,.hero-platforms .platform-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px 26px}
.hero-platforms .platform-repeat{display:none}
@media(max-width:700px){
 .hero{gap:32px}
 .hero .url-form,.home-closing .url-form{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
 .hero .hero-input-shell{display:flex;align-items:center;gap:12px;width:100%;padding:8px 19px;background:#fff;border:1px solid #dce2ec;border-radius:100px;box-shadow:0 3px 14px #52648005}
 .hero .hero-input-shell:focus-within{border-color:#9aaee0;box-shadow:0 0 0 3px #b4c7f025}
 .hero .hero-input-shell>svg{display:block;width:22px;height:22px;flex:none;margin:0}
 .hero .url-input-wrap{flex:1;min-width:0;width:auto;min-height:48px}
 .hero .url-form input{width:100%;height:48px;min-height:48px;padding:8px 0;font-size:17px}
 .hero .cycling-placeholder{font-size:17px;line-height:1.5;padding:0;animation:none;font-weight:650}
 .hero .url-form .btn,.home-closing .url-form .btn{width:auto;max-width:100%;align-self:center;min-height:52px;padding:11px 23px;font-size:16px;border-width:4px;border-radius:100px;white-space:nowrap}
 .hero .url-form .btn svg{display:block;width:16px;height:16px}
 .home-closing .url-form input{flex:none;width:100%;min-width:0;min-height:64px;padding:15px 20px;font-size:17px;background:white;border:1px solid #dce2ec;border-radius:100px}
 .hero-platforms{max-width:100%;margin-top:0}
 .hero-platforms .platform-marquee{display:block;overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
 .hero-platforms .platform-track{width:max-content;flex-wrap:nowrap;justify-content:flex-start;gap:0;animation:platform-scroll 28s linear infinite}
 .hero-platforms .platform-group{flex:none;flex-wrap:nowrap;gap:26px;padding-right:26px;justify-content:flex-start}
 .hero-platforms .platform-repeat{display:flex}
 .hero-platforms .platform-lockup{font-size:14px}
 .hero-platforms .platform-marquee:hover .platform-track{animation-play-state:paused}
}
@keyframes platform-scroll{to{transform:translateX(-50%)}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.hero-platforms .platform-track{animation:none}.hero-platforms .platform-repeat{display:none}.hero-platforms .platform-marquee{overflow-x:auto;mask-image:none}}

/* Unified outlined lettering keeps the star-to-word spacing fixed at every size. */
.wordmark{gap:0;line-height:1;display:inline-flex;align-items:center}
.wordmark .possible-logo{display:block;width:174px;height:auto;max-width:none;flex:none}
.footer .wordmark .possible-logo{width:174px}
@media(max-width:700px){.wordmark .possible-logo,.footer .wordmark .possible-logo{width:151px}}

/* Supplied wordmark and independently rendered rainbow dot. */
.wordmark .logo-lockup{display:block;position:relative;width:104px;line-height:0;flex:none}
.wordmark .logo-lockup .possible-logo,.footer .wordmark .logo-lockup .possible-logo{width:100%;height:auto;display:block}
.logo-ring{position:absolute;left:16.303810%;top:19.402985%;width:12.877288%;height:56.716418%;border-radius:50%;overflow:hidden;background:none}
.logo-ring canvas{display:block;width:100%;height:100%}
@media(max-width:700px){.wordmark .logo-lockup{width:90px}}

/* A single introduction, followed by a steady and readable URL prompt. */
.hero .cycling-placeholder{position:relative;top:auto;left:auto;opacity:1;clip-path:none;color:#6c7890;animation:url-entry-reveal 2.2s ease-out both}
.hero .cycling-placeholder::before,.hero .cycling-placeholder::after{content:attr(data-label);position:absolute;inset:0;padding:inherit;pointer-events:none;white-space:inherit}
.hero .cycling-placeholder::before{color:#fff;animation:url-entry-white 2.2s linear both}
.hero .cycling-placeholder::after{background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:url-entry-rainbow 2.2s linear both}
.hero .cycling-placeholder.is-settled{animation:none;clip-path:none;opacity:1}
.hero .cycling-placeholder.is-settled::before,.hero .cycling-placeholder.is-settled::after{content:none;animation:none}
@keyframes url-entry-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0}12%{opacity:1}68%,100%{clip-path:inset(0);opacity:1}}
@keyframes url-entry-white{0%,10%{opacity:1}35%,100%{opacity:0}}
@keyframes url-entry-rainbow{0%,10%{opacity:0}34%,65%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hero .cycling-placeholder{animation:none}.hero .cycling-placeholder::before,.hero .cycling-placeholder::after{content:none;animation:none}}

/* Final hero balance: luminous color at the edges, clear white through the copy. */
.hero{min-height:max(720px,calc(100svh - 18px));padding:150px 24px 66px;gap:30px;justify-content:flex-start;background:#fff}
.hero .portrait-haze{background:radial-gradient(ellipse 40% 55% at 14% 24%,#eee0ffb8,transparent 78%),radial-gradient(ellipse 38% 46% at 83% 13%,#f6e6d5b3,transparent 80%),radial-gradient(ellipse 35% 42% at 71% 86%,#dcedffd9,transparent 83%),radial-gradient(ellipse 30% 39% at 27% 88%,#e6fbe9c7,transparent 83%),#fff}
.hero .portrait-intro{margin-bottom:18px}
.hero h1{margin-bottom:17px}
.hero-message{background:none}
.hero-message .hero-copy{font-size:19px;line-height:1.6}
.hero .url-form{margin-top:26px;padding-block:8px}
.hero .url-form input,.hero .url-input-wrap{min-height:54px;height:54px}
.hero .url-form .btn{min-height:59px;border-width:5px}
.hero-platforms>p{margin-bottom:15px}
@media(min-width:1500px){.hero{padding-top:170px;gap:36px}}
@media(max-width:700px){
 .hero{padding:126px 16px 44px;min-height:max(720px,calc(100svh - 18px));gap:28px}
 .hero .portrait-haze{background:radial-gradient(ellipse 65% 39% at 1% 26%,#eee0ffb8,transparent 82%),radial-gradient(ellipse 60% 37% at 99% 12%,#f6e6d5b3,transparent 83%),radial-gradient(ellipse 63% 42% at 95% 90%,#dcedffd9,transparent 86%),radial-gradient(ellipse 60% 37% at 10% 94%,#e6fbe9b0,transparent 86%),#fff}
 .hero .portrait-intro{margin-bottom:16px}
 .hero h1{font-size:clamp(39px,11.5vw,49px);margin-bottom:15px}
 .hero-message .hero-copy{font-size:17px;line-height:1.65}
 .hero .url-form{margin-top:24px;padding:0;gap:14px}
 .hero .url-form input,.hero .url-input-wrap{height:48px;min-height:48px}
 .hero .url-form .btn{min-height:52px;border-width:4px}
}

/* The website entry leads the hero; platform support stays below the action. */
.hero{padding-top:132px;gap:48px}
.hero .url-form{max-width:960px;margin-top:38px}
.hero-content{max-width:1000px}
.hero-platforms{margin-top:auto}
@media(min-width:1500px){.hero{padding-top:148px;gap:52px}}
@media(max-width:700px){
 .hero{padding:120px 16px 32px;min-height:calc(100svh - 18px);gap:38px}
 .hero .url-form{max-width:460px;margin-top:26px}
 .hero-platforms{margin-top:auto}
}
@media(max-width:700px) and (max-height:740px){
 .hero{padding-top:112px;padding-bottom:24px;gap:28px}
 .hero h1{font-size:clamp(36px,10.5vw,45px);margin-bottom:12px}
 .hero-message .hero-copy{font-size:16px;line-height:1.55}
 .hero .url-form{margin-top:22px}
}

/* Give the primary field a clearly visible pause below the headline. */
.hero .url-form{margin-top:78px}
@media(max-width:700px){.hero .url-form{margin-top:42px}}
@media(max-width:700px) and (max-height:740px){.hero .url-form{margin-top:30px}}
/* Give the mobile invitation its own breathing room below the headline. */
@media(max-width:700px){.hero .url-form{margin-top:clamp(66px,10svh,104px)}.hero{gap:48px}.hero-platforms{margin-top:auto}}
@media(max-width:700px) and (max-height:740px){.hero .url-form{margin-top:48px}.hero{gap:36px}}