/* Medisell.com - 2026 transitional gateway. No frameworks, no remote assets. */
:root {
  color-scheme: light;
  --ink: #12313b;
  --ink2: #3f6269;
  --accent: #11757b;
  --accent2: #3d9b91;
  --canvas: #f5f9f7;
  --border: #d9e7e4;
  --shadow: 0 19px 58px rgba(26,85,83,.07);
}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0; min-width:320px; background:var(--canvas); color:var(--ink); font-family:Inter,Aptos,"Segoe UI",Arial,system-ui,sans-serif; -webkit-font-smoothing:antialiased}
a {color:inherit; text-decoration:none}
a:focus-visible {outline:3px solid #127995;outline-offset:4px;border-radius:4px}
.site {min-height:100svh; display:flex;flex-direction:column; background:radial-gradient(ellipse 54% 58% at 94% 34%,#e5f2ef 0%,transparent 85%), var(--canvas)}
.topline{height:5px;flex:none;background:linear-gradient(90deg,#176d79,#5eafa4 55%,#c6e5d9)}
.shell {width:min(1240px,calc(100% - 76px));margin-inline:auto}
.site-header{height:88px; flex:none; display:flex; align-items:center; justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}
.brand-symbol {width:35px;height:35px; background:#146f78; border-radius:10px;transform:rotate(-9deg);display:grid;place-items:center;box-shadow:0 7px 18px #136f781b}
.brand-symbol svg{transform:rotate(9deg)}
.brand-text{font-size:29px;font-weight:800;line-height:1;letter-spacing:-1.5px}
.header-note{font-size:12px;font-weight:700;color:#5f8082;letter-spacing:.17em;text-transform:uppercase}
main{flex:1; display:flex; flex-direction:column; justify-content:center; padding:18px 0 24px}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.65fr);gap:38px;align-items:center; margin-bottom:33px}
.eyebrow{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800;letter-spacing:.175em;text-transform:uppercase;color:var(--accent)}

h1{font-size:clamp(52px,5.45vw,80px);line-height:1.06;letter-spacing:-.065em;font-weight:800;max-width:810px;margin:18px 0 15px}
h1 span{color:var(--accent)}
.hero-copy{font-size:clamp(16px,1.28vw,18px);line-height:1.65;color:var(--ink2);margin:0;max-width:660px}
.message{display:flex;gap:14px;align-items:center;justify-self:end;max-width:338px;border-left:3px solid #6bb6a9;padding:16px 17px 16px 21px;background:rgba(255,255,255,.60);color:#365b5e;font-size:14px;line-height:1.55;border-radius:0 13px 13px 0}
.message-mark {display:block; flex:0 0 auto;width:8px;height:8px;background:#51ae98; border-radius:100%; box-shadow:0 0 0 5px #dceee7}
.message strong{color:#1b5056}
.region-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:0 0 17px}
h2{font-size:clamp(23px,2.4vw,32px);line-height:1.2;letter-spacing:-.042em;margin:0;font-weight:800}
.region-head p{margin:0;color:#647e82;font-size:13px;line-height:1.5;text-align:right}
.region-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.region{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.94fr);align-items:center;min-height:259px;background:rgba(255,255,255,.93);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:21px 20px 22px 30px; transition:transform .22s,box-shadow .22s,border-color .22s}
.region:hover{transform:translateY(-3px);box-shadow:0 24px 50px #195c591b;border-color:#a3d2c8}
.region-copy{min-width:0;align-self:center;z-index:1}
.region-kicker {font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#218088}
.region h3{font-size:clamp(26px,2.6vw,37px);line-height:1.13;letter-spacing:-.055em;margin:20px 0 9px;font-weight:800}
.region-sub{font-size:14px;color:#637d81;line-height:1.55;margin:0}
.region-link{display:inline-flex;align-items:center;gap:8px;color:#156e75;font-weight:800;font-size:12px;margin-top:27px;line-height:1.2;border-bottom:1px solid #b5d5d0;padding-bottom:5px}
.region-link span{font-size:18px;font-weight:500;line-height:1}
.region-art {position:relative;margin:0;width:100%;align-self:center;display:flex;justify-content:center;align-items:center}
.region-art::before{content:"";position:absolute;width:95%;height:77%;border-radius:50%;background:radial-gradient(ellipse,#e4f2ee 6%,#f5faf7 67%,transparent 70%)}
.map-map{position:relative;display:block;width:100%;height:auto;max-width:288px;overflow:visible}
.site-footer{flex:none; min-height:61px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--border);color:#789095;font-size:12px}
.site-footer strong{color:#244953;font-weight:800}
@media (max-width:950px){
 .hero{grid-template-columns:1fr;gap:19px;margin-bottom:30px}.message{justify-self:start;max-width:650px}
 .region{min-height:246px;grid-template-columns:minmax(0,1fr) minmax(115px,.87fr);padding:18px 12px 18px 23px}.region h3{font-size:28px}
}
@media (max-width:700px){
 .shell{width:calc(100% - 36px)}.site-header{height:74px}.brand-text{font-size:25px}.brand-symbol{width:31px;height:31px}.header-note{display:none}
 main{padding:34px 0 30px;justify-content:flex-start}.hero{margin-bottom:41px}h1{font-size:clamp(45px,10.7vw,63px);margin:18px 0}.hero-copy{font-size:16px;line-height:1.65}
 .message{font-size:13px;max-width:100%;margin-top:4px}.region-head{align-items:start;flex-direction:column;gap:7px}.region-head p{text-align:left}
 .region-grid{grid-template-columns:1fr;gap:16px}.region{min-height:224px;grid-template-columns:minmax(0,1fr) 47%;padding:18px 10px 18px 21px}.region h3{font-size:29px;margin:15px 0 8px}.region-link{margin-top:19px}.site-footer{padding:19px 0;align-items:start;flex-direction:column;gap:7px}
}
@media (max-width:390px){.region{grid-template-columns:minmax(0,1fr) 40%}.region h3{font-size:25px}.region-sub{font-size:12px}.region-kicker{font-size:10px}.region-link{font-size:11px}}
@media (min-width:951px) and (max-height:820px){
 .site-header{height:69px}main{padding:7px 0 11px}.hero{margin-bottom:20px}h1{font-size:clamp(46px,4.7vw,65px);margin:13px 0}.region{min-height:220px;padding-top:12px;padding-bottom:12px}.region-grid{gap:18px}.region h3{margin:14px 0 7px}.region-link{margin-top:19px}.region-head{margin-bottom:12px}.site-footer{min-height:48px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.region{transition:none}}