:root{--blue:#4545c5;--cyan:#007f9c;--violet:#754ac1;--glass:rgba(255,255,255,.72);--glass-line:rgba(164,177,208,.38);--nav:rgba(255,255,255,.86)}
:root[data-theme=dark]{--blue:#b1b8ff;--cyan:#6cdef0;--violet:#c5a7ff;--glass:rgba(27,37,61,.76);--glass-line:rgba(168,184,235,.22);--nav:rgba(18,28,40,.88)}
.header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero{position:relative;background:radial-gradient(ellipse at 89% 20%,rgba(138,77,239,.11),transparent 50%),radial-gradient(ellipse at 63% 75%,rgba(26,195,221,.12),transparent 48%);overflow:hidden}
.hero h1 .grad{background:linear-gradient(115deg,#087eab 0%,#4545c5 50%,#8350ba 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
[data-theme=dark] .hero h1 .grad{background-image:linear-gradient(115deg,#7ee2f0,#afb4ff 52%,#d2b2f8)}
.hero-inner{gap:48px;grid-template-columns:1.05fr 1fr}
.hero-project{min-width:0;padding:25px;border:1px solid var(--glass-line);border-radius:20px;background:var(--glass);box-shadow:0 20px 60px rgba(39,60,116,.1),inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.project-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.project-label{font-size:.79rem;font-weight:600;color:var(--ink)}.project-index{font-size:.68rem;letter-spacing:.1em;color:var(--muted)}
.project-preview{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.project-preview img{width:100%;height:auto}
.project-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:21px 0}.project-caption strong{font-size:.98rem}.project-caption span{display:block;color:var(--muted);font-size:.72rem;margin-top:4px}.project-link{font-size:.76rem;white-space:nowrap;text-decoration:none}
.project-prices{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--glass-line);padding-top:19px}.project-prices>div+div{border-left:1px solid var(--glass-line);padding-left:20px}.project-prices span{display:block;font-size:.76rem;color:var(--muted)}.project-prices strong{font-size:1.85rem;line-height:1.4;letter-spacing:-.04em}.project-prices small{font-weight:400;font-size:.8rem;letter-spacing:0;color:var(--muted)}
.btn-primary{background:linear-gradient(115deg,#2663b7,#5d46c0);border-color:transparent;box-shadow:0 5px 15px rgba(68,68,167,.12)}.btn-primary:hover{background:linear-gradient(115deg,#20569d,#4e39a6);border-color:transparent}
.btn-secondary{background:var(--glass);backdrop-filter:blur(10px)}
.brand img{box-shadow:0 0 20px rgba(87,69,193,.15)}
#reference{background:radial-gradient(ellipse at 10% 30%,rgba(27,192,216,.07),transparent 65%),var(--surface)}
.case-visual,.form,.price-card{border-radius:14px;background:var(--glass);backdrop-filter:blur(12px);border-color:var(--glass-line);box-shadow:0 8px 32px rgba(35,54,98,.04)}
.price-card.featured{background:linear-gradient(130deg,rgba(25,187,211,.07),rgba(118,73,203,.075));border-top-color:#6260c9}
.service{border-top-color:var(--glass-line)}.service>span{color:var(--cyan)}
.assessment-card{background:linear-gradient(110deg,rgba(21,183,204,.08),rgba(110,73,190,.08));border:1px solid var(--glass-line);border-radius:14px}
@media(max-width:900px){.hero-inner{gap:28px}.hero-project{padding:18px}.project-caption{flex-direction:column;align-items:flex-start;gap:9px}.project-heading{gap:9px}.project-label{font-size:.72rem}.project-index{font-size:.6rem}.project-prices{gap:12px}.project-prices>div+div{padding-left:12px}}
@media(max-width:640px){.hero-inner{grid-template-columns:1fr;gap:30px}.hero-project{padding:20px;border-radius:16px}.project-caption{flex-direction:row;align-items:center;gap:12px}.project-label{font-size:.76rem}.project-prices strong{font-size:1.7rem}.hero{background:radial-gradient(ellipse at 90% 75%,rgba(119,68,210,.1),transparent 60%),radial-gradient(ellipse at 10% 45%,rgba(15,190,215,.08),transparent 55%)}.project-caption strong{font-size:.88rem}.project-caption span{font-size:.7rem}.project-link{font-size:.7rem}}
@media(max-width:359px){.project-caption{flex-direction:column;align-items:flex-start}.project-heading{flex-wrap:wrap}}
@media(prefers-reduced-transparency:reduce){.hero-project,.case-visual,.form,.price-card,.btn-secondary,.header{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}