/* صدى — Liquid Glass: طبقة الهوية الزجاجية، بلا مكتبات إضافية */
:root{--background:#f1f3f5;--surface:rgba(255,255,255,.62);--text:#171b20;--muted:#555e67;--border:rgba(116,129,143,.2);--accent:#222a33;--glass-shadow:0 12px 38px #2433440c,inset 0 1px 0 #fff;--glass-blur:blur(18px) saturate(125%)}
body{background:radial-gradient(ellipse at 90% 8%,#fff 0,transparent 40%),radial-gradient(ellipse at 6% 35%,#dce2e9 0,transparent 42%),linear-gradient(135deg,#f6f7f9,#e9edf1 55%,#f7f8fa);background-attachment:fixed}
h1,h2,h3,.hero h1,.section-heading h2,.cta-content h2,.about-copy h2,.quote-body h2{letter-spacing:0}
.hero h1{font-weight:800;line-height:1.5}.hero h1>span:not(.title-dot){color:#6b7680}
.site-header{background:rgba(250,252,255,.72);border-bottom:1px solid #fff;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 6px 26px #24334408}
.site-header.scrolled{box-shadow:0 10px 30px #24334412}.nav-actions .button{white-space:nowrap}
.mobile-menu{background:rgba(248,250,253,.96);border-top:1px solid #fff;box-shadow:0 24px 35px #25354b14;border-radius:0 0 24px 24px}
.button{border-radius:16px}.button-dark,.floating-whatsapp{background:linear-gradient(140deg,#39424b,#171c23);border:1px solid #4c5761;box-shadow:inset 0 1px 0 #ffffff35,0 6px 18px #1723331a}
.button-dark:hover{background:linear-gradient(140deg,#4b5661,#222b35);box-shadow:inset 0 1px 0 #ffffff50,0 12px 26px #17233325}
.button-light,.button-plain{background:rgba(255,255,255,.5);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff}.button-plain:hover{background:#ffffffd9}
.hero-art:before{background:radial-gradient(ellipse,#c3cdd9a6,transparent 70%)}.hero-orbit{border-color:#ffffffd9;box-shadow:0 0 0 1px #c4ced840,inset 0 0 38px #ffffff50}
.hero-image{border:1px solid #fff;box-shadow:0 26px 60px #2433441c,inset 0 0 0 1px #fff}
.floating-note{background:linear-gradient(135deg,#ffffffad,#ffffff54);border:1px solid #ffffffed;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 15px 35px #2a384a1c,inset 0 1px 0 #fff;border-radius:22px}
.service-ribbon{background:#ffffff66;border-block:1px solid #fff}.services-grid{border:0;gap:14px}
.service-card{background:linear-gradient(135deg,#ffffffb8,#ffffff59);border:1px solid #fff;border-radius:24px;box-shadow:var(--glass-shadow)}
.service-card:hover{background:#ffffffdc;transform:translateY(-5px);box-shadow:0 20px 38px #26364b16,inset 0 1px 0 #fff}
.portfolio-section,.process-section{background:linear-gradient(135deg,#ffffffa8,#e9eef480);border-block:1px solid #ffffffed;border-radius:52px;box-shadow:inset 0 1px 0 #fff,0 15px 50px #35475a06}
.portfolio-filters button{background:#ffffff85;border-color:#fff;box-shadow:0 3px 10px #24334406}.portfolio-filters button[aria-pressed=true]{background:linear-gradient(135deg,#3d4752,#202830);color:white;border-color:#53606c}
.project-card{border:1px solid #fff;border-radius:25px;background:#ffffff8c;padding:10px;box-shadow:var(--glass-shadow);overflow:hidden}.project-card img{border-radius:17px}.project-caption{padding:16px 10px 9px}
.dark-section{background:radial-gradient(ellipse at 10% 15%,#54617070,transparent 55%),linear-gradient(135deg,#2b333e,#171d25 80%);border-block:1px solid #ffffff40;box-shadow:inset 0 1px 0 #ffffff35}
.offset-section{border-radius:48px}.offset-art>img,.packaging-visual>img{border:1px solid #ffffffb3;box-shadow:0 18px 45px #24334420}
.packaging-types button{background:#ffffff5e;border-color:#ffffffd9;border-radius:14px;padding-inline:15px}.packaging-types button:hover{background:#fff}
.process-step .step-number{box-shadow:inset 0 1px 0 #ffffff60,0 5px 15px #23334a1a}.about-section{border-radius:52px}.about-section:before,.about-section:after{border-color:#ffffff26}
.cta-rings{border-color:#fff;background:linear-gradient(140deg,#ffffff8c,#dce4ed55);box-shadow:inset 0 1px 15px #fff,0 20px 70px #3f526317}.cta-rings:before,.cta-rings:after{border-color:#ffffffbd}
.contact-section{background:#ffffff55;border-top:1px solid #fff}.contact-grid{gap:12px;border:0}.contact-grid>a{background:#ffffff80;border:1px solid #fff!important;border-radius:20px;padding:22px 16px!important;box-shadow:var(--glass-shadow)}.contact-grid>a:hover{background:#fff}
.site-footer{background:linear-gradient(135deg,#29323d,#181e26);border-top:1px solid #ffffff55}.social-icons a{background:#ffffff0c;border-color:#ffffff40}
dialog{background:#f5f7fa;border:1px solid #fff;box-shadow:0 35px 100px #101e3e45,inset 0 1px 0 #fff}dialog::backdrop{background:#15253666;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.quote-sidebar{background:radial-gradient(ellipse at top right,#56657460,transparent 70%),linear-gradient(145deg,#303a47,#1b222b)}.quote-main,.project-info{background:linear-gradient(145deg,#fff,#edf1f6)}.project-media{background:#e4eaf0}
.choice-label>span{background:#ffffffa6;border-color:#d6dfe8;box-shadow:inset 0 1px 0 #fff;border-radius:15px}.choice-label input:checked+span{background:#28333e;border-color:#28333e;color:#fff}.field input,.field textarea,.field select{background:#ffffffd9;border-color:#cbd5df;border-radius:14px}.quote-footer{background:#f7f9fc;border-top-color:#d9e1e9}.quote-footer .button-plain{box-shadow:none;background:transparent;border:0}.quote-summary{background:#ffffffa6;border-color:#d7e0e9}
@supports not (backdrop-filter:blur(1px)){.site-header,.floating-note{background:#f6f8fbf5}}
@media(max-width:760px){body{background-attachment:scroll}.hero h1{line-height:1.45}.services-grid{gap:10px}.service-card{border-radius:19px}.portfolio-section,.process-section,.about-section,.offset-section{border-radius:30px}.contact-grid{gap:10px}.contact-grid>a{padding:18px 10px!important}.project-card{border-radius:20px;padding:8px}.project-caption{padding-inline:4px}.site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@media(max-width:380px){.brand{width:122px}.nav-actions .button-small{padding-inline:10px;font-size:10px;gap:6px}.contact-grid>a{padding-inline:6px!important}.contact-grid{gap:7px}}
@media print{body,.portfolio-section,.process-section,.dark-section,.site-footer{background:white!important;color:black}.service-card,.project-card{box-shadow:none}}