.web-page{background:#f4f7fd;color:#07142d}.web-page .site-header{background:rgba(4,13,34,.9)}
.wd-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 24%,rgba(74,120,255,.24),transparent 28rem),linear-gradient(135deg,#061126 0%,#0a1b3d 55%,#102b61 100%);color:#fff;padding:150px 0 105px}.wd-glow{position:absolute;border-radius:50%;filter:blur(20px);pointer-events:none}.glow-a{width:420px;height:420px;background:rgba(55,125,255,.12);left:-120px;top:70px}.glow-b{width:360px;height:360px;background:rgba(112,75,255,.14);right:7%;bottom:-180px}.wd-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}.wd-hero h1{font-size:clamp(3rem,5.8vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:0 0 28px}.wd-lead{font-size:1.2rem;line-height:1.75;color:#c6d4f2;max-width:680px}.browser-showcase{border:1px solid rgba(132,178,255,.24);border-radius:30px;background:rgba(4,13,34,.72);box-shadow:0 35px 90px rgba(0,0,0,.38);overflow:hidden}.browser-bar{height:54px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.browser-bar span{width:10px;height:10px;border-radius:50%;background:#4c5d7d}.browser-bar small{margin-left:auto;color:#8db9ff}.browser-canvas{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.mini-site{min-height:190px;border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;transition:.3s ease}.mini-site:first-child{grid-column:1/-1;min-height:220px}.mini-site:hover{transform:translateY(-4px)}.mini-site span{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.mini-site h3{font-size:1.5rem;line-height:1.12;margin:12px 0 9px}.mini-site i{font-style:normal;font-size:.82rem;opacity:.78}.gastro{background:linear-gradient(145deg,rgba(255,165,76,.92),rgba(92,34,24,.94))}.craft{background:linear-gradient(145deg,#dfe9f5,#7f91a6);color:#07142d}.club{background:linear-gradient(145deg,#3f7cff,#4f2c91)}
.wd-jump{position:sticky;top:72px;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #dce5f2}.wd-jump .container{display:flex;justify-content:center;gap:34px}.wd-jump a{padding:18px 0;color:#29405f;text-decoration:none;font-weight:700;font-size:.9rem}.wd-light{background:linear-gradient(180deg,#f7f9fe,#eef3fb)}.wd-dark{background:radial-gradient(circle at 85% 30%,rgba(48,107,255,.16),transparent 30rem),#071426;color:#fff}.wd-dark .section-heading p,.wd-dark p{color:#aebedc}.need-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.need-grid article,.service-grid article{border-radius:24px;padding:28px;border:1px solid #dce5f2;background:rgba(255,255,255,.8);box-shadow:0 18px 45px rgba(19,45,90,.07)}.need-grid article>span{font-size:.78rem;font-weight:800;color:#3677ff}.need-grid h3{font-size:1.22rem;margin:14px 0 8px}.need-grid p{margin:0;color:#5f708a;line-height:1.65}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-grid article{background:rgba(13,31,63,.76);border-color:rgba(120,168,255,.16);box-shadow:none}.service-grid article>b{color:#69a0ff;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.service-grid h3{font-size:1.5rem;margin:14px 0}.service-grid ul{padding-left:20px;color:#b9c7df;line-height:1.9}.reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.reference-card{min-height:280px;padding:32px;border-radius:28px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;transition:.3s ease;box-shadow:0 22px 55px rgba(15,37,80,.14)}.reference-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(4,10,24,.88));z-index:0}.reference-card>*{position:relative;z-index:1}.reference-card:hover{transform:translateY(-6px)}.reference-card span{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}.reference-card h3{font-size:2rem;margin:12px 0 6px}.reference-card p{color:#e5ecfa}.ref-zeus{background:radial-gradient(circle at 75% 18%,#bd5f4a,transparent 30%),linear-gradient(145deg,#25151e,#641f2d)}.ref-craft{background:linear-gradient(145deg,#45515e,#171e27)}.ref-hair{background:linear-gradient(145deg,#e2c0b9,#947b89)}.ref-club{background:linear-gradient(145deg,#f04a31,#8b291a)}.center-action{text-align:center;margin-top:34px}.wd-process{background:#fff}.clarity-box{margin-top:36px;border:1px solid #d7e2f2;border-radius:28px;padding:32px 36px;display:flex;gap:32px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f3f7ff,#fff)}.clarity-box>div{max-width:780px}.wd-contact{background:radial-gradient(circle at 15% 20%,rgba(47,109,255,.18),transparent 25rem),linear-gradient(135deg,#061226,#0d2552);color:#fff}.wd-contact .contact-copy>p{color:#c4d2ec}
@media(max-width:980px){.wd-hero-grid{grid-template-columns:1fr}.wd-hero{padding-top:120px}.need-grid{grid-template-columns:repeat(2,1fr)}.wd-jump{position:static}.wd-jump .container{gap:0;justify-content:space-between}.reference-grid{grid-template-columns:1fr}}
@media(max-width:680px){.wd-hero h1{font-size:2.8rem}.browser-canvas{grid-template-columns:1fr}.mini-site:first-child{grid-column:auto}.need-grid,.service-grid{grid-template-columns:1fr}.wd-jump .container{flex-wrap:wrap}.wd-jump a{width:50%;text-align:center;padding:14px 6px}.clarity-box{align-items:flex-start;flex-direction:column;padding:26px}.reference-card{min-height:240px}}