:root{--navy:#071b2a;--navy2:#0d2d43;--teal:#2ac2b4;--teal2:#77e4d5;--cream:#f5f2ec;--white:#fff;--text:#1a2630;--muted:#65727c;--line:#dce3e5;--shadow:0 25px 70px rgba(3,25,38,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);background:#fff}img{display:block;width:100%;object-fit:cover}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:fixed;top:0;left:0;right:0;z-index:30;background:rgba(5,25,38,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:82px;display:flex;align-items:center;gap:38px}.logo{display:flex;align-items:center;gap:12px;color:white;min-width:220px}.logo-mark{width:44px;height:44px;border:1px solid rgba(119,228,213,.55);display:grid;place-items:center;border-radius:50%;font-family:Playfair Display;font-size:27px;color:var(--teal2)}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-text strong{letter-spacing:3px;font-size:17px}.logo-text small{letter-spacing:4px;font-size:8px;color:#9ab1bd;margin-top:6px}.nav{display:flex;gap:27px;margin-left:auto}.nav a{font-size:13px;color:#dce9ed;transition:.25s}.nav a:hover{color:var(--teal2)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#06222b;border:0;border-radius:3px;padding:16px 23px;font-weight:800;font-size:13px;letter-spacing:.2px;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(42,194,180,.25)}.btn-small{padding:12px 17px;white-space:nowrap}.menu-btn{display:none;background:transparent;color:#fff;border:0;font-size:25px}.hero{min-height:820px;background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:150px 0 85px}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 8% 12%,rgba(42,194,180,.15),transparent 31%),radial-gradient(circle at 90% 80%,rgba(30,106,139,.24),transparent 38%),linear-gradient(120deg,#061722,#092a3e)}.hero-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to right,#000,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:74px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--teal2);font-weight:800;margin-bottom:20px}.eyebrow.dark{color:#158f84}.hero h1,.section h2,.case-banner h2{font-family:Playfair Display,serif;font-weight:600}.hero h1{font-size:68px;line-height:1.06;margin:0 0 25px;letter-spacing:-1.5px}.hero h1 span{color:var(--teal2);font-style:italic}.hero-copy>p{font-size:17px;line-height:1.8;color:#bdd0d8;max-width:630px}.hero-actions{display:flex;align-items:center;gap:30px;margin:35px 0 43px}.text-link{font-weight:700;font-size:14px;color:#e8f3f5}.text-link span{color:var(--teal2);margin-left:7px}.hero-stats{display:flex;gap:38px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:23px;color:white}.hero-stats span{font-size:11px;color:#8ea4ae;margin-top:5px}.hero-visual{position:relative;padding:20px}.hero-card{height:570px;border-radius:180px 180px 12px 12px;overflow:hidden;box-shadow:var(--shadow);position:relative}.hero-card img{height:100%}.photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,18,27,.78))}.photo-label{position:absolute;left:33px;bottom:31px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:9px}.photo-label span{width:9px;height:9px;border-radius:50%;background:var(--teal2);box-shadow:0 0 0 6px rgba(119,228,213,.15)}.floating-card{position:absolute;background:rgba(255,255,255,.96);color:var(--text);box-shadow:var(--shadow);padding:17px 20px;display:flex;align-items:center;gap:12px}.floating-card strong,.floating-card small{display:block}.floating-card small{font-size:10px;color:#7b888f;margin-top:3px}.fc-one{left:-20px;top:125px;border-radius:4px}.fc-two{right:-15px;bottom:78px;border-left:3px solid var(--teal);display:block}.icon-circle{width:38px;height:38px;border-radius:50%;background:#e0f7f4;display:grid;place-items:center;color:#168f85}.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-content{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#77858c;font-size:11px;letter-spacing:1.7px;font-weight:800}.trust-content span{font-size:10px;color:#9ba7ac;font-weight:600}.section{padding:115px 0}.section-head{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:58px}.section h2{font-size:48px;line-height:1.15;margin:0;color:#0b2637}.section-head p,.lead{color:var(--muted);line-height:1.8;margin:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{border:1px solid var(--line);padding:31px;background:#fff;min-height:310px;transition:.3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(9,39,57,.1)}.service-card.featured{grid-column:span 2;padding:0;display:grid;grid-template-columns:1fr 1fr;min-height:390px}.service-image img{height:100%}.service-body{padding:38px}.service-card span{font-size:11px;color:#1aa498;font-weight:800;letter-spacing:1.5px}.service-card h3{font-size:23px;margin:17px 0 13px;color:#0b2637}.service-card p{font-size:14px;line-height:1.7;color:var(--muted)}.service-card ul{padding-left:17px;font-size:13px;color:#53616a;line-height:2}.service-card a{font-size:12px;font-weight:800;color:#158f84;display:inline-block;margin-top:22px}.service-icon{font-size:27px;color:#28b8aa}.dark-card{background:var(--navy2);color:#fff;border-color:var(--navy2)}.dark-card h3,.dark-card p,.dark-card a{color:#fff}.dark-card p{color:#b8cbd3}.tech-section{background:var(--cream)}.tech-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:85px;align-items:center}.tech-image{position:relative}.tech-image img{height:660px}.tech-badge{position:absolute;right:-28px;bottom:35px;background:var(--teal);padding:24px 29px;min-width:220px}.tech-badge strong,.tech-badge span{display:block}.tech-badge span{font-size:11px;margin-top:5px}.tech-copy h2{margin-bottom:25px}.feature-list{margin-top:35px}.feature-list>div{display:grid;grid-template-columns:46px 1fr;gap:17px;padding:22px 0;border-bottom:1px solid #d8d6d0}.feature-list span{font-size:11px;color:#168f85;font-weight:800}.feature-list h4{margin:0 0 7px;font-size:16px}.feature-list p{margin:0;color:#69747a;font-size:13px;line-height:1.65}.about-section{background:var(--navy);color:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-section h2{color:#fff}.about-copy>p{color:#b5c7cf;line-height:1.85}.about-copy blockquote{font-family:Playfair Display;font-size:21px;line-height:1.6;border-left:2px solid var(--teal);margin:30px 0;padding-left:24px;color:#eef7f8}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px;color:#c6d6dc}.about-points div::first-letter{color:var(--teal2)}.about-gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px;position:relative}.about-gallery img{height:430px}.about-gallery .g2{margin-top:70px;height:390px}.experience-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-20%);background:var(--teal);color:#05222b;width:175px;height:175px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;border:8px solid var(--navy)}.experience-box strong{font-size:45px;font-family:Playfair Display}.experience-box span{font-size:11px;font-weight:700}.center-head{text-align:center;max-width:710px;margin:0 auto 65px}.center-head p{color:var(--muted)}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.workflow-grid:before{content:"";position:absolute;top:25px;left:12%;right:12%;height:1px;background:#ccd7da}.step{padding:0 25px;text-align:center;position:relative}.step span{width:50px;height:50px;border-radius:50%;background:#fff;border:1px solid #b9cbcf;color:#168f85;display:grid;place-items:center;margin:0 auto 25px;font-size:11px;font-weight:800;position:relative}.step h3{font-size:17px}.step p{font-size:13px;color:var(--muted);line-height:1.7}.case-banner{background:linear-gradient(115deg,#167f79,#25b7aa);color:#fff;padding:75px 0}.case-content{display:flex;align-items:center;justify-content:space-between;gap:45px}.case-banner h2{font-size:43px;margin:5px 0 12px}.case-banner p{margin:0;color:#e0f6f3}.btn.light{background:#fff;color:#0a3e43;min-width:190px}.contact-section{background:#f7f8f8}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.contact-copy>p{color:var(--muted);line-height:1.8}.contact-items{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-items>div{display:flex;gap:13px;align-items:flex-start}.contact-items>div>span{color:#15998f;font-size:18px}.contact-items small,.contact-items strong{display:block}.contact-items small{font-size:10px;color:#849198;margin-bottom:5px}.contact-items strong{font-size:13px}.contact-form{background:white;padding:38px;box-shadow:0 20px 60px rgba(11,39,55,.09)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;font-size:11px;font-weight:800;color:#3d4c55;margin-bottom:18px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:8px;border:1px solid #d9e1e3;background:#fafbfb;padding:14px;font-family:inherit;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--teal)}.form-note{font-size:10px;color:#8a969c}.success{display:none;margin-top:15px;background:#def5f1;color:#17685f;padding:12px;font-size:12px}.success.show{display:block}.footer{background:#061722;color:#c3d2d8;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:65px}.footer-logo{margin-bottom:20px}.footer-grid p{font-size:13px;line-height:1.8;max-width:300px;color:#8fa5ae}.footer-grid h4{font-size:12px;color:#fff;margin:0 0 20px}.footer-grid a:not(.logo){display:block;font-size:12px;color:#8fa5ae;margin:11px 0}.footer-grid a:hover{color:var(--teal2)}.footer-bottom{margin-top:55px;padding-top:23px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:10px;color:#69818c}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:980px){.nav,.header .btn-small{display:none}.menu-btn{display:block;margin-left:auto}.nav.open{position:absolute;top:82px;left:0;right:0;background:#082336;padding:25px;display:flex;flex-direction:column;margin:0}.hero-grid,.tech-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:54px}.hero-visual{max-width:620px;margin:auto}.services-grid{grid-template-columns:1fr 1fr}.workflow-grid{grid-template-columns:1fr 1fr;gap:45px}.workflow-grid:before{display:none}.section-head{grid-template-columns:1fr;gap:20px}.tech-badge{right:20px}.about-grid{gap:55px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.hero{padding-top:125px}.hero h1{font-size:42px}.hero-grid{gap:40px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-stats{gap:18px}.hero-card{height:440px;border-radius:120px 120px 8px 8px}.fc-one{left:0}.fc-two{right:0}.trust-content{overflow:auto;justify-content:flex-start}.section{padding:80px 0}.section h2,.case-banner h2{font-size:37px}.services-grid{grid-template-columns:1fr}.service-card.featured{grid-column:auto;grid-template-columns:1fr}.service-image{height:260px}.tech-image img{height:470px}.about-points,.contact-items,.form-row{grid-template-columns:1fr}.about-gallery img,.about-gallery .g2{height:330px}.workflow-grid{grid-template-columns:1fr}.case-content{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:8px}.contact-form{padding:24px}}
.cases-section{background:#fff}.cases-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:330px 330px;gap:22px}.case-card{position:relative;overflow:hidden;min-height:330px}.case-card.case-wide{grid-row:span 2}.case-card img{height:100%;transition:transform .65s ease}.case-card:hover img{transform:scale(1.045)}.case-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(4,22,33,.88))}.case-caption{position:absolute;left:30px;right:30px;bottom:27px;color:white}.case-caption span{font-size:10px;letter-spacing:2px;color:var(--teal2);font-weight:800}.case-caption h3{font-family:Playfair Display,serif;font-size:26px;margin:8px 0}.case-caption p{font-size:12px;line-height:1.6;color:#d5e3e7;margin:0;max-width:600px}.mini-process{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:32px}.mini-process>div{background:#fff;padding:12px 12px 18px;box-shadow:0 14px 35px rgba(8,38,56,.08)}.mini-process img{height:155px;margin-bottom:16px}.mini-process h4{margin:0 8px 7px;font-size:14px}.mini-process p{margin:0 8px;font-size:11px;line-height:1.6;color:var(--muted)}.inhouse-band{background:linear-gradient(120deg,#082337,#0d3a4d);color:white;padding:72px 0}.inhouse-grid{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:42px;align-items:start}.inhouse-title h2{font-family:Playfair Display,serif;font-size:43px;margin:0}.inhouse-item{border-left:1px solid rgba(255,255,255,.16);padding-left:25px}.inhouse-item strong{font-size:11px;color:var(--teal2);letter-spacing:1px}.inhouse-item h3{font-size:17px;margin:14px 0 10px}.inhouse-item p{font-size:12px;line-height:1.7;color:#afc4cc;margin:0}
@media(max-width:980px){.cases-grid{grid-template-columns:1fr 1fr;grid-template-rows:500px 320px}.case-card.case-wide{grid-column:span 2;grid-row:auto}.inhouse-grid{grid-template-columns:1fr 1fr}.inhouse-title{grid-column:span 2}.mini-process{max-width:700px}}
@media(max-width:650px){.cases-grid{grid-template-columns:1fr;grid-template-rows:none}.case-card,.case-card.case-wide{grid-column:auto;min-height:380px}.case-card.case-wide{height:460px}.mini-process{grid-template-columns:1fr}.inhouse-grid{grid-template-columns:1fr}.inhouse-title{grid-column:auto}.inhouse-item{border-left:0;border-top:1px solid rgba(255,255,255,.15);padding:22px 0 0}.inhouse-title h2{font-size:37px}}
.product-gallery-section{background:#f4f7f7}.product-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:360px;gap:20px}.product-shot{position:relative;overflow:hidden;background:#0b2637}.product-shot-large{grid-column:span 2;grid-row:span 2}.product-shot img{height:100%;transition:transform .7s ease,filter .7s ease}.product-shot:hover img{transform:scale(1.05);filter:saturate(1.08)}.product-shot-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,21,32,.02) 20%,rgba(4,21,32,.9) 92%)}.product-shot-copy{position:absolute;left:26px;right:26px;bottom:24px;color:#fff}.product-shot-copy span{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--teal2)}.product-shot-copy h3{font-family:Playfair Display,serif;font-size:25px;line-height:1.2;margin:8px 0}.product-shot-large .product-shot-copy h3{font-size:37px}.product-shot-copy p{font-size:12px;line-height:1.6;color:#d3e2e7;margin:0;max-width:620px}.gallery-note{margin-top:25px;padding:22px 26px;background:#fff;border-left:4px solid var(--teal);box-shadow:0 12px 35px rgba(8,38,56,.06);font-size:13px;line-height:1.7;color:#53616a}.gallery-note strong{color:#0b2637}
@media(max-width:980px){.product-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:350px}.product-shot-large{grid-column:span 2;grid-row:span 1;height:480px}}
@media(max-width:650px){.product-gallery{grid-template-columns:1fr;grid-auto-rows:380px}.product-shot-large{grid-column:auto;height:460px}.product-shot-large .product-shot-copy h3{font-size:30px}}

/* Version 9: only the main smiling-woman hero photo was adjusted. */
.hero-visual{padding:0;}
.hero-card.main-photo{
  height:640px;
  border-radius:0;
  box-shadow:none;
  background:#0b2637;
}
.hero-card.main-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 24%;
}
@media(max-width:980px){
  .hero-card.main-photo{height:600px;}
}
@media(max-width:650px){
  .hero-card.main-photo{height:470px;}
}


/* Version 10: wider, naturally bright hero photo; two Full-Arch images swapped. */
@media(min-width:981px){
  .hero-grid{grid-template-columns:.82fr 1.18fr;gap:52px;}
}
.hero-card.main-photo .photo-overlay{display:none;}
.hero-card.main-photo img{filter:none;opacity:1;}


/* Partners */
.partners-section{background:#fff;padding-top:86px;padding-bottom:86px}
.partners-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:42px;align-items:stretch}
.partner-logo{min-height:128px;border:1px solid rgba(15,55,68,.10);background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;padding:22px;box-shadow:0 12px 34px rgba(16,45,55,.06)}
.partner-logo img{display:block;max-width:100%;max-height:82px;width:auto;height:auto;object-fit:contain;filter:none}
@media (max-width:900px){.partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.partners-grid{grid-template-columns:1fr}.partner-logo{min-height:112px}}

/* Version 12: show the complete vertical 3D model photo, including the reflected lower portion. */
.mini-process img.full-model-photo{height:330px;object-fit:contain;object-position:center;background:#f5f3ef;}
@media(max-width:650px){.mini-process img.full-model-photo{height:420px;}}

/* Final hero concept: only header and first-screen styling changed. */
:root{--hero-gold:#c99a36;--hero-cream:#f5efe7;--hero-ink:#111317;--hero-header:#06111d}
.header{background:var(--hero-header);backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.05)}
.nav-wrap{height:74px}
.logo{min-width:250px;gap:10px}
.logo-mark{width:auto;height:auto;border:0;border-radius:0;font-size:52px;line-height:.8;color:var(--hero-gold);font-family:"Playfair Display",serif}
.logo-text strong{font-family:"Playfair Display",serif;font-size:23px;letter-spacing:1.5px;font-weight:600}
.logo-text small{font-family:"Playfair Display",serif;font-size:10px;letter-spacing:1.3px;color:#fff;margin-top:2px}
.nav{gap:33px}
.nav a{font-family:"Playfair Display",serif;font-size:15px;color:#fff}
.nav a:first-child{color:var(--hero-gold);position:relative}
.nav a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:1px;background:var(--hero-gold)}
.header .btn-small{background:transparent;color:#fff;border:1px solid var(--hero-gold);border-radius:10px;padding:12px 20px;font-family:"Playfair Display",serif;font-size:14px}
.header .btn-small:hover{background:var(--hero-gold);color:#111;box-shadow:none}
.hero{min-height:525px;padding:74px 0 0;background:var(--hero-cream);color:var(--hero-ink)}
.hero-bg{display:none}
.hero .container{width:100%;max-width:none}
.hero-grid{min-height:451px;grid-template-columns:48% 52%;gap:0;align-items:stretch}
.hero-copy{padding:62px max(42px,calc((100vw - 1325px)/2 + 70px)) 42px max(42px,calc((100vw - 1325px)/2 + 70px));display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#f5efe7 0%,#f3eee7 78%,#eee8df 100%)}
.hero h1{font-size:49px;line-height:1.18;letter-spacing:-.5px;color:#111;margin:0;font-weight:600}
.hero h1 span{color:inherit;font-style:normal}
.hero-gold-line{width:70px;height:1px;background:var(--hero-gold);margin:22px 0 20px}
.hero-copy>p{font-family:"Playfair Display",serif;font-size:16px;line-height:1.55;color:#222;max-width:460px;margin:0}
.hero-actions{margin:28px 0 0;gap:20px}
.hero .btn{background:var(--hero-gold);color:#fff;border:1px solid var(--hero-gold);border-radius:9px;padding:14px 28px;font-family:"Playfair Display",serif;font-size:15px;font-weight:600}
.hero .btn:hover{transform:none;box-shadow:none;background:#b88a2f}
.hero .hero-btn-outline{background:transparent;color:#151515;border-color:#191919}
.hero .hero-btn-outline:hover{background:#151515;color:#fff}
.hero-stats{display:none}
.hero-visual{padding:0;min-width:0}
.hero-card.main-photo{height:451px;background:#eee8df;overflow:hidden}
.hero-card.main-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-card.main-photo .photo-overlay{display:none}
@media(max-width:980px){
 .nav-wrap{height:74px}.nav.open{top:74px}
 .hero{padding-top:74px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:55px 35px 45px}.hero h1{font-size:46px}.hero-card.main-photo{height:520px}.hero-card.main-photo img{object-position:center 20%}
}
@media(max-width:650px){
 .logo{min-width:auto}.logo-mark{font-size:42px}.logo-text strong{font-size:18px}.logo-text small{font-size:8px}
 .hero-copy{padding:42px 24px 38px}.hero h1{font-size:38px}.hero-card.main-photo{height:420px}.hero-actions{flex-direction:row;flex-wrap:wrap}.hero .btn{padding:13px 20px}
}

/* FINAL HERO FIX — desktop composition matches the approved reference. */
@media (min-width: 981px){
  .header{
    position:relative !important;
    height:72px !important;
    background:#06111d !important;
  }
  .header .container.nav-wrap{
    width:min(1360px, calc(100% - 48px)) !important;
    max-width:1360px !important;
    height:72px !important;
    margin:0 auto !important;
    padding:0 24px !important;
    gap:28px !important;
  }
  .header .logo{min-width:250px !important; flex:0 0 auto !important;}
  .header .nav{margin-left:auto !important; gap:25px !important; align-items:center !important;}
  .header .nav a{font-size:14px !important; white-space:nowrap !important;}
  .header .btn-small{flex:0 0 auto !important;}

  .hero{
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    background:#f5efe7 !important;
    overflow:hidden !important;
  }
  .hero > .container.hero-grid{
    width:min(1360px, calc(100% - 48px)) !important;
    max-width:1360px !important;
    min-height:455px !important;
    height:455px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:42% 58% !important;
    gap:0 !important;
    align-items:stretch !important;
    background:#f5efe7 !important;
  }
  .hero-copy{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    height:455px !important;
    padding:54px 54px 48px 62px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    background:linear-gradient(90deg,#f6f0e8 0%,#f4eee6 88%,#f1ebe3 100%) !important;
    opacity:1 !important;
    transform:none !important;
  }
  .hero h1{
    width:100% !important;
    max-width:500px !important;
    margin:0 !important;
    color:#111 !important;
    font-size:46px !important;
    line-height:1.20 !important;
    letter-spacing:-.4px !important;
    font-weight:600 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .hero-gold-line{margin:18px 0 18px !important; width:58px !important;}
  .hero-copy > p{
    width:100% !important;
    max-width:455px !important;
    margin:0 !important;
    color:#252525 !important;
    font-size:15px !important;
    line-height:1.58 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .hero-actions{
    margin:25px 0 0 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:18px !important;
  }
  .hero .btn{padding:13px 25px !important; font-size:14px !important;}
  .hero-visual{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:455px !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    transform:none !important;
    overflow:hidden !important;
  }
  .hero-card.main-photo{
    width:100% !important;
    height:455px !important;
    margin:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    background:#eee8df !important;
  }
  .hero-card.main-photo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
  }
  .hero-card.main-photo .photo-overlay{display:none !important;}
  .hero-stats{display:none !important;}
  .trust-strip{margin-top:0 !important;}
}

@media (min-width:981px) and (max-width:1200px){
  .header .container.nav-wrap{width:calc(100% - 24px) !important; padding:0 12px !important;}
  .header .nav{gap:15px !important;}
  .header .nav a{font-size:12px !important;}
  .hero > .container.hero-grid{width:100% !important; grid-template-columns:44% 56% !important;}
  .hero-copy{padding-left:42px !important; padding-right:35px !important;}
  .hero h1{font-size:40px !important;}
}

/* Final proportional hero image fix: scale in both directions without distortion. */
@media (min-width: 981px){
  .hero{
    padding:0 !important;
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
  }
  .hero > .container.hero-grid{
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    grid-template-columns:42% 58% !important;
    align-items:stretch !important;
  }
  .hero-copy{
    height:auto !important;
    min-height:0 !important;
  }
  .hero-visual,
  .hero-card.main-photo{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:801 / 452 !important;
    overflow:hidden !important;
  }
  .hero-card.main-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }
}

/* Compact photo-based services section */
.services-compact-section{padding:82px 0 92px;background:#fff}
.services-compact-head{margin-bottom:36px;gap:55px}
.services-compact-head h2{font-size:44px}
.services-compact-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.service-photo-card{grid-column:span 2;border:1px solid var(--line);background:#fff;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease}
.service-photo-card:nth-child(4),.service-photo-card:nth-child(5){grid-column:span 3}
.service-photo-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(9,39,57,.11)}
.service-photo-card>img{width:100%;height:245px;object-fit:cover;object-position:center}
.service-photo-card:nth-child(3)>img{object-position:center 48%}
.service-photo-card:nth-child(4)>img{object-position:center}
.service-photo-body{padding:24px 25px 27px}
.service-photo-body span{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#b98925}
.service-photo-body h3{font-size:21px;line-height:1.3;margin:10px 0 10px;color:#0b2637}
.service-photo-body p{font-size:13px;line-height:1.68;color:var(--muted);margin:0}
@media(max-width:980px){
  .services-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-photo-card,.service-photo-card:nth-child(4),.service-photo-card:nth-child(5){grid-column:auto}
  .service-photo-card:last-child{grid-column:span 2}
}
@media(max-width:650px){
  .services-compact-section{padding:68px 0 74px}
  .services-compact-head h2{font-size:36px}
  .services-compact-grid{grid-template-columns:1fr;gap:18px}
  .service-photo-card,.service-photo-card:last-child{grid-column:auto}
  .service-photo-card>img{height:230px}
}

/* ChatGPT tweaks */
body{color:#3b352e;}
p{color:#4a433b;}
.service-card p,.section-head p,.about-copy p{color:#4a433b!important;font-weight:500;}
.service-card h3,.section-head h2{color:#231f1b;}

/* Digital cases video card */
.service-photo-card>.service-card-video{width:100%;height:245px;display:block;object-fit:cover;object-position:center;background:#151515;}
@media(max-width:650px){.service-photo-card>.service-card-video{height:230px;}}
\n\n/* Final readability and section cleanup */
.tech-copy .lead{
  color:#3f3932 !important;
  font-weight:550 !important;
  line-height:1.82 !important;
}
.tech-copy .feature-list h4{
  color:#211d19 !important;
  font-weight:750 !important;
}
.tech-copy .feature-list p{
  color:#4b443d !important;
  font-weight:550 !important;
  line-height:1.72 !important;
}
.tech-copy .feature-list span{
  color:#0d837a !important;
  font-weight:900 !important;
}
.about-section .about-copy>p{
  color:#dce7e9 !important;
  font-weight:500 !important;
  line-height:1.9 !important;
}
.about-section .about-copy blockquote{
  color:#ffffff !important;
}
.about-section .about-points{
  color:#e2ecee !important;
  font-weight:600 !important;
}


/* Compact portfolio layout */
.product-gallery-section{padding-top:78px!important;padding-bottom:78px!important}
.product-gallery.product-gallery-compact{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(420px,.92fr);gap:16px;grid-auto-rows:auto}
.product-gallery-compact>.product-shot-large{grid-column:auto;grid-row:auto;height:620px}
.product-gallery-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:16px;height:620px}
.product-gallery-side .product-shot{min-height:0}
.product-gallery-side .product-shot-side-wide{grid-column:span 2}
.product-gallery-compact .product-shot img{width:100%;height:100%;object-fit:cover;display:block}
.product-gallery-compact>.product-shot-large img{object-position:center center}
.product-gallery-side .product-shot:nth-child(1) img{object-position:center center}
.product-gallery-side .product-shot:nth-child(2) img{object-position:center center}
.product-gallery-side .product-shot:nth-child(5) img{object-position:center 58%}
.product-gallery-section .section-head{margin-bottom:34px}
@media(max-width:1050px){
  .product-gallery.product-gallery-compact{grid-template-columns:1fr}
  .product-gallery-compact>.product-shot-large{height:520px}
  .product-gallery-side{height:680px}
}
@media(max-width:650px){
  .product-gallery-compact>.product-shot-large{height:420px}
  .product-gallery-side{grid-template-columns:1fr;grid-template-rows:none;height:auto}
  .product-gallery-side .product-shot,.product-gallery-side .product-shot-side-wide{grid-column:auto;height:320px}
}

/* Final readability and navigation cleanup */
body,
p,
.section-head p,
.center-head p,
.tech-copy .lead,
.feature-list p,
.step p,
.contact-copy > p,
.case-banner p,
.gallery-note,
.service-photo-body p {
  color: #3f382f !important;
  font-weight: 500 !important;
}

.section h2,
.center-head h2,
.tech-copy h2,
.workflow-section h2,
.contact-copy h2,
.service-photo-body h3,
.feature-list h4,
.step h3 {
  color: #181511 !important;
  font-weight: 700 !important;
}

.workflow-section {
  background: #fbf8f2;
}
.workflow-section .center-head p {
  color: #40382f !important;
  font-weight: 600 !important;
}
.workflow-section .step p {
  color: #443c33 !important;
  font-size: 14px;
  line-height: 1.72;
  font-weight: 550 !important;
}
.workflow-section .step h3 {
  font-size: 18px;
}

/* Keep light text on dark/accent backgrounds */
.why-unident-section p,
.why-unident-section .why-card p,
.why-unident-section .why-unident-head p,
.why-unident-section .why-unident-cta span,
.case-banner p,
.footer p,
.footer a,
.footer-bottom {
  color: rgba(255,255,255,.84) !important;
}
.case-banner h2,
.why-unident-section h2,
.why-unident-section h3 {
  color: #fff !important;
}

/* Slightly stronger global body typography */
body { color:#2f2922; }
.nav a { font-weight:600; }


/* Doctor contact + case submission portal */
.contact-grid{align-items:start}
.forms-panel{background:#fff;border:1px solid rgba(35,30,24,.12);border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(31,27,22,.10)}
.form-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f2ece2;border-bottom:1px solid rgba(35,30,24,.10)}
.form-tab{appearance:none;border:0;background:transparent;padding:20px 18px;font:700 15px/1.2 Manrope,sans-serif;color:#655a4c;cursor:pointer;transition:.25s ease}
.form-tab.active{background:#fff;color:#15120f;box-shadow:inset 0 -3px 0 #c99324}
.form-view{display:none;padding:28px}
.form-view.active{display:block}
.form-view-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:23px}
.form-view-number{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#d4a02c;color:#fff;font-weight:800;flex:0 0 auto}
.form-view-head h3{font-family:"Playfair Display",serif;font-size:28px;margin:0 0 5px;color:#1c1813}
.form-view-head p{margin:0;color:#554b40!important;font-weight:550!important}
.live-form{padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
.honey-field{display:none!important}
.upload-zone{position:relative;display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 20px!important;border:2px dashed #c7ae78!important;border-radius:15px;background:#fbf7ef;cursor:pointer;transition:.25s ease}
.upload-zone:hover,.upload-zone.drag-active{border-color:#ba861b!important;background:#f7efdF}
.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0!important}
.upload-icon{font-size:30px;color:#b47f16}.upload-zone strong{font-size:17px;color:#211c16}.upload-zone span:not(.upload-icon){color:#51473c}.upload-zone small{color:#776b5d}
.file-list{font-size:13px;color:#51473c;background:#f5f0e8;border-radius:10px;padding:10px 12px;margin-top:-6px}
.privacy-check{display:flex!important;gap:10px;align-items:flex-start;font-size:13px;color:#51483e}.privacy-check input{width:auto!important;margin-top:3px}
.form-delivery-note{margin-top:22px;padding:15px 17px;border-left:3px solid #c99427;background:#f6efe4;color:#443a30;font-size:14px;font-weight:600}
@media(max-width:700px){.form-view{padding:21px 17px}.form-tabs{grid-template-columns:1fr}.form-tab.active{box-shadow:inset 3px 0 0 #c99324}.form-view-head h3{font-size:24px}}

.tech-grid{grid-template-columns:1fr 1.2fr!important;align-items:start!important}.feature-list>div{grid-template-columns:60px 1fr!important}.feature-list p{max-width:none!important;display:block!important}
/* FIX: technology section after removing numeric labels */
.tech-section .tech-grid{
  display:grid !important;
  grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr) !important;
  gap:85px !important;
  align-items:center !important;
}
.tech-section .tech-copy{
  min-width:0 !important;
  width:100% !important;
}
.tech-section .feature-list{
  width:100% !important;
  margin-top:35px !important;
}
.tech-section .feature-list > div{
  display:block !important;
  width:100% !important;
  grid-template-columns:none !important;
  padding:22px 0 !important;
}
.tech-section .feature-list > div > div{
  width:100% !important;
  max-width:none !important;
}
.tech-section .feature-list h4,
.tech-section .feature-list p{
  width:100% !important;
  max-width:none !important;
  white-space:normal !important;
}
@media(max-width:980px){
  .tech-section .tech-grid{
    grid-template-columns:1fr !important;
    gap:55px !important;
    align-items:start !important;
  }
}

/* Compact technology summary integrated into gallery */
.gallery-tech-summary{margin-top:34px;padding:30px 32px;background:#fff;border:1px solid #dde5e6;box-shadow:0 12px 34px rgba(8,38,56,.05)}
.gallery-tech-head{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);column-gap:46px;align-items:end;margin-bottom:24px}
.gallery-tech-head .eyebrow{grid-column:1;margin-bottom:10px}
.gallery-tech-head h3{grid-column:1;font-family:"Playfair Display",serif;font-size:32px;line-height:1.15;color:#0b2637;margin:0}
.gallery-tech-head p{grid-column:2;grid-row:1 / span 2;margin:0;color:#4f5b61;font-size:14px;line-height:1.75;align-self:end}
.gallery-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;border-top:1px solid #dfe5e6}
.gallery-tech-card{padding:20px 0 18px;border-bottom:1px solid #dfe5e6}
.gallery-tech-card h4{margin:0 0 7px;color:#0b2637;font-size:16px}
.gallery-tech-card p{margin:0;color:#4f5b61;font-size:13px;line-height:1.65}
@media(max-width:760px){.gallery-tech-head{grid-template-columns:1fr;row-gap:12px}.gallery-tech-head .eyebrow,.gallery-tech-head h3,.gallery-tech-head p{grid-column:1;grid-row:auto}.gallery-tech-grid{grid-template-columns:1fr}.gallery-tech-summary{padding:24px 22px}}


/* Final header color and official Unident Art logo */
.header{background:#114d63 !important;border-bottom:1px solid rgba(255,255,255,.18) !important;}
.header .nav.open{background:#114d63 !important;}
.header .real-logo{min-width:108px !important;width:108px !important;height:64px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:4px 8px !important;background:rgba(255,255,255,.96) !important;border-radius:4px !important;overflow:hidden !important;flex:0 0 108px !important;}
.header .real-logo img{display:block !important;width:auto !important;height:54px !important;max-width:92px !important;object-fit:contain !important;}
.footer .real-logo{width:118px !important;height:auto !important;min-width:0 !important;padding:8px !important;background:#fff !important;border-radius:4px !important;display:inline-flex !important;}
.footer .real-logo img{width:100% !important;height:auto !important;object-fit:contain !important;}
@media(max-width:980px){.header .real-logo{width:94px !important;min-width:94px !important;flex-basis:94px !important;height:58px !important}.header .real-logo img{height:49px !important;max-width:80px !important}}

/* FINAL REQUEST: taller teal header and wider official logo only */
@media (min-width:981px){
  .header{
    height:128px !important;
    min-height:128px !important;
    background:#114d63 !important;
  }
  .header .container.nav-wrap{
    height:128px !important;
    min-height:128px !important;
    align-items:center !important;
  }
  .header .real-logo{
    width:230px !important;
    min-width:230px !important;
    flex:0 0 230px !important;
    height:112px !important;
    padding:8px 14px !important;
    border-radius:5px !important;
  }
  .header .real-logo img{
    width:100% !important;
    height:96px !important;
    max-width:202px !important;
    object-fit:contain !important;
  }
}
@media (max-width:980px){
  .header .container.nav-wrap{height:88px !important;min-height:88px !important;}
  .header .real-logo{width:132px !important;min-width:132px !important;flex-basis:132px !important;height:76px !important;padding:5px 9px !important;}
  .header .real-logo img{height:64px !important;max-width:114px !important;}
  .nav.open{top:88px !important;}
}

/* Downloadable laboratory prescription (RX) form */
.rx-download-section{padding-top:82px;padding-bottom:82px;background:#eef4f5}
.rx-download-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:46px;align-items:center;padding:46px 50px;background:#fff;border:1px solid #d9e3e5;box-shadow:0 20px 55px rgba(8,38,56,.08)}
.rx-download-copy h2{font-family:"Playfair Display",serif;font-size:clamp(34px,3.6vw,50px);line-height:1.12;color:#0b2637;margin:8px 0 18px}
.rx-download-copy p{max-width:760px;margin:0;color:#4f5b61;font-size:16px;line-height:1.8}
.rx-download-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}
.rx-preview-link{font-size:13px;font-weight:800;color:#116d78;border-bottom:1px solid currentColor;padding-bottom:3px}
.rx-preview-link:hover{color:#0b2637}
.rx-download-preview{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 24px;background:linear-gradient(145deg,#0c4559,#17687a);color:#fff;border-radius:18px}
.rx-pdf-icon{width:76px;height:92px;display:grid;place-items:center;margin-bottom:20px;background:#fff;color:#b02a2a;font-size:20px;font-weight:900;letter-spacing:.08em;border-radius:6px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.rx-download-preview strong{font-family:"Playfair Display",serif;font-size:24px;margin-bottom:10px}
.rx-download-preview span{max-width:260px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.65}
@media(max-width:820px){.rx-download-card{grid-template-columns:1fr;padding:34px 26px}.rx-download-preview{min-height:210px}.rx-download-section{padding-top:62px;padding-bottom:62px}}


/* Header contact block — uniform typography for phone, email, and address */
.header-contact{
  margin-left:4px;
  display:grid;
  grid-template-columns:max-content max-content;
  align-items:center;
  column-gap:22px;
  color:#fff;
  font-family:Manrope,Arial,sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.45;
  white-space:nowrap;
}
.header-contact-column{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1px;
}
.header-contact a,
.header-contact span{
  color:#fff;
  font:inherit;
  letter-spacing:0;
  text-decoration:none;
}
.header-contact a:hover{color:#fff;text-decoration:underline}
.header-contact-address{text-align:left}
@media (max-width:1380px){
  .header .container.nav-wrap{gap:18px !important}
  .header .nav{gap:16px !important}
  .header .nav a{font-size:12px !important}
  .header-contact{font-size:12px;column-gap:14px}
  .header .btn-small{padding:10px 14px !important;font-size:12px !important}
}
@media (max-width:1120px){.header-contact{display:none}}

/* Product gallery scanning video */
.product-gallery-video{width:100%;height:100%;object-fit:cover;display:block;}

/* Scanning video framing fix: keep wide gallery slot, show lower scanning area instead of top of frame */
.product-gallery-video{
  object-fit:cover;
  object-position:center bottom;
}

/* FINAL scanning video: show the full 16:9 frame in the wide slot; no cropping. */
.product-shot-side-wide .product-gallery-video{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;background:#111 !important;}


/* Service landing pages: keep all content visible without scroll-reveal gaps. */
.service-landing-page .reveal{opacity:1 !important;transform:none !important;transition:none !important;}