@charset "utf-8";

/* ==========================================================================
   梦漫 · mengmanmanga.com
   视觉方向 B2「赛博二次元」：深紫黑画布 + 荧光品红 / 电光青蓝 / 电光紫
   渲染语言（本品牌第 12 种）「霓虹切角终端」：
     卡片 0 圆角 + 右上/左下切角 + 1px 电光青发丝描边 + 四角 HUD 取景框
     + 区块之间 .databand 数据流带 + 全站竖向扫描线
   ========================================================================== */

@font-face{
  font-family:"Orbitron";
  src:url("../fonts/orbitron.woff2") format("woff2");
  font-weight:400 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --bg:#07060E;
  --bg2:#0D0A1B;
  --card:#120C24;
  --card2:#1A1136;
  --line:rgba(155,123,255,.22);
  --line2:rgba(35,229,255,.30);
  --pink:#FF2D9B;
  --pink-d:#C4106F;
  --pink-l:#FFD3EC;
  --cyan:#23E5FF;
  --cyan-d:#0E93B4;
  --violet:#9B7BFF;
  --ink:#F3F0FF;
  --ink2:#BDB5DC;
  --ink3:#8C84AC;
  --wrap:1180px;
  --ff:"Orbitron","Segoe UI",system-ui,-apple-system,"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  font-family:var(--ff);
  font-size:16px;
  line-height:1.85;
  color:var(--ink2);
  background:var(--bg);
  background-image:
    repeating-linear-gradient(90deg,rgba(35,229,255,.030) 0 1px,transparent 1px 27px),
    radial-gradient(760px 460px at 8% -4%,rgba(255,45,155,.20),transparent 68%),
    radial-gradient(680px 420px at 96% 12%,rgba(35,229,255,.14),transparent 70%);
  background-attachment:fixed,fixed,fixed;
}

img{max-width:100%;height:auto;display:block}
a{color:var(--cyan);text-decoration:none}
a:hover{color:var(--pink-l)}
h1,h2,h3,h4{margin:0;color:var(--ink);line-height:1.32;font-weight:800}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font-family:inherit}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}

.skip{
  position:absolute;left:0;top:0;width:1px;height:1px;
  clip-path:inset(50%);overflow:hidden;white-space:nowrap;
}

/* ---------- 顶栏 ---------- */
.top{
  position:sticky;top:0;z-index:60;
  background:rgba(7,6,14,.90);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.top__in{
  max-width:var(--wrap);margin:0 auto;padding:12px 26px;
  display:flex;align-items:center;gap:20px;
}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.brand img{width:38px;height:38px}
.brand b{font-size:19px;color:var(--ink);letter-spacing:.06em;font-weight:800}
.brand span{font-size:11px;color:var(--ink3);letter-spacing:.22em;text-transform:uppercase}

.nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav a{
  display:block;padding:8px 13px;font-size:14.5px;color:var(--ink2);
  border-bottom:2px solid transparent;
}
.nav a:hover{color:var(--ink);border-bottom-color:var(--line2)}
.nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--pink)}

.burger{
  display:none;margin-left:auto;width:42px;height:38px;
  background:transparent;border:1px solid var(--line);color:var(--ink2);
  cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
}
.burger i{display:block;width:18px;height:2px;margin:3px auto;background:currentColor}
.burger[aria-expanded="true"]{color:var(--pink)}

/* ---------- 按钮（第 12 种 CTA 形制：切角终端） ---------- */
.btn{
  display:inline-block;padding:14px 30px;font-size:16px;font-weight:800;
  color:#0A0616;background:linear-gradient(92deg,var(--pink) 0%,var(--violet) 100%);
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
  box-shadow:inset 4px 0 0 rgba(255,255,255,.9);
  transition:transform .18s ease,filter .18s ease;
}
.btn:hover{color:#0A0616;transform:translateY(-2px);filter:brightness(1.08)}
.btn--ghost{
  background:transparent;color:var(--cyan);
  box-shadow:inset 0 0 0 1px var(--line2);
  padding:13px 26px;
}
.btn--ghost:hover{color:var(--pink-l);box-shadow:inset 0 0 0 1px var(--pink)}
.btn--sm{padding:10px 18px;font-size:14.5px}

/* 顶栏 / 内页侧栏 / 页脚里的按钮：这几处的 `a` 规则（.nav a / .aside__box a）特异性
   比 .btn 更高，按钮文字会被染成浅色，压在荧光渐变上对比度不足 —— 必须显式压回来。 */
.top .btn,.aside .btn,.foot .btn{color:#0A0616}
.top .btn:hover,.aside .btn:hover,.foot .btn:hover{color:#0A0616}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding:52px 0 0}
.hero::after{
  content:"";position:absolute;left:0;top:0;width:100%;height:100%;
  background:repeating-linear-gradient(0deg,rgba(35,229,255,.05) 0 1px,transparent 1px 22px);
  pointer-events:none;
}
.hero__in{
  position:relative;z-index:2;max-width:var(--wrap);margin:0 auto;padding:0 26px;
  display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px;align-items:center;
}
.kicker{
  display:inline-flex;align-items:center;gap:9px;
  font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);
  padding:6px 14px;background:rgba(35,229,255,.07);
  box-shadow:inset 0 0 0 1px var(--line2);
}
.kicker::before{
  content:"";width:7px;height:7px;background:var(--pink);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.hero h1{
  margin:20px 0 0;font-size:46px;line-height:1.2;letter-spacing:.01em;
  background:linear-gradient(96deg,#FFFFFF 0%,#FFFFFF 42%,var(--pink) 74%,var(--cyan) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.lead{margin:18px 0 0;max-width:620px;font-size:16.5px;color:var(--ink2)}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 0}
.hero__meta{
  display:flex;flex-wrap:wrap;gap:10px 26px;margin:24px 0 0;
  padding:14px 0 0;border-top:1px solid var(--line);
  font-size:13.5px;color:var(--ink3);
}
.hero__meta p{display:flex;align-items:center;gap:8px}
.hero__meta p::before{content:"";width:6px;height:6px;background:var(--violet)}

.hero__shot{position:relative;z-index:2;max-width:300px;margin:0 auto;padding-bottom:34px}
.hero__shot img{
  width:100%;height:auto;
  box-shadow:0 0 0 1px var(--line2),0 0 0 5px rgba(255,45,155,.14),0 22px 60px rgba(0,0,0,.6);
}
.hero__shot figcaption{
  margin-top:12px;font-size:12.5px;color:var(--ink3);text-align:center;
}
.hero__shot::before,.hero__shot::after{
  content:"";position:absolute;width:26px;height:26px;pointer-events:none;
}
.hero__shot::before{left:-11px;top:-11px;border-left:2px solid var(--cyan);border-top:2px solid var(--cyan)}
.hero__shot::after{right:-11px;bottom:23px;border-right:2px solid var(--pink);border-bottom:2px solid var(--pink)}

/* ---------- 事实带 ---------- */
.facts{margin:0 0 0}
.facts__in{
  max-width:var(--wrap);margin:0 auto;padding:0 26px;
  display:grid;grid-template-columns:repeat(4,1fr);
  background:linear-gradient(180deg,var(--card) 0%,rgba(18,12,36,.55) 100%);
  box-shadow:inset 0 0 0 1px var(--line);
}
.facts__i{padding:22px 20px;box-shadow:inset -1px 0 0 var(--line)}
.facts__i:last-child{box-shadow:none}
.facts__i b{display:block;font-size:14px;color:var(--cyan);letter-spacing:.06em}
.facts__i p{margin-top:7px;font-size:14px;color:var(--ink2)}

/* ---------- 区块壳 ---------- */
.sec{padding:74px 0 0}
.sec--tight{padding-top:56px}
.sec--last{padding-bottom:0}

.h2{
  position:relative;padding-left:22px;font-size:27px;letter-spacing:.01em;
  margin-bottom:14px;
}
.h2::before{
  content:"";position:absolute;left:0;top:8px;width:11px;height:11px;
  background:linear-gradient(135deg,var(--pink),var(--violet));
  clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);
}
.h2::after{
  content:"";position:absolute;left:22px;bottom:-11px;width:54px;height:2px;
  background:linear-gradient(90deg,var(--pink),var(--cyan));
}
.h2--sub{font-size:21px}
.sub{margin-top:20px;max-width:820px;font-size:15.5px;color:var(--ink2)}

.databand{
  position:relative;height:30px;margin:64px 0 0;overflow:hidden;
  background:
    repeating-linear-gradient(116deg,rgba(35,229,255,.17) 0 2px,transparent 2px 15px),
    linear-gradient(90deg,transparent 0%,rgba(255,45,155,.16) 50%,transparent 100%);
  box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line);
}
.databand::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:170px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  animation:tickFlow 6s linear infinite;
}

/* ---------- 周期主轴：首页的 A2 更新周期风主线 ---------- */
.cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.cycle__i{
  position:relative;padding:22px 20px 20px;
  background:linear-gradient(180deg,var(--card2) 0%,var(--card) 100%);
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
  box-shadow:inset 0 0 0 1px var(--line);
}
.cycle__i::before,.cycle__i::after{content:"";position:absolute;pointer-events:none}
.cycle__i::before{left:9px;top:9px;width:15px;height:15px;border-left:1px solid var(--cyan);border-top:1px solid var(--cyan)}
.cycle__i::after{right:9px;bottom:9px;width:15px;height:15px;border-right:1px solid var(--pink);border-bottom:1px solid var(--pink)}
.tick{
  display:inline-block;font-size:12px;letter-spacing:.18em;color:var(--cyan);
  padding:3px 9px;box-shadow:inset 0 0 0 1px var(--line2);
}
.cycle__i h3{margin:14px 0 0;font-size:19px}
.cycle__i h3 em{font-style:normal;color:var(--pink)}
.scale{display:flex;gap:3px;align-items:flex-end;height:34px;margin:16px 0 0}
.scale i{flex:1;background:linear-gradient(180deg,var(--cyan),rgba(35,229,255,.16))}
.scale i:nth-child(2n){background:linear-gradient(180deg,var(--pink),rgba(255,45,155,.16))}
.scale i:nth-child(1){height:30%}.scale i:nth-child(2){height:52%}
.scale i:nth-child(3){height:38%}.scale i:nth-child(4){height:74%}
.scale i:nth-child(5){height:46%}.scale i:nth-child(6){height:88%}
.scale i:nth-child(7){height:60%}.scale i:nth-child(8){height:100%}
.cycle__i dl{margin:14px 0 0;font-size:14px}
.cycle__i dt{color:var(--ink);font-weight:700;font-size:14px}
.cycle__i dd{margin:2px 0 10px;color:var(--ink2)}
.cycle__i dd:last-child{margin-bottom:0}

/* ---------- 紧排要点 ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;margin-top:34px}
.panel{
  position:relative;padding:26px 24px;
  background:linear-gradient(180deg,var(--card2) 0%,var(--card) 100%);
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
  box-shadow:inset 0 0 0 1px var(--line);
}
.panel h3{margin:0 0 12px;font-size:20px}
.panel h3 span{color:var(--pink);font-size:13px;letter-spacing:.16em;margin-right:10px}
.steps{counter-reset:s}
.steps li{position:relative;padding:0 0 16px 40px;font-size:15px}
.steps li::before{
  counter-increment:s;content:counter(s,decimal-leading-zero);
  position:absolute;left:0;top:2px;width:28px;height:22px;
  font-size:12px;line-height:22px;text-align:center;color:var(--cyan);
  box-shadow:inset 0 0 0 1px var(--line2);
}
.steps li:last-child{padding-bottom:0}
.steps li b{color:var(--ink)}

.plist li{position:relative;padding-left:20px;margin-bottom:11px;font-size:15px}
.plist li::before{
  content:"";position:absolute;left:0;top:11px;width:8px;height:8px;
  background:var(--violet);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.plist li:last-child{margin-bottom:0}
.plist b{color:var(--ink)}

/* ---------- 预览栅格 ---------- */
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:34px}
.shot{
  background:linear-gradient(180deg,var(--card2) 0%,var(--card) 100%);
  padding:14px 14px 16px;
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
  box-shadow:inset 0 0 0 1px var(--line);
}
.shot img{
  width:100%;height:auto;
  box-shadow:0 0 0 1px var(--line2);
}
.shot figcaption{margin-top:12px;font-size:13.5px;color:var(--ink3)}
.shot figcaption b{display:block;color:var(--ink);font-size:15px}

/* ---------- 入口卡 ---------- */
.entries{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.entry{
  display:block;padding:26px 24px;background:linear-gradient(150deg,var(--card2),var(--card));
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
  box-shadow:inset 0 0 0 1px var(--line);
  transition:transform .18s ease,box-shadow .18s ease;
}
.entry:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--pink)}
.entry em{font-style:normal;font-size:12px;letter-spacing:.18em;color:var(--violet)}
.entry h3{margin:12px 0 8px;font-size:19px}
.entry p{font-size:14.5px;color:var(--ink2)}
.entry u{display:inline-block;margin-top:14px;font-size:14px;color:var(--cyan);text-decoration:none}

/* ---------- 评价 ---------- */
.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:34px}
.quote{
  padding:24px;background:var(--card);
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
  box-shadow:inset 0 0 0 1px var(--line);
}
.quote p{font-size:15px;color:var(--ink2)}
.score{display:flex;align-items:center;gap:10px;margin-top:16px}
.score i{
  display:inline-block;width:15px;height:15px;background:var(--pink);
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
}
.score span{font-size:13px;color:var(--ink3)}

/* ---------- FAQ ---------- */
.faq{margin-top:30px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:6px 0}
.faq summary{
  cursor:pointer;list-style:none;padding:14px 34px 14px 4px;position:relative;
  font-size:16px;font-weight:700;color:var(--ink);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";position:absolute;right:6px;top:13px;color:var(--cyan);font-size:19px;font-weight:700;
}
.faq details[open] summary::after{content:"-";color:var(--pink)}
.faq details p{padding:0 4px 16px;font-size:15px}
.faq details p b{color:var(--ink)}

/* ---------- CTA ---------- */
.cta{margin-top:76px;padding:52px 0;background:linear-gradient(120deg,rgba(255,45,155,.13),rgba(35,229,255,.10));box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}
.cta__in{max-width:var(--wrap);margin:0 auto;padding:0 26px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.cta h2{font-size:25px}
.cta__sub{margin-top:12px;font-size:15px;max-width:640px}

/* ---------- 页脚 ---------- */
.foot{margin-top:0;padding:50px 0 34px;background:var(--bg2);box-shadow:inset 0 1px 0 var(--line)}
.foot__in{max-width:var(--wrap);margin:0 auto;padding:0 26px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.foot h4{font-size:16px;margin-bottom:14px}
.foot p,.foot li{font-size:14px;color:var(--ink3)}
.foot li{margin-bottom:9px}
.foot a{color:var(--ink2)}
.foot a:hover{color:var(--pink)}
.foot__note{max-width:var(--wrap);margin:34px auto 0;padding:20px 26px 0;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink3)}
.foot__note p+p{margin-top:8px}

/* ---------- 内页：横幅 + 锚点条 + 双栏正文 ---------- */
.page-hero{padding:44px 0 40px;background:linear-gradient(150deg,rgba(255,45,155,.14),rgba(35,229,255,.10))}
.page-hero__in{max-width:var(--wrap);margin:0 auto;padding:0 26px}
.page-hero h1{font-size:38px;margin:16px 0 0}
.page-hero .sub{max-width:760px}

.anchors{position:sticky;top:64px;z-index:40;background:rgba(7,6,14,.94);box-shadow:inset 0 -1px 0 var(--line),inset 0 1px 0 var(--line)}
.anchors .wrap{display:flex;gap:6px;overflow-x:auto;padding:10px 26px}
.anchors a{font-size:14px;padding:7px 13px;color:var(--ink3);box-shadow:inset 0 0 0 1px transparent;white-space:nowrap}
.anchors a:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.anchors a[aria-current="true"]{color:var(--cyan);box-shadow:inset 0 0 0 1px var(--line2)}

[id]{scroll-margin-top:132px}

.docgrid{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:44px;padding-top:56px}
.main{min-width:0}
.main h2{margin-top:56px}
.main h2:first-child{margin-top:0}
.main h3{margin:28px 0 10px;font-size:18px;color:var(--cyan)}
.main h3 .tick{margin-right:9px;font-size:11px}
.main p{margin-top:14px;font-size:15.5px}
.main .plist,.main .steps,.main .faq{margin-top:18px}
.block{padding:26px 24px;background:linear-gradient(180deg,var(--card2),var(--card));
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
  box-shadow:inset 0 0 0 1px var(--line);margin-top:26px;}
.block h3{margin-top:0}
.figure{margin:26px 0 0}
.figure img{width:100%;height:auto;max-width:280px;margin:0 auto;box-shadow:0 0 0 1px var(--line2)}
.figure figcaption{margin-top:12px;font-size:13.5px;color:var(--ink3);text-align:center}

.aside{min-width:0}
.aside__box{
  position:sticky;top:132px;padding:22px 20px;
  background:linear-gradient(180deg,var(--card2),var(--card));
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
  box-shadow:inset 0 0 0 1px var(--line);
}
.aside__box h3{font-size:17px;margin:0 0 12px}
.aside__box li{font-size:14px;margin-bottom:9px;color:var(--ink2)}
.aside__box a{color:var(--cyan)}
.aside__box .btn{display:block;text-align:center;margin-top:16px}

/* ---------- 动效（第 12 种：纯 CSS，不依赖 JS 可见性门控） ---------- */
@keyframes tickFlow{from{transform:translateX(-190px)}to{transform:translateX(110vw)}}
@keyframes neonPulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes glowIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.rise{animation:glowIn .55s cubic-bezier(.2,.7,.3,1) both}
.rise--1{animation-delay:.06s}
.rise--2{animation-delay:.13s}
.rise--3{animation-delay:.20s}
.rise--4{animation-delay:.27s}
.kicker::before{animation:neonPulse 2.6s ease-in-out infinite}

@media (prefers-reduced-motion:reduce){
  .rise{animation:none;opacity:1;transform:none}
  .databand::after{animation:none;opacity:0}
  .kicker::before{animation:none}
}

/* ---------- 断点 ≤980 ---------- */
@media (max-width:980px){
  .hero{padding-top:36px}
  .hero__in{grid-template-columns:minmax(0,1fr)}
  .hero h1{font-size:34px}
  .hero__shot{max-width:272px}
  .facts__in{grid-template-columns:repeat(2,1fr)}
  .facts__i{box-shadow:inset -1px 0 0 var(--line),inset 0 -1px 0 var(--line)}
  .cycle{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:minmax(0,1fr);gap:22px}
  .shots{grid-template-columns:repeat(2,1fr);gap:20px}
  .entries{grid-template-columns:minmax(0,1fr);gap:18px}
  .quotes{grid-template-columns:minmax(0,1fr)}
  .docgrid{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:44px}
  .aside__box{position:static}
  .cta__in{grid-template-columns:minmax(0,1fr);gap:22px}
  .foot__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sec{padding-top:58px}
  .h2{font-size:24px}
  .page-hero h1{font-size:30px}
}

/* ---------- 断点 ≤620 ---------- */
@media (max-width:620px){
  body{font-size:15.5px}
  .wrap,.top__in,.hero__in,.facts__in,.cta__in,.foot__in,.page-hero__in,.foot__note,.anchors .wrap{padding-left:17px;padding-right:17px}
  .burger{display:block}
  .nav{
    position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;
    gap:0;padding:6px 17px 14px;background:rgba(9,7,18,.98);
    box-shadow:inset 0 -1px 0 var(--line);display:none;
  }
  .nav a{padding:12px 4px;border-bottom:1px solid var(--line);border-left:2px solid transparent}
  .nav a[aria-current="page"]{border-bottom-color:var(--line);border-left-color:var(--pink)}
  .burger[aria-expanded="true"] ~ .nav{display:flex}
  .top__in .btn--sm{padding:9px 13px;font-size:13.5px}
  .brand span{display:none}
  .hero h1{font-size:27px}
  .hero__shot{max-width:230px}
  .hero__shot::before,.hero__shot::after{width:18px;height:18px}
  .facts__in{grid-template-columns:minmax(0,1fr)}
  .facts__i{box-shadow:inset 0 -1px 0 var(--line)}
  .cycle{grid-template-columns:minmax(0,1fr)}
  .shots{grid-template-columns:minmax(0,1fr)}
  .foot__in{grid-template-columns:minmax(0,1fr)}
  .sec{padding-top:46px}
  .databand{margin-top:44px}
  .h2{font-size:21px;padding-left:19px}
  .h2--sub{font-size:18px}
  .cta{margin-top:54px;padding:38px 0}
  .cta h2{font-size:21px}
  .page-hero{padding:30px 0 28px}
  .page-hero h1{font-size:24px}
  .page-hero .sub{font-size:14.5px}
  .anchors{top:58px}
  .anchors a{font-size:13px;padding:6px 10px}
  .block{padding:20px 16px}
  .panel{padding:20px 16px}
  .main h2{margin-top:42px}
  .figure img{max-width:230px}
}