/* Presentation first. Shared account/support styles remain independent. */
.showcase{background:#0b1320;background-image:none}
.showcase .build-notice{text-align:center;padding:9px 20px;font-size:11px;line-height:1.5;color:#a8b9cc;background:#101e2d;border-bottom:1px solid #203348}
.showcase .header{min-height:76px;border-bottom:1px solid #26374a}
.showcase .brand img{height:42px;width:100px}
.showcase .header .button{min-height:38px;padding:8px 16px;border-radius:30px}
.showcase .product-hero{text-align:center;padding-top:76px;padding-bottom:0}
.showcase .product-kicker{font-size:14px;font-weight:650;letter-spacing:.015em;color:#bdcede;margin:0 0 23px;text-transform:none}
.showcase h1{font-size:clamp(64px,8.5vw,112px);line-height:1.01;letter-spacing:-.065em;font-weight:750;margin:0}
.showcase h1 span{color:#4bdcca}
.showcase .product-lead{font-size:clamp(18px,2vw,23px);line-height:1.55;letter-spacing:-.025em;color:#c0cfdf;margin:28px auto 0}
.showcase .product-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:28px;margin-top:30px}
.showcase .product-actions .button{border-radius:30px;padding:12px 25px;min-height:47px}
.showcase .text-link{font-size:15px;color:#63e3d3;font-weight:550}
.showcase .text-link:hover{text-decoration:underline;text-underline-offset:5px}
.showcase .text-link span{display:inline-block;margin-left:7px}
.showcase .product-screen{margin:64px auto 0;max-width:1060px;position:relative}
.showcase .product-screen:before{content:"";position:absolute;inset:10% -10% 0;background:radial-gradient(ellipse,#1c5b7166,transparent 65%);pointer-events:none;z-index:-1}
.showcase .product-screen a{display:block;border:1px solid #47637b;border-radius:16px;overflow:hidden;box-shadow:0 28px 75px #0005;background:#15283e}
.showcase .product-screen img{display:block;width:100%;height:auto}
.showcase .product-screen figcaption{font-size:11px;line-height:1.6;color:#8ea3ba;padding-top:17px}
.showcase .product-chapter{padding-block:140px;text-align:center}
.showcase h2{font-size:clamp(42px,5.5vw,72px);line-height:1.08;letter-spacing:-.055em;font-weight:730;margin:0}
.showcase h2 span{color:#8fa8bf}
.showcase .product-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px;margin:68px auto 44px;text-align:left;max-width:1030px}
.showcase .product-benefits article{border-top:1px solid #3b5269;padding-top:22px;min-width:0}
.showcase .benefit-number{font-size:13px;color:#55d8c8;display:block;margin-bottom:23px}
.showcase .product-benefits h3{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin-bottom:13px}
.showcase .product-benefits p{font-size:16px;line-height:1.65;max-width:285px;color:#aabbcf}
.showcase .ownership-section{background:radial-gradient(ellipse at 80% 100%,#17435b 0%,#112a3c 45%,#0e2031 100%);border-block:1px solid #29445b}
.showcase .ownership-inner{padding-block:120px;text-align:center}
.showcase .ownership-inner h2{font-size:clamp(55px,7.5vw,100px)}
.showcase .ownership-inner h2 span{color:#4bdcca}
.showcase .ownership-inner>p:not(.product-kicker){font-size:clamp(17px,2vw,23px);line-height:1.6;margin:28px auto;color:#c6d5e4}
.showcase .simple-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;padding:0;margin:60px auto 28px;max-width:980px;counter-reset:steps}
.showcase .simple-steps li{counter-increment:steps;min-width:0}
.showcase .simple-steps li:before{content:counter(steps,decimal-leading-zero);display:block;font-size:40px;line-height:1.2;color:#4bdcca;font-weight:650;letter-spacing:-.05em;margin-bottom:20px}
.showcase .simple-steps strong{font-size:20px;line-height:1.35;display:block;margin-bottom:9px;letter-spacing:-.025em}
.showcase .simple-steps span{font-size:14px;color:#aabbcf}
.showcase .access-note{font-size:12px;max-width:560px;margin:38px auto 0;line-height:1.7;color:#95abc0}
.showcase .release-note{display:inline-block;font-size:13px;margin-top:45px;color:#aabbcf;text-underline-offset:4px}
.showcase .release-note:hover{text-decoration:underline;color:#4bdcca}
.showcase .product-footer{padding-block:36px 50px;align-items:flex-start;gap:45px;border-top:1px solid #26374a}
.showcase .product-footer nav{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.showcase .product-footer a{font-size:12px;color:#aabbcf}
.showcase .product-footer a:hover{color:#4bdcca}
@media(max-width:1050px){.showcase .header{position:relative}.showcase .product-hero{padding-top:62px}.showcase .product-benefits{gap:30px}.showcase .product-chapter{padding-block:105px}}
@media(max-width:760px){.showcase .product-hero{padding-top:58px}.showcase h1{font-size:clamp(59px,11vw,82px)}.showcase .product-lead{font-size:18px}.showcase .product-screen{margin-top:45px}.showcase .product-screen a{border-radius:9px}.showcase .product-screen figcaption{font-size:10px;padding-inline:12px}.showcase .product-chapter{padding-block:86px}.showcase .product-benefits{grid-template-columns:1fr;gap:34px;margin:45px auto 34px;max-width:440px}.showcase .product-benefits p{max-width:none}.showcase .benefit-number{margin-bottom:12px}.showcase .product-benefits h3{font-size:26px}.showcase .ownership-inner{padding-block:90px}.showcase .ownership-inner h2{font-size:clamp(53px,10vw,76px)}.showcase .ownership-inner>p:not(.product-kicker){font-size:18px}.showcase .simple-steps{grid-template-columns:1fr;gap:32px;margin-top:45px}.showcase .simple-steps li:before{font-size:32px;margin-bottom:12px}.showcase .product-footer{display:grid;grid-template-columns:1fr 1fr;gap:30px}.showcase .product-footer>div{grid-column:1/-1}.showcase .product-actions{gap:23px}.showcase .text-link{font-size:14px}}
/* Finite sequences, with a static, readable no-JavaScript default. */
.showcase .product-motion-control{display:block;margin:12px auto 0;border:0;border-bottom:1px solid #526a7e;background:none;color:#aabbcf;padding:5px 0;font:inherit;font-size:11px;cursor:pointer}
.showcase .product-motion-control[hidden]{display:none}
.showcase .product-motion-control:focus-visible{outline:3px solid #4bdcca;outline-offset:5px}
.showcase .product-workflow{display:flex;align-items:center;justify-content:center;gap:18px;max-width:560px;margin:55px auto 0}
.showcase .workflow-step{display:flex;flex-direction:column;align-items:center;gap:13px;color:#c0cfdf;font-size:13px;flex:0 0 105px}
.showcase .workflow-step i{display:grid;place-items:center;width:66px;height:66px;border:1px solid #3c6379;border-radius:19px;background:#142a3f;font-size:30px;font-style:normal;color:#61dfd0}
.showcase .workflow-line{height:1px;flex:1;min-width:12px;position:relative;background:#355466;overflow:hidden}
.showcase .workflow-line:after{content:"";position:absolute;inset:0;background:#4bdcca;transform:translateX(-105%)}
.product-motion .showcase .product-hero h1{animation:product-arrive .9s cubic-bezier(.2,.7,.2,1) both}
.product-motion .showcase .product-lead{animation:product-arrive .9s .12s both}
.product-motion .showcase .product-hero>.product-actions{animation:product-arrive .9s .22s both}
.product-motion .showcase .product-screen>a{transform:perspective(1500px) rotateX(var(--screen-tilt,4deg)) scale(var(--screen-scale,.955));transform-origin:center 60%;transition:transform .22s ease-out;position:relative}
.product-motion .showcase .product-screen>a:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #7af0e166;pointer-events:none;animation:screen-light 1.6s ease-out both}
.product-motion .showcase .motion-pending{opacity:0;transform:translateY(28px)}
.product-motion .showcase .motion-seen{animation:product-arrive .85s cubic-bezier(.2,.7,.2,1) both}
.product-motion .showcase .product-workflow.motion-seen .workflow-step:nth-child(1) i{animation:workflow-focus 1.15s .15s both}
.product-motion .showcase .product-workflow.motion-seen .workflow-step:nth-child(3) i{animation:workflow-focus 1.15s 1.15s both}
.product-motion .showcase .product-workflow.motion-seen .workflow-step:nth-child(5) i{animation:workflow-focus 1.15s 2.15s both}
.product-motion .showcase .product-workflow.motion-seen .workflow-line:nth-child(2):after{animation:workflow-travel .8s .75s both}
.product-motion .showcase .product-workflow.motion-seen .workflow-line:nth-child(4):after{animation:workflow-travel .8s 1.75s both}
.product-motion .showcase .button,.product-motion .showcase .text-link span{transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}
@media(hover:hover) and (pointer:fine){.product-motion .showcase .button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2dd4bf24}.product-motion .showcase .text-link:hover span{transform:translateX(4px)}}
.product-motion-paused .showcase *,.product-motion-paused .showcase *:before,.product-motion-paused .showcase *:after{animation:none!important;transition:none!important}
.product-motion-paused .showcase .product-screen>a{transform:none}
@keyframes product-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes screen-light{from{opacity:0;box-shadow:inset 0 0 45px #4bdcca44}45%{opacity:1}to{opacity:0;box-shadow:inset 0 0 0 transparent}}
@keyframes workflow-focus{0%,100%{transform:translateY(0);background:#142a3f;box-shadow:0 0 0 transparent}45%{transform:translateY(-6px);background:#1b4351;box-shadow:0 0 32px #4bdcca26}}
@keyframes workflow-travel{from{transform:translateX(-105%)}to{transform:translateX(105%)}}
@media(max-width:760px){.showcase .product-workflow{gap:9px;margin-top:36px}.showcase .workflow-step{flex-basis:80px;font-size:11px}.showcase .workflow-step i{width:52px;height:52px;border-radius:15px;font-size:25px}.product-motion .showcase .product-screen>a{transform:none;transition:none}.product-motion .showcase .motion-seen,.product-motion .showcase .product-hero h1,.product-motion .showcase .product-lead,.product-motion .showcase .product-hero>.product-actions{animation-duration:.45s}.product-motion .showcase .product-workflow i,.product-motion .showcase .product-workflow .workflow-line:after{animation:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.showcase *,.showcase *:before,.showcase *:after{animation:none!important;transition:none!important}.showcase .motion-pending{opacity:1!important;transform:none!important}.showcase .product-screen>a{transform:none!important}.showcase .product-motion-control{display:none!important}}