@font-face{font-family:Manrope;src:url(./Manrope-DIRNzeTG.ttf) format("truetype");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(./Outfit-vXxiUg8D.ttf) format("truetype");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(./BarlowCondensed-ExtraBoldItalic-BCMzCgyJ.ttf) format("truetype");font-weight:800;font-style:italic;font-display:swap}:root{--cyan: #00a0da;--black: #111111;--ink: #1c1915;--paper: #eceae4}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink)}:focus{outline:none}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}button,input,textarea{font:inherit}.presenter{min-height:100%;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;padding:16px 16px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-title{margin:0;font-size:22px;font-weight:700;letter-spacing:-.03em}.mode-switch{display:flex;gap:8px;flex-wrap:wrap}.mode{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--ink);background:#fff;color:var(--ink);font-weight:600;font-size:14px;cursor:pointer}.mode[aria-pressed=true]{background:var(--ink);color:#fff}.caption{margin:8px 0 16px;font-size:15px;line-height:1.4}.desktop-frame{width:min(1120px,100%);height:min(720px,calc(100vh - 160px));min-height:560px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 24px 60px #1c19152e;display:flex;flex-direction:column;overflow:hidden}.chrome{height:40px;flex:none;display:flex;align-items:center;gap:10px;padding:0 12px;background:#f7f6f3;border-bottom:1px solid #e4e1da}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;display:block}.dots i:nth-child(1){background:#ed6a5e}.dots i:nth-child(2){background:#f4bd4f}.dots i:nth-child(3){background:#62c554}.url-pill{background:#fff;border:1px solid #e3e0d8;border-radius:999px;padding:4px 12px;font-size:13px;line-height:1.2;color:var(--ink)}.viewport{flex:1;min-height:0}.scroller{height:100%;overflow:auto;container-type:inline-size;container-name:app;background:#f4f4f4}.phone-slot{width:390px;height:calc(32px + min(780px,100vh - 180px));margin:0 auto;position:relative}.phone{position:absolute;top:0;left:0;width:390px;box-sizing:border-box;padding:16px;background:#111;border-radius:36px;transform-origin:top left}.phone-screen{height:min(780px,calc(100vh - 180px));border-radius:24px;overflow:hidden;display:flex;flex-direction:column;background:#111}.status-row{height:28px;flex:none;display:flex;align-items:center;padding:0 16px;color:#fff;font-weight:600;font-size:14px}.product{min-height:100%;display:flex;flex-direction:column;background:#f4f4f4;color:var(--black);font-family:Outfit,sans-serif;font-size:16px;line-height:1.45}.product button,.product input,.product textarea{font-family:Outfit,sans-serif}.product-main{flex:1;display:flex;flex-direction:column}.product-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--black);position:sticky;top:0;z-index:5}.wordmark{height:52px;width:auto;display:block}.role-switch{display:flex;background:#2a2a2a;border-radius:999px;padding:4px;gap:4px;flex:none}.role-switch button{min-height:44px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.role-switch button[aria-pressed=true]{background:var(--cyan);color:var(--black)}.home{flex:1;display:grid;grid-template-columns:1.4fr .78fr;min-height:100%;background:var(--black)}.hero{position:relative;min-height:280px;color:#fff}.hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#11111114,#11111147 46%,#111111eb)}.hero-copy{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 24px 32px;gap:8px}.eyebrow{margin:0;align-self:flex-start;color:var(--cyan);background:#111;border-radius:4px;padding:3px 8px;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.display-xl,.page h1,.subhead{font-family:Barlow Condensed,Outfit,sans-serif;font-weight:800;font-style:italic;letter-spacing:-.02em;line-height:.92}.display-xl{font-size:68px;margin:0}.display-xl span{display:block}.hero-lead{margin:0;max-width:28rem;font-size:16px}.book-panel{background:#fff;color:var(--black);padding:28px 22px;display:flex;flex-direction:column;justify-content:center;gap:10px}.kicker{margin:0;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.kicker:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;background:var(--cyan);border-radius:2px}.book-address{margin:0;font-size:22px;font-weight:800;line-height:1.2}.book-detail{margin:0;font-size:16px}.phone-link{color:var(--black);font-weight:700;min-height:44px;display:inline-flex;align-items:center}.services{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:4px 0 0}.services li{border:1px solid #ddd;border-radius:999px;padding:8px 12px;font-weight:700;font-size:14px}.fine,.rate-label,.pay-note,.area,.note,.window{margin:0;font-size:14px;color:#333}.page{padding:20px 20px 28px}.request-wrap,.tracking-wrap{max-width:720px}.page h1{font-size:42px;margin:0 0 8px}.lead{margin:0 0 8px;font-size:16px}.subhead{font-size:28px;margin:16px 0 8px}.back{background:none;border:0;padding:0;min-height:44px;font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--black)}.field{display:flex;flex-direction:column;gap:6px;margin-top:14px}.legend-label{margin:0;font-weight:700;font-size:14px}fieldset{border:0;padding:0;margin:0}fieldset.field{margin-top:14px}input[type=text],input[type=tel],input:not([type=radio]):not([type=file]):not([type=checkbox]),textarea,input[type=file]{width:100%;min-height:44px;border:1px solid #ccc;border-radius:12px;padding:10px 12px;font-size:16px;background:#fff;color:var(--black)}textarea{min-height:96px;resize:vertical}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#9d1c1c}.error{color:#9d1c1c;font-size:14px;margin:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--black);background:#fff;font-weight:700;font-size:15px;cursor:pointer}.chip[aria-pressed=true]{background:var(--black);color:#fff}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{display:flex;gap:10px;align-items:center;min-height:44px;border:2px solid #ddd;border-radius:14px;padding:10px 12px;background:#fff;cursor:pointer}.choice:has(input:checked){border-color:var(--cyan)}.choice input{width:20px;height:20px;accent-color:var(--cyan)}.choice span{display:flex;flex-direction:column}.choice small{font-size:14px;color:#333}.photo-row{display:flex;flex-wrap:wrap;gap:8px}.photo-pick{width:128px;height:96px;padding:0;border-radius:12px;border:3px solid transparent;overflow:hidden;cursor:pointer;position:relative;background:#eee}.photo-pick img,.shot{width:100%;height:100%;object-fit:cover;display:block}.shot{width:160px;height:120px;border-radius:12px}.photo-pick[aria-pressed=true]{border-color:var(--cyan)}.added{position:absolute;left:6px;bottom:6px;background:var(--cyan);color:var(--black);font-size:14px;font-weight:800;padding:2px 6px;border-radius:999px}.file-label{font-weight:700;font-size:14px}.upload-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:10px}.upload-preview{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:8px}.upload-preview img{width:96px;height:72px;object-fit:cover;border-radius:8px}.upload-preview p{margin:0 0 6px;font-size:14px}.btn{min-height:44px;padding:0 18px;border-radius:999px;border:0;font-weight:700;font-size:16px;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-cyan{background:var(--cyan);color:var(--black)}.btn-cyan:hover:not(:disabled){background:#0093c8}.btn-cyan:focus-visible{outline-color:var(--black)}.btn-black{background:var(--black);color:#fff}.btn-black:hover:not(:disabled){background:#2a2a2a}.btn-line{background:#fff;color:var(--black);border:1px solid var(--black)}.action-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid #e6e6e6;padding:12px 0;margin-top:16px;z-index:2}.quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.quote-card{background:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;transition:transform .16s ease,box-shadow .16s ease}.quote-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1111111f}.quote-card.accepted{border:2px solid var(--cyan)}.quote-card .btn{width:100%}.badge-row{display:flex;flex-wrap:wrap;gap:6px;min-height:0}.badge{margin:0;background:var(--cyan);color:var(--black);font-weight:800;font-size:14px;border-radius:999px;padding:4px 8px}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.hauler-name{margin:0;font-weight:800;font-size:18px}.rating{margin:0;font-weight:800;font-size:16px}.rating span{color:var(--cyan)}.price{font-family:Barlow Condensed,Outfit,sans-serif;font-style:italic;font-weight:800;font-size:48px;line-height:.9;margin:4px 0}.split{margin:8px 0 0;display:grid;gap:6px}.split div{display:flex;justify-content:space-between;gap:12px;font-size:15px}.split dt{font-weight:500}.split dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:12px 0 16px}.step{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid #e6e6e6;font-weight:700;font-size:14px}.step-index{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eee;flex:none}.step.current{border-color:var(--cyan)}.step.current .step-index{background:var(--cyan);color:var(--black)}.step.complete .step-index{background:var(--black);color:#fff}.status-line{font-size:18px;font-weight:700;margin:0 0 12px}.panel{background:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:16px}.hauler-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start;margin-top:8px}.span-all{grid-column:1 / -1}.mini-quotes{list-style:none;padding:0;margin:0;display:grid;gap:8px}.mini-quotes li{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:700;border-bottom:1px solid #eee;padding-bottom:6px}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.notice{margin:8px 0 0;font-weight:700}.hero-copy>*{animation:rise .5s ease both}.hero-copy>*:nth-child(2){animation-delay:80ms}.hero-copy>*:nth-child(3){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.topbar{flex-wrap:wrap}.mode{flex:1;white-space:nowrap}}@media(max-width:429px){.phone-slot{width:calc(100vw - 24px);height:calc((32px + min(780px,100vh - 180px)) * (100vw - 24px) / 390)}.phone{transform:scale(calc((100vw - 24px)/390px))}}@container app (max-width: 720px){.quote-grid{grid-template-columns:1fr}}@container app (max-width: 520px){.home{grid-template-columns:1fr;background:#f4f4f4}.hero{min-height:0;display:flex;flex-direction:column}.hero img{position:relative;inset:auto;height:156px;object-position:center 46%}.hero-shade{display:none}.hero-copy{min-height:0;padding:12px 16px 16px;background:#111}.eyebrow{background:transparent;padding:0}.display-xl{font-size:40px}.book-panel{padding:18px 16px 22px}.book-panel .btn{width:100%}.page{padding:16px 14px 24px}.page h1{font-size:36px}.product-header{flex-wrap:wrap;padding:10px 12px}.wordmark{height:34px}.role-switch{width:100%}.role-switch button{flex:1}.choices,.hauler-grid,.steps{grid-template-columns:1fr}.action-bar .btn,.button-row .btn{width:100%}.span-all{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-copy>*{animation:none}.quote-card:hover{transform:none}}