/* Shared finishing touches: light Haitian blue/red, classic headings, quiet surfaces. */
body{background:radial-gradient(ellipse at 0 22%,#edf3ff85,transparent 38%),radial-gradient(ellipse at 100% 65%,#fff0f380,transparent 32%),#fbfcff;color:#263e61}
body>header{background:#ffffffb8;border-bottom:1px solid #e5ecf7}
body>header nav a{padding:9px 12px;border-radius:9px;transition:background .15s,color .15s}
body>header nav a:hover{background:#eef4ff;color:#2559ae}
body>header nav{gap:8px}
body>.wrap .hero{box-shadow:0 14px 40px #254e8710;border-radius:24px}
body>.wrap .hero-copy h1{font-family:Georgia,'Times New Roman',serif;color:#244675}
.hero-art .float-card{box-shadow:0 12px 30px #24467518;border-radius:15px}
body>.wrap .searchbar{border:1px solid #d9e4f4;box-shadow:0 8px 26px #24548d0a;padding:12px;border-radius:16px}
.searchbar:focus-within{border-color:#8fb0e8;box-shadow:0 0 0 3px #e7efff}
.searchbar .btn{border-radius:11px}
body>.wrap .chips .chip{background:#fff;border-color:#dce5f3;box-shadow:0 2px 5px #24467504;transition:background .15s,border-color .15s}
body>.wrap .chips .chip:hover{background:#eef4ff;border-color:#b9ceef}
body>.wrap .chips .chip.active{background:#255fce;border-color:#255fce;box-shadow:0 4px 10px #255fce20;color:#fff}
.section-head>div:first-child{border-left:3px solid #df6a80;padding-left:14px}
body>.wrap .section-head h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#254675;line-height:1.2}
.section-head .sub{margin-top:8px}
body>.wrap .tabs{border-radius:12px;padding:5px;border-color:#dae4f3}
body>.wrap .tabs button{border-radius:8px}
body>.wrap .pilot-toolbar{border:1px solid #e0e9f6;background:#f3f7fe;border-radius:12px;color:#5b6f8a}
body>.wrap .card{border:1px solid #e0e7f2;border-radius:18px;box-shadow:0 5px 18px #24467507;transition:transform .2s,box-shadow .2s}
body>.wrap .card:hover{box-shadow:0 12px 25px #24467514}
.card .picture{border-bottom:1px solid #e5ebf5}
.card .tag{border-radius:6px;padding:5px 8px;background:#ffffffed;color:#34547e;box-shadow:0 2px 7px #2446750c}
.card .heart{border:1px solid #e3e9f3;box-shadow:0 3px 8px #2446750d;min-width:36px;min-height:36px}
.card .heart.saved{color:#bd3e58;background:#fff1f4;border-color:#f3ced7}
.card h3{color:#25436b;line-height:1.35;letter-spacing:-.15px}
.card .meta{color:#6a7d98;line-height:1.5;font-size:9px;letter-spacing:.8px}
.card .price{color:#235cb9}
.card .location{color:#78879c}
.card .card-bottom{border-top-color:#edf1f7}
body>.wrap .banner{border-radius:22px;box-shadow:0 8px 28px #24467507;background:radial-gradient(ellipse at 95% 70%,#ffe7ed80,transparent 50%),linear-gradient(110deg,#eaf2ff,#f7faff)}
.banner .btn{border-radius:11px;box-shadow:0 5px 12px #bc3c5419}
.story-heading h2,.plans-head h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#244675}
.story-card{border-radius:18px;border-color:#e0e7f2;box-shadow:0 5px 18px #24467505}
.story-number{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #f2d9e0;border-radius:10px;background:#fff4f6;color:#b84660}
.story-card h3{color:#294c7d}
.local-roadmap{border:1px solid #dce8fa;border-radius:16px;background:linear-gradient(110deg,#edf4ff,#f9fbff)}
.plan{border-radius:20px;border-color:#dfe7f4;box-shadow:0 5px 22px #24467506}
.plan.featured{background:linear-gradient(160deg,#edf4ff,#fff);border-color:#5a88d8;box-shadow:0 9px 26px #245dc018}
.ribbon{border-radius:7px;background:#386ac1;padding:5px 12px}
.empty{background:linear-gradient(130deg,#f0f5ff,#fff8fa);border-color:#c7d8f0;border-radius:18px;color:#526a8c}
dialog{background:#fff;border:1px solid #e0e8f4;box-shadow:0 24px 90px #173e7438}
dialog::backdrop{background:#17365869}
dialog h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#244675}
dialog .form :is(input,select,textarea){border-color:#d6e1f1;border-radius:10px}
dialog .close{background:#eef3fb;color:#456389}
dialog .workspace-row{border:1px solid #dfe7f3;border-radius:14px;margin-top:12px;background:#f9fbff}
#connector-account-page .account-cards>section{border-radius:20px!important;box-shadow:0 7px 24px #24467508}
#connector-account-page .btn{border-radius:10px}
#technical-support-button{background:linear-gradient(120deg,#2867d9,#2456b7);border:1px solid #dce8ff}
@media(min-width:641px){.hero-copy .mobile-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.hero-copy .mobile-hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;font-size:13px}.hero-copy .hero-note{margin-top:20px}}
@media(max-width:640px){
  body>.wrap .card{border-radius:15px}
  body>.wrap .grid{gap:11px}
  .section-head>div:first-child{padding-left:11px}
  body>.wrap .section-head h2{font-size:26px;letter-spacing:-.5px}
  body>.wrap .searchbar{padding:10px}
  body>.wrap .searchbar{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);gap:8px}
  body>.wrap .searchbar .searchicon{grid-column:1;padding:0;text-align:center}
  body>.wrap .searchbar input{grid-column:2/4;width:100%;min-width:0;min-height:44px;padding:8px 0;font-size:16px}
  body>.wrap .searchbar select{grid-column:1/3;width:100%;min-width:0;min-height:44px;border:1px solid #e0e7f2;border-radius:9px;font-size:13px;padding:8px}
  body>.wrap .searchbar .btn{grid-column:3;min-height:44px;padding:9px 8px;font-size:12px}
  .card .heart{min-width:36px;min-height:36px}
  .card .tag{padding:4px 6px}
  .card .card-bottom{align-items:flex-start;row-gap:6px}
  .story-card{border-radius:17px}
  body>.wrap .pilot-toolbar{padding:12px}
}
@media(prefers-reduced-motion:reduce){.card,.chip,body>header nav a{transition:none!important}.card:hover{transform:none}}