/* V6 changes the entrance; the accepted product scene retains its composition. */
.masthead-v6{padding-top:14px;position:sticky;top:0;background:transparent;border-bottom:0;backdrop-filter:none}.masthead-v6 .nav-wrap{height:70px;width:min(1352px,calc(100% - 64px));padding-inline:23px;gap:26px;border:1px solid #b9c8e21c;border-radius:15px;background:linear-gradient(125deg,#14171de8,#0a0d13ef 55%,#10151fe8);box-shadow:inset 0 1px #ffffff05,0 12px 40px #0004;backdrop-filter:blur(28px) saturate(1.25)}.masthead-v6 .brand{font-size:23px}.masthead-v6 .brand img{width:38px;height:38px}.masthead-v6 nav{margin-left:auto;margin-right:18px;gap:30px;align-items:center}.masthead-v6 nav>a{font-size:12px;color:#9aa7bb}.masthead-v6 .nav-access{padding:9px 0;border:0;box-shadow:none;background:none;color:#acb7ca;font-size:11px;min-height:40px}.masthead-v6 .nav-access:hover{color:#f4f7ff}.nav-demo{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #779eff61;background:linear-gradient(140deg,#3d73f2,#2956ce);box-shadow:inset 0 1px #c9dcff3b,0 3px 12px #143d931f;border-radius:8px;padding:11px 15px;font-size:11px;color:#eaf2ff;min-height:40px;transition:background .2s,box-shadow .2s}.nav-demo>svg{width:12px;height:12px;stroke-width:0;fill:currentColor}.nav-demo:hover{background:linear-gradient(140deg,#5489ff,#3264e6);box-shadow:inset 0 1px #d1e1ff55,0 5px 20px #1b4ca844}.masthead-v6 nav details{position:relative}.masthead-v6 nav summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;font-size:12px;color:#9aa7bb;min-height:40px;transition:color .2s}.masthead-v6 nav summary::-webkit-details-marker{display:none}.masthead-v6 nav summary>svg{width:12px;height:12px;rotate:90deg;transition:rotate .2s}.masthead-v6 nav details[open]>summary{color:#e2ebfc}.masthead-v6 nav details[open]>summary>svg{rotate:-90deg}.mega-menu,.solution-menu{position:absolute;top:54px;left:-110px;width:590px;border:1px solid #91a9cd33;border-radius:14px;background:linear-gradient(145deg,#181f2a,#0c121d);box-shadow:0 25px 90px #000a,inset 0 1px #ffffff09;padding:23px;animation:menu-entry .2s ease-out}.mega-intro{padding-bottom:18px;border-bottom:1px solid #a5bdde18}.mega-intro>span{font-size:12px;color:#c6d5ee}.mega-intro p{font-size:10px;color:#6c85a8;margin-top:7px}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:5px 13px;padding-block:12px}.mega-links>a,.solution-menu>a{display:flex;align-items:center;gap:13px;padding:13px 10px;border-radius:9px;border:1px solid transparent;transition:background .2s,border .2s}.mega-links>a:hover,.solution-menu>a:hover{background:#31537e20;border-color:#789bcb23}.mega-links>a>i,.solution-menu>a>i{width:35px;height:35px;border:1px solid #7498cb29;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#213553,#15253b);color:#83aef0;flex-shrink:0;box-shadow:inset 0 1px #a7c7ff0a}.mega-links>a>i>svg,.solution-menu>a>i>svg{width:18px;height:18px;stroke-width:1.5}.mega-links strong,.solution-menu strong{font-size:11px;font-weight:500;color:#b9cdeb;display:block}.mega-links small,.solution-menu small{display:block;font-size:9px;color:#5e7ba2;margin-top:5px;line-height:1.7}.mega-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a5bdde18;padding-top:17px;font-size:10px;color:#81a9e1}.mega-bottom>svg{width:15px}.solution-menu{width:310px;left:-70px;padding:11px}.solution-menu>a{padding:15px 10px}.nav-login-mobile{display:none!important}
.opening-v6{padding-top:38px;overflow:clip}.opening-v6 .hero-grid{display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:38px;min-height:660px;padding-top:8px;padding-bottom:20px}.opening-v6 .hero-copy{display:block;position:relative;z-index:2;padding-bottom:20px}.opening-v6 .edition{display:inline-flex;align-items:center;gap:8px;color:#85a3d3;font-size:10px;border:1px solid #7495c431;background:linear-gradient(125deg,#20395c38,#14233b1a);border-radius:7px;padding:8px 11px;margin-bottom:27px}.opening-v6 .edition svg{width:14px;height:14px;color:#78a3e9}.opening-v6 h1{font-size:clamp(57px,5.3vw,78px);line-height:1.07;letter-spacing:-.063em;font-weight:520;max-width:610px}.hero-description{font-size:14px;color:#899ab3;line-height:1.95;max-width:400px;margin-top:26px}.opening-v6 .action-row{margin-top:29px;gap:12px}.opening-v6 .action.primary{background:linear-gradient(135deg,#477cfa,#2c5ed8);border-color:#8aafff70;color:#f0f6ff;box-shadow:inset 0 1px #dae8ff32,inset 0 -2px 2px #16377d25,0 7px 28px #1e4aa92b,0 0 0 4px #3b68b608}.opening-v6 .action.primary:before{background:radial-gradient(110px circle at var(--pointer-x) var(--pointer-y),#d1e2ff55,transparent 80%)}.opening-v6 .action.primary>i{background:linear-gradient(135deg,#c0d7ff2e,#abc9ff0a);box-shadow:inset 0 1px #e8f1ff3b,inset 0 -1px #0018382b;border:1px solid #c3d9ff38}.opening-v6 .action.glass{border-color:#b7d1fc26;background:linear-gradient(125deg,#233a5a24,#101b2d29);color:#b4c7e5}.hero-benefits{display:flex;flex-wrap:wrap;gap:13px 19px;max-width:430px;margin-top:27px}.hero-benefits>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#607da4;white-space:nowrap}.hero-benefits svg{width:14px;height:14px;stroke-width:1.5;color:#7398d1}.opening-v6 .hero-stage{position:relative;align-self:center;width:100%;height:580px;padding:0;margin:0;perspective:1500px;isolation:isolate;--stage-x:0;--stage-y:0}.hero-atmosphere{position:absolute;inset:10px -110px 10px -50px;background:radial-gradient(ellipse at 57% 50%,#204e9d32,transparent 62%);filter:blur(25px);z-index:-1;pointer-events:none}.opening-v6 .stage-surface{position:absolute;top:100px;left:-30px;width:calc(100% + 30px);border-color:#7a9bc638;border-radius:11px;transform:rotateY(calc(-10deg + var(--stage-x)*1deg)) rotateX(calc(4deg + var(--stage-y)*-.6deg));box-shadow:-12px 25px 65px #000b,0 0 35px #173c7c14;transform-origin:50% 50%;z-index:0}.opening-v6 .window-bar{height:30px;padding:0 12px;font-size:7px}.opening-v6 .window-bar>span:nth-child(2){left:45%;font-size:7px}.opening-v6 .window-status{font-size:6px}.opening-v6 .window-dots>i{width:4px;height:4px}.opening-v6 .screen-content{aspect-ratio:1.64}.opening-v6 .screen-content>video,.opening-v6 .screen-content>.screen-poster{object-fit:cover;object-position:center top}.opening-v6 .stage-play{width:44px;height:44px;left:40%;top:50%}.opening-v6 .stage-play>svg{width:13px;height:13px}.hero-lens{position:absolute;width:250px;top:39px;right:4%;border:1px solid #769ad35c;border-radius:13px;background:#101b2c;overflow:hidden;box-shadow:0 25px 70px #000c,0 0 0 4px #5a81b508,inset 0 1px #d5e8ff15;transform:rotateY(2deg) rotateZ(3deg) translateX(calc(var(--stage-x)*-4px));z-index:2;transition:transform .5s cubic-bezier(.16,1,.3,1)}.hero-lens-head{height:38px;display:flex;align-items:center;gap:8px;background:linear-gradient(120deg,#253b5d,#172841);border-bottom:1px solid #7a9ccc2a;padding-inline:13px;color:#a3c4f5;font-size:9px}.hero-lens-head>i{display:grid;place-items:center;color:#87b6ff}.hero-lens-head>i>svg{width:15px;height:15px}.lens-demo{font-size:7px;color:#6388bb;margin-left:auto;border:1px solid #7b9ac52a;padding:3px 5px;border-radius:4px}.hero-lens-crop{height:340px;position:relative;overflow:hidden;background:#0d1727}.hero-lens-crop>img{max-width:none;position:absolute;width:1440px;height:900px;top:-90px;left:-1188px;transition:opacity .15s}.hero-lens[data-hero-view="context"] .hero-lens-crop>img{top:-390px;left:-1188px}.hero-lens[data-hero-view="inbox"] .hero-lens-crop>img{top:-90px;left:-14px}.hero-lens.switching .hero-lens-crop>img{opacity:.2}.hero-lens-base{font-size:7px;color:#4e709d;background:#0f1c30;border-top:1px solid #597fab37;padding:12px 13px;line-height:1.7}.hero-view-switch{position:absolute;left:4%;bottom:40px;display:flex;gap:5px;z-index:3;border:1px solid #9bb7df28;border-radius:100px;padding:4px;background:linear-gradient(125deg,#182b45db,#0c1829eb);backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff09,0 7px 25px #0006}.hero-view-switch button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;background:transparent;color:#6183b2;min-height:34px;border-radius:100px;padding:7px 11px;font-size:8px;transition:background .2s,color .2s,border .2s}.hero-view-switch svg{width:13px;height:13px}.hero-view-switch button.selected{color:#bad4fc;background:linear-gradient(140deg,#2e4974,#1a3358);border-color:#8cafe936;box-shadow:inset 0 1px #c3dbff11}.hero-view-switch button:hover{color:#c3dcff}.hero-caption{display:flex;position:absolute;bottom:0;left:4%;right:0;align-items:center;justify-content:space-between;font-size:7px;color:#3e5e89;gap:15px}.opening-v6 .motion-control{position:static;min-height:32px;font-size:7px;color:#5278a7}.opening-v6 .pause-shape{border-color:#5c85b6;width:6px;height:8px}.opening-v6 #light-field{top:10px;height:650px;opacity:.36;mask-image:linear-gradient(90deg,transparent 10%,#000 65%,#000 95%,transparent)}.opening-v6 .opening-fallback{inset:80px 0 0;background:radial-gradient(ellipse at 70% 45%,#132c511a,transparent 65%)}.opening-v6 .opening-bottom{padding-top:22px;padding-bottom:28px;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:30px;border-top:1px solid #8ea6c91b;border-bottom:1px solid #8ea6c914}.opening-v6 .opening-bottom>a{display:flex;align-items:center;gap:14px;font-size:9px;color:#5d7b9f;line-height:1.8;min-height:40px}.opening-v6 .opening-bottom>a>svg{width:21px;height:21px;color:#6189c3;rotate:0deg;stroke-width:1.3;flex-shrink:0}.opening-v6 .opening-bottom strong{font-weight:450;color:#91afda}.opening-v6 .opening-bottom>.hero-scroll{font-size:9px;gap:13px;color:#6c91c3}.opening-v6 .opening-bottom>.hero-scroll>svg{width:15px;height:15px;rotate:90deg}
/* Add meaning through icons without changing the accepted detail composition. */
.marker-with-icon{display:flex;align-items:center;gap:9px;color:#7392bd}.marker-with-icon>svg{width:16px;height:16px;color:#6f9bdc}.scene-icon{width:30px;height:30px;flex-shrink:0;border:1px solid #7295c225;border-radius:8px;display:grid;place-items:center;background:#14233b3d;color:#597ba8;transition:background .3s,border .3s,color .3s;box-shadow:inset 0 1px #ffffff04}.scene-icon>svg{width:16px;height:16px;stroke-width:1.5}.scene-nav button.selected .scene-icon{background:linear-gradient(135deg,#2d507b77,#142b4a8c);border-color:#7eabed53;color:#a5c9ff;box-shadow:inset 0 1px #a9d0ff12,0 3px 14px #1c4b8e14}.scene-nav button>span:nth-child(2){min-width:0}.scene-nav strong{padding-top:4px}.detail-top .detail-icon{display:grid;place-items:center;color:#84aff3}.detail-icon>svg{width:13px;height:13px}.scene-caption{max-width:calc(100% - 190px)}.scene-tools{position:absolute;bottom:0;right:0;display:flex;gap:5px;align-items:center}.scene-tools button{display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#20385a48,#101e344f);border:1px solid #7d9ecb2e;border-radius:7px;color:#7ea3d6;width:33px;min-height:34px;padding:7px;box-shadow:inset 0 1px #b1d5ff07;transition:background .2s,border .2s}.scene-tools button>svg{width:14px;height:14px}.scene-tools button:hover{border-color:#9fc4fc70;background:#2a486969}.scene-tools .previous-arrow{rotate:180deg}.scene-tools .expand-detail{width:auto;font-size:8px;padding-inline:10px}.image-dialog-heading{height:48px;display:flex;justify-content:space-between;align-items:center;padding-inline:18px;font-size:10px;color:#8ba5c9;border-bottom:1px solid #819ec124}.image-dialog-heading button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #a7c5ed27;border-radius:8px;background:#253b5959;color:#9cb8e1}.image-dialog-heading button>svg{width:17px;height:17px;rotate:45deg}#detail-dialog{width:min(1400px,calc(100% - 44px));max-width:none}#detail-dialog>img{width:100%;height:auto;max-height:76svh;object-fit:contain;background:#101216}#detail-dialog>p{font-size:8px;color:#4e709d;padding:13px 18px}.detail-panel{border-color:#7ea7e44a}.detail-top{color:#a6c5ee}
@keyframes menu-entry{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(max-width:1150px){.masthead-v6 .nav-wrap{width:calc(100% - 44px);gap:21px;padding-inline:18px}.masthead-v6 nav{gap:24px;margin-right:8px}.masthead-v6 .brand{font-size:21px}.masthead-v6 .brand img{width:34px;height:34px}.masthead-v6 nav summary,.masthead-v6 nav>a{font-size:11px}.masthead-v6 .nav-access{font-size:10px}.nav-demo{font-size:10px;min-height:38px;padding-inline:13px}.opening-v6 .hero-grid{gap:28px;grid-template-columns:.96fr 1.04fr;min-height:610px}.opening-v6 h1{font-size:62px}.hero-description{font-size:13px;max-width:355px}.hero-benefits{font-size:8px;gap:12px 15px}.hero-benefits>span{font-size:8px}.opening-v6 .hero-stage{height:530px}.opening-v6 .stage-surface{top:110px;left:-15px;width:calc(100% + 15px)}.hero-lens{right:0;width:235px;top:30px}.hero-lens-crop{height:305px}.hero-lens-crop>img{width:1360px;height:850px;left:-1122px;top:-85px}.hero-lens[data-hero-view="context"] .hero-lens-crop>img{left:-1122px;top:-366px}.hero-lens[data-hero-view="inbox"] .hero-lens-crop>img{left:-13px;top:-85px}.hero-view-switch{left:0;bottom:40px}.hero-view-switch button{font-size:7px;gap:5px;padding-inline:10px;min-height:33px}.hero-view-switch svg{width:12px;height:12px}.hero-caption{left:0;font-size:6px}.opening-v6 .motion-control{font-size:6px}.opening-v6 .opening-bottom{gap:23px}.opening-v6 .opening-bottom>a{font-size:8px;gap:12px}.opening-v6 .opening-bottom>a>svg{width:19px;height:19px}.opening-v6 .opening-bottom>.hero-scroll{font-size:8px}.hero-lens-head{font-size:8px}.hero-lens-base{font-size:6px}.scene-tools{gap:4px}.scene-caption{max-width:calc(100% - 165px)}}
@media(max-width:900px) and (min-width:801px){.masthead-v6 .nav-wrap{gap:17px}.masthead-v6 nav{gap:18px;margin-right:0}.masthead-v6 .nav-access{font-size:9px}.opening-v6 h1{font-size:55px}.opening-v6 .hero-grid{gap:22px;min-height:590px}.hero-description{font-size:12px}.hero-benefits{gap:10px}.hero-benefits>span{font-size:7px}.hero-lens{width:220px;right:-4px}.hero-lens-crop>img{width:1280px;height:800px;left:-1056px;top:-80px}.hero-lens[data-hero-view="context"] .hero-lens-crop>img{left:-1056px;top:-344px}.hero-lens[data-hero-view="inbox"] .hero-lens-crop>img{left:-12px;top:-80px}.hero-lens-crop{height:290px}.hero-view-switch button{font-size:7px;padding-inline:9px;gap:5px}.hero-view-switch button svg{display:none}.hero-caption{display:block}.opening-v6 .motion-control{min-height:25px}.opening-v6 .opening-bottom{gap:18px}.opening-v6 .opening-bottom>.hero-scroll{max-width:110px;line-height:1.8}}
@media(max-width:800px){.masthead-v6{padding-top:10px}.masthead-v6 .nav-wrap{width:calc(100% - 26px);height:62px;padding-inline:15px;gap:14px;border-radius:13px}.masthead-v6 .brand{font-size:21px}.masthead-v6 .brand img{width:34px;height:34px}.masthead-v6 .nav-access{display:none}.masthead-v6 .nav-demo{margin-left:auto;font-size:10px;padding:9px 12px;min-height:38px;border-radius:7px;gap:7px}.masthead-v6 .nav-demo>svg{width:10px;height:10px}.masthead-v6 .menu-toggle{width:36px;height:36px;border-radius:9px;border-color:#8ca5cb2b;background:#1c2e4745}.masthead-v6 nav{position:absolute;left:13px;right:13px;top:79px;padding:11px;gap:0;max-height:calc(100svh - 100px);overflow:auto;margin:0;border-radius:12px;background:#101a29f7}.masthead-v6 nav details{width:100%;position:static}.masthead-v6 nav summary{min-height:44px;padding:11px 13px;font-size:12px;justify-content:space-between}.masthead-v6 nav>a{font-size:12px;padding:13px;min-height:44px}.masthead-v6 .mega-menu,.masthead-v6 .solution-menu{position:static;top:auto;left:auto;width:100%;border:0;border-radius:8px;background:#0a1321;box-shadow:inset 0 1px #7b9cca14;padding:16px;margin-block:0 7px}.mega-intro{padding-bottom:13px}.mega-intro>span{font-size:10px}.mega-intro p{font-size:9px;line-height:1.8;margin-top:6px}.mega-links{grid-template-columns:1fr;gap:2px;padding-block:8px}.mega-links>a,.solution-menu>a{padding:11px 7px;gap:12px}.mega-links>a>i,.solution-menu>a>i{width:32px;height:32px;border-radius:8px}.mega-links>a>i>svg,.solution-menu>a>i>svg{width:16px;height:16px}.mega-links strong,.solution-menu strong{font-size:10px}.mega-links small,.solution-menu small{font-size:8px;margin-top:4px}.mega-bottom{font-size:9px;padding-top:14px}.nav-login-mobile{display:block!important;border-top:1px solid #7b9cca24;margin-top:5px;color:#a0c0ed!important}.opening-v6{padding-top:45px}.opening-v6 .hero-grid{display:flex;flex-direction:column;gap:25px;min-height:0;padding-top:0;padding-bottom:18px;align-items:stretch}.opening-v6 .hero-copy{padding:0;display:block}.opening-v6 .edition{font-size:9px;padding:7px 10px;margin-bottom:23px;gap:8px}.opening-v6 .edition>svg{width:13px;height:13px}.opening-v6 h1{font-size:64px;max-width:600px;line-height:1.08}.hero-description{font-size:13px;max-width:450px;line-height:1.85;margin-top:22px}.opening-v6 .action-row{margin-top:25px;gap:12px}.opening-v6 .action.primary,.opening-v6 .action.glass{min-width:163px;height:48px;font-size:10px}.hero-benefits{margin-top:24px;gap:12px 18px;max-width:none}.hero-benefits>span{font-size:9px;gap:7px}.hero-benefits svg{width:14px;height:14px}.opening-v6 .hero-stage{height:560px;max-width:660px;align-self:center;margin:0;width:100%}.opening-v6 .stage-surface{top:100px;left:0;width:100%;transform:rotateY(-7deg) rotateX(3deg)}.opening-v6 .window-bar{height:28px;padding-inline:11px}.opening-v6 .window-bar>span:nth-child(2){font-size:6px;right:12px;left:auto;transform:none}.opening-v6 .window-status{display:none}.opening-v6 .screen-content{aspect-ratio:1.64}.hero-lens{width:250px;top:30px;right:6%;transform:rotateZ(3deg)}.hero-lens-crop{height:320px}.hero-lens-crop>img{width:1440px;height:900px;left:-1188px;top:-90px}.hero-lens[data-hero-view="context"] .hero-lens-crop>img{left:-1188px;top:-390px}.hero-lens[data-hero-view="inbox"] .hero-lens-crop>img{left:-14px;top:-90px}.hero-lens-head{font-size:9px}.hero-lens-base{font-size:7px}.hero-view-switch{left:50%;translate:-50% 0;bottom:43px;white-space:nowrap}.hero-view-switch button{font-size:9px;min-height:36px;padding:8px 13px;gap:7px}.hero-view-switch svg{width:14px;height:14px}.hero-caption{left:0;right:0;font-size:7px;display:flex;gap:20px;justify-content:space-between}.opening-v6 .motion-control{font-size:7px;min-height:30px}.opening-v6 .opening-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:19px;width:calc(100% - 42px);padding-block:23px}.opening-v6 .opening-bottom>a{font-size:9px;align-items:flex-start;gap:10px;line-height:1.8}.opening-v6 .opening-bottom>a>svg{width:18px;height:18px;margin-top:3px}.opening-v6 .opening-bottom>.hero-scroll{grid-column:1/-1;justify-content:center;font-size:9px;min-height:34px;border-top:1px solid #6c87ad1c;padding-top:15px;margin-top:0}.opening-v6 .opening-bottom>.hero-scroll>svg{margin:0;width:14px;height:14px}.opening-v6 #light-field{top:150px;height:780px;opacity:.27}.scene-icon{width:28px;height:28px;border-radius:8px}.scene-icon>svg{width:15px;height:15px}.scene-nav button{gap:8px;min-width:0}.scene-nav strong{font-size:9px;padding-top:2px;line-height:1.65}.marker-with-icon{font-size:10px;gap:8px}.marker-with-icon>svg{width:15px;height:15px}.scene-caption{max-width:calc(100% - 163px);font-size:8px;line-height:1.7}.scene-caption small{font-size:7px;line-height:1.8}.scene-tools{bottom:0;gap:4px}.scene-tools button{width:31px;min-height:34px;border-radius:7px}.scene-tools button>svg{width:13px;height:13px}.scene-tools .expand-detail{font-size:8px;padding-inline:9px;gap:6px}.image-dialog-heading{height:48px;padding-inline:14px;font-size:9px}.image-dialog-heading button{width:36px;height:36px}#detail-dialog{width:calc(100% - 20px);border-radius:9px}.image-dialog-heading button>svg{width:16px;height:16px}#detail-dialog>img{max-height:75svh}#detail-dialog>p{font-size:7px;padding:12px 14px}}
@media(max-width:500px){.opening-v6{padding-top:38px}.opening-v6 h1{font-size:56px}.hero-description{font-size:12px;max-width:360px}.hero-benefits{gap:11px 15px;margin-top:22px}.hero-benefits>span{font-size:8px}.hero-benefits svg{width:13px;height:13px}.opening-v6 .hero-stage{height:520px;margin-top:0}.hero-lens{right:3%;top:20px;width:240px}.hero-lens-crop{height:300px}.hero-lens-crop>img{width:1390px;height:869px;left:-1147px;top:-87px}.hero-lens[data-hero-view="context"] .hero-lens-crop>img{left:-1147px;top:-376px}.hero-lens[data-hero-view="inbox"] .hero-lens-crop>img{left:-13px;top:-87px}.hero-lens-head{font-size:8px;height:36px;padding-inline:12px}.hero-lens-base{font-size:6px;padding:11px 12px}.hero-lens-head>i>svg{width:14px;height:14px}.opening-v6 .stage-surface{top:90px;left:-15px;width:calc(100% + 30px)}.opening-v6 .screen-content{aspect-ratio:1.45}.hero-view-switch{bottom:44px;gap:2px}.hero-view-switch button{font-size:8px;padding:8px 11px;gap:6px}.hero-view-switch svg{width:13px;height:13px}.hero-caption{font-size:6px;gap:10px}.opening-v6 .motion-control{font-size:6px;gap:6px}.opening-v6 .opening-bottom{grid-template-columns:1fr;gap:0;padding-top:7px;padding-bottom:14px}.opening-v6 .opening-bottom>a{padding-block:13px;align-items:center;border-bottom:1px solid #6685b31a;font-size:10px;min-height:56px;gap:16px}.opening-v6 .opening-bottom>a>span>br{display:none}.opening-v6 .opening-bottom>a>span>strong{margin-left:4px;font-size:10px}.opening-v6 .opening-bottom>a>svg{width:20px;height:20px;margin:0}.opening-v6 .opening-bottom>.hero-scroll{grid-column:1;min-height:43px;border:0;padding-top:16px;padding-bottom:4px;font-size:9px}.hero-atmosphere{inset:0 -20px}.scene-icon{width:26px;height:26px;flex-shrink:0}.scene-icon>svg{width:14px;height:14px}.scene-nav button{gap:7px}.scene-nav strong{font-size:9px}.scene-nav button>span:nth-child(2){flex:1}.scene-caption{max-width:calc(100% - 154px)}.scene-tools .expand-detail{padding-inline:8px;font-size:7px}.scene-tools button{width:29px}.scene-tools button>svg{width:12px;height:12px}}
@media(max-width:360px){.masthead-v6 .nav-wrap{width:calc(100% - 20px);padding-inline:12px;gap:11px}.masthead-v6 .brand{font-size:19px}.masthead-v6 .brand img{width:31px;height:31px}.masthead-v6 .nav-demo{font-size:9px;padding-inline:10px;gap:6px}.masthead-v6 .menu-toggle{width:33px;height:35px}.opening-v6 h1{font-size:48px}.opening-v6 .edition{font-size:8px}.opening-v6 .action.primary,.opening-v6 .action.glass{min-width:140px;font-size:9px;height:46px}.opening-v6 .action-row{gap:8px}.hero-benefits{gap:10px 12px}.hero-benefits>span{font-size:7px}.opening-v6 .hero-stage{height:500px}.hero-lens{right:0;width:226px;top:20px}.hero-lens-crop{height:285px}.hero-lens-crop>img{width:1310px;height:819px;left:-1082px;top:-82px}.hero-lens[data-hero-view="context"] .hero-lens-crop>img{left:-1082px;top:-352px}.hero-lens[data-hero-view="inbox"] .hero-lens-crop>img{left:-12px;top:-82px}.hero-view-switch button{font-size:7px;padding-inline:9px;gap:5px}.hero-view-switch button>svg{width:12px;height:12px}.hero-caption{display:block;text-align:center}.opening-v6 .motion-control{margin-inline:auto;font-size:6px}.hero-view-switch{bottom:53px}.opening-v6 .opening-bottom{width:calc(100% - 32px)}.opening-v6 .opening-bottom>a>span>strong{font-size:9px}.opening-v6 .opening-bottom>a{font-size:9px}.scene-icon{width:24px;height:24px;border-radius:7px}.scene-icon>svg{width:13px;height:13px}.scene-nav{gap:8px}.scene-nav strong{font-size:8px}.scene-nav button{gap:6px}.scene-caption{max-width:calc(100% - 145px)}.scene-tools .expand-detail>span{font-size:7px}.scene-tools .expand-detail{padding-inline:7px;gap:5px}.scene-tools button{width:27px;min-height:33px}}
@media(prefers-reduced-motion:reduce){.opening-v6 .stage-surface,.hero-lens{transform:none!important}.opening-v6 .motion-control{display:none}.hero-lens-crop img{transition:none!important}}
.scene-tools button:disabled{opacity:.28;cursor:default}.image-tools{display:flex;gap:7px;align-items:center}.image-dialog-heading .image-zoom{width:auto;gap:6px;padding-inline:10px;font-size:9px;display:flex;align-items:center}.image-zoom>svg{width:12px;height:12px;rotate:0deg!important}.image-dialog-heading{position:sticky;top:0;z-index:2;background:#101a2bed;backdrop-filter:blur(18px)}#detail-dialog.image-zoomed>img{width:1600px;max-width:none;height:1000px;max-height:none;object-fit:contain}#detail-dialog.image-zoomed{overflow:auto}.hero-caption .motion-control[aria-pressed="false"] .pause-shape{border-left-color:#6a9bdf}@media(max-width:800px){.image-dialog-heading .image-zoom{font-size:8px;padding-inline:8px;gap:5px}}
.hero-lens-crop{height:410px}.hero-caption{bottom:-14px}@media(max-width:1150px){.hero-lens-crop{height:355px}.hero-caption{bottom:-8px}}@media(max-width:900px) and (min-width:801px){.hero-lens-crop{height:320px}}@media(max-width:800px){.hero-lens-crop{height:360px}.hero-caption{bottom:0}}@media(max-width:500px){.hero-lens-crop{height:320px}.hero-view-switch{bottom:35px}}@media(max-width:360px){.hero-lens-crop{height:300px}.hero-view-switch{bottom:53px}}