@charset "UTF-8";
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;font:15px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #3984cf;outline-offset:4px}svg{width:24px;height:24px;flex-shrink:0}.skip{position:absolute;top:-100px;z-index:30;background:white;color:#111;padding:12px}.skip:focus{top:0}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:bold}.showcase{background:#f3f0e9;color:#213a2d}.showcase-header{max-width:1350px;margin:auto;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded3;gap:18px}.osite-logo{font-weight:800;font-size:27px;letter-spacing:-1.5px}.osite-logo span{font-weight:400}.showcase-header>span{font-size:9px;letter-spacing:.2em}.showcase-header>a:last-child{font-size:12px}.showcase-intro{text-align:center;padding:55px 20px 30px}.showcase-intro .eyebrow{color:#647266}.showcase-intro h1{font-size:clamp(45px,5vw,72px);letter-spacing:-.055em;line-height:1.02;margin:20px 0}.showcase-intro h1 em{font-family:Georgia,serif;font-weight:400}.showcase-intro>p:last-child{color:#667067;font-size:15px}.phones{max-width:1350px;margin:auto;padding:25px 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.model-heading{display:flex;justify-content:space-between;margin:0 5px 14px;align-items:center;font-size:11px}.model-heading>span{color:#687267}.model-heading>a{font-weight:bold}.phone{border:6px solid #202220;border-radius:45px;overflow:hidden;background:#fafafa;box-shadow:0 22px 32px #2536261c,0 0 0 2px #adb0a7;max-width:410px;margin:auto}.phone-top{height:32px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;font:600 11px Arial;color:#222;position:relative;background:#fff}.notch{background:#202220;position:absolute;width:115px;height:24px;border-radius:0 0 15px 15px;top:0;left:50%;transform:translateX(-50%)}.address{display:block;margin:7px 12px 9px;background:#ececea;color:#333;border-radius:10px;padding:8px;font-size:10px;text-align:center}.phone iframe{border:0;display:block;width:100%;height:730px;background:white}.showcase-model>h2{text-align:center;font-size:13px;font-weight:500;margin-top:20px}.showcase-note{text-align:center;font-size:12px;line-height:1.8;color:#687267;margin:20px 20px 60px}.showcase-footer{border-top:1px solid #dcded3;max-width:1290px;margin:auto;padding:25px 0;display:flex;justify-content:space-between;font-size:12px;color:#617165}
.business{--page:#fffaf3;--text:#522c1c;--muted:#7d6657;--accent:#ae471d;--accent-dark:#923911;--soft:#f7e7d6;--line:#e9d9c8;--surface:#fffdf8;background:var(--page);color:var(--text);padding-bottom:80px}.theme-barber{--page:#111210;--text:#f4eee4;--muted:#bfb9af;--accent:#c58651;--accent-dark:#995b31;--soft:#24231f;--line:#36332e;--surface:#191a17}.theme-pharmacy{--page:#fff;--text:#173c2b;--muted:#617068;--accent:#00884d;--accent-dark:#00673a;--soft:#edf5ee;--line:#dbe7de;--surface:#fafcf9}.demo-note{text-align:center;background:var(--soft);color:var(--muted);padding:5px 8px;font-size:9px;letter-spacing:.02em}.app-shell{max-width:1100px;margin:auto}.business-header{padding:18px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center;background:var(--page);position:relative;z-index:5}.logo{display:flex;gap:13px;align-items:center;font:600 24px/1.1 Georgia,serif;max-width:270px}.logo>svg{width:39px;height:39px;color:var(--accent)}.theme-barber .logo{color:#dfa96d;font-size:19px;text-transform:uppercase;letter-spacing:.1em;max-width:230px}.theme-pharmacy .logo{font:700 24px/1.1 Arial}.theme-pharmacy .logo>svg{fill:var(--accent);stroke:white;stroke-width:1.2;width:43px;height:43px}.menu{position:relative}.menu summary{cursor:pointer;list-style:none;display:grid;gap:5px;padding:10px;color:var(--accent)}.menu summary::-webkit-details-marker{display:none}.menu summary span{width:22px;height:2px;background:currentColor}.menu nav{position:absolute;right:0;top:45px;min-width:210px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 15px 40px #0003}.menu nav a{display:block;padding:11px;border-radius:8px}.menu nav a:hover{background:var(--soft)}.photo-hero{position:relative;height:520px;isolation:isolate;scroll-margin-top:0}.photo-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;display:block}.photo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#000b 100%);z-index:0}.hero-caption{position:absolute;bottom:40px;left:30px;right:30px;color:#fff;text-align:center;z-index:1}.hero-caption h1{font:700 clamp(36px,5.5vw,62px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:0 0 8px}.hero-caption p{font-size:21px;margin:0}.theme-pharmacy .photo-hero:after{display:none}.theme-pharmacy .hero-caption{background:var(--page);color:var(--accent-dark);left:0;right:0;bottom:0;padding:18px 16px 8px;border-radius:28px 28px 0 0}.page-content{padding:0 24px}.primary-action{display:flex;gap:14px;align-items:center;justify-content:center;padding:16px 18px;min-height:56px;border-radius:13px;background:linear-gradient(125deg,var(--accent),var(--accent-dark));color:#fff;position:relative;margin-top:-27px;z-index:2;font-weight:600;font-size:16px;box-shadow:inset 0 1px 0 #ffffff45}.primary-action>span{flex:1;text-align:center}.primary-action>svg:last-child{width:18px}.theme-pharmacy .primary-action{margin-top:0}.contact-strip{display:flex;align-items:center;gap:14px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:17px}.contact-strip>svg:first-child{width:28px;height:28px;color:var(--accent)}.contact-strip>svg:last-child{width:16px;margin-left:auto;color:var(--accent)}.contact-strip strong{display:block;font-size:15px;line-height:1.2;color:var(--accent)}.contact-strip small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}.section-title{padding-top:28px}.section-title>p{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:bold;margin:0 0 7px}.section-title h2{font:600 26px/1.2 Georgia,serif;margin:0 0 20px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px}.product:hover{border-color:var(--accent)}.product-icon{color:var(--accent);display:block;margin-bottom:12px}.product-icon svg{width:28px;height:28px}.product h3{font-size:17px;margin:0 0 7px}.product p{font-size:12px;color:var(--muted);margin:0 0 15px}.product-more{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:11px;margin-top:auto}.product-more svg{width:13px}.about-section,.contact-section{padding:40px 0;border-bottom:1px solid var(--line)}.about-section h2,.contact-section h2{font:600 31px/1.15 Georgia,serif;margin:12px 0 20px}.about-section>p:last-of-type{color:var(--muted);max-width:670px}.image-note{font-size:10px;color:var(--muted);margin-top:23px}.contact-demo{font-size:13px;background:var(--soft);padding:18px;border-radius:12px;max-width:620px}.contact-section dl{font-size:13px}.contact-section dt{font-weight:bold;display:flex;align-items:center;gap:9px;margin-top:18px}.contact-section dt svg{width:19px}.contact-section dd{margin:7px 0 0 28px;color:var(--muted)}.contact-section .primary-action{margin-top:16px;max-width:400px}.business footer{text-align:center;color:var(--muted);font-size:11px;padding:28px 0}.business footer a{font-weight:bold;color:var(--accent)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:8;display:flex;justify-content:space-around;background:var(--page);border-top:1px solid var(--line);padding:10px 8px max(10px,env(safe-area-inset-bottom));height:72px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--muted);min-width:60px}.bottom-nav a[aria-current]{color:var(--accent);font-weight:bold}.bottom-nav a[aria-current] svg{stroke-width:2.3}
@media(min-width:760px){.business-header{padding:22px 24px}.business .bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(100%,1100px)}.page-content{padding:0 45px}.primary-action{max-width:500px;margin-left:auto;margin-right:auto}.contact-strip{max-width:650px;margin-left:auto;margin-right:auto}.services-section{padding-top:10px}.about-section,.contact-section{padding:45px 0}.hero-caption{bottom:52px}.theme-pharmacy .hero-caption{padding:18px 25px 24px}.theme-pharmacy .page-content>.primary-action{margin-top:-8px}}
@media(max-width:759px){.business-header{padding:16px 20px}.logo{font-size:22px;max-width:245px}.photo-hero{height:405px}.hero-caption{bottom:43px;left:12px;right:12px}.hero-caption h1{font-size:37px}.hero-caption p{font-size:18px}.theme-pharmacy .hero-caption{padding-top:15px;padding-bottom:10px}.page-content{padding:0 18px}.primary-action{padding:14px 15px;font-size:15px}.section-title{padding-top:23px}.section-title h2{font-size:23px}.product-grid{gap:9px}.product{padding:13px 10px}.product h3{font-size:13px}.product p{font-size:11px}.product-more{font-size:10px}.product-icon svg{width:25px;height:25px}.contact-strip{padding:13px 12px;gap:10px}.contact-strip strong{font-size:14px}.showcase-header>span{display:none}.phones{grid-template-columns:1fr;max-width:450px;gap:35px;padding:20px 25px}.showcase-intro{padding-top:35px}.phone iframe{height:700px}.showcase-footer{margin:0 25px;gap:20px;font-size:10px}.model-heading{font-size:11px}}@media(min-width:760px) and (max-width:1100px){.phones{gap:16px;padding:20px}.phone{border-width:4px;border-radius:35px}.phone iframe{height:650px}.phone-top{padding:0 16px}.notch{width:90px}.address{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}