/* Kebarick Pharmacy public landing — shared, self-hosted style, Desktop/Hostinger */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#12345f;background:#f6f9ff;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ffbd5b;outline-offset:3px}button{font:inherit}.wrap{width:min(1216px,calc(100% - 48px));margin:auto}
.skip-link{position:absolute;left:12px;top:-100px;padding:10px 14px;border-radius:9px;color:white;background:#153f81;z-index:20}.skip-link:focus{top:10px}
.topbar{background:#ffffffed;border-bottom:1px solid #dfe8f6;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.navigation{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px}.brand{white-space:nowrap;font-size:clamp(20px,2vw,25px);font-weight:850;letter-spacing:-.045em;color:#0d3265}.brand span{color:#2478d9}.navlinks{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.navlinks a{padding:10px 12px;border-radius:9px;font-size:14px;font-weight:750}.navlinks a:hover{background:#edf4ff}.navlinks .nav-cta{background:#1667cf;color:white;box-shadow:0 4px 10px #1667cf21}.navlinks .nav-cta:hover{background:#0a4fae}
.hero-shell{background:radial-gradient(ellipse 85% 80% at 94% 19%,#dceaff 0,transparent 64%),#f6f9ff}.hero{padding:64px 0 72px;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:52px}.eyebrow{display:inline-block;border-radius:50px;background:#e4efff;color:#0f57b7;padding:8px 15px;font-size:11px;letter-spacing:.11em;font-weight:850}.hero h1{font-weight:900;font-size:clamp(39px,5.2vw,68px);line-height:1.08;letter-spacing:-.066em;margin:22px 0;color:#103366}.hero h1 em{font-style:normal;color:#2677d7}.hero-copy>p{font-size:clamp(16px,1.6vw,19px);line-height:1.68;color:#526883;max-width:630px;margin:0}.cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:27px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:11px;padding:13px 19px;font-weight:750;font-size:14px;background:#1767cc;color:#fff;transition:transform .16s,background .16s}.btn:hover{background:#084fa9;transform:translateY(-1px)}.btn-light{background:white;color:#1856a4;border:1px solid #bdcee9}.btn-light:hover{background:#eaf3ff}.micro{display:flex;flex-wrap:wrap;gap:7px 17px;color:#466583;font-size:12px;font-weight:650}.micro span::before{content:'✓';color:#178e76;font-weight:900;margin-right:6px}.edition-note{max-width:590px;margin-top:20px!important;font-size:12px!important;color:#6a7d95!important}
.hero-art{position:relative;overflow:hidden;border-radius:25px;background:#dfefff;border:1px solid #d2e2fb;box-shadow:0 22px 53px #144e9c1e}.hero-art>img{width:100%;height:365px;object-fit:cover;object-position:85% center}.hero-art-footer{padding:20px 22px;background:linear-gradient(130deg,#11499a,#237fe0);color:#fff}.hero-art-footer strong{display:block;font-size:19px}.hero-art-footer p{font-size:13px;color:#d9e9ff;margin:6px 0 0}.art-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.art-pills span{border:1px solid #ffffff50;border-radius:30px;background:#ffffff19;padding:7px 10px;font-size:11px;font-weight:700}
.section{padding:77px 0}.section-head{max-width:770px;margin:0 0 28px}.kicker{font-size:12px;text-transform:uppercase;font-weight:850;color:#1965c1;letter-spacing:.12em}.section h2{font-size:clamp(30px,3.7vw,45px);line-height:1.15;letter-spacing:-.048em;color:#133762;margin:12px 0 15px}.section-intro{color:#60728a;font-size:16px;line-height:1.7;margin:0}.section-white{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{background:#fff;border:1px solid #dde7f6;border-radius:19px;overflow:hidden;box-shadow:0 8px 26px #174e8809;min-width:0}.feature img{width:100%;height:185px;object-fit:cover;background:#e9f2fc}.feature-body{padding:21px 23px 24px}.feature-body h3{margin:0 0 8px;color:#143968;font-size:19px;letter-spacing:-.028em}.feature-body p{color:#60738a;font-size:14px;line-height:1.65;margin:0}.feature .tag{display:inline-block;font-size:10px;font-weight:820;letter-spacing:.09em;color:#1962b9;text-transform:uppercase;margin:0 0 10px}
.insights{display:grid;grid-template-columns:1fr 1fr;gap:22px}.insight{background:#f1f6ff;border:1px solid #dbe7f8;border-radius:20px;overflow:hidden}.insight img{width:100%;height:205px;object-fit:cover;background:#e8f3ff}.insight-copy{padding:22px 25px 27px}.insight h3{margin:0 0 8px;font-size:21px;color:#183f70}.insight p{margin:0;color:#566f8c;font-size:14px;line-height:1.65}
.wide-callout{margin-top:25px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#133966;color:white;overflow:hidden;border-radius:22px}.wide-callout .copy{padding:37px;align-self:center}.wide-callout h3{font-size:clamp(22px,2.3vw,31px);letter-spacing:-.035em;margin:0 0 14px}.wide-callout p{color:#d4e5f9;line-height:1.65;font-size:15px}.wide-callout img{width:100%;height:100%;min-height:250px;object-fit:cover}
.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:21px;margin-top:28px}.workflow figure{margin:0;background:#fff;border:1px solid #dfe9f6;border-radius:17px;overflow:hidden}.workflow img{width:100%;height:178px;object-fit:cover}.workflow figcaption{padding:15px 18px;font-size:14px;font-weight:780;color:#183d70}
.platform-band{margin:0 auto 48px;display:grid;grid-template-columns:1fr 1fr;gap:0;background:#f0f6ff;border-radius:22px;overflow:hidden;border:1px solid #d9e6f8}.platform-band img{width:100%;height:100%;min-height:235px;object-fit:cover}.platform-band .copy{padding:31px;align-self:center}.platform-band h3{font-size:25px;letter-spacing:-.04em;margin:0 0 11px;color:#164075}.platform-band p{font-size:14px;line-height:1.65;color:#526c87}
.cta-band{padding:34px 39px;background:linear-gradient(115deg,#0c3267,#1566c3);border-radius:23px;color:white;display:flex;justify-content:space-between;gap:28px;align-items:center;margin:10px auto 67px}.cta-band h2{font-size:clamp(24px,2.8vw,34px);letter-spacing:-.04em;margin:0 0 7px}.cta-band p{color:#d7e7fb;margin:0;line-height:1.6}.cta-band .btn{background:white;color:#1454a5;flex-shrink:0}.cta-band .btn:hover{background:#e6f0ff}.foot{text-align:center;padding:27px 20px;color:#637f99;border-top:1px solid #dae6f5;background:#fff;font-size:13px}.foot a{text-decoration:underline}.foot-note{font-size:11px;margin-top:8px;color:#8495a9}
@media(max-width:1020px){.hero{gap:26px}.hero-art>img{height:320px}.feature-grid{gap:13px}.feature img{height:152px}.feature-body{padding:19px}.insight img{height:165px}}
@media(max-width:760px){.navigation{padding:14px 0;align-items:flex-start;flex-direction:column;gap:9px}.navlinks{gap:1px}.navlinks a{font-size:12px;padding:8px 9px}.hero{grid-template-columns:1fr;padding:45px 0 53px;gap:30px}.hero-art>img{height:285px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insights,.wide-callout,.platform-band{grid-template-columns:1fr}.wide-callout img{max-height:280px}.workflow{grid-template-columns:1fr 1fr}.section{padding:57px 0}.cta-band{padding:26px}}
@media(max-width:500px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:39px}.hero-art>img{height:225px}.feature-grid,.workflow{grid-template-columns:1fr}.feature img,.workflow img{height:190px}.section{padding:44px 0}.feature-body{padding:18px}.insight img{height:170px}.platform-band .copy,.wide-callout .copy{padding:24px}.cta-band{display:block;margin-bottom:45px}.cta-band .btn{margin-top:19px}.navlinks a{font-size:12px;padding:8px}.btn{width:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}