/* Public editorial storefront. The agent dashboard keeps its own stylesheet. */
:root { --brand-navy:#102d3e; --brand-ink:#102638; --brand-teal:#087469; --brand-mint:#b9efdc; --brand-cream:#f5f3ed; }
html { scroll-padding-top:85px; }
body { background:#f7f9f7; overflow-x:clip; }
.reading-progress { position:fixed; z-index:60; top:0; left:0; width:100%; height:3px; background:#28b990; transform:scaleX(0); transform-origin:left; pointer-events:none; }
.site-header { position:sticky; top:0; z-index:40; background:#f9fbf9f0; border-bottom:1px solid #d9e5e3; }
.nav-wrap { min-height:76px; }
.site-nav a { font-weight:720; }
.site-nav .nav-login { display:inline-flex; align-items:center; gap:13px; padding:11px 18px; border-radius:100px; background:var(--brand-navy); }
.site-nav .nav-login span { transition:transform .25s ease; }
.site-nav .nav-login:hover span { transform:translate(3px,-3px); }
.site-brand { letter-spacing:.11em; }
.hero-section { background:#102d3e; color:#fff; }
.hero-section::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 30% 15%,#214b51 0,transparent 33%),linear-gradient(115deg,#102d3e 35%,#153c45); pointer-events:none; }
.hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:clamp(30px,4vw,65px); min-height:680px; padding-block:75px 68px; align-items:center; }
.hero-copy { padding:0; }
.hero-copy .eyebrow { color:#a7e6d2; font-size:.74rem; letter-spacing:.17em; }
.hero-copy h1 { margin:27px 0 24px; color:#fff; font-size:clamp(3.15rem,4.8vw,5rem); line-height:1.12; letter-spacing:-.075em; font-weight:860; white-space:nowrap; }
.hero-copy h1 em { color:#8ce2bd; font-style:normal; white-space:normal; }
.hero-desc { max-width:510px; color:#d5e5e5; font-size:1.05rem; line-height:1.88; }
.hero-actions { margin-top:34px; }
.hero-section .btn--primary, .contact-section .btn--primary { color:#082e32; background:#9cebc7; box-shadow:0 15px 35px #071a2033; }
.hero-section .btn--primary:hover, .contact-section .btn--primary:hover { background:#c0ffdd; color:#082e32; }
.hero-section .btn--ghost { color:#eff9f7; border-color:#7fadb0; background:#ffffff0d; }
.hero-section .btn--ghost:hover { color:#102d3e; background:#fff; }
.hero-caption { color:#a9c6c9; font-size:.78rem; }
.hero-caption .caption-line { background:#69c9b3; }
.hero-visual { min-height:530px; width:100%; transform:none !important; perspective:none; }
.hero-photo-frame { position:absolute; inset:0 7% 0 3%; overflow:hidden; border-radius:220px 18px 18px 18px; box-shadow:0 50px 75px #061e2c70; }
.hero-photo-frame::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#0d2b3447,transparent 32%),linear-gradient(0deg,#0a26359c,transparent 38%); }
.hero-photo-frame img { width:100%; height:100%; object-fit:cover; object-position:59% center; filter:saturate(.86); transition:transform 1.2s ease; }
.hero-visual:hover .hero-photo-frame img { transform:scale(1.055); }
.hero-picture-label { position:absolute; bottom:23px; left:7%; display:grid; gap:3px; z-index:1; color:white; text-shadow:0 2px 15px #081d2c; }
.hero-picture-label span { font-size:.66rem; letter-spacing:.18em; font-weight:800; }
.hero-picture-label b { font-size:1.05rem; }
.hero-floating-card { position:absolute; top:10%; left:-2%; z-index:3; display:flex; align-items:flex-start; gap:14px; width:min(245px,48%); padding:18px; border:1px solid #ffffffc5; border-radius:15px; color:#14394a; background:#fffef9f2; box-shadow:0 25px 50px #071f3270; animation:float-note 6s ease-in-out infinite; }
.hero-floating-card .pulse-dot { width:10px; height:10px; flex:0 0 auto; margin-top:5px; border-radius:50%; background:#18a474; box-shadow:0 0 0 6px #d4f6e5; }
.hero-floating-card small, .hero-floating-card strong, .hero-floating-card div>span { display:block; }
.hero-floating-card small { color:#6e838b; font-size:.64rem; letter-spacing:.05em; }
.hero-floating-card strong { margin-top:4px; font-size:.86rem; line-height:1.42; }
.hero-floating-card div>span { margin-top:9px; color:#087469; font-size:.68rem; font-weight:800; }
.hero-side-stamp { position:absolute; right:4%; bottom:6%; z-index:2; display:grid; place-items:center; width:102px; height:102px; border:1px solid #d4fcdd; border-radius:50%; color:#ebfff8; background:#0a534bbd; font-size:.63rem; letter-spacing:.1em; font-weight:850; line-height:1.2; text-align:center; transform:rotate(12deg); }
.hero-side-stamp i { font-style:normal; font-size:1.3rem; line-height:1; }
.hero-bottom { position:relative; border-color:#ffffff2b; color:#a9c9ce; }
.hero-bottom div { color:#d4efea; }
.manifesto-section { padding:112px 0 123px; background:#f3f3ed; overflow:hidden; }
.manifesto-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:clamp(50px,9vw,150px); }
.manifesto-copy h2, .editorial-copy h2 { margin:14px 0 22px; color:#102d3e; font-size:clamp(2.6rem,4.4vw,4.7rem); line-height:1.18; letter-spacing:-.065em; }
.manifesto-copy p, .editorial-copy>p { max-width:510px; color:#526876; font-size:1rem; line-height:1.95; }
.text-link { display:inline-flex; align-items:center; gap:18px; margin-top:21px; padding-bottom:7px; border-bottom:1px solid #087469; color:#076c61; text-decoration:none; font-size:.93rem; font-weight:800; transition:gap .25s ease,color .25s ease; }
.text-link:hover { gap:26px; color:#06463f; }
.paper-stack { position:relative; height:460px; }
.paper-sheet { position:absolute; width:min(100%,520px); height:425px; border:1px solid #e3e6e0; background:#fffefa; box-shadow:0 35px 55px #163c3b25; }
.paper-sheet--back { inset:30px auto auto 40px; transform:rotate(7deg); background:#d5e9e4; }
.paper-sheet--front { inset:0 auto auto 0; padding:31px 39px; transform:rotate(-2.5deg); }
.paper-top { display:flex; justify-content:space-between; border-bottom:1px solid #cedbd8; padding-bottom:14px; color:#184650; font-size:.7rem; letter-spacing:.1em; }
.paper-top b { font-size:1.1rem; }
.paper-kicker { display:block; margin-top:29px; color:#067468; font-size:.65rem; font-weight:850; letter-spacing:.2em; }
.paper-sheet h3 { margin:10px 0 25px; color:#153041; font-size:1.75rem; line-height:1.25; }
.paper-line { display:grid; grid-template-columns:37px 1fr auto; align-items:center; gap:8px; padding:12px 0; border-top:1px solid #e4ece8; color:#315967; font-size:.77rem; }
.paper-line>span { color:#087469; font-weight:850; }
.paper-line i { color:#65827f; font-style:normal; }
.paper-foot { display:flex; justify-content:space-between; margin-top:16px; color:#7c9697; font-size:.64rem; }
.paper-foot strong { color:#087469; font-size:1.5rem; }
.solutions-section { background:#fff; }
.section-heading--split { display:flex; justify-content:space-between; align-items:end; gap:40px; text-align:left; }
.section-heading--split h2 { margin-bottom:0; }
.section-heading--split p { width:min(100%,390px); margin:0 0 9px; text-align:left; }
.solutions-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.solution-card { overflow:hidden; border:1px solid #d7e4e2; border-radius:17px; background:#fff; box-shadow:0 15px 38px #143d4b0d; transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease; }
.solution-card:hover { transform:translateY(-9px); border-color:#94c7ba; box-shadow:0 26px 45px #143d4b1d; }
.solution-head { display:flex; justify-content:space-between; padding:19px 23px; border-bottom:1px solid #e5efec; color:#355b63; font-size:.67rem; font-weight:850; letter-spacing:.12em; }
.solution-head span:last-child { color:#0d7a6d; font-size:1.15rem; line-height:1; }
.solution-art { position:relative; height:265px; overflow:hidden; }
.solution-art--chat { display:grid; place-items:center; background:radial-gradient(circle at 85% 20%,#b4ecc7,transparent 40%),#e9f6ec; }
.art-phone { width:197px; height:255px; margin-top:47px; padding:14px 13px; border:7px solid #143545; border-radius:27px 27px 0 0; background:#f8fbf7; box-shadow:15px 20px 27px #113b4738; transform:rotate(-6deg); transition:transform .35s ease; }
.solution-card:hover .art-phone { transform:rotate(-2deg) translateY(-8px); }
.art-phone-head { display:flex; align-items:center; gap:7px; padding-bottom:11px; color:#233f42; font-size:.61rem; font-weight:850; }
.art-phone-head i { width:18px; height:18px; border-radius:6px; background:#087469; }
.art-phone-head span { margin-left:auto; }
.art-phone p { width:max-content; max-width:150px; margin:11px 0; padding:7px; border-radius:8px; font-size:.53rem; line-height:1.45; box-shadow:0 2px 5px #17332e12; }
.chat-out { margin-left:auto !important; background:#d9f3de; }
.chat-in { background:#fff; }
.art-handoff { margin-top:7px; padding:8px; border-radius:8px; color:#12675e; background:#d9eee5; font-size:.55rem; font-weight:850; }
.solution-art--photo img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.solution-card:hover .solution-art--photo img { transform:scale(1.07); }
.photo-tag { position:absolute; right:15px; bottom:15px; display:grid; gap:3px; padding:12px 14px; border-radius:8px; background:#fffef2ef; box-shadow:0 10px 22px #142c3040; }
.photo-tag small { color:#697f81; font-size:.53rem; letter-spacing:.12em; }
.photo-tag strong { color:#1d5559; font-size:.73rem; }
.solution-art--dashboard { display:grid; align-items:end; padding:38px 20px 0; background:radial-gradient(circle at 80% 20%,#426175,transparent 40%),#16384b; }
.mini-dash { height:238px; padding:14px; border-radius:9px 9px 0 0; background:#f9fcfb; box-shadow:0 13px 34px #071e2e75; transform:rotate(3deg); transition:transform .35s ease; }
.solution-card:hover .mini-dash { transform:rotate(0) translateY(-7px); }
.mini-dash-top { display:flex; align-items:center; gap:8px; color:#1c4e53; font-size:.6rem; font-weight:800; }
.mini-dash-top b { display:grid; place-items:center; width:19px; height:19px; border-radius:5px; color:#fff; background:#087469; }
.mini-dash-top i { margin-left:auto; font-style:normal; }
.mini-dash-title { margin:20px 0 11px; color:#18394a; font-size:.88rem; font-weight:850; }
.mini-dash-row { display:flex; align-items:center; gap:8px; margin-top:5px; padding:7px; border:1px solid #e4ebec; border-radius:5px; color:#2d4e59; font-size:.56rem; }
.mini-dash-row span { color:#087469; }
.mini-dash-row i { margin-left:auto; color:#8e641f; font-style:normal; }
.solution-body { padding:23px 24px 28px; }
.solution-body h3 { margin:0 0 10px; color:#112f40; font-size:1.48rem; line-height:1.35; }
.solution-body p { min-height:83px; margin:0; color:#536b76; font-size:.84rem; line-height:1.75; }
.solution-body a { display:inline-flex; gap:12px; margin-top:16px; color:#087469; font-size:.84rem; font-weight:850; text-decoration:none; }
.solution-body a span { transition:transform .2s; }
.solution-body a:hover span { transform:translate(3px,-3px); }
.section-caveat { margin:22px 0 0; color:#74858c; font-size:.74rem; }
.spectrum-section { padding:65px 0; color:#ddf2eb; background:#0f3b43; }
.spectrum-grid { display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:50px; }
.spectrum-section .section-kicker { color:#8ce2bd; }
.spectrum-section h2 { margin:12px 0; color:#fff; font-size:clamp(1.7rem,2.7vw,2.7rem); line-height:1.35; }
.spectrum-section p { max-width:500px; margin:0; color:#b6d5d5; font-size:.83rem; line-height:1.8; }
.spectrum-tags { display:flex; flex-wrap:wrap; gap:9px; }
.spectrum-tags span { padding:9px 15px; border:1px solid #5e9392; border-radius:100px; color:#ecfff9; font-size:.77rem; font-weight:750; transition:background .25s,transform .25s; }
.spectrum-tags span:hover { background:#2e7e72; transform:translateY(-3px); }
.demo-section { background:#eaf3f2; }
.demo-copy h2 span { color:#087469; }
.editorial-section { padding:110px 0; background:#f8f9f5; }
.editorial-grid { display:grid; grid-template-columns:1fr .82fr; gap:clamp(40px,7vw,115px); align-items:center; }
.editorial-photo { position:relative; height:530px; overflow:hidden; border-radius:13px; box-shadow:0 35px 55px #17414126; }
.editorial-photo img { width:100%; height:100%; object-fit:cover; }
.editorial-photo span { position:absolute; right:0; bottom:0; padding:13px 19px; color:#fff; background:#123f48cc; font-size:.64rem; font-weight:850; letter-spacing:.13em; }
.editorial-copy h2 { font-size:clamp(2.4rem,4vw,4rem); }
.editorial-check { display:flex; align-items:center; gap:15px; padding:15px 0; border-top:1px solid #d7e3df; }
.editorial-check>span { display:grid; place-items:center; width:29px; height:29px; flex:0 0 auto; border-radius:50%; color:#fff; background:#087469; }
.editorial-check b,.editorial-check small { display:block; }
.editorial-check b { color:#1b3e4e; font-size:.86rem; }
.editorial-check small { color:#697d84; font-size:.75rem; }
.trust-section { background:#f8f9f5; }
.trust-card { border-radius:14px; }
.journal-section { background:#fff; }
.journal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; }
.journal-card { display:block; overflow:hidden; border:1px solid #dce7e4; border-radius:12px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 16px 34px #143c4e12; transition:transform .3s,box-shadow .3s; }
.journal-card:hover { transform:translateY(-7px); box-shadow:0 25px 42px #143c4e26; }
.journal-image { display:block; height:260px; overflow:hidden; }
.journal-image img { width:100%; height:100%; object-fit:cover; transition:transform .55s; }
.journal-card:hover img { transform:scale(1.06); }
.journal-body { display:grid; gap:13px; padding:25px 27px 28px; }
.journal-category { color:#087469; font-size:.7rem; font-weight:800; letter-spacing:.02em; }
.journal-body strong { max-width:480px; color:#143444; font-size:1.43rem; line-height:1.45; }
.journal-link { display:flex; justify-content:space-between; margin-top:10px; color:#087469; font-size:.83rem; font-weight:850; }
.journal-all { margin-top:30px; }
.faq-section { background:#f8f9f5; }
.contact-section { overflow:hidden; padding:95px 0; background:#0d2d3c; color:#fff; }
.contact-grid { display:grid; grid-template-columns:1fr .85fr; gap:clamp(40px,8vw,115px); align-items:center; }
.contact-copy .section-kicker { color:#9de7c6; }
.contact-copy h2 { margin:13px 0 20px; font-size:clamp(3rem,5.2vw,5.3rem); line-height:1.15; letter-spacing:-.06em; }
.contact-copy h2 em { color:#8ce5bb; font-style:normal; }
.contact-copy>p { max-width:540px; color:#d0e0e2; font-size:1rem; line-height:1.85; }
.contact-actions { display:flex; flex-wrap:wrap; gap:11px; margin:30px 0 25px; }
.copy-line { padding:12px 17px; border:1px solid #80a9a9; border-radius:9px; color:#fff; background:#ffffff0c; font-size:.82rem; font-weight:750; transition:background .2s,transform .2s; }
.copy-line:hover { background:#ffffff25; transform:translateY(-2px); }
.copy-line.is-copied { color:#0d3b3c; border-color:#9cebc7; background:#9cebc7; }
.copy-line span { margin-left:10px; }
.contact-copy>small { color:#a9c7c8; font-size:.7rem; }
.contact-art { position:relative; min-height:360px; padding:34px; border:1px solid #a3dfcb6b; border-radius:17px; background:radial-gradient(circle at 100% 0,#258173 0,transparent 35%),#174457; box-shadow:24px 25px 0 #77cbb824; transform:rotate(2deg); }
.contact-art-top { display:flex; justify-content:space-between; color:#abddd4; font-size:.64rem; font-weight:850; letter-spacing:.12em; }
.contact-art-top span:last-child { font-size:1.5rem; }
.contact-art-label { display:block; margin-top:48px; color:#8de5c6; font-size:.68rem; letter-spacing:.17em; }
.contact-art>strong { display:block; margin-top:13px; font-size:clamp(1.65rem,3vw,2.5rem); line-height:1.35; }
.contact-line { display:flex; align-items:center; gap:20px; margin-top:27px; padding:13px 0; border-top:1px solid #ffffff52; border-bottom:1px solid #ffffff52; }
.contact-line span { color:#9fcfce; font-size:.68rem; letter-spacing:.1em; }
.contact-line b { font-size:1.25rem; }
.contact-line i { margin-left:auto; font-style:normal; }
.contact-art-foot { margin-top:27px; color:#9bc3c6; font-size:.58rem; letter-spacing:.12em; }
.site-footer { padding:45px 0 20px; }
.footer-inner { align-items:flex-start; }
.footer-inner>div:first-child p { margin-top:12px; }
.footer-links { display:flex; flex-wrap:wrap; gap:20px; }
.footer-links a { color:#bfe8e1; text-decoration:none; font-size:.8rem; }
.footer-links a:hover { color:#fff; }
.footer-legal { margin-top:35px; padding-top:16px; border-top:1px solid #ffffff23; color:#95b6be; font-size:.68rem; }
.articles-main { min-height:70vh; padding:37px 0 100px; background:#f7f9f7; }
.breadcrumb { display:flex; flex-wrap:wrap; gap:10px; color:#6f8389; font-size:.74rem; }
.breadcrumb a { color:#087469; text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline; }
.articles-intro { max-width:820px; padding:75px 0 54px; }
.articles-intro h1 { margin:15px 0; color:#102d3e; font-size:clamp(3.1rem,6vw,5.8rem); line-height:1.17; letter-spacing:-.07em; }
.articles-intro h1 em { color:#087469; font-style:normal; }
.articles-intro p { max-width:640px; color:#516b74; font-size:1.03rem; line-height:1.8; }
.article-main { padding:34px 0 110px; background:#fafbf8; }
.article-container { max-width:1160px; }
.article-head { max-width:850px; margin:66px 0 48px; }
.article-head h1 { margin:15px 0 23px; color:#102d3e; font-size:clamp(2.6rem,5.2vw,5rem); line-height:1.18; letter-spacing:-.06em; }
.article-head>p { color:#516a73; font-size:1.12rem; line-height:1.9; }
.article-meta { display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:25px; color:#5f777b; font-size:.75rem; }
.article-meta span+span::before { content:"·"; margin-right:24px; }
.article-cover { margin:0; }
.article-cover img { display:block; width:100%; max-height:560px; object-fit:cover; border-radius:13px; }
.article-cover figcaption { margin-top:10px; color:#7b8e91; font-size:.69rem; }
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; align-items:start; gap:85px; margin-top:70px; }
.article-prose { max-width:720px; color:#334c56; font-size:1.02rem; line-height:2; }
.article-prose h2 { margin:45px 0 12px; color:#123448; font-size:1.55rem; line-height:1.45; }
.article-prose h2:first-child { margin-top:0; }
.article-prose p { margin:0 0 21px; }
.article-prose ol { padding-left:1.5em; }
.article-prose li { padding:5px 0; }
.article-note { margin-top:45px !important; padding:22px 24px; border-left:4px solid #087469; background:#edf6f2; color:#37636a; font-size:.86rem; }
.article-aside { position:sticky; top:110px; padding:25px; border-radius:12px; color:#fff; background:#123b48; }
.article-aside>span { color:#8fe1c7; font-size:.6rem; font-weight:800; letter-spacing:.13em; }
.article-aside h2 { margin:15px 0; font-size:1.4rem; line-height:1.4; }
.article-aside p { color:#ccdedf; font-size:.8rem; line-height:1.75; }
.article-aside .btn { margin-top:9px; }
.article-next { display:flex; justify-content:space-between; margin-top:85px; padding-top:22px; border-top:1px solid #d1dedd; color:#738a90; font-size:.84rem; }
.article-next a { color:#087469; font-weight:800; text-decoration:none; }
@keyframes float-note { 50% { transform:translateY(9px); } }
@media (max-width:1050px) {
  .hero-grid { grid-template-columns:.8fr 1.2fr; gap:20px; }
  .hero-copy h1 { font-size:clamp(2.8rem,5.1vw,4.4rem); }
  .hero-floating-card { left:0; }
  .solutions-grid { gap:12px; }
  .solution-body { padding:20px; }
}
@media (max-width:900px) {
  .hero-grid { display:block; min-height:0; padding-block:65px 50px; }
  .hero-copy { max-width:690px; }
  .hero-copy h1 { font-size:clamp(3.1rem,8vw,5rem); }
  .hero-visual { height:560px; min-height:0; max-width:690px; margin:50px auto 0; }
  .manifesto-grid,.editorial-grid,.contact-grid { grid-template-columns:1fr; }
  .spectrum-grid { grid-template-columns:1fr; gap:27px; }
  .manifesto-grid { gap:60px; }
  .paper-stack { max-width:560px; }
  .solutions-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .solution-card:last-child { grid-column:span 2; }
  .solution-card:last-child .solution-art { height:245px; }
  .section-heading--split { display:block; }
  .section-heading--split p { margin-top:22px; }
  .editorial-photo { max-width:690px; }
  .contact-art { max-width:620px; }
  .article-layout { grid-template-columns:1fr; gap:35px; }
  .article-aside { position:static; max-width:500px; }
}
@media (max-width:680px) {
  .site-header .site-nav { background:#f7fbf9; }
  .hero-grid { padding-block:52px 28px; }
  .hero-copy h1 { font-size:clamp(2.55rem,10.9vw,4rem); }
  .hero-desc { font-size:.94rem; }
  .hero-visual { width:100%; height:390px; margin-top:36px; left:auto; transform:none !important; }
  .hero-photo-frame { inset:0 2% 0 0; border-radius:130px 15px 15px 15px; }
  .hero-floating-card { top:7%; left:0; width:210px; padding:12px; }
  .hero-side-stamp { width:80px; height:80px; font-size:.47rem; }
  .hero-picture-label b { font-size:.78rem; }
  .hero-bottom div { gap:10px 16px; }
  .manifesto-section { padding:75px 0 85px; }
  .paper-stack { height:360px; }
  .paper-sheet { height:340px; }
  .paper-sheet--back { left:18px; }
  .paper-sheet--front { padding:20px 25px; }
  .paper-kicker { margin-top:15px; }
  .paper-sheet h3 { margin-bottom:12px; font-size:1.4rem; }
  .paper-line { padding:8px 0; font-size:.66rem; }
  .paper-foot { margin-top:8px; }
  .solutions-grid,.journal-grid { grid-template-columns:1fr; }
  .solution-card:last-child { grid-column:auto; }
  .solution-art { height:240px; }
  .solution-body p { min-height:0; }
  .editorial-section { padding:75px 0; }
  .editorial-photo { height:380px; }
  .contact-section { padding:75px 0; }
  .contact-art { min-height:320px; padding:27px; }
  .contact-actions .btn,.contact-actions .copy-line { width:100%; justify-content:center; text-align:center; }
  .footer-links { gap:12px 18px; }
  .article-head { margin-block:48px 33px; }
  .article-layout { margin-top:43px; }
  .article-cover img { max-height:360px; }
  .articles-intro { padding:57px 0 40px; }
}
@media (max-width:400px) {
  .hero-visual { height:345px; }
  .hero-floating-card { width:185px; }
  .hero-floating-card strong { font-size:.75rem; }
  .hero-side-stamp { display:none; }
  .paper-sheet--front { padding:17px 20px; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-floating-card { animation:none; }
  .solution-card:hover,.journal-card:hover,.copy-line:hover { transform:none; }
}