/* MARKOPNET multipage redesign */
.page-hero{padding-top:28px!important;padding-bottom:28px!important}
.page-hero .eyebrow,.home-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.page-hero h1{max-width:900px;margin:0;font-size:clamp(2rem,4.6vw,3.35rem);line-height:1.02;letter-spacing:-.045em}
.page-hero .sub{max-width:760px;font-size:1.08rem;line-height:1.75;margin-top:16px}
.page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.preview-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:760px){.preview-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}}
.preview-card{height:100%;display:flex;flex-direction:column;gap:10px}
.preview-card .card-link{margin-top:auto;padding-top:8px;font-weight:700;color:var(--accent)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.section-heading h2,.section-heading h3{margin:0}.section-heading .sub{max-width:620px}
.content-shell{max-width:1200px}
.prose-card{padding:clamp(20px,4vw,36px)!important}
.prose-card p{font-size:1.04rem;line-height:1.82;margin:0 0 16px}.prose-card p:last-child{margin-bottom:0}
.value-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}@media(min-width:760px){.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.value-item{padding:18px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff05}.value-item strong{display:block;margin-bottom:6px;font-size:1.03rem}.value-item p{margin:0;color:var(--muted);line-height:1.65}
.service-detail{display:grid;grid-template-columns:1fr;gap:18px;align-items:start;padding:clamp(20px,4vw,34px)!important}.service-no{font-size:.78rem;font-weight:800;letter-spacing:.12em;color:var(--accent)}.service-detail h2{margin:4px 0 10px;font-size:clamp(1.5rem,3vw,2.15rem)}.service-detail p{margin:0;line-height:1.75}.service-points{list-style:none;padding:0;margin:0;display:grid;gap:9px}.service-points li{position:relative;padding-left:20px;color:var(--muted)}.service-points li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:800}@media(min-width:820px){.service-detail{grid-template-columns:1.15fr .85fr}}
.contact-layout{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:820px){.contact-layout{grid-template-columns:1.15fr .85fr}}
.contact-main{padding:clamp(22px,4vw,38px)!important}.contact-main h2{margin-top:0}.contact-options{display:grid;gap:12px}.contact-option{display:flex;gap:14px;align-items:center;text-decoration:none}.contact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in oklab,var(--accent) 14%,transparent);border:1px solid color-mix(in oklab,var(--accent) 32%,transparent)}
.home-preview{padding-top:34px!important}.home-intro-card{padding:clamp(20px,4vw,34px)!important}.home-intro-card p{font-size:1.06rem;line-height:1.75;margin:0}.tools-mini{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:760px){.tools-mini{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:clamp(22px,4vw,34px)!important}.cta-band h2{margin:0 0 6px}.cta-band p{margin:0}
.logo-row{text-decoration:none;color:inherit}
@media(max-width:860px){header .nav>a,header .nav .nav-dropdown{width:100%}.nav .lang-switch{width:auto!important}}

/* Secure contact form */
.contact-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}
.contact-form-heading h2{margin:5px 0 0;font-size:clamp(1.6rem,3vw,2.25rem)}
.secure-form-label{padding:7px 9px;border:1px solid rgba(53,212,78,.25);border-radius:6px;background:rgba(53,212,78,.055);color:#77e789;font:800 .58rem/1 monospace;letter-spacing:.1em;white-space:nowrap}
.contact-form{display:grid;gap:19px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.form-field{display:grid;gap:8px}.form-field label{font-size:.82rem;font-weight:700;color:#dbe5df}.form-field label span{color:#52df68}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#050b08;color:#eef5f0;padding:13px 14px;font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.form-field textarea{resize:vertical;min-height:150px;line-height:1.55}.form-field select{color-scheme:dark}
.form-field input::placeholder,.form-field textarea::placeholder{color:#66736b}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:rgba(62,221,87,.65);background:#07110b;box-shadow:0 0 0 3px rgba(53,212,78,.09)}
.form-field small{font-size:.7rem;color:#6f7d74}
.privacy-check{display:flex;align-items:flex-start;gap:10px;font-size:.78rem;line-height:1.55;color:#8f9d94;cursor:pointer}.privacy-check input{margin-top:3px;accent-color:#35d44e}.privacy-check a{color:#59df6d;text-decoration:underline;text-underline-offset:3px}
.turnstile-slot{min-height:65px}.contact-submit-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.contact-submit-row .btn:disabled{opacity:.48;cursor:not-allowed;transform:none}
.contact-status{flex:1;min-width:220px;font-size:.82rem;line-height:1.5;color:#89978e}.contact-status.is-success{color:#69e37b}.contact-status.is-error{color:#ff8e8e}
.contact-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.contact-sidebar{display:grid;align-content:start;gap:14px}.contact-side-card{padding:24px!important}.contact-side-card h2{margin:6px 0 9px}.contact-side-card p{line-height:1.65}.contact-mail-link{display:inline-block;margin-top:7px;color:#54df69;font-weight:750;word-break:break-word}
.company-details{margin-top:14px}.company-details h2{margin-bottom:14px}.company-details dl{display:grid;grid-template-columns:max-content 1fr;gap:9px 14px;margin:0}.company-details dt{color:var(--muted);font-weight:650}.company-details dd{margin:0;overflow-wrap:anywhere}
@media(max-width:640px){.company-details dl{grid-template-columns:1fr;gap:3px}.company-details dd{margin-bottom:8px}}
@media(max-width:680px){.form-grid{grid-template-columns:1fr}.contact-main{padding:20px!important}.contact-form-heading{display:grid}.secure-form-label{justify-self:start}.contact-submit-row{align-items:stretch;flex-direction:column}.contact-submit-row .btn{width:100%;justify-content:center}.contact-status{min-width:0}}

/* Portfolio */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.portfolio-card{display:flex;flex-direction:column;min-width:0;min-height:205px;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.portfolio-card:hover{transform:translateY(-4px);border-color:rgba(53,212,78,.42);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.portfolio-logo{display:flex;align-items:center;justify-content:center;width:100%;height:105px;min-height:105px;padding:18px 26px;box-sizing:border-box;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(53,212,78,.025));border-bottom:1px solid rgba(255,255,255,.08)}
.portfolio-logo img{display:block;width:min(100%,320px);height:64px;margin:auto;object-fit:contain;object-position:center center;transition:transform .24s ease,filter .24s ease}
.portfolio-card:hover .portfolio-logo img{transform:scale(1.025);filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.portfolio-card-body{display:flex;flex:1;flex-direction:column;min-height:100px;padding:17px 20px}
.portfolio-card-body .service-no{color:var(--accent);line-height:1.35}
.portfolio-card-body h2{margin:7px 0 10px;font-size:1.65rem}
.portfolio-card-body>p{margin:0 0 20px;color:var(--muted);line-height:1.7}
.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}
.portfolio-tags li{padding:7px 10px;border:1px solid rgba(53,212,78,.22);border-radius:999px;background:rgba(53,212,78,.055);color:#aebbb2;font-size:12px;line-height:1}
.portfolio-visit{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:auto;color:#f4f8f5;font-weight:750;text-decoration:none;transition:color .2s ease}
.portfolio-visit:hover,.portfolio-visit:focus-visible{color:#fff}
.portfolio-visit span{transition:transform .2s ease}.portfolio-visit:hover span,.portfolio-visit:focus-visible span{transform:translate(3px,-3px)}
.portfolio-placeholder{border-style:dashed;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.012);box-shadow:none}
.portfolio-placeholder .portfolio-logo{background:rgba(255,255,255,.012);border-bottom-color:rgba(255,255,255,.05)}
.portfolio-placeholder:hover{transform:none;border-color:rgba(255,255,255,.14);box-shadow:none}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.portfolio-grid{grid-template-columns:1fr}.portfolio-logo{height:105px;min-height:105px;padding:18px 24px}.portfolio-card{min-height:205px}}


/* MARKOPNET patch: reference-style logo + static homepage hero */
.logo-row{gap:8px!important}
.logo-row img{width:38px!important;height:38px!important;display:block}
.logo-row small{display:none!important}
.wordmark{
  display:inline-flex!important;align-items:center!important;gap:0!important;
  font-size:0!important;line-height:1!important;letter-spacing:0!important;
  text-transform:uppercase!important;background:none!important;color:#f5f7f6!important;
}
.wordmark::before,.wordmark::after{font-size:1.34rem;font-weight:800;letter-spacing:-.035em;line-height:1}
.wordmark::before{content:"MARKOP";color:#f5f7f6}
.wordmark::after{content:"NET";color:#35d44e}

main > section.home-hero-v2:first-child{
  position:relative;overflow:hidden;padding-top:8px!important;padding-bottom:42px!important;
  background:
    radial-gradient(900px 440px at 76% 48%, rgba(23,160,64,.15), transparent 62%),
    linear-gradient(180deg,rgba(1,9,9,.76),rgba(3,7,8,.2));
  border-bottom:1px solid rgba(255,255,255,.045);
}
.home-hero-v2::after{
  content:"";position:absolute;inset:auto 0 0;height:110px;pointer-events:none;
  background:linear-gradient(to bottom,transparent,var(--bg));
}
.home-hero-v2 .home-hero-shell{
  position:relative;z-index:1;min-height:430px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);
  align-items:center;gap:16px;
}
.home-hero-copy{position:relative;z-index:3;padding:26px 0 36px}
.home-hero-copy .badge{
  border-color:rgba(54,213,78,.55);background:rgba(36,171,60,.07);color:#7bec8c;
  letter-spacing:.1em;box-shadow:none;margin-bottom:16px;
}
.home-hero-copy h1{font-size:clamp(2.75rem,4.45vw,4.45rem);line-height:1.03;letter-spacing:-.055em;max-width:700px;color:#f5f7f6}
.home-hero-copy h1 .hero-em{
  display:inline!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#35d44e;
}
.home-hero-copy .sub{margin-top:18px!important;max-width:650px;font-size:1.05rem;line-height:1.72;color:#d1d8d4}
.home-hero-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.home-hero-v2 .btn{border-radius:5px;padding:13px 22px}
.home-hero-v2 .btn-primary{background:linear-gradient(135deg,#40d95a,#24b83e);color:#041207;border-color:#3ee05a;box-shadow:0 12px 28px rgba(30,180,63,.18)}
.home-hero-v2 .btn-ghost{border-color:#2ccc47;color:#f1f5f2;background:rgba(0,0,0,.18)}
.home-hero-v2 .btn:hover{transform:translateY(-1px)}
.home-hero-art{position:absolute;z-index:1;right:0;top:50%;width:min(64vw,850px);max-width:72%;transform:translateY(-50%);pointer-events:none}
.home-hero-art img{display:block;width:100%;height:auto;opacity:.98;filter:saturate(.94) contrast(1.03)}
.home-hero-art::before{
  content:"";position:absolute;inset:7% 7% 5% 4%;z-index:-1;filter:blur(44px);
  background:radial-gradient(circle at 60% 56%,rgba(24,193,66,.22),transparent 58%);
}
@media(max-width:1080px){
  .home-hero-v2 .home-hero-shell{grid-template-columns:minmax(0,.93fr) minmax(430px,1.07fr)}
  .home-hero-art{right:0;width:min(61vw,720px);max-width:68%;opacity:.86}
}
@media(max-width:860px){
  main > section.home-hero-v2:first-child{padding-top:18px!important;padding-bottom:18px!important}
  .home-hero-v2 .home-hero-shell{display:block;min-height:auto;isolation:isolate}
  .home-hero-copy{padding:28px 0 18px;max-width:680px}
  .home-hero-copy h1{font-size:clamp(2.35rem,9vw,3.7rem)}
  .home-hero-art{
    position:absolute;top:50%;right:-24%;transform:translateY(-50%);
    width:92%;max-width:none;margin:0;opacity:.25;z-index:-1;
    -webkit-mask-image:linear-gradient(to left,#000 42%,transparent 96%);
    mask-image:linear-gradient(to left,#000 42%,transparent 96%);
  }
}
@media(max-width:560px){
  .logo-row img{width:34px!important;height:34px!important}.wordmark::before,.wordmark::after{font-size:1.12rem}
  .home-hero-copy .badge{font-size:10px}.home-hero-copy .sub{font-size:1rem}
  .home-hero-actions{gap:10px}.home-hero-v2 .btn{width:100%;justify-content:center}
  .home-hero-art{right:-52%;width:132%;margin:0;opacity:.2}
}

/* Homepage web-solutions visual */
.home-seo-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:20px;align-items:stretch}
.home-seo-copy{height:100%}
.home-seo-visual{
  position:relative;overflow:hidden;min-height:390px;border:1px solid rgba(54,213,78,.34);border-radius:24px;
  padding:18px;background:
    linear-gradient(rgba(53,212,78,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(53,212,78,.035) 1px,transparent 1px),
    radial-gradient(circle at 76% 26%,rgba(53,212,78,.15),transparent 46%),#07100d;
  background-size:28px 28px,28px 28px,auto,auto;box-shadow:0 18px 48px rgba(0,0,0,.32);
}
.home-seo-visual::after{content:"";position:absolute;inset:auto -15% -38% 25%;height:72%;background:radial-gradient(ellipse,rgba(42,210,72,.13),transparent 67%);pointer-events:none}
.seo-visual-head{display:flex;align-items:center;gap:6px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.09)}
.seo-visual-head span{width:7px;height:7px;border-radius:50%;background:#26352d}.seo-visual-head span:first-child{background:#35d44e}
.seo-visual-head b{margin-left:auto;color:#718078;font-size:.61rem;letter-spacing:.12em}
.seo-visual-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;padding:27px 4px 20px}
.seo-score{display:grid;place-items:center;gap:10px}.seo-score>span{font-size:.65rem;font-weight:800;letter-spacing:.12em;color:#8ea097}
.seo-score-ring{position:relative;width:118px;height:118px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#36d64f 0 352.8deg,rgba(255,255,255,.08) 352.8deg)}
.seo-score-ring::before{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:#08110e;box-shadow:inset 0 0 24px rgba(53,212,78,.08)}
.seo-score-ring div{position:relative;z-index:1;display:flex;align-items:baseline}.seo-score-ring strong{font-size:2.15rem;line-height:1;color:#55e66c}.seo-score-ring small{font-size:.7rem;color:#829087}
.seo-metrics{display:grid;gap:9px}.seo-metrics div{padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(4,9,7,.64)}
.seo-metrics span{display:block;font-size:.57rem;letter-spacing:.1em;color:#75837b}.seo-metrics strong{display:block;margin-top:3px;font-size:1.05rem;color:#e9f1ec}
.seo-chart{position:relative;height:82px;display:flex;align-items:flex-end;gap:8px;padding:8px 10px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.seo-chart i{position:relative;z-index:1;flex:1;min-width:8px;border-radius:3px 3px 0 0;background:linear-gradient(to top,rgba(34,172,58,.22),#3bd955);box-shadow:0 0 14px rgba(53,212,78,.13)}
.seo-chart i:nth-child(1){height:24%}.seo-chart i:nth-child(2){height:36%}.seo-chart i:nth-child(3){height:33%}.seo-chart i:nth-child(4){height:57%}.seo-chart i:nth-child(5){height:70%}.seo-chart i:nth-child(6){height:91%}
.seo-chart em{position:absolute;left:10px;right:10px;top:31px;height:1px;background:linear-gradient(90deg,transparent,#44e15d,transparent);box-shadow:0 0 8px #35d44e}
.seo-visual-foot{display:flex;justify-content:space-between;gap:12px;padding:15px 4px 0;color:#68786e;font:700 .61rem/1 monospace;letter-spacing:.08em}.seo-visual-foot span:last-child{color:#43db5a}
@media(max-width:1000px){.home-seo-grid{grid-template-columns:1fr}.home-seo-visual{order:-1;min-height:350px}.seo-visual-body{grid-template-columns:160px 1fr}}
@media(max-width:560px){.home-seo-visual{min-height:340px;padding:15px;border-radius:18px}.seo-visual-body{grid-template-columns:1fr 1fr;gap:10px}.seo-score-ring{width:104px;height:104px}.seo-score-ring::before{width:82px;height:82px}.seo-score-ring strong{font-size:1.85rem}.seo-metrics div{padding:9px}.seo-chart{height:70px}}

/* Homepage service-card graphics */
.service-graphic-card{position:relative;overflow:hidden;padding-top:18px!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.service-graphic-card:hover{transform:translateY(-4px);border-color:rgba(53,212,78,.45);box-shadow:0 18px 42px rgba(0,0,0,.38)}
.service-card-art{
  position:relative;overflow:hidden;height:146px;margin:-2px -2px 22px;border-radius:16px;
  display:grid;place-items:center;color:#4de267;border:1px solid rgba(53,212,78,.16);
  background:
    linear-gradient(rgba(53,212,78,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(53,212,78,.04) 1px,transparent 1px),
    radial-gradient(circle at 50% 48%,rgba(53,212,78,.16),transparent 58%),
    rgba(2,10,7,.72);
  background-size:22px 22px,22px 22px,auto,auto;
}
.service-card-art::before{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(53,212,78,.1);border-radius:50%;box-shadow:0 0 40px rgba(53,212,78,.08)}
.service-card-art::after{content:"";position:absolute;inset:auto 12% 0;height:1px;background:linear-gradient(90deg,transparent,#42dc5b,transparent);box-shadow:0 0 12px #35d44e}
.service-card-art svg{position:relative;z-index:1;width:104px;height:78px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px rgba(53,212,78,.22))}
.art-seo{color:#72e585}.art-care{color:#43d85c}
.service-graphic-card h3{margin-top:0}.service-graphic-card .card-link{margin-top:auto}.service-graphic-card{display:flex;flex-direction:column}
@media(max-width:700px){.service-card-art{height:126px;margin-bottom:18px}.service-card-art svg{width:92px;height:70px}}

/* Homepage rhythm and distinct web-solutions artwork */
.home-page main>.section:not(.home-hero-v2){padding-top:34px!important;padding-bottom:34px!important}
.home-page main>.home-preview{padding-top:30px!important}
.home-page .section-heading{margin-bottom:16px}
.home-page .home-seo-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:20px}
.home-page .home-seo-image{min-height:0;padding:0;background:#020604;display:flex;align-items:stretch;isolation:isolate}
.home-page .home-seo-image::after{display:none}
.home-page .home-seo-image img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center;border-radius:inherit}
@media(max-width:1000px){.home-page .home-seo-grid{grid-template-columns:1fr}.home-page .home-seo-image img{min-height:0;aspect-ratio:3/2}}
@media(max-width:560px){.home-page main>.section:not(.home-hero-v2){padding-top:27px!important;padding-bottom:27px!important}.home-page main>.home-preview{padding-top:24px!important}.home-page .section-heading{margin-bottom:14px}}

/* Clear maintenance/tools visual */
.services-showcase .service-graphic-card:nth-child(3) .service-card-art svg{display:none}
.services-showcase .service-graphic-card:nth-child(3) .service-card-art::before{
  position:relative;z-index:1;width:104px;height:78px;border:0;border-radius:0;box-shadow:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72' fill='none' stroke='%2343d85c' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M62 10a15 15 0 0 0-18 19L17 56a7 7 0 0 0 10 10l27-27a15 15 0 0 0 19-18L62 32 52 22Z'/%3E%3Ccircle cx='22' cy='61' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 0 9px rgba(53,212,78,.24));
}


/* Restored WEB SOLUTIONS technical panel */
.web-solutions-panel{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);
  gap:34px;align-items:stretch;padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:22px;
  background:linear-gradient(125deg,rgba(10,18,14,.96),rgba(3,10,7,.98) 60%,rgba(5,20,11,.96));
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.web-solutions-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(53,212,78,.035) 1px,transparent 1px),linear-gradient(rgba(53,212,78,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.web-solutions-panel::after{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(53,212,78,.12),transparent 66%);pointer-events:none}
.web-solutions-copy{position:relative;z-index:2;padding:5px 0;color:#cbd5cf}
.web-solutions-copy h2{max-width:720px;margin:8px 0 22px;font-size:clamp(1.85rem,3vw,2.75rem);line-height:1.08;letter-spacing:-.035em;color:#f4f7f5}
.web-solutions-copy p{font-size:.96rem;line-height:1.7;color:#bfcac3}
.web-solutions-copy strong{color:#eaf1ed}
.web-solutions-copy a{color:#55df6b;text-decoration-color:rgba(85,223,107,.38);text-underline-offset:3px}
.web-solution-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.web-solution-points span{position:relative;padding:8px 11px 8px 27px;border:1px solid rgba(53,212,78,.2);border-radius:7px;background:rgba(53,212,78,.055);color:#dce8e0;font-size:.73rem;font-weight:750;letter-spacing:.025em}
.web-solution-points span::before{content:"✓";position:absolute;left:10px;color:#48dc60;font-weight:900}
.web-build-visual{position:relative;z-index:1;min-height:520px;align-self:stretch;overflow:hidden;border-left:1px solid rgba(255,255,255,.06)}
.build-orbit{position:absolute;border:1px solid rgba(53,212,78,.11);border-radius:50%}.orbit-one{width:430px;height:430px;right:-105px;top:34px}.orbit-two{width:300px;height:300px;right:-35px;top:98px}
.build-browser{position:absolute;left:25px;right:5px;top:77px;height:284px;overflow:hidden;border:1px solid rgba(77,226,103,.38);border-radius:13px;background:#07100c;box-shadow:0 24px 55px rgba(0,0,0,.55),0 0 38px rgba(53,212,78,.08);transform:perspective(900px) rotateY(-4deg)}
.build-browser-top{height:32px;display:flex;align-items:center;gap:6px;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.08);background:#0a1510}.build-browser-top i{width:6px;height:6px;border-radius:50%;background:#26372e}.build-browser-top i:first-child{background:#36d44f}.build-browser-top span{margin-left:auto;color:#607168;font:600 .55rem/1 monospace;letter-spacing:.06em}
.build-page{padding:15px 17px}.build-nav{display:flex;align-items:center;gap:8px}.build-nav b{width:28px;height:8px;border-radius:2px;background:#40d85a;box-shadow:0 0 12px rgba(53,212,78,.3)}.build-nav span{width:20px;height:3px;border-radius:2px;background:#304038}.build-nav span:first-of-type{margin-left:auto}
.build-hero-lines{padding:35px 0 28px}.build-hero-lines strong,.build-hero-lines em{display:block;border-radius:3px}.build-hero-lines strong{height:11px;width:68%;background:#e6eee9}.build-hero-lines strong+strong{width:49%;margin-top:8px;background:#46d95e}.build-hero-lines em{width:76%;height:4px;margin-top:18px;background:#26382e}
.build-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.build-cards i{height:68px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:linear-gradient(145deg,rgba(53,212,78,.09),rgba(255,255,255,.015))}.build-cards i::before{content:"";display:block;width:24px;height:24px;margin:10px;border:1px solid rgba(70,217,94,.4);border-radius:5px}
.build-phone{position:absolute;right:4px;top:245px;width:108px;height:210px;padding:12px 9px;border:2px solid #405249;border-radius:18px;background:#07100c;box-shadow:0 18px 35px rgba(0,0,0,.55),0 0 25px rgba(53,212,78,.1)}.build-phone::before{content:"";position:absolute;top:5px;left:40px;width:28px;height:3px;border-radius:4px;background:#26362e}.build-phone div{height:63px;margin:5px 0 11px;border-radius:7px;background:linear-gradient(145deg,rgba(53,212,78,.2),rgba(53,212,78,.03));border:1px solid rgba(53,212,78,.15)}.build-phone i{display:block;width:82%;height:5px;margin:8px 0;border-radius:3px;background:#2a3931}.build-phone i:nth-of-type(2){width:60%}.build-phone i:nth-of-type(3){height:32px;width:100%;margin-top:15px;border:1px solid rgba(53,212,78,.17);background:rgba(53,212,78,.06)}
.build-score{position:absolute;left:3px;bottom:32px;width:120px;height:120px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at center,#09150f 58%,transparent 59%),conic-gradient(#3add54 0 352.8deg,rgba(255,255,255,.08) 352.8deg);box-shadow:0 0 28px rgba(53,212,78,.12)}.build-score strong{font-size:2rem;line-height:1;color:#50df66}.build-score span{margin-top:4px;color:#728178;font-size:.48rem;font-weight:800;letter-spacing:.1em}
.build-tag{position:absolute;padding:7px 9px;border:1px solid rgba(53,212,78,.25);border-radius:5px;background:rgba(5,18,10,.92);box-shadow:0 10px 25px rgba(0,0,0,.35);color:#8eeba0;font:800 .55rem/1 monospace;letter-spacing:.08em}.tag-responsive{left:10px;top:45px}.tag-secure{right:6px;top:55px}.tag-seo{left:148px;bottom:28px}
@media(max-width:1040px){.web-solutions-panel{grid-template-columns:1fr;padding:28px}.web-build-visual{min-height:450px;border-left:0;border-top:1px solid rgba(255,255,255,.06)}.build-browser{top:55px;left:8%;right:8%}.build-phone{right:8%;top:220px}.build-score{left:8%}.tag-responsive{left:7%;top:28px}.tag-secure{right:7%;top:32px}.tag-seo{left:31%}}
@media(max-width:600px){.web-solutions-panel{padding:22px 18px;border-radius:17px;gap:24px}.web-solutions-copy h2{font-size:1.75rem}.web-solutions-copy p{font-size:.92rem}.web-solution-points{display:grid}.web-build-visual{min-height:345px;margin:0 -7px}.build-browser{left:2px;right:10px;top:48px;height:222px;transform:none}.build-page{padding:12px}.build-hero-lines{padding:24px 0 18px}.build-cards i{height:45px}.build-phone{right:0;top:177px;width:78px;height:155px;padding:10px 7px}.build-phone div{height:43px}.build-phone i:nth-of-type(3){height:22px;margin-top:10px}.build-score{left:1px;bottom:1px;width:88px;height:88px}.build-score strong{font-size:1.5rem}.build-tag{font-size:.48rem}.tag-responsive{left:0;top:20px}.tag-secure{right:0;top:20px}.tag-seo{left:102px;bottom:3px}}
.services-showcase .service-graphic-card:nth-child(3) .service-card-art svg{display:none}
.services-showcase .service-graphic-card:nth-child(3) .service-card-art::before{
  position:relative;z-index:1;width:104px;height:78px;border:0;border-radius:0;box-shadow:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72' fill='none' stroke='%2343d85c' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M62 10a15 15 0 0 0-18 19L17 56a7 7 0 0 0 10 10l27-27a15 15 0 0 0 19-18L62 32 52 22Z'/%3E%3Ccircle cx='22' cy='61' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 0 9px rgba(53,212,78,.24));
}