:root{font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,monospace;color:#000;background:#f7f7f9;font-synthesis:none;--turq: #18d0bf;--mag: #ff447f;--vio: #8f52b2;--grad: linear-gradient(100deg, #18d0bf 0%, #8f52b2 52%, #ff447f 100%);--ink: #000;--gray: #9b9b9b;--gray-d: #5e5e5e;--gray-dark: #5e5e5e;--line: #e7e7ea;--line-2: #f1f1f3;--paper: #f7f7f9;--white: #fff;--turq-bg: #e3faf7;--mag-bg: #ffe7ef;--vio-bg: #f1e9f6;--radius: 16px;--radius-sm: 10px}*{box-sizing:border-box}html,body{margin:0}body{min-width:320px;background:var(--paper);-webkit-font-smoothing:antialiased;font-size:14px}body,button,input{font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,monospace}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.page-shell{min-height:100vh;padding:26px 22px 70px;display:grid;place-items:start center}.web-frame{width:min(100%,560px);background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px -34px #0006}.web-url{display:flex;align-items:center;gap:8px;padding:11px 16px;background:var(--paper);border-bottom:1px solid var(--line);color:var(--gray);font-size:11px}.lock{width:13px;height:13px;flex-shrink:0}.demo-pill{margin-left:auto;padding:3px 6px;border-radius:5px;color:#8a6314;background:#fbf1dd;font-size:9px;font-weight:800;letter-spacing:.08em}.web-hero{position:relative;overflow:hidden;padding:30px 30px 24px;color:#fff;background:var(--grad)}.portal-hero{background:var(--grad)}.circ{position:absolute;border:1.5px solid rgba(255,255,255,.25);border-radius:999px}.circ-one{width:150px;height:150px;top:-70px;right:-35px}.circ-two{width:90px;height:90px;bottom:-50px;left:40px}.web-hero h1,h1,h2,p{position:relative}.web-hero h1{margin:0 0 6px;font:800 26px/1.1 DM Sans,sans-serif;letter-spacing:-.03em}.web-hero p{max-width:34ch;margin:0;opacity:.92;font-size:12px;line-height:1.5}.eyebrow{display:block;color:var(--gray);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hero-eyebrow{color:#ffffffc7}.web-body{padding:26px 30px 30px}.web-foot{display:flex;justify-content:space-between;gap:10px;padding:14px 30px;border-top:1px solid var(--line);color:var(--gray);font-size:10px}.wiz{display:flex;align-items:center;margin-bottom:22px}.wiz-group{display:flex;align-items:center;flex:1}.wiz-group:last-child{flex:0 0 auto}.wiz-step{display:flex;align-items:center;gap:8px;color:var(--gray);font:700 12px DM Sans,sans-serif;white-space:nowrap}.wiz-step.active{color:var(--ink)}.wiz-step.done{color:var(--turq)}.wiz-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--line-2);color:var(--gray);font-size:11px}.wiz-step.active .wiz-num{background:var(--vio);color:#fff}.wiz-step.done .wiz-num{background:var(--turq-bg);color:var(--turq)}.wiz-conn{height:1.5px;flex:1;max-width:34px;margin:0 8px;background:var(--line)}h2{margin:0 0 6px;font:800 20px/1.2 DM Sans,sans-serif;letter-spacing:-.02em}.section-help{margin:0 0 17px;color:var(--gray);font-size:11px;line-height:1.6}.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.scard{position:relative;display:flex;min-height:171px;flex-direction:column;align-items:flex-start;padding:15px;border:1.5px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:var(--white);text-align:left;transition:.15s}.scard:hover{border-color:var(--vio)}.scard.selected{border-color:transparent;box-shadow:0 0 0 2px var(--vio);background:var(--vio-bg)}.scard.unavailable{opacity:.45}.size-check{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:var(--vio);font-size:11px;font-weight:800}.size-name{font:700 15px DM Sans,sans-serif}.size-dim{margin-top:3px;color:var(--gray);font-size:10px;line-height:1.3}.size-description{min-height:44px;margin-top:9px;color:var(--gray-dark);font-size:11px;line-height:1.35}.size-price{margin-top:auto;font-size:9px;color:var(--gray-dark)}.size-price b{color:var(--ink);font:800 18px DM Sans,sans-serif}.size-availability{margin-top:6px;color:var(--turq);font-size:10px;font-weight:800;text-transform:uppercase}.field{margin:17px 0}.field label{display:block;margin-bottom:7px;color:var(--gray);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.field label span{font-weight:400;letter-spacing:0;text-transform:none}.input{width:100%;padding:12px 13px;border:1.5px solid var(--line);border-radius:10px;outline:none;color:var(--ink);background:#fff;font-size:13px}.input:focus{border-color:var(--vio);box-shadow:none}.date-field{max-width:260px}.summary-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px;padding:11px 13px;border-radius:var(--radius-sm);color:var(--gray-dark);background:var(--paper);font-size:10px}.summary-bar b{color:var(--ink);font:800 15px DM Sans,sans-serif}.durations{display:grid;gap:10px}.duration-card{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border:1.5px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#fff;text-align:left}.duration-card.selected{border-color:transparent;box-shadow:0 0 0 2px var(--vio);background:var(--vio-bg)}.duration-card b,.duration-card strong{font:700 14px DM Sans,sans-serif}.duration-card small{display:block;margin-top:4px;color:var(--gray);font-size:10px}.duration-card strong{font-size:16px}.button-row{display:flex;gap:10px;margin-top:18px}.button{min-height:47px;padding:14px 18px;border:0;border-radius:12px;font:700 14px DM Sans,sans-serif;transition:.15s}.button-primary{color:#fff;background:var(--grad);box-shadow:0 8px 20px -10px #8f52b2b3}.button-primary:hover:not(:disabled){transform:translateY(-1px)}.button-primary:disabled{opacity:.6}.button-ghost{color:var(--gray-dark);border:1.5px solid var(--line);background:var(--white)}.button-block{display:block;width:100%;margin-top:9px}.payment-summary,.reservation-card{padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--radius)}.sum-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;color:var(--gray-dark);font-size:11px}.sum-row b{color:var(--ink);font:700 11px DM Sans,sans-serif;text-align:right}.sum-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:8px;padding-top:13px;border-top:1px dashed var(--line);font:700 13px DM Sans,sans-serif}.sum-total strong{font-size:25px}.payment-trust{display:flex;justify-content:center;align-items:center;gap:7px;margin:17px 0;color:var(--gray);font-size:10px}.payment-trust .lock{color:var(--turq)}.legal-note,.demo-note{margin:15px 0 0;color:var(--gray);font-size:10px;line-height:1.6;text-align:center}.error-callout{margin-top:15px;padding:13px 15px;border:1px solid #f6c4d5;border-radius:var(--radius-sm);color:#a01f4d;background:var(--mag-bg);font-size:12px;line-height:1.5}.loading{padding:70px 0;color:var(--gray);font-size:12px;text-align:center}.success-head{padding:10px 0 24px;text-align:center}.success-head h1,.empty-state h1{margin:8px 0;font:800 24px DM Sans,sans-serif;letter-spacing:-.03em}.success-head p,.empty-state p{max-width:38ch;margin:0 auto;color:var(--gray);font-size:11px;line-height:1.65}.success-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 15px;border-radius:50%;color:var(--turq);background:var(--turq-bg)}.success-icon svg{width:38px;height:38px}.portal-link-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper)}.portal-link-card strong{display:block;margin:6px 0;font:700 12px Roboto Mono,monospace}.portal-link-card p{margin:0;color:var(--gray);font-size:9px;line-height:1.5}.portal-link-card .button{flex-shrink:0}.portal-status{margin-bottom:15px;color:var(--gray-dark);font-size:10px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--turq)}.access-card,.extension-card{margin-top:18px;padding:16px;border:1.5px solid var(--line);border-radius:var(--radius)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h2{margin-top:5px;font-size:17px}.section-heading>svg{width:25px;height:25px;color:var(--turq)}.access-content{display:flex;align-items:center;gap:20px;margin-top:17px;padding:15px;border-radius:var(--radius-sm);background:var(--paper)}.qr-box{width:130px;height:130px;flex-shrink:0;padding:10px;border-radius:10px;background:#fff}.qr-box svg,.qr-box img{display:block;width:100%;height:100%}.access-code strong{display:block;margin-top:7px;color:var(--ink);font:800 32px DM Sans,sans-serif;letter-spacing:.18em}.access-code p{max-width:26ch;margin:9px 0 0;color:var(--gray);font-size:10px;line-height:1.55}.access-note{display:flex;align-items:center;gap:7px;margin-top:13px;color:var(--gray);font-size:9px;line-height:1.5}.access-note .lock{color:var(--turq)}.extension-badge{padding:4px 7px;border:1px solid var(--line);border-radius:5px;color:var(--gray-dark);background:var(--paper);font-size:9px;font-weight:800}.extension-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.extension-option{padding:10px 6px;border:1.5px solid var(--line);border-radius:8px;color:var(--gray-dark);background:#fff;font:700 11px DM Sans,sans-serif}.extension-option.selected{border-color:var(--vio);color:#5e2e7e;background:var(--vio-bg)}.quote-box{margin-top:14px;padding:12px;border-radius:var(--radius-sm);background:var(--paper)}.portal-expiry{display:grid;gap:4px;margin:18px 0;padding:12px 14px;border-radius:var(--radius-sm);color:var(--gray);background:var(--paper);font-size:10px}.portal-expiry b{color:var(--ink);font:700 11px DM Sans,sans-serif}.portal-expiry small{font-size:9px}.empty-state{padding:45px 0 30px;text-align:center}.empty-icon{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 17px;border-radius:50%;color:var(--mag);background:var(--mag-bg);font:800 24px DM Sans,sans-serif}.pending-icon{color:var(--turq);background:var(--turq-bg)}.pending-icon .lock{width:26px;height:26px}.empty-state .button{margin-top:22px}.extension-unavailable{margin-top:14px;padding:13px 14px;border:1px solid #ddc9ea;border-radius:var(--radius-sm);color:#5e2e7e;background:var(--vio-bg);font-size:10px;line-height:1.55}.extension-unavailable p{margin:5px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 560px){.page-shell{padding:0}.web-frame{min-height:100vh;border:0;border-radius:0}.web-body{padding:23px 20px 26px}.web-foot{padding:14px 20px}.web-hero{padding:27px 20px 24px}.sizes{grid-template-columns:repeat(2,1fr)}.wiz-label{display:none}.wiz-step{gap:0}.portal-link-card{align-items:stretch;flex-direction:column}.access-content{align-items:flex-start;flex-direction:column}.qr-box{width:150px;height:150px;align-self:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}