/* ZePo detail page: the studio's silver, blue and glass, with a quiet reading pace. */
.product-page .section{max-width:1120px;padding-block:90px}
.product-page .product-hero{height:auto;min-height:710px;max-height:none;display:grid;align-items:center;padding:150px 32px 90px}
.product-page .product-hero-layout{display:grid;grid-template-columns:1fr 1.1fr;direction:ltr;align-items:center;gap:80px;width:min(1060px,100%);margin:auto}
.product-page .optical-field{inset:20px 30% 0 -15%;opacity:.29;filter:saturate(1.14);mask-image:radial-gradient(ellipse at 45% 46%,#000 12%,transparent 68%);-webkit-mask-image:radial-gradient(ellipse at 45% 46%,#000 12%,transparent 68%)}
.product-page .product-icon-stage{display:grid;place-items:center;gap:20px;padding:40px 0}
.product-icon-name{font-size:36px;line-height:1.2;font-weight:650;letter-spacing:-.035em;color:#2458a3}
.product-page .product-icon{width:290px;height:290px;object-fit:contain;filter:drop-shadow(0 28px 28px #183b6d24);border-radius:25%}
.product-page .hero-content{direction:rtl;padding:0;max-width:none;text-align:right;margin:0;opacity:1;transform:none}
.product-page .hero-content::before{display:none}
.product-page .hero-content>*{animation:none;filter:none}
.product-page .hero h1{font-size:clamp(50px,5.3vw,72px);font-weight:650;line-height:1.12;letter-spacing:-.04em;color:#14171b;text-shadow:none}
.product-page .hero-content .product-lead{font-size:20px;line-height:1.7;max-width:39ch;margin:24px 0 0;color:var(--muted)}
.product-page .hero-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:24px;margin-top:30px}
.product-page .motion-controls{left:32px;bottom:25px;transform:none}
.product-page .motion-controls button{width:36px;height:36px}
.product-page #introReplay{display:none}
.product-heading{max-width:640px}
.product-heading h2,.product-page .section-heading h2{font-size:clamp(32px,3.4vw,46px);font-weight:600;line-height:1.22;letter-spacing:-.035em}
.product-heading>p{font-size:18px;line-height:1.8;color:var(--muted);margin-top:22px;max-width:55ch}
.product-heading>.text-link{margin-top:25px}
.product-page .product-workflow{border-top:1px solid #c2cbd650;padding-block:64px}
.workflow-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.workflow-heading h2{font-size:clamp(30px,3.1vw,40px);line-height:1.25;font-weight:600;letter-spacing:-.035em}
.workflow-pause{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid #fff;border-radius:12px;background:#ffffff85;color:#345b87}
.workflow-pause .icon{width:18px;height:18px}
/* The process uses the same silver rim and floating glass as the Revit windows. */
.product-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:8px;margin:30px 0 0;border:1px solid #fff;border-radius:22px;background:#e9eef6;box-shadow:inset 0 0 0 4px #fff9,inset 0 0 0 6px #9dabc01a,0 20px 45px -23px #263a5a52;overflow:hidden}
.product-steps li{position:relative;padding:26px 24px 28px;min-width:0;isolation:isolate;background:#f2f5f880}
.product-steps li:first-child{border-radius:15px 15px 0 0}
.product-steps li+li{border-inline-start:1px solid #b8c6d845}
.product-steps li::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(150deg,#d7e6fac4,#f8fbff44);opacity:0;transition:opacity 450ms ease}
.product-steps li.is-current::before{opacity:1}
.product-steps li::after{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:#3276cf;transform:scaleX(0);transform-origin:right;transition:transform 450ms cubic-bezier(.16,1,.3,1)}
.product-steps li.is-current::after{transform:scaleX(1)}
.step-title{display:flex;align-items:center;gap:18px}
.step-number{font-size:46px;line-height:1;font-weight:550;letter-spacing:-.035em;color:#42658e;font-variant-numeric:tabular-nums;transition:color 350ms ease}
.is-current .step-number{color:#2464dc}
.product-steps h3{font-size:25px;font-weight:550;margin:0}
.product-steps p{font-size:16px;line-height:1.7;color:var(--muted);margin-top:14px}
.workflow-example{display:flex;align-items:center;gap:18px;min-height:126px;margin-top:25px;padding:20px 18px;border:1px solid #fff;border-radius:15px;background:#f9fbfdc7;box-shadow:inset 0 1px 0 #fff,0 6px 12px #18294312,0 16px 28px -15px #233c5c40;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#27476f;font-size:25px;font-weight:500}
.workflow-example>.icon{width:40px;height:40px;color:#426a9c;transition:color 350ms ease,transform 450ms cubic-bezier(.16,1,.3,1)}
.is-current .workflow-example>.icon{color:#2464dc;transform:translateY(-2px)}
.workflow-example small{display:block;font-size:14px;line-height:1.6;color:#526887;font-weight:400;margin-top:5px}
.workflow-instruction{gap:12px;font-size:20px}
.workflow-example>.workflow-plan{width:80px;height:64px;stroke-width:2}
.workflow-plan .plan-walls{stroke:#8a9db5}
.workflow-plan .cut-line{stroke:#2464dc;stroke-width:2.5}
.workflow-plan .plan-check{fill:#e1ebfa;stroke:#2464dc}
.is-paused .product-steps li::before,.is-paused .product-steps li::after,.is-paused .workflow-example>.icon,.is-paused .step-number{transition:none}
.product-examples{display:grid;grid-template-columns:1fr;gap:38px}
.product-guidance{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:64px}
.product-demo{min-width:0;height:auto;min-height:740px;padding:96px 0 108px}
.product-demo .desktop-bar,.product-guide .desktop-bar{position:absolute;inset:10px 16px auto;margin:0}
.product-demo .demo-dock{bottom:24px}
.product-page .product-demo .command-window{position:relative;inset:auto;transform:none;margin-inline:auto;width:min(760px,calc(100% - 80px))}
.product-page .command-body{grid-template-columns:1fr .85fr}
.product-page .command-row{min-height:64px;padding:10px 7px}
.product-page .command-row small{font-size:10px}
.product-page .command-footer{gap:10px;padding:12px 16px}
.product-page .command-footer button{min-height:40px}
.product-page .command-detail{display:flex}
.product-page .command-search input{font-size:20px}
.product-guidance{border-bottom:1px solid #c2cbd650}
.product-guide{height:auto;min-height:400px;padding:76px 22px 30px;width:100%;min-width:0;justify-self:center}
.product-guide .desktop-bar{font-size:10px;gap:15px}
.product-guide .desktop-bar span:nth-child(n+4){display:none}
.product-guide .project-tree{display:none}
.product-guide .floorplan{width:90%;margin-top:25px}
.product-page .product-guide .guide-window{position:relative;inset:auto;transform:none;width:100%}
.product-page .guide-chat{gap:25px;padding:32px}
.product-page .guide-chat ol{font-size:16px;line-height:2.3}
.product-page .guide-answer strong{font-size:18px}
.product-included{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:start}
.product-facts{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:0}
.product-facts>div{display:flex;flex-direction:column;border-top:1px solid #c2cbd6;padding-top:20px}
.product-facts dt{font-size:16px;font-weight:500;margin-top:6px}
.product-facts dd{order:-1;font-size:42px;line-height:1.2;letter-spacing:-.035em;margin:0;color:#304e73;font-variant-numeric:tabular-nums}
.product-facts .fact-description{order:0;font-size:14px;line-height:1.8;letter-spacing:normal;color:var(--muted);margin-top:9px}
.product-page .faq-section{grid-template-columns:.8fr 1.2fr;gap:64px}
.product-page .final-section{border-top:1px solid #c2cbd650;padding-block:75px 100px}
.product-page .final-section .section-heading p{font-size:19px;margin-top:18px}
@media(min-width:841px){.product-page .nav-links{gap:24px}}
@media(max-width:1000px){
 .product-page .product-hero-layout{gap:40px;grid-template-columns:.8fr 1.2fr}
 .product-page .product-icon{width:230px;height:230px}
 .product-examples,.product-guidance,.product-included{gap:36px}
 .product-examples{grid-template-columns:1fr}.product-examples .product-heading{max-width:600px}
 .product-demo{width:100%}
}
@media(min-width:701px) and (max-width:1000px){
 .product-steps li{padding:24px 16px}
 .step-number{font-size:40px}.product-steps h3{font-size:22px}
 .workflow-example{flex-direction:column;align-items:flex-start;gap:12px;min-height:170px;font-size:23px}
 .workflow-instruction{font-size:19px}
}
@media(max-width:700px){
 .product-page .section{padding-block:62px}
 .product-page .product-hero{padding:125px 24px 75px;min-height:0}
 .product-page .product-hero-layout{grid-template-columns:1fr;gap:30px}
 .product-page .product-icon-stage{padding:0;gap:16px}
 .product-icon-name{font-size:30px}
 .product-page .product-icon{width:170px;height:170px}
 .product-page .hero-content{text-align:center}
  .product-page .hero h1{font-size:48px;line-height:1.12}
 .product-page .hero h1 br{display:block}
 .product-page .hero-content .product-lead{font-size:18px;max-width:35ch;margin:20px auto 0}
 .product-page .hero-actions{justify-content:center;gap:18px;margin-top:25px}
 .product-page .optical-field{inset:0 -20% 30%;opacity:.24;mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 66%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 66%)}
 .product-page .motion-controls{bottom:18px;left:18px}
 .product-heading h2,.product-page .section-heading h2{font-size:32px}
 .product-heading>p{font-size:17px}
 .product-page .product-workflow{padding-block:48px}
 .workflow-heading h2{font-size:28px}
 .product-steps{grid-template-columns:1fr;margin-top:26px}
 .product-steps li{padding:22px}
 .step-number{font-size:40px}
 .step-title{gap:16px}
 .product-steps li+li{border-inline-start:0;border-top:1px solid #c2cbd650}
 .product-steps h3{font-size:23px}
 .workflow-example{margin-top:18px;min-height:96px;font-size:23px;padding:16px}
 .workflow-instruction{font-size:19px}
 .product-guidance,.product-included,.product-page .faq-section{grid-template-columns:1fr;gap:36px}
 .product-guide{max-width:none;padding:70px 14px 22px}
 .product-demo{min-height:0;padding:76px 0 96px}
 .product-page .product-demo .command-window{width:calc(100% - 24px)}
 .product-demo .desktop-bar{inset-inline:12px;gap:12px;font-size:9px}
 .product-demo .desktop-bar span:nth-child(n+4){display:none}
 .product-demo .project-tree{display:none}
 .product-demo .demo-dock{gap:4px;padding:6px;bottom:20px}
 .product-demo .demo-dock button{width:clamp(32px,9vw,43px);height:42px}
 .product-facts{gap:30px}
 .product-page .command-body{grid-template-columns:1fr}
 .product-page .command-results{display:grid;grid-template-columns:1fr 1fr;border:0;padding:8px;gap:4px}
 .product-page .command-row{gap:8px;min-height:62px;padding:8px}
 .product-page .command-row small{display:none}
 .product-page .command-row>.icon{display:none}
 .product-page .command-row strong{font-size:14px}
 .product-page .command-detail{padding:22px;border-top:1px solid #b8c6d845}
 .product-page .detail-icon .icon{width:38px;height:38px}
 .product-page .command-detail p{max-width:34ch;font-size:14px}
 .product-page .command-detail>span:not(.detail-icon):not(.match-label){font-size:12px}
 .product-page .command-footer>span{max-width:17ch}
 .product-page .guide-chat{padding:25px}
 .product-page .final-section{padding-bottom:75px}
}
@media(prefers-reduced-motion:reduce){.product-page *{scroll-behavior:auto}}
@media(forced-colors:active){.product-page .hero h1{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}.product-steps li.is-current{outline:1px solid Highlight;outline-offset:-2px}}