:root{--ink:#27134f;--violet:#7b45e9;--dark:#25143f;--lav:#f5f0ff;--line:#d9c9f4;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,Helvetica,sans-serif;--serif:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:#fbf9ff}.cs-site{overflow-x:clip;overflow-y:visible}.cs-container{width:min(1160px,calc(100% - 48px));margin:auto}.cs-header{height:70px;background:rgba(248,245,255,.97);position:relative;z-index:20}.header-row{height:100%;display:flex;align-items:center;gap:42px}.logo{color:var(--ink);text-decoration:none;display:inline-flex;flex-direction:column;line-height:.8}.logo b{font:700 28px var(--sans);letter-spacing:-1px}.logo small{font-size:10px;font-weight:700;letter-spacing:4px;text-align:center;margin-top:8px}.cs-header nav{display:flex;gap:34px;margin-left:55px}.cs-header a,.header-actions a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:500}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:12px}.langs{display:flex;gap:5px}.langs button{border:0;background:none;padding:0;color:#776c8c}.menu-btn{display:none}.hero{min-height:505px;color:#fff;background:radial-gradient(circle at 76% 30%,#6c48a7 0,transparent 28%),linear-gradient(115deg,#321a57,#201435 62%,#412069);position:relative}.hero:after,.contact:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 68%,rgba(255,255,255,.05));pointer-events:none}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;min-height:505px}.eyebrow{letter-spacing:1.5px;font-size:13px;margin-bottom:10px}.hero h1,.contact h2{font:600 58px/.98 var(--sans);letter-spacing:-2px;margin:0 0 24px}.hero p{max-width:510px;font-size:16px;line-height:1.5;color:#e6dff1}.buttons{display:flex;gap:18px;margin:28px 0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:16px 26px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer}.primary{color:#fff;background:linear-gradient(90deg,#8b4df2,#9a5af2)}.ghost{color:#fff;border-color:#c9b7e5}.tags{font-size:14px;color:#f0e9fa;font-weight:500}.hero-art{height:470px;display:flex;align-items:center;justify-content:center}.hero-art img{width:112%;max-width:none;filter:saturate(1.08) contrast(1.12);border-radius:22px;box-shadow:0 24px 70px rgba(15,8,35,.28)}.services{padding:30px 0 34px;background:linear-gradient(90deg,#fbfaff,#f4edff,#fbfaff)}h2{font:700 38px/1.08 var(--sans);letter-spacing:-1.2px;text-align:center;margin:0 0 34px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr)}.service-grid article{display:flex;gap:22px;padding:0 36px;border-right:1px solid var(--line)}.service-grid article:last-child{border:0}.ico{font-size:42px;color:#8354cf}.service-grid h3{font:650 21px var(--sans);margin:2px 0 7px}.service-grid p{margin:0;line-height:1.35;color:#66587e}.pricing{padding:28px 0;background:#fff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #eadff7;border-radius:12px;padding:28px 28px 20px;box-shadow:0 10px 28px rgba(54,24,94,.08);display:flex;flex-direction:column;min-height:405px}.card.featured{border-color:#9157e8;background:linear-gradient(#fff,#fbf7ff)}.card h3{font:650 22px var(--sans);margin:14px 0 3px}.price{font:20px var(--sans)}.price b{font-size:34px}.card p{color:#66587e;min-height:44px}.card ul{list-style:none;padding:0;margin:10px 0 20px}.card li{margin:13px 0;color:#584b74}.card li:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;margin-right:12px;border-radius:50%;background:#8056c9;color:#fff;font-size:12px}.card a{margin-top:auto;text-align:center;padding:12px;border-radius:6px;background:#e7d8ff;color:#34156e;text-decoration:none}.featured a{background:#7c40df;color:#fff}.note{text-align:center;font-size:12px;color:#75678b}.process{padding:28px 0;background:#f8f4ff}.steps{display:flex;align-items:center;justify-content:space-between;gap:12px}.steps div{display:flex;align-items:center;gap:12px;min-width:0}.steps span{font-size:15px;line-height:1.3;font-weight:500}.steps b{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e4d5ff;font:700 21px var(--sans)}.steps i{font-style:normal;color:#9c7cc8;font-size:25px}.contact{position:relative;padding:38px 0;color:#fff;background:linear-gradient(120deg,#301651,#211235 62%,#48236f)}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.contact h2{text-align:left;margin-bottom:22px}.contact p{font-size:17px;max-width:420px;line-height:1.45;color:#e1d8ec}.contact a{color:#fff}.contact form{border:1px solid #806b9b;border-radius:12px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact label{font-size:14px;font-weight:600;display:grid;gap:7px}.contact input,.contact select,.contact textarea{width:100%;border:1px solid #735f90;background:rgba(255,255,255,.1);color:#fff;border-radius:5px;padding:12px;font:inherit;outline:none}.contact option{color:#222}.contact textarea{min-height:74px;resize:vertical}.contact label:nth-child(4),.contact form button,#form-status{grid-column:1/-1}.contact input:focus,.contact select:focus,.contact textarea:focus,.btn:focus-visible,a:focus-visible,.menu-btn:focus-visible{outline:3px solid #cbb0ff;outline-offset:2px}#form-status{font-size:14px;min-height:18px}footer{padding:28px 0;background:#f7f3ff}.footer-row{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:500}.footer-links{margin-left:auto;display:flex;align-items:center;gap:24px}.footer-links a{color:var(--ink);text-decoration:none}@media(max-width:900px){.cs-header nav,.header-actions{display:none}.menu-btn{display:block;margin-left:auto;border:0;background:none;font-size:26px}.cs-header.open{height:auto}.cs-header.open .header-row{flex-wrap:wrap;padding:18px 0}.cs-header.open nav{display:flex;order:3;width:100%;flex-direction:column;margin:0;gap:0}.cs-header.open nav a{padding:13px 0;border-top:1px solid #ddd}.hero-grid{grid-template-columns:1fr}.hero{padding:55px 0 30px}.hero-art{height:300px}.hero-art img{width:100%}.service-grid,.price-grid{grid-template-columns:1fr}.service-grid article{border:0;border-bottom:1px solid var(--line);padding:22px 0}.steps{display:grid;grid-template-columns:1fr 1fr;gap:20px}.steps i{display:none}.contact-grid{grid-template-columns:1fr}.footer-row,.footer-links{flex-wrap:wrap}.footer-links{margin-left:0}}@media(max-width:600px){.cs-container{width:min(100% - 32px,1160px)}.hero h1,.contact h2{font-size:43px}.hero-art{height:220px}.hero-art img{width:125%}h2{font-size:31px}.steps{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}.contact label{grid-column:1/-1}.footer-links{gap:14px}.buttons{flex-direction:column;align-items:stretch}.btn{text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Final visual refinements */
.cs-header a,.header-actions a{font-size:16px}.header-actions{font-size:14px}.cs-header nav{gap:38px}.logo b{font-size:30px}.logo small{font-size:11px}.footer-row{font-size:16px}.footer-links{gap:27px}.tags{font-size:16px}.note{font-size:14px}.service-grid p,.card p,.card li{font-size:16px}.contact label{font-size:15px}.contact input,.contact select,.contact textarea{font-size:15px}.steps span{font-size:16px}

/* Make the hero artwork dissolve into the banner instead of looking pasted on */
.hero-art{position:relative;isolation:isolate;overflow:visible}
.hero-art:before{content:"";position:absolute;inset:5% -8% 2% -12%;background:radial-gradient(ellipse at 52% 48%,rgba(143,91,221,.34),rgba(89,45,145,.14) 48%,transparent 73%);filter:blur(24px);z-index:-1}
.hero-art img{border-radius:0;box-shadow:none;-webkit-mask-image:radial-gradient(ellipse 76% 70% at 52% 50%,#000 58%,rgba(0,0,0,.96) 68%,transparent 100%);mask-image:radial-gradient(ellipse 76% 70% at 52% 50%,#000 58%,rgba(0,0,0,.96) 68%,transparent 100%)}
.hero{background:radial-gradient(ellipse at 77% 42%,rgba(131,78,204,.68),transparent 34%),radial-gradient(ellipse at 45% -15%,rgba(122,75,191,.35),transparent 45%),linear-gradient(115deg,#2f1851,#211337 58%,#3f2067)}
.hero:before,.contact:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,transparent 0 13%,rgba(177,105,255,.42) 13.1%,transparent 13.35%),linear-gradient(25deg,transparent 0 72%,rgba(150,84,235,.26) 72.1%,transparent 72.35%);opacity:.75}

.ownership{padding:38px 0;background:radial-gradient(circle at 52% 55%,rgba(213,194,248,.52),transparent 28%),linear-gradient(90deg,#fbfaff,#f4efff 48%,#fbfaff)}
.ownership-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:62px;align-items:center}.ownership-copy h2{text-align:left;margin:8px 0 18px;font-size:36px}.ownership-copy p{font-size:16px;line-height:1.55;color:#5d4d78;max-width:520px}.ownership-kicker{color:#4c3180;font-weight:700}.ownership-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.ownership-points span{padding:12px 14px;border:1px solid #dfd1f6;border-radius:9px;background:rgba(255,255,255,.72);font-size:15px;font-weight:600}.ownership-points span:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;margin-right:9px;background:#8150df;color:white;font-size:12px}.faq{display:grid;gap:9px}.faq details{border:1px solid #e1d5f4;border-radius:9px;background:rgba(255,255,255,.86);box-shadow:0 7px 20px rgba(52,24,91,.05);overflow:hidden}.faq summary{cursor:pointer;list-style:none;padding:15px 46px 15px 17px;font-size:16px;font-weight:650;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'⌄';position:absolute;right:17px;top:13px;font-size:20px;transition:transform .2s ease}.faq details[open] summary:after{transform:rotate(180deg)}.faq details p{margin:0;padding:0 17px 16px;color:#625479;line-height:1.5;font-size:15px}

.contact{overflow:hidden;background:radial-gradient(ellipse at 20% 120%,rgba(100,55,173,.52),transparent 45%),radial-gradient(ellipse at 92% -10%,rgba(115,62,185,.4),transparent 38%),linear-gradient(120deg,#2e164e,#211235 62%,#45226d)}
.contact-grid{position:relative;z-index:2}.contact-grid:after{content:'Хорошие\\A сайты\\A для больших\\A идей';white-space:pre;position:absolute;right:-120px;top:45%;transform:translateY(-50%) rotate(-12deg);font:italic 20px/1.15 cursive;color:#c9a7ff;opacity:.85;text-align:center}
footer{background:linear-gradient(90deg,#f7f3ff,#f0e8ff 50%,#f8f5ff)}
@media(max-width:900px){.ownership-grid{grid-template-columns:1fr;gap:28px}.contact-grid:after{display:none}.cs-header a,.header-actions a{font-size:15px}.footer-row{font-size:15px}}
@media(max-width:600px){.ownership{padding:30px 0}.ownership-copy h2{font-size:30px}.ownership-points{grid-template-columns:1fr}.faq summary{font-size:15px}.hero-art img{-webkit-mask-image:radial-gradient(ellipse 80% 72% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 80% 72% at 50% 50%,#000 55%,transparent 100%)}}

/* Final hero/contact polish */
.hero{overflow:hidden}
.hero-grid{position:relative;z-index:2}
.hero-art{position:relative;isolation:isolate;overflow:visible}
.hero-art img{display:block;width:114%;max-width:none;border:0!important;border-radius:0!important;box-shadow:none!important;filter:saturate(1.08) contrast(1.08) drop-shadow(0 22px 45px rgba(16,7,42,.22));-webkit-mask-image:none!important;mask-image:none!important}
.hero-art:before{content:"";position:absolute;inset:2% -10% 0 -10%;z-index:-1;background:radial-gradient(ellipse at 52% 48%,rgba(126,72,211,.38),rgba(76,38,130,.16) 48%,transparent 76%);filter:blur(28px)}
.contact-grid:after{content:none!important;display:none!important}
.hero:before,.contact:before{background:
  linear-gradient(155deg,transparent 0 13%,rgba(172,93,255,.42) 13.08%,transparent 13.24%),
  linear-gradient(24deg,transparent 0 73%,rgba(145,75,239,.32) 73.08%,transparent 73.24%),
  radial-gradient(ellipse at 12% 112%,rgba(139,70,231,.22),transparent 44%);
  opacity:.9}
.contact:before{background:
  linear-gradient(155deg,transparent 0 15%,rgba(160,88,245,.4) 15.08%,transparent 15.24%),
  linear-gradient(25deg,transparent 0 78%,rgba(141,74,231,.3) 78.08%,transparent 78.24%),
  radial-gradient(ellipse at 82% 112%,rgba(124,66,210,.3),transparent 44%);
}
@media(max-width:900px){
  .hero{padding-bottom:20px}
  .hero-grid{gap:14px}
  .hero-art{height:auto;min-height:290px;margin-top:8px}
  .hero-art img{width:108%;margin-left:-4%;object-fit:contain}
}
@media(max-width:600px){
  .hero{padding-top:42px}
  .hero-grid{display:flex;flex-direction:column}
  .hero-art{order:2;min-height:235px;width:100%;margin-top:4px}
  .hero-art img{width:126%;margin-left:-13%;transform:none}
  .hero-art:before{inset:0 -20% -8%;filter:blur(22px)}
}

/* 2026 polish: full-strip visual backgrounds + expanded footer */
.hero{
  background:#24143f url('../assets/hero-waves.svg') center/cover no-repeat!important;
  overflow:hidden;
}
.hero:before,.hero:after{display:none!important}
.hero-art{height:470px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hero-art:before{content:"";position:absolute;inset:10% 2% 6%;background:radial-gradient(ellipse at 54% 48%,rgba(157,98,255,.34),rgba(115,62,190,.14) 52%,transparent 76%);filter:blur(26px);z-index:-1}
.hero-art img{
  width:116%!important;max-width:none!important;height:auto;display:block;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  filter:saturate(1.06) contrast(1.06) drop-shadow(0 20px 36px rgba(20,8,45,.26))!important;
}
.contact{
  background:#24143f url('../assets/contact-waves.svg') center/cover no-repeat!important;
  overflow:hidden;
}
.contact:before,.contact:after{display:none!important}

.cs-footer{background:#111827;color:#f8f7ff;padding:58px 0 0}
.cs-footer .logo{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.45fr .8fr 1fr .9fr;gap:54px;padding-bottom:46px}
.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-grid h3{margin:0 0 8px;font-size:17px;color:#fff}
.footer-grid a,.footer-grid span{color:#d8d6e2;text-decoration:none;font-size:15px;line-height:1.4}
.footer-grid a:hover{color:#fff}
.footer-brand p{margin:8px 0 0;max-width:390px;color:#bdb8ca;font-size:15px;line-height:1.6}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.09)}
.footer-bottom .cs-container{min-height:54px;display:flex;justify-content:space-between;align-items:center;color:#9f99af;font-size:13px}

@media(max-width:900px){
  .hero-art{height:330px;min-height:0!important;margin-top:4px}
  .hero-art img{width:110%!important;margin-left:-5%!important}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
}
@media(max-width:600px){
  .hero{background-position:45% center!important}
  .hero-art{height:250px;overflow:visible}
  .hero-art img{width:132%!important;margin-left:-16%!important}
  .hero-art:before{inset:6% -16% 0;filter:blur(20px)}
  .footer-grid{grid-template-columns:1fr;gap:30px;padding-bottom:34px}
  .cs-footer{padding-top:42px}
  .footer-bottom .cs-container{flex-direction:column;justify-content:center;gap:4px;padding:10px 0}
}

/* Header + footer requested for final CreateSite.net */
.cs-topbar{background:#1b1c43;color:#f4f1ff;border-bottom:1px solid rgba(255,255,255,.07);min-height:42px;display:flex;align-items:center}
.topbar-row{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbar-contacts,.topbar-socials{display:flex;align-items:center;gap:22px}
.topbar-link,.topbar-location{display:flex;align-items:center;gap:8px;color:#f4f1ff;text-decoration:none;font-size:13px}
.topbar-contacts img,.topbar-socials img{width:19px;height:19px;display:block}
.topbar-socials a{color:#ddd9f4;display:grid;place-items:center;transition:.18s ease}
.topbar-socials a:hover{color:#9b65ff;transform:translateY(-1px)}
.cs-header{position:sticky!important;top:0!important;z-index:100!important;background:rgba(248,245,255,.96)!important;box-shadow:0 1px 0 rgba(49,27,85,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.card{min-height:500px}
.footer-socials{display:flex!important;flex-direction:row!important;align-items:center!important;gap:11px!important;margin-top:8px}
.footer-socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.48);border-radius:50%;display:grid!important;place-items:center!important;color:#f3efff!important;transition:.18s ease}
.footer-socials a:hover{border-color:#9b65ff!important;color:#b58aff!important;transform:translateY(-2px)}
.footer-socials img{width:18px;height:18px}
@media(max-width:900px){.cs-topbar{display:none}.cs-header{top:0!important}.card{min-height:0}}
@media(max-width:600px){.footer-socials{gap:9px!important}}


/* Sticky main navigation: top utility bar scrolls away, menu stays at viewport top. */
.cs-site{overflow-x:clip;overflow-y:visible}
.cs-header{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}
main section[id]{scroll-margin-top:86px}
@supports not (overflow:clip){.cs-site{overflow-x:visible;overflow-y:visible}}

/* Final contact block */
.footer-contacts-col .footer-contact-item{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:10px!important;
  width:max-content;
  max-width:100%;
}
.footer-contact-item img{width:20px;height:20px;flex:0 0 20px;display:block}
.footer-contact-item span{overflow-wrap:anywhere}
.footer-contact-site{padding-left:30px}

.topbar-contacts svg,.topbar-socials svg,.footer-socials svg,.footer-contacts-col svg{color:#fff;flex-shrink:0}
.topbar-socials svg,.footer-socials svg{display:block}
.topbar-contacts a,.topbar-location,.footer-contact-item{display:flex;align-items:center;gap:8px}
.footer-langs{display:flex;align-items:center;gap:7px}.footer-langs b{color:#fff}
.footer-contact-item{display:flex;align-items:center;gap:10px}.footer-contact-item svg{width:22px;height:22px;min-width:22px;color:#fff}.footer-langs{display:flex;align-items:center;gap:7px}

/* Extra vertical spacing for Services and Process sections */
.services,.process{padding-top:80px;padding-bottom:80px}

/* Inline CreateSite.net vector logo */
.cs-logo-svg{display:block;width:230px;max-width:100%;height:auto;color:var(--ink,#21105f)}

/* Slightly stronger Cr mark */
.cs-logo-svg path:first-of-type{stroke:currentColor;stroke-width:.7px;stroke-linejoin:round}