.articles-page{background:#080808;color:#f1f1f1;font-family:"Space Grotesk",sans-serif}.articles-page .header{background:rgba(8,8,8,.82)}
.articles-page .header__link.is-current{color:#fff}.articles-page .header__link.is-current::after{transform:scaleX(1)}
.palette-hero{position:relative;min-height:760px;padding:190px 0 90px;overflow:hidden;background:#080808;border-bottom:1px solid rgba(241,241,241,.16)}
.palette-hero::before{content:none;position:absolute;right:-.04em;bottom:-.28em;color:rgba(241,241,241,.035);font-size:clamp(220px,29vw,490px);font-weight:600;line-height:1}
.palette-hero__orb{position:absolute;top:10%;right:8%;width:min(38vw,560px);aspect-ratio:1;border:1px solid rgba(241,241,241,.15);border-radius:50%;filter:drop-shadow(0 0 65px rgba(156,122,78,.2))}.palette-hero__orb::before,.palette-hero__orb::after{content:"";position:absolute;border-radius:50%}.palette-hero__orb::before{inset:14%;background:radial-gradient(circle at 29% 25%,rgba(255,255,255,.95) 0 2%,transparent 8%),conic-gradient(from 20deg,#9c7a4e,#694f8c,#397d76,#c28455,#9c7a4e);box-shadow:inset -45px -55px 90px rgba(8,8,8,.72),inset 25px 20px 55px rgba(244,240,232,.2),0 0 120px rgba(156,122,78,.2);animation:orb-iridescence 9s ease-in-out infinite alternate}.palette-hero__orb::after{inset:-18%;border:1px dashed rgba(241,241,241,.12);animation:palette-spin 35s linear infinite}
.palette-hero__inner{position:relative;z-index:1}.palette-eyebrow{margin:0 0 42px;color:#777;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.palette-hero h1{max-width:1050px;margin:0;font-size:clamp(64px,9vw,148px);font-weight:400;line-height:.82;letter-spacing:-.07em}.palette-hero h1 em{color:#f1f1f1;font-family:Georgia,serif;font-weight:400}.palette-hero__bottom{width:min(100%,760px);margin:80px 0 0 auto;display:grid;grid-template-columns:1fr auto;gap:80px;border-top:1px solid rgba(241,241,241,.25);padding-top:24px}.palette-hero__bottom p{max-width:480px;margin:0;color:rgba(241,241,241,.7);font-size:17px;line-height:1.6}.palette-hero__bottom span{color:#777;font-size:11px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase}
.palette-catalog{padding:clamp(90px,10vw,160px) 0;background:#f1f1f1;color:#080808}.palette-intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:70px}.palette-intro p{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.palette-intro h2{margin:0;font-size:clamp(45px,6vw,90px);font-weight:400;line-height:.95;letter-spacing:-.055em}
.palette-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(8,8,8,.25)}.palette-tab{min-height:150px;padding:24px;border:0;border-right:1px solid rgba(8,8,8,.25);display:grid;grid-template-columns:auto 1fr;gap:14px 20px;text-align:left;color:#080808;background:transparent;font-size:clamp(19px,2vw,28px);cursor:pointer;transition:.25s}.palette-tab:last-child{border-right:0}.palette-tab span{font-size:10px;letter-spacing:.14em}.palette-tab small{grid-column:2;color:#777;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.palette-tab:hover,.palette-tab.is-active{color:#f1f1f1;background:#080808}.palette-tab.is-active small,.palette-tab:hover small{color:rgba(241,241,241,.55)}
.palette-search{margin-top:38px;padding:24px 28px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;color:#f1f1f1;background:#080808}.palette-search label{display:block}.palette-search label>span:first-child{display:block;margin-bottom:12px;color:#9c7a4e;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.palette-search__field{display:grid;grid-template-columns:18px minmax(130px,1fr) auto auto;gap:14px;align-items:center}.palette-search__field i{width:18px;aspect-ratio:1;border:1px solid #777;border-radius:50%;transition:background .2s}.palette-search input{min-width:0;height:48px;border:0;border-bottom:1px solid rgba(241,241,241,.35);outline:0;color:#f1f1f1;background:transparent;font-size:25px;letter-spacing:.08em;text-transform:uppercase}.palette-search input:focus{border-color:#f1f1f1}.palette-search button{height:48px;padding:0 18px;border:1px solid #f1f1f1;color:#080808;background:#f1f1f1;font-size:10px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.palette-search button b{margin-left:20px;font-size:16px}.palette-search .palette-search__reset{color:#f1f1f1;background:transparent}.palette-search>p{max-width:310px;margin:0;color:rgba(241,241,241,.48);font-size:10px;line-height:1.6;letter-spacing:.06em}
.palette-toolbar{margin:56px 0 24px;display:flex;justify-content:space-between;align-items:end;gap:30px;color:#777;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.palette-toolbar p{margin:0}.palette-toolbar span{margin-left:15px;color:#080808}.palette-toolbar__actions{display:flex;align-items:center;gap:24px}.palette-arrows{display:flex}.palette-arrows button{width:52px;aspect-ratio:1;border:1px solid #080808;border-right:0;color:#080808;background:transparent;font-size:20px;cursor:pointer;transition:.2s}.palette-arrows button:last-child{border-right:1px solid #080808}.palette-arrows button:hover{color:#f1f1f1;background:#080808}
.palette-carousel{position:relative;overflow:hidden}.palette-grid{display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 42px)/4);gap:14px;padding-bottom:28px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.palette-grid::-webkit-scrollbar{display:none}.palette-card{min-width:0;background:#fff;border:1px solid rgba(8,8,8,.14);scroll-snap-align:start;animation:card-in .45s both}.palette-card__colors{height:160px;display:flex}.palette-color{position:relative;flex:1;border:0;cursor:pointer;transition:flex .25s}.palette-color:hover{flex:1.45}.palette-color.is-match{outline:3px solid #080808;outline-offset:-5px}.palette-color span{position:absolute;left:50%;bottom:12px;padding:5px 7px;opacity:0;color:#fff;background:rgba(0,0,0,.62);font-size:9px;transform:translate(-50%,5px);transition:.2s}.palette-color:hover span,.palette-color:focus span{opacity:1;transform:translate(-50%,0)}.palette-card__body{padding:18px}.palette-card__index{display:flex;justify-content:space-between;margin-bottom:22px;color:#777;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.palette-card h3{margin:0 0 8px;font-size:18px;font-weight:500}.palette-card__hex{margin:0;color:#777;font-size:9px;letter-spacing:.06em}.palette-scrollbar{height:2px;background:rgba(8,8,8,.14)}.palette-scrollbar i{display:block;height:100%;background:#080808;transform-origin:left;transition:width .25s}.palette-copy-toast{position:fixed;z-index:500;right:24px;bottom:24px;padding:14px 18px;color:#f1f1f1;background:#080808;border:1px solid #777;font-size:11px;letter-spacing:.08em;transform:translateY(20px);opacity:0;transition:.25s}.palette-copy-toast.is-visible{opacity:1;transform:none}
.palette-article{padding:clamp(63px,11vw,26px) 0;color:#f1f1f1;background:#111}.palette-article__head{display:grid;grid-template-columns:1fr 2.2fr;gap:50px;padding-bottom:80px;border-bottom:1px solid rgba(241,241,241,.18)}.palette-article__head>p{margin:8px 0 0;color:#9c7a4e;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.palette-article__head h2{margin:0;font-size:clamp(54px,7vw,108px);font-weight:400;line-height:.9;letter-spacing:-.06em}.palette-article__head div>p{max-width:725px;margin:38px 0 0;color:rgba(241,241,241,.58);font-size:16px;line-height:1.7}.palette-article__layout{display:grid;grid-template-columns:1fr 2.2fr;gap:50px;padding-top:80px}.palette-article__toc{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column}.palette-article__toc span{margin-bottom:22px;color:#777;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.palette-article__toc a{width:min(100%,250px);padding:13px 0;border-top:1px solid rgba(241,241,241,.16);color:rgba(241,241,241,.68);font-size:12px}.palette-article__toc a:hover{color:#9c7a4e}.palette-article__content section{position:relative;padding:0 0 75px 80px;margin-bottom:70px;border-bottom:1px solid rgba(241,241,241,.16);scroll-margin-top:130px}.palette-article__content section:last-child{margin-bottom:0}.palette-article__content section>span{position:absolute;left:0;top:8px;color:#9c7a4e;font-size:11px}.palette-article__content h3{max-width:750px;margin:0 0 34px;font-size:clamp(30px,3.5vw,52px);font-weight:400;line-height:1.08;letter-spacing:-.035em}.palette-article__content p{max-width:780px;margin:0 0 20px;color:rgba(241,241,241,.68);font-size:16px;line-height:1.85}.palette-article__content strong{color:#f4f0e8;font-weight:500}.palette-article__content p a{color:#f4f0e8;border-bottom:1px solid #9c7a4e}
.palette-note{position:relative;padding:clamp(24px,4vw,64px);color:#f1f1f1;background:#080808;overflow:hidden}.palette-note::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(241,241,241,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(241,241,241,.045) 1px,transparent 1px);background-size:clamp(70px,8vw,140px) clamp(70px,8vw,140px);mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.palette-note__inner{position:relative;min-height:760px;padding:40px clamp(26px,5vw,78px) clamp(45px,5vw,72px);display:flex;flex-direction:column;border:1px solid rgba(241,241,241,.18);overflow:hidden;isolation:isolate}.palette-note__inner::before{content:"";position:absolute;z-index:-1;right:-8%;top:-35%;width:min(64vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 45%,rgba(156,122,78,.92),rgba(156,122,78,.28) 38%,transparent 68%);filter:blur(2px)}.palette-note__inner::after{content:"";position:absolute;z-index:-1;right:9%;top:7%;width:min(42vw,590px);aspect-ratio:1;border:1px solid rgba(244,240,232,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(244,240,232,.025),0 0 0 140px rgba(244,240,232,.018)}
.palette-note__meta{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(241,241,241,.22);color:rgba(241,241,241,.55);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.palette-note__kicker{margin:60px 0 25px!important;color:#9c7a4e;font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase}.palette-note h2{max-width:1100px;margin:0;font-size:clamp(58px,8.6vw,138px);font-weight:400;line-height:.82;letter-spacing:-.07em}.palette-note h2 em{color:#f4f0e8;font-family:Georgia,serif;font-weight:400}.palette-note__bottom{margin-top:auto;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.palette-note__bottom>p{max-width:500px;margin:0;color:rgba(241,241,241,.6);font-size:15px;line-height:1.65}.palette-note__bottom>a{width:290px;aspect-ratio:1;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#0d0d0d;background:#f4f0e8;border-radius:50%;font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;transition:transform .35s,background .35s}.palette-note__bottom>a b{align-self:flex-end;font-size:30px;font-weight:400}.palette-note__bottom>a:hover{background:#9c7a4e;transform:rotate(-5deg) scale(1.03)}.palette-note__mark{position:absolute;z-index:-1;right:-.06em;bottom:-.27em;color:rgba(241,241,241,.035);font-size:clamp(260px,38vw,620px);font-weight:600;line-height:1;letter-spacing:-.12em}
@keyframes palette-spin{to{transform:rotate(360deg)}}@keyframes card-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.palette-grid{grid-auto-columns:calc((100% - 28px)/3)}}
@media(max-width:900px){.articles-page .header__nav{background:#080808}.palette-hero{min-height:680px;padding-top:150px}.palette-hero__orb{opacity:.55;right:-20%;width:65vw}.palette-search{grid-template-columns:1fr}.palette-search>p{max-width:none}.palette-grid{grid-auto-columns:calc((100% - 14px)/2)}.palette-tabs{grid-template-columns:1fr}.palette-tab{min-height:100px;border-right:0;border-bottom:1px solid rgba(8,8,8,.25)}.palette-tab:last-child{border-bottom:0}.palette-article__head,.palette-article__layout{grid-template-columns:1fr}.palette-article__toc{position:static;display:none}.palette-note__inner{min-height:700px}.palette-note__bottom>a{width:220px}}
@media(max-width:600px){.palette-hero{min-height:620px}.palette-hero h1{font-size:56px}.palette-hero__bottom{grid-template-columns:1fr;gap:20px;margin-top:60px}.palette-intro{grid-template-columns:1fr}.palette-search{padding:20px}.palette-search__field{grid-template-columns:14px 1fr}.palette-search__field button{grid-row:2}.palette-search__field button[type=submit]{grid-column:1/3}.palette-search__field .palette-search__reset{grid-column:1/3;grid-row:3}.palette-toolbar{align-items:center}.palette-toolbar__actions>p{display:none}.palette-arrows button{width:46px}.palette-grid{grid-auto-columns:48%;gap:10px;transform:translateY(-20px)}.palette-card__colors{height:140px}.palette-article__head{padding-bottom:50px}.palette-article__layout{padding-top:55px}.palette-article__content section{padding:0 0 52px 38px;margin-bottom:52px}.palette-article__content p{font-size:15px}.palette-note{padding:12px}.palette-note__inner{min-height:700px;padding:24px 20px 28px}.palette-note__meta span:last-child{display:none}.palette-note__kicker{margin-top:44px!important}.palette-note h2{font-size:52px}.palette-note__bottom{grid-template-columns:1fr;gap:38px}.palette-note__bottom>a{width:150px;margin-left:auto;padding:20px}.palette-note__bottom>a b{font-size:22px}}

.palette-article__toc span{margin-bottom:28px;color:#9c7a4e;font-size:12px}
.palette-article__toc a{width:min(100%,290px);padding:17px 0;font-size:17px;line-height:1.35;color:rgba(241,241,241,.78)}

.article-visual{position:relative;margin:0;padding:clamp(18px,3vw,44px);overflow:hidden;background:#080808}.article-visual img{display:block;width:100%;height:min(66vw,820px);object-fit:cover;border:1px solid rgba(241,241,241,.15)}.article-visual::after{content:"";position:absolute;inset:clamp(18px,3vw,44px);pointer-events:none;background:linear-gradient(180deg,transparent 52%,rgba(8,8,8,.76));border:1px solid rgba(241,241,241,.08)}.article-visual figcaption{position:absolute;z-index:2;left:clamp(38px,7vw,112px);right:clamp(38px,7vw,112px);bottom:clamp(38px,6vw,94px);display:flex;justify-content:space-between;align-items:flex-end;gap:40px;color:#f4f0e8}.article-visual figcaption span{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.article-visual figcaption p{max-width:440px;margin:0;font-size:clamp(14px,1.4vw,20px);line-height:1.45;text-align:right}.article-visual--color img{object-position:center}.article-visual--seo img{object-position:center 52%}
@media(max-width:600px){.article-visual img{height:82vw}.article-visual figcaption{align-items:flex-start;flex-direction:column;gap:12px}.article-visual figcaption p{text-align:left}}
@keyframes orb-iridescence{0%{transform:rotate(-8deg) scale(.98);filter:hue-rotate(0deg) saturate(.9)}50%{transform:rotate(9deg) scale(1.025);filter:hue-rotate(55deg) saturate(1.25)}100%{transform:rotate(-3deg) scale(1);filter:hue-rotate(115deg) saturate(1.05)}}

.palette-note__bottom>a{position:relative;isolation:isolate;color:#f4f0e8;background:conic-gradient(from 25deg,#9c7a4e,#73558e,#397d76,#bd754f,#9c7a4e);box-shadow:inset -32px -38px 65px rgba(8,8,8,.42),inset 18px 15px 40px rgba(244,240,232,.18),0 24px 70px rgba(0,0,0,.28);animation:cta-iridescence 8s ease-in-out infinite alternate;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease}
.palette-note__bottom>a::before{content:"";position:absolute;z-index:-1;inset:8%;border:1px solid rgba(244,240,232,.28);border-radius:50%;transition:inset .55s ease,opacity .4s ease}
.palette-note__bottom>a>span,.palette-note__bottom>a>b{transition:opacity .3s ease,transform .45s ease}
.palette-note__bottom>a>em{position:absolute;inset:0;display:grid;place-items:center;padding:20%;opacity:0;color:#f4f0e8;font-family:Georgia,serif;font-size:clamp(22px,2.2vw,34px);font-weight:400;line-height:.92;letter-spacing:-.035em;text-align:center;text-transform:none;transform:scale(.72) rotate(5deg);transition:opacity .35s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.palette-note__bottom>a:hover{color:#f4f0e8;background:conic-gradient(from 25deg,#9c7a4e,#73558e,#397d76,#bd754f,#9c7a4e);transform:rotate(-3deg) scale(1.18);box-shadow:inset -38px -45px 75px rgba(8,8,8,.38),inset 22px 18px 46px rgba(244,240,232,.2),0 38px 95px rgba(0,0,0,.42)}
.palette-note__bottom>a:hover::before{inset:5%;opacity:.7}.palette-note__bottom>a:hover>span,.palette-note__bottom>a:hover>b{opacity:0;transform:scale(.7)}.palette-note__bottom>a:hover>em{opacity:1;transform:scale(1) rotate(0)}
@keyframes cta-iridescence{0%{filter:hue-rotate(0deg) saturate(.95)}50%{filter:hue-rotate(42deg) saturate(1.2)}100%{filter:hue-rotate(95deg) saturate(1.05)}}
@media(hover:none){.palette-note__bottom>a>em{inset:auto 14% 22%;display:block;padding:0;opacity:.78;font-size:13px;line-height:1;transform:none}.palette-note__bottom>a>span{font-size:9px}}

.articles-page .palette-note .palette-note__cta{
  overflow:hidden;
  color:#f4f0e8;
  background:#080808!important;
  box-shadow:0 0 120px rgba(156,122,78,.2);
  animation:cta-float 4s ease-in-out infinite alternate!important;
}

/* Flat article map: show every article immediately, without category accordions. */
.article-map--flat{display:block}
.article-map--flat .article-map__flat-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px}
.article-map--flat .article-map__flat-head span{color:rgba(255,255,255,.45);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.article-map--flat .article-map__flat-head strong{font-size:13px}
.article-map--flat .article-map__list{display:block;columns:2;column-gap:0;max-height:68vh;overflow:auto;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18)}
.article-map--flat .article-map__list>a{display:grid;break-inside:avoid;grid-template-columns:1fr;gap:10px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);color:#fff;text-decoration:none;transition:background .3s,color .3s}
.article-map--flat .article-map__list>a:hover{background:rgba(255,255,255,.07)}
.article-map--flat .article-map__list>a.is-current{background:rgba(152,168,255,.14);box-shadow:inset 2px 0 #98a8ff}
.article-map--flat .article-map__list>a>b{display:none!important}
.article-map--flat .article-map__list>a>span{font-size:13px;line-height:1.4}
@media(max-width:700px){.article-map--flat .article-map__list{columns:1}.article-map--flat .article-map__flat-head{padding:16px 18px}}
.articles-page .palette-note .palette-note__cta::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border:0;
  border-radius:50%;
  opacity:1;
  background:radial-gradient(circle at 29% 25%,rgba(255,255,255,.95) 0 2%,transparent 8%),conic-gradient(from 20deg,#9c7a4e,#694f8c,#397d76,#c28455,#9c7a4e);
  box-shadow:inset -32px -38px 65px rgba(8,8,8,.62),inset 18px 15px 40px rgba(244,240,232,.2);
  animation:cta-orb-iridescence 9s ease-in-out infinite alternate;
}
.articles-page .palette-note .palette-note__cta::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:7%;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.2),transparent 28%),radial-gradient(circle at 65% 72%,rgba(8,8,8,.38),transparent 62%);
  pointer-events:none;
}
.articles-page .palette-note .palette-note__cta>span,
.articles-page .palette-note .palette-note__cta>em,
.articles-page .palette-note .palette-note__cta>b{position:relative;z-index:2}
.articles-page .palette-note .palette-note__cta:hover{
  color:#f4f0e8;
  background:#080808!important;
  transform:rotate(-3deg) scale(1.18);
}
@keyframes cta-orb-iridescence{0%{transform:rotate(-8deg) scale(.98);filter:hue-rotate(0deg) saturate(.9)}50%{transform:rotate(9deg) scale(1.025);filter:hue-rotate(55deg) saturate(1.25)}100%{transform:rotate(-3deg) scale(1);filter:hue-rotate(115deg) saturate(1.05)}}
@keyframes cta-float{from{box-shadow:0 24px 70px rgba(0,0,0,.28)}to{box-shadow:0 32px 95px rgba(115,85,142,.42)}}

.palette-grid{grid-template-rows:repeat(3,auto)}
.palette-card{content-visibility:auto;contain:layout paint style;contain-intrinsic-size:280px 280px}
.palette-card.is-lazy{animation:none}

.palette-hero__nav{display:flex;justify-content:space-between;align-items:center;gap:30px}.palette-hero__nav .palette-eyebrow{margin:0}.palette-hero__controls{display:flex;align-items:center;color:rgba(241,241,241,.6)}.palette-hero__controls>span{margin-right:16px;font-size:9px;letter-spacing:.14em}.palette-hero__controls>span b{color:#f1f1f1;font-weight:500}.palette-hero__controls button{width:52px;aspect-ratio:1;border:1px solid rgba(241,241,241,.32);border-right:0;display:grid;place-items:center;color:#f1f1f1;background:rgba(8,8,8,.16);font-size:19px;cursor:pointer;transition:color .25s,background .25s,border-color .25s,transform .25s}.palette-hero__controls button:last-child{border-right:1px solid rgba(241,241,241,.32)}.palette-hero__controls button:hover{color:#080808;border-color:#f1f1f1;background:#f1f1f1;transform:translateY(-2px)}.palette-hero [data-article-title].is-changing,.palette-hero [data-article-description].is-changing{animation:article-copy-change .45s ease both}@keyframes article-copy-change{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:600px){.palette-hero__nav{align-items:flex-start}.palette-hero__controls>span{display:none}.palette-hero__controls button{width:44px}.palette-hero [data-article-title]{margin-top:55px}}

.palette-hero__counter{color:rgba(241,241,241,.55);font-size:9px;letter-spacing:.14em}.palette-hero__counter b{color:#f1f1f1;font-weight:500}.palette-hero__controls{position:absolute;z-index:5;top:50%;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;transform:translateY(-50%)}.palette-hero__controls button{width:58px;aspect-ratio:1;border:1px solid rgba(241,241,241,.35);display:grid;place-items:center;color:#f1f1f1;background:rgba(8,8,8,.4);backdrop-filter:blur(12px);font-size:22px;pointer-events:auto;cursor:pointer;transition:transform .25s,color .25s,background .25s}.palette-hero__controls button:last-child{border:1px solid rgba(241,241,241,.35)}.palette-hero__controls button:hover{color:#080808;background:#f1f1f1;transform:scale(1.08)}
@media(max-width:700px){.palette-hero__controls{left:8px;right:8px}.palette-hero__controls button{width:46px}.palette-hero__counter{display:block}}

.palette-hero__controls{left:0;right:0}.palette-hero__controls a{width:58px;aspect-ratio:1;border:1px solid rgba(241,241,241,.35);display:grid;place-items:center;color:#f1f1f1;background:rgba(8,8,8,.4);backdrop-filter:blur(12px);font-size:22px;pointer-events:auto;transition:transform .25s,color .25s,background .25s}.palette-hero__controls a:hover{color:#080808;background:#f1f1f1;transform:scale(1.08)}
@media(max-width:700px){.palette-hero__controls{left:0;right:0}.palette-hero__controls a{width:46px}}

.palette-hero__controls{top:50%;transform:translateY(-50%)}.palette-hero>.palette-hero__counter{position:absolute;z-index:6;top:auto;bottom:22px;left:50%;height:auto;display:flex;align-items:center;transform:translateX(-50%)}
@media(max-width:700px){.palette-hero__controls{top:50%;transform:translateY(-50%)}.palette-hero>.palette-hero__counter{top:auto;bottom:14px;height:auto}}

.article-palettes-page .palette-hero__orb{animation:orb-palettes-float 7s ease-in-out infinite alternate}.article-palettes-page .palette-hero__orb::before{animation:orb-iridescence 9s ease-in-out infinite alternate}.article-palettes-page .palette-hero__orb::after{animation:palette-spin 35s linear infinite}
.article-trust-page .palette-hero__orb{border-color:rgba(244,240,232,.24);animation:orb-trust-breathe 4.8s cubic-bezier(.4,0,.2,1) infinite}.article-trust-page .palette-hero__orb::before{inset:10%;background:radial-gradient(circle at 32% 27%,rgba(255,255,255,.9) 0 2%,rgba(255,255,255,.12) 8%,transparent 20%),radial-gradient(circle at 42% 38%,#b68a66 0%,#684554 32%,#263e45 62%,#090b0d 82%);box-shadow:inset -55px -48px 95px rgba(5,6,8,.72),inset 25px 20px 65px rgba(244,240,232,.16),0 0 100px rgba(182,138,102,.22);animation:orb-trust-liquid 8s ease-in-out infinite alternate}.article-trust-page .palette-hero__orb::after{inset:-10%;border:1px solid rgba(244,240,232,.18);animation:orb-trust-ring 3.8s ease-out infinite}

.article-seo-page .palette-hero__orb{border-color:rgba(111,205,255,.2);animation:orb-seo-float 6s ease-in-out infinite alternate}.article-seo-page .palette-hero__orb::before{inset:12%;border-radius:42% 58% 63% 37%/45% 39% 61% 55%;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.95) 0 2%,transparent 9%),repeating-radial-gradient(circle at 50% 50%,transparent 0 17%,rgba(120,220,255,.13) 18% 19%,transparent 20% 29%),conic-gradient(from 30deg,#08141f,#176579,#74d3ba,#8d6cb3,#126078,#08141f);box-shadow:inset -45px -50px 85px rgba(3,9,16,.72),inset 20px 18px 48px rgba(170,236,255,.18),0 0 110px rgba(73,190,218,.22);animation:orb-seo-data 10s linear infinite}.article-seo-page .palette-hero__orb::after{inset:-13%;border:1px dashed rgba(126,220,238,.24);box-shadow:0 0 0 24px rgba(126,220,238,.025),0 0 0 55px rgba(126,220,238,.018);animation:orb-seo-scan 8s linear infinite}
@keyframes orb-palettes-float{from{transform:translateY(-8px) rotate(-2deg)}to{transform:translateY(10px) rotate(3deg)}}
@keyframes orb-trust-breathe{0%,100%{transform:scale(.96);filter:saturate(.88)}50%{transform:scale(1.035);filter:saturate(1.18)}}
@keyframes orb-trust-liquid{0%{transform:rotate(-7deg) scale(.97);filter:hue-rotate(-12deg)}50%{transform:rotate(6deg) scale(1.035);filter:hue-rotate(18deg)}100%{transform:rotate(-2deg) scale(1);filter:hue-rotate(42deg)}}
@keyframes orb-trust-ring{0%{opacity:.7;transform:scale(.82)}75%,100%{opacity:0;transform:scale(1.28)}}
@keyframes orb-seo-float{from{transform:translateY(-7px) scale(.98)}to{transform:translateY(9px) scale(1.025)}}
@keyframes orb-seo-data{0%{transform:rotate(0deg);filter:hue-rotate(0deg)}50%{border-radius:60% 40% 35% 65%/42% 58% 42% 58%;filter:hue-rotate(28deg)}100%{transform:rotate(360deg);filter:hue-rotate(0deg)}}
@keyframes orb-seo-scan{0%{transform:rotate(0deg) scale(.92);opacity:.35}50%{transform:rotate(180deg) scale(1.08);opacity:.85}100%{transform:rotate(360deg) scale(.92);opacity:.35}}
@media(prefers-reduced-motion:reduce){.article-palettes-page .palette-hero__orb,.article-palettes-page .palette-hero__orb::before,.article-palettes-page .palette-hero__orb::after,.article-trust-page .palette-hero__orb,.article-trust-page .palette-hero__orb::before,.article-trust-page .palette-hero__orb::after,.article-seo-page .palette-hero__orb,.article-seo-page .palette-hero__orb::before,.article-seo-page .palette-hero__orb::after{animation:none}}

.palette-catalog{padding:clamp(44px,10vw,27px) 0}
.palette-intro{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.palette-intro h2,.palette-intro p,#catalog-title{text-align:center}
.palette-intro p{margin:0;color:#777}
.palette-article__head{grid-template-columns:1fr}
.palette-article__head>p,.palette-article__head>div,#palette-guide-title{text-align:center}
.palette-article__head div>p{margin-left:auto;margin-right:auto;text-align:center}

/* Индивидуальные визуалы новых статей */
.article-landing-page .palette-hero__orb::before{background:radial-gradient(circle at 35% 28%,#fff 0 2%,transparent 8%),conic-gradient(#291b0d,#9c7a4e,#f4f0e8,#53351d,#291b0d);animation:orb-new-shift 9s ease-in-out infinite alternate}
.article-mobile-page .palette-hero__orb::before{border-radius:34% 66% 42% 58%/62% 36% 64% 38%;background:conic-gradient(#111936,#647ad9,#b5b9ff,#3c326c,#111936);animation:orb-new-shift 7s ease-in-out infinite alternate}
.article-speed-page .palette-hero__orb::before{background:radial-gradient(ellipse at 70% 48%,#f4f0e8 0 4%,#3ba7a0 10%,#132c2d 28%,#080808 67%);animation:orb-speed-pulse 3s ease-in-out infinite}.article-speed-page .palette-hero__orb::after{animation:palette-spin 10s linear infinite}
.article-type-page .palette-hero__orb::before{border-radius:0;background:repeating-linear-gradient(90deg,#f4f0e8 0 6%,#9c7a4e 6% 10%,#181818 10% 19%);animation:orb-type-rhythm 6s ease-in-out infinite alternate}
.article-redesign-page .palette-hero__orb::before{background:linear-gradient(110deg,#111 0 45%,#9c7a4e 49%,#f4f0e8 52%,#355c4d 58%,#101713 100%);animation:orb-new-shift 8s ease-in-out infinite alternate}
@keyframes orb-new-shift{from{transform:rotate(-8deg) scale(.94);filter:hue-rotate(-8deg)}to{transform:rotate(12deg) scale(1.04);filter:hue-rotate(18deg)}}
@keyframes orb-speed-pulse{0%,100%{transform:scaleX(1.1) scaleY(.82);filter:brightness(.82)}50%{transform:scaleX(1.28) scaleY(.7);filter:brightness(1.25)}}
@keyframes orb-type-rhythm{from{transform:rotate(-12deg) scale(.68)}to{transform:rotate(8deg) scale(.82)}}
@media(prefers-reduced-motion:reduce){.article-landing-page .palette-hero__orb::before,.article-mobile-page .palette-hero__orb::before,.article-speed-page .palette-hero__orb::before,.article-speed-page .palette-hero__orb::after,.article-type-page .palette-hero__orb::before,.article-redesign-page .palette-hero__orb::before{animation:none}}
.article-access-page .palette-hero__orb::before{border-radius:38% 62% 50% 50%;background:repeating-radial-gradient(circle,#f4f0e8 0 2%,#4f8b8b 3% 8%,#172323 10% 17%);animation:orb-new-shift 8s ease-in-out infinite alternate}
.article-brand-page .palette-hero__orb::before{background:radial-gradient(circle at 50% 50%,#f4f0e8 0 12%,#9c7a4e 13% 18%,#512c32 28%,#193b39 50%,#080808 72%);animation:orb-new-shift 11s ease-in-out infinite alternate}
.article-analytics-page .palette-hero__orb::before{background:repeating-conic-gradient(from 20deg,#0b2023 0 8deg,#59aaa2 9deg 11deg,#9c7a4e 12deg 13deg,#0b2023 14deg 27deg);animation:orb-seo-data 13s linear infinite}.article-analytics-page .palette-hero__orb::after{animation:orb-seo-scan 6s linear infinite}
@media(prefers-reduced-motion:reduce){.article-access-page .palette-hero__orb::before,.article-brand-page .palette-hero__orb::before,.article-analytics-page .palette-hero__orb::before,.article-analytics-page .palette-hero__orb::after{animation:none}}
.article-process-page .palette-hero__orb::before{background:repeating-radial-gradient(circle at 30% 50%,#9c7a4e 0 4%,#142e2d 5% 12%,#f4f0e8 13% 15%,#080808 16% 25%);animation:orb-new-shift 10s ease-in-out infinite alternate}
.article-studio-page .palette-hero__orb::before{background:conic-gradient(from 45deg,#9c7a4e,#55335f,#174d49,#f4f0e8,#9c7a4e);clip-path:polygon(50% 0,63% 34%,100% 50%,63% 66%,50% 100%,37% 66%,0 50%,37% 34%);animation:orb-new-shift 8s ease-in-out infinite alternate}
.article-shop-page .palette-hero__orb::before{background:radial-gradient(circle at 70% 35%,#f4f0e8 0 8%,#9c7a4e 9% 20%,#244d3d 22% 45%,#080808 70%);animation:orb-seo-data 12s linear infinite}
.article-content-page .palette-hero__orb::before{border-radius:18%;background:repeating-linear-gradient(0deg,#171717 0 12%,#9c7a4e 13% 16%,#f4f0e8 17% 26%,#553b45 27% 39%);animation:orb-type-rhythm 7s ease-in-out infinite alternate}
.article-launch-page .palette-hero__orb::before{background:repeating-radial-gradient(circle,#f4f0e8 0 3%,#9c7a4e 4% 7%,#122626 8% 16%,#080808 17% 24%);animation:orb-seo-scan 5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.article-process-page .palette-hero__orb::before,.article-studio-page .palette-hero__orb::before,.article-shop-page .palette-hero__orb::before,.article-content-page .palette-hero__orb::before,.article-launch-page .palette-hero__orb::before{animation:none}}
.article-publish-page .palette-hero__orb::before{background:conic-gradient(#080808,#9c7a4e,#75bdb4,#f4f0e8,#080808);animation:orb-new-shift 9s ease-in-out infinite alternate}.article-newseo-page .palette-hero__orb::before{background:repeating-radial-gradient(circle,#071719 0 8%,#58aaa3 9% 11%,#9c7a4e 12% 13%,#071719 14% 22%);animation:orb-seo-data 11s linear infinite}.article-customers-page .palette-hero__orb::before{background:radial-gradient(circle at 50% 50%,#f4f0e8 0 6%,#9c7a4e 7% 18%,#183126 34%,#080808 70%);animation:orb-trust-breathe 5s ease-in-out infinite}.article-conversion-page .palette-hero__orb::before{background:repeating-linear-gradient(90deg,#171012 0 15%,#9c7a4e 16% 18%,#f4f0e8 19% 23%,#573642 24% 39%);animation:orb-type-rhythm 7s ease-in-out infinite alternate}.article-order-page .palette-hero__orb::before{border-radius:22%;background:linear-gradient(135deg,#080808 0 30%,#9c7a4e 31% 37%,#f4f0e8 38% 54%,#16413d 55% 72%,#080808 73%);animation:orb-new-shift 8s ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){.article-publish-page .palette-hero__orb::before,.article-newseo-page .palette-hero__orb::before,.article-customers-page .palette-hero__orb::before,.article-conversion-page .palette-hero__orb::before,.article-order-page .palette-hero__orb::before{animation:none}}
.article-roi-page .palette-hero__orb::before{background:linear-gradient(145deg,#080808 0 30%,#1e4437 31% 43%,#9c7a4e 44% 55%,#f4f0e8 56%);animation:orb-new-shift 9s ease-in-out infinite alternate}.article-presentation-page .palette-hero__orb::before{background:linear-gradient(90deg,#111 0 45%,#9c7a4e 46% 54%,#f4f0e8 55%);animation:orb-type-rhythm 7s ease-in-out infinite alternate}.article-cms-page .palette-hero__orb::before{background:repeating-conic-gradient(#123b37 0 15deg,#9c7a4e 16deg 20deg,#f4f0e8 21deg 27deg,#080808 28deg 45deg);animation:orb-seo-data 12s linear infinite}.article-scratch-page .palette-hero__orb::before{background:linear-gradient(90deg,#080808,#333 25%,#f4f0e8 50%,#16413d 75%,#9c7a4e);animation:orb-new-shift 8s ease-in-out infinite alternate}.article-format-page .palette-hero__orb::before{background:linear-gradient(90deg,#f4f0e8 0 35%,#9c7a4e 36% 40%,#080808 41% 48%,#17413d 49% 100%);animation:orb-trust-breathe 6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.article-roi-page .palette-hero__orb::before,.article-presentation-page .palette-hero__orb::before,.article-cms-page .palette-hero__orb::before,.article-scratch-page .palette-hero__orb::before,.article-format-page .palette-hero__orb::before{animation:none}}
.article-domain-page .palette-hero__orb::before{background:conic-gradient(from 20deg,#071714,#3d8c75,#f4f0e8,#9c7a4e,#071714);animation:orb-new-shift 10s ease-in-out infinite alternate}
.article-handoff-page .palette-hero__orb::before{border-radius:16%;background:repeating-linear-gradient(45deg,#0b1118 0 12%,#688bb2 13% 18%,#f4f0e8 19% 23%,#9c7a4e 24% 30%);animation:orb-type-rhythm 8s ease-in-out infinite alternate}
.article-backup-page .palette-hero__orb::before{background:repeating-radial-gradient(circle,#08131d 0 10%,#397486 11% 15%,#f4f0e8 16% 18%,#9c7a4e 19% 22%);animation:orb-seo-data 14s linear infinite}
.article-maintenance-page .palette-hero__orb::before{border-radius:42% 58% 35% 65%;background:conic-gradient(#10241c,#4c8c6b,#9c7a4e,#f4f0e8,#10241c);animation:orb-trust-breathe 7s ease-in-out infinite}
.article-platform-page .palette-hero__orb::before{background:linear-gradient(120deg,#101010 0 31%,#9c7a4e 32% 35%,#f4f0e8 36% 64%,#477f78 65% 69%,#101010 70%);animation:orb-new-shift 9s ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){.article-domain-page .palette-hero__orb::before,.article-handoff-page .palette-hero__orb::before,.article-backup-page .palette-hero__orb::before,.article-maintenance-page .palette-hero__orb::before,.article-platform-page .palette-hero__orb::before{animation:none}}
.article-ia-page .palette-hero__orb::before{border-radius:24%;background:repeating-radial-gradient(circle at 50% 72%,#0b1716 0 8%,#9c7a4e 9% 11%,#f4f0e8 12% 15%,#275a55 16% 22%);animation:orb-ia-tree 10s ease-in-out infinite alternate}
.article-microcopy-page .palette-hero__orb::before{border-radius:62% 38% 58% 42%;background:radial-gradient(circle at 32% 30%,#f4f0e8 0 5%,#d68672 6% 18%,#5c304c 38%,#0d0d0d 72%);animation:orb-copy-speak 6s ease-in-out infinite}
.article-deployment-page .palette-hero__orb::before{background:linear-gradient(90deg,#0b3650 0 43%,#f4f0e8 44% 49%,#9c7a4e 50% 55%,#145b38 56% 100%);animation:orb-deploy-gate 5.5s ease-in-out infinite alternate}
.article-b2b-page .palette-hero__orb::before{background:conic-gradient(from 90deg,#101326,#75559a,#9c7a4e,#f4f0e8,#101326);clip-path:polygon(0 16%,100% 34%,100% 66%,0 84%);animation:orb-b2b-filter 8s ease-in-out infinite alternate}
.article-local-page .palette-hero__orb::before{background:radial-gradient(circle at 50% 50%,#f4f0e8 0 6%,#c76f4e 7% 11%,#9c7a4e 12% 18%,#244c3d 19% 42%,#0d0d0d 70%);animation:orb-local-ripple 5s ease-out infinite}
@keyframes orb-ia-tree{from{transform:perspective(400px) rotateX(12deg) rotate(-8deg) scale(.9)}to{transform:perspective(400px) rotateX(-7deg) rotate(10deg) scale(1.06)}}
@keyframes orb-copy-speak{0%,100%{transform:scale(.88) translateX(-3%);filter:saturate(.85)}50%{transform:scale(1.08) translateX(3%);filter:saturate(1.25)}}
@keyframes orb-deploy-gate{from{transform:scaleX(.72) rotate(-4deg);filter:hue-rotate(-8deg)}to{transform:scaleX(1.12) rotate(4deg);filter:hue-rotate(15deg)}}
@keyframes orb-b2b-filter{from{transform:rotate(-7deg) scaleX(1.15)}to{transform:rotate(8deg) scaleX(.78)}}
@keyframes orb-local-ripple{0%{transform:scale(.75);opacity:.65}65%{transform:scale(1.08);opacity:1}100%{transform:scale(1.18);opacity:.42}}
@media(prefers-reduced-motion:reduce){.article-ia-page .palette-hero__orb::before,.article-microcopy-page .palette-hero__orb::before,.article-deployment-page .palette-hero__orb::before,.article-b2b-page .palette-hero__orb::before,.article-local-page .palette-hero__orb::before{animation:none}}
.article-search-page .palette-hero__orb::before{background:radial-gradient(ellipse at 70% 45%,#f4f0e8 0 4%,#9c7a4e 5% 9%,#285b56 18%,#0b1717 48%,#080808 72%);animation:orb-search-beam 5s ease-in-out infinite alternate}
.article-i18n-page .palette-hero__orb::before{background:conic-gradient(from 10deg,#1e274c,#326f68,#f4f0e8,#b35c45,#9c7a4e,#1e274c);animation:orb-i18n-fold 11s ease-in-out infinite alternate}
.article-antispam-page .palette-hero__orb::before{background:repeating-conic-gradient(from 30deg,#11111a 0 12deg,#705270 13deg 16deg,#9c7a4e 17deg 19deg,#f4f0e8 20deg 22deg,#11111a 23deg 35deg);animation:orb-antispam-shield 7s ease-in-out infinite alternate}
.article-browserqa-page .palette-hero__orb::before{background:repeating-radial-gradient(circle at 52% 48%,#f4f0e8 0 4%,#1d4460 5% 10%,#9c7a4e 11% 13%,#14231c 14% 21%);animation:orb-browser-lens 6s ease-in-out infinite}
.article-saas-page .palette-hero__orb::before{border-radius:28% 72% 62% 38%;background:linear-gradient(135deg,#17121d,#74589a 28%,#f4f0e8 48%,#34a99c 64%,#0a2424 100%);animation:orb-saas-activate 7s cubic-bezier(.4,0,.2,1) infinite alternate}
@keyframes orb-search-beam{from{transform:scaleX(.78) translateX(-9%);filter:brightness(.75)}to{transform:scaleX(1.16) translateX(7%);filter:brightness(1.22)}}
@keyframes orb-i18n-fold{from{transform:rotate(-12deg) scale(.92);border-radius:34% 66% 44% 56%}to{transform:rotate(14deg) scale(1.05);border-radius:68% 32% 60% 40%}}
@keyframes orb-antispam-shield{from{transform:perspective(400px) rotateY(-18deg) scale(.92)}to{transform:perspective(400px) rotateY(18deg) scale(1.04)}}
@keyframes orb-browser-lens{0%,100%{transform:scale(.86);filter:blur(0)}50%{transform:scale(1.08);filter:contrast(1.25)}}
@keyframes orb-saas-activate{from{transform:translateX(-7%) scale(.88);filter:saturate(.75)}to{transform:translateX(7%) scale(1.08);filter:saturate(1.3)}}
@media(prefers-reduced-motion:reduce){.article-search-page .palette-hero__orb::before,.article-i18n-page .palette-hero__orb::before,.article-antispam-page .palette-hero__orb::before,.article-browserqa-page .palette-hero__orb::before,.article-saas-page .palette-hero__orb::before{animation:none}}
.article-booking-page .palette-hero__orb::before{background:repeating-linear-gradient(90deg,#142824 0 13%,#f4f0e8 14% 18%,#9c7a4e 19% 22%,#a65d50 23% 34%);animation:orb-booking-slot 6s ease-in-out infinite alternate}
.article-nonprofit-page .palette-hero__orb::before{background:radial-gradient(circle at 50% 65%,#f4f0e8 0 6%,#9c7a4e 7% 12%,#3f7358 18% 38%,#12211b 62%);animation:orb-nonprofit-bridge 8s ease-in-out infinite}
.article-portfolio-page .palette-hero__orb::before{border-radius:10%;background:repeating-linear-gradient(135deg,#161616 0 16%,#663848 17% 27%,#f4f0e8 28% 34%,#1f4b47 35% 48%);animation:orb-portfolio-curate 7s ease-in-out infinite alternate}
.article-apidocs-page .palette-hero__orb::before{background:repeating-conic-gradient(from 45deg,#0b2132 0 13deg,#2f86a4 14deg 17deg,#f4f0e8 18deg 20deg,#9c7a4e 21deg 23deg,#0b2132 24deg 38deg);animation:orb-api-connect 10s linear infinite}
.article-errors-page .palette-hero__orb::before{background:linear-gradient(120deg,#f4f0e8 0 35%,#9a4239 36% 45%,#080808 46% 55%,#3eaaa0 56% 68%,#f4f0e8 69%);animation:orb-error-reroute 6s ease-in-out infinite alternate}
@keyframes orb-booking-slot{from{transform:translateY(-8%) scaleY(.82)}to{transform:translateY(8%) scaleY(1.08)}}
@keyframes orb-nonprofit-bridge{0%,100%{transform:scale(.86) rotate(-3deg)}50%{transform:scale(1.08) rotate(3deg)}}
@keyframes orb-portfolio-curate{from{transform:perspective(420px) rotateY(-22deg) scale(.88)}to{transform:perspective(420px) rotateY(19deg) scale(1.02)}}
@keyframes orb-api-connect{from{transform:rotate(0deg);filter:hue-rotate(0)}to{transform:rotate(360deg);filter:hue-rotate(25deg)}}
@keyframes orb-error-reroute{from{transform:skewX(-9deg) translateX(-6%) scale(.92)}to{transform:skewX(8deg) translateX(7%) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.article-booking-page .palette-hero__orb::before,.article-nonprofit-page .palette-hero__orb::before,.article-portfolio-page .palette-hero__orb::before,.article-apidocs-page .palette-hero__orb::before,.article-errors-page .palette-hero__orb::before{animation:none}}
.article-subscription-page .palette-hero__orb::before{background:conic-gradient(#142c28,#9c7a4e,#f4f0e8,#654a82,#142c28);animation:orb-subscription-cycle 9s linear infinite}
.article-marketplace-page .palette-hero__orb::before{background:linear-gradient(90deg,#1c2d44 0 37%,#f4f0e8 38% 45%,#9c7a4e 46% 54%,#693f47 55% 62%,#1c2d44 63%);animation:orb-marketplace-match 6s ease-in-out infinite alternate}
.article-education-page .palette-hero__orb::before{background:repeating-radial-gradient(circle at 25% 75%,#122a2b 0 12%,#4b8f88 13% 17%,#9c7a4e 18% 20%,#f4f0e8 21% 24%);animation:orb-education-progress 7s ease-in-out infinite alternate}
.article-realestate-page .palette-hero__orb::before{border-radius:12%;background:repeating-linear-gradient(45deg,#101820 0 17%,#2e574b 18% 29%,#f4f0e8 30% 34%,#9c7a4e 35% 39%);animation:orb-property-plan 8s ease-in-out infinite alternate}
.article-restaurant-page .palette-hero__orb::before{background:radial-gradient(circle at 42% 38%,#f4f0e8 0 6%,#9c7a4e 7% 14%,#6b2632 28%,#203a2a 52%,#080808 75%);animation:orb-restaurant-glow 5s ease-in-out infinite}
@keyframes orb-subscription-cycle{to{transform:rotate(360deg)}}
@keyframes orb-marketplace-match{from{transform:scaleX(.72) rotate(-4deg)}to{transform:scaleX(1.14) rotate(4deg)}}
@keyframes orb-education-progress{from{transform:translate(-6%,6%) scale(.82)}to{transform:translate(7%,-7%) scale(1.08)}}
@keyframes orb-property-plan{from{transform:perspective(450px) rotateX(20deg) rotate(-5deg)}to{transform:perspective(450px) rotateX(-8deg) rotate(7deg)}}
@keyframes orb-restaurant-glow{0%,100%{transform:scale(.9);filter:brightness(.82)}50%{transform:scale(1.08);filter:brightness(1.2)}}
@media(prefers-reduced-motion:reduce){.article-subscription-page .palette-hero__orb::before,.article-marketplace-page .palette-hero__orb::before,.article-education-page .palette-hero__orb::before,.article-realestate-page .palette-hero__orb::before,.article-restaurant-page .palette-hero__orb::before{animation:none}}

/* Compact phone layout: two palette rows and article controls that stay clear of content. */
.palette-hero--orb-only{min-height:100svh;display:grid;place-items:center;overflow:hidden}
.palette-hero--orb-only .palette-hero__orb{position:relative;inset:auto;transform:none}
.article-faq{display:grid;gap:12px;margin-top:28px}
.article-faq__item{border-top:1px solid rgba(255,255,255,.18);padding:18px 0}
.article-faq__item:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.article-faq__item summary{cursor:pointer;font-size:clamp(18px,2vw,24px);line-height:1.25;list-style:none;padding-right:34px;position:relative}
.article-faq__item summary::-webkit-details-marker{display:none}
.article-faq__item summary::after{content:"+";position:absolute;right:4px;top:0;transition:transform .35s ease}
.article-faq__item[open] summary::after{transform:rotate(45deg)}
.article-faq__item p{margin-top:16px}
.article-check{padding:18px 20px;border-left:2px solid currentColor;background:rgba(255,255,255,.045)}
.article-inline-visual{margin:12px 0 72px;overflow:hidden;border-radius:24px;background:#111}
.article-inline-visual img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.9) contrast(1.04)}
.article-inline-visual figcaption{padding:14px 4px;color:rgba(255,255,255,.58);font-size:13px;line-height:1.5}
@media(max-width:600px){.article-inline-visual{margin-bottom:46px;border-radius:16px}}
.article-author{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:64px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}
.article-author>div{padding:18px;background:#0c0c0d}.article-author span{display:block;margin-bottom:7px;color:rgba(255,255,255,.46);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.article-author strong,.article-author time{font-size:13px;font-weight:500}
.article-demo-case,.article-interface-review,.article-studio-view{padding:clamp(26px,4vw,52px)!important;margin:20px 0 70px!important;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(124,143,255,.09),rgba(255,255,255,.025))}
.article-demo-label{display:inline-flex;margin:8px 0 28px;padding:8px 12px;border:1px solid rgba(255,196,112,.36);border-radius:999px;color:#ffd08a;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.article-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.article-metrics>div{padding:18px;background:rgba(255,255,255,.055)}.article-metrics span{display:block;margin-bottom:9px;color:rgba(255,255,255,.5);font-size:11px}.article-metrics b{font-size:clamp(20px,3vw,30px)}.article-demo-note{color:rgba(255,255,255,.5)!important;font-size:12px!important}
.article-metrics>div::after{content:"";display:block;width:72%;height:3px;margin-top:16px;background:linear-gradient(90deg,#98a8ff,#62d8b2);transform-origin:left;animation:articleMetricGrow 1.2s cubic-bezier(.16,1,.3,1) both}@keyframes articleMetricGrow{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
.article-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.article-review-grid article{padding:22px;background:rgba(0,0,0,.26)}.article-review-grid b{color:#98a8ff}.article-review-grid h4{margin:18px 0 10px;font-size:19px}.article-review-grid p{font-size:14px!important}
.article-studio-view{border-left:3px solid #98a8ff}.article-soft-cta{margin:10px 0 72px;padding:28px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:#0b0b0d;color:#fff}.article-soft-cta span{color:#98a8ff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.article-soft-cta p{margin:12px 0 22px!important;color:rgba(255,255,255,.62)!important}.article-soft-cta a{display:inline-flex;gap:14px;color:#fff;font-weight:600;text-decoration:none}
.article-concept-comparison>p{max-width:850px}.article-concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0}.article-concept-grid figure,.article-conversion-shot{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#09090a}.article-concept-grid img,.article-conversion-shot img{display:block;width:100%;height:auto}.article-concept-grid figcaption,.article-conversion-shot figcaption{display:grid;gap:8px;padding:18px 20px;color:rgba(255,255,255,.64);font-size:13px;line-height:1.55}.article-concept-grid figcaption b{color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.article-conversion-shot{margin:30px 0}.article-conversion-shot figcaption{border-top:1px solid rgba(255,255,255,.1)}
.article-table-wrap{margin:28px 0;overflow-x:auto}.article-comparison-table{width:100%;border-collapse:collapse;min-width:580px}.article-comparison-table th,.article-comparison-table td{padding:14px 16px;border:1px solid rgba(255,255,255,.14);text-align:left;font-size:13px;line-height:1.45}.article-comparison-table th{color:rgba(255,255,255,.52);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.article-case-link{display:inline-flex;gap:12px;margin-top:18px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
@media(max-width:700px){.article-author,.article-metrics,.article-review-grid{grid-template-columns:1fr}.article-demo-case,.article-interface-review,.article-studio-view{padding:24px!important;margin-bottom:48px!important}}
.article-map{margin:0 0 68px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.025)}.article-map summary{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:20px 22px;cursor:pointer;list-style:none}.article-map summary::-webkit-details-marker{display:none}.article-map>summary span{color:rgba(255,255,255,.45);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.article-map summary strong{font-size:13px}.article-map summary i{font-size:22px;font-style:normal;transition:transform .35s}.article-map[open]>summary i{transform:rotate(45deg)}.article-map__list{max-height:68vh;overflow:auto;border-top:1px solid rgba(255,255,255,.12)}.article-map__category{border-bottom:1px solid rgba(255,255,255,.1)}.article-map__category>summary{grid-template-columns:1fr auto auto;padding:17px 20px;transition:background .3s}.article-map__category>summary:hover{background:rgba(255,255,255,.045)}.article-map__category>summary span{color:#fff;font-size:14px;letter-spacing:0;text-transform:none}.article-map__category>summary b{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#98a8ff;font-size:10px}.article-map__category>summary i{font-size:18px}.article-map__category[open]>summary{background:rgba(152,168,255,.07)}.article-map__category[open]>summary i{transform:rotate(45deg)}.article-map__category-list{display:block;columns:2;column-gap:0;background:rgba(0,0,0,.18)}.article-map__category-list a{display:grid;break-inside:avoid;grid-template-columns:42px 1fr;gap:10px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);color:#fff;text-decoration:none;transition:background .3s,color .3s}.article-map__category-list a:hover{background:rgba(255,255,255,.07)}.article-map__category-list a.is-current{background:rgba(152,168,255,.14);box-shadow:inset 2px 0 #98a8ff}.article-map__category-list a b{color:#98a8ff;font-size:11px}.article-map__category-list a span{font-size:13px;line-height:1.4}
.article-data-map{padding:clamp(26px,4vw,52px)!important;margin-bottom:70px!important;background:linear-gradient(145deg,rgba(91,208,171,.1),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.15)}.article-data-map__flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center;margin:28px 0}.article-data-map__flow>div{min-height:240px;padding:22px;background:rgba(0,0,0,.25)}.article-data-map__flow b{display:block;margin-bottom:18px;font-size:18px}.article-data-map__flow ul{display:grid;gap:11px;padding-left:18px;color:rgba(255,255,255,.68);font-size:13px;line-height:1.45}.article-data-map__flow>i{color:#98a8ff;font-size:24px}
@media(max-width:700px){.article-map__category-list{columns:1}.article-map>summary{grid-template-columns:1fr auto}.article-map>summary span{display:none}.article-map__category>summary{grid-template-columns:1fr auto auto}.article-map__category-list{grid-template-columns:1fr}.article-data-map__flow{grid-template-columns:1fr}.article-data-map__flow>i{transform:rotate(90deg);text-align:center}}
.industry-blueprint{padding:clamp(28px,5vw,64px)!important;margin:0 0 78px!important;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 90% 0,rgba(106,132,255,.13),transparent 38%),#0c0c0e}.industry-blueprint>span{color:#98a8ff;font-size:10px;letter-spacing:.15em}.industry-blueprint>h3{max-width:760px;margin:16px 0 38px;font-size:clamp(28px,4vw,52px)}.industry-blueprint__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12)}.industry-blueprint__grid article{padding:24px;background:#101013}.industry-blueprint h4{margin:0 0 12px;font-size:17px}.industry-blueprint p{margin:0!important;color:rgba(255,255,255,.65)!important;font-size:14px!important}.industry-example{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:28px}.industry-example>div{padding:28px;background:rgba(255,255,255,.055)}.industry-example b{color:#98a8ff;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.industry-example h4{margin:18px 0 10px;font-size:clamp(22px,3vw,34px)}.industry-example button{margin-top:22px;padding:12px 18px;border:0;border-radius:999px;background:#f2efe8;color:#101014}.industry-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.industry-bottom>div{padding:26px;border:1px solid rgba(255,255,255,.12)}.industry-bottom strong{color:#fff;font-size:20px}
.industry-blueprint__position{max-width:820px!important;margin:-18px 0 36px!important;padding-left:18px;border-left:2px solid #98a8ff;color:rgba(255,255,255,.72)!important}.industry-example__cta{display:inline-flex;margin-top:22px;padding:12px 18px;border-radius:999px;background:#f2efe8;color:#101014!important;text-decoration:none!important}
@media(max-width:800px){.industry-blueprint__grid,.industry-example,.industry-bottom{grid-template-columns:1fr}}
.article-tool{padding:clamp(28px,5vw,58px)!important;margin:0 0 72px!important;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 90% 10%,rgba(133,151,255,.15),transparent 36%),#0d0d10}.article-tool>span{color:#98a8ff;font-size:10px;letter-spacing:.14em}.article-tool>h3{margin:15px 0 30px;font-size:clamp(28px,4vw,48px)}.article-tool__form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.article-tool__form label{display:grid;gap:9px;padding:15px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.65);font-size:12px}.article-tool select,.article-tool input[type=number]{width:100%;padding:12px;border:1px solid rgba(255,255,255,.18);background:#15151a;color:#fff}.article-tool__check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.article-tool>button{margin-top:18px;padding:13px 20px;border:0;border-radius:999px;background:#f2efe8;color:#101014;cursor:pointer}.article-tool__result{display:grid;gap:7px;margin-top:20px;padding:20px;border-left:2px solid #98a8ff;background:rgba(255,255,255,.045)}.article-tool__result b{font-size:22px}.article-tool__result span{color:rgba(255,255,255,.58);font-size:13px}
.article-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.article-checklist label{padding:14px;background:rgba(255,255,255,.045);font-size:13px}.article-before-after__stage{position:relative;overflow:hidden;aspect-ratio:16/9;background:#111}.article-before-after__stage img{display:block;width:100%;height:100%;object-fit:cover}.article-before-after__after{position:absolute;inset:0}.article-before-after__stage>i{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-1px);box-shadow:0 0 18px #000}.article-before-after__stage>b{position:absolute;top:14px;padding:8px 11px;background:rgba(0,0,0,.62);font-size:11px;text-transform:uppercase}.article-before-after__stage .is-before{left:14px}.article-before-after__stage .is-after{right:14px}.article-before-after__control{display:grid;gap:10px;margin-top:20px;color:rgba(255,255,255,.65);font-size:12px}.article-before-after__control input{width:100%;accent-color:#98a8ff}
@media(max-width:700px){.article-tool__form,.article-checklist{grid-template-columns:1fr}}

@media(max-width:600px){
  .article-concept-grid{grid-template-columns:1fr}
  .palette-grid{grid-template-rows:repeat(2,auto);grid-auto-columns:48%;gap:10px}
  .palette-article{padding:44px 0}
  .palette-article .container{padding-left:18px;padding-right:18px}
  .palette-article__head{padding-bottom:34px}
  .palette-article__layout{padding-top:36px}
  .palette-article__content section{padding:0 0 40px 28px;margin-bottom:40px}
  .palette-hero__controls{top:auto;bottom:8px;left:10px;right:10px;transform:none}
  .palette-hero__controls a,.palette-hero__controls button{width:40px;font-size:18px}
}
.palette-hero__counter,.palette-article__content>section>span,.article-map__category-list>a>b,.article-map__category>summary>b,.article-demo-case>span,.article-interface-review>span,.article-studio-view>span,.article-tool>span,.industry-blueprint>span,.palette-tab>span,.palette-card__index span:first-child,.article-visual figcaption>span{display:none!important}.article-map__category-list a{grid-template-columns:1fr}.article-map__category>summary{grid-template-columns:1fr auto}.palette-article__content section{padding-left:0}.article-demo-case,.article-interface-review,.article-studio-view,.article-tool,.industry-blueprint{padding-left:clamp(24px,4vw,52px)!important}

/* Featured SEO routes and contextual reading paths */
.article-popular{margin:0 0 34px!important;padding:0!important;border:1px solid rgba(190,204,255,.35);background:linear-gradient(135deg,rgba(99,119,255,.18),rgba(173,91,255,.09) 55%,rgba(0,0,0,.12));overflow:hidden}.article-popular__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.13)}.article-popular__head span{color:#c6d0ff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.article-popular__head p{max-width:360px;margin:0;color:rgba(255,255,255,.6);font-size:12px;text-align:right}.article-popular__grid{display:grid;grid-template-columns:repeat(5,1fr)}.article-popular__grid a{position:relative;display:flex;min-height:150px;padding:20px;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:background .4s ease,transform .4s ease}.article-popular__grid a:last-child{border-right:0}.article-popular__grid a:hover,.article-popular__grid a.is-current{background:rgba(163,180,255,.18)}.article-popular__grid a:hover{transform:translateY(-3px)}.article-popular__grid b{color:#9eafff;font-size:11px}.article-popular__grid span{font-size:clamp(13px,1.15vw,16px);line-height:1.35}.article-popular__grid i{align-self:flex-end;color:#cbd4ff;font-style:normal}
.article-related{margin:58px 0!important;padding:32px!important;border:1px solid rgba(255,255,255,.15);background:#0d0e12}.article-related__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.article-related__head>span{display:block!important;color:#93a6ff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.article-related__head h3{margin:0;font-size:clamp(26px,4vw,48px)}.article-related__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}.article-related__grid a{display:grid;grid-template-columns:1fr auto;gap:14px;min-height:124px;padding:20px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);color:#fff;text-decoration:none;transition:background .35s ease}.article-related__grid a:hover{background:rgba(147,166,255,.12)}.article-related__grid b{color:#93a6ff;font-size:11px}.article-related__grid span{font-size:14px;line-height:1.45}.article-related__grid i{font-style:normal}.article-route-links{display:flex;justify-content:space-between;gap:20px;padding-top:20px}.article-route-links a{color:rgba(255,255,255,.7);font-size:12px;text-decoration:none;transition:color .3s}.article-route-links a:hover{color:#fff}
@media(max-width:900px){.article-popular__grid{grid-template-columns:repeat(2,1fr)}.article-popular__grid a{min-height:120px;border-bottom:1px solid rgba(255,255,255,.12)}.article-related__grid{grid-template-columns:1fr}.article-related__grid a{min-height:90px}}
@media(max-width:600px){.article-popular__head{align-items:flex-start;flex-direction:column}.article-popular__head p{text-align:left}.article-popular__grid{grid-template-columns:1fr}.article-popular__grid a{min-height:92px}.article-related{padding:22px!important}.article-related__head{align-items:flex-start;flex-direction:column}.article-route-links a span{display:none}}

@media(min-width:901px){.article-popular__grid{grid-template-columns:repeat(3,1fr)}}

/* Сравнение веб-студии и ИИ */
.article-ai-comparison .ai-comparison{position:relative;margin-block:28px 80px!important;padding:clamp(24px,4vw,48px)!important;border:1px solid rgba(157,177,255,.24);border-radius:28px;background:radial-gradient(circle at 92% 8%,rgba(123,97,255,.2),transparent 34%),linear-gradient(145deg,#11131a,#090a0e);overflow:hidden}
.article-ai-comparison .ai-comparison__eyebrow{display:block!important;margin-bottom:12px;color:#aab8ff;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.article-ai-comparison .ai-comparison__lead{max-width:690px;color:rgba(255,255,255,.64)!important}
.article-ai-comparison .article-table-wrap{margin-top:30px;overflow-x:auto;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(0,0,0,.2)}
.article-ai-comparison table{width:100%;min-width:680px;border-collapse:collapse}
.article-ai-comparison th,.article-ai-comparison td{padding:18px 20px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:top}
.article-ai-comparison th:last-child,.article-ai-comparison td:last-child{border-right:0}
.article-ai-comparison tbody tr:last-child td{border-bottom:0}
.article-ai-comparison th{color:rgba(255,255,255,.58);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.article-ai-comparison th i{display:inline-grid;place-items:center;min-width:38px;height:24px;margin-right:7px;padding-inline:8px;border-radius:999px;background:rgba(151,170,255,.17);color:#cbd4ff;font-style:normal}
.article-ai-comparison td:first-child{width:27%;color:#fff;font-weight:600}
.article-ai-comparison td:nth-child(2){color:rgba(255,255,255,.52)}
.article-ai-comparison td:nth-child(3){background:rgba(142,163,255,.055);color:#eef1ff}
.article-ai-comparison tbody tr{transition:background .3s ease}.article-ai-comparison tbody tr:hover{background:rgba(255,255,255,.045)}
.article-ai-comparison .ai-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 76px}
.article-ai-comparison .ai-choice-card{position:relative;margin:0!important;padding:clamp(25px,3.5vw,42px)!important;border:1px solid rgba(255,255,255,.13);border-radius:26px;overflow:hidden}
.article-ai-comparison .ai-choice-card--ai{background:linear-gradient(145deg,rgba(67,99,134,.18),rgba(8,10,13,.95))}
.article-ai-comparison .ai-choice-card--studio{background:linear-gradient(145deg,rgba(116,86,171,.22),rgba(10,8,14,.96))}
.article-ai-comparison .ai-choice-card>span{display:block!important;color:#aab8ff;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.article-ai-comparison .ai-choice-card h3{margin:14px 0 26px}
.article-ai-comparison .ai-choice-card ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.article-ai-comparison .ai-choice-card li{position:relative;padding:15px 0 15px 27px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.67);line-height:1.55}
.article-ai-comparison .ai-choice-card li:before{content:"✓";position:absolute;left:0;top:15px;color:#aab8ff}
.article-ai-comparison .ai-choice-card li b{color:#fff;font-weight:600}
.article-ai-comparison .ai-choice-card>p{margin:24px 0 0!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.72)!important}
.article-ai-comparison .ai-workflow{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:28px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.12)}
.article-ai-comparison .ai-workflow article{padding:26px;background:#0d0e12}.article-ai-comparison .ai-workflow b{font-size:18px}.article-ai-comparison .ai-workflow p{margin:12px 0 0!important;color:rgba(255,255,255,.6)!important;font-size:14px!important}
@media(max-width:760px){.article-ai-comparison .ai-choice-grid,.article-ai-comparison .ai-workflow{grid-template-columns:1fr}.article-ai-comparison .ai-comparison{border-radius:20px}.article-ai-comparison th,.article-ai-comparison td{padding:15px}.article-ai-comparison .article-table-wrap{margin-right:-10px}}

/* Полная мобильная адаптация статьи о студии и ИИ */
@media (max-width: 640px) {
  .article-ai-comparison {
    overflow-x: clip;
  }

  .article-ai-comparison .palette-hero {
    min-height: 100svh;
    padding: 128px 0 54px;
  }

  .article-ai-comparison .palette-hero__orb {
    top: 14%;
    right: -30%;
    width: 88vw;
    opacity: .38;
  }

  .article-ai-comparison .palette-hero h1 {
    max-width: 94%;
    font-size: clamp(42px, 13.5vw, 62px);
    line-height: .92;
    letter-spacing: -.065em;
    overflow-wrap: anywhere;
  }

  .article-ai-comparison .palette-eyebrow {
    margin-bottom: 28px;
    font-size: 9px;
  }

  .article-ai-comparison .palette-hero__bottom {
    width: 100%;
    margin-top: 46px;
    padding-top: 18px;
    gap: 15px;
  }

  .article-ai-comparison .palette-hero__bottom p {
    font-size: 15px;
    line-height: 1.55;
  }

  .article-ai-comparison .palette-article {
    padding-block: 46px;
  }

  .article-ai-comparison .palette-article .container {
    width: 100%;
    padding-inline: 16px;
  }

  .article-ai-comparison .palette-article__head {
    gap: 0;
    padding-bottom: 36px;
  }

  .article-ai-comparison .palette-article__head h2 {
    font-size: clamp(40px, 12vw, 56px);
    line-height: .96;
  }

  .article-ai-comparison .palette-article__head div > p {
    margin-top: 24px;
    font-size: 15px;
    line-height: 1.65;
  }

  .article-ai-comparison .palette-article__layout {
    min-width: 0;
    padding-top: 38px;
  }

  .article-ai-comparison .palette-article__content,
  .article-ai-comparison .palette-article__content > * {
    min-width: 0;
    max-width: 100%;
  }

  .article-ai-comparison .palette-article__content section {
    margin-bottom: 46px;
    padding: 0 0 46px;
  }

  .article-ai-comparison .palette-article__content h3 {
    margin-bottom: 22px;
    font-size: clamp(29px, 9vw, 40px);
    line-height: 1.04;
  }

  .article-ai-comparison .palette-article__content p {
    font-size: 15px;
    line-height: 1.72;
  }

  .article-ai-comparison .article-author {
    margin-bottom: 38px;
  }

  .article-ai-comparison .article-author > div {
    padding: 17px;
  }

  .article-ai-comparison .article-popular,
  .article-ai-comparison .article-map {
    margin-bottom: 28px !important;
  }

  .article-ai-comparison .article-popular__head {
    padding: 18px;
  }

  .article-ai-comparison .article-popular__grid a {
    min-height: 86px;
    padding: 17px 18px;
  }

  .article-ai-comparison .article-map summary {
    padding: 16px;
  }

  .article-ai-comparison .article-inline-visual {
    margin-inline: 0;
    border-radius: 16px;
  }

  .article-ai-comparison .article-inline-visual img {
    min-height: 230px;
    object-fit: cover;
  }

  .article-ai-comparison .ai-comparison {
    margin: 8px 0 54px !important;
    padding: 22px 14px 14px !important;
    border-radius: 20px;
  }

  .article-ai-comparison .ai-comparison__lead {
    font-size: 14px !important;
  }

  .article-ai-comparison .article-table-wrap {
    margin: 24px 0 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .article-ai-comparison table,
  .article-ai-comparison tbody,
  .article-ai-comparison tr,
  .article-ai-comparison td {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .article-ai-comparison thead {
    display: none;
  }

  .article-ai-comparison tbody {
    display: grid;
    gap: 10px;
  }

  .article-ai-comparison tbody tr {
    overflow: hidden;
    padding: 0 16px 6px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 15px;
    background: rgba(255,255,255,.035);
  }

  .article-ai-comparison th,
  .article-ai-comparison td {
    padding: 13px 0;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.09);
    font-size: 14px;
  }

  .article-ai-comparison td:first-child {
    width: 100%;
    padding-top: 16px;
    color: #fff;
    font-size: 17px;
  }

  .article-ai-comparison td:nth-child(2)::before,
  .article-ai-comparison td:nth-child(3)::before {
    display: block;
    margin-bottom: 6px;
    color: #9daeff;
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .article-ai-comparison td:nth-child(2)::before { content: "ИИ без команды"; }
  .article-ai-comparison td:nth-child(3)::before { content: "Студия с ИИ"; }

  .article-ai-comparison td:nth-child(3) {
    padding-inline: 0;
    border-bottom: 0;
    background: transparent;
  }

  .article-ai-comparison .ai-choice-grid {
    gap: 12px;
    margin: 0 0 54px;
  }

  .article-ai-comparison .ai-choice-card {
    padding: 24px 18px !important;
    border-radius: 20px;
  }

  .article-ai-comparison .ai-choice-card h3 {
    margin: 13px 0 20px;
    font-size: 32px;
  }

  .article-ai-comparison .ai-choice-card li {
    padding: 14px 0 14px 25px;
    font-size: 14px;
  }

  .article-ai-comparison .ai-choice-card li::before {
    content: "\2713";
  }

  .article-ai-comparison .ai-workflow {
    margin-top: 22px;
  }

  .article-ai-comparison .ai-workflow article {
    padding: 21px 18px;
  }

  .article-ai-comparison .article-soft-cta {
    margin-bottom: 52px;
    padding: 22px 18px;
    border-radius: 18px;
  }

  .article-ai-comparison .article-soft-cta a {
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .article-ai-comparison .article-faq__item summary {
    padding: 17px 42px 17px 0;
    font-size: 15px;
    line-height: 1.4;
  }
}