:root{--bg:#f3f5ff;--bg-soft:#e4e8fb;--panel:#fff;--ink:#1d2654;--muted:#5a668e;--line:#d7ddf5;--primary:#1d4ed8;--accent:var(--primary);--accent-soft:color-mix(in srgb, var(--primary) 12%, #fff);--shadow:#1d26541a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, color-mix(in srgb, var(--primary) 14%, transparent), transparent 28%), radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 10%, transparent), transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--primary) 3%, #fff) 0%, color-mix(in srgb, var(--primary) 9%, #fff) 100%);min-height:100vh;color:var(--ink);margin:0;font-family:Avenir Next,Segoe UI,sans-serif}.page{width:min(1120px,100% - 28px);margin:0 auto;padding:28px 0 48px}.hero,.layout-section{border:1px solid var(--line);box-shadow:0 24px 60px var(--shadow);background:#ffffffe6;border-radius:28px}.hero{margin-bottom:18px;padding:36px 30px 28px}.survey-logo-link{flex:none;display:inline-flex}.survey-logo{width:132px;height:auto;margin:0;display:block}.survey-app-shell{border:1px solid color-mix(in srgb, var(--primary) 12%, #1d265414);background:color-mix(in srgb, var(--primary) 5%, #fff);width:min(460px,100% - 20px);min-height:calc(100dvh - 20px);box-shadow:0 22px 54px color-mix(in srgb, var(--primary) 16%, transparent);border-radius:28px;flex-direction:column;gap:0;margin:10px auto;padding:0;display:flex;overflow:hidden}.survey-app-header{border-bottom:1px solid color-mix(in srgb, var(--primary) 10%, #1d265414);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;padding:14px 16px;display:flex}.survey-app-brand{align-items:center;gap:14px;min-width:0;display:flex}.survey-app-copy{min-width:0}.survey-app-copy h1{letter-spacing:0;max-width:none;margin:0;font-family:inherit;font-size:1.08rem;line-height:1.15}.survey-app-actions{flex:none;align-items:center;gap:10px;display:inline-flex}.survey-app-back{border:1px solid color-mix(in srgb, var(--primary) 14%, #fff);background:color-mix(in srgb, var(--primary) 9%, #fff);width:42px;height:42px;color:var(--accent);border-radius:14px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.survey-app-back svg{width:20px;height:20px}.survey-app-chip{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, #fff), color-mix(in srgb, var(--primary) 20%, #fff));min-height:40px;color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 22%, #fff);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 16px;font-size:.86rem;font-weight:800;display:inline-flex}.survey-section-tabs{z-index:4;background:color-mix(in srgb, var(--primary) 5%, #fffffff5);scrollbar-width:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:auto;margin:0;padding:12px 14px 10px;display:grid;position:sticky;top:0;overflow:visible}.survey-section-tabs .subhead-tab{text-align:center;white-space:normal;border-radius:12px;min-height:36px;padding:0 9px;font-size:.74rem;line-height:1.1}.survey-section-tabs .subhead-tab:last-child{grid-column:1/-1}.survey-section-tabs::-webkit-scrollbar{display:none}.survey-section[id]{scroll-margin-top:20px}.survey-section{position:relative}.survey-section[hidden]{display:none}.survey-section:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffb3}.survey-feature-shell{background:color-mix(in srgb, var(--primary) 5%, #fff);flex-direction:column;flex:1;min-height:0;display:flex}.survey-status-bar{border-bottom:1px solid var(--border-light);background:#ffffffe6;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 24px;display:flex}.survey-status-time{color:var(--text);font-size:.95rem;font-weight:700}.survey-status-icons{color:var(--text);align-items:center;gap:6px;display:flex}.survey-status-dot,.survey-status-signal,.survey-status-battery{background:var(--text);opacity:.8;border-radius:999px;display:block}.survey-status-dot{width:4px;height:4px}.survey-status-signal{width:16px;height:8px;box-shadow:6px 0 0 0 var(--text), 12px 0 0 0 var(--text);opacity:.55;background:0 0}.survey-status-battery{border:1.5px solid var(--text);background:0 0;width:18px;height:10px;position:relative}.survey-status-battery:after{content:"";background:var(--text);border-radius:999px;width:2px;height:4px;position:absolute;top:50%;right:-3px;transform:translateY(-50%)}.survey-scroll-area{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:1;min-height:0;overflow:hidden auto}.subhead-tabs{border:1px solid var(--line);background:#eff5ffe6;border-radius:999px;gap:10px;width:fit-content;margin:0 0 18px;padding:6px;display:flex}.subhead-tab{min-height:42px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.subhead-tab.active,.subhead-tab[aria-current=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 70%, #fff), var(--primary));color:#fff;box-shadow:0 10px 20px color-mix(in srgb, var(--primary) 18%, transparent)}.survey-section-tabs.subhead-tabs{background:color-mix(in srgb, var(--primary) 7%, #fffffff5);border:0;border-radius:0;width:auto;margin:0;padding:12px 14px 10px}.survey-section-tabs .subhead-tab{color:color-mix(in srgb, var(--primary) 38%, var(--muted));background:color-mix(in srgb, var(--primary) 5%, #fff)}.survey-section-tabs .subhead-tab.active,.survey-section-tabs .subhead-tab[aria-current=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 70%, #fff), var(--primary));color:#fff;box-shadow:0 10px 20px color-mix(in srgb, var(--primary) 20%, transparent)}.survey-section-tabs .subhead-tab.disabled{opacity:.42;cursor:not-allowed}.subhead-tabs-child{background:#ffffffbf;gap:6px;padding:4px}.subhead-tabs+.subhead-tabs-child{margin-top:-8px}.subhead-tabs-child .subhead-tab{min-height:34px;padding:0 16px;font-size:.85rem}.layout-section{margin-bottom:24px;padding:30px;display:block}.layout-section.host-mvp1-layout{display:block}.mvp-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.mvp-thumbnail-card{border:1px solid color-mix(in srgb, var(--primary) 12%, #1d265414);background:color-mix(in srgb, var(--primary) 4%, #fff);min-height:148px;box-shadow:0 14px 30px color-mix(in srgb, var(--primary) 10%, transparent);text-align:center;border-radius:18px;align-content:center;justify-items:center;gap:16px;padding:22px 14px;display:grid}.mvp-thumbnail-card h2{color:var(--ink);margin:0;font-size:clamp(1.2rem,3vw,1.7rem);line-height:1}.mvp-card-button{min-height:38px;padding:0 14px;font-size:.82rem}.survey-feature-body{gap:12px;padding:0 14px 14px;display:grid}.survey-section{border:1px solid color-mix(in srgb, var(--primary) 10%, #1d265414);background:color-mix(in srgb, var(--primary) 3%, #fff);box-shadow:0 12px 28px color-mix(in srgb, var(--primary) 10%, transparent);border-radius:18px;margin-bottom:0;padding:16px}.survey-header{max-width:74ch;margin-bottom:12px}.survey-header .eyebrow{letter-spacing:.12em;margin-bottom:6px;font-size:.7rem}.survey-header h2{max-width:none;margin-bottom:0;font-family:inherit;font-size:1.02rem;line-height:1.2}.survey-header .copy{display:none}.survey-save-header{max-width:none}.survey-save-title-row{align-items:center;gap:12px;display:flex}.survey-save-title-row .eyebrow{margin-bottom:0}.survey-save-action-row{justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}.survey-save-note{max-width:34ch;color:color-mix(in srgb, var(--ink) 88%, #5f6f93);margin:0;font-size:.88rem;font-weight:650;line-height:1.45}.survey-save-button{min-height:34px;box-shadow:0 8px 16px color-mix(in srgb, var(--primary) 16%, transparent);flex:none;padding:0 14px;font-size:.78rem;font-weight:800}.survey-form{gap:16px;display:grid}.survey-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.survey-agreement{border:1px solid color-mix(in srgb, var(--primary) 14%, #fff);background:color-mix(in srgb, var(--primary) 5%, #fff);color:var(--muted);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;margin-top:16px;padding:14px;font-size:.92rem;line-height:1.5;display:grid}.survey-agreement input{width:18px;height:18px;accent-color:var(--accent);margin-top:2px}.survey-step-controls{z-index:5;border-top:1px solid color-mix(in srgb, var(--primary) 12%, #fff);background:color-mix(in srgb, var(--primary) 4%, #fffffff0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:minmax(90px,auto) 1fr minmax(90px,auto);align-items:center;gap:12px;padding:14px 24px 18px;display:grid;position:sticky;bottom:0}.survey-step-indicator{color:var(--muted);justify-self:center;font-size:.86rem;font-weight:800}.survey-step-indicator[data-state=error]{color:#bf3a3a}.survey-step-controls button:disabled{opacity:.45;cursor:not-allowed}.survey-status{color:var(--muted);margin:16px 0 0;font-size:.96rem;line-height:1.65}.survey-status[data-state=success]{color:var(--primary)}.survey-status[data-state=error]{color:#bf3a3a}.survey-grid,.survey-stack,.sus-list,.theme-option-grid{gap:16px;display:grid}.survey-grid{grid-template-columns:1fr}.priority-ranking-grid{clear:both;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.priority-ranking-card{border-color:color-mix(in srgb, var(--primary) 18%, #1d265414);background:color-mix(in srgb, var(--primary) 4%, #fff);display:block}.services-ranking-card,.mvp-ranking-card{background:color-mix(in srgb, var(--primary) 4%, #fff)}.services-ranking-grid,.mvp-ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.priority-ranking-help{clear:both;color:color-mix(in srgb, var(--ink) 72%, #6b7694);margin:0;font-size:.72rem;font-weight:600;line-height:1.4}.priority-rank-card{border:1.5px solid color-mix(in srgb, var(--primary) 18%, #dbe5f3);background:linear-gradient(180deg, #fff, color-mix(in srgb, var(--primary) 3%, #fff));min-height:78px;color:var(--ink);font:inherit;text-align:center;cursor:pointer;border-radius:14px;align-content:center;justify-items:center;gap:8px;padding:32px 10px 12px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative;box-shadow:inset 0 1px #ffffffe0,0 6px 14px #0f172a0a}.priority-rank-card:hover{border-color:color-mix(in srgb, var(--primary) 34%, #fff);box-shadow:0 10px 18px color-mix(in srgb, var(--primary) 9%, transparent)}.priority-rank-card:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 28%, transparent);outline-offset:3px}.priority-rank-card:active{transform:scale(.99)}.priority-rank-card.active{border-color:color-mix(in srgb, var(--primary) 48%, #fff);background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 10%, #fff), color-mix(in srgb, var(--primary) 5%, #fff));box-shadow:0 10px 20px color-mix(in srgb, var(--primary) 12%, transparent)}.priority-rank-badge{background:color-mix(in srgb, var(--primary) 16%, #fff);min-width:24px;height:24px;color:var(--primary);border-radius:999px;place-items:center;padding:0 7px;font-size:11px;font-weight:800;display:grid;position:absolute;top:9px;left:50%;transform:translate(-50%)}.priority-rank-card.active .priority-rank-badge{background:var(--primary);color:#fff}.priority-rank-label{color:color-mix(in srgb, var(--ink) 90%, #52627f);font-size:.82rem;font-weight:620;line-height:1.6}.service-rank-card{min-height:96px;padding-top:30px}.service-rank-desc{color:color-mix(in srgb, var(--ink) 58%, #7a8499);font-size:.72rem;font-weight:540;line-height:1.25;display:block}.survey-field,.survey-card{border:1px solid color-mix(in srgb, var(--primary) 10%, #1d265414);background:color-mix(in srgb, var(--primary) 5%, #fff);border-radius:16px}.survey-required-missing{border-color:#da8d8d;box-shadow:0 0 0 2px #bf3a3a1a}.survey-field{gap:8px;padding:14px;display:grid}.survey-field span{color:color-mix(in srgb, var(--ink) 88%, #5f6f93);font-size:.88rem;font-weight:650;line-height:1.45}.survey-field input,.survey-field select,.survey-field textarea{border:1px solid color-mix(in srgb, var(--primary) 13%, #dbe5f3);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:13px;padding:12px 13px;font-size:.92rem}.survey-field textarea.survey-answer-roomy{min-height:132px}.survey-field textarea.survey-answer-large{min-height:156px}.survey-field input[readonly],.survey-field textarea[readonly],.survey-field select:disabled{background:color-mix(in srgb, var(--primary) 6%, #fff);color:#54618a;cursor:not-allowed;opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 10%, transparent)}.survey-field input[readonly]::placeholder,.survey-field textarea[readonly]::placeholder{color:#8c97b8}.survey-field select:disabled{appearance:none;padding-right:44px}.survey-field select:disabled+*,.survey-field [data-locked=true]{pointer-events:none}.full-width-field{grid-column:1/-1}.survey-card{min-width:0;padding:16px 14px}.survey-card legend{float:left;width:100%;max-width:100%;color:color-mix(in srgb, var(--ink) 90%, #52627f);white-space:normal;overflow-wrap:anywhere;margin-bottom:12px;padding:0 8px 0 0;font-size:.94rem;font-weight:620;line-height:1.6}.survey-card legend+*{clear:both}.theme-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.theme-option-card{border:1px solid color-mix(in srgb, var(--primary) 13%, #dbe5f3);background:color-mix(in srgb, var(--primary) 2%, #fff);color:var(--ink);cursor:pointer;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;display:grid}.theme-option-card:hover{border-color:color-mix(in srgb, var(--primary) 28%, #fff);box-shadow:0 10px 20px color-mix(in srgb, var(--primary) 10%, transparent);transform:translateY(-1px)}.theme-option-card input{opacity:0;pointer-events:none;position:absolute}.theme-option-card:has(input:checked){border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, #fff);box-shadow:0 12px 24px color-mix(in srgb, var(--primary) 12%, transparent)}.theme-option-swatch{border:1px solid color-mix(in srgb, var(--primary) 13%, #dbe5f3);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;width:58px;min-width:58px;height:34px;display:inline-grid;overflow:hidden;box-shadow:inset 0 1px #ffffffe6}.theme-option-swatch span{height:100%;display:block}.theme-option-swatch-other{grid-auto-columns:58px}.theme-option-text{font-size:.82rem;font-weight:650;line-height:1.25}.nps-scale,.likert-row,.sus-key,.nps-labels{display:grid}.nps-scale{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;margin-top:16px}.likert-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;margin-top:16px}.nps-scale label,.likert-row label{border:1px solid color-mix(in srgb, var(--primary) 13%, #dbe5f3);background:color-mix(in srgb, var(--primary) 2%, #fff);min-width:0;min-height:68px;color:var(--ink);border-radius:16px;align-content:center;justify-items:center;gap:8px;padding:12px 8px;font-weight:650;line-height:1.25;display:grid}.nps-scale input,.likert-row input{accent-color:var(--primary)}.nps-labels{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;font-size:.92rem}.nps-labels span:last-child{text-align:right}.sus-key{color:var(--muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;font-size:.88rem}.alt-layout{background:linear-gradient(#fffffff5,#f2f7fff5)}.host-mvp2-layout,.host-mvp3-layout{background:linear-gradient(#fffffff7,#f3f6fff2)}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:800}h1,h2,p{margin-top:0}h1,h2,.listing-title,.dashboard-number{font-family:Georgia,Times New Roman,serif}h1{max-width:11ch;margin-bottom:16px;font-size:clamp(2.7rem,6vw,5rem);line-height:.95}h2{margin-bottom:12px;font-size:clamp(1.9rem,4vw,3rem);line-height:1.02}.copy{color:var(--muted);font-size:1.03rem;line-height:1.72}.demo-button,.secondary-button{appearance:none;background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 72%, #fff), var(--primary));color:#fff;min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;box-shadow:0 12px 24px color-mix(in srgb, var(--primary) 20%, transparent);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:.96rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.secondary-button{color:var(--accent);border:1px solid var(--line);box-shadow:none;background:#ffffffe6}.danger-button{color:#b42318;background:#fff7f5f0;border-color:#b4231838}.danger-button:hover{border-color:#b4231857;box-shadow:0 10px 20px #b4231814}.disabled-button{color:var(--accent);border-color:var(--line);box-shadow:none;cursor:default;pointer-events:none;background:#e9efffe0}.disabled-button:hover{transform:none}.demo-button:hover,.secondary-button:hover{transform:translateY(-1px)}.button-like{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.table-wrap{border:1px solid var(--line);background:#f8fbfff5;border-radius:22px;overflow-x:auto}.response-table{border-collapse:collapse;width:100%;min-width:860px}.response-table th,.response-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--ink);padding:14px 16px;font-size:.94rem}.response-table th{letter-spacing:.04em;text-transform:uppercase;background:#e9efffb8;font-size:.84rem;font-weight:800}.response-table tbody tr:last-child td{border-bottom:0}.response-table tbody tr.selected td{background:color-mix(in srgb, var(--primary) 7%, #fff)}.response-select{min-width:118px;color:var(--accent);white-space:nowrap;align-items:center;gap:8px;font-size:.82rem;font-weight:760;display:inline-flex}.response-select input{width:16px;height:16px;accent-color:var(--primary)}.intro-copy{max-width:72ch}.section-copy-wrap{max-width:620px}.section-copy-wrap .demo-button{margin-top:14px}.shared-component-note{background:#ecf1ffd1;border:1px solid #3f51e529;border-radius:18px;margin-top:18px;padding:14px 16px}.shared-component-note span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:.76rem;font-weight:800;display:inline-block}.shared-component-note p{color:var(--muted);margin:0;font-size:.94rem;line-height:1.55}.layout-preview-pair{grid-template-columns:3.15fr .38fr;justify-self:end;align-items:stretch;gap:24px;width:100%;max-width:980px;display:grid}.layout-preview-pair.host-mvp1-preview{grid-template-columns:minmax(0,1.46fr) minmax(220px,.42fr);gap:28px;width:100%;max-width:none;min-height:0;display:grid;position:static}.layout-preview-desktop,.layout-preview-phone{min-width:0}.layout-preview-desktop{align-self:center;width:100%}.host-mvp1-preview .layout-preview-desktop{z-index:1;position:static;inset:auto}.preview-tag{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#3f51e51f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:10px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.desktop-screen{border-radius:24px;min-height:620px;padding:18px}.host-mvp1-desktop-screen{min-height:1240px;padding:28px;box-shadow:inset 0 0 0 1px #ffffff05,0 34px 58px #0000003d}.desktop-screen .static-layout-empty{aspect-ratio:16/8.45;border-radius:20px;min-height:586px}.preview-empty-desktop{font-size:13px}.preview-empty-phone{font-size:12px}.layout-preview-phone{justify-self:end;max-width:196px}.host-mvp1-preview .layout-preview-phone{z-index:2;align-self:start;width:100%;max-width:none;position:static;top:auto;right:auto}.layout-preview-phone .phone-frame{max-width:196px}.host-mvp1-preview .layout-preview-phone .phone-frame{background:linear-gradient(#0b0f16 0%,#03060a 100%);border:1px solid #ffffff1a;border-radius:34px;width:100%;max-width:none;padding:7px 7px 12px;position:relative;overflow:hidden;box-shadow:0 18px 34px #0c111a33,inset 0 1px #ffffff0a}.host-mvp1-preview .layout-preview-phone .phone-frame:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;border:5px solid #05070b;border-bottom-width:6px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff08}.host-mvp1-preview .layout-preview-phone .phone-frame:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0f1520 0%,#05070b 100%);border-top:1px solid #ffffff0a;border-radius:0 0 15px 15px;height:2px;position:absolute;bottom:7px;left:7px;right:7px}.layout-preview-phone .phone-screen{min-height:410px}.host-mvp1-preview .layout-preview-phone .phone-screen{aspect-ratio:1260/2355;z-index:1;background:#05070b;border:0;border-radius:26px;min-height:0;padding:9px 9px 10px;position:relative}.layout-preview-phone .static-layout-empty{aspect-ratio:790/1688;min-height:398px}.phone-frame{background:linear-gradient(#151b27 0%,#0e131c 100%);border-radius:32px;justify-self:end;width:100%;max-width:346px;padding:3px;box-shadow:0 18px 38px #0c111a2e,inset 0 1px #ffffff08}.phone-screen{background:linear-gradient(#fbfdff 0%,#f1f6fd 100%);border:1px solid #ffffff80;border-radius:24px;min-height:620px;padding:16px}.static-preview-screen{background:linear-gradient(#111723 0%,#090d15 100%);border:1px solid #ffffff05;border-radius:29px;min-height:auto;padding:1px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 12px 22px #00000029}.static-layout-preview{aspect-ratio:790/1688;object-fit:cover;object-position:top center;width:100%;height:auto;box-shadow:none;background:#fff;border-radius:28px;display:block}.static-layout-preview-desktop{aspect-ratio:2048/1028;object-position:center top}.static-layout-preview-host-mvp1{transform-origin:top;width:100%;max-width:none;transform:none}.static-layout-preview-host-mvp1-phone{object-fit:cover;object-position:center top;background:#fff;border-radius:20px;width:100%;height:auto;display:block}.static-layout-empty{color:#64748beb;letter-spacing:.02em;text-transform:uppercase;background:radial-gradient(circle at top,#4338ca1f,#0000 42%),linear-gradient(#fbfdff 0%,#f3f7fd 100%);border:1px solid #e2e8f0f2;border-radius:28px;place-items:center;width:100%;min-height:620px;font-size:14px;font-weight:700;display:grid}.preview-empty-split{text-align:center;padding:20px;line-height:1.55}.preview-empty-split span{max-width:20ch}.app-topbar,.map-strip,.signal-grid{gap:10px;display:grid}.app-topbar{grid-template-columns:1fr auto;align-items:center;margin-bottom:16px}.brand-chip,.tiny-chip,.map-strip span,.signal-card{background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:.82rem}.brand-chip,.tiny-chip{padding:8px 12px;font-weight:700}.search-bar,.listing-card,.detail-block,.detail-note,.task-card,.dashboard-stat,.hero-image{border:1px solid var(--line);background:var(--panel);border-radius:18px}.search-bar,.detail-note,.hero-image{color:var(--muted);padding:14px;font-size:.95rem}.search-bar{margin-bottom:14px}.map-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.map-strip span,.signal-card{text-align:center;padding:8px 10px;font-weight:700}.listing-card,.task-card,.detail-block,.dashboard-stat{margin-bottom:12px;padding:14px}.listing-title{color:var(--ink);margin:0 0 6px;font-size:1.1rem}.listing-meta,.dashboard-label{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.hero-image{place-items:center;min-height:170px;margin-bottom:12px;display:grid}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.primary-button{color:#fff;text-align:center;background:linear-gradient(135deg,#4a8dff,#1f66db);border-radius:14px;margin-top:14px;padding:14px 18px;font-weight:800}.dashboard-stat{text-align:center}.dashboard-number{margin:0 0 6px;font-size:2.6rem;line-height:1}.demo-body{background:radial-gradient(circle at 0 0,#1f66db1f,#0000 28%),linear-gradient(#fbfdff 0%,#eef4fb 100%)}.demo-page{width:min(1480px,100% - 32px);margin:0 auto;padding:24px 0 40px}.single-demo-page{width:min(1080px,100% - 28px);margin:0 auto;padding:24px 0 40px}.demo-header,.reference-shell,.placeholder-page{border:1px solid var(--line);background:#ffffffeb;border-radius:32px;box-shadow:0 24px 60px #13294514}.demo-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;padding:28px 30px;display:flex}.demo-title{margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,4vw,3.8rem);line-height:.98}.demo-copy{max-width:68ch}.reference-shell{grid-template-columns:280px minmax(0,1fr);gap:28px;padding:24px;display:grid}.brand-panel{padding:20px 8px}.roomie-logo{margin-bottom:28px}.roof-mark{border-top:8px solid #1f66db;border-left:8px solid #0000;border-right:8px solid #0000;border-radius:12px;width:84px;height:20px;margin:0 0 8px 56px;display:block}.wordmark{color:#1f66db;letter-spacing:-.06em;font-size:4rem;font-weight:700;line-height:1}.brand-tagline{color:var(--ink);margin-bottom:26px;font-size:1rem;line-height:1.6}.brand-tagline span{color:#1f66db}.info-card{border:1px solid var(--line);background:#ffffffe6;border-radius:22px;margin-bottom:18px;padding:22px 18px}.card-label{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:.84rem;font-weight:800}.swatch-row,.feature-row{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.swatch-row+.swatch-row,.feature-row+.feature-row{margin-top:16px}.swatch{border-radius:50%;width:42px;height:42px}.swatch-1{background:#3b82f6}.swatch-2{background:#93c5fd}.swatch-3{border:1px solid var(--line);background:#f8fafc}.swatch-4{background:#1f2937}.swatch-5{background:#10b981}.swatch-row strong,.feature-row strong{margin-bottom:2px;display:block}.swatch-row p,.feature-row p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.feature-row span{background:#eff5ff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid}.phone-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.app-phone{background:linear-gradient(#fff 0%,#f7faff 100%);border:1px solid #e2e8f4;border-radius:30px;min-height:910px;padding:12px;box-shadow:inset 0 1px #fffc}.status-bar,.demo-app-header,.detail-topline,.section-row,.saved-row,.listing-host-card,.contact-actions{justify-content:space-between;align-items:center;display:flex}.status-bar{margin-bottom:10px;padding:2px 8px;font-size:.88rem;font-weight:700}.demo-app-header,.detail-topline{padding:8px 6px 14px}.mini-logo{color:#1f66db;letter-spacing:-.06em;font-size:2rem;font-weight:700}.header-icons{color:var(--ink);gap:16px;font-size:1.3rem;display:flex}.search-wrap{margin-bottom:16px;position:relative}.search-input{color:#7a879b;background:#fff;border:1px solid #e5ebf5;border-radius:999px;padding:14px 56px 14px 16px;box-shadow:0 10px 24px #1329450d}.filter-fab{color:#fff;background:#1f66db;border:0;border-radius:50%;width:42px;height:42px;font-size:1rem;position:absolute;top:4px;right:4px}.section-row{margin-bottom:12px}.section-row h3{margin:0;font-family:inherit;font-size:1.2rem}.text-link{color:#1f66db;background:0 0;border:0;padding:0;font-weight:700}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.demo-listing-card{text-align:left;background:#fff;border:1px solid #e8edf6;border-radius:18px;padding:0 0 14px;position:relative;overflow:hidden}.demo-listing-card.selected{border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f61a}.demo-thumb,.saved-thumb,.detail-hero,.thumb{background-position:50%;background-size:cover;border-radius:14px}.demo-thumb{height:110px;margin:10px}.heart-btn,.saved-heart{color:#1f66db;background:0 0;border:0;font-size:1.2rem}.heart-btn{position:absolute;top:12px;right:12px}.mini-pill,.pill-label{color:#2563eb;background:#eff5ff;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.demo-listing-card .mini-pill,.demo-listing-card h4,.demo-listing-card p,.demo-listing-card strong{margin-left:12px}.demo-listing-card h4,.saved-copy h4{margin-top:8px;margin-bottom:4px;font-size:1.05rem}.demo-listing-card p,.saved-copy p{color:#6b7b91;margin-bottom:4px;font-size:.88rem}.demo-listing-card strong,.saved-copy strong{color:#1f66db;font-size:.95rem}.tabbar{color:#74839a;text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:12px;font-size:.78rem;display:grid}.tabbar .active{color:#1f66db;font-weight:700}.detail-hero{height:260px;margin-bottom:12px}.thumbnail-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.thumb{background:linear-gradient(135deg,#eadfce,#b89c7f);height:56px}.thumb.active{outline:2px solid #93c5fd}.thumb.more{color:#fff;place-items:center;font-weight:700;display:grid}.detail-title{margin:10px 0 6px;font-family:Avenir Next,Segoe UI,sans-serif;font-size:1.9rem;line-height:1.08}.detail-location{color:#63758d;margin-bottom:10px}.detail-price{color:#1f66db;margin-bottom:14px;font-size:1.95rem;font-weight:800}.amenity-strip{text-align:center;background:#eff5ff;border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:14px 10px;display:grid}.amenity-strip strong,.amenity-strip span{display:block}.amenity-strip span{color:#60738d;margin-top:4px;font-size:.72rem}.listing-host-card,.about-card{background:#fff;border:1px solid #e6ebf5;border-radius:18px;margin-bottom:16px;padding:14px}.avatar{background:linear-gradient(135deg,#d9e6d8,#9fb39a);border-radius:50%;place-items:center;width:52px;height:52px;font-weight:800;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.listing-host-meta{flex:1;padding:0 12px}.verified,.rating{color:#2563eb;font-size:.82rem;font-weight:700}.listing-host-meta h4,.about-card h4{margin:4px 0}.listing-host-meta p,.about-card p,.alert-card p{color:#63758d;margin:0;line-height:1.55}.contact-actions{flex-direction:column;gap:10px}.ghost-btn,.solid-btn,.inquiry-btn{border-radius:14px;font-weight:700}.ghost-btn,.solid-btn{min-width:102px;padding:10px 14px}.ghost-btn{color:#1f66db;background:#fff;border:1px solid #c9d8f5}.solid-btn,.inquiry-btn{color:#fff;background:#1f66db;border:0}.inquiry-btn{width:100%;padding:16px 18px;font-size:1rem}.saved-stack{gap:12px;margin-bottom:18px;display:grid}.saved-row{background:#fff;border:1px solid #e8edf6;border-radius:18px;align-items:stretch;gap:12px;padding:10px}.saved-thumb{border-radius:14px;width:110px}.saved-copy{flex:1}.saved-heart{align-self:center}.alert-card{background:#fff;border:1px solid #dce6f7;border-radius:18px;justify-content:space-between;gap:16px;padding:14px;display:flex}.alert-card strong{margin-bottom:4px;display:block}.placeholder-page{width:min(920px,100% - 28px);margin:28px auto;padding:48px 36px}.single-demo-header{margin-bottom:20px;padding:22px 6px 0}.single-demo-header .demo-copy{max-width:60ch;margin-bottom:18px}.phone-stage{place-items:center;display:grid}.single-phone{width:min(100%,390px)}.single-listing-grid{grid-template-columns:1fr}.single-listing-grid .demo-listing-card{display:block}.icon-link,.tab-link{color:inherit;text-decoration:none}.full-width-link,.full-width-demo-link{width:100%;display:flex}.placeholder-phone{min-height:760px}.internal-section{margin-bottom:0}.internal-preview{align-content:start;gap:14px;display:grid}@media (width<=1180px){.reference-shell,.phone-grid{grid-template-columns:1fr}.app-phone{min-height:auto}}@media (width<=900px){.survey-app-shell{border-radius:28px}.layout-section,.layout-section.host-mvp1-layout{grid-template-columns:1fr}.mvp-card-grid{gap:8px}.mvp-thumbnail-card{border-radius:16px;gap:12px;min-height:112px;padding:16px 8px}.mvp-card-button{min-height:34px;padding:0 10px;font-size:.74rem}.survey-grid,.priority-ranking-grid,.sus-key,.theme-option-grid{grid-template-columns:1fr}.services-ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mvp-ranking-grid{grid-template-columns:1fr}.survey-actions{flex-direction:column;align-items:stretch}.survey-app-header{flex-direction:row;align-items:center;padding:16px 18px}.survey-app-actions{justify-content:flex-end;width:auto}.survey-section-tabs{margin:0;padding:12px 14px 10px}.survey-feature-body{padding:0 14px 14px}.phone-frame{justify-self:stretch;max-width:none}.layout-preview-pair{grid-template-columns:1fr;justify-self:stretch;gap:12px;max-width:none}.layout-preview-pair.host-mvp1-preview{grid-template-columns:1fr;min-height:auto;display:grid}.host-mvp1-preview .layout-preview-desktop,.host-mvp1-preview .layout-preview-phone{max-width:none;position:static;inset:auto}.desktop-screen{min-height:240px}.desktop-screen .static-layout-empty{min-height:212px}.layout-preview-phone,.layout-preview-phone .phone-frame{justify-self:stretch;max-width:none}.layout-preview-phone .phone-screen{min-height:420px}.layout-preview-phone .static-layout-empty{min-height:398px}.demo-header{flex-direction:column;align-items:flex-start}}@media (width<=640px){.page{width:min(100% - 16px,1120px);padding-top:16px}.survey-app-shell{border-radius:24px;width:min(100% - 12px,460px);min-height:calc(100dvh - 12px);margin:6px auto}.hero,.layout-section{border-radius:24px;padding:22px 18px}.survey-section{border-radius:18px;padding:16px}.survey-app-header{padding:14px 16px}.survey-app-brand{align-items:center}.survey-logo{width:104px}.survey-section-tabs{margin:0;padding:10px 12px 8px}.survey-feature-body{padding:0 12px 12px}.survey-save-action-row{align-items:flex-start}.survey-save-note{max-width:22ch}.survey-step-controls{grid-template-columns:1fr 1fr;padding:12px 16px 14px}.survey-step-indicator{grid-area:1/1/auto/-1}.survey-step-controls [data-survey-prev]{grid-area:2/1}.survey-step-controls [data-survey-next]{grid-area:2/2}.subhead-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.subhead-tab{text-align:center;min-height:40px;padding:0 12px;font-size:.84rem}.survey-section-tabs .subhead-tab{min-height:34px;padding:0 8px;font-size:.72rem}.nps-scale{grid-template-columns:repeat(4,minmax(0,1fr))}.likert-row{gap:8px}h1{max-width:none;font-size:clamp(2.3rem,11vw,3.6rem)}.phone-screen{min-height:560px}.desktop-screen{padding:12px}}