*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    :root{--navy:#0D1B2A;--navy-mid:#152233;--navy-dark:#060E16;--ivory:#F8F5F0;--ivory-dark:#EDE8E0;--gold:#C9A84C;--gold-light:#E8D49A;--gold-pale:rgba(201,168,76,.08);--slate:#4A5568;--slate-lt:#718096;--white:#FFFFFF;--ff-display:'Cormorant Garamond',Georgia,serif;--ff-body:'DM Sans',sans-serif;}
    html{scroll-behavior:smooth;}
    body{font-family:var(--ff-body);background:var(--ivory);color:var(--navy);line-height:1.6;overflow-x:hidden;}
    nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 3rem;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(13,27,42,.97);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(201,168,76,.15);}
    .nav-logo{text-decoration:none;line-height:1.15;}
    .nav-logo-name{font-family:var(--ff-display);font-size:1.05rem;font-weight:500;color:var(--white);display:block;}
    .nav-logo-title{font-size:.62rem;font-weight:300;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;display:block;}
    .nav-links{display:flex;align-items:center;gap:2rem;list-style:none;}
    .nav-links a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.75rem;font-weight:400;letter-spacing:.09em;text-transform:uppercase;position:relative;transition:color .2s;}
    .nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .3s;}
    .nav-links a:hover{color:var(--gold);}
    .nav-links a:hover::after{transform:scaleX(1);}
    .nav-sep{width:1px;height:24px;background:rgba(255,255,255,.15);}
    .nav-lang{display:flex;gap:.3rem;align-items:center;flex-wrap:nowrap;}
    .lang-btn{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;font-family:var(--ff-body);font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);padding:.3rem .5rem;transition:color .2s;}
    .lang-btn.active{color:var(--gold);}
    .lang-flag{width:18px;height:12px;display:block;flex-shrink:0;border-radius:2px;}
    .nav-cta{background:var(--gold)!important;color:var(--navy)!important;padding:.5rem 1.2rem!important;font-weight:500!important;}
    .nav-cta::after{display:none!important;}
    .nav-cta:hover{background:var(--gold-light)!important;}
    .nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;}
    .nav-burger span{display:block;width:22px;height:1.5px;background:var(--white);}
    .page-hero{position:relative;height:52vh;min-height:360px;display:flex;align-items:flex-end;overflow:hidden;padding-bottom:3rem;}
    .page-hero-bg{position:absolute;inset:0;background:url('../img/remote/HernieAbdo1.jpg') center/cover no-repeat;}
    .page-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,27,42,.93) 0%,rgba(13,27,42,.55) 55%,rgba(13,27,42,.25) 100%);}
    .page-hero-body{position:relative;z-index:2;max-width:1200px;width:100%;margin:0 auto;padding:72px 3rem 0;}
    .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;}
    .breadcrumb a{color:rgba(255,255,255,.45);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:color .2s;}
    .breadcrumb a:hover{color:var(--gold);}
    .breadcrumb-sep{color:rgba(255,255,255,.25);font-size:.65rem;}
    .breadcrumb-cur{color:var(--gold);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;}
    .page-num{font-family:var(--ff-display);font-size:5rem;font-weight:300;color:rgba(201,168,76,.18);line-height:1;position:absolute;right:3rem;bottom:3rem;z-index:2;}
    .page-title{font-family:var(--ff-display);font-weight:300;font-style:italic;font-size:clamp(2rem,4vw,3.6rem);color:var(--white);line-height:1.1;}
    .page-wrap{max-width:1200px;margin:0 auto;padding:4rem 3rem;display:grid;grid-template-columns:1fr 320px;gap:5rem;align-items:start;}
    .article h2{font-family:var(--ff-display);font-size:1.6rem;font-weight:500;color:var(--navy);margin:2.5rem 0 .9rem;padding-top:2.5rem;border-top:1px solid var(--ivory-dark);line-height:1.2;}
    .article h2:first-child{margin-top:0;padding-top:0;border-top:none;}
    .article h3{font-family:var(--ff-display);font-size:1.2rem;font-weight:500;color:var(--navy);margin:1.8rem 0 .6rem;}
    .article p{font-size:.92rem;font-weight:300;color:var(--slate);line-height:1.9;margin-bottom:1rem;}
    .article strong{font-weight:500;color:var(--navy);}
    .article ul{list-style:none;margin:.8rem 0 1.2rem;display:flex;flex-direction:column;gap:.5rem;}
    .article ul li{display:flex;gap:.7rem;font-size:.9rem;font-weight:300;color:var(--slate);line-height:1.7;}
    .article ul li::before{content:'—';color:var(--gold);flex-shrink:0;}
    .article .box{padding:1.4rem 1.8rem;background:var(--gold-pale);border-left:3px solid var(--gold);margin:1.8rem 0;}
    .article .box p{color:var(--navy);font-weight:400;margin-bottom:0;}
    .article img{width:100%;height:auto;display:block;margin:1.5rem 0;}
    .article .img-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;}
    .article .img-caption{font-size:.72rem;color:var(--slate-lt);text-align:center;font-style:italic;margin-top:.3rem;margin-bottom:1rem;}
    .hernie-types{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;}
    .hernie-card{background:var(--white);padding:1.2rem 1.5rem;border-left:3px solid var(--gold);}
    .hernie-card h4{font-family:var(--ff-display);font-size:1.05rem;font-weight:500;color:var(--navy);margin-bottom:.4rem;}
    .hernie-card p{font-size:.82rem;font-weight:300;color:var(--slate);line-height:1.7;margin-bottom:0;}
    .tech-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;}
    .tech-card{background:var(--navy);padding:1.5rem;}
    .tech-card h4{font-family:var(--ff-display);font-size:1.05rem;font-weight:500;color:var(--gold);margin-bottom:.8rem;}
    .tech-card p{font-size:.82rem;font-weight:300;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:0;}
    .sidebar{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:92px;}
    .s-card{background:var(--navy);padding:1.8rem;}
    .s-card-title{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;}
    .s-ci{margin-bottom:.9rem;}
    .s-ci-label{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:.3rem;}
    .s-ci-val{font-family:var(--ff-display);font-size:1.08rem;color:rgba(255,255,255,.9);text-decoration:none;display:block;transition:color .2s;line-height:1.55;}
    a.s-ci-val:hover{color:var(--gold);}
    .s-btn{display:block;background:var(--gold);color:var(--navy);text-align:center;padding:.9rem;font-size:.9rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;margin-top:1.2rem;transition:background .2s;}
    .s-btn:hover{background:var(--gold-light);}
    .s-hours{display:flex;flex-direction:column;}
    .s-hour{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.92rem;gap:1rem;}
    .s-hour-day{font-weight:400;color:rgba(255,255,255,.6);}
    .s-hour-time{font-family:var(--ff-display);font-size:1.08rem;font-weight:500;color:var(--white);}
    .spec-nav-card{background:var(--white);padding:1.5rem;}
    .spec-nav-title{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;}
    .spec-nav-list{list-style:none;}
    .spec-nav-list li a{display:flex;align-items:center;gap:.6rem;padding:.8rem 0;border-bottom:1px solid var(--ivory-dark);font-size:.94rem;font-weight:400;color:var(--slate);text-decoration:none;transition:color .2s;line-height:1.45;}
    .spec-nav-list li:last-child a{border-bottom:none;}
    .spec-nav-list li a:hover,.spec-nav-list li a.active{color:var(--navy);}
    .spec-nav-list li a.active{font-weight:500;}
    .spec-nav-list li a.active::before{content:'→';color:var(--gold);}
    .spec-nav-list li a:not(.active)::before{content:'·';color:var(--ivory-dark);}
    footer{background:var(--navy-dark);padding:3.5rem 3rem 2rem;}
    .footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.06);}
    .f-brand-name{font-family:var(--ff-display);font-size:1.15rem;font-weight:500;color:var(--white);}
    .f-brand-title{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:.25rem 0 1rem;}
    .f-brand-desc{font-size:.78rem;font-weight:300;color:rgba(255,255,255,.3);line-height:1.8;}
    .f-col-title{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem;}
    .f-links{list-style:none;display:flex;flex-direction:column;gap:.55rem;}
    .f-links a{font-size:.78rem;font-weight:300;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s;}
    .f-links a:hover{color:var(--gold);}
    .f-contact-list{list-style:none;display:flex;flex-direction:column;gap:.55rem;}
    .f-contact-list li{font-size:.78rem;font-weight:300;color:rgba(255,255,255,.4);}
    .footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;display:flex;justify-content:space-between;align-items:center;}
    .f-copy{font-size:.7rem;font-weight:300;color:rgba(255,255,255,.18);}
    .f-legal{display:flex;gap:1.5rem;}
    .f-legal a{font-size:.7rem;font-weight:300;color:rgba(255,255,255,.18);text-decoration:none;transition:color .2s;}
    .f-legal a:hover{color:var(--gold);}
    .mob-menu{display:none;position:fixed;inset:0;z-index:90;background:var(--navy);padding:6rem 2.5rem 3rem;flex-direction:column;}
    .mob-menu.open{display:flex;}
    .mob-menu a{font-family:var(--ff-display);font-size:2rem;font-weight:300;color:rgba(255,255,255,.7);text-decoration:none;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.07);transition:color .2s;}
    .mob-menu a:hover{color:var(--gold);}
    .mob-lang{display:flex;gap:.8rem;margin-top:1.5rem;}
    .mob-lang .lang-btn{border:1px solid rgba(255,255,255,.16);font-size:.92rem;padding:.7rem 1rem;color:rgba(255,255,255,.7);}
    .mob-lang .lang-btn.active{border-color:var(--gold);color:var(--gold);}
    .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
    .reveal.visible{opacity:1;transform:translateY(0);}
    .d1{transition-delay:.1s;}.d2{transition-delay:.2s;}
    @media(max-width:900px){
      nav{padding:0 1.5rem;}
      .nav-links,.nav-sep{display:none;}
      .nav-burger{display:flex;}
      .page-hero-body{padding:72px 1.5rem 0;}
      .page-num{display:none;}
      .page-wrap{grid-template-columns:1fr;gap:3rem;padding:3rem 1.5rem;}
      .sidebar{position:static;}
      .footer-grid{grid-template-columns:1fr;gap:2rem;}
      .footer-bottom{flex-direction:column;gap:1rem;text-align:center;}
      .article .img-pair,.hernie-types,.tech-compare{grid-template-columns:1fr;}
    }