/* Product family and Screen story: scoped additions to the existing page. */
.screen-feature{display:grid;grid-template-columns:1fr 1.15fr;gap:4rem;align-items:center;padding-block:100px}.screen-copy h2{max-width:540px}.screen-copy p{max-width:490px}.screen-copy ul{list-style:none;padding:0;margin:30px 0;color:#465b76}.screen-copy li{padding:12px 0;border-bottom:1px solid #dfe6f0}.screen-copy li:before{content:'✓';color:#2479ea;margin-inline-end:14px}.screen-note{grid-column:1/-1;font-size:12px!important;max-width:850px;margin:0 auto;text-align:center;color:#687b92!important}.screen-demo{--screen-light:.3125;position:relative;overflow:hidden;min-height:470px;border-radius:30px;background:#10172c;color:white;box-shadow:0 30px 80px #224a8626;border:1px solid #ffffff55;isolation:isolate}.screen-demo-bar{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:22px 26px;font-size:13px;color:#fff}.screen-demo-bar button{background:#ffffff18;border:1px solid #ffffff30;border-radius:50%;width:34px;height:34px;color:white;cursor:pointer}.screen-landscape{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 25%,#426ce0,transparent 62%),linear-gradient(135deg,#172954,#59316a 60%,#f0a17c);opacity:calc(.55 + var(--screen-light)*.45);transition:opacity 1.4s}.screen-sun{position:absolute;left:50%;top:14%;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#fffce9,#fbd3b1);box-shadow:0 0 100px #ffedaa66;transform:translateX(-50%) scale(calc(.8 + var(--screen-light)*.3));transition:transform 1.5s}.screen-ridge{position:absolute;inset:30% -10% -20%;border-radius:45% 50% 0 0;transform:rotate(-13deg);background:linear-gradient(160deg,#8496d9,#293763 60%)}.ridge-front{inset:44% -20% -20%;transform:rotate(14deg);background:linear-gradient(135deg,#d6a7c4,#304967 65%)}.screen-orbit{position:absolute;inset:18%;border:1px solid #ffffff19;border-radius:50%;transform:scale(1.4)}.screen-hud{position:relative;z-index:2;width:78%;margin:85px auto 0;display:flex;gap:18px;align-items:center;background:#182139c9;border:1px solid #ffffff55;border-radius:20px;padding:20px 24px;box-shadow:0 16px 35px #0003;color:#fff}.screen-hud>div{flex:1}.screen-hud strong{font-size:30px;font-variant-numeric:tabular-nums}.screen-hud small{color:#ddd}.screen-sun-icon{font-size:38px}.screen-hud>span:last-child{font-size:11px;letter-spacing:.1em}.screen-hud-track{height:5px;background:#ffffff35;border-radius:5px;margin-top:10px;overflow:hidden}.screen-hud-track i{display:block;height:100%;width:calc(20% + var(--screen-light)*80%);background:#fff;border-radius:5px;transition:width 1.4s}.screen-demo-controls{position:relative;z-index:2;padding:40px 32px 28px;text-align:center}.screen-demo-controls label{display:block;font-size:13px;margin-bottom:14px;color:white}.screen-demo-controls input{width:100%;accent-color:#fff;cursor:pointer}.screen-state{font-size:12px;min-height:20px;margin-top:12px;color:#edf3ff}.screen-demo[data-phase="2"] .screen-hud{border-color:#a2d4f9}.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%}.family-card{padding:27px 24px;border:1px solid #dce4f0;border-radius:25px;background:#fff;display:flex;flex-direction:column;color:#1b273a;min-width:0;box-shadow:0 10px 32px #25416b06}.family-complete{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:50px;background:linear-gradient(120deg,#edf4ff,#f7f4ff);border-color:#c8d8f5}.family-card-top{display:flex;align-items:center;gap:14px;margin-bottom:20px}.family-card-top span{font-size:10px;letter-spacing:.12em;font-weight:700;color:#617a9e}.family-card h3{font-size:23px;letter-spacing:-.04em;margin:0 0 12px}.family-card>p{font-size:14px;line-height:1.65;min-height:70px;color:#5a6e89}.family-price{margin:18px 0 24px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.family-price strong{font-size:38px;letter-spacing:-.05em;color:#17283f}.family-price span{font-size:12px;color:#627693}.family-card ul{padding:0;list-style:none;margin:0 0 26px;flex:1}.family-card li{font-size:13px;line-height:1.55;padding:10px 0;border-top:1px solid #edf0f6}.family-card .button{font-size:13px;min-height:45px;text-align:center}.family-card>small{display:block;text-align:center;font-size:11px;color:#71839b;margin-top:13px}.family-complete .family-card-top{grid-column:1}.family-complete h3{font-size:32px;grid-column:1}.family-complete>p{grid-column:1;min-height:0}.family-complete .family-price{grid-column:1;margin:5px 0}.family-complete ul{grid-column:2;grid-row:1/5;align-self:center;margin:0}.family-complete .button{grid-column:2;grid-row:5}.family-complete>small{grid-column:1;text-align:start}.family-billing{font-size:13px;color:#61728a;line-height:1.7;max-width:850px}.get-grid{display:block}.get-copy{margin-bottom:45px}.product-comparison{margin-top:26px}.product-comparison th{min-width:130px}.family-card:focus-within{outline:2px solid #3d86ee;outline-offset:3px}
@media(max-width:1050px){.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-feature{gap:30px}.screen-hud{width:86%;padding:18px}}
@media(max-width:700px){.screen-feature{grid-template-columns:1fr;padding-block:60px}.screen-demo{min-height:420px}.screen-hud{margin-top:65px}.family-grid{grid-template-columns:1fr}.family-complete{display:flex}.family-card>p{min-height:0}.family-complete ul{margin:20px 0}.family-complete>small{text-align:center}.family-card{padding:25px}.screen-note{text-align:start}}
@media(prefers-reduced-motion:reduce){.screen-demo *{transition:none!important}}

.family-trial{font-size:13px;color:#2564ad;font-weight:600}.family-complete .family-trial{grid-column:1}

.family-platform{font-size:12px;color:#52647d;margin:0 0 16px;line-height:1.6}.screen-compatibility,.family-compatibility{background:#edf3fc;border:1px solid #d3e2f6;border-radius:16px;padding:20px;font-size:13px;line-height:1.75;color:#375678;margin:22px 0}.family-compatibility p{margin:8px 0 0;font-size:13px;line-height:1.75}.family-complete{grid-template-areas:"brand features" "title features" "copy features" "platform features" "trial action" "price action" "note action";grid-template-rows:auto;align-items:start}.family-complete .family-card-top{grid-area:brand}.family-complete h3{grid-area:title}.family-complete>p{grid-area:copy}.family-complete .family-platform{grid-area:platform}.family-complete .family-trial{grid-area:trial}.family-complete .family-price{grid-area:price}.family-complete ul{grid-area:features}.family-complete .button{grid-area:action;align-self:center}.family-complete>small{grid-area:note}
/* Navigation occupies its own row and never covers product content while scrolling. */
.header{position:relative;top:auto}

.family-price strong{display:inline-flex;align-items:flex-start;line-height:1}.family-price strong sup{font-size:.5em;letter-spacing:-.02em;line-height:1.1;margin-top:.08em;margin-inline-start:2px}

.product-artwork{display:inline-block;flex-shrink:0;line-height:0}.product-artwork img{display:block}.screen-product-name{display:inline-flex;align-items:center;gap:8px}

/* Two distinct actions retain the complete card's established layout area. */
.family-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin-top:auto}.family-actions .button{padding:12px 9px;gap:6px;min-width:0;white-space:normal;line-height:1.5}.family-inspect{border:1px solid #d4dfef;background:#fff;color:#2469c6}.family-complete .family-actions{grid-area:action;align-self:center;width:100%}.family-complete .family-actions .button{grid-area:auto;grid-column:auto;grid-row:auto}.family-complete .family-actions .family-inspect{background:#ffffff90}@media(max-width:700px){.family-complete .family-actions{grid-area:auto}}