/* Translucent surfaces with opaque fallbacks and readable foregrounds. */
body{background:radial-gradient(ellipse at 92% 5%,#dce9ff80,transparent 30%),radial-gradient(ellipse at 5% 30%,#e1eaff75,transparent 24%),#fafaf7}
header{position:sticky;top:16px;z-index:10;max-width:1240px;width:calc(100% - 48px);padding:17px 25px;margin:16px auto 0;border:1px solid #ffffffd9;border-radius:24px;background:#f8fafcf0;box-shadow:0 8px 32px #12223b10,inset 0 1px 0 #fff}
.brand .mark{border-radius:15px;background:linear-gradient(145deg,#274568,#12223b);box-shadow:inset 0 1px 0 #ffffff40,0 4px 9px #12223b16}
.button{position:relative;overflow:hidden;border-radius:100px;background:linear-gradient(160deg,#3475ff,#245de8 60%,#1c4ac0);border:1px solid #ffffff50;box-shadow:inset 0 1px 0 #ffffff60,inset 0 -1px 0 #12223b20,0 5px 12px #245de819}
.button:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff25 45%,transparent 70%);transform:translateX(-110%);pointer-events:none;transition:transform .6s ease}
.button:hover:before{transform:translateX(110%)}.button:hover{background:linear-gradient(160deg,#3979ff,#1c52d3);box-shadow:inset 0 1px 0 #ffffff60,0 10px 25px #245de82c}
.hero-art{isolation:isolate}.orbit{background:radial-gradient(ellipse at 25% 20%,#ffffff90,transparent 60%),linear-gradient(130deg,#d6e4ff,#e9edff 55%,#c7ddfa);box-shadow:inset 0 2px 0 #ffffff90,0 20px 60px #245de815}
.browser{border:1px solid #ffffffb3;border-radius:18px;box-shadow:0 25px 60px #12223b25,0 2px 5px #12223b10,inset 0 1px 0 #fff}.browser-bar{background:#f8fafcf2}
.art-caption{padding:12px 17px;border:1px solid #ffffffde;border-radius:18px;background:#f8fafce8;box-shadow:inset 0 1px 0 #fff,0 6px 20px #12223b10;bottom:3px;left:5px}.phone{box-shadow:0 20px 35px #12223b30,inset 0 1px 0 #ffffff70}
.promise{background:#ffffff90;border-color:#ffffffb3}.work-section,.faq-section{background:linear-gradient(140deg,#e9eff58c,#edf2fa9c)}
.services{gap:18px}.services article{padding:25px 21px 18px;border:1px solid #ffffffd9;background:#ffffffdb;border-radius:22px;box-shadow:inset 0 1px 0 #fff,0 5px 18px #12223b05;transition:box-shadow .3s,border-color .3s}.services article:hover{border-color:#b8cdf8;box-shadow:inset 0 1px 0 #fff,0 12px 30px #12223b0d}.service-icon{border:1px solid #ffffffd9;border-radius:14px;background:linear-gradient(145deg,#f6f9ff,#dce7ff);box-shadow:inset 0 1px 0 white,0 4px 8px #245de80c}
.project{background:#ffffffbb;border:1px solid #ffffffd9;padding:12px;border-radius:24px;box-shadow:inset 0 1px 0 #fff,0 8px 24px #12223b06}.project-visual{border-radius:16px}.project-title,.project>p,.project-tags{margin-left:10px;margin-right:10px}.project-tags{display:block;margin-bottom:8px}.project-title>span{background:#ffffffb3;border-color:#d1dbea}
.pricing-section{background:radial-gradient(ellipse at 95% 20%,#285ea155,transparent 55%),radial-gradient(ellipse at 0% 90%,#22467266,transparent 50%),#12223b}
.price-card{position:relative;background:linear-gradient(140deg,#fffffff5,#eef4ffeb);border:1px solid #ffffffa3;border-radius:28px;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff60,0 25px 65px #07142635}.price-card .eyebrow{color:#1c4dbb}.price-card .card-note{color:#526174}
.about-art{background:linear-gradient(135deg,#ffffffad,#e1eaffb3);border:1px solid white;border-radius:26px;box-shadow:inset 0 1px 0 #fff,0 15px 35px #12223b08}
.contact form{padding:30px;background:#ffffffd9;border:1px solid white;border-radius:26px;box-shadow:inset 0 1px 0 #fff,0 12px 40px #12223b08}input,textarea{border-radius:12px;background:#f9fbfde6;box-shadow:inset 0 2px 4px #12223b04}.form-setup{border-radius:12px}.form-setup a{text-decoration:underline;overflow-wrap:anywhere}.contact form .button{width:100%}footer{background:#ffffffb3}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header{background:#f8fafcc9;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.art-caption{background:#f8fafcae;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.price-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
@media(max-width:1050px){header{padding:15px 20px}header nav{gap:18px}.services article{padding:22px 16px}.contact form{padding:24px}}
@media(max-width:760px){header{top:10px;width:calc(100% - 24px);padding:13px 17px;margin-top:10px;border-radius:21px}.menu{border-radius:100px;background:#ffffffa3;border-color:#ffffffd9;box-shadow:inset 0 1px 0 white}.hero{padding-top:45px}.services{gap:16px}.project{padding:10px}.project-visual{height:300px}.contact form{padding:23px 18px}.art-caption{padding:10px 12px;bottom:0;left:-3px}.price-card{padding:28px}.about-art{padding:28px}header nav.open{padding-bottom:4px}header nav>a:not(.button){border-radius:12px}header nav>a:not(.button):hover{background:#ffffff90}}
@media(prefers-reduced-transparency:reduce){header,.art-caption,.price-card,.services article,.project,.contact form,.about-art{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f8fafc}.pricing-section{background:#12223b}}
@media(prefers-contrast:more){header,.art-caption,.services article,.project,.price-card,.about-art,.contact form{background:#fff;border:1px solid #69778a;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.button:before{display:none}}