.hero .actions{flex-wrap:wrap;gap:18px}.hero .actions>.text-link{order:3;width:100%;margin-top:4px}.hero-visual{height:510px;isolation:isolate}.hero-mac{position:absolute;width:90%;max-width:none;right:-3%;top:65px;z-index:0}.hero-visual .tablet{width:34%;right:auto;left:9%;top:226px;transform:rotate(-3deg);z-index:1;border-radius:18px;padding:5px}.hero-visual .tablet img{border-radius:13px}.hero-visual .phone{width:20%;left:0;top:270px;transform:rotate(-5deg);z-index:2;border-radius:20px;padding:4px}.hero-visual .phone img{border-radius:15px}.hero-visual .orbit{z-index:-1}.hero-visual .visual-note{bottom:0}.mini-entry svg{width:20px;height:20px}.mini-showcase{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center;padding:70px 0 110px}.mini-showcase>div>p:not(.section-label){font-size:14px;color:#657580;margin:24px 0;max-width:540px}.mini-code-card{justify-self:center;text-align:center;padding:32px;border:1px solid var(--zy-v2-glass-border);border-radius:32px;background:var(--zy-v2-glass-fill);box-shadow:var(--zy-v2-glass-shadow-small)}.mini-code-card img{width:210px;height:210px;border-radius:20px}.mini-code-card p{margin:18px 0 4px!important;color:inherit!important}.mini-code-card small{font-size:12px;color:#667581}.mini-modal-code{width:220px;height:220px;margin:20px auto;border-radius:20px}.mini-download-row{margin-top:24px;border-top:1px solid #8995a530;padding-top:20px}.mini-download-row .button{margin-top:12px!important}.enlarged-product{max-height:64vh;max-width:100%;width:auto;object-fit:contain;margin:auto}.device[role=button],.mac-showcase>img[role=button]{cursor:zoom-in}.footer-top{grid-template-columns:1.5fr repeat(4,1fr)}.footer-bottom{gap:20px;flex-wrap:wrap}.dark .mini-showcase>div>p:not(.section-label),.dark .mini-code-card small{color:#a9b6c1}
@media(min-width:1600px){.hero-visual{height:540px}.hero-mac{top:70px}.hero-visual .tablet{top:238px}.hero-visual .phone{top:285px}}
@media(max-width:1100px){.hero-visual{height:450px}.hero-mac{top:80px}.hero-visual .tablet{top:225px}.hero-visual .phone{top:255px}.mini-showcase{gap:40px}}
@media(max-width:800px){.hero-visual{height:365px}.hero-mac{top:35px;width:93%;right:-2%}.hero-visual .tablet{top:140px;width:35%}.hero-visual .phone{top:178px;width:21%}.hero .actions{gap:12px}.hero .button{padding:12px 17px;gap:12px}.mini-showcase{grid-template-columns:1fr;gap:32px;padding:45px 0 70px}.mini-code-card{width:100%}.mini-code-card img{margin:auto}.footer-top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.hero-visual{height:330px}.hero-visual .tablet{top:130px}.hero-visual .phone{top:160px}}