/* ---- Brand tokens (dark theme matching amvetusa.com). Overridable from admin Settings via style ---- */ :root{ --gold:#e0b252;--gold-dark:#c99a3c;--btn:#c0453d;--btn-dark:#97342e; --bg:#0d0d0f;--bg-soft:#131316;--surface:#1a1a1e;--surface-2:#212126;--text:#f4f2ef;--muted:#b8b4ae;--line:rgba(255,255,255,.1); --charcoal:#212126;--black:#0d0d0f; --green:#5fcf7a;--red:#eda49e;--amber:#e0b252;--blue:#8fb8ff;--gray:#b8b4ae; --radius:14px;--shadow:0 12px 32px rgba(0,0,0,.35); --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-display:"Archivo","Inter",system-ui,sans-serif; } *{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--text);background:var(--bg)} a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline} img{max-width:100%;display:block} h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2;color:var(--text);font-family:var(--font-display);letter-spacing:-.01em} h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem} p{margin:0 0 1rem} .muted{color:var(--muted)}.small{font-size:.875rem}.tiny{font-size:.78rem} .mt0{margin-top:0}.mb0{margin-bottom:0}.mt1{margin-top:.5rem}.mt2{margin-top:1rem}.mt3{margin-top:1.5rem}.mb2{margin-bottom:1rem} .text-center{text-align:center}.right{text-align:right}.nowrap{white-space:nowrap} .flex{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1} .hidden{display:none!important} .container{max-width:1100px;margin:0 auto;padding:0 1rem} .narrow{max-width:720px} /* ---- Header / nav ---- */ .topbar{background:var(--bg-soft);color:#fff;border-bottom:1px solid var(--line)} .topbar .container{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:1rem} .brand{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:700;font-size:1.1rem;letter-spacing:.02em;font-family:var(--font-display)} .brand:hover{text-decoration:none} .brand img{height:46px;width:auto} .brand .mark{width:36px;height:36px;border-radius:8px;background:var(--gold);color:#0d0d0f;display:grid;place-items:center;font-weight:800} .nav{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap} .nav a{color:var(--muted);padding:.5rem .75rem;border-radius:8px;font-weight:500} .nav a:hover,.nav a.active{background:rgba(255,255,255,.06);color:#fff;text-decoration:none} .nav .btn{margin-left:.5rem} .menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:8px;padding:.4rem .6rem;font-size:1.1rem} @media (max-width:760px){ .menu-toggle{display:block} .nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:.75rem} .nav.open{display:flex} .nav a{padding:.7rem .75rem} .topbar .container{flex-wrap:wrap} } footer.site{margin-top:3rem;padding:2rem 0;color:var(--muted);font-size:.875rem;border-top:1px solid var(--line)} /* ---- Layout blocks ---- */ main{padding:1.5rem 0} .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)} .card.feature{align-items:center} .card+.card{margin-top:1rem} .card h2:first-child,.card h3:first-child{margin-top:0} .card-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap} .grid{display:grid;gap:1rem} .grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))} .grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .grid-4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))} .stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem} .stat .n{font-size:1.9rem;font-weight:800;color:var(--text);line-height:1.1;font-family:var(--font-display)} a.stat{text-decoration:none}a.stat:hover{border-color:var(--gold)} .stat .l{color:var(--muted);font-size:.85rem} .stat.warn .n{color:var(--amber)}.stat.good .n{color:var(--green)} /* ---- Buttons ---- */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.2rem;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:1rem;cursor:pointer;line-height:1.2;background:linear-gradient(135deg,var(--btn),var(--btn-dark));color:#fff;text-decoration:none;transition:box-shadow .15s,transform .05s,filter .15s;min-height:44px;box-shadow:0 8px 24px rgba(151,52,46,.35);font-family:var(--font-display)} .btn:hover{filter:brightness(1.1);color:#fff;text-decoration:none;box-shadow:0 12px 32px rgba(192,69,61,.45)} .btn:active{transform:translateY(1px)} .btn.secondary{background:transparent;color:var(--text);border-color:rgba(255,255,255,.25);box-shadow:none} .btn.secondary:hover{background:rgba(255,255,255,.06);color:#fff;border-color:var(--gold)} .btn.dark{background:var(--gold);color:#0d0d0f;box-shadow:none}.btn.dark:hover{background:var(--gold-dark);color:#0d0d0f} .btn.danger{background:transparent;color:var(--red);border-color:rgba(237,164,158,.5);box-shadow:none}.btn.danger:hover{background:var(--btn-dark);color:#fff} .btn.success{background:#2e8b57;color:#fff;box-shadow:none}.btn.success:hover{background:#25734a} .btn.sm{padding:.4rem .8rem;font-size:.875rem;min-height:36px} .btn.lg{padding:.9rem 1.6rem;font-size:1.1rem} .btn.block{width:100%} .btn[disabled]{opacity:.55;cursor:not-allowed} .btn-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center} .btn-row.between{justify-content:space-between} .link-btn{background:none;border:none;color:var(--gold);cursor:pointer;font:inherit;padding:0} .link-btn:hover{text-decoration:underline} /* ---- Forms ---- */ label{display:block;font-weight:600;margin-bottom:.35rem;color:var(--text)} label .req{color:var(--red)} label .opt{color:var(--muted);font-weight:400;font-size:.85rem} .help{color:var(--muted);font-size:.85rem;margin-top:.3rem} input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=time],input[type=url],select,textarea{ width:100%;padding:.75rem .85rem;border:1px solid rgba(255,255,255,.18);border-radius:10px;font:inherit;background:var(--surface-2);color:var(--text);min-height:46px;color-scheme:dark} textarea{min-height:110px;resize:vertical} input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(224,178,82,.25)} input::placeholder,textarea::placeholder{color:#7d7972} input[readonly]{opacity:.75} .field{margin-bottom:1.1rem} .field.error input,.field.error select,.field.error textarea{border-color:var(--btn);background:rgba(192,69,61,.12)} .err{color:var(--red);font-size:.875rem;margin-top:.35rem;font-weight:500} .row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))} .row.fixed-2{grid-template-columns:1fr 1fr} @media (max-width:560px){.row.fixed-2{grid-template-columns:1fr}} .check{display:flex;gap:.6rem;align-items:flex-start;font-weight:500;cursor:pointer} .check input{width:20px;height:20px;margin-top:.15rem;flex:none;accent-color:var(--gold)} .switch{display:flex;gap:.7rem;align-items:center;font-weight:600;cursor:pointer;padding:.75rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)} .switch input{width:22px;height:22px;accent-color:var(--gold)} .inline-form{display:inline} .input-group{display:flex} .input-group input{border-radius:10px 0 0 10px} .input-group .btn{border-radius:0 10px 10px 0} .hp{position:absolute;left:-9999px;opacity:0;height:0;width:0} /* choice cards (radio) */ .choices{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))} .choice{position:relative;display:block;border:2px solid var(--line);border-radius:12px;padding:1rem;background:var(--surface-2);cursor:pointer;transition:border-color .15s,box-shadow .15s} .choice:hover{border-color:rgba(224,178,82,.5)} .choice input{position:absolute;opacity:0;width:0;height:0} .choice .t{font-weight:700;color:var(--text);font-family:var(--font-display)} .choice .s{font-size:.85rem;color:var(--muted);margin-top:.2rem;font-weight:400} .choice:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 3px rgba(224,178,82,.25);background:rgba(224,178,82,.1)} .choice:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px} .choice.vehicle{padding:0;overflow:hidden} .choice.vehicle img{width:100%;aspect-ratio:4/3;object-fit:cover} .choice.vehicle .body{padding:.85rem 1rem} .choice.vehicle .cap{display:inline-block;background:rgba(224,178,82,.14);border-radius:6px;padding:.15rem .5rem;font-size:.8rem;margin-top:.35rem;color:var(--gold);font-weight:600} .choice.vehicle.nophoto .ph{aspect-ratio:4/3;background:linear-gradient(135deg,#1a1a1e,#2a2a30);display:grid;place-items:center;color:var(--gold);font-size:2.5rem} /* stepper */ .stepper{display:flex;gap:.25rem;margin:0 0 1.5rem;padding:0;list-style:none;counter-reset:s} .stepper li{flex:1;text-align:center;font-size:.8rem;color:var(--muted);position:relative;padding-top:2.1rem} .stepper li a:hover{text-decoration:none;color:var(--gold)} .stepper li::before{counter-increment:s;content:counter(s);position:absolute;top:0;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);font-weight:700;display:grid;place-items:center;font-size:.85rem;z-index:1} .stepper li::after{content:"";position:absolute;top:14px;left:50%;width:100%;height:3px;background:var(--surface-2)} .stepper li:last-child::after{display:none} .stepper li.done::before{background:#2e8b57;color:#fff;border-color:#2e8b57;content:"\2713"} .stepper li.done::after{background:#2e8b57} .stepper li.current{color:var(--text);font-weight:700} .stepper li.current::before{background:var(--gold);color:#0d0d0f;border-color:var(--gold);box-shadow:0 0 0 4px rgba(224,178,82,.3)} .stepper li a{color:inherit;display:block} @media (max-width:560px){.stepper li span.lbl{display:none}.stepper li.current span.lbl{display:block}} .wizard-title{margin-bottom:.25rem} .wizard-sub{color:var(--muted);margin-bottom:1.25rem} .wizard-nav{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)} .summary{display:grid;gap:.6rem} .summary .item{display:grid;grid-template-columns:150px 1fr;gap:.5rem;padding:.55rem 0;border-bottom:1px dashed var(--line)} .summary .item .k{color:var(--muted);font-size:.9rem} .summary .item .v{font-weight:500;color:var(--text)} @media (max-width:480px){.summary .item{grid-template-columns:1fr}} .summary-head{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 .25rem} .summary-head h3{margin:0} /* alerts / flash */ .alert{padding:.85rem 1rem;border-radius:10px;margin-bottom:1rem;border:1px solid;display:flex;gap:.6rem;align-items:flex-start} .alert.success{background:rgba(95,207,122,.12);border-color:rgba(95,207,122,.4);color:#c9f0d2} .alert.error{background:rgba(192,69,61,.15);border-color:rgba(192,69,61,.5);color:#f6cfcc} .alert.info{background:rgba(143,184,255,.12);border-color:rgba(143,184,255,.4);color:#d6e4ff} .alert.warn{background:rgba(224,178,82,.14);border-color:rgba(224,178,82,.45);color:#f3dfae} .alert .x{margin-left:auto;background:none;border:none;font-size:1.1rem;cursor:pointer;color:inherit;opacity:.6} /* badges */ .badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap} .badge.amber{background:rgba(224,178,82,.2);color:var(--gold)}.badge.green{background:rgba(95,207,122,.18);color:#8fe3a5}.badge.blue{background:rgba(143,184,255,.18);color:#b6cfff} .badge.red{background:rgba(192,69,61,.25);color:#f3b9b4}.badge.gray{background:rgba(255,255,255,.1);color:var(--muted)}.badge.gold{background:var(--gold);color:#0d0d0f} /* tables */ .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} table.list{width:100%;border-collapse:collapse;font-size:.93rem;background:transparent} table.list th,table.list td{padding:.7rem .75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top} table.list th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg-soft)} table.list tr:hover td{background:rgba(255,255,255,.03)} table.list td a.strong{font-weight:700;color:var(--text)} /* trip cards */ .trip{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:.75rem} .trip:hover{border-color:var(--gold)} .trip .date{text-align:center;min-width:64px;background:var(--surface-2);border-radius:10px;padding:.5rem} .trip .date .d{font-size:1.5rem;font-weight:800;line-height:1;color:var(--gold);font-family:var(--font-display)} .trip .date .m{font-size:.75rem;text-transform:uppercase;color:var(--muted);font-weight:700} .trip .route{font-weight:600;color:var(--text)} .trip .meta{font-size:.85rem;color:var(--muted)} @media (max-width:560px){.trip{grid-template-columns:auto 1fr}.trip>.actions{grid-column:1/-1}} /* hero (landing) */ .hero{position:relative;overflow:hidden;width:100vw;margin:-1.5rem 0 0 calc(50% - 50vw);padding:5rem 0 4.5rem;color:#fff;border-bottom:1px solid var(--line)} .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 78% 18%,rgba(151,52,46,.35),transparent 65%),radial-gradient(ellipse 45% 40% at 12% 85%,rgba(224,178,82,.10),transparent 60%),var(--bg)} .hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--hero-logo);background-repeat:no-repeat;background-position:right -12% center;background-size:min(62vw,780px);opacity:.06} .hero .container{position:relative;z-index:1}.hero-inner{max-width:640px} .hero h1{color:#fff;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:900;text-transform:uppercase;line-height:1.02;margin:0 0 .5rem}.hero h1 .accent{color:var(--gold)} .hero-sub{margin-top:1.4rem;font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--muted);max-width:34rem} .hero-stats{margin-top:3rem;display:flex;gap:2.5rem;flex-wrap:wrap}.hero-stats div{border-left:2px solid var(--btn-dark);padding-left:1rem}.hero-stats strong{display:block;font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:var(--gold)}.hero-stats span{font-size:.85rem;color:var(--muted)} .hero .gold{color:var(--gold)} .hero .btn-row{margin-top:1.5rem} .feature{display:flex;gap:.8rem;align-items:flex-start} .feature .ico{width:40px;height:40px;border-radius:10px;background:var(--gold);color:#0d0d0f;display:grid;place-items:center;font-weight:800;flex:none;font-family:var(--font-display)} /* admin sidebar layout */ .admin{display:grid;grid-template-columns:230px 1fr;min-height:100vh} .side{background:var(--bg-soft);color:var(--muted);padding:1rem;position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--line)} .side .brand{margin-bottom:1.25rem;padding:.25rem} .side nav a{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:8px;color:var(--muted);font-weight:500} .side nav a:hover,.side nav a.active{background:rgba(255,255,255,.06);color:#fff;text-decoration:none} .side nav a.active{border-left:3px solid var(--gold)} .side .sec{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#7d7972;margin:1rem .7rem .3rem} .side .who{margin-top:1.5rem;padding:.75rem;border-top:1px solid var(--line);font-size:.85rem} .content{padding:1.5rem;min-width:0} .content .page-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem} @media (max-width:860px){ .admin{grid-template-columns:1fr} .side{position:static;height:auto;padding:.75rem 1rem} .side nav{display:none;flex-wrap:wrap;gap:.25rem} .side nav.open{display:flex} .side .sec{display:none} .side .who{display:none} .side .hdr{display:flex;justify-content:space-between;align-items:center} } .tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--line);margin-bottom:1.25rem;flex-wrap:wrap} .tabs a{padding:.6rem .9rem;color:var(--muted);font-weight:600;border-bottom:3px solid transparent;margin-bottom:-2px} .tabs a.active{color:var(--text);border-color:var(--gold)} .tabs a:hover{text-decoration:none;color:var(--text)} .filters{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem} .filters input,.filters select{min-height:40px;padding:.4rem .7rem;width:auto} .pill{display:inline-block;padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:var(--surface-2);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer} .pill.active{background:var(--gold);color:#0d0d0f;border-color:var(--gold)} .pill:hover{text-decoration:none} .timeline{list-style:none;padding:0;margin:0} .timeline li{padding:.5rem 0 .5rem 1rem;border-left:3px solid var(--line);font-size:.9rem;position:relative} .timeline li::before{content:"";position:absolute;left:-7px;top:.9rem;width:11px;height:11px;border-radius:50%;background:var(--gold)} .timeline .when{color:var(--muted);font-size:.78rem} .pre{white-space:pre-wrap;font-family:inherit;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:.75rem;font-size:.9rem} .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px} .cal .dh{font-size:.75rem;text-transform:uppercase;color:var(--muted);text-align:center;padding:.3rem} .cal .day{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;min-height:90px;padding:.3rem;font-size:.78rem} .cal .day.today{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)} .cal .day .n{font-weight:700;color:var(--muted)} .cal .day a{display:block;background:rgba(224,178,82,.18);border-radius:4px;padding:.1rem .3rem;margin-top:2px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cal .day.empty{background:transparent;border:none} code.k{background:var(--surface-2);padding:.15rem .4rem;border-radius:6px;font-size:.85rem;word-break:break-all;color:var(--gold)} .token-box{background:#000;color:var(--gold);padding:.8rem 1rem;border-radius:10px;font-family:monospace;word-break:break-all;border:1px solid var(--line)} .payment-box{border:1px solid var(--line);border-radius:12px;padding:1rem;background:var(--surface-2)} #card-element{padding:.85rem;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:var(--surface-2)} .tips{display:flex;gap:.5rem;flex-wrap:wrap} .tips .pill{cursor:pointer} .total-line{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px dashed var(--line)} .total-line.big{font-size:1.25rem;font-weight:700;border-bottom:none;color:var(--gold)} .auth-wrap{max-width:460px;margin:2rem auto} .auth-wrap .card{padding:1.75rem} hr{border:none;border-top:1px solid var(--line);margin:1.25rem 0} select option{background:#1a1a1e;color:#f4f2ef} .cal .day.today{border-color:var(--gold)} .cal .day.empty{background:transparent} .print-only{display:none} @media print{.topbar,footer.site,.btn,.no-print{display:none!important}.print-only{display:block}body{background:#fff;color:#000}.card{box-shadow:none;border:none;background:#fff}h1,h2,h3,.summary .item .v{color:#000}} .pac-container{background:#1a1a1e;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-family:var(--font);z-index:10000}.pac-item{color:#f4f2ef;border-top:1px solid rgba(255,255,255,.08);padding:.4rem .6rem;cursor:pointer}.pac-item:hover,.pac-item-selected{background:rgba(224,178,82,.15)}.pac-item-query{color:#fff}.pac-matched{color:var(--gold)} .gm-err-autocomplete{background-image:none!important;background-color:var(--surface-2)!important} /* ---- amvetusa.com styling ---- */ .announce{background:#6e2521;font-size:.82rem;color:rgba(255,255,255,.9)} .announce-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 0;flex-wrap:wrap} .announce a{font-weight:600;color:#fff;margin-left:1.25rem}.announce a:hover{color:var(--gold);text-decoration:none} @media (max-width:760px){.announce-inner{justify-content:center;text-align:center}.announce-note{display:none}.announce-email{display:none}} .topbar{position:sticky;top:0;z-index:100;background:rgba(13,13,15,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)} .topbar .container{min-height:76px} .brand-text{display:flex;flex-direction:column;line-height:1.05} .brand-text strong{font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:.01em;color:#fff} .brand-text em{font-style:normal;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)} .brand img{height:44px} .nav a{font-weight:500;font-size:.95rem}.nav a.btn{font-weight:700} .btn{letter-spacing:.02em}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)} .btn.secondary{background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.25);backdrop-filter:blur(6px)}.btn.secondary:hover{border-color:var(--gold);color:var(--gold);background:rgba(255,255,255,.04)} .eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)} .eyebrow::before{content:"";width:34px;height:2px;background:var(--btn);border-radius:2px} section{padding:4rem 0}main>.container>section:first-child{padding-top:0} .section-head{max-width:640px;margin-bottom:2.5rem}.section-head h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-top:.8rem;font-weight:800}.section-head p{margin-top:.8rem;color:var(--muted)} .section-head.center{margin-inline:auto;text-align:center}.section-head.center .eyebrow{justify-content:center}.section-head.center .eyebrow::before{display:none} .pillars{background:var(--bg-soft);border-block:1px solid var(--line);width:100vw;margin-left:calc(50% - 50vw)} .pillar{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 1.6rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;color:inherit} .pillar:hover{transform:translateY(-6px);border-color:rgba(224,178,82,.4);box-shadow:var(--shadow);text-decoration:none} .pillar h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em;margin:0}.pillar p{margin:.7rem 0 0;font-size:.94rem;color:var(--muted)} .pillar .ico{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--btn),var(--btn-dark));color:#fff;display:grid;place-items:center;font-weight:800;font-family:var(--font-display);margin-bottom:1rem;box-shadow:0 6px 16px rgba(151,52,46,.35)} .card{border-radius:18px}.card:hover{border-color:rgba(255,255,255,.14)} .choice.vehicle{border-radius:18px}.choice.vehicle:hover{transform:translateY(-4px);transition:transform .25s ease} footer.site{background:#0a0a0c;border-top:1px solid var(--line);padding:3.5rem 0 0;margin-top:3rem;color:var(--muted)} .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:2.5rem;padding-bottom:2.5rem} @media (max-width:760px){.footer-grid{grid-template-columns:1fr}} footer.site h3{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem} footer.site ul{list-style:none;padding:0;margin:0}footer.site ul li{margin-bottom:.6rem}footer.site ul a{font-size:.94rem;color:var(--muted)}footer.site ul a:hover{color:#fff;text-decoration:none} .footer-brand p{font-size:.92rem;color:var(--muted);max-width:26rem;margin-top:1rem} .footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.4rem 0;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}.footer-bottom a{color:var(--gold)} .osm-ac{position:absolute;z-index:10000;background:#1a1a1e;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.45);overflow:hidden;font-family:var(--font)}.osm-item{padding:.55rem .75rem;cursor:pointer;color:#f4f2ef;font-size:.95rem;border-top:1px solid rgba(255,255,255,.06)}.osm-item:first-child{border-top:none}.osm-item:hover,.osm-item.on{background:rgba(224,178,82,.15)}.osm-credit{padding:.25rem .75rem;font-size:.68rem;color:#7d7972;background:#131316} /* ---- Dispatch board ---- */ .dispatch-board{display:grid;gap:1rem;grid-template-columns:1fr 1fr;align-items:start} .dispatch-board .card+.card{margin-top:0} @media (max-width:1100px){.dispatch-board{grid-template-columns:1fr}.dispatch-board .card+.card{margin-top:1rem}} .dcard{border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;background:var(--surface-2);margin-bottom:.75rem;scroll-margin-top:1rem} .dcard.urgent{border-color:rgba(192,69,61,.6);box-shadow:inset 4px 0 0 var(--btn)} .dcard.live{border-color:rgba(143,184,255,.5);box-shadow:inset 4px 0 0 var(--blue)} .dcard.arrived{border-color:rgba(95,207,122,.5);box-shadow:inset 4px 0 0 var(--green)} .dcard:target{outline:2px solid var(--gold);outline-offset:2px} .dcard .head{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start;flex-wrap:wrap} .dcard .num{font-weight:700;color:var(--text);font-family:var(--font-display)} .dcard .when{font-weight:700;color:var(--gold);white-space:nowrap} .dcard .rel{font-size:.78rem;color:var(--muted)}.dcard .rel.urgent-text{color:var(--red);font-weight:700} .dcard .route{font-size:.9rem;margin:.4rem 0;line-height:1.4} .dcard .route strong{color:var(--muted);font-weight:600;display:inline-block;width:3.2rem} .assign-bar{display:flex;justify-content:space-between;gap:.5rem;background:var(--bg-soft);border-radius:8px;padding:.45rem .7rem;margin:.5rem 0;font-size:.9rem;flex-wrap:wrap;align-items:center} .assign-bar .drv{color:#8fe3a5;font-weight:700}.assign-bar .veh{color:var(--gold);font-size:.85rem} .pax{display:inline-block;background:var(--gold);color:#0d0d0f;padding:0 .5rem;border-radius:999px;font-size:.75rem;font-weight:700;vertical-align:middle;line-height:1.5} .tl-chips{display:flex;gap:.4rem;flex-wrap:wrap;margin:.4rem 0} .tl-chips span{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:.15rem .5rem;font-size:.75rem;color:var(--muted)} .tl-chips span b{color:var(--text)} .dnote{background:rgba(143,184,255,.1);border-left:3px solid var(--blue);border-radius:6px;padding:.4rem .6rem;font-size:.85rem;margin:.4rem 0;white-space:pre-wrap} .pnote{background:rgba(224,178,82,.1);border-left:3px solid var(--gold);border-radius:6px;padding:.4rem .6rem;font-size:.85rem;margin:.4rem 0;white-space:pre-wrap;color:var(--muted)} .dispatch-form{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-top:.6rem;align-items:center} .dispatch-form .full{grid-column:1/-1} .dispatch-form select,.dispatch-form input[type=text]{min-height:40px;padding:.4rem .6rem;font-size:.9rem} .dispatch-form .hint{font-size:.78rem;min-height:1em;color:var(--muted)} .dispatch-form .hint:empty{display:none} .dispatch-form .hint.warn{color:var(--amber)}.dispatch-form .hint.bad{color:var(--red);font-weight:600} .dispatch-form .btn-row{grid-column:1/-1} @media (max-width:560px){.dispatch-form{grid-template-columns:1fr}} .dcard .actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem;align-items:center} .dcard .actions form{display:contents} .roster{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))} .roster .drv{border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;background:var(--surface-2);font-size:.88rem} .roster .drv .nm{font-weight:700;display:flex;justify-content:space-between;gap:.5rem;align-items:baseline} .roster .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.35rem;vertical-align:middle} .dot.free{background:var(--green)}.dot.busy{background:var(--blue);box-shadow:0 0 0 3px rgba(143,184,255,.25)}.dot.off{background:#6b6862}.dot.soon{background:var(--gold)} .alerts li{margin:.2rem 0} .pager{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.75rem}