:global(body){background:#f4f8fb}.mesh-page{--mesh-navy: #123d5c;--mesh-blue: #1f628e;--mesh-blue-light: #2a7db5;--mesh-orange: #d85e0b;--mesh-orange-soft: #fff1e8;--mesh-ink: #20313d;--mesh-muted: #60717d;--mesh-line: #d9e5ec;position:relative;overflow:hidden;min-height:100vh;padding:9.5rem 0 5rem;background:radial-gradient(circle at 88% 15%,rgba(42,125,181,.12),transparent 24rem),linear-gradient(180deg,#f7fbfd,#edf5f9)}.mesh-grid-bg{position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(31,98,142,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,98,142,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000 0%,transparent 75%)}.mesh-container{position:relative;z-index:1}.back-link{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.6rem;color:var(--mesh-blue);font-family:Poppins,sans-serif;font-size:.86rem;font-weight:600;text-decoration:none}.back-link svg{width:1.1rem;height:1.1rem;transition:transform .16s ease}.back-link:hover svg{transform:translate(-3px)}.mesh-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,370px);gap:3rem;align-items:end;margin-bottom:2.2rem}.eyebrow,.screen-kicker,.plan-kicker,.progress-label{margin:0 0 .65rem;color:var(--mesh-blue);font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mesh-heading h1{max-width:760px;margin:0;color:var(--mesh-navy);font-family:Sora,sans-serif;font-size:clamp(2.45rem,5.6vw,5.25rem);font-weight:750;line-height:.98;letter-spacing:-.055em;text-wrap:balance}.mesh-heading h1 span{display:block;color:var(--mesh-blue-light)}.heading-copy{max-width:660px;margin:1.25rem 0 0;color:var(--mesh-muted);font-size:1.04rem;line-height:1.7}.heading-note{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.1rem;border:1px solid rgba(31,98,142,.16);border-radius:16px;background:#ffffffad;backdrop-filter:blur(8px)}.heading-note svg{width:1.45rem;height:1.45rem;flex:0 0 auto;color:var(--mesh-blue)}.heading-note p{margin:0;color:#4f626e;font-size:.84rem;line-height:1.55}.planner-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);min-height:720px;overflow:hidden;border:1px solid rgba(31,98,142,.16);border-radius:28px;background:#fff;box-shadow:0 32px 80px -45px #123d5c8c}.planner-panel{display:flex;min-width:0;flex-direction:column;padding:clamp(1.5rem,3.5vw,3rem)}.progress-row{display:grid;grid-template-columns:auto minmax(100px,220px);gap:1.25rem;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #e6edf1}.progress-label{margin-bottom:.12rem;color:var(--mesh-muted);letter-spacing:.04em}.progress-value{margin:0;color:var(--mesh-navy);font-family:Sora,sans-serif;font-size:.9rem;font-weight:700}.progress-track{height:6px;overflow:hidden;border-radius:999px;background:#e5edf2}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--mesh-blue);transition:width .3s ease}.planner-screen{display:flex;flex:1;flex-direction:column;justify-content:center;padding:2rem 0 0}.planner-screen.hidden,.plan-empty.hidden{display:none}.welcome-symbol{display:grid;width:74px;height:74px;margin-bottom:1.4rem;place-items:center;border-radius:22px;color:var(--mesh-blue);background:#eaf4fa}.welcome-symbol svg{width:49px;height:49px}.planner-screen h2{margin:0;color:var(--mesh-navy);font-family:Sora,sans-serif;font-size:clamp(1.75rem,3vw,2.55rem);font-weight:700;line-height:1.13;letter-spacing:-.035em;text-wrap:balance}.screen-copy,.question-help,.result-lead{max-width:590px;margin:1rem 0 0;color:var(--mesh-muted);line-height:1.7}.welcome-list{display:grid;gap:.65rem;margin:1.6rem 0 2rem;padding:0;list-style:none}.welcome-list li{display:flex;align-items:center;gap:.75rem;color:var(--mesh-ink);font-size:.92rem}.welcome-list span{display:grid;width:1.7rem;height:1.7rem;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--mesh-blue);font-family:Poppins,sans-serif;font-size:.72rem;font-weight:700;background:#eaf4fa}.primary-button,.secondary-button{display:inline-flex;width:fit-content;min-height:48px;align-items:center;justify-content:center;gap:.65rem;padding:.78rem 1.15rem;border:0;border-radius:10px;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.primary-button{color:#fff;background:var(--mesh-orange);box-shadow:0 12px 28px -16px #a84600e6}.primary-button:hover{color:#fff;background:#c55106;transform:translateY(-2px);box-shadow:0 16px 32px -16px #a84600e6}.primary-button:disabled{color:#74818a;background:#e4e9ec;box-shadow:none;cursor:not-allowed;transform:none}.primary-button svg{width:1.15rem;height:1.15rem}.secondary-button{border:1px solid #c8d8e2;color:var(--mesh-blue);background:#fff}.secondary-button:hover{color:var(--mesh-navy);background:#edf6fa}.primary-button:focus-visible,.secondary-button:focus-visible,.answer-card:focus-visible,.text-button:focus-visible,.restart-button:focus-visible,.back-link:focus-visible{outline:3px solid rgba(31,98,142,.35);outline-offset:3px}.question-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem}.question-topline .screen-kicker{margin-bottom:0}.text-button,.restart-button{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem;border:0;color:var(--mesh-blue);font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;background:transparent;cursor:pointer}.text-button svg{width:1rem;height:1rem}.question-screen h2{margin-top:.75rem}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.answer-card{position:relative;display:grid;min-height:104px;grid-template-columns:42px minmax(0,1fr) 22px;gap:.8rem;align-items:center;padding:.95rem;border:1px solid #dce6ec;border-radius:14px;text-align:left;color:var(--mesh-ink);background:#fff;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}.answer-card:hover{border-color:#99bbd0;transform:translateY(-2px);box-shadow:0 13px 26px -24px #123d5ce6}.answer-card.selected{border-color:var(--mesh-blue);background:#f1f8fc;box-shadow:inset 0 0 0 1px var(--mesh-blue)}.answer-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--mesh-blue);background:#eaf4fa}.answer-icon svg{width:25px;height:25px}.answer-content strong,.answer-content small{display:block}.answer-content strong{color:var(--mesh-ink);font-family:Sora,sans-serif;font-size:.88rem;line-height:1.32}.answer-content small{margin-top:.25rem;color:var(--mesh-muted);font-size:.74rem;line-height:1.4}.answer-check{display:grid;width:22px;height:22px;place-items:center;border:1px solid #c9d7df;border-radius:50%;color:transparent;background:#fff}.answer-check svg{width:15px;height:15px}.answer-card.selected .answer-check{border-color:var(--mesh-blue);color:#fff;background:var(--mesh-blue)}.next-button{margin-top:1.4rem;margin-left:auto}.plan-panel{display:flex;min-width:0;flex-direction:column;padding:clamp(1.5rem,3vw,2.5rem);border-left:1px solid #d9e6ed;background:#edf6fa}.plan-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.plan-kicker{margin-bottom:.25rem;color:var(--mesh-muted)}.plan-header h2{margin:0;color:var(--mesh-navy);font-family:Sora,sans-serif;font-size:1.15rem;font-weight:700}.plan-legend{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-end;color:#4e626f;font-family:Poppins,sans-serif;font-size:.68rem;font-weight:600}.plan-legend span{display:inline-flex;align-items:center;gap:.35rem}.plan-legend i{display:inline-block;width:10px;height:10px;border-radius:50%}.legend-router{background:var(--mesh-blue)}.legend-mesh{background:var(--mesh-orange)}.plan-canvas{position:relative;display:grid;min-height:430px;margin-top:1.15rem;overflow:hidden;place-items:center;border:1px solid #cddfe9;border-radius:20px;background-color:#ffffffc7;background-image:linear-gradient(rgba(31,98,142,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(31,98,142,.06) 1px,transparent 1px);background-size:22px 22px}#home-plan{width:100%;max-height:410px;overflow:visible}#home-plan .house-fill{fill:#ffffffdb;stroke:#789aad;stroke-width:2.2}#home-plan .wall{fill:none;stroke:#96aebb;stroke-width:2}#home-plan .door{fill:none;stroke:#b4c5cf;stroke-width:1.4;stroke-dasharray:4 3}#home-plan .room-label,#home-plan .floor-label{fill:#6a7f8c;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;letter-spacing:.03em}#home-plan .floor-label{font-size:10px}#home-plan .roof-line,#home-plan .stairs{fill:none;stroke:#789aad;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#home-plan .signal-ring{fill:none;stroke-width:1.4;transform-origin:center;animation:signal-pulse 2.8s ease-out infinite}#home-plan .signal-ring-inner{animation-delay:.45s}#home-plan .router-marker .signal-ring{stroke:#1f628e57}#home-plan .mesh-marker .signal-ring{stroke:#d85e0b52}#home-plan .marker-halo{fill:#fff;stroke-width:2}#home-plan .router-marker .marker-halo{stroke:#92b9d0}#home-plan .mesh-marker .marker-halo{stroke:#efb48e}#home-plan .router-marker .marker-core{fill:var(--mesh-blue)}#home-plan .mesh-marker .marker-core{fill:var(--mesh-orange)}#home-plan .device-marker text{fill:#fff;font-family:Poppins,sans-serif;font-size:9px;font-weight:700}@keyframes signal-pulse{0%{opacity:.8;transform:scale(.62)}70%,to{opacity:0;transform:scale(1)}}.plan-empty{display:grid;max-width:230px;place-items:center;color:#6b808d;text-align:center}.plan-empty svg{width:62px;height:62px;margin-bottom:.9rem;color:#7ea3b8}.plan-empty p{margin:0;font-size:.83rem;line-height:1.55}.plan-tip{display:flex;gap:.75rem;align-items:flex-start;margin-top:1rem;padding:.9rem 1rem;border:1px solid #d3e4ed;border-radius:14px;background:#ffffffb8}.tip-icon{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:10px;color:var(--mesh-orange);background:var(--mesh-orange-soft)}.tip-icon svg{width:19px;height:19px}.plan-tip p{margin:0;color:#516671;font-size:.76rem;line-height:1.55}.plan-tip strong{color:var(--mesh-ink)}.plan-disclaimer{margin:.85rem 0 0;color:#60747f;font-size:.68rem;line-height:1.55}.result-screen{justify-content:flex-start}.result-badge{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;margin-bottom:1.15rem;padding:.45rem .7rem;border-radius:999px;color:var(--mesh-blue);font-family:Poppins,sans-serif;font-size:.7rem;font-weight:700;background:#eaf4fa}.result-badge svg{width:1rem;height:1rem}.result-number{display:flex;width:fit-content;align-items:baseline;gap:.7rem;margin-top:1.2rem;padding:.6rem 1rem;border-left:4px solid var(--mesh-orange);background:#fff6f0}.result-number-value{color:var(--mesh-orange);font-family:Sora,sans-serif;font-size:2.3rem;font-weight:800;line-height:1}.result-number-label{max-width:160px;color:var(--mesh-ink);font-size:.78rem;font-weight:600;line-height:1.35}.placement-box{margin-top:1.2rem;padding:1rem 1.05rem;border:1px solid #dce7ed;border-radius:14px;background:#f7fafc}.placement-title{margin:0 0 .65rem;color:var(--mesh-navy);font-family:Sora,sans-serif;font-size:.86rem;font-weight:700}.placement-box ol{display:grid;gap:.5rem;margin:0;padding-left:1.15rem;color:#536873;font-size:.77rem;line-height:1.5}.placement-box li::marker{color:var(--mesh-blue);font-weight:700}.result-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.2rem}.restart-button{margin-top:.8rem;padding-left:0}@media(max-width:1080px){.mesh-heading{grid-template-columns:1fr;gap:1.25rem}.heading-note{max-width:520px}.planner-shell{grid-template-columns:1fr}.plan-panel{border-top:1px solid #d9e6ed;border-left:0}.plan-canvas{min-height:390px}}@media(max-width:640px){.mesh-page{padding:8rem 0 3rem}.mesh-heading h1{font-size:clamp(2.35rem,13vw,3.55rem)}.heading-copy{font-size:.94rem}.planner-shell{min-height:0;border-radius:20px}.planner-panel,.plan-panel{padding:1.25rem}.planner-screen{min-height:560px;padding-top:1.5rem}.progress-row{grid-template-columns:auto 130px}.answer-grid{grid-template-columns:1fr}.answer-card{min-height:88px}.next-button{width:100%}.plan-header{display:grid}.plan-legend{justify-content:flex-start}.plan-canvas{min-height:315px}.result-actions .primary-button,.result-actions .secondary-button{width:100%}}@media(prefers-reduced-motion:reduce){.progress-track span,.primary-button,.answer-card,.back-link svg{transition:none}#home-plan .signal-ring{animation:none;opacity:.36}}