/* Shared product presentation, with each site's approved palette and typeface. */
.zix-wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.zix-space{padding-block:100px}
.zix-kicker{font-size:11px!important;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--product-accent);margin:0 0 18px!important}
.zix-section-heading h2{font-size:clamp(34px,4.3vw,58px);font-weight:650;line-height:1.09;letter-spacing:-.05em;margin:0;color:var(--product-ink)}
.zix-section-heading>p:not(.zix-kicker){max-width:560px;margin:22px 0 0;line-height:1.75;font-size:17px;color:var(--product-ink)}
.zix-product-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding-block:70px 50px;min-height:740px}
.zix-hero-copy h1{font-size:clamp(48px,5.5vw,78px);line-height:1.03;letter-spacing:-.055em;margin:18px 0 26px;color:var(--product-ink);font-weight:650}
.zix-hero-copy h1 em,.zix-hero-copy h1 span{color:var(--product-accent);font-style:normal}
.zix-hero-copy>.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--product-accent)}
.zix-hero-copy>.lead,.zix-hero-copy>.lede{font-size:19px;line-height:1.75;max-width:470px;margin:0 0 24px;color:var(--product-ink)}
.zix-hero-copy>.hero-detail{font-size:15px;line-height:1.75;max-width:440px;margin:0 0 24px;color:var(--product-ink)}
.zix-hero-copy .actions,.zix-hero-copy .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:24px 0}
.zix-hero-copy .button{min-height:52px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:24px}
.zix-hero-copy .availability,.zix-hero-copy .availability-label,.zix-hero-copy .hero-note,.zix-hero-copy .quiet{font-size:12px;line-height:1.7;margin:16px 0;color:var(--product-ink)}
.zix-tour-link{display:inline-flex;align-items:center;gap:12px;color:var(--product-ink);font-size:14px;font-weight:600;text-decoration:none;min-height:44px;border-bottom:1px solid var(--product-accent);margin-top:12px}
.zix-tour-link>span{font-size:23px;color:var(--product-accent)}
.zix-hero-copy .wave{display:none}
.zix-hero-art{position:relative;height:630px;margin:0;isolation:isolate;min-width:0}
.zix-hero-disc{position:absolute;inset:80px 40px 30px;border-radius:50% 50% 45% 45%;background:var(--product-soft);transform:rotate(-12deg);z-index:-1}
.zix-hero-disc:after{content:"";position:absolute;inset:26px;border:1px solid color-mix(in srgb,var(--product-accent) 25%,transparent);border-radius:50%}
.zix-art-eyebrow{position:absolute;top:24px;left:20px;max-width:90%;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--product-accent)}
.zix-hero-phone{position:absolute;width:40%;max-width:220px;padding:5px;background:#202526;border:1px solid #555;border-radius:26px;overflow:hidden;box-shadow:0 22px 42px #16292126}
.zix-hero-phone img{display:block;width:100%;height:auto;border-radius:20px}
.zix-phone-back{left:6%;top:65px;transform:rotate(-8deg)}
.zix-phone-front{right:3%;top:110px;transform:rotate(7deg)}
.zix-hero-note{position:absolute;left:0;bottom:66px;display:flex;align-items:center;gap:14px;padding:18px 22px;background:var(--product-paper);box-shadow:0 12px 36px #16292115;transform:rotate(-4deg);max-width:270px;border:1px solid color-mix(in srgb,var(--product-accent) 20%,transparent)}
.zix-hero-note>span{font-size:36px;line-height:1;color:var(--product-accent)}
.zix-hero-note p{font-size:13px;line-height:1.5;font-weight:600;margin:0;color:var(--product-ink)}
.zix-hero-art>figcaption{position:absolute;bottom:0;left:0;right:0;margin:0;text-align:center;font-size:10px;line-height:1.6;letter-spacing:.025em;color:var(--product-ink)}
.zix-product-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-block:1px solid color-mix(in srgb,var(--product-ink) 18%,transparent);padding-block:24px}
.zix-product-principles>span{display:flex;gap:15px;font-size:12px;font-weight:600;align-items:center;color:var(--product-ink)}
.zix-product-principles b{font-size:10px;letter-spacing:.08em;color:var(--product-accent)}
.zix-tour-layout{display:grid;grid-template-columns:1fr;gap:42px;margin-top:48px}
.zix-tour-steps{display:grid;gap:0;align-content:center}
.zix-tour-step{display:grid;grid-template-columns:28px 1fr 18px;align-items:start;gap:14px;padding:25px 18px;border-top:1px solid color-mix(in srgb,var(--product-ink) 18%,transparent);color:var(--product-ink);text-decoration:none;transition:background .18s}
.zix-tour-step:hover{background:color-mix(in srgb,var(--product-soft) 55%,transparent)}
.zix-tour-step[aria-current]{background:var(--product-soft);border-top-color:transparent;border-radius:12px}
.zix-step-number{font-size:11px;color:var(--product-accent);font-weight:700;padding-top:4px}
.zix-tour-step strong{display:block;font-size:18px;line-height:1.4;font-weight:650;letter-spacing:-.025em}
.zix-tour-step strong+span{display:block;max-width:390px;font-size:14px;line-height:1.7;margin-top:8px;color:var(--product-ink)}
.zix-step-arrow{font-size:18px;color:var(--product-accent)}
.zix-evidence{font-size:11px;line-height:1.7;margin:24px 18px 0;color:var(--product-ink)}
.zix-tour-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;min-width:0}
.zix-tour-panel{margin:0;padding:22px;background:var(--product-soft);border-radius:18px;min-width:0;scroll-margin-top:120px}
.zix-screen-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;color:var(--product-ink);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.zix-screen-heading span:last-child{white-space:nowrap}
.zix-screen-link{display:block;width:fit-content;max-width:100%;margin:auto;padding:5px;border-radius:24px;background:#202526;border:1px solid #555;box-shadow:0 20px 36px #16292124}
.zix-screen-link img{display:block;width:auto;height:380px;max-width:100%;object-fit:contain;border-radius:18px}
.zix-tour-panel figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:500;line-height:1.6;color:var(--product-ink);margin-top:26px}
.zix-enlarge-hint{white-space:nowrap}
.zix-tour-ready{grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.zix-tour-ready .zix-tour-panels{display:block}
.zix-tour-ready .zix-tour-panel{padding:28px 28px 24px}
.zix-tour-ready .zix-screen-link img{height:460px}
.zix-tour-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:var(--product-ink)}
.zix-tour-controls button{display:grid;place-content:center;min-width:46px;min-height:46px;padding:8px;border:1px solid color-mix(in srgb,var(--product-ink) 30%,transparent);background:transparent;border-radius:50%;font:inherit;font-size:20px;color:var(--product-ink);cursor:pointer}
.zix-tour-controls button:hover{background:var(--product-soft)}
.zix-tour-status{font-size:12px;text-align:center}
.zix-screen-dialog{position:fixed;inset:0;margin:auto;width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px 24px 24px;border:0;border-radius:16px;background:var(--product-paper);color:var(--product-ink);box-shadow:0 30px 100px #0005}
.zix-screen-dialog::backdrop{background:#152623dc;backdrop-filter:blur(4px)}
.zix-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.zix-dialog-heading h2{font-size:18px!important;line-height:1.4;margin:0!important;letter-spacing:-.02em}
.zix-dialog-heading button{padding:12px 14px;border:1px solid color-mix(in srgb,var(--product-ink) 35%,transparent);border-radius:8px;background:transparent;color:var(--product-ink);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.zix-screen-dialog>img{display:block;width:auto;max-width:100%;height:70dvh;object-fit:contain;margin:0 auto;border-radius:12px}
.zix-screen-dialog>p,.zix-screen-dialog>a{display:block;font-size:12px;line-height:1.7;margin:18px 0 0;color:var(--product-ink)}
.zix-product-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}
.zix-faq-list details{border:0;border-bottom:1px solid color-mix(in srgb,var(--product-ink) 22%,transparent);padding:0;margin:0;background:transparent;border-radius:0}
.zix-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:23px 0;font-size:16px;font-weight:600;line-height:1.5;cursor:pointer;color:var(--product-ink)}
.zix-faq-list summary::-webkit-details-marker{display:none}
.zix-faq-list summary:after{content:"+";font-size:24px;font-weight:400;color:var(--product-accent)}
.zix-faq-list details[open]>summary:after{content:"−"}
.zix-faq-list details p{font-size:14px;line-height:1.8;margin:0 0 22px;padding:0;color:var(--product-ink)}
.zix-product-availability{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-top:1px solid color-mix(in srgb,var(--product-ink) 18%,transparent)}
.zix-release-card{background:var(--product-soft);border-radius:20px;padding:42px;color:var(--product-ink)}
.zix-release-label{display:inline-block;padding:6px 10px;border:1px solid color-mix(in srgb,var(--product-ink) 28%,transparent);border-radius:100px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700}
.zix-release-card h3{font-size:28px;letter-spacing:-.04em;line-height:1.2;margin:28px 0 16px;color:var(--product-ink)}
.zix-release-card p{font-size:15px;line-height:1.8;color:var(--product-ink);margin:0 0 24px}
.zix-product-button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;border-radius:8px;padding:14px 20px;background:var(--product-ink);color:var(--product-paper);font-size:14px;text-decoration:none;font-weight:600}
.zix-release-card .zix-release-note{font-size:11px;line-height:1.8;margin:20px 0 0}
:is(.zix-product-hero,.zix-product-tour,.zix-product-faq,.zix-product-availability) :is(a,button,summary):focus-visible{outline:3px solid var(--product-accent);outline-offset:5px}
.zix-product-tour [hidden]{display:none!important}
@media(min-width:1400px){.zix-hero-phone{width:42%}.zix-hero-art{height:660px}}
@media(max-width:1000px){.zix-wrap{width:calc(100% - 48px)}.zix-product-hero{gap:20px;min-height:660px}.zix-hero-art{height:600px}.zix-phone-back{top:80px}.zix-phone-front{top:130px}.zix-hero-note{bottom:54px;padding:14px;max-width:230px}.zix-tour-ready{gap:32px}.zix-tour-ready .zix-screen-link img{height:400px}.zix-product-faq,.zix-product-availability{gap:40px}}
@media(max-width:760px){.zix-wrap{width:calc(100% - 40px)}.zix-space{padding-block:68px}.zix-product-hero{grid-template-columns:1fr;gap:20px;padding-top:48px;padding-bottom:42px;min-height:0}.zix-hero-copy{max-width:580px}.zix-hero-copy h1{font-size:clamp(46px,9vw,68px)}.zix-hero-copy>.lead,.zix-hero-copy>.lede{font-size:17px}.zix-hero-art{width:100%;max-width:500px;justify-self:center;height:600px}.zix-art-eyebrow{top:20px}.zix-phone-back{top:56px}.zix-phone-front{top:108px}.zix-hero-note{bottom:58px}.zix-product-principles{gap:12px;padding-block:18px}.zix-product-principles>span{font-size:10px;display:block;line-height:1.6}.zix-product-principles b{display:block;margin-bottom:6px}.zix-tour-ready,.zix-product-faq,.zix-product-availability{grid-template-columns:1fr;gap:34px}.zix-tour-layout{margin-top:30px}.zix-tour-step{padding:20px 12px}.zix-tour-step strong{font-size:16px}.zix-tour-step strong+span{font-size:13px}.zix-tour-ready .zix-screen-link img{height:440px;max-height:65svh}.zix-tour-ready .zix-tour-panel{padding:22px}.zix-release-card{padding:30px}.zix-section-heading h2{font-size:40px}.zix-product-faq .zix-section-heading h2 br{display:none}}
@media(max-width:420px){.zix-hero-art{height:480px}.zix-phone-back{top:50px}.zix-phone-front{top:90px}.zix-hero-note{bottom:50px;max-width:210px}.zix-hero-phone{padding:4px;border-radius:21px}.zix-hero-phone img{border-radius:16px}.zix-art-eyebrow{font-size:8px}.zix-hero-art>figcaption{font-size:9px}.zix-tour-panel figcaption{display:block}.zix-enlarge-hint{display:block;margin-top:8px}.zix-screen-dialog{padding:16px}.zix-section-heading h2{font-size:36px}.zix-wrap{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.zix-product-tour *{scroll-behavior:auto!important;transition:none!important}}
