.synthetic-demo{background:linear-gradient(90deg, color-mix(in srgb, var(--line) 38%, transparent) 1px, transparent 1px) center top / 72px 72px, var(--canvas);min-height:100dvh;padding:0 clamp(16px,4vw,48px);overflow:hidden}.synthetic-demo>:not(.skip-link){max-width:1220px;margin-left:auto;margin-right:auto;position:relative}.synthetic-demo button,.synthetic-demo a{touch-action:manipulation}.synthetic-demo__nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:80px;display:flex}.synthetic-demo__nav-actions,.synthetic-demo__nav-actions .text-link,.synthetic-demo__inline-actions,.synthetic-demo__delivery-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.synthetic-demo__nav-actions .text-link{gap:6px;font-size:.875rem}.synthetic-demo__intro{gap:28px;padding:clamp(42px,8vw,84px) 0 30px;display:grid}.synthetic-demo__intro h1{letter-spacing:-.055em;text-wrap:balance;max-width:720px;margin-bottom:18px;font-size:clamp(2.2rem,5.5vw,4.65rem);line-height:1.02}.synthetic-demo__intro>div>p:not(.eyebrow){max-width:690px;color:var(--ink-muted);margin-bottom:0;font-size:1.05rem;line-height:1.7}.synthetic-demo__boundary{max-width:550px;color:var(--warning);border:1px solid color-mix(in srgb, var(--warning) 36%, transparent);border-radius:var(--radius-md);background:var(--warning-soft);grid-template-columns:auto minmax(0,1fr);align-self:end;gap:12px;padding:15px 16px;display:grid}.synthetic-demo__boundary svg{margin-top:2px}.synthetic-demo__boundary div{gap:3px;display:grid}.synthetic-demo__boundary strong{font-size:.91rem}.synthetic-demo__boundary span{color:var(--ink-muted);font-size:.84rem;line-height:1.55}.synthetic-demo__steps{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.synthetic-demo__steps a{min-height:48px;color:var(--ink-muted);background:var(--surface-raised);padding:13px 14px;font-size:.83rem;font-weight:650;transition:color .16s ease-out,background-color .16s ease-out}.synthetic-demo__steps a:hover{color:var(--teal);background:var(--teal-faint)}.synthetic-demo__workbench{gap:14px;padding:14px 0 clamp(44px,8vw,88px);display:grid}.synthetic-demo__panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);min-width:0;box-shadow:var(--shadow-sm);border-radius:20px;padding:clamp(18px,3vw,27px);scroll-margin-top:16px}.synthetic-demo__panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:17px;display:flex}.synthetic-demo__panel-heading .eyebrow{margin-bottom:5px}.synthetic-demo__panel-heading h2{align-items:center;gap:8px;margin-bottom:0;font-size:1.2rem;display:flex}.synthetic-demo__panel-heading h2 svg{color:var(--teal)}.synthetic-demo__room-grid,.synthetic-demo__meter-grid,.synthetic-demo__payment-grid,.synthetic-demo__operations-grid{gap:18px;padding-top:19px;display:grid}.synthetic-demo__room-card{color:#ebfaf5;background:var(--teal);border-radius:15px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;padding:16px;display:grid}.synthetic-demo__room-number{width:52px;height:52px;color:var(--teal);background:#e7f7f1;border-radius:12px;place-items:center;font-size:1.15rem;font-weight:700;display:grid}.synthetic-demo__room-card div{gap:2px;display:grid}.synthetic-demo__room-card strong{font-size:.95rem}.synthetic-demo__room-card span:not(.synthetic-demo__room-number){color:#bfe1d7;font-size:.8rem}.synthetic-demo__meter-grid>div:first-child{align-content:start;gap:14px;display:grid}.synthetic-demo__calculation{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);gap:0;padding:17px;display:grid}.synthetic-demo__calculation-title{color:var(--teal);align-items:center;gap:8px;padding-bottom:12px;font-size:.85rem;font-weight:700;display:flex}.synthetic-demo__amount-line,.synthetic-demo__total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;font-size:.89rem;display:flex}.synthetic-demo__amount-line span{color:var(--ink-muted)}.synthetic-demo__amount-line strong,.synthetic-demo__total strong,.synthetic-demo__balance-card strong{font-variant-numeric:tabular-nums}.synthetic-demo__total{color:var(--teal);padding-top:14px;font-weight:700}.synthetic-demo__total strong{font-size:1.18rem}.synthetic-demo__calculation-note{color:var(--ink-muted);margin:12px 0 0;font-size:.81rem;line-height:1.55}.synthetic-demo__approval{border-top:1px solid var(--line);align-items:center;gap:14px;margin-top:19px;padding-top:18px;display:grid}.synthetic-demo__approval div{gap:3px;display:grid}.synthetic-demo__approval strong{font-size:.93rem}.synthetic-demo__approval span{color:var(--ink-muted);font-size:.84rem}.synthetic-demo__delivery{gap:15px;display:grid}.synthetic-demo__delivery .synthetic-demo__panel-heading{margin-bottom:0}.synthetic-demo__muted{color:var(--ink-muted);margin:0;font-size:.9rem}.synthetic-demo__payment{gap:18px;display:grid}.synthetic-demo__payment .synthetic-demo__payment-grid{padding-top:0}.synthetic-demo__balance-card{color:#edf9f5;background:var(--teal);border-radius:16px;gap:6px;padding:19px;display:grid}.synthetic-demo__balance-card>span{color:#c7e4db;font-size:.82rem}.synthetic-demo__balance-card strong{font-size:clamp(1.75rem,6vw,2.35rem);line-height:1.1}.synthetic-demo__payment-actions{align-content:start;gap:8px;display:grid}.synthetic-demo__payment-actions p{color:var(--ink-muted);margin:0 0 2px;font-size:.85rem;font-weight:650}.synthetic-demo__payment-actions .button{justify-content:flex-start}.synthetic-demo__tenant-preview{color:#eaf6f2;background:#19332d;border-radius:18px;gap:16px;padding:18px;display:grid}.synthetic-demo__tenant-preview-copy{gap:5px;display:grid}.synthetic-demo__tenant-preview-copy p{color:#b6d3c9;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.synthetic-demo__tenant-preview-copy strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.synthetic-demo__tenant-preview-copy span{color:#b6d3c9;font-size:.8rem}.synthetic-demo__fake-qr{background:#10251f;border:1px solid #47675d;border-radius:12px;justify-items:start;gap:4px;padding:13px;display:grid}.synthetic-demo__fake-qr svg{color:#d4eee6}.synthetic-demo__fake-qr span{font-size:.83rem;font-weight:700}.synthetic-demo__fake-qr small{color:#b6d3c9;font-size:.73rem}.synthetic-demo__payment-history{border-top:1px solid var(--line);gap:0;display:grid}.synthetic-demo__payment-history h3{margin:16px 0 5px;font-size:.95rem}.synthetic-demo__payment-history>div{color:var(--ink-muted);border-top:1px solid var(--line);gap:3px;padding:11px 0;font-size:.83rem;display:grid}.synthetic-demo__payment-history>div span:last-child{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:650}.synthetic-demo__operations-grid article{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);gap:9px;padding:16px;display:grid}.synthetic-demo__operations-grid article>svg{color:var(--teal)}.synthetic-demo__operations-grid h3{margin:0;font-size:.98rem}.synthetic-demo__operations-grid p{color:var(--ink-muted);margin:0;font-size:.84rem}.synthetic-demo__operations-grid article>strong{color:var(--teal);font-variant-numeric:tabular-nums;font-size:.86rem}.synthetic-demo__operations-grid dl{gap:6px;margin:0;display:grid}.synthetic-demo__operations-grid dl div{justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.synthetic-demo__operations-grid dt{color:var(--ink-muted)}.synthetic-demo__operations-grid dd{font-variant-numeric:tabular-nums;margin:0;font-weight:650}.synthetic-demo__operations-grid small{color:var(--ink-muted);font-size:.75rem}.synthetic-demo__choice-row{flex-wrap:wrap;gap:6px;display:flex}.synthetic-demo__choice-row button{min-height:44px;color:var(--ink-muted);border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:9px;padding:7px 10px;font-size:.77rem;font-weight:650;transition:color .15s ease-out,border-color .15s ease-out,background-color .15s ease-out}.synthetic-demo__choice-row button:hover{color:var(--teal);border-color:var(--teal)}.synthetic-demo__choice-row button.is-selected{color:#eaf6f2;border-color:var(--teal);background:var(--teal)}.synthetic-demo__footer{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:18px;padding:0 0 34px;font-size:.78rem;display:flex}@media (width>=700px){.synthetic-demo__intro{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:end}.synthetic-demo__steps{grid-template-columns:repeat(4,minmax(0,1fr))}.synthetic-demo__workbench{grid-template-columns:repeat(12,minmax(0,1fr))}.synthetic-demo__room{grid-column:span 5}.synthetic-demo__meter{grid-column:span 7}.synthetic-demo__delivery{grid-column:span 5}.synthetic-demo__payment{grid-column:span 7}.synthetic-demo__operations{grid-column:1/-1}.synthetic-demo__room-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.synthetic-demo__meter-grid{grid-template-columns:minmax(0,.88fr) minmax(250px,1.12fr)}.synthetic-demo__approval{grid-template-columns:minmax(0,1fr) auto}.synthetic-demo__payment-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.synthetic-demo__payment-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.synthetic-demo__payment-actions p{grid-column:1/-1}.synthetic-demo__payment-actions .button{text-align:center;justify-content:center;padding-left:10px;padding-right:10px;font-size:.82rem}.synthetic-demo__tenant-preview{grid-template-columns:minmax(0,1fr) minmax(190px,.7fr);align-items:center}.synthetic-demo__fake-qr{justify-items:center}.synthetic-demo__operations-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=520px){.synthetic-demo__nav{align-items:flex-start;padding:14px 0}.synthetic-demo__nav-actions{justify-content:flex-end}.synthetic-demo__nav-actions .text-link{display:none}.synthetic-demo__nav-actions .button{padding-left:10px;padding-right:10px;font-size:.79rem}.synthetic-demo__panel-heading{display:grid}.synthetic-demo__panel-heading .status-mark{justify-self:start}.synthetic-demo__footer{justify-items:start;display:grid}}@media (prefers-reduced-motion:reduce){.synthetic-demo *,.synthetic-demo :before,.synthetic-demo :after{scroll-behavior:auto;transition-duration:.01ms!important}}.synthetic-demo__setup{gap:24px;display:grid}.synthetic-demo__setup-grid,.synthetic-demo__lease-review,.synthetic-demo__lease-summary,.synthetic-demo__review-area,.synthetic-demo__credit-area,.synthetic-demo__review-list,.synthetic-demo__credit-list,.synthetic-demo__payment-instructions,.synthetic-demo__last-transfer{gap:16px;display:grid}.synthetic-demo__setup-grid{padding-top:20px}.synthetic-demo__form{gap:16px;display:grid}.synthetic-demo__section-copy{gap:3px;display:grid}.synthetic-demo__section-copy strong{font-size:.94rem}.synthetic-demo__section-copy span,.synthetic-demo__lease-period,.synthetic-demo__review-card>p{color:var(--ink-muted);margin:0;font-size:.84rem;line-height:1.55}.synthetic-demo__form-grid{gap:14px;display:grid}.synthetic-demo__unit-selection{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);align-content:start;gap:16px;padding:17px;display:grid}.synthetic-demo__unit-choice-grid{gap:9px;display:grid}.synthetic-demo__unit-choice,.synthetic-demo__empty-unit{overflow-wrap:anywhere;text-align:left;width:100%;min-height:76px;color:var(--ink-muted);border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:11px;gap:3px;padding:14px;font-size:.82rem;transition:border-color .15s ease-out,background-color .15s ease-out,color .15s ease-out;display:grid}.synthetic-demo__unit-choice:hover:not(:disabled),.synthetic-demo__unit-choice.is-selected{color:var(--teal);border-color:var(--teal);background:var(--teal-faint)}.synthetic-demo__unit-choice.is-occupied{color:var(--ink-faint);background:color-mix(in srgb, var(--surface-subtle) 85%, transparent);opacity:1;border-style:dashed}.synthetic-demo__unit-choice-label{color:var(--ink);font-size:.9rem;font-weight:700}.synthetic-demo__unit-choice.is-occupied .synthetic-demo__unit-choice-label{color:var(--ink-muted)}.synthetic-demo__empty-unit small{color:var(--ink-muted);font-size:.78rem}.synthetic-demo__lease-review{border-top:1px solid var(--line);padding-top:22px}.synthetic-demo__subheading,.synthetic-demo__review-card-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.synthetic-demo__subheading .eyebrow{margin-bottom:4px}.synthetic-demo__subheading h3{margin-bottom:0;font-size:1.02rem}.synthetic-demo__lease-summary{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);grid-template-columns:minmax(0,1fr);padding:16px}.synthetic-demo__lease-confirmation{border:1px solid color-mix(in srgb, var(--teal) 38%, var(--line));border-radius:var(--radius-md);background:var(--teal-faint);gap:13px;padding:16px;display:grid}.synthetic-demo__lease-confirmation>div:first-child{gap:3px;display:grid}.synthetic-demo__lease-confirmation>div:first-child strong{color:var(--teal);font-size:.94rem}.synthetic-demo__lease-confirmation>div:first-child span{color:var(--ink-muted);font-size:.82rem}.synthetic-demo__lease-period{color:var(--teal);border-left:3px solid var(--teal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--teal-faint);padding:12px 14px}.synthetic-demo__meter>.notice,.synthetic-demo__operations>.notice{margin-top:18px}.synthetic-demo__payment-instructions{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);grid-template-columns:repeat(1,minmax(0,1fr));padding:14px}.synthetic-demo__payment-instructions>div,.synthetic-demo__last-transfer>div{gap:3px;min-width:0;display:grid}.synthetic-demo__payment-instructions span,.synthetic-demo__last-transfer span,.synthetic-demo__transfer-row span,.synthetic-demo__credit-card span{color:var(--ink-muted);font-size:.78rem}.synthetic-demo__payment-instructions strong,.synthetic-demo__last-transfer strong,.synthetic-demo__transfer-row strong{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;font-size:.87rem}.synthetic-demo__payment-instructions small{color:var(--ink-muted);grid-column:1/-1;font-size:.75rem;line-height:1.5}.synthetic-demo__last-transfer{border:1px solid color-mix(in srgb, var(--teal) 30%, var(--line));border-radius:var(--radius-md);background:var(--teal-faint);align-items:end;padding:15px}.synthetic-demo__last-transfer small,.synthetic-demo__review-card small,.synthetic-demo__credit-card small{color:var(--ink-muted);font-size:.76rem;line-height:1.5}.synthetic-demo__payment-history{margin-top:2px}.synthetic-demo__transfer-row{border-top:1px solid var(--line);gap:9px;padding:13px 0;display:grid}.synthetic-demo__transfer-row>div{gap:2px;min-width:0;display:grid}.synthetic-demo__transfer-row>div:nth-child(2),.synthetic-demo__transfer-row>div:nth-child(3){grid-template-columns:minmax(0,1fr) auto;gap:10px}.synthetic-demo__transfer-row>div:nth-child(2) span:last-child,.synthetic-demo__transfer-row>div:nth-child(3) span:last-child{color:var(--ink);text-align:right;font-weight:650}.synthetic-demo__review-area,.synthetic-demo__credit-area{border-top:1px solid var(--line);padding-top:20px}.synthetic-demo__review-list,.synthetic-demo__credit-list{gap:12px}.synthetic-demo__review-card,.synthetic-demo__credit-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);gap:13px;min-width:0;padding:16px;display:grid}.synthetic-demo__review-card-heading>div{gap:2px;display:grid}.synthetic-demo__review-card-heading strong{color:var(--ink);font-size:.92rem}.synthetic-demo__review-card-heading span{color:var(--ink-muted);font-size:.78rem}.synthetic-demo__review-actions{flex-wrap:wrap;gap:8px;display:flex}.synthetic-demo__credit-totals{border-top:1px solid var(--line);display:grid}.synthetic-demo__credit-totals .synthetic-demo__amount-line{padding-left:2px;padding-right:2px}.synthetic-demo__credit-card>div{gap:2px;display:grid}.synthetic-demo__credit-card>div strong{color:var(--teal);font-variant-numeric:tabular-nums;font-size:1.15rem}.synthetic-demo__feedback{z-index:2;pointer-events:none;width:min(100%,760px);margin-top:-28px;bottom:14px;position:sticky!important}.synthetic-demo__feedback .notice{pointer-events:auto;box-shadow:var(--shadow-lg)}@media (width>=700px){.synthetic-demo__setup{grid-column:1/-1}.synthetic-demo__setup-grid{grid-template-columns:minmax(0,1.32fr) minmax(270px,.68fr)}.synthetic-demo__form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.synthetic-demo__form-grid--lease{grid-template-columns:repeat(3,minmax(0,1fr))}.synthetic-demo__lease-summary{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start}.synthetic-demo__payment{grid-column:1/-1}.synthetic-demo__payment-instructions{grid-template-columns:repeat(3,minmax(0,1fr))}.synthetic-demo__last-transfer{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.synthetic-demo__transfer-row{grid-template-columns:minmax(0,1.35fr) minmax(150px,.9fr) minmax(160px,.9fr);align-items:start}.synthetic-demo__transfer-row>small{grid-column:1/-1}.synthetic-demo__review-list,.synthetic-demo__credit-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.synthetic-demo__subheading,.synthetic-demo__review-card-heading{display:grid}.synthetic-demo__subheading .status-mark,.synthetic-demo__review-card-heading .status-mark{justify-self:start}.synthetic-demo__review-actions .button,.synthetic-demo__last-transfer .button{width:100%}}