/* Dedicated visual identity — delivery. Local mockup reference is documented in the activity blueprint. */
@import url('/demo-assets/demo-site-bespoke-base.css');
:root{--display:'Manrope',sans-serif;--bg:#101a2b;--surface:#182b42;--surface-2:color-mix(in srgb,#101a2b 92%,#fff);--ink:#f7fbff;--muted:#a7b9cc;--primary:#f36c21;--accent:#f36c21;--hero-ink:#101a2b;--radius:18px}
body{background:var(--bg)}
.site-header{border-bottom-color:color-mix(in srgb,var(--primary) 20%,var(--line))}
.hero{--hero-image:none;--hero-text:#fff}
.hero h1{font-weight:800}
.section-heading h2,.split-copy h2{font-family:var(--display)}
.btn-primary{background:var(--primary)}
.card,.menu-card,.listing-card,.person,.form-card{border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}
.btn-primary,.btn-ghost,.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:9px;font-weight:800;font-size:.86rem;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn-primary:hover,.btn-light:hover,.btn-ghost:hover{transform:translateY(-2px)}
.inline-form{grid-template-columns:1fr 1fr auto}
@media (max-width:640px){.search-panel .inline-form{grid-template-columns:1fr}}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:1.08rem;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--primary);color:#fff;font-size:.86rem}
.nav-main{display:flex;align-items:center;gap:20px;margin-left:auto;color:var(--muted);font-size:.82rem;font-weight:800}
.nav-main a:hover,.nav-main a:focus-visible{color:var(--primary)}
.header-actions{display:flex;align-items:center;gap:14px;margin-left:4px}.btn-header{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:9px;background:var(--primary);color:#fff;font-size:.76rem;font-weight:900}.link-login{color:var(--muted);font-size:.78rem;font-weight:800}
.hero-delivery{min-height:670px;background-image:radial-gradient(circle at 78% 45%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 35%),linear-gradient(110deg,#101a2b 12%,#162b44 62%,#1d3a55 100%)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:34px;width:min(100% - 40px,var(--container));margin-inline:auto;padding:92px 0 100px}
.hero-copy{max-width:640px}.hero-copy h1{max-width:620px}.hero-copy h1 em{font-style:normal;color:var(--accent)}.hero-copy p{max-width:550px}.hero-copy .eyebrow{color:#ff9a5d}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.hero-copy .hero-actions{align-items:center}.hero-copy .btn-primary{color:#fff}.hero-copy .btn-ghost{padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:9px}.status-dot{width:8px;height:8px;border-radius:50%;background:#44df8a;box-shadow:0 0 0 4px rgba(68,223,138,.14)}
.hero-visual{min-height:420px;display:grid;place-items:center}.delivery-orbit{position:relative;width:min(100%,500px);aspect-ratio:1.04}.orbit-ring{position:absolute;inset:11% 3%;border:1px solid rgba(243,108,33,.28);border-radius:50%;transform:rotate(-17deg)}.orbit-ring::after{content:'';position:absolute;inset:10% 12%;border:1px dashed rgba(255,255,255,.16);border-radius:50%}.delivery-card{position:absolute;background:rgba(31,56,82,.9);border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 22px 50px rgba(0,0,0,.24);backdrop-filter:blur(10px)}.delivery-card-main{inset:24% 8% auto;padding:24px}.delivery-card-top,.route-meta,.tracking-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.mini-label{color:#fff;font-size:.84rem;font-weight:800}.live-chip{padding:4px 7px;border-radius:999px;background:rgba(68,223,138,.14);color:#62e99d;font-size:.58rem;font-weight:900;letter-spacing:.12em}.route-line{position:relative;height:94px;margin:18px 6px 8px;border-bottom:2px solid rgba(255,255,255,.12);transform:skewY(-5deg)}.route-line::before{content:'';position:absolute;left:10%;right:10%;bottom:0;border-bottom:2px dashed rgba(255,255,255,.2);transform:translateY(2px)}.route-point{position:absolute;bottom:-8px;width:16px;height:16px;border:4px solid #203c59;border-radius:50%;background:var(--accent);z-index:2}.route-point.origin{left:8%}.route-point.destination{right:8%;background:#62e99d}.route-progress{position:absolute;left:10%;right:45%;bottom:-1px;border-bottom:3px solid var(--accent);z-index:1}.route-meta{color:#fff;font-size:.72rem;transform:skewY(0)}.route-meta div{display:grid;gap:2px}.route-meta strong{font-size:.76rem}.route-meta small{color:rgba(255,255,255,.56)}.route-destination{text-align:right}.delivery-card-float{right:-2%;top:12%;display:flex;align-items:center;gap:10px;padding:12px 14px;color:#fff}.delivery-card-float.bottom{right:auto;left:-4%;top:auto;bottom:13%}.delivery-card-float strong,.delivery-card-float small{display:block}.delivery-card-float strong{font-size:.75rem}.delivery-card-float small{margin-top:2px;color:rgba(255,255,255,.55);font-size:.65rem}.float-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(243,108,33,.18);color:#ff9a5d}.float-icon.green{background:rgba(68,223,138,.16);color:#62e99d}.float-icon .icon{width:17px;height:17px}
.section-tight{padding-top:34px}.section-kicker{margin-bottom:10px;color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.inline-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:11px}.inline-form label,.contact-form label{display:grid;gap:6px;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.04em}.inline-form input,.contact-form input,.contact-form textarea,.tracking-input input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);outline:none}.inline-form input:focus-visible,.contact-form input:focus-visible,.contact-form textarea:focus-visible,.tracking-input input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.search-panel h2{max-width:370px;font-family:var(--display);font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.04;letter-spacing:-.05em}.search-panel p{margin-top:7px;color:var(--muted);font-size:.83rem}.search-panel .inline-form{grid-column:1/-1}.search-panel>div:first-child{grid-column:1/-1;margin:4px 4px 4px}
.feature-section{background:var(--surface-2)}.feature-section .section-heading p{color:var(--muted)}.feature-card{position:relative;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.feature-number{position:absolute;top:22px;right:22px;color:color-mix(in srgb,var(--accent) 55%,var(--muted));font-size:.7rem;font-weight:900}.feature-icon,.service-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--accent)}.feature-icon .icon,.service-icon .icon{width:21px;height:21px}.feature-card h3{margin-top:24px;font-family:var(--display);font-size:1.15rem;letter-spacing:-.03em}.feature-card p{margin-top:8px;color:var(--muted);font-size:.84rem}.dark-section{background:#0c1522;color:#fff}.dark-section .section-heading p{color:rgba(255,255,255,.6)}.dark-section .eyebrow{color:#ff9a5d}.card-grid{display:grid;gap:14px}.card-grid-4{grid-template-columns:repeat(4,1fr)}.service-card{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.045)}.service-card h3{margin-top:22px;font-family:var(--display);font-size:1.14rem}.service-card p{min-height:44px;margin-top:8px;color:rgba(255,255,255,.62);font-size:.82rem}.service-card a{display:inline-flex;gap:7px;margin-top:25px;color:#ff9a5d;font-size:.75rem;font-weight:900}.service-card a span,.btn-primary span,.btn-light span{font-size:1.1em}
.tracking-section{background:var(--bg)}.split-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px}.tracking-section .split-copy{padding:0}.tracking-section .split-copy h2{max-width:480px}.tracking-section .split-copy p{max-width:500px;color:var(--muted)}.metric-row{display:flex;flex-wrap:wrap;gap:28px;margin-top:30px}.metric-row div{display:grid;gap:2px}.metric-row strong{font-family:var(--display);font-size:1.6rem;letter-spacing:-.04em}.metric-row span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.tracking-box{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.tracking-heading{justify-content:flex-start;margin-bottom:24px}.tracking-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--accent)}.tracking-icon .icon{width:20px;height:20px}.tracking-heading strong,.tracking-heading small{display:block}.tracking-heading strong{font-size:.93rem}.tracking-heading small{margin-top:3px;color:var(--muted);font-size:.72rem}.tracking-box>label{display:block;margin-bottom:6px;color:var(--muted);font-size:.7rem;font-weight:900}.tracking-input{display:flex;gap:8px}.tracking-input .btn-primary{flex:none}.tracking-help{margin-top:13px;color:var(--muted);font-size:.75rem}.tracking-help a{color:var(--primary);font-weight:800}.quote-band{background:var(--primary)}.quote-band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.quote-band-inner h2{max-width:740px;margin-top:11px;font-family:var(--display);font-size:clamp(1.8rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.055em}.quote-band .eyebrow{color:#ffe0cc}.contact-section{background:var(--surface-2)}.contact-grid{align-items:start}.contact-grid>div>h2,.contact-grid>div h2{max-width:450px;margin-top:12px;font-family:var(--display);font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.05em}.contact-grid>div>p{max-width:450px;margin-top:16px;color:var(--muted)}.contact-details{display:grid;gap:11px;margin-top:27px}.contact-details a{display:flex;align-items:center;gap:10px;color:var(--primary);font-size:.82rem;font-weight:800}.contact-details .icon{width:19px;height:19px;color:var(--accent)}.contact-form{display:grid;gap:14px;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.contact-form textarea{resize:vertical}.contact-form .btn-primary{justify-self:start}.brand-footer{color:#fff}.brand-footer+.footer-copy,.site-footer p{max-width:280px;margin-top:12px;color:rgba(255,255,255,.62);font-size:.84rem}.site-footer .footer-col h4{font-size:.77rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.site-footer .footer-col a{display:block;margin-top:9px;color:rgba(255,255,255,.7);font-size:.82rem}.site-footer .footer-col h3{color:var(--accent)}
@media (max-width:900px){.header-actions .link-login,.nav-main{display:none}.hero-grid{grid-template-columns:1fr;padding-top:72px}.hero-copy{max-width:720px}.hero-visual{min-height:390px}.card-grid-4{grid-template-columns:repeat(2,1fr)}.split-layout{gap:20px}.quote-band-inner{display:block}.quote-band-inner .btn-light{margin-top:24px}}
@media (max-width:640px){.hero-grid{width:min(100% - 28px,var(--container));padding:64px 0 74px}.hero-delivery{min-height:0}.hero-copy h1{font-size:clamp(2.6rem,13vw,4.2rem)}.hero-copy p{font-size:.98rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn-primary,.hero-actions .btn-ghost{width:100%;text-align:center}.hero-visual{min-height:310px}.delivery-card-main{inset:23% 2% auto;padding:17px}.delivery-card-float{right:-1%;top:7%;transform:scale(.86);transform-origin:right center}.delivery-card-float.bottom{left:-3%;bottom:7%;transform-origin:left center}.route-line{height:76px}.section-tight{padding-top:18px}.search-panel{padding:18px}.search-panel .inline-form{display:grid}.feature-card{padding:22px}.card-grid-4{grid-template-columns:1fr}.tracking-section .split-layout{grid-template-columns:1fr}.tracking-box{padding:20px}.tracking-input{display:grid}.tracking-input .btn-primary{width:100%}.metric-row{gap:18px}.quote-band-inner h2{font-size:2.3rem}.contact-form .btn-primary{width:100%}.site-footer .footer-grid{grid-template-columns:1fr 1fr}}