/* Open, alternating app scenes, matching the Ura homepage. */
.ura-product-page .product-main{--product-ink:#101827;--product-slate:#48576e}
.ura-product-page .product-main :is(h1,h2,h3,p,figure){margin:0}
.ura-product-page .product-main :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.025em}
.ura-product-page .product-main h1{font-size:34px;line-height:1.17}
.ura-product-page .product-main h2{font-size:34px;line-height:1.2}
.ura-product-page .product-main h3{font-size:20px;line-height:1.3}
.ura-product-page .product-main p{font-size:17px;line-height:1.65}
.ura-product-page .product-main img{height:auto}
.ura-product-page .product-main .product-eyebrow{font-size:13px;font-weight:600;letter-spacing:.07em;color:#94e4ef;margin-bottom:16px}
.ura-product-page .product-main .product-lead{margin-top:24px;color:#bdc8db;max-width:46ch}
.ura-product-page .product-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-block:54px 76px}
.ura-product-page .product-hero-copy{min-width:0;max-width:510px}
.ura-product-page .product-hero .hub-actions{justify-content:flex-start;margin-top:30px;gap:12px}
.ura-product-page .product-main .product-caption{margin-top:20px;font-size:17px;color:#aebbd0}
.ura-product-page .product-phones{position:relative;width:100%;max-width:460px;aspect-ratio:460/560;margin-inline:auto;isolation:isolate}
.ura-product-page .product-phone{position:absolute;width:46%;padding:4px;border:2px solid #596175;border-radius:34px;background:#070a14;box-shadow:0 24px 50px #0004}
.ura-product-page .product-phone img{display:block;width:100%;border-radius:28px}
.ura-product-page .product-phone--front{left:6%;top:19%;z-index:2;transform:rotate(-7deg)}
.ura-product-page .product-phone--back{right:3%;top:7%;z-index:1;transform:rotate(7deg)}
.ura-product-page .product-peek{position:absolute;left:6%;top:1%;width:29%;z-index:0;transform:rotate(-12deg)}
.ura-product-page .product-scene-row{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center;padding-block:90px;scroll-margin-top:110px}
.ura-product-page .product-copy{min-width:0}
.ura-product-page .product-scene-row--reverse .product-copy{grid-column:2;grid-row:1}
.ura-product-page .product-scene-row--reverse>.product-scene,.ura-product-page .product-scene-row--reverse>.feature-outpost{grid-column:1;grid-row:1}
.ura-product-page .product-scene{position:relative;display:grid;place-items:center;padding:36px 0;min-width:0}
.ura-product-page #panic-flow>.product-scene{padding-top:170px}
.ura-product-page .product-device{position:relative;width:248px;max-width:72%;padding:4px;border:2px solid #525b70;border-radius:35px;background:#070a14;box-shadow:0 24px 50px #0004;isolation:isolate}
.ura-product-page .product-device>img:first-child{position:relative;z-index:2;display:block;width:100%;height:auto;border-radius:29px}
.ura-product-page .product-device .product-mascot{position:absolute;object-fit:contain;max-width:none;pointer-events:none;z-index:3}
.ura-product-page .product-mascot--top{width:230px;left:calc(50% - 115px);top:-161px}
.ura-product-page .product-mascot--beside{width:152px;left:-96px;top:72px;z-index:1!important}
.ura-product-page .product-mascot--point{width:175px;right:-91px;top:28%}
.ura-product-page .product-points{display:grid;gap:14px;margin-top:28px}
.ura-product-page .product-point{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:24px;border:1px solid #ffffffcf;border-radius:24px;background:linear-gradient(135deg,#e9ecf7,#ccd1e3);box-shadow:inset 0 1px 0 #fff8,0 14px 32px #0002}
.ura-product-page .product-point>img{width:48px;height:48px;object-fit:contain}
.ura-product-page .product-point h3{color:#101827;margin-bottom:8px}
.ura-product-page .product-point p{font-size:17px;color:#48576e;line-height:1.6}
.ura-product-page .product-main .product-note{font-size:17px;color:#aebbd0;line-height:1.65;margin-top:24px}
.ura-product-page .product-note a,.ura-product-page .product-text-link{color:#94e4ef;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.ura-product-page .product-anchor{position:absolute;top:0;scroll-margin-top:110px}
.ura-product-page .product-world-preview{margin-bottom:20px}
.ura-product-page .feature-outpost{position:relative;width:100%;aspect-ratio:1;isolation:isolate}
.ura-product-page .feature-outpost-people{position:absolute;width:88%;left:0;bottom:10%}
.ura-product-page .feature-outpost-sign{position:absolute!important;right:1%;bottom:15%;width:30%!important;height:36%!important;z-index:2}
.ura-product-page .feature-outpost-fire{position:absolute!important;left:5%;bottom:12%;width:22%!important;height:26%!important;z-index:2}
.ura-product-page .product-circles{padding-block:70px 80px;scroll-margin-top:110px}
.ura-product-page .product-circles-heading{text-align:center;max-width:640px;margin:0 auto 48px}
.ura-product-page .product-circles-heading .product-lead{margin-inline:auto}
.ura-product-page .product-circle-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.ura-product-page .product-circle-previews article{min-width:0;text-align:center;display:flex;flex-direction:column}
.ura-product-page .product-circle-previews h3{margin-bottom:12px}
.ura-product-page .product-circle-previews article>p{font-size:17px;color:#bdc8db;min-height:96px}
.ura-product-page .product-circle-previews .product-device{width:238px;max-width:100%}
.ura-product-page .product-circle-previews .product-scene{padding:30px 0 0}
.ura-product-page .product-main .product-circle-note{max-width:880px;margin:32px auto 0;text-align:center;font-size:17px}
.ura-product-page .product-main #download{text-align:center}
.ura-product-page .product-main #download h2{margin-inline:auto;max-width:100%;text-align:center;font-size:28px}
.ura-product-page .product-main .hub-cta-copy{margin:20px auto 0}
.ura-product-page .product-main .hub-cta-meta{margin:24px auto 0;font-size:17px}
@media(max-width:1000px){.ura-product-page .product-scene-row{gap:48px}.ura-product-page .product-device{width:224px}.ura-product-page .product-circle-previews{gap:22px}.ura-product-page .product-hero{gap:26px}.ura-product-page .product-point{padding:22px;gap:14px}}
@media(max-width:760px){
.ura-product-page .product-main h2{font-size:28px}
.ura-product-page .product-hero{grid-template-columns:1fr;gap:34px;padding-block:30px 48px}
.ura-product-page .product-phones{max-width:380px}
.ura-product-page .product-scene-row{display:flex;flex-direction:column;gap:28px;padding-block:48px}
.ura-product-page .product-copy{width:100%}
.ura-product-page .product-scene{width:100%;padding:24px 0}
.ura-product-page .product-device{width:234px;max-width:70%}
.ura-product-page .product-mascot--beside{width:130px;left:-76px}
.ura-product-page .product-mascot--point{width:145px;right:-69px}
.ura-product-page .product-points{gap:12px}
.ura-product-page .product-point{padding:22px;grid-template-columns:44px minmax(0,1fr);gap:14px}
.ura-product-page .product-point>img{width:44px;height:44px}
.ura-product-page .product-circles{padding-block:48px}
.ura-product-page .product-circle-previews{grid-template-columns:1fr;gap:56px}
.ura-product-page .product-circle-previews article{max-width:420px;margin-inline:auto}
.ura-product-page .product-circle-previews article>p{min-height:0}
.ura-product-page .product-circle-previews .product-device{width:250px;max-width:88%}
.ura-product-page .product-circles-heading{margin-bottom:32px}
.ura-product-page .feature-outpost{max-width:380px}
.ura-product-page .product-point div{min-width:0}
}
@media(max-width:380px){.ura-product-page .product-point{display:block}.ura-product-page .product-point>img{margin-bottom:14px}.ura-product-page .product-hero .hub-actions>a{width:100%}.ura-product-page .product-mascot--point{right:-55px;width:124px}.ura-product-page .product-mascot--beside{left:-58px;width:110px}}

/* Product features become this page's navigation. */
@media(min-width:961px){
  .ura-product-page #ura-site-header.ura-header{grid-template-columns:auto 1fr auto;gap:18px;padding-inline:24px}
  .ura-product-page #ura-site-header .ura-header-nav{gap:0}
  .ura-product-page #ura-site-header .ura-header-nav a{font-size:15px;padding-inline:10px}
  .ura-product-page #ura-site-header .ura-header-download{padding-inline:20px}
}
/* Each selected planet shows the actual world inside a phone. */
.ura-product-page .product-world-preview .ura-journey-universe{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:28px;padding:32px}
.ura-product-page .product-world-preview .ura-journey-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:24px}
.ura-product-page .product-world-preview .product-world-phone{width:220px;max-width:100%;margin-inline:auto;box-shadow:0 18px 30px #1d284426}
.ura-product-page .product-world-phone>img{aspect-ratio:660/1434;object-fit:cover}
.ura-product-page .product-world-copy{min-width:0}
.ura-product-page .product-world-copy .ura-journey-detail-image{width:88px;height:88px;margin-bottom:20px}
.ura-product-page .product-world-copy h3{margin-bottom:12px}
.ura-product-page .product-world-copy .ura-journey-discovery{margin-top:16px}
@media(min-width:641px) and (max-width:900px){
  .ura-product-page .product-world-preview .ura-journey-universe{grid-template-columns:minmax(0,1fr)}
  .ura-product-page .product-world-preview .ura-journey-map{max-width:380px}
  .ura-product-page .product-world-preview .ura-journey-detail{grid-template-columns:240px minmax(0,1fr);max-width:580px;margin:auto}
}
@media(max-width:640px){
  .ura-product-page .product-world-preview .ura-journey-universe{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:28px}
  .ura-product-page .product-world-preview .ura-journey-detail{grid-template-columns:minmax(0,1fr);gap:28px}
  .ura-product-page .product-world-copy{text-align:center}
  .ura-product-page .product-world-copy .ura-journey-detail-image{width:64px;height:64px;margin:0 auto 16px}
}
@media(min-width:761px) and (max-width:1000px){
  .ura-product-page .product-mascot--beside{width:130px;left:-66px}
  .ura-product-page .product-mascot--point{width:145px;right:-65px}
}

/* Contextual support companions keep the real Circle screens unobscured. */
.ura-product-page .product-main .product-circle-mascot{display:block;width:168px;height:150px;object-fit:contain;margin:0 auto 24px}