:root{--ink:#102d32;--muted:#64716e;--paper:#f7f6f0;--gold:#d5b783;--line:#d9ded7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #aa8348;outline-offset:6px}button{cursor:pointer}header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:15px;font-size:19px;font-weight:600}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;margin-top:4px}.monogram{font-family:Georgia,serif;font-size:37px;letter-spacing:-5px;border-left:1px solid #bec9c2;padding-left:18px;position:relative}.monogram span{font-size:15px;position:absolute;top:-3px;right:0;color:#a18859;letter-spacing:0}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:#947344}.btn{background:var(--ink);color:white;display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:17px 27px;border:1px solid var(--ink);border-radius:4px;font-size:15px;transition:transform .2s,background .2s}.btn:hover{background:#25474b;transform:translateY(-3px)}.btn span{font:24px Arial}.btn.small{padding:10px 20px;font-size:13px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:710px;padding:58px 6% 0;gap:6%;overflow:hidden}.hero-copy{padding-top:25px}.eyebrow{font-size:12px;letter-spacing:.5px;font-weight:500;display:flex;align-items:center;gap:9px;margin:0 0 24px}.eyebrow i{width:6px;height:6px;background:#b79b66;border-radius:50%;box-shadow:0 0 0 5px #b79b6619}.overline{font:11px Arial;letter-spacing:3px;margin:48px 0 20px;color:#788980}h1{font-size:clamp(44px,4.8vw,76px);line-height:1.42;letter-spacing:-2px;font-weight:500;margin:0}em{font-style:normal;color:#8c7751}p{line-height:1.95}h2{font-size:clamp(31px,3.4vw,49px);font-weight:500;line-height:1.6;margin:0}h3{font-weight:500}.intro{max-width:480px;color:var(--muted);font-size:16px;margin:25px 0 32px}.actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #b9c2b7;padding:8px 0}.hero-bottom{display:flex;align-items:center;gap:22px;margin:46px 0 35px;font-size:13px}.hero-bottom small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.fine-line{height:35px;width:1px;background:var(--line)}.hero-portrait{position:relative;min-width:0;align-self:end;height:650px}.portrait-frame{position:absolute;inset:0 15px 0 0;background:#18383c;border-radius:240px 240px 0 0;overflow:hidden}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.portrait-glow{position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#102d3299)}.portrait-caption{position:absolute;bottom:43px;right:-30px;background:#f7f6f0ed;backdrop-filter:blur(16px);padding:20px 27px;display:flex;align-items:center;gap:20px;font-size:14px;border:1px solid white;box-shadow:0 20px 60px #071f2512}.portrait-caption strong{font-weight:500}.cross{font:42px Georgia;color:#a48b60}.portrait-side{position:absolute;left:-27px;top:160px;writing-mode:vertical-rl;font:9px Arial;letter-spacing:3px;color:#86958b}.portrait-number{position:absolute;bottom:22px;left:35px;color:#e9e0d0;font:9px Arial;letter-spacing:2px}.ribbon{background:var(--ink);color:#edeade;padding:25px 6%;display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:20px}.ribbon b{color:var(--gold);font-size:19px;font-weight:400}.section{padding:105px 8%}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;border-bottom:1px solid var(--line)}.about-body h3{font-size:28px;margin:0 0 15px}.about-body p{font-size:15px;color:var(--muted)}.dark{color:var(--ink)}.experience{height:240vh;position:relative;background:var(--ink);color:var(--paper)}.experience-sticky{height:100vh;min-height:650px;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:25px 5%}.experience-heading{text-align:center;z-index:1}.experience-heading .eyebrow{justify-content:center;color:#c7beaa;margin-bottom:8px}.experience h2{font-size:38px}.experience em{color:var(--gold)}.experience-heading p:last-child{font-size:13px;color:#adbdb8;margin:6px 0}.smile-stage{position:relative;width:min(850px,95vw);height:340px;flex-shrink:1;min-height:180px;display:flex;align-items:center}.smile-art{width:100%;z-index:1}.smile-art svg{width:100%;overflow:visible}.orbit{position:absolute;border:1px solid #d5b7831a;border-radius:50%;width:75%;height:90%;left:12.5%;transform:rotate(-12deg)}.orbit-two{transform:rotate(12deg);height:65%;left:7%;width:86%}.detail-label{position:absolute;color:var(--gold);font-size:12px;z-index:2;transition:opacity .3s}.label-a{right:6%;top:22%}.label-b{left:7%;top:40%}.label-c{right:32%;bottom:8%}.detail-label span{display:inline-block;background:#c0a77877;width:30px;height:1px;vertical-align:middle;margin:0 10px}.journey-caption{display:flex;gap:24px;align-items:center;width:480px;max-width:95%;min-height:100px}.journey-caption>span{font:48px Georgia;color:var(--gold)}.journey-caption h3{font-size:21px;margin:0 0 4px}.journey-caption p{font-size:13px;margin:0;color:#b5c4bd}.step-dots{display:flex;gap:8px;margin:20px}.step-dots i{width:30px;height:2px;background:#ffffff26;transition:background .3s}.step-dots i.active{background:var(--gold)}.illustration-note{color:#91a9a1;font-size:10px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-top>p{color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.service-card{border:1px solid var(--line)}.service-visual{height:255px;background:#e9ece3;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.service-visual>span{position:absolute;bottom:15px;left:22px;font:10px Arial;letter-spacing:3px;color:#738879}.crown{height:135px;width:113px;border-radius:30% 35% 40% 35%;background:linear-gradient(110deg,#fffff8,#e5dfce 65%,#b6b19f);transform:rotate(-12deg);box-shadow:8px 20px 24px #132c3220;position:relative;z-index:1}.crown:after{content:'';position:absolute;left:8%;right:8%;top:-4px;height:30px;border-radius:50%;background:radial-gradient(ellipse,#c4c0ae,#faf9ec 60%);transform:rotate(9deg)}.crown-base{position:absolute;width:145px;height:15px;border-radius:50%;bottom:34px;background:#82978c20;filter:blur(5px)}.veneer-visual{background:#eee9df;gap:5px}.veneer{width:65px;height:108px;border-radius:25px 24px 33px 33px;background:linear-gradient(110deg,white,#ece4d3 70%,#b9b2a1);box-shadow:5px 14px 14px #473b271c;transform:rotate(-16deg) translateY(8px)}.veneer:nth-child(2){height:120px;transform:translateY(-9px)}.veneer:nth-child(3){transform:rotate(16deg) translateY(8px)}.service-content{padding:30px 34px}.service-index{font:10px Arial;letter-spacing:2px;color:#9c8866}.service-content h3{font-size:28px;margin:17px 0 9px}.service-content p{color:var(--muted);font-size:14px}.service-content a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;font-size:14px}.service-note{font-size:11px;color:var(--muted);margin-top:22px}.consult{background:#dfe6dc;position:relative;overflow:hidden;text-align:center}.consult .eyebrow{justify-content:center}.consult h2{position:relative;z-index:1}.consult .btn{margin-top:32px;position:relative;z-index:1}.consult-circle{position:absolute;width:800px;height:800px;border:1px solid #a7b7a66b;border-radius:50%;left:50%;top:-130px;transform:translateX(-50%)}.visit{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.visit-steps{padding:0;margin:0;list-style:none}.visit-steps li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.visit-steps li:first-child{padding-top:0}.visit-steps li>span{font:24px Georgia;color:#9a845e;padding-top:5px}.visit-steps h3{font-size:21px;margin:0}.visit-steps p{font-size:14px;color:var(--muted);margin:8px 0}.booking-section{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.booking-copy .eyebrow{color:#c5b792}.booking-copy em{color:var(--gold)}.booking-copy>p:not(.eyebrow){max-width:340px;color:#b7c6be;font-size:15px}.contact-line{border-top:1px solid #ffffff22;margin-top:38px;padding-top:25px}.contact-line>span{display:block;font-size:12px;color:#b7c6be}.contact-line a{display:block;font:29px Georgia;margin-top:15px;text-align:right}.location-mini{display:flex;gap:20px;align-items:center;margin-top:35px}.location-mini>span{font-size:35px;color:var(--gold)}.location-mini small{display:block;font-size:12px;color:#b7c6be;margin-top:5px}form{background:var(--paper);color:var(--ink);padding:35px;border-radius:6px}.form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.form-heading h3{font-size:23px;margin:0}.form-heading>span{color:#a28a5b;font-size:26px}label:not(.consent){display:block;font-size:13px;margin-bottom:8px}input:not([type=checkbox]),select{display:block;width:100%;border:1px solid #ced7cc;background:#fffef9;color:var(--ink);height:52px;border-radius:3px;padding:0 14px;margin-bottom:19px;font-size:14px}input:focus,select:focus{outline:2px solid #a48b60;outline-offset:2px}.consent{display:flex;gap:8px;font-size:11px;line-height:1.8;align-items:flex-start}.consent input{margin-top:4px;accent-color:var(--ink)}form .btn{width:100%;margin:13px 0}form small{display:block;font-size:10px;line-height:1.9;color:var(--muted)}#form-error{color:#a63120;font-size:12px;margin:5px 0}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}details{border-bottom:1px solid var(--line)}summary{padding:23px 0;cursor:pointer;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:#9c8151;font-size:24px}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);padding-bottom:14px;margin-top:0}.location{background:#ebece4;display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.location p{font-size:14px;color:var(--muted)}.location .actions{margin-top:25px}.location-art{height:270px;position:relative;background:repeating-linear-gradient(0deg,transparent 0 47px,#cbd4c544 48px 50px),repeating-linear-gradient(90deg,transparent 0 55px,#cbd4c544 56px 58px);border:1px solid #ccd6c6;overflow:hidden}.map-road{background:#f7f6f0;position:absolute;width:150%;height:17px;left:-20%;top:40%;transform:rotate(-30deg)}.r2{transform:rotate(60deg);top:60%}.r3{transform:rotate(-30deg);top:100%}.map-pin{position:absolute;top:65px;left:42%;background:var(--ink);color:var(--gold);text-align:center;padding:15px 21px;font-size:24px;box-shadow:0 12px 25px #12362933}.map-pin small{display:block;font-size:11px;color:#f4f2e6;line-height:1.8}.location-art>span{position:absolute;bottom:10px;right:12px;font-size:9px;color:#7b8a76}footer{padding:45px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{font-size:12px;color:var(--muted)}footer>div{display:flex;gap:20px;align-items:center;font-size:12px}footer button{border:0;background:none;color:var(--ink);font-size:12px}footer>small{font-size:10px;color:var(--muted)}.mobile-bar{display:none}.scroll-progress{position:fixed;top:0;right:0;height:3px;width:0;background:var(--gold);z-index:20}.skip{position:fixed;top:-80px;right:20px;background:white;padding:15px;z-index:30}.skip:focus{top:10px}dialog{max-width:550px;width:90%;border:0;border-radius:8px;padding:40px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#102d32aa;backdrop-filter:blur(4px)}dialog h2{font-size:26px}dialog p{font-size:14px}dialog button{float:left;background:none;border:0;font-size:30px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.shown{opacity:1;transform:none}
@media(min-width:1500px){.hero,header,.section,footer{padding-left:max(8%,calc((100vw - 1320px)/2));padding-right:max(8%,calc((100vw - 1320px)/2))}}@media(max-width:1000px){header{padding:0 5%;height:85px}nav{gap:15px;font-size:12px}.hero{gap:4%;padding:40px 5% 0;min-height:620px}.hero-portrait{height:565px}.hero h1{font-size:49px}.overline{margin-top:30px}.hero-copy{padding-top:10px}.actions{gap:15px}.hero .btn{padding:14px 20px}.hero-bottom{margin-top:28px}.portrait-caption{right:-10px;font-size:12px;padding:15px}.section{padding:80px 6%}.booking-section{gap:6%}.ribbon{font-size:12px}.hero .text-link{font-size:11px}}
@media(max-width:700px){header{height:80px;padding:0 6%;gap:10px}nav{display:none}.brand{font-size:15px;gap:10px}.brand small{font-size:7px;letter-spacing:1.3px}.monogram{font-size:31px;padding-left:14px}.btn.small{font-size:11px;padding:9px 13px;gap:12px}.hero{display:flex;flex-direction:column;padding:32px 6% 0;gap:30px}.hero-copy{padding:0}.eyebrow{font-size:10px;margin-bottom:15px}.overline{font-size:9px;letter-spacing:2px;margin:30px 0 12px}.hero h1{font-size:47px;letter-spacing:-1.5px;line-height:1.4}.intro{font-size:14px;line-height:1.9;margin:20px 0 24px}.hero-bottom{display:none}.hero .actions{gap:22px}.hero-portrait{height:490px;width:100%;max-width:430px;align-self:center}.portrait-frame{inset:0 8px 0 8px}.portrait-caption{bottom:30px;right:-4px;font-size:12px}.portrait-side{left:-9px;font-size:7px;letter-spacing:2px;top:130px}.portrait-number{font-size:8px;left:25px;bottom:15px}.ribbon{padding:20px 6%;gap:15px;justify-content:center;flex-wrap:wrap;font-size:11px}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.ribbon b{font-size:13px}.section{padding:65px 7%}h2{font-size:32px;line-height:1.6}.about{grid-template-columns:1fr;gap:28px}.about-body h3{font-size:24px}.about-body p{font-size:14px}.experience{height:200vh}.experience-sticky{min-height:590px;height:100svh;padding:30px 5%}.experience h2{font-size:27px}.experience-heading p:last-child{font-size:11px}.smile-stage{height:270px;width:110vw}.journey-caption{width:90%;gap:17px}.journey-caption>span{font-size:37px}.journey-caption h3{font-size:19px}.journey-caption p{font-size:12px}.label-a{right:13%;top:25%}.label-b{left:10%;top:45%}.label-c{bottom:15%;right:36%}.detail-label{font-size:10px}.section-top{display:block;margin-bottom:30px}.section-top>p{font-size:13px}.service-grid{grid-template-columns:1fr;gap:23px}.service-visual{height:225px}.service-content{padding:25px}.service-content h3{font-size:25px}.service-note{font-size:10px}.consult h2{font-size:30px}.visit{grid-template-columns:1fr;gap:30px}.booking-section{grid-template-columns:1fr;gap:35px}.booking-copy>p:not(.eyebrow){max-width:none;font-size:14px}.contact-line{margin-top:25px;padding-top:20px}.contact-line a{font-size:25px}.location-mini{margin-top:20px}form{padding:25px}.form-heading h3{font-size:22px}.faq{grid-template-columns:1fr;gap:20px}summary{font-size:15px;padding:20px 0}.location{grid-template-columns:1fr;gap:35px}.location .btn{font-size:13px;padding:14px 18px}.location-art{height:220px}footer{padding:35px 7% 110px;align-items:start}footer p{width:100%;order:2;margin:0}footer>small{order:3}.mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;position:fixed;bottom:0;left:0;right:0;background:#f7f6f0f5;backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:9;padding:10px 6% max(10px,env(safe-area-inset-bottom));font-size:13px}.mobile-bar .btn{padding:12px 20px;font-size:13px;flex:1}.illustration-note{font-size:9px}.service-grid .reveal{transition-delay:0s!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.experience{height:auto}.experience-sticky{position:relative;height:auto;min-height:650px}}@media(max-height:700px) and (min-width:701px){.experience-sticky{min-height:560px}.smile-stage{height:240px}}

/* Clinic identity and conversion refinements */
.clinic-logo{display:grid;place-items:center;width:59px;height:68px;flex-shrink:0;background:#080a09;border-radius:6px;position:relative;overflow:hidden;padding:8px;border:1px solid #d5b78344}.safwat-emblem{width:100%;height:100%;overflow:visible}.clinic-logo:after{content:'';position:absolute;inset:-70% -90%;background:linear-gradient(115deg,transparent 43%,#ffffff55 49%,transparent 55%);transform:translateX(-65%);animation:logo-sheen 8s ease-in-out infinite;pointer-events:none}.logo-shield{stroke-dasharray:520;stroke-dashoffset:520;animation:shield-reveal 1.8s ease forwards}.logo-crown{transform-origin:100px 65px;animation:crown-appear 1.1s ease both}.brand small{font-family:inherit;letter-spacing:0;font-size:10px;font-weight:400}.hero .overline{font-family:inherit;font-size:16px;letter-spacing:0;color:#577267;font-weight:500;margin-top:31px}.hero .intro{margin-top:18px}.hero .actions{gap:20px}.hero .whatsapp-link{font-size:12px}.quick-services{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:23px}.quick-services>span{font-size:11px;color:var(--muted);margin-left:4px}.quick-services a{font-size:11px;border:1px solid #bdcbbf;border-radius:30px;padding:7px 13px;background:#eef0e7;transition:background .2s}.quick-services a:hover{background:#dce5d9}.hero-bottom{margin-top:26px}.experience{height:175vh}.journey-skip{font-size:12px;color:var(--gold);margin-top:16px;border-bottom:1px solid #d5b78355;padding-bottom:3px}.clinic-lockup{display:flex;align-items:center;gap:16px;margin-bottom:30px;font-size:17px}.clinic-lockup .clinic-logo{width:67px;height:79px}.clinic-lockup small{display:block;font-size:11px;color:#b7c6be;margin-top:6px}.floating-wa{position:fixed;bottom:24px;left:26px;background:#165b48;color:white;border:1px solid #ffffff55;border-radius:40px;padding:15px 24px;font-size:13px;z-index:9;box-shadow:0 5px 25px #0b302d26;display:flex;gap:10px;align-items:center}.floating-wa:hover{background:#20725b}.floating-wa>span{font-size:22px}.booking-section{scroll-margin-top:15px}@keyframes logo-sheen{0%,65%{transform:translateX(-65%)}90%,100%{transform:translateX(65%)}}@keyframes shield-reveal{to{stroke-dashoffset:0}}@keyframes crown-appear{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@media(max-width:1000px){.hero .overline{font-size:14px}.hero .actions{gap:12px}.hero .whatsapp-link{font-size:11px}.hero-bottom{margin-top:20px}}@media(max-width:700px){.clinic-logo{width:45px;height:55px;padding:6px}.brand small{font-size:8px}.hero .overline{font-size:13px;margin-top:23px;margin-bottom:12px}.hero .actions{gap:16px}.hero .whatsapp-link{font-size:11px}.hero h1{font-size:44px}.hero-portrait{height:430px}.quick-services{margin-top:20px;gap:7px}.quick-services a{font-size:10px;padding:7px 10px}.hero{gap:25px}.experience{height:165vh}.floating-wa{display:none}.mobile-bar{gap:12px;font-size:11px}.mobile-bar .btn{font-size:12px;padding:12px 13px;flex:1}.mobile-wa{color:#165b48;font-weight:500}.clinic-lockup{font-size:15px}.journey-skip{font-size:11px}}@media(prefers-reduced-motion:reduce){.logo-shield{stroke-dashoffset:0}.clinic-logo:after{display:none}.experience{height:auto}}

.location-map{min-width:0;border:1px solid #c4cebd;border-radius:8px;overflow:hidden;background:#dfe6dc;height:340px}.location-map iframe{display:block;width:100%;height:100%;border:0}@media(max-width:700px){.location-map{height:300px}}
