.header{position:sticky;top:14px;height:78px;max-width:1160px;width:calc(100% - 48px);padding-inline:25px;margin-top:16px;border:1px solid #c7a9ff1c;border-radius:22px;background:#100d17c9;backdrop-filter:blur(20px);z-index:20;box-shadow:0 12px 40px #0002;transition:border-color .3s,box-shadow .3s}
.header nav a{position:relative;padding-block:10px}.header nav a::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--violet);transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover::after,.header nav a[aria-current]::after{transform:scaleX(1)}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:40;background:linear-gradient(90deg,#8650c7,#e4d4ff);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.service,.price-card{transition:transform .35s,border-color .35s,box-shadow .35s}.service:hover,.price-card:hover{transform:translateY(-5px);border-color:#bba0ff55;box-shadow:0 16px 40px #0002}.service-icon{transition:transform .4s,background .4s}.service:hover .service-icon{transform:rotate(-8deg);background:#bba0ff16}.circle-arrow{transition:transform .3s,background .3s}.project:hover .circle-arrow{transform:rotate(45deg);background:#bba0ff15}
.reveal-pending{opacity:0;transform:translateY(24px)}.reveal-active{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms);opacity:1;transform:translateY(0)}
.latest{padding-top:42px;padding-bottom:0}.latest-card{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:30px;border:1px solid #bba0ff29;border-radius:20px;background:linear-gradient(110deg,#1a1325,#100d16);padding:27px 30px}.latest-project{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px}.latest-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #bba0ff33;border-radius:14px;background:#bba0ff0c;color:var(--violet)}.latest-project h2{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.4px;line-height:1.4;color:var(--violet);font-weight:400;margin:0 0 7px}.latest-project h3{font-size:19px;margin:0 0 5px;letter-spacing:-.4px}.latest-project p{font-size:12px;color:var(--muted);margin:0}.latest-link{margin:0;padding:10px 16px;gap:12px;font-size:13px;white-space:nowrap}.latest-review{margin:0;padding:0 0 0 30px;border-left:1px solid var(--line)}.latest-review figcaption{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--text)}.review-rating{display:inline-flex;align-items:center;gap:8px;color:var(--violet);letter-spacing:2px;font-size:12px}.review-rating small{font-size:11px;letter-spacing:0;color:var(--muted)}.latest-review blockquote{font-family:'DM Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:1.7;color:#bdb3ca;margin:10px 0 0}.latest[hidden]{display:none}
.hero .eyebrow{animation:arrival .7s ease both}.hero h1{animation:arrival .9s .12s ease both}.hero .intro{animation:arrival .9s .24s ease both}.hero-actions{animation:arrival .9s .36s ease both}@keyframes arrival{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.header nav{gap:18px}.header{width:calc(100% - 30px);padding-inline:20px}.latest-card{grid-template-columns:1fr;gap:20px;padding:25px}.latest-review{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}}@media(max-width:700px){.header{top:8px;height:70px;padding-inline:16px;border-radius:18px}.header .button{font-size:11px;max-width:145px}.header .brand{gap:7px;font-size:24px}.header .brand img{width:35px;height:35px}.latest{padding-top:28px}.latest-card{padding:20px}.latest-project{grid-template-columns:40px 1fr auto;gap:12px}.latest-icon{width:40px;height:40px}.latest-project h3{font-size:17px}.latest-link{font-size:12px;padding:9px 12px;gap:8px}.latest-review blockquote{font-size:14px}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}.reveal-active{transition:none}.service:hover,.price-card:hover,.project:hover .circle-arrow{transform:none}.hero .eyebrow,.hero h1,.hero .intro,.hero-actions{animation:none}}