:root{--glass-border:rgba(255,255,255,.82);--glass-shadow:0 12px 35px rgba(67,57,132,.08),inset 0 1px 0 rgba(255,255,255,.95)}
body{background:#f8faff;background-image:radial-gradient(ellipse at 90% 8%,#cacbff55,transparent 28%),radial-gradient(ellipse at 5% 20%,#d4f3ff66,transparent 24%)}
header{position:sticky;top:12px;z-index:20;height:88px;max-width:1200px;margin:12px auto 0;padding:0 30px;border:1px solid var(--glass-border);border-radius:24px;background:rgba(255,255,255,.78);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:var(--glass-shadow)}
.brand img{width:163px;border-radius:8px}footer img{width:120px;border-radius:7px}
.nav-cta{background:linear-gradient(145deg,#ffffffbd,#e6e5ff99);border:1px solid #fff;box-shadow:inset 0 1px 3px #fff,0 4px 12px #5144830c}
.hero{position:relative;padding-top:85px}.hero em{background:linear-gradient(120deg,#316fff,#6834ed 65%,#8756ee);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .eyebrow{display:inline-block;padding:9px 15px;border-radius:30px;background:#ffffff8c;border:1px solid white;box-shadow:var(--glass-shadow);backdrop-filter:blur(12px)}
.button{background:linear-gradient(165deg,#9984ff 0%,#6f4cf4 28%,#5132cb 100%);border:1px solid #b3a4ff;box-shadow:inset 0 2px 2px #ffffff66,inset 0 -2px 3px #29196f33,0 8px 22px #6340d12b;text-shadow:0 1px 2px #33177c33;transition:transform .2s,box-shadow .2s}
.button:hover{background:linear-gradient(165deg,#aa96ff,#7854f7 28%,#5c39dd);box-shadow:inset 0 2px 2px #ffffff88,0 12px 27px #6340d13d}
.services{border:0;gap:16px}.services article,.services article:first-child,.services article:last-child{padding:26px 22px;border:1px solid var(--glass-border);border-radius:20px;background:linear-gradient(140deg,#ffffffbf,#ffffff66);backdrop-filter:blur(16px);box-shadow:var(--glass-shadow)}
.services h3{margin-top:23px}.services p{min-height:139px}.tags{border-color:#e0dff166}.number{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(145deg,#fff,#e1daff99);border:1px solid #fff;box-shadow:inset 0 1px 2px white,0 3px 9px #59449d14}
.process{background:radial-gradient(ellipse at 90% 0%,#5b479366,transparent 50%),radial-gradient(ellipse at 0% 100%,#234b8055,transparent 45%),#101a2b}
.steps{gap:16px}.steps article{padding:24px;border:1px solid #ffffff26;border-radius:20px;background:linear-gradient(145deg,#ffffff12,#ffffff04);box-shadow:inset 0 1px 0 #ffffff22,0 12px 25px #03091822;backdrop-filter:blur(16px)}
.steps h3{font-size:22px}.steps p{color:#c2c9d9}.process .section-head p{color:#c2c9d9}
.project-art{border-radius:23px;border:1px solid #ffffffc9;box-shadow:var(--glass-shadow)}.art-one{background:radial-gradient(ellipse at 0 0,#c1dbffbb,transparent 60%),linear-gradient(145deg,#eeeaff,#dad1f7)}.art-two{background:radial-gradient(ellipse at 100% 100%,#c8b5ff99,transparent 65%),linear-gradient(145deg,#eef7ff,#d1e7f6)}
.mock{background:#ffffffaa;border:1px solid #ffffffeb;backdrop-filter:blur(20px);box-shadow:0 18px 36px #37315a18,inset 0 1px 0 white}.mock-grid>div{background:#ede9ff77;border:1px solid #fff9;border-radius:9px}.calendar i{background:#e6e0ff99;border:1px solid #ffffff88}.mock-line{border-color:#ffffffaa}.sample-label{color:#464267}
.people{border:1px solid var(--glass-border);border-radius:25px;padding:10px 26px 25px;background:linear-gradient(145deg,#ffffffb3,#eeeaff66);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px)}.people article{border-color:#dbdbed77}.people .portrait{border:3px solid #fff;box-shadow:0 6px 19px #222c4922}.people-note{color:#6e7587}
.contact{background:radial-gradient(ellipse at 85% 5%,#9cd7ff77,transparent 45%),radial-gradient(ellipse at 0 100%,#4431be,transparent 65%),linear-gradient(130deg,#6947e5,#5a42d8)}.contact .light{background:linear-gradient(160deg,#ffffffee,#f0ecffcc);color:#3f299c;border:1px solid #fff;box-shadow:inset 0 2px 3px #fff,0 10px 25px #26127533;text-shadow:none;backdrop-filter:blur(14px)}.contact .light:hover{background:#fff}.contact em{color:#e1d7ff}
dialog{background:linear-gradient(145deg,#fffffff5,#f2eefff0);border:1px solid #fff;backdrop-filter:blur(25px);box-shadow:0 25px 100px #0c163d44,inset 0 1px 1px #fff}dialog::backdrop{background:#101c4288;backdrop-filter:blur(7px)}
@media(max-width:1250px){header{margin-left:20px;margin-right:20px}}@media(max-width:900px){.services p{min-height:0}.services article,.services article:first-child,.services article:last-child{padding:23px}.steps{gap:20px}.about{gap:30px}}@media(max-width:650px){header{height:76px;top:8px;margin:8px 12px 0;padding:0 18px;border-radius:20px}.brand img{width:135px}.menu{background:#ffffff99;border-color:#fff;box-shadow:inset 0 1px 1px white}nav{top:84px;left:0;right:0;border-radius:20px;background:#fffffff2;backdrop-filter:blur(22px);border:1px solid white}.hero{padding-top:50px}.hero .eyebrow{font-size:10px;letter-spacing:1.3px}.services{gap:12px}.services article,.services article:first-child,.services article:last-child{padding:20px 15px}.services h3{font-size:20px}.steps{gap:12px}.steps article{padding:19px 15px}.steps h3{font-size:20px}.people{padding-left:20px;padding-right:20px}.project-art{padding:22px}.hero-note{letter-spacing:1.2px}}
@media(prefers-reduced-transparency:reduce){header,.people,.services article,dialog{background:#f9faff;backdrop-filter:none}.steps article{background:#1e2940}nav.open{background:#fff}}
