/* ============================================================
   hearton — site design system
   Brand font: NotoSansKR (body/headlines) · Allura ("Heart On" wordmark only)
   Palette + components mirror the app (test/design/goldens).
   ============================================================ */
:root{
  --bg:#FFFBFA; --surface:#FFFFFF; --hairline:#F3EBE6;
  --ink:#1F1714; --inkSub:#4F4843; --inkMuted:#807871; --inkSoft:#B5ADA6;
  --plum:#2B1E2A;
  --pink:#FF6B7E; --pinkDeep:#E85268; --pinkSoft:#FFE4E8; --pinkCream:#FFEEF1;
  --online:#2BCB6E; --gold:#FFB300; --blue:#3D8BF8; --blueSoft:#E7F0FB;
  --lavSoft:#EFE6FA; --lav:#8B6FC0; --peachSoft:#FFF1E8;
  --warm:#FFFCFA;
  --p1:#FF7E9B; --p2:#FF8190; --p3:#FF9E76;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans KR',-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--ink);
  font-weight:600;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}

/* HEADER */
header{position:sticky;top:0;z-index:100;background:rgba(255,251,250,.82);
  backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid var(--hairline)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{display:flex;align-items:center;gap:11px}
.logo img{width:34px;height:34px;border-radius:11px;box-shadow:0 4px 12px rgba(232,82,104,.18)}
.logo .name{font-family:'Allura',cursive;font-size:30px;line-height:1.1;color:var(--pinkDeep)}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{font-size:14.5px;font-weight:600;color:var(--inkMuted);letter-spacing:-.2px;transition:color .2s}
.nav-links a:hover{color:var(--ink)}
.nav-cta{background:linear-gradient(135deg,var(--pink),var(--pinkDeep));color:#fff !important;font-weight:800;
  font-size:13.5px;padding:11px 21px;border-radius:999px;box-shadow:0 6px 16px rgba(232,82,104,.26);transition:transform .2s}
.nav-cta:hover{transform:translateY(-1px)}
.home-link{font-size:14px;font-weight:700;color:var(--inkSub);border:1px solid var(--hairline);
  border-radius:999px;padding:9px 18px;transition:border-color .2s,color .2s}
.home-link:hover{border-color:var(--pink);color:var(--pinkDeep)}
@media(max-width:820px){.nav-links a:not(.nav-cta){display:none}}

/* BUTTONS */
.btn-primary{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--pink),var(--pinkDeep));color:#fff;
  font-weight:800;font-size:16px;letter-spacing:-.3px;padding:16px 32px;border-radius:16px;box-shadow:0 14px 30px rgba(232,82,104,.32);
  transition:transform .2s,box-shadow .2s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(232,82,104,.42)}
.btn-ghost{background:rgba(255,255,255,.78);color:var(--ink);font-weight:800;font-size:16px;letter-spacing:-.3px;
  padding:15px 28px;border-radius:16px;border:1px solid var(--hairline);transition:border-color .2s,color .2s}
.btn-ghost:hover{border-color:var(--pink);color:var(--pinkDeep)}

/* soft icon tile */
.tile{border-radius:15px;display:flex;align-items:center;justify-content:center;flex:none}
.t-pink{background:var(--pinkSoft);color:var(--pinkDeep)}
.t-blue{background:var(--blueSoft);color:var(--blue)}
.t-lav{background:var(--lavSoft);color:var(--lav)}
.t-gold{background:#FFF3D6;color:#D79A00}
.t-peach{background:var(--peachSoft);color:#D98548}

/* ============ LANDING ============ */
.hero{position:relative;min-height:606px;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0;background-image:url('/assets/banner.jpg');background-size:cover;background-position:65% 40%}
.hero-scrim{position:absolute;inset:0;z-index:1;background:
  linear-gradient(90deg, var(--bg) 0%, rgba(255,251,250,.97) 26%, rgba(255,251,250,.78) 42%, rgba(255,251,250,.18) 58%, rgba(255,251,250,0) 72%)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-top:72px;padding-bottom:78px}
.hero-copy{max-width:540px}
.kicker{display:block;font-size:18px;font-weight:800;letter-spacing:-.2px;color:var(--plum);margin-bottom:2px}
.hero h1{font-family:'Allura',cursive;font-size:118px;line-height:1.05;font-weight:400;letter-spacing:0;color:var(--pinkDeep);margin:0 0 18px;padding-top:4px}
.hero .lead{font-size:18px;line-height:1.66;color:var(--inkSub);font-weight:600;max-width:448px;margin-bottom:32px}
.hero-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.hero-foot{font-size:13px;font-weight:600;color:var(--inkMuted);letter-spacing:-.1px}

section.block{padding:100px 0}
.sec-head{max-width:660px;margin:0 auto 56px;text-align:center}
.sec-eyebrow{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:1.6px;color:var(--pinkDeep);text-transform:uppercase}
.sec-title{font-size:36px;font-weight:900;letter-spacing:-1.3px;color:var(--ink);margin-top:14px;line-height:1.24;display:inline-block;position:relative}
.sec-title::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-14px;width:46px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--pink),var(--p3))}
.sec-sub{font-size:16.5px;font-weight:600;color:var(--inkMuted);margin-top:34px;line-height:1.6}

.manifesto{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%, #FFF3F5 52%, var(--peachSoft) 100%)}
.manifesto .wrap{position:relative;z-index:1;max-width:900px;text-align:center;padding-top:110px;padding-bottom:110px}
.manifesto .hi{width:58px;height:58px;border-radius:18px;margin:0 auto 22px;background:var(--pinkSoft);color:var(--pinkDeep);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(232,82,104,.14)}
.manifesto .hi svg{width:30px;height:30px}
.manifesto .me{font-size:12.5px;font-weight:900;letter-spacing:2px;color:var(--pinkDeep);text-transform:uppercase;margin-bottom:20px;display:block}
.manifesto h2{font-size:40px;line-height:1.34;font-weight:900;letter-spacing:-1.5px;color:var(--ink);margin-bottom:24px}
.manifesto h2 em{font-style:normal;color:var(--pinkDeep)}
.manifesto p{font-size:17.5px;line-height:1.82;color:var(--inkSub);font-weight:600;max-width:640px;margin:0 auto}

.moment .wrap{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.moment .ph{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 60px rgba(31,23,20,.13)}
.moment .ph img{width:100%;height:100%;object-fit:cover}
.moment .ph .cap{position:absolute;left:16px;bottom:16px;background:rgba(255,251,250,.94);border-radius:13px;padding:10px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px rgba(31,23,20,.12)}
.moment .ph .cap .d{width:8px;height:8px;border-radius:50%;background:var(--online);box-shadow:0 0 0 3px rgba(43,203,110,.18)}
.moment .ph .cap span{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.2px}
.moment .mc .sec-eyebrow{display:block;margin-bottom:16px}
.moment h2{font-size:32px;font-weight:900;letter-spacing:-1.1px;color:var(--ink);line-height:1.36;margin-bottom:18px}
.moment p{font-size:16px;line-height:1.78;color:var(--inkSub);font-weight:600}
.moment p+p{margin-top:13px}
@media(max-width:860px){.moment .wrap{grid-template-columns:1fr;gap:34px}.moment .ph{aspect-ratio:16/11}}

.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feat{background:linear-gradient(180deg,#fff 0%,#FFFAF8 100%);border:1px solid var(--hairline);border-radius:22px;padding:30px 26px;transition:transform .25s,box-shadow .25s,border-color .25s}
.feat:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(232,82,104,.10);border-color:var(--pinkSoft)}
.feat .tile{width:54px;height:54px;border-radius:16px;margin-bottom:20px}
.feat .tile svg{width:28px;height:28px}
.feat h3{font-size:18px;font-weight:800;letter-spacing:-.4px;color:var(--ink);margin-bottom:10px}
.feat p{font-size:14px;font-weight:600;color:var(--inkMuted);line-height:1.68}
@media(max-width:880px){.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.feat-grid{grid-template-columns:1fr}}

.safety{position:relative;overflow:hidden;background:linear-gradient(165deg,#FFF6FB 0%, var(--pinkCream) 48%, var(--peachSoft) 100%)}
.safety .wrap{position:relative;z-index:1}
.safety .sh{display:flex;justify-content:center;margin-bottom:18px}
.safety .sh img{width:60px;height:60px;border-radius:18px;box-shadow:0 10px 26px rgba(232,82,104,.2)}
.safety h2{font-size:34px;font-weight:900;letter-spacing:-1.2px;color:var(--ink);text-align:center;line-height:1.25}
.safety h2 .hl{color:var(--pinkDeep)}
.safety .intro{text-align:center;font-size:16px;color:var(--inkSub);font-weight:600;max-width:560px;margin:14px auto 40px;line-height:1.6}
.stat-trio{display:flex;justify-content:center;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:26px 10px;max-width:640px;margin:0 auto 38px}
.stat{flex:1;text-align:center;position:relative;padding:0 14px}
.stat+.stat::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:42px;background:var(--hairline)}
.stat .num{font-size:38px;font-weight:900;letter-spacing:-1.6px;color:var(--pinkDeep);line-height:1}
.stat .num small{font-size:18px;font-weight:900;color:var(--inkSub);margin-left:1px}
.stat .lab{font-size:13px;font-weight:700;color:var(--inkMuted);margin-top:9px;letter-spacing:-.2px}
.safe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.safe-item{background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:24px 20px;text-align:center}
.safe-item .tile{width:46px;height:46px;border-radius:14px;margin:0 auto 14px;background:#fff}
.safe-item .tile svg{width:23px;height:23px}
.safe-item h4{font-size:15.5px;font-weight:800;letter-spacing:-.3px;color:var(--ink);margin-bottom:7px}
.safe-item p{font-size:13px;font-weight:600;color:var(--inkMuted);line-height:1.55}
@media(max-width:820px){.safe-grid{grid-template-columns:1fr 1fr}}

.premium .wrap{max-width:980px}
.pcard{position:relative;overflow:hidden;border-radius:26px;padding:44px;background:linear-gradient(135deg,var(--p1) 0%, var(--p2) 38%, var(--p3) 100%);box-shadow:0 26px 56px rgba(232,82,104,.28)}
.pcard .lockup{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.pcard .lockup .lbl{font-size:12px;font-weight:900;letter-spacing:2.4px;color:#FFF1F3}
.pcard .lockup .rule{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,0))}
.pcard .lockup .ho{font-family:'Allura',cursive;font-size:40px;color:var(--warm);line-height:1}
.pcard h2{font-size:29px;font-weight:800;letter-spacing:-1px;color:var(--warm);line-height:1.32;margin-bottom:12px;max-width:560px}
.pcard .pp{font-size:15px;font-weight:600;color:rgba(255,252,250,.94);line-height:1.62;max-width:560px;margin-bottom:24px}
.pcard .masked{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.2);border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:700;color:#fff;margin-bottom:26px}
.pcard .masked svg{width:16px;height:16px}
.pcard .pcta{display:inline-flex;align-items:center;gap:9px;background:var(--warm);color:#C0405A;font-weight:800;font-size:15.5px;padding:15px 30px;border-radius:14px;letter-spacing:-.3px;transition:transform .2s}
.pcard .pcta:hover{transform:translateY(-2px)}
@media(max-width:560px){.pcard{padding:32px 26px}.pcard .lockup .ho{font-size:32px}.pcard h2{font-size:24px}}

.closing{position:relative;overflow:hidden}
.closing .wrap{position:relative;z-index:1;border-radius:30px;padding:78px 48px;text-align:center;background:linear-gradient(180deg,#fff 0%, var(--pinkCream) 55%, var(--peachSoft) 100%);border:1px solid var(--hairline)}
.closing .hi{width:54px;height:54px;border-radius:17px;margin:0 auto 18px;background:var(--pinkSoft);color:var(--pinkDeep);display:flex;align-items:center;justify-content:center}
.closing .hi svg{width:28px;height:28px}
.closing h2{font-size:37px;font-weight:900;letter-spacing:-1.4px;color:var(--ink);line-height:1.3;margin-bottom:16px}
.closing p{font-size:16.5px;color:var(--inkSub);font-weight:600;max-width:520px;margin:0 auto 30px;line-height:1.62}
.closing .ca{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}

/* ============ DOC PAGES ============ */
.doc-hero{position:relative;overflow:hidden;padding:60px 0 36px}
.doc-hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(680px 300px at 12% -20%,var(--pinkCream),rgba(255,238,241,0) 65%),
  linear-gradient(180deg,#FFF4F6 0%,var(--bg) 72%)}
.doc-hero .wrap{position:relative;z-index:1;max-width:880px}
.badge{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--pinkSoft);color:var(--pinkDeep);font-size:13px;font-weight:700;border-radius:999px;padding:7px 14px;margin-bottom:18px;letter-spacing:-.2px}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pink)}
.doc-hero h1{font-size:40px;line-height:1.2;font-weight:900;letter-spacing:-1.4px;color:var(--ink);margin-bottom:14px}
.doc-hero .intro{font-size:16px;color:var(--inkSub);font-weight:600;line-height:1.65}
main.doc{max-width:880px;margin:0 auto;padding:32px 28px 24px}
.card{background:var(--surface);border:1px solid var(--hairline);border-radius:22px;padding:30px;margin-bottom:18px}
.card h2{font-size:20px;font-weight:900;letter-spacing:-.5px;color:var(--ink);margin-bottom:14px;display:flex;align-items:center;gap:11px}
.card h2 .idx{width:30px;height:30px;border-radius:9px;background:var(--pinkSoft);color:var(--pinkDeep);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex:none}
.card h3{font-size:15.5px;font-weight:800;color:var(--ink);margin:18px 0 8px;letter-spacing:-.3px}
.card>p{font-size:15px;color:var(--inkSub);font-weight:600;margin-bottom:6px;line-height:1.7}
.card ul,.card ol{margin:8px 0 8px 2px;list-style:none}
.card ol{counter-reset:li}
.card li{font-size:14.5px;color:var(--inkSub);font-weight:600;line-height:1.65;padding-left:20px;position:relative;margin:7px 0}
.card ul>li::before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--pink)}
.card ol>li{counter-increment:li}
.card ol>li::before{content:counter(li);position:absolute;left:0;top:1px;font-size:11px;font-weight:900;color:var(--pinkDeep);background:var(--pinkSoft);width:17px;height:17px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.card strong{color:var(--ink);font-weight:800}
.card a{color:var(--pinkDeep);font-weight:700}
.card a:hover{text-decoration:underline}
.meta{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;color:var(--inkMuted);font-size:13.5px;font-weight:600;margin-bottom:14px}

.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px}
.product{border:1px solid var(--hairline);border-radius:16px;padding:18px 16px;background:var(--bg);display:flex;flex-direction:column;gap:4px;position:relative;transition:border-color .2s,transform .2s}
.product:hover{border-color:var(--pinkSoft);transform:translateY(-3px)}
.product .name{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.3px}
.product .amount{color:var(--inkMuted);font-size:13px;font-weight:600}
.product .price{font-size:22px;font-weight:900;color:var(--pinkDeep);margin-top:6px;letter-spacing:-.5px}
.product .price small{font-size:11px;font-weight:600;color:var(--inkMuted)}
.product .tag{position:absolute;top:-9px;right:14px;background:linear-gradient(135deg,var(--pink),var(--pinkDeep));color:#fff;font-weight:800;font-size:11px;padding:3px 9px;border-radius:999px;box-shadow:0 4px 10px rgba(232,82,104,.3)}
.product.sub{background:linear-gradient(180deg,#FFF7EC 0%,var(--bg) 100%);border-color:#FBE4CB}
.product.sub .price{color:#C98A00}
.product.sub .tag{background:linear-gradient(135deg,#FFBC3D,#F2960B);box-shadow:0 4px 10px rgba(242,150,11,.3)}

.table-wrap{overflow-x:auto;margin-top:14px}
table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--hairline);border-radius:14px;overflow:hidden}
th,td{padding:13px 16px;text-align:left;vertical-align:top;font-size:14px;border-bottom:1px solid var(--hairline)}
th{background:var(--pinkCream);color:var(--ink);font-weight:800;letter-spacing:-.2px}
td{color:var(--inkSub);font-weight:600}
tr:last-child td{border-bottom:none}
td:first-child{font-weight:700;color:var(--ink)}

.notice{background:var(--pinkCream);border:1px solid var(--pinkSoft);border-left:4px solid var(--pink);border-radius:12px;padding:14px 16px;margin-top:14px;color:var(--inkSub);font-size:13.5px;font-weight:600;line-height:1.6}
.notice a{color:var(--pinkDeep);font-weight:700}
.url-box{background:var(--pinkCream);border:1px dashed var(--pink);border-radius:12px;padding:13px 16px;margin-top:8px;color:var(--pinkDeep);word-break:break-all;font-weight:700;font-size:14px}
.contact-box{background:var(--pinkCream);border:1px solid var(--pinkSoft);border-left:4px solid var(--pink);border-radius:12px;padding:16px;margin-top:10px;color:var(--inkSub);font-weight:700;font-size:14px;line-height:1.8}

/* doc-data table (key/value) */
table.kv th{width:34%}

/* policy chips + form (delete-account) */
.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}
.policy-chip{border:1px solid var(--hairline);border-radius:16px;padding:18px;background:var(--bg)}
.policy-chip strong{color:var(--ink);font-weight:800;display:block;margin-bottom:5px;font-size:14.5px}
.policy-chip{font-size:13.5px;font-weight:600;color:var(--inkMuted);line-height:1.6}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}
.full{grid-column:1 / -1}
label{display:block;font-weight:800;color:var(--ink);margin-bottom:7px;font-size:14px;letter-spacing:-.2px}
input,textarea{width:100%;border:1px solid var(--hairline);border-radius:12px;padding:13px 14px;font-size:15px;font-family:inherit;font-weight:600;color:var(--ink);background:#fff;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px var(--pinkSoft)}
textarea{min-height:120px;resize:vertical;line-height:1.6}
.hint{color:var(--inkMuted);font-size:12.5px;font-weight:600;margin-top:6px}
.agree{margin-top:16px;display:flex;gap:10px;align-items:flex-start;color:var(--inkSub);font-size:14px;font-weight:600;line-height:1.55}
.agree input{width:auto;margin-top:3px;accent-color:var(--pinkDeep)}
.actions{margin-top:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.submit-btn{border:0;border-radius:14px;background:linear-gradient(135deg,var(--pink),var(--pinkDeep));color:#fff;font-weight:800;font-size:15px;font-family:inherit;padding:14px 28px;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 12px 26px rgba(232,82,104,.28)}
.submit-btn:hover{transform:translateY(-2px)}
.submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.status{font-size:13.5px;font-weight:600;color:var(--inkMuted)}
.status.ok{color:#166534}
.status.error{color:var(--pinkDeep)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* FOOTER */
footer{background:#1F1714;color:#E9E1DB;padding:62px 0 32px;margin-top:40px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:40px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-brand .fb-mark{font-family:'Allura',cursive;font-size:38px;color:#fff;line-height:1;margin-bottom:14px}
.foot-brand p{font-size:13.5px;color:#B5ADA6;line-height:1.7;max-width:280px;font-weight:600}
.foot-col h5{font-size:12.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--pink);margin-bottom:16px}
.foot-col a,.foot-col p{display:block;font-size:13.5px;color:#C9C0BA;margin-bottom:9px;transition:color .2s;line-height:1.5;font-weight:600}
.foot-col a:hover{color:#fff}
.biz p{font-size:12px;color:#9b938d;margin-bottom:5px;line-height:1.55}
.copyright{padding-top:26px;font-size:12px;color:#8a827c;line-height:1.7;font-weight:500}
.copyright a{color:#b5ada6;text-decoration:underline}
@media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-grid{grid-template-columns:1fr}.policy-grid,.form-grid{grid-template-columns:1fr}}

/* mobile */
@media(max-width:860px){
  .hero{min-height:0;display:block}
  .hero-bg{position:relative;height:300px;background-position:60% 38%}
  .hero-scrim{display:none}
  .hero .wrap{padding-top:42px;padding-bottom:54px}
  .hero-copy{max-width:none}
  .hero h1{font-size:92px}
  .hero .lead{max-width:none}
  .sec-title{font-size:29px}
  .manifesto h2{font-size:29px}
  .moment h2,.safety h2,.closing h2{font-size:26px}
  .stat .num{font-size:30px}
  .doc-hero h1{font-size:30px}
  .card{padding:22px 20px}
}
@media(max-width:420px){.hero h1{font-size:74px}}