@font-face{font-family:Pretendard;
src:url('assets/fonts/Pretendard-Light.woff2') format('woff2');
font-weight:300;
font-display:swap}

@font-face{font-family:Pretendard;
src:url('assets/fonts/Pretendard-Regular.woff2') format('woff2');
font-weight:400;
font-display:swap}

@font-face{font-family:Pretendard;
src:url('assets/fonts/Pretendard-SemiBold.woff2') format('woff2');
font-weight:600;
font-display:swap}

@font-face{font-family:Pretendard;
src:url('assets/fonts/Pretendard-Bold.woff2') format('woff2');
font-weight:700;
font-display:swap}

:root{--coral:#ff6978;
--coral-dark:#d94d60;
--ink:#20242a;
--body:#626b77;
--muted:#8b929c;
--stage:#f4f5f7;
--line:#e9ebee;
--peach:#fff4f3;
--font:Pretendard,'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',system-ui,-apple-system,'Noto Sans KR',sans-serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth;
scroll-padding-top:100px}
body{margin:0;
color:var(--ink);
font-family:var(--font);
font-size:17px;
line-height:1.65;
word-break:keep-all;
overflow-wrap:break-word;
background:#fff}
h1,h2,h3,p,figure,blockquote{margin:0}
h1,h2,h3{font-weight:700;
line-height:1.3;
letter-spacing:-.045em}
h1{font-size:60px}
h2{font-size:44px}
h3{font-size:24px}
a{color:inherit;
text-decoration:none}
button{font:inherit}
img{max-width:100%;
height:auto;
display:block}
em{font-style:normal;
color:var(--coral)}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);
outline-offset:5px}
::selection{background:#ffd9dd}
.container{width:min(1120px,calc(100% - 80px));
margin-inline:auto}
.section{padding:100px 0}
.eyebrow{font-size:16px;
font-weight:600;
color:var(--coral-dark);
letter-spacing:-.015em;
margin-bottom:20px}
.section-heading>p:not(.eyebrow){color:var(--body);
margin-top:24px;
font-size:18px;
font-weight:400;
line-height:1.8}
.centered{text-align:center}
.line-icon{width:25px;
height:25px;
display:inline-flex;
flex:none;
color:var(--coral)}
.line-icon svg{width:100%;
height:100%;
display:block}
.button{display:inline-flex;
align-items:center;
justify-content:center;
gap:24px;
padding:15px 23px;
border:0;
border-radius:12px;
background:var(--coral);
color:#fff;
font-size:16px;
font-weight:600;
line-height:1.5;
transition:background .2s,transform .2s;
white-space:nowrap}
.button:hover{background:#ed5a6b;
transform:translateY(-1px)}
.button span{font-size:23px;
font-weight:400;
line-height:1}
.button-small{font-size:14px;
padding:11px 16px;
gap:16px;
border-radius:9px}
.skip-link{position:fixed;
top:-80px;
left:20px;
z-index:100;
background:#fff;
padding:12px 20px}
.skip-link:focus{top:10px}
.site-header{height:74px;
background:rgba(255,255,255,.96);
position:sticky;
top:0;
z-index:30;
border-bottom:1px solid #f0f1f2;
backdrop-filter:blur(12px)}
.navigation{height:100%;
display:flex;
align-items:center;
gap:30px}
.brand{display:inline-flex;
align-items:center;
gap:8px;
flex-shrink:0}
.brand>.wordmark{width:115px;
height:auto}
.brand>img:first-child{border-radius:8px}
.nav-links{display:flex;
align-items:center;
gap:28px;
margin-left:auto}
.nav-links a{font-size:14px;
color:#636b75;
transition:color .2s}
.nav-links a:hover{color:var(--ink)}
.navigation>.button{margin-left:8px}
.menu-button{display:none}

/* Supporting UI labels. */
.example-note{position:absolute;
bottom:17px;
right:24px;
font-size:11px;
color:#9299a2;
line-height:1.4}

.muted-heading{color:#9aa2ae;font-weight:500}

/* Pain Points Empathy Section */
.pain-section{padding:110px 0 60px}
.pain-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center;width:min(1040px,100%);margin:68px auto 0}
.pain-photo-card{position:relative;width:100%;aspect-ratio:1.34;border-radius:28px;overflow:hidden;background:#edeae6;box-shadow:0 16px 36px rgba(35,48,68,.08)}
.pain-photo-card img{width:100%;height:100%;object-fit:cover;display:block}
.pain-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.pain-list{list-style:none;margin:0;padding:0}
.pain-list li{display:flex;align-items:center;gap:18px;font-size:17px;font-weight:500;line-height:1.65;letter-spacing:-.03em;color:var(--ink);padding:20px 0;border-bottom:1px solid #eeeae7;word-break:keep-all}
.pain-list li:first-child{padding-top:0}
.pain-list .list-number{color:#b5aaa9;font-size:13px;font-weight:500;letter-spacing:.06em;flex-shrink:0}
.pain-resolution{display:flex;align-items:center;gap:15px;margin-top:34px}
.pain-resolution-icon{width:48px;height:48px;border-radius:13px;flex-shrink:0;box-shadow:0 4px 12px rgba(175,111,114,.16)}
.pain-resolution-text p{font-size:19px;font-weight:600;line-height:1.4;letter-spacing:-.03em;color:var(--ink);margin:0}
.pain-resolution-text em{font-style:normal;color:var(--coral-dark);font-weight:700}
.pain-resolution-text span{display:block;font-size:14px;color:#7d7171;margin-top:5px;font-weight:400}

/* Three gently fanned cards: a real-use scene, recognition, and the ledger. */
.automation { padding-bottom:100px; overflow:hidden; }
.automation-deck { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;
  width:min(1040px,100%); margin:64px auto 0; padding:16px 0 74px; outline-offset:10px; }
.automation-card { position:relative; isolation:isolate; display:flex; flex-direction:column;
  min-width:0; height:500px; padding:30px 26px; border-radius:28px; overflow:hidden;
  transform-origin:center 80%; box-shadow:0 12px 28px #23304406;
  transition:transform 900ms cubic-bezier(.22,1,.36,1),opacity 650ms ease; }
.automation-card-heading { position:relative; z-index:1; }
.automation-card-label { font-size:13px; font-weight:500; margin-bottom:12px; color:#6f7782; }
.automation-card h3 { font-size:29px; line-height:1.4; letter-spacing:-.04em; }
.automation-card-photo { color:#fff; background:#817269; transform:translateY(16px) rotate(-5deg); }
.automation-card-photo-bg { position:absolute; z-index:-2; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:48% center; }
.automation-card-photo::before { content:""; position:absolute; z-index:-1; inset:0;
  background:linear-gradient(180deg,rgba(24,25,25,.62),rgba(24,25,25,.08) 48%,rgba(24,25,25,.42)); }
.automation-card-photo .automation-card-label { color:#ffffffbf; }

.automation-card-recognition { z-index:2; background:#f5f6f8; transform:translateY(48px); }
.recognized-receipt { margin-top:auto; margin-bottom:20px; padding:18px; background:#fff; border-radius:18px;
  box-shadow:0 8px 20px #23304405; }

.recognized-vendor { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.recognized-vendor strong { font-size:18px; line-height:1.4; }
.recognized-vendor>span { font-size:10px; color:#89929d; }
.recognized-items { margin-top:12px; font-size:12px; }
.recognized-items>div { display:grid; grid-template-columns:1.4fr .7fr 1fr; gap:5px;
  padding:8px 0; border-bottom:1px solid #f1f2f4; }
.recognized-items>div>*:last-child { text-align:right; }
.recognized-items .recognized-columns { font-size:10px; color:#9098a3; padding-top:0; }
.recognized-total { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:14px; }
.recognized-total>span { font-size:11px; color:#7b8591; }
.recognized-total strong { font-size:26px; line-height:1.2; letter-spacing:-.035em; }
.recognized-total small { font-size:14px; margin-left:3px; }
.automation-card-ledger { background:linear-gradient(150deg,#fff0e9,#ffe5e9); transform:translateY(8px) rotate(5deg); }
.automation-card-ledger .automation-card-label { color:#af6f72; }
.vendor-ledger-stack { position:relative; isolation:isolate; margin-top:auto; }
.vendor-ledger-sheet { position:absolute; inset:0; background:#fff; border-radius:18px; }
.vendor-ledger-sheet-back { opacity:.34; transform:translateY(-28px) scaleX(.88); }
.vendor-ledger-sheet-middle { opacity:.64; transform:translateY(-14px) scaleX(.94); }
.vendor-ledger { position:relative; padding:22px 20px; background:#fff; border-radius:18px;
  box-shadow:0 6px 20px #a35c6910; }
.vendor-ledger-title { display:flex; align-items:center; gap:8px; font-size:12px; color:#808893; }
.vendor-ledger-title .line-icon { width:18px; height:18px; color:var(--coral); }
.vendor-ledger-entry { margin-top:24px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.vendor-ledger-entry>div { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.vendor-ledger-entry>div strong { font-size:16px; }
.vendor-ledger-entry>div span { color:#929aa5; font-size:10px; }
.vendor-ledger-entry>strong { display:block; font-size:32px; margin-top:9px; letter-spacing:-.04em; }
.vendor-ledger-entry small { font-size:17px; margin-left:3px; }
.vendor-ledger-note { display:flex; align-items:center; gap:7px; font-size:11px; color:#7a838f; }
.vendor-ledger-note { margin-top:15px; }
.vendor-ledger-note .line-icon { width:17px; height:17px; flex-shrink:0; }

@media(min-width:900px) and (prefers-reduced-motion:no-preference) {
  .is-deck-ready:not(.is-deck-visible) .automation-card-photo { transform:translate(55%,46px) rotate(-9deg); opacity:.35; }
  .is-deck-ready:not(.is-deck-visible) .automation-card-recognition { transform:translateY(72px); opacity:.65; }
  .is-deck-ready:not(.is-deck-visible) .automation-card-ledger { transform:translate(-55%,46px) rotate(9deg); opacity:.35; }
}
@media(min-width:900px) and (max-width:1100px) {
  .automation-deck { width:calc(100% - 20px); gap:14px; }
  .automation-card { height:470px; padding:26px 20px; border-radius:24px; }
  .automation-card h3 { font-size:25px; }
  .recognized-receipt,.vendor-ledger { padding:18px 14px; }
  .recognized-vendor strong { font-size:16px; }
  .recognized-vendor>span { font-size:9px; }
  .recognized-items { font-size:11px; }
  .recognized-total strong { font-size:23px; }
  .vendor-ledger-entry>strong { font-size:28px; }
}
@media(max-width:899px) {
  .automation { padding-bottom:76px; }
  .automation>.container { width:100%; }
  .automation .section-heading { padding-inline:24px; }
  .automation-deck { width:100%; display:flex; gap:18px; margin-top:36px; padding:20px 24px 36px;
    overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:24px; overscroll-behavior-x:contain;
    scrollbar-width:none; }
  .automation-deck::-webkit-scrollbar { display:none; }
  .automation-card { flex:0 0 320px; height:480px; scroll-snap-align:center; }
  .automation-deck .automation-card { transform:none; }

}
@media(max-width:600px) {
  .automation .section-heading { padding-inline:20px; }
  .automation-deck { padding-inline:20px; scroll-padding-inline:20px; gap:16px; }
  .automation-card { flex-basis:calc(83.333333vw - 30px); max-width:none; height:448px; padding:27px 24px; border-radius:24px; }
  .automation-card h3 { font-size:clamp(22px,6.5vw,27px); }
  .automation-card-label { font-size:12px; }
  .recognized-receipt,.vendor-ledger { padding:18px 16px; }

}
@media(max-width:360px) {
  .automation-card { padding:24px 20px; height:432px; }
  .automation-card h3 { font-size:22px; }
  .recognized-items { font-size:11px; }
  .recognized-vendor strong { font-size:16px; }
  .recognized-total strong { font-size:23px; }
  .vendor-ledger-entry>div span { font-size:9px; }
}

/* Five app features remain visible;
 chapter labels follow the scroll. */


/* Document export. */

.founder-story{border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
margin-top:42px}
.founder-story summary{display:flex;
align-items:center;
gap:24px;
padding:21px 2px;
font-size:14px;
color:#7f8895;
cursor:pointer;
list-style:none}
.founder-story summary>span:first-child{font-weight:600;
color:#46515f}
.founder-story summary>.founder-chevron-icon{margin-left:auto;
color:#929ba6;
transition:transform .28s cubic-bezier(0.16,1,0.3,1),color .2s;
flex-shrink:0}
.founder-story[open]>summary>.founder-chevron-icon{transform:rotate(180deg);
color:#ff6978}
.founder-content{max-width:760px;
margin:0 auto;
padding:22px 0 38px;
font-size:16px;
color:var(--body);
line-height:1.95}
.founder-content p+p,.founder-content>div{margin-top:18px}
.letter-mark{color:#46515f}
.trial-section{background:var(--peach);
padding:82px 0}
.trial-layout{display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
padding-inline:70px}
.trial-copy>img{margin-bottom:24px;
border-radius:14px}
.trial-copy h2{font-size:42px}
.trial-copy>p{font-size:17px;
line-height:1.8;
color:#8b7b80;
margin-top:22px}
.trial-copy>.button{margin-top:30px}
.trial-button:focus-visible{outline:none;
background:#ed5a6b;
text-decoration:underline;
text-underline-offset:4px}
.qr-panel{display:flex;
flex-direction:column;
align-items:center;
gap:21px;
padding:30px;
border-radius:24px;
background:#fff}
.qr-panel a{padding:7px;
flex-shrink:0}
.qr-panel img{width:160px;
height:160px}
.qr-panel p{font-size:13px;
color:#969099;
text-align:center;
line-height:1.7}
.faq-layout{display:grid;
grid-template-columns:.85fr 1.4fr;
gap:78px}
.faq-layout h2{font-size:38px}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
padding:23px 0;
list-style:none;
cursor:pointer;
font-size:17px;
font-weight:600;
color:#4a5461}
.faq-chevron-icon{margin-left:auto;
color:#929ba6;
transition:transform .28s cubic-bezier(0.16,1,0.3,1),color .2s;
flex-shrink:0}
.faq-item summary:hover .faq-chevron-icon{color:#4a5461}
.faq-item[open]>summary>.faq-chevron-icon{transform:rotate(180deg);
color:#ff6978}
summary::-webkit-details-marker{display:none}
.faq-item>p{color:#8b939d;
font-size:15px;
line-height:1.85;
padding:0 30px 24px 0}
/* Site Footer (Light Gray Theme) */
.site-footer {
  padding: 68px 0 36px;
  background: #f5f6f8;
  border-top: 1px solid #e5e7eb;
  color: #4b5563;
  font-size: 13.5px;
  line-height: 1.6;
}
.site-footer a { color: #374151; text-decoration: none; transition: color .2s; }
.site-footer a:hover { color: var(--coral-dark); }
.site-footer .brand-light { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.site-footer .brand-light img.wordmark { filter: none; }
.footer-top-grid {
  display: grid; grid-template-columns: 1.6fr 1fr; gap: 48px; padding-bottom: 44px;
  border-bottom: 1px solid #e5e7eb;
}
.footer-brand-desc {
  color: #4b5563; font-size: 14px; line-height: 1.7; margin: 0 0 20px; word-break: keep-all; max-width: 440px;
}
.footer-contact {
  display: flex; flex-direction: column; gap: 4px;
}
.footer-contact .contact-label {
  font-size: 12px; color: #6b7280; font-weight: 500;
}
.footer-contact .contact-email {
  font-size: 15px; color: #111827; font-weight: 600;
}
.footer-contact .contact-email:hover { color: var(--coral-dark); }
.footer-links-col {
  display: flex; flex-direction: column; align-items: flex-end;
}
.footer-col-title {
  font-size: 14px; font-weight: 700; color: #111827; margin: 0 0 16px;
}
.footer-nav-list {
  list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; text-align: right;
}
.footer-nav-list a { font-size: 14px; color: #4b5563; }
.footer-nav-list a:hover { color: var(--coral-dark); }

/* Business Details */
.footer-biz-info {
  padding: 32px 0 28px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 12.5px;
  color: #6b7280;
  line-height: 1.8;
}
.footer-biz-info .biz-title {
  font-weight: 700; color: #111827; margin-bottom: 8px; font-size: 13px;
}
.footer-biz-info .biz-details {
  display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; margin-bottom: 4px;
}
.footer-biz-info .sep { color: #d1d5db; }
.footer-biz-info .biz-notice {
  margin-top: 10px; font-size: 11.5px; color: #9ca3af;
}

/* Footer Bottom */
.footer-bottom {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 24px; font-size: 12px; color: #9ca3af;
}
.footer-bottom .back-to-top {
  display: inline-flex; align-items: center; gap: 6px; color: #4b5563; font-size: 12px;
}
.footer-bottom .back-to-top:hover { color: var(--coral-dark); }

@media(max-width: 850px) {
  .site-footer { padding: 48px 0 28px; }
  .footer-top-grid { grid-template-columns: 1fr; gap: 32px; padding-bottom: 32px; }
  .footer-links-col { align-items: flex-start; }
  .footer-nav-list { text-align: left; }
  .footer-biz-info .biz-details { flex-direction: column; align-items: flex-start; gap: 2px; }
  .footer-biz-info .sep { display: none; }
}



@media(min-width:1600px){.container{width:1200px}
}

@media(max-width:1100px){.container{width:calc(100% - 64px)}
h1{font-size:50px}
.navigation{gap:18px}
.nav-links{gap:19px}
.nav-links a{font-size:12px}
.navigation>.button{margin-left:0}
.trial-layout{padding-inline:45px}
}

@media(max-width:850px){.container{width:calc(100% - 48px)}
.section{padding:96px 0}
h2{font-size:38px}
.nav-links{position:absolute;
top:73px;
left:0;
right:0;
display:none;
flex-direction:column;
gap:0;
padding:15px 24px 22px;
align-items:stretch;
background:#fff;
border-bottom:1px solid var(--line);
box-shadow:0 15px 25px #28354508}
.nav-links.is-open{display:flex}
.nav-links a{font-size:16px;
padding:12px 0}
.navigation>.button{margin-left:auto}
.menu-button{width:30px;
height:34px;
background:transparent;
border:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
padding:4px;
cursor:pointer}
.menu-button span{width:20px;
height:1.5px;
background:#505964;
transition:transform .2s}
.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.trial-layout{padding-inline:15px;
gap:30px}
.trial-copy h2{font-size:35px}
.trial-copy>p{font-size:15px}
.qr-panel{padding:22px}
.faq-layout{grid-template-columns:1fr;
gap:36px}
.faq-layout h2{font-size:35px}
.faq-layout h2 br{display:none}
}

@media(max-width:600px){body{font-size:16px}
.container{width:calc(100% - 40px)}
.site-header{height:65px}
.navigation{gap:13px}
.brand{gap:5px}
.brand>img:first-child{width:28px;
height:28px}
.brand>.wordmark{width:97px}
.button-small{padding:10px 11px;
font-size:12px;
gap:8px;
border-radius:8px}
.button-small span{font-size:18px}
.nav-links{top:64px}
.menu-button{width:24px}
h1{font-size:35px;
line-height:1.37;
letter-spacing:-.045em}
h2{font-size:31px;
line-height:1.4}
.button{font-size:14px;
padding:14px 20px;
gap:24px}
.example-note{right:14px;
bottom:10px;
font-size:9px}
.section{padding:80px 0}
.eyebrow{font-size:14px;
margin-bottom:14px}
.section-heading>p:not(.eyebrow){font-size:16px;
margin-top:18px;
line-height:1.8}
.pain-section{padding:80px 0 32px}
.pain-grid{grid-template-columns:1fr;gap:40px;justify-items:center;margin-top:40px}
.pain-photo-card{width:100%;max-width:480px;height:auto;aspect-ratio:1.34;border-radius:22px;margin:0 auto}
.pain-copy{width:100%;max-width:480px}
.pain-list li{font-size:15px;font-weight:500;padding:16px 0;gap:14px}
.pain-list .list-number{font-size:12px;font-weight:500}
.pain-resolution{margin-top:26px;gap:12px}
.pain-resolution-icon{width:44px;height:44px;border-radius:11px}
.pain-resolution-text p{font-size:17px;font-weight:600}
.pain-resolution-text span{font-size:13px;font-weight:400}
.founder-story{margin-top:30px}
.founder-story summary{font-size:12px;
gap:8px;
flex-wrap:wrap;
padding:18px 0}
.founder-story summary>span:first-child{width:100%;
font-size:13px}
.founder-story summary .founder-chevron-icon{margin-top:-18px}
.founder-content{padding:10px 2px 28px;
font-size:14px}
.trial-section{padding:58px 0}
.trial-layout{flex-direction:column;
align-items:flex-start;
gap:34px;
padding-inline:0}
.trial-copy h2{font-size:32px}
.trial-copy>img{width:48px;
height:48px;
margin-bottom:22px;
border-radius:12px}
.trial-copy>p{font-size:15px}
.trial-copy>.button{margin-top:24px}
.qr-panel{align-self:stretch;
padding:23px 16px;
flex-direction:row;
justify-content:center;
gap:18px;
border-radius:18px}
.qr-panel>a{padding:0}
.qr-panel img{width:160px;
height:160px}
.qr-panel p{text-align:left;
font-size:12px}
.faq-layout{gap:27px}
.faq-layout h2{font-size:31px}
.faq-layout h2 br{display:block}
.faq-item summary{font-size:15px;
padding:20px 0;
gap:20px}
.faq-item>p{font-size:14px;
padding-right:12px}
}

@media(max-width:360px){.container{width:calc(100% - 32px)}
.brand>.wordmark{width:84px}
.navigation{gap:9px}
.navigation>.button{font-size:11px;
padding:9px}
.navigation>.button>span{display:none}
h1{font-size:32px}
.qr-panel{gap:10px;
padding-inline:12px}
.qr-panel p{font-size:11px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;
transition:none!important}
}

/* Photo hero: the original contained layout also serves as a reduced-motion fallback. */
.hero.hero-photo { padding-top:28px; }
.hero-photo-canvas { position:relative; aspect-ratio:1672 / 814; isolation:isolate; }
.hero-photo-art { position:absolute; inset:0; width:100%; height:100%; display:block; }
.hero-photo-mobile-art { display:none; }
.hero-photo-shade { position:absolute; z-index:1; inset:21.3759% 0 0; border-radius:54px;
  background:linear-gradient(90deg,rgba(38,29,30,.73) 0%,rgba(45,32,34,.59) 31%,rgba(58,40,41,.12) 53%,transparent 66%); pointer-events:none; }
.hero-photo-copy { position:absolute; z-index:2; left:6%; top:35.2%; color:#fff; }
.hero-photo-copy h1 { font-size:clamp(36px,3.35vw,49px); line-height:1.4; letter-spacing:-.043em; }
.hero-photo-copy p { font-size:16px; font-weight:300; line-height:1.85; margin-top:23px; color:rgba(255,255,255,.9); }
.hero-photo-copy .button { margin-top:26px; }
@media(min-width:1600px) { .hero-photo-copy h1 {font-size:50px;} }
@media(max-width:1100px) {
  .hero-photo-copy {top:33%;}
  .hero-photo-copy h1 {font-size:37px;}
  .hero-photo-copy p {font-size:14px;margin-top:15px;}
  .hero-photo-copy .button {margin-top:19px;padding:12px 19px;font-size:14px;}
  .hero-photo-shade {border-radius:45px;}
}
@media(max-width:850px) and (min-width:601px) {
  .hero-photo-canvas {aspect-ratio:1672 / 900;overflow:hidden;border-radius:0 0 30px 30px;}
  .hero-photo-art {height:auto;aspect-ratio:1672 / 814;}
  .hero-photo-copy {top:28%;left:5%;}
  .hero-photo-copy h1 {font-size:29px;}
  .hero-photo-copy p {font-size:12px;margin-top:14px;}
  .hero-photo-copy .button {font-size:12px;padding:10px 15px;margin-top:16px;}
  .hero-photo-shade {bottom:9.55%;top:19.33%;border-radius:34px;}
}
@media(max-width:600px) {
  .hero.hero-photo {width:calc(100% - 40px); max-width:430px; padding-top:32px; margin-inline:auto;}
  .hero-scroll-frame {position:static;}
  .hero-photo-canvas {display:flex; flex-direction:column; align-items:center; height:auto; aspect-ratio:auto; overflow:visible; border-radius:0;}
  .hero-photo-art,.hero-photo-shade {display:none;}
  .hero-photo-mobile-art {display:block; width:100%; max-width:360px; height:auto; margin:0 auto; flex-shrink:0;}
  .hero-photo-copy {position:static; order:-1; width:100%; color:var(--ink); text-align:center;}
  .hero-photo-copy h1 {font-size:31px; line-height:1.45;}
  .hero-photo-copy p {font-size:14px; line-height:1.8; margin-top:16px; color:var(--body);}
  .hero-photo-copy .button {margin-top:22px; font-size:14px; padding:13px 20px;}
}
@media(max-width:360px) {
  .hero.hero-photo {width:calc(100% - 32px); padding-top:28px;}
  .hero-photo-copy h1 {font-size:27px;}
  .hero-photo-copy p {font-size:12px;}
}

/* Customer stories: an edge-to-edge scene followed by three quote cards. */
.stories-section { padding-top:50px; background:linear-gradient(#fff 40%,#fafbfc 100%); }
.story-video-stage { position:relative; isolation:isolate; overflow:hidden;
  width:calc(100% - 32px); height:clamp(520px,48vw,720px); margin-inline:auto;
  border-radius:38px; background:#75665f; }
.story-video-media { position:absolute; inset:0; width:100%; height:100%;
  display:block; object-fit:cover; object-position:center; }
.story-video-shade { position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg,rgba(36,29,28,.67) 0%,rgba(40,30,29,.49) 32%,rgba(42,31,29,.10) 62%,transparent 82%); }
.story-video-content { position:relative; z-index:2; display:flex; align-items:center; height:100%; }
.story-video-copy { color:#fff; }
.story-video-copy .eyebrow { color:rgba(255,255,255,.8); font-weight:400; margin-bottom:22px; }
.story-video-copy h2 { font-size:clamp(36px,3.1vw,48px); line-height:1.45; letter-spacing:-.04em; }
.story-video-copy>p:last-child { margin-top:27px; font-size:17px; font-weight:300;
  line-height:1.8; color:rgba(255,255,255,.88); }
/* Reviews Header & Add Button */
.reviews-header-bar {
  display: flex; justify-content: space-between; align-items: flex-end;
  gap: 20px; margin-top: 48px; margin-bottom: 24px;
}
.reviews-badge {
  display: inline-block; font-size: 13px; font-weight: 700; color: #ff6978;
  background: #fff0f2; padding: 4px 12px; border-radius: 999px; margin-bottom: 8px;
}
.reviews-subtext {
  font-size: 15px; color: #5f6874; margin: 0; line-height: 1.5;
}
.button-add-review {
  display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 20px;
  border-radius: 22px; border: 1.5px solid #ff6978; background: #ffffff;
  color: #ff6978; font-size: 14.5px; font-weight: 700; cursor: pointer;
  transition: all .2s cubic-bezier(0.16, 1, 0.3, 1); white-space: nowrap; flex-shrink: 0;
}
.button-add-review:hover {
  background: #ff6978; color: #ffffff; box-shadow: 0 6px 16px rgba(255, 105, 120, 0.28);
  transform: translateY(-1px);
}
.button-add-review .plus-icon {
  font-size: 18px; font-weight: 400; line-height: 1;
}

/* Review Cards - Restored Full Quotes */
.review-cards {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px; margin-top: 16px;
}
.review-card {
  position: relative; display: flex; flex-direction: column;
  padding: 28px 24px 32px; border: 1px solid #eceef2; border-radius: 24px;
  background: #ffffff; box-shadow: 0 8px 24px rgba(47, 65, 90, 0.04);
  transition: transform .2s, box-shadow .2s;
}
.review-card:hover {
  transform: translateY(-2px); box-shadow: 0 12px 30px rgba(47, 65, 90, 0.08);
}
.review-card-header {
  display: flex; align-items: center; gap: 14px; margin-bottom: 18px;
  padding-bottom: 14px; border-bottom: 1px solid #f2f4f7;
}
.review-portrait {
  position: static; width: 50px; height: 50px; border-radius: 16px;
  object-fit: cover; flex-shrink: 0; background: linear-gradient(135deg, #ffac93 0%, #ff8a80 50%, #ff6e78 100%);
}
.review-card-meta { flex: 1; min-width: 0; }
.review-author {
  font-size: 15px; font-weight: 700; color: #21262d; margin-bottom: 2px;
}
.review-author-role {
  font-size: 12.5px; font-weight: 400; color: #78828f; margin: 0;
}
.review-stars {
  font-size: 13px; color: #ff9800; letter-spacing: 2px; font-weight: 700;
  margin-left: auto; flex-shrink: 0;
}
.review-quote {
  margin: 0; font-size: 15px; line-height: 1.75; color: #444c56;
  font-weight: 400; word-break: keep-all; letter-spacing: -0.015em; flex: 1;
}

/* Review Modal */
.review-modal-backdrop {
  position: fixed; inset: 0; z-index: 1000;
  background: rgba(18, 22, 28, 0.65); backdrop-filter: blur(4px);
  display: flex; align-items: center; justify-content: center; padding: 20px;
}
.review-modal-backdrop[hidden] { display: none !important; }
.review-modal-sheet {
  background: #ffffff; border-radius: 28px; width: 100%; max-width: 480px;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2); padding: 32px;
  animation: modalSheetSlide .25s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes modalSheetSlide {
  from { transform: translateY(18px) scale(0.97); opacity: 0; }
  to { transform: translateY(0) scale(1); opacity: 1; }
}
.review-modal-head {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px;
}
.review-modal-head h3 {
  font-size: 20px; font-weight: 700; color: #1e242c; margin: 0;
}
.review-modal-close {
  background: none; border: none; font-size: 18px; color: #8c96a3; cursor: pointer;
  width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
}
.review-modal-close:hover { background: #f3f4f6; color: #1e242c; }
.review-modal-form .form-group { margin-bottom: 16px; }
.review-modal-form label {
  display: block; font-size: 13.5px; font-weight: 600; color: #3b424d; margin-bottom: 6px;
}
.review-modal-form label .required { color: #ff6978; }
.review-modal-form input, .review-modal-form textarea {
  width: 100%; box-sizing: border-box; padding: 11px 14px; border: 1.5px solid #e2e5eb;
  border-radius: 12px; font-family: inherit; font-size: 14px; color: #1e242c;
  outline: none; transition: border-color .2s;
}
.review-modal-form input:focus, .review-modal-form textarea:focus {
  border-color: #ff6978; box-shadow: 0 0 0 3px rgba(255, 105, 120, 0.12);
}

/* Custom Rating Select Dropdown */
.custom-select-wrap {
  position: relative; width: 100%;
}
.custom-select-trigger {
  width: 100%; box-sizing: border-box; padding: 11px 14px; border: 1.5px solid #e2e5eb;
  border-radius: 12px; background: #ffffff; display: flex; align-items: center;
  justify-content: space-between; gap: 10px; white-space: nowrap;
  cursor: pointer; text-align: left; font-family: inherit; transition: border-color .2s, box-shadow .2s;
}
.custom-select-trigger:hover {
  border-color: #d1d5db;
}
.custom-select-wrap.is-open .custom-select-trigger {
  border-color: #ff6978; box-shadow: 0 0 0 3px rgba(255, 105, 120, 0.12);
}
.custom-select-trigger .selected-content {
  display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
  flex: 1; min-width: 0;
}
.custom-select-trigger .selected-stars {
  color: #ff9800; font-size: 13.5px; letter-spacing: 1px; font-weight: 700;
  flex-shrink: 0; white-space: nowrap;
}
.custom-select-trigger .selected-text {
  font-size: 14px; color: #1e242c; font-weight: 500; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.dropdown-chevron-icon {
  width: 18px; height: 18px; color: #8c96a3; transition: transform .2s ease, color .2s ease;
  flex-shrink: 0;
}
.custom-select-wrap.is-open .dropdown-chevron-icon {
  transform: rotate(180deg); color: #ff6978;
}

/* Dropdown Menu Options (Open State) */
.custom-select-options {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0;
  background: #ffffff; border: 1.5px solid #eceef2; border-radius: 16px;
  box-shadow: 0 16px 36px rgba(18, 22, 28, 0.14), 0 4px 10px rgba(18, 22, 28, 0.04);
  padding: 6px; margin: 0; list-style: none; z-index: 60;
  opacity: 0; visibility: hidden; transform: translateY(-8px);
  transition: opacity .2s cubic-bezier(0.16, 1, 0.3, 1), transform .2s cubic-bezier(0.16, 1, 0.3, 1), visibility .2s;
  pointer-events: none;
}
.custom-select-wrap.is-open .custom-select-options {
  opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
}
.custom-option {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer;
  transition: background .15s ease, color .15s ease; user-select: none;
  white-space: nowrap;
}
.custom-option:hover {
  background: #fff4f5;
}
.custom-option.is-selected {
  background: #fff0f2;
}
.custom-option .option-stars {
  color: #ff9800; font-size: 13px; letter-spacing: 1px; font-weight: 700;
  flex-shrink: 0; white-space: nowrap; width: 68px;
}
.custom-option .option-text {
  flex: 1; font-size: 13.5px; color: #3b424d; font-weight: 500;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.custom-option.is-selected .option-text {
  color: #ff6978; font-weight: 700;
}
.custom-option .option-check {
  color: #ff6978; font-size: 13px; font-weight: 800; opacity: 0;
  transition: opacity .15s ease; flex-shrink: 0;
}
.custom-option.is-selected .option-check {
  opacity: 1;
}
.review-modal-actions { display: flex; gap: 10px; margin-top: 24px; }
.review-modal-actions button {
  flex: 1; height: 46px; border-radius: 12px; font-size: 14.5px; font-weight: 700;
  cursor: pointer; transition: all .2s;
}
.review-modal-actions .btn-cancel { background: #f3f4f6; border: none; color: #616b77; }
.review-modal-actions .btn-cancel:hover { background: #e5e7eb; }
.review-modal-actions .btn-submit { background: #ff6978; border: none; color: #ffffff; }
.review-modal-actions .btn-submit:hover { background: #e85564; }

@media(max-width:1100px) {
  .story-video-stage { border-radius:30px; }
  .story-video-copy h2 { font-size:38px; }
  .story-video-copy>p:last-child { font-size:16px; }
  .review-cards { gap:18px; }
  .review-card { padding:24px 20px 28px; }
  .review-quote { font-size:14.5px; }
}
@media(max-width:850px) {
  .stories-section { padding-top:20px; }
  .story-video-stage { width:calc(100% - 24px); height:560px; }
  .story-video-media { object-position:62% center; }
  .story-video-copy h2 { font-size:33px; }
  .reviews-header-bar { flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 36px; }
  .button-add-review { width: 100%; justify-content: center; }
  .review-cards { grid-template-columns: 1fr; gap: 16px; }
}
@media(max-width:600px) {
  .stories-section { padding-top:10px; }
  .story-video-stage { width:calc(100% - 16px); height:580px; border-radius:24px; }
  .story-video-media { object-position:65% center; }
  .story-video-content { width:calc(100% - 48px); align-items:flex-end; padding-bottom:42px; }
  .story-video-shade { background:linear-gradient(180deg,rgba(34,27,26,.02) 20%,rgba(34,27,26,.12) 38%,rgba(34,27,26,.64) 70%,rgba(34,27,26,.79) 100%); }
  .story-video-copy .eyebrow { font-size:14px; margin-bottom:16px; }
  .story-video-copy h2 { font-size:29px; line-height:1.5; }
  .story-video-copy>p:last-child { font-size:14px; margin-top:18px; }
  .review-modal-sheet { padding: 24px 20px; border-radius: 22px; }
}
@media(max-width:360px) {
  .story-video-content { width:calc(100% - 40px); }
  .story-video-copy h2 { font-size:25px; }
  .story-video-copy>p:last-child { font-size:13px; }
  .review-card { padding: 20px 16px 24px; }
}

/* Management stories: native page scroll drives a pinned, two-column scene. */
.management-section { background:#fff; padding:110px 0; }
.management-scroll-track { position:relative; }
.management-sticky { display:flex; flex-direction:column; }
.management-intro { order:-1; margin-bottom:40px; }
.management-intro .eyebrow { margin-bottom:16px; }
.management-intro h2 { font-size:38px; line-height:1.45; }
.management-copy-stack,.management-gallery { display:contents; }
.management-feature-copy { order:calc(var(--feature-order) * 2 + 1); padding:28px 0 72px; }
.management-feature-copy h3 { font-size:28px; line-height:1.45; }
.management-feature-copy p { margin-top:16px; font-size:18px; color:var(--body); line-height:1.85; max-width:430px; }
.management-visual { order:calc(var(--feature-order) * 2); background:#f5f7f9;
  width:100%; height:min(620px,75vw); border-radius:20px; }
.management-feature-copy:last-child { padding-bottom:0; }
@media(min-width:900px) and (min-height:660px) and (prefers-reduced-motion:no-preference) {
  .management-section.is-scroll-enhanced { --management-panel-height:min(680px,calc(100svh - 220px)); }
  .is-scroll-enhanced .management-sticky { position:sticky;
    top:calc((100svh - var(--management-panel-height)) / 2);
    height:var(--management-panel-height); display:block; }
  .is-scroll-enhanced .management-intro { position:absolute; inset:0 auto auto 0; width:47%; margin:0; }
  .is-scroll-enhanced .management-intro h2 { font-size:clamp(29px,2.5vw,38px); letter-spacing:-.045em; }
  .is-scroll-enhanced .management-copy-stack { display:block; position:absolute;
    left:0; top:40%; bottom:0; width:45%; }
  .is-scroll-enhanced .management-feature-copy { position:absolute; inset:0; padding:0;
    opacity:0; transform:translateY(48px); will-change:transform,opacity; }
  .is-scroll-enhanced .management-feature-copy:first-child { opacity:1; transform:translateY(0); }
  .is-scroll-enhanced .management-feature-copy h3 { font-size:30px; }
  .is-scroll-enhanced .management-feature-copy p { max-width:410px; }
  .is-scroll-enhanced .management-gallery { display:block; position:absolute;
    right:0; top:0; width:49.5%; height:100%; overflow:hidden; border-radius:20px; isolation:isolate; }
  .is-scroll-enhanced .management-visual { position:absolute; inset:0;
    width:100%; height:100%; border-radius:0; transform:translateY(100%); will-change:transform; }
  .is-scroll-enhanced .management-visual:first-child { transform:translateY(0); }
}
@media(max-width:1100px) and (min-width:900px) {
  .is-scroll-enhanced .management-intro h2 { font-size:29px; }
  .is-scroll-enhanced .management-feature-copy h3 { font-size:27px; }
  .is-scroll-enhanced .management-feature-copy p { font-size:17px; }
}
@media(max-width:899px) {
  .management-section { padding:80px 0; }
  .management-sticky.container { width:100%; }
  .management-intro { padding-inline:24px; margin-bottom:28px; }
  .management-intro h2 { font-size:32px; }
  .management-visual { border-radius:0; height:auto; aspect-ratio:4 / 5; max-height:620px; }
  .management-feature-copy { padding:28px 24px 68px; }
  .management-feature-copy h3 { font-size:26px; }
  .management-feature-copy p { font-size:17px; max-width:560px; }
}
@media(max-width:600px) {
  .management-intro { padding-inline:20px; }
  .management-intro h2 { font-size:28px; }
  .management-intro .eyebrow { font-size:14px; }
  .management-feature-copy { padding:26px 20px 60px; }
  .management-feature-copy h3 { font-size:24px; }
  .management-feature-copy p { margin-top:12px; font-size:16px; line-height:1.8; }
}
@media(max-width:360px) {
  .management-intro { padding-inline:16px; }
  .management-intro h2 { font-size:25px; }
  .management-feature-copy { padding-inline:16px; }
}

/* Inline file formats and a statement preview fading into the section. */
.export-section { background:#f7f8fa; }
.export-centered { text-align:center; }
.export-centered .section-heading h2 { font-size:44px; line-height:1.4; }
.export-centered .section-heading>p:not(.eyebrow) { font-size:18px; line-height:1.8; margin-top:23px; }
.export-formats { display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
  gap:16px 36px; list-style:none; padding:0; margin:26px 0 0; }
.export-formats li { display:flex; align-items:center; gap:10px; color:var(--body);
  font-size:16px; line-height:1.6; white-space:nowrap; }
.export-formats svg { width:24px; height:24px; flex-shrink:0; fill:none; stroke:var(--coral);
  stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.export-formats strong { color:var(--ink); font-weight:600; }
.export-showcase { position:relative; isolation:isolate; width:min(920px,100%); height:560px;
  margin:42px auto 0; display:flex; align-items:center; justify-content:center;
  -webkit-mask-image:linear-gradient(to bottom,#000 60%,rgba(0,0,0,.75) 74%,transparent 90%);
  mask-image:linear-gradient(to bottom,#000 60%,rgba(0,0,0,.75) 74%,transparent 90%); }
.export-device-backdrop { position:absolute; z-index:-1; inset:0; width:62%; margin:auto;
  border-radius:48px; background:linear-gradient(155deg,#f8f3f3 0%,#f1f2f5 75%); }
.export-device { position:relative; width:320px; padding:26px 11px 12px;
  background:#fff; border:1px solid #e1e3e7; border-radius:43px;
  box-shadow:0 24px 50px rgba(53,57,68,.11),inset 0 0 0 3px #f5f5f7;
  flex-shrink:0; }
.export-device-speaker { position:absolute; top:11px; left:50%; transform:translateX(-50%);
  width:42px; height:4px; border-radius:8px; background:#dce0e5; }
.export-device-screen { overflow:hidden; border-radius:28px; background:#fffaf7; }
/* Hide the 216px file-summary area of the 780px-wide source without distorting the statement. */
.export-device-screen img { display:block; width:100%; height:auto; margin-top:-27.692308%; }
.export-sharing-note { margin-top:32px; font-size:16px; color:#7e8792; line-height:1.8; font-weight:400; }
.export-sharing-note br { display:none; }
@media(max-width:850px) {
  .export-centered .section-heading h2 { font-size:38px; }
  .export-centered .section-heading>p:not(.eyebrow) { font-size:16px; }
  .export-showcase { height:510px; margin-top:42px; }
  .export-device { width:286px; border-radius:38px; padding:24px 10px 11px; }
  .export-device-screen { border-radius:25px; }
  .export-device-backdrop { width:76%; border-radius:38px; }
}
@media(max-width:600px) {
  .export-centered .section-heading h2 { font-size:31px; }
  .export-centered .section-heading>p:not(.eyebrow) { font-size:15px; margin-top:18px; }
  .export-showcase { height:420px; margin-top:34px; }
  .export-device-backdrop { width:85%; border-radius:30px; }
  .export-device { width:232px; padding:21px 8px 9px; border-radius:33px; }
  .export-device-screen { border-radius:21px; }
  .export-device-speaker { top:9px; width:32px; height:3px; }
  .export-formats { margin-top:22px; gap:12px 22px; }
  .export-formats li { font-size:13px; gap:7px; }
  .export-formats svg { width:20px; height:20px; }
  .export-sharing-note { margin-top:25px; font-size:14px; }
  .export-sharing-note br { display:block; }
}
@media(max-width:360px) {
  .export-centered .section-heading h2 { font-size:28px; }
  .export-centered .section-heading>p:not(.eyebrow) { font-size:14px; }
  .export-showcase { height:380px; }
  .export-device { width:210px; }
  .export-formats { gap:12px 16px; }
  .export-formats li { font-size:12px; gap:6px; }
}

/* A short native-scroll introduction reveals the existing inset photo layout. */
.hero.hero-photo.is-hero-scroll {
  width:100%; margin:0; padding:0; overflow-anchor:none;
  height:var(--hero-track-height);
}
.is-hero-scroll .hero-scroll-frame {
  position:sticky; top:var(--hero-header-height); padding-top:var(--hero-top-space);
}
.is-hero-scroll .hero-photo-canvas {
  width:var(--hero-scene-width); height:var(--hero-scene-height); margin-inline:auto;
  aspect-ratio:auto; overflow:hidden; border-radius:var(--hero-canvas-radius);
}
.is-hero-scroll .hero-photo-art {
  inset:0 auto auto 50%; width:var(--hero-art-width); height:var(--hero-art-height); max-width:none;
  aspect-ratio:auto; transform:translateX(-50%);
}
.is-hero-scroll .hero-photo-shade {
  top:var(--hero-shade-top); bottom:0; left:0; right:0;
  border-radius:var(--hero-shade-radius);
}
.is-hero-scroll .hero-photo-copy { top:35.2%; }
@media(max-width:1100px) {
  .is-hero-scroll .hero-photo-copy { top:33%; }
}
@media(max-width:850px) and (min-width:601px) {
  .is-hero-scroll .hero-photo-copy { top:28%; }
}

/* Supplied high-resolution cards; only the chart marks animate. */
.management-visual { position:relative; overflow:hidden; isolation:isolate;
  display:flex; align-items:center; justify-content:center; padding:28px; }
.management-upload-image { display:block; width:100%; height:100%; object-fit:contain; }
.management-chart-layer { display:none; }
@media(prefers-reduced-motion:no-preference) {
  .management-native-chart.is-chart-ready .management-chart-layer { display:inline; }
  .is-chart-ready .management-chart-bar { transform-box:fill-box; transform-origin:center bottom; transform:scaleY(0); }
  .is-chart-ready .management-chart-line { stroke-dasharray:1; stroke-dashoffset:1; opacity:0; }
  .is-chart-visible .management-chart-bar { animation:management-bar-grow .85s cubic-bezier(.22,1,.36,1) var(--bar-delay) both; }
  .is-chart-visible .management-chart-line { animation:management-line-draw 1.8s cubic-bezier(.4,0,.2,1) .08s both; }
}
@keyframes management-bar-grow { from { transform:scaleY(0); } to { transform:scaleY(1); } }
@keyframes management-line-draw {
  0% { stroke-dashoffset:1; opacity:0; }
  1% { opacity:1; }
  100% { stroke-dashoffset:0; opacity:1; }
}
@media(max-width:600px) { .management-visual { padding:24px; } }

/* The insight card body, rather than its upper-right ornament, sets the visual center. */
.management-visual-insight { padding:12px; }

/* Keep the spending breakdown at full size; give the other four visuals more space. */
.management-visual:not(.management-visual-spending) > .management-upload-image {
  transform:scale(.85); transform-origin:center;
}