:root{--blue:#1478f2;--blue-dark:#0759d2;--navy:#071a33;--ink:#14243a;--muted:#66758a;--line:#e4eaf2;--soft:#f5f8fc;--container:1240px;--shadow:0 18px 54px rgba(23,54,96,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f6f8fb;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 16px;color:#fff;background:var(--blue);border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.page-container{width:min(calc(100% - 40px),var(--container));margin:0 auto}
.resource-header{position:fixed;z-index:100;inset:0 0 auto;height:72px;background:rgba(255,255,255,.78);border-bottom:1px solid rgba(103,119,139,.18);box-shadow:none;backdrop-filter:saturate(165%) blur(18px);-webkit-backdrop-filter:saturate(165%) blur(18px);transition:height .25s ease,background-color .25s ease}.resource-header.scrolled{height:66px;background:rgba(255,255,255,.84)}.header-inner{width:min(1420px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.brand img{display:block;width:136px}.brand span{padding-left:15px;color:#5f6f86;border-left:1px solid var(--line);font-size:13px;font-weight:700}.top-nav{display:flex;justify-content:center;align-items:center;gap:32px;flex:1;height:100%}.top-nav a{position:relative;color:#59677c;font-size:14px;font-weight:600;white-space:nowrap}.top-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-23px;height:2px;background:var(--blue);border-radius:2px;transition:left .22s,right .22s}.top-nav a:hover,.top-nav a.active{color:var(--blue)}.top-nav a:hover::after,.top-nav a.active::after{left:0;right:0}.header-actions{display:flex;align-items:center;gap:15px;flex-shrink:0}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;color:#fff;background:linear-gradient(135deg,#216bed,#1597ed);border-radius:10px;font-size:13px;font-weight:700;box-shadow:0 12px 28px rgba(20,120,242,.25);transition:transform .25s,box-shadow .25s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(20,120,242,.34)}.mobile-nav-toggle{display:none;width:42px;height:42px;padding:10px;border:0;background:transparent}.mobile-nav-toggle i{display:block;height:2px;margin:5px 0;background:var(--ink);border-radius:2px;transition:.25s}
.resource-hero{position:relative;display:flex;align-items:center;min-height:248px;margin-top:72px;overflow:hidden;background:linear-gradient(118deg,#eef7ff 0%,#f1f4ff 46%,#f3efff 74%,#f8faff 100%)}.resource-hero::before{content:"";position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(56,130,220,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(56,130,220,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.resource-hero::after{content:"";position:absolute;width:620px;height:620px;top:-350px;left:25%;background:radial-gradient(circle,rgba(80,184,255,.28),rgba(119,92,247,.11) 42%,transparent 68%);animation:hero-breathe 8s ease-in-out infinite alternate;pointer-events:none}.hero-grid{position:absolute;width:124%;height:410px;top:-110px;left:-12%;opacity:.58;pointer-events:none;background:radial-gradient(circle at 18% 24%,rgba(62,158,255,.48),rgba(91,174,250,.18) 26%,transparent 48%),radial-gradient(circle at 76% 15%,rgba(137,104,247,.4),rgba(170,145,248,.15) 28%,transparent 50%);background-size:118% 118%;filter:blur(24px);mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%);animation:hero-gradient 7s ease-in-out infinite alternate}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.hero-orb-one{right:-120px;top:20px;width:380px;height:380px;background:radial-gradient(circle,rgba(117,90,247,.14),transparent 68%)}.hero-orb-two{left:-180px;bottom:-240px;width:500px;height:500px;border:1px solid rgba(20,120,242,.09)}.hero-inner{position:relative;z-index:1;min-height:248px;display:flex;align-items:center;justify-content:center}.hero-copy{text-align:center}.hero-inner h1{margin:0;color:#172238;font-size:clamp(42px,3.7vw,58px);line-height:1.12;letter-spacing:-.045em}.hero-inner h1 span{color:transparent;background:linear-gradient(100deg,#0c5fc6,var(--blue),#755af7);background-clip:text;-webkit-background-clip:text}.hero-inner>div>p:last-child{max-width:660px;margin:15px auto 0;color:#65738a;font-size:15px;line-height:1.9}
.breadcrumb{display:flex;align-items:center;gap:10px;height:64px;color:#8a98aa;border-bottom:1px solid var(--line);font-size:12px}.breadcrumb a:hover{color:var(--blue)}.breadcrumb b{max-width:50%;overflow:hidden;color:#526176;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.resource-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:38px;align-items:start;padding-top:30px;padding-bottom:72px}
.catalog{position:sticky;top:92px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.catalog-mobile-head{display:none}.catalog-body{padding:20px 14px 22px}.catalog-title{display:flex;justify-content:space-between;align-items:center;padding:0 10px 16px;border-bottom:1px solid #e3e9f1}.catalog-title span{font-size:16px;font-weight:800}.catalog-title small{color:#9aa6b5;font-size:10px}.catalog-group{padding-top:18px}.catalog-group h2{margin:0 10px 8px;color:#99a6b7;font-size:11px;font-weight:700;letter-spacing:.6px}.catalog-link{position:relative;display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 11px;color:#47576b;background:transparent;border:0;border-radius:7px;text-align:left;cursor:pointer;font-size:13px;line-height:1.45;transition:.2s}.catalog-link::before{content:"";position:absolute;left:0;width:2px;height:15px;background:var(--blue);border-radius:2px;opacity:0}.catalog-link:hover{color:var(--blue);background:rgba(239,246,255,.72)}.catalog-link.active{color:var(--blue);background:#eaf3ff;font-weight:700}.catalog-link.active::before{opacity:1}.catalog-link em{color:#9ca9b9;font-size:10px;font-style:normal}.catalog-link.external:hover em{color:var(--blue)}
.article{min-width:0;padding:46px 56px 0;background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}.article-head{padding-bottom:30px;border-bottom:1px solid var(--line)}.article-kicker{display:flex;align-items:center;gap:7px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.8px}.article-kicker::before{content:"";width:5px;height:5px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px rgba(20,120,242,.1)}.article h1{margin:14px 0 14px;color:#102239;font-size:34px;line-height:1.25}.article-lead{max-width:820px;margin:0;color:#617188;font-size:15px;line-height:1.9}.article-meta{display:flex;gap:14px;margin-top:20px;color:#98a4b3;font-size:11px}.article-meta span+span::before{content:"·";margin-right:14px}.article-toc{display:flex;align-items:flex-start;gap:16px;margin:28px 0 34px;padding:17px 20px;background:#f0f4f9;border-radius:9px}.article-toc>span{flex-shrink:0;color:#8b98aa;font-size:11px;font-weight:700}.article-toc div{display:flex;flex-wrap:wrap;gap:7px 18px}.article-toc a{color:#526278;font-size:12px}.article-toc a:hover{color:var(--blue)}
.article-section{scroll-margin-top:90px;margin:0 0 40px}.article-section h2{margin:0 0 17px;color:#142740;font-size:24px;line-height:1.35}.article-section h3{margin:25px 0 10px;color:#20344d;font-size:17px}.article-section p{margin:0 0 16px;color:#53647a;font-size:14px;line-height:2}.article-section ul{margin:12px 0 20px;padding:0;list-style:none}.article-section li{position:relative;margin:9px 0;padding-left:19px;color:#53647a;font-size:14px;line-height:1.8}.article-section li::before{content:"";position:absolute;left:2px;top:.75em;width:5px;height:5px;background:#4d9fff;border-radius:50%}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.info-card{padding:21px;background:#f7faff;border:1px solid #e7eef8;border-radius:10px}.info-card b{display:block;margin-bottom:8px;color:#1b3555;font-size:15px}.info-card p{margin:0;color:#63748a;font-size:13px;line-height:1.75}.info-card small{display:block;margin-bottom:9px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.7px}.step-list{counter-reset:steps;display:grid;gap:12px;margin:20px 0}.step{position:relative;padding:19px 20px 19px 64px;background:#f8fafc;border:1px solid #e8edf4;border-radius:10px}.step::before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:20px;top:21px;color:var(--blue);font-size:14px;font-weight:900}.step b{display:block;margin-bottom:6px;color:#20364f;font-size:15px}.step p{margin:0;font-size:13px;line-height:1.75}.process-line{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0;background:#dfe9f5;border:1px solid #dfe9f5;border-radius:10px;overflow:hidden}.process-line div{padding:22px;background:#f4f8fd}.process-line small{display:block;color:var(--blue);font-size:10px;font-weight:800}.process-line b{display:block;margin:7px 0;color:#1c3552;font-size:15px}.process-line p{margin:0;font-size:12px;line-height:1.65}.callout{margin:23px 0;padding:20px 22px;background:linear-gradient(90deg,#edf6ff,#f7fbff);border-left:3px solid var(--blue);border-radius:5px 9px 9px 5px}.callout b{display:block;margin-bottom:6px;color:#164277;font-size:14px}.callout p{margin:0;color:#59718f;font-size:13px;line-height:1.8}.industry-scenarios{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 23px}.industry-scenarios span{padding:8px 12px;color:#36608f;background:#f1f6fc;border:1px solid #e0eaf5;border-radius:20px;font-size:12px}
.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;color:#22364f;background:none;border:0;text-align:left;cursor:pointer;font-size:15px;font-weight:700}.faq-item button i{position:relative;width:17px;height:17px;flex:0 0 17px}.faq-item button i::before,.faq-item button i::after{content:"";position:absolute;top:8px;left:2px;width:13px;height:1px;background:#6c7d91;transition:.25s}.faq-item button i::after{transform:rotate(90deg)}.faq-item.open button{color:var(--blue)}.faq-item.open button i::after{transform:none}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.faq-answer>div{overflow:hidden}.faq-answer p{margin:0;padding:0 38px 20px 0;color:#5b6c82;font-size:13px;line-height:1.9}.faq-item.open .faq-answer{grid-template-rows:1fr}.article-pagination{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:54px -56px 0;padding:24px 56px;background:#f8fafc;border-top:1px solid var(--line);border-radius:0 0 12px 12px}.article-pagination button{min-height:68px;padding:12px 16px;background:#fff;border:1px solid #e2e9f2;border-radius:8px;cursor:pointer;text-align:left;transition:.2s}.article-pagination button:last-child{text-align:right}.article-pagination button:hover{border-color:#9bc8ff;box-shadow:0 6px 20px rgba(20,120,242,.08)}.article-pagination small{display:block;margin-bottom:5px;color:#9aa7b7;font-size:10px}.article-pagination b{color:#34475f;font-size:12px}.article-pagination button[hidden]{display:block;visibility:hidden;pointer-events:none}
.resource-cta{padding:62px 0;color:#fff;background:linear-gradient(112deg,#071b37,#0b3975)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta-inner small{color:#66baff;font-size:10px;font-weight:800;letter-spacing:1px}.cta-inner h2{margin:9px 0 10px;font-size:27px}.cta-inner p{margin:0;color:rgba(221,237,255,.65);font-size:13px}.cta-button{flex-shrink:0;padding:14px 23px;color:#0755b7;background:#fff;border-radius:8px;font-size:13px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.15)}.cta-button span{margin-left:12px}.resource-footer{padding:33px 0;color:rgba(222,237,255,.55);background:#041124}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.footer-inner img{display:block;width:145px}.footer-inner div{display:flex;gap:25px}.footer-inner a{font-size:11px}.footer-inner div a:hover{color:#fff}.footer-inner p{margin:0;text-align:right;font-size:10px}.noscript{position:fixed;z-index:100;right:20px;bottom:20px;padding:12px 18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
@media(max-width:1020px){.top-nav{gap:16px}.top-nav a{font-size:12px}.brand span{display:none}.resource-layout{grid-template-columns:220px 1fr;gap:24px}.article{padding-right:36px;padding-left:36px}.article-pagination{margin-right:-36px;margin-left:-36px;padding-right:36px;padding-left:36px}}
@media(max-width:780px){.page-container{width:min(calc(100% - 28px),var(--container))}.resource-header,.resource-header.scrolled{height:66px}.header-inner{width:calc(100% - 24px)}.brand img{width:132px}.mobile-nav-toggle{display:block;margin-left:auto}.top-nav{position:fixed;inset:66px 0 auto;display:grid;height:auto;gap:0;padding:14px 24px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(28,65,115,.12);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s}.top-nav.open{opacity:1;visibility:visible;transform:none}.top-nav a{padding:9px 0;border-bottom:0;font-size:14px}.top-nav a::after{display:none}.header-actions{display:none}.resource-hero{min-height:220px;margin-top:66px}.hero-inner{min-height:220px}.hero-inner h1{font-size:34px}.breadcrumb{height:54px}.resource-layout{display:block;padding-top:18px}.catalog{position:relative;top:auto;margin-bottom:16px}.catalog-mobile-head{display:flex;width:100%;justify-content:space-between;align-items:center;padding:13px 16px;background:transparent;border:0;border-bottom:1px solid #e3e9f1;cursor:pointer;text-align:left}.catalog-mobile-head small{display:block;margin-bottom:3px;color:#99a6b5;font-size:9px}.catalog-mobile-head b{font-size:13px}.catalog-mobile-head i{font-style:normal;transition:.2s}.catalog.open .catalog-mobile-head i{transform:rotate(180deg)}.catalog-body{display:none;border-top:0}.catalog.open .catalog-body{display:block}.article{padding:32px 24px 0}.article h1{font-size:28px}.article-toc{display:block}.article-toc>span{display:block;margin-bottom:10px}.info-grid{grid-template-columns:1fr}.process-line{grid-template-columns:1fr}.article-pagination{margin-right:-24px;margin-left:-24px;padding-right:24px;padding-left:24px}.cta-inner{display:block}.cta-button{display:inline-block;margin-top:24px}.footer-inner{grid-template-columns:1fr}.footer-inner div{flex-wrap:wrap}.footer-inner p{text-align:left}}
@media(max-width:480px){.hero-inner{min-height:174px}.hero-inner h1{font-size:29px}.hero-inner>div>p:last-child{font-size:13px}.article{padding:27px 18px 0}.article h1{font-size:25px}.article-lead{font-size:14px}.article-toc{margin:22px 0 30px;padding:14px 15px}.article-pagination{grid-template-columns:1fr;margin-right:-18px;margin-left:-18px;padding:18px}.article-pagination button:last-child{text-align:left}.resource-cta{padding:50px 0}.cta-inner h2{font-size:23px}}
@keyframes hero-breathe{0%{transform:translate3d(-3%,0,0) scale(.94);opacity:.62}100%{transform:translate3d(8%,4%,0) scale(1.12);opacity:1}}
@keyframes hero-gradient{0%{opacity:.48;transform:scale(.92) translate3d(-4%,2%,0);background-position:0 40%}55%{opacity:.88;transform:scale(1.08) translate3d(4%,-2%,0);background-position:72% 58%}100%{opacity:.6;transform:scale(.98) translate3d(-1%,3%,0);background-position:100% 46%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Page surface: the animated hero dissolves into the cool canvas; the two main panels stay white without outlines. */
body{background:#f5f8fd}
.resource-hero{background:radial-gradient(circle at 12% 0,rgba(110,190,255,.42),transparent 58%),radial-gradient(circle at 82% 0,rgba(173,143,255,.28),transparent 62%),linear-gradient(180deg,#eaf3ff 0%,#f5f8fd 100%)}
.catalog{background:#fff;border:0;border-radius:12px;box-shadow:0 8px 30px rgba(31,58,95,.04);overflow:hidden}
.article{background:#fff;border:0;border-radius:12px;box-shadow:var(--shadow)}
.catalog-mobile-head{background:#fff}

/* Fade animated hero layers before the section ends to avoid a hard horizontal seam. */
.resource-hero{isolation:isolate;background:radial-gradient(circle at 12% 0,rgba(110,190,255,.42),transparent 58%),radial-gradient(circle at 82% 0,rgba(173,143,255,.28),transparent 62%),#f5f8fd}
.resource-hero::after{z-index:1;inset:auto 0 0;width:auto;height:126px;background:linear-gradient(180deg,rgba(245,248,253,0) 0%,rgba(245,248,253,.5) 48%,#f5f8fd 100%);animation:none;pointer-events:none}
.resource-hero::before,.hero-grid,.hero-orb{z-index:0}
.hero-inner{z-index:2}

/* Pull the reading area upward as one unit, and use the light SaaS-style footer. */
.breadcrumb{position:relative;z-index:3;margin-top:-40px}
.resource-footer{padding:34px 0;color:#627087;background:#fff;border-top:1px solid #e5ebf3}
.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}
.footer-brand{display:flex;align-items:center;gap:13px}
.footer-inner .footer-brand img{width:118px}
.footer-brand p{padding-left:13px;margin:0;color:#738096;border-left:1px solid #d7e0eb;font-size:11px;text-align:left}
.footer-links{display:flex;gap:22px}
.footer-inner .footer-links a{color:#627087;font-size:12px}
.footer-inner .footer-links a:hover{color:var(--blue)}
.footer-inner>p{margin:0;color:#8b96a7;font-size:11px;text-align:right}
@media(max-width:780px){.footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-content:center}.footer-inner>p{text-align:center}}

/* The reading cards now occupy the former breadcrumb row. */
.resource-layout{position:relative;z-index:3;margin-top:-40px;padding-top:0}

/* Match the homepage contact-section gradient; no layout changes. */
.resource-cta{background:linear-gradient(125deg,#0b4e9f,#1478f2 62%,#19a8f5)}

/* Desktop reading interaction: equal-height panels stay in place; article content scrolls inside. */
@media(min-width:781px){
  .resource-layout{align-items:start}
  .catalog,.article{height:var(--resource-panel-height,calc(100vh - 116px))}
  .catalog,.article{position:sticky;top:92px}
  .catalog{overflow:hidden}
  .catalog-body{height:100%;overflow:hidden;scrollbar-width:thin;scrollbar-color:#c8d5e5 transparent}
  .article{overflow:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8d5e5 transparent}
  .resource-layout.panels-stuck .catalog-body,.resource-layout.panels-stuck .article{overflow-y:auto}
  .catalog-body::-webkit-scrollbar,.article::-webkit-scrollbar{width:6px}
  .catalog-body::-webkit-scrollbar-thumb,.article::-webkit-scrollbar-thumb{background:#c8d5e5;border-radius:6px}
  .catalog-body::-webkit-scrollbar-track,.article::-webkit-scrollbar-track{background:transparent}
  .article{overscroll-behavior:auto}
}

/* Taller desktop reading viewport and steadier nested scrolling. */
@media(min-width:781px){
  .catalog,.article{top:82px;height:var(--resource-panel-height,calc(100dvh - 98px))}
  .catalog-body,.article{scrollbar-gutter:stable}
  .article{scroll-padding-top:28px}
}

/* Prefer a naturally expanded article. Very long articles switch to an internal reading viewport. */
@media(min-width:781px){
  .catalog,.article{position:relative;top:auto;height:var(--resource-panel-height,auto)}
  .catalog-body,.article{overflow:hidden;scrollbar-gutter:auto}
  .resource-layout.article-overflowing .catalog,.resource-layout.article-overflowing .article{position:sticky;top:82px}
  .resource-layout.article-overflowing.panels-stuck .catalog-body,.resource-layout.article-overflowing.panels-stuck .article{overflow-y:auto;scrollbar-gutter:stable}
  .resource-layout.measuring .catalog,.resource-layout.measuring .article{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important}
  .resource-layout.measuring .catalog-body{height:auto!important;overflow:visible!important}
}

/* Keep the catalog independently sticky while the article expands naturally. */
@media(min-width:781px){
  .catalog{position:sticky;top:82px;align-self:start;height:var(--catalog-panel-height,auto)}
  .catalog-body{height:100%;overflow-y:auto;scrollbar-gutter:stable}
  .article{height:var(--article-panel-height,auto)}
  .resource-layout:not(.article-overflowing) .article{position:relative;top:auto}
  .resource-layout.article-overflowing .article{position:sticky;top:82px}
  .resource-layout.measuring .catalog,.resource-layout.measuring .article{height:auto!important}
}

/* Feishu-style reading: a viewport-fixed catalog beside a naturally scrolling document. */
@media(min-width:781px){
  .catalog{position:sticky!important;top:82px!important;height:calc(100dvh - 98px)!important;max-height:860px;overflow:hidden}
  .catalog-body{height:100%;overflow-y:auto;scrollbar-gutter:stable}
  .article,.resource-layout.article-overflowing .article,.resource-layout.measuring .article{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important;scrollbar-gutter:auto}
}

/* Softer hero palette: less violet, with a muted sage transition between blue and lavender. */
.resource-hero{background:radial-gradient(circle at 10% 0,rgba(100,181,247,.4),transparent 56%),radial-gradient(circle at 62% -10%,rgba(117,90,247,.24),transparent 46%),radial-gradient(circle at 96% -8%,rgba(146,188,169,.34),transparent 46%),#f5f8fd}
.hero-grid{opacity:.5;background:radial-gradient(circle at 18% 24%,rgba(78,164,239,.42),rgba(130,193,224,.14) 28%,transparent 50%),radial-gradient(circle at 61% 8%,rgba(137,104,247,.2),rgba(170,145,248,.08) 28%,transparent 46%),radial-gradient(circle at 94% 3%,rgba(142,184,165,.3),rgba(181,203,192,.11) 30%,transparent 46%);background-size:118% 118%}
.hero-orb-one{background:radial-gradient(circle,rgba(142,180,163,.14),transparent 68%)}

/* Catalog sidebar: the "back to homepage" link rendered as a regular menu row. */
.catalog-back{margin-top:8px}
.catalog-back:hover span{transform:translateX(-2px)}
.catalog-back span{transition:transform .2s ease}