/* Interactive previews use their own document to preserve the software's layout. */
.immersive-hero{height:auto;min-height:720px;padding:70px 0 30px;background:radial-gradient(ellipse at 95% 40%,#dfeaff,transparent 65%),#f8faff;overflow:visible}.immersive-hero-inner{width:92%;max-width:1750px;margin:auto;display:grid;grid-template-columns:.8fr 1.3fr;gap:36px;align-items:center}.immersive-copy{padding:0 0 30px 3vw;min-width:0}.immersive-copy h1{font-size:clamp(40px,4.2vw,68px);line-height:1.08;letter-spacing:-.065em}.immersive-copy h1 em{font-style:normal;color:#3471db}.immersive-copy .eyebrow{font-size:11px;letter-spacing:.12em}.immersive-copy .hero-lead{font-size:17px;max-width:440px}.demo-promise{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:#7788a2;margin-top:18px}.hero-playground{min-width:0;transform:perspective(1800px) rotateY(-2deg);border-radius:16px;box-shadow:0 30px 70px #3265b71c;background:white;border:1px solid #d8e4f6;overflow:hidden}.playground-label{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:.1em;padding:14px 18px;color:#3165b6;background:#fff}.playground-label>span:last-child{margin-left:auto;letter-spacing:0;font-weight:400;color:#8393a9}.live-dot{width:6px;height:6px;display:inline-block;background:#3471db;border-radius:50%;box-shadow:0 0 0 4px #edf3ff}.live-preview{background:#f5f8fd;min-width:0;position:relative}.live-preview iframe{display:block;width:100%;height:620px;border:0;background:#f5f8fd}.hero-playground iframe{height:540px}.demo-expand{display:flex;justify-content:center;align-items:center;padding:11px 15px;font-size:12px;font-weight:700;color:#326bd2;background:#fff;border-top:1px solid #e1e9f6;min-height:42px}.demo-expand:hover{background:#edf4ff}.hero-footnote{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:36px;color:#7f8da4;font-size:12px}.hero-footnote strong{font-weight:500;color:#435b7e}.interactive-film{height:auto;overflow:hidden}.interactive-film .live-preview iframe{height:580px}.selected-module #selection-demo{border-bottom:1px solid #e1e8f3;min-width:0}.selected-module iframe{height:560px}.module-selector{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.module-choice{grid-template-columns:100px minmax(0,1fr);min-height:120px}.module-choice>.mini-ui{height:100%;border:0;border-right:1px solid #e2eaf6;border-radius:0;margin:0;box-shadow:none;padding:0}.module-choice .mini-ui-top,.module-choice .mini-ui-stats,.module-choice .mini-ui-row,.module-choice .mini-title,.module-choice .mini-try{display:none}.module-choice .mini-ui-content{padding:0;display:grid;height:100%;min-height:110px;place-items:center;background:#f1f6ff}.module-choice .mini-icon{font-size:32px;margin:0}.mini-ui{display:flex;flex-direction:column;position:relative;width:100%;min-width:0;border:1px solid #e0e8f5;border-radius:12px;background:#f7faff;overflow:hidden;text-align:left;color:#233e62;transition:box-shadow .2s;line-height:1.3}.mini-ui-top{display:flex;gap:8px;align-items:center;padding:12px 16px;background:white;border-bottom:1px solid #e6edf7;font-size:9px;font-weight:800;letter-spacing:.06em}.mini-brand{color:#397de9;font-size:17px}.mini-live{margin-left:auto;color:#3672da;background:#edf4ff;padding:4px 6px;border-radius:4px;font-size:8px}.mini-ui-content{display:block;padding:20px 22px}.mini-icon{display:inline-block;background:#e8f0ff;padding:5px 9px;border-radius:8px;color:#3c7ce0;font-size:20px;margin-bottom:10px}.mini-title{display:block;font-size:16px;font-weight:700;margin-bottom:14px}.mini-ui-stats{display:flex;gap:8px;margin-bottom:15px}.mini-ui-stats i{display:block;flex:1;height:37px;background:linear-gradient(#cbdcfa 0 0) 8px 9px/40% 4px no-repeat,linear-gradient(#578cdf 0 0) 8px 20px/56% 7px no-repeat,#fff;border:1px solid #e1e9f6;border-radius:6px}.mini-ui-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e3ebf7}.mini-ui-row i{height:5px;width:50%;background:#d5e0ef;border-radius:3px}.mini-ui-row b{height:7px;width:18%;background:#c3e5dc;border-radius:5px}.mini-try{display:block;padding:11px 17px;font-size:10px;color:#3a72c9;font-weight:700;background:#fff;border-top:1px solid #e3ebf7}a:hover>.mini-ui{box-shadow:0 10px 25px #356fc218}.join-card>.mini-ui{border-radius:0;border-width:0 0 1px}.covers .mini-ui{aspect-ratio:auto;height:240px}.covers .mini-ui-content{padding:12px}.covers .mini-ui-top{padding:8px}.covers .mini-title{font-size:12px}.covers .mini-try{font-size:9px;margin-top:auto}.menu-grid .mini-ui{height:155px;margin-bottom:12px}.menu-grid .mini-ui-content{padding:10px 15px}.menu-grid .mini-ui-row,.menu-grid .mini-ui-stats,.menu-grid .mini-try{display:none}.menu-grid .mini-title{font-size:13px}.menu-grid .mini-ui span{font-weight:inherit}.process-grid .mini-ui{border-radius:0}.detail-intro figure .live-preview{border:1px solid #dce6f7;border-radius:14px;overflow:hidden;box-shadow:0 25px 60px #376aba12}.detail-intro figure iframe{height:620px}.demo-module-cta{margin-top:18px}.seo-page .detail-intro{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}.detail-intro>*{min-width:0}.mini-ui-stats i:nth-child(2){opacity:.75}.mini-ui-stats i:nth-child(3){opacity:.55}
@media(max-width:1200px){header nav{gap:14px}header nav a,header nav button{font-size:11px}.tools{gap:8px}.launcher{font-size:12px;padding:10px}.immersive-hero-inner{grid-template-columns:.7fr 1fr;gap:24px}.immersive-copy{padding-left:0}.immersive-copy h1{font-size:44px}.module-selector{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.module-choice{grid-template-columns:65px minmax(0,1fr)}.choice-headline{font-size:16px}.seo-page .detail-intro{gap:25px}.hero-playground iframe{height:560px}}
@media(max-width:950px){.immersive-hero-inner{grid-template-columns:1fr;width:85%}.immersive-copy{padding:0;max-width:680px}.immersive-copy h1{font-size:56px}.immersive-copy .hero-lead{max-width:570px}.hero-playground{transform:none}.immersive-hero{padding-top:45px}.hero-playground iframe{height:570px}.hero-footnote{padding:0 20px;flex-wrap:wrap;gap:10px}.seo-page .detail-intro{grid-template-columns:1fr}.detail-intro figure iframe{height:620px}}
@media(max-width:800px){.module-selector{grid-template-columns:minmax(0,1fr)}.module-choices{grid-template-columns:1fr 1fr}.module-choice>.mini-ui{display:none}.selected-module iframe{height:540px}.immersive-hero{margin-top:72px}.immersive-copy h1{font-size:46px}.interactive-film .live-preview iframe{height:570px}.game-film{width:90%}.menu-grid .mini-ui{height:125px}.menu-grid .mini-icon{display:none}.covers .mini-ui{height:210px}.hero-playground iframe{height:560px}}
@media(max-width:480px){.immersive-hero-inner{width:90%;gap:28px}.immersive-copy h1{font-size:42px}.immersive-copy .hero-lead{font-size:16px}.immersive-hero .actions{gap:8px}.immersive-hero .pill{font-size:13px;padding:12px 14px}.hero-playground iframe{height:570px}.playground-label{font-size:8px;padding:12px}.playground-label>span:last-child{font-size:9px}.hero-footnote{font-size:10px}.mini-ui-content{padding:16px}.detail-intro figure iframe{height:610px}.choice-copy{padding:12px}.choice-headline{font-size:13px}.module-choice .eyebrow{font-size:10px}.module-choices{gap:9px}}
@media(prefers-reduced-motion:reduce){.hero-playground{transform:none}.mini-ui{transition:none}}
/* Linked module tiles are navigation, not invented software screenshots. */
.mini-ui-content{min-height:160px;display:flex;flex-direction:column;justify-content:center}.mini-ui .mini-title{margin-bottom:0}.covers .mini-ui-content{min-height:130px}.module-choice .mini-ui-content{min-height:110px}.menu-grid .mini-ui-content{min-height:75px}.playground-label{letter-spacing:.06em}

/* Give the renovation simulator a readable, full-width workspace. */
.seo-page .detail-intro.renovation-intro{grid-template-columns:1fr;gap:30px}.renovation-intro>div{max-width:1000px}.renovation-intro h1{font-size:clamp(32px,3.6vw,56px)}.renovation-intro figure{width:100%;margin:0}.renovation-intro figure iframe{height:760px}.renovation-intro .demo-module-cta{display:none}@media(max-width:700px){.renovation-intro figure iframe{height:720px}}