@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
body{margin:0;background:#fff;}

.occudoc{
  --od-ink:#0e1512;
  --od-black:#0d0f0e;
  --od-green:#15a03e;
  --od-green-d:#0e7c31;
  --od-green-l:#2fc457;
  --od-text:#23302a;
  --od-muted:#5d6b63;
  --od-line:#e5ece8;
  --od-bg:#ffffff;
  --od-bg-alt:#f4f8f5;
  --od-radius:16px;
  --od-shadow:0 10px 30px rgba(10,30,18,.09);
  --od-shadow-lg:0 24px 60px rgba(10,30,18,.16);
  --od-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-family:var(--od-font);
  color:var(--od-text);
  background:var(--od-bg);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.occudoc *,.occudoc *::before,.occudoc *::after{box-sizing:border-box;}
.occudoc img{max-width:100%;display:block;}
.occudoc a{color:inherit;text-decoration:none;}
.occudoc h1,.occudoc h2,.occudoc h3,.occudoc h4,.occudoc h5,.occudoc p{margin:0;}
.occudoc .od-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

/* NAV */
.occudoc .od-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--od-line);}
.occudoc .od-nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;}
.occudoc .od-logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.34rem;letter-spacing:-.02em;}
.occudoc .od-logo .od-mark{height:42px;width:auto;flex:0 0 auto;display:block;}
.occudoc .od-logo .od-wm-a{color:var(--od-ink);}
.occudoc .od-logo .od-wm-b{color:var(--od-green);}
.occudoc .od-logo sup{font-size:.46em;font-weight:700;color:var(--od-muted);top:-1em;margin-left:1px;}
.occudoc .od-navlinks{display:flex;align-items:center;gap:30px;}
.occudoc .od-navlinks a{font-weight:600;font-size:.96rem;color:var(--od-ink);opacity:.82;transition:opacity .2s,color .2s;}
.occudoc .od-navlinks a:hover{opacity:1;color:var(--od-green-d);}
.occudoc .od-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.96rem;padding:12px 22px;border-radius:999px;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;border:0;line-height:1;}
.occudoc .od-btn-primary{background:linear-gradient(135deg,var(--od-green-d),var(--od-green-l));color:#fff;box-shadow:0 8px 22px rgba(21,160,62,.3);}
.occudoc .od-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(21,160,62,.4);}
.occudoc .od-btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);}
.occudoc .od-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.75);}
.occudoc .od-btn-dark{background:var(--od-ink);color:#fff;}
.occudoc .od-btn-dark:hover{transform:translateY(-2px);box-shadow:var(--od-shadow);}
.occudoc .od-nav .od-btn{padding:10px 20px;}

/* HERO */
.occudoc .od-hero{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 82% -10%, rgba(47,196,87,.2), transparent 60%),linear-gradient(140deg,#0a0f0c 0%,#0e3019 55%,#14913c 132%);color:#fff;}
.occudoc .od-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;opacity:.5;pointer-events:none;}
.occudoc .od-hero-inner{position:relative;z-index:1;padding:96px 0 110px;max-width:830px;}
.occudoc .od-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b6f3c8;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:7px 14px;border-radius:999px;margin-bottom:26px;}
.occudoc .od-eyebrow .od-dot{width:7px;height:7px;border-radius:50%;background:var(--od-green-l);box-shadow:0 0 0 4px rgba(47,196,87,.25);}
.occudoc .od-hero h1{font-size:clamp(2.3rem,5.2vw,4.05rem);line-height:1.05;letter-spacing:-.03em;font-weight:800;margin-bottom:22px;}
.occudoc .od-hero h1 .od-grad{background:linear-gradient(120deg,#6ff0a0,#bff7d2);-webkit-background-clip:text;background-clip:text;color:transparent;}
.occudoc .od-hero .od-lede{font-size:clamp(1.05rem,1.6vw,1.32rem);color:#cfe7d8;max-width:660px;margin-bottom:36px;line-height:1.6;}
.occudoc .od-hero-cta{display:flex;flex-wrap:wrap;gap:14px;}
.occudoc .od-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:46px;}
.occudoc .od-hero-tags span{font-size:.82rem;font-weight:600;color:#bcdcc8;border:1px solid rgba(255,255,255,.14);padding:6px 13px;border-radius:999px;}

/* SECTIONS */
.occudoc .od-section{padding:92px 0;}
.occudoc .od-section.alt{background:var(--od-bg-alt);}
.occudoc .od-sec-head{max-width:700px;margin-bottom:52px;}
.occudoc .od-sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.occudoc .od-kicker{font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--od-green-d);margin-bottom:14px;}
.occudoc .od-sec-head h2{font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.12;letter-spacing:-.025em;font-weight:800;color:var(--od-ink);margin-bottom:16px;}
.occudoc .od-sec-head p{font-size:1.1rem;color:var(--od-muted);}

/* SOLUTIONS GRID */
.occudoc .od-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.occudoc .od-card{background:#fff;border:1px solid var(--od-line);border-radius:var(--od-radius);padding:28px 26px;transition:transform .2s,box-shadow .25s,border-color .2s;}
.occudoc .od-card:hover{transform:translateY(-5px);box-shadow:var(--od-shadow-lg);border-color:transparent;}
.occudoc .od-ic{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(21,160,62,.12),rgba(47,196,87,.16));color:var(--od-green-d);margin-bottom:18px;}
.occudoc .od-ic svg{width:27px;height:27px;}
.occudoc .od-card h3{font-size:1.15rem;font-weight:700;color:var(--od-ink);margin-bottom:8px;letter-spacing:-.01em;}
.occudoc .od-card p{font-size:.95rem;color:var(--od-muted);line-height:1.55;}

/* PRODUCT */
.occudoc .od-product{display:grid;grid-template-columns:1.15fr .85fr;border-radius:22px;overflow:hidden;border:1px solid var(--od-line);box-shadow:var(--od-shadow);background:#fff;}
.occudoc .od-product-body{padding:46px 44px;}
.occudoc .od-badge{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0c6b30;background:#def5e6;padding:6px 13px;border-radius:999px;margin-bottom:20px;}
.occudoc .od-badge .od-dot{width:7px;height:7px;border-radius:50%;background:#1aa341;}
.occudoc .od-product-body h3{font-size:1.85rem;font-weight:800;letter-spacing:-.02em;color:var(--od-ink);margin-bottom:6px;}
.occudoc .od-product-body .od-psub{font-size:1rem;font-weight:600;color:var(--od-green-d);margin-bottom:18px;}
.occudoc .od-product-body p{font-size:1.02rem;color:var(--od-muted);margin-bottom:26px;line-height:1.62;}
.occudoc .od-product-side{background:linear-gradient(150deg,#0e3019,#14913c);color:#fff;padding:46px 40px;display:flex;flex-direction:column;justify-content:center;gap:18px;}
.occudoc .od-feat{display:flex;gap:13px;align-items:flex-start;font-size:.96rem;color:#dbeee2;line-height:1.45;}
.occudoc .od-feat svg{width:21px;height:21px;flex:0 0 21px;color:#8ff0ad;margin-top:2px;}
.occudoc .od-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;justify-content:center;}
.occudoc .od-pill{display:inline-flex;align-items:center;gap:9px;font-size:.92rem;font-weight:600;color:var(--od-ink);background:#fff;border:1px solid var(--od-line);padding:11px 18px;border-radius:999px;box-shadow:0 2px 8px rgba(10,30,18,.04);}
.occudoc .od-pill .od-soon{font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--od-green-d);background:rgba(21,160,62,.1);padding:3px 8px;border-radius:6px;}

/* APPROACH */
.occudoc .od-approach{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
.occudoc .od-val .od-ic{margin-bottom:14px;}
.occudoc .od-val h4{font-size:1.12rem;font-weight:700;color:var(--od-ink);margin-bottom:9px;}
.occudoc .od-val p{font-size:.97rem;color:var(--od-muted);line-height:1.55;}

/* CONTACT */
.occudoc .od-contact{display:grid;grid-template-columns:.92fr 1.08fr;border-radius:24px;overflow:hidden;border:1px solid var(--od-line);box-shadow:var(--od-shadow);background:#fff;}
.occudoc .od-contact-info{position:relative;overflow:hidden;background:radial-gradient(700px 400px at 10% 0%, rgba(47,196,87,.25), transparent 60%),linear-gradient(155deg,#0a0f0c,#0e3019 60%,#14913c);color:#fff;padding:52px 44px;display:flex;flex-direction:column;justify-content:center;}
.occudoc .od-contact-info .od-kicker{color:#9ff0b8;}
.occudoc .od-contact-info h2{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:800;letter-spacing:-.02em;color:#fff;margin-bottom:14px;line-height:1.12;}
.occudoc .od-contact-info p{font-size:1.04rem;color:#cfe7d8;margin-bottom:24px;}
.occudoc .od-reassure{display:flex;flex-direction:column;gap:12px;}
.occudoc .od-form-card{padding:44px 40px;}
.occudoc .od-field{margin-bottom:16px;}
.occudoc .od-field label{display:block;font-size:.85rem;font-weight:600;color:var(--od-ink);margin-bottom:6px;}
.occudoc .od-field input,.occudoc .od-field textarea,.occudoc .od-field select{width:100%;font-family:inherit;font-size:.98rem;color:var(--od-text);background:#fff;border:1.5px solid var(--od-line);border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;}
.occudoc .od-field textarea{resize:vertical;min-height:104px;}
.occudoc .od-field input:focus,.occudoc .od-field textarea:focus,.occudoc .od-field select:focus{outline:none;border-color:var(--od-green);box-shadow:0 0 0 3px rgba(21,160,62,.15);}
.occudoc .od-form-note{font-size:.82rem;color:var(--od-muted);margin-top:14px;text-align:center;}
.occudoc .od-hp{position:absolute!important;left:-9999px!important;opacity:0;height:0;width:0;}

/* FOOTER */
.occudoc .od-footer{background:var(--od-ink);color:#aab8b0;padding:64px 0 34px;}
.occudoc .od-footer .od-logo .od-wm-a{color:#fff;}
.occudoc .od-footer .od-logo .od-wm-b{color:#34d066;}
.occudoc .od-footer .od-logo sup{color:#7d8c84;}
.occudoc .od-foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1);}
.occudoc .od-foot-brand{max-width:360px;}
.occudoc .od-foot-brand .od-logo{margin-bottom:14px;}
.occudoc .od-foot-brand p{font-size:.94rem;color:#8ba096;line-height:1.6;}
.occudoc .od-foot-cols{display:flex;gap:64px;flex-wrap:wrap;}
.occudoc .od-foot-col h5{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6f8579;margin-bottom:14px;}
.occudoc .od-foot-col a{display:block;font-size:.95rem;color:#c2d2c9;margin-bottom:10px;transition:color .2s;}
.occudoc .od-foot-col a:hover{color:#fff;}
.occudoc .od-foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding-top:26px;font-size:.85rem;color:#728579;}

/* STEPS (how it works) */
.occudoc .od-step .od-ic{font-weight:800;font-size:1.15rem;color:var(--od-green-d);}
.occudoc .od-band{background:var(--od-ink);color:#fff;border-radius:24px;padding:56px 48px;box-shadow:var(--od-shadow);}
.occudoc .od-band h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.025em;color:#fff;margin-bottom:14px;line-height:1.12;}
.occudoc .od-band p{color:#cfe7d8;font-size:1.06rem;max-width:640px;margin-bottom:26px;}
.occudoc .od-band .od-pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#eafaf0;}
.occudoc .od-band .od-pills{justify-content:flex-start;margin-top:0;}
.occudoc .od-trust{display:flex;flex-wrap:wrap;gap:14px 30px;}
.occudoc .od-trust .od-feat{color:#dbeee2;flex:0 0 auto;}

/* RESPONSIVE */
@media(max-width:900px){
  .occudoc .od-grid{grid-template-columns:repeat(2,1fr);}
  .occudoc .od-approach{grid-template-columns:repeat(2,1fr);}
  .occudoc .od-product{grid-template-columns:1fr;}
  .occudoc .od-contact{grid-template-columns:1fr;}
  .occudoc .od-navlinks{display:none;}
}
@media(max-width:600px){
  .occudoc .od-grid{grid-template-columns:1fr;}
  .occudoc .od-approach{grid-template-columns:1fr;}
  .occudoc .od-section{padding:64px 0;}
  .occudoc .od-hero-inner{padding:70px 0 80px;}
  .occudoc .od-product-body,.occudoc .od-product-side,.occudoc .od-contact-info,.occudoc .od-form-card{padding:34px 26px;}
  .occudoc .od-band{padding:40px 26px;}
}