/* Approved owner presentation: static release. Motion exploration is deferred. */
.intro{background:radial-gradient(circle at 82% 8%,rgba(182,135,69,.19),transparent 34%),linear-gradient(155deg,#071016 0%,#0B0F14 43%,#181713 75%,#30271d 100%);overflow:hidden}
.intro::before{display:none}
.intro.ready .intro-shell{width:min(720px,100%);height:100%;min-height:0;padding:calc(env(safe-area-inset-top) + 12px) 18px calc(env(safe-area-inset-bottom) + 12px);display:grid;grid-template-rows:minmax(0,1fr);gap:0;overflow:hidden;justify-content:stretch;align-items:stretch}
.intro.ready .intro-content{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,1.5dvh,16px)}
.intro.ready .intro-brand{position:relative;top:auto;left:auto;right:auto;padding:0;flex-shrink:0}
.intro.ready .intro-logo-card{width:min(360px,78%);padding:0;margin:auto;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;animation:none}
.intro.ready .intro-logo{display:block;width:100%;height:auto;max-height:clamp(84px,16dvh,152px);object-fit:contain;filter:drop-shadow(0 7px 15px rgba(0,0,0,.25))}
.intro.ready .intro-logo-card::after{display:none}
.intro.ready .intro-chooser{display:block;margin:0;padding:0;animation:none;flex-shrink:1;min-height:0}
.intro.ready .intro-divider{display:none}
.intro.ready .intro-skip{display:none}
.chooser-panel{min-width:0}
.chooser-eyebrow{font-size:clamp(9px,1.15dvh,11px)}
.chooser-title{font-size:clamp(26px,4.2dvh,39px);line-height:1.04;margin:4px 0 6px;letter-spacing:-.025em;text-wrap:balance}
.chooser-panel>p{font-size:clamp(11px,1.55dvh,14px);line-height:1.35;margin:0 0 clamp(7px,1.2dvh,12px)}
.chooser-value{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 clamp(7px,1.2dvh,12px)}
.chooser-value div{min-width:0;border-radius:13px;padding:clamp(7px,1.1dvh,11px) 9px}
.chooser-benefit-icon{width:clamp(22px,3.4dvh,34px);height:clamp(22px,3.4dvh,34px);display:grid;place-items:center;border:1px solid rgba(182,135,69,.55);border-radius:50%;color:#D5A45E;background:rgba(182,135,69,.08);margin-bottom:5px}
.chooser-benefit-icon svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chooser-value b{font:800 clamp(10px,1.35dvh,12px)/1.2 "Avenir Next",Arial,sans-serif;min-height:2.4em}
.chooser-value span{font-size:clamp(9.5px,1.2dvh,11px);line-height:1.3;margin-top:3px}
.chooser-preview{display:flex;align-items:center;gap:10px;min-height:0;margin:0 0 clamp(7px,1.2dvh,12px);padding:8px 11px;border-color:rgba(214,166,91,.45);font-size:clamp(10px,1.3dvh,12px);line-height:1.35}
.chooser-preview b{color:#F0C57B;font:inherit;font-weight:800}
.chooser-preview-icon{flex:0 0 24px;width:24px;height:24px;color:#D5A45E;display:grid;place-items:center}
.chooser-preview-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chooser-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.chooser-card,.chooser-card.primary{display:grid;grid-template-rows:clamp(48px,8dvh,76px) auto minmax(0,1fr) auto;align-content:stretch;min-width:0;min-height:0;height:clamp(187px,28dvh,264px);padding:clamp(9px,1.5dvh,14px);border-radius:18px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.chooser-mini{width:100%;height:100%;min-height:0;display:flex;align-items:center;gap:8px;margin:0;border-radius:12px;padding:6px;overflow:hidden;position:relative}
.chooser-mini.app::before,.chooser-mini.app::after{display:none}
.chooser-mini-icon{width:clamp(36px,6dvh,58px);height:clamp(36px,6dvh,58px);flex:0 0 auto;border-radius:10px;object-fit:contain}
.chooser-mini-label{min-width:0;display:flex;flex-direction:column;gap:2px;color:inherit}
.chooser-card .chooser-mini-label span{color:inherit;font-size:clamp(9px,1.1dvh,11px);margin:0;line-height:1.2}
.chooser-card .chooser-mini-label .chooser-mini-name{font-weight:800;font-size:clamp(10px,1.3dvh,13px)}
.chooser-mini-badge{position:absolute;left:clamp(32px,5.3dvh,50px);top:2px;border-radius:999px;min-width:19px;height:19px;padding:0 4px;background:#B68745;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;line-height:1}
.chooser-mini.web{padding:5px;background:linear-gradient(145deg,#F3EFE8,#fff)}
.chooser-mini.web::before{display:none}
.chooser-mini.web img{display:block;width:100%;height:100%;object-fit:contain}
.chooser-card-title{display:block;min-height:2.24em;padding-top:clamp(6px,1dvh,10px);font-family:Georgia,"Times New Roman",serif;font-size:clamp(16px,2.15dvh,21px);line-height:1.12;font-weight:700}
.chooser-card .chooser-card-copy{display:block;color:#777E7A;font-size:clamp(10.5px,1.4dvh,13px);line-height:1.3;margin:0;padding-top:3px;min-width:0}
.chooser-card.primary .chooser-card-copy{color:#C9CECC}
.chooser-arrow{display:block;margin:0;padding-top:5px;font-size:clamp(10px,1.3dvh,12px);line-height:1.3;font-weight:900;align-self:end;overflow-wrap:anywhere}
.chooser-card:focus-visible{outline:2px solid #D5A45E;outline-offset:2px}
.chooser-card:active{transform:scale(.992)}
@media(max-width:520px){
 .intro.ready{overflow:hidden;touch-action:auto}
 .intro.ready .intro-shell{height:100%;min-height:0;padding:calc(env(safe-area-inset-top) + 10px) 16px calc(env(safe-area-inset-bottom) + 10px);display:grid;overflow:hidden}
 .intro.ready .intro-brand{position:relative;top:auto;left:auto;right:auto}
 .intro.ready .intro-logo-card{width:min(320px,76%);padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
 .intro.ready .intro-logo{max-height:clamp(84px,15dvh,130px)}
 .intro.ready .intro-chooser{position:relative;left:auto;right:auto;bottom:auto;margin:0;padding:0}
 .chooser-title{font-size:clamp(25px,4.1dvh,35px);line-height:1.04;margin:4px 0 6px}
 .chooser-panel>p{font-size:clamp(11px,1.55dvh,14px);line-height:1.35;margin-bottom:clamp(7px,1.2dvh,12px)}
 .chooser-value{gap:7px;margin-bottom:clamp(7px,1.2dvh,12px)}
 .chooser-value div{padding:clamp(7px,1.1dvh,11px) 8px}
 .chooser-value b{font-size:clamp(10px,1.35dvh,12px)}
 .chooser-value span{font-size:clamp(9.5px,1.2dvh,11px);margin-top:3px}
 .chooser-card{min-height:0;height:clamp(187px,28dvh,264px);padding:clamp(9px,1.5dvh,14px)}
 .chooser-mini{height:100%;margin:0}
 .chooser-card-title{font-size:clamp(16px,2.15dvh,21px)}
 .chooser-card .chooser-card-copy{font-size:clamp(10.5px,1.4dvh,13px);margin:0}
 .chooser-arrow{font-size:clamp(10px,1.3dvh,12px);padding-top:5px}
}
@media(max-width:350px), (max-height:620px){
 .intro.ready{overflow:auto;touch-action:auto}
 .intro.ready .intro-shell{height:auto;min-height:100%;overflow:visible}
 .intro.ready .intro-content{gap:8px}
 .chooser-benefit-icon{display:none}
 .chooser-value b{min-height:0}
 .chooser-grid{grid-template-columns:1fr}
 .chooser-card{height:auto;min-height:180px}
}
@media(prefers-reduced-motion:reduce){.intro *{animation:none!important;transition:none!important}}
/* Final alignment: two-line title slot and a shared CTA baseline. */
.chooser-card .chooser-card-title{font-size:clamp(16px,2.15dvh,21px);line-height:1.12;height:2.24em;min-height:2.24em;overflow:visible}
.chooser-card .chooser-arrow{font-size:clamp(9.5px,1.16dvh,11px);letter-spacing:-.015em;line-height:1.25;padding-top:5px}
.chooser-card .chooser-card-copy{line-height:1.3}
/* The loading state uses the same transparent, dark-surface logo. */
.intro-logo-card{background:transparent;border:0;box-shadow:none}

/* Icon-only refinement: consistent geometry, readable glyphs, unchanged cards. */
.chooser-value .chooser-benefit-icon{width:clamp(30px,4.2dvh,40px);height:clamp(30px,4.2dvh,40px);margin-top:0;margin-bottom:5px;flex-shrink:0}
.chooser-value .chooser-benefit-icon svg{display:block;width:70%;height:70%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
@media(max-width:350px), (max-height:620px){.chooser-value .chooser-benefit-icon{display:grid}}