@import url('/assets/fonts.css');
@import url('/assets/lora.css');

:root {
  --night:#21152c; --deep:#17172b; --plum:#482846; --lilac:#dcc3eb;
  --gold:#f0d4a1; --paper:#faf7fc; --ink:#302439; --muted:#dfd4e5;
  --line:rgba(228,207,238,.24); --body:'DM Sans',Arial,sans-serif;
  --display:'Lora',Georgia,serif;
}
* { box-sizing:border-box }
html { scroll-padding-top:28px }
body { margin:0; background:var(--night); color:var(--paper); font:18px/1.75 var(--body); -webkit-font-smoothing:antialiased }
a { color:inherit; text-decoration:none }
a,summary { -webkit-tap-highlight-color:transparent }
img { display:block; max-width:100%; height:auto }
h1,h2,h3,p,figure { margin:0 }
h1,h2 { font-family:var(--display); font-weight:600; line-height:1.22; letter-spacing:-.035em; text-wrap:balance }
h2 { font-size:clamp(34px,3.6vw,49px) }
h1 em,h2 em { font-style:normal; color:var(--lilac) }
h3 { font-size:22px; font-weight:700; line-height:1.4 }
p { color:var(--muted) }
p+p { margin-top:20px }
a:focus-visible,summary:focus-visible { outline:3px solid #ac70df; outline-offset:6px }
.wrap { width:min(1160px,calc(100% - 80px)); margin-inline:auto }
.section { padding:100px 0 }
.eyebrow { font-size:12px; font-weight:700; letter-spacing:.12em; line-height:1.6; color:var(--gold); margin-bottom:20px }
.light { color:var(--ink); background:radial-gradient(ellipse at 100% 0,#e7d8f04f,transparent 55%),radial-gradient(ellipse at 0 100%,#f2e0e74d,transparent 55%),var(--paper) }
.light p { color:#65536d }
.light .eyebrow { color:#765188 }
.light h2 em { color:#825696 }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }
.skip-link { position:fixed; z-index:100; top:8px; left:8px; transform:translateY(-160%); background:var(--gold); color:var(--night); padding:10px 20px }
.skip-link:focus { transform:none }
.announcement { text-align:center; padding:10px 15px; background:#4b2e50; font-size:14px; color:#f6e9ff; border-bottom:1px solid #c49cd24d }
.announcement span { color:var(--gold); padding:0 12px }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:28px; padding-block:24px }
.brand { display:flex; align-items:center; gap:12px; font-size:25px; font-weight:600; line-height:1.3; white-space:nowrap }
.brand-star { color:var(--gold); font:44px Georgia,serif }
.brand small { display:block; color:#cdbdd5; font-size:9px; font-weight:500; letter-spacing:.12em; margin-top:5px }
.site-header nav { display:flex; align-items:center; gap:28px; font-size:15px }
.site-header nav>a:not(.header-cta) { color:#e2d4e9; padding-block:10px }
.header-cta { padding:10px 20px; border:1px solid #b7a080; border-radius:8px; color:var(--gold); font-weight:600 }
.header-cta span { padding-left:16px }
.opening { position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(180deg,#21152c25,#21152c18 70%,#21152c),url('/assets/atmosfera-v2.webp') center/cover }
.opening:after { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 5% 50%,#301b3655,transparent 65%); pointer-events:none }
.hero { display:grid; grid-template-columns:1fr 1fr; gap:58px; align-items:center; padding-block:48px 60px }
.hero-copy { position:relative; z-index:2 }
.hero .eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:22px }
.live-dot { width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 5px #ecd2a215 }
.hero h1 { font-size:clamp(50px,5.25vw,72px); line-height:1.1; color:#fff9ff; text-shadow:0 3px 18px #160e2399 }
.hero h1 em { display:block; color:var(--gold); margin-top:8px }
.hero-description { font-size:21px; color:#f2eaf5; line-height:1.7; margin-top:29px; max-width:500px }
.button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:60px; padding:17px 25px; border-radius:9px; font-size:17px; font-weight:700; line-height:1.4; text-align:center; transition:background .2s,transform .2s; cursor:pointer }
.button-gold { background:linear-gradient(110deg,#f9e6be,#eac488); color:#342036; border:1px solid #ffe7b4; box-shadow:0 4px 0 #9b704c,0 12px 32px #110c2533 }
.button-gold:hover { background:#fbe7bf; transform:translateY(-2px) }
.button span[aria-hidden] { font-size:24px; line-height:1 }
.hero .button { margin-top:30px }
.cta-note { font-size:14px; margin-top:17px!important; color:#e0d1e5 }
.cta-note strong { color:#fff1d4; font-weight:600 }
.hero-visual { position:relative; isolation:isolate; border:1px solid #d2b0d666; border-radius:100px 16px 16px 16px; overflow:hidden; box-shadow:0 20px 70px #10071e5c,0 0 70px #bc79c425; background:#3e284b }
.hero-visual>img { width:100%; height:570px; object-fit:cover; object-position:81% 45% }
.hero-visual:after { content:''; position:absolute; inset:50% 0 0; z-index:0; background:linear-gradient(transparent,#22112aec 90%); pointer-events:none }
.hero-visual figcaption { position:absolute; bottom:26px; left:28px; right:22px; z-index:1 }
.hero-visual figcaption>span { font-size:11px; letter-spacing:.12em; font-weight:600; color:#ead2aa }
.hero-visual figcaption strong { display:block; font:600 31px/1.3 var(--display); color:#fff5ff; margin-top:5px }
.hero-visual figcaption p { color:#e6d8ed; font-size:15px; line-height:1.5; margin-top:6px }
.quick-facts { display:grid; grid-template-columns:repeat(3,1fr); padding:29px 0 34px; border-top:1px solid var(--line); text-align:center }
.quick-facts>div+div { border-left:1px solid var(--line) }
.quick-facts strong { display:block; color:#fff2dd; font-size:20px; font-weight:600; line-height:1.5 }
.quick-facts span { display:block; color:#dccce4; font-size:15px; margin-top:3px }
.intro { border-top:4px solid #d4b586 }
.intro-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center }
.intro h2 { font-size:43px }
.intro .highlight-text { border-left:3px solid #a978b5; padding-left:20px; font-weight:700; color:#68417a; margin-top:27px }
.practice { background:linear-gradient(110deg,#29162bdd,#1c182fd9),url('/assets/atmosfera-v2.webp') center/cover }
.practice-layout { display:grid; grid-template-columns:1.05fr 1fr; gap:70px; align-items:center }
.practice h2 { margin-bottom:25px }
.mesa-art { position:relative }
.mesa-art img { width:100%; aspect-ratio:.93; object-fit:cover; object-position:50% 50%; border-radius:12px 70px 12px 12px; border:1px solid #d1acd464; box-shadow:0 20px 65px #09051266 }
.mesa-art figcaption { margin-top:17px; color:#d8c8df; font-size:13px; line-height:1.6 }
.learning-list { margin-top:27px }
.learning-list>div { display:flex; gap:16px; padding:22px 0; border-top:1px solid var(--line) }
.learning-list>div>span { color:var(--gold); font-size:28px; line-height:1.2 }
.learning-list h3 { font-size:20px; margin-bottom:7px }
.learning-list p { font-size:17px; line-height:1.65 }
.text-link { display:inline-flex; align-items:center; gap:15px; padding:10px 0 8px; margin-top:12px; border-bottom:1px solid #dcb78788; color:var(--gold); font-size:16px; font-weight:600; line-height:1.6 }
.section-heading { max-width:850px; margin:0 auto 50px; text-align:center }
.section-heading p:not(.eyebrow) { margin-top:22px }
.audience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px }
.audience-grid article { padding:28px; border:1px solid #e3d3e7; border-radius:12px; background:linear-gradient(135deg,#ffffffd9,#f1e8f3a8); box-shadow:0 12px 40px #69346c08 }
.audience-grid article>span { color:#9362a2; font-size:30px }
.audience-grid h3 { font-size:23px; margin:15px 0 12px }
.audience-grid p { font-size:17px }
.mentor { background:radial-gradient(ellipse at 10% 70%,#79486340,transparent 65%),linear-gradient(115deg,#26182dec,#2c1b31da),url('/assets/atmosfera-v2.webp') center/cover }
.mentor-layout { display:grid; grid-template-columns:.85fr 1.1fr; align-items:center; gap:80px }
.mentor h2 { margin-bottom:26px }
.mentor-photo { border:1px solid #ccb1c851; border-radius:14px; overflow:hidden; box-shadow:0 20px 65px #11091666; transform:rotate(-2deg); background:#3f2845 }
.mentor-photo img { width:100%; aspect-ratio:1; object-fit:cover }
.mentor-photo figcaption { padding:24px 27px; background:linear-gradient(120deg,#49304e,#34213c) }
.mentor-photo figcaption strong { display:block; font:600 26px/1.4 var(--display); color:#f7e7ff }
.mentor-photo figcaption span { display:block; font-size:15px; color:#dfcde7; margin-top:6px }
.mentor blockquote { font:500 27px/1.55 var(--display); border-left:2px solid #d7b685; padding-left:23px; margin:28px 0 0; color:var(--gold) }
.mentor cite { display:block; margin-top:12px; font:15px/1.5 var(--body); color:#d0bdda }
.dates { display:grid; grid-template-columns:1fr 1fr; gap:32px; max-width:1000px; margin-inline:auto; align-items:start }
.month { border:1px solid #dfd1e6; border-radius:12px; padding:25px 28px; background:#ffffff9e; box-shadow:0 10px 30px #62416c08 }
.month h3 { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:16px; border-bottom:1px solid #d7c4e0; font:600 28px/1.5 var(--display) }
.month h3>span { font:16px var(--body); color:#826a90 }
.date-row { display:flex; align-items:center; gap:18px; border-bottom:1px solid #e8deeb; padding:19px 0 }
.date-row:last-child { border-bottom:0; padding-bottom:0 }
.lesson { color:#886b95; font-size:14px; white-space:nowrap }
.date-row time { display:flex; align-items:baseline; gap:10px; color:#51325f; font:600 35px/1.2 var(--display) }
.date-row time span { font:17px var(--body); color:#65516f }
.weekday { font-size:12px; color:#796186; margin-left:auto }
.recording-note { display:flex; gap:24px; max-width:1000px; margin:35px auto 0; padding:28px; background:linear-gradient(120deg,#eadcf0,#f1e9f4); border:1px solid #d9c3e2; border-radius:12px }
.play-icon { font-size:38px; color:#805493; line-height:1.2 }
.recording-note h3 { font-size:21px; margin-bottom:10px }
.recording-note p { font-size:17px }
.calendar-link { display:table; padding:9px 0; border-bottom:1px solid #b798c7; color:#654276; font-size:16px; font-weight:600; margin:22px auto 0 }
.calendar-link span { padding-left:12px }
.offer { background:linear-gradient(90deg,#221529b3,#23182b6b),url('/assets/atmosfera-v2.webp') center/cover }
.offer-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center }
.offer h2 { font-size:48px; margin-bottom:27px }
.offer-intro>p:not(.eyebrow) { color:#e8ddeb; font-size:19px }
.small-group { display:flex; gap:17px; align-items:center; margin-top:30px; padding-top:27px; border-top:1px solid var(--line) }
.small-group>span { font-size:35px; color:var(--gold) }
.small-group p { font-size:16px; color:#dbcae2 }
.small-group strong { color:#f8e8fb }
.price-card { border:1px solid #d8b98e; background:var(--paper); color:var(--ink); border-radius:15px; box-shadow:0 24px 80px #160d2555; overflow:hidden }
.offer-art { width:100%; height:165px; object-fit:cover; object-position:center 45%; border-bottom:3px solid #dabb92 }
.price-content { padding:30px 34px }
.price-kicker { text-align:center; color:#866392; font-size:11px; font-weight:700; letter-spacing:.1em; margin-bottom:15px }
.price-card h3 { text-align:center; font-size:25px }
.included { list-style:none; padding:0; margin:26px 0; color:#56455e }
.included li { position:relative; font-size:17px; line-height:1.55; padding-left:28px; margin-top:14px }
.included li:before { content:'✓'; position:absolute; left:0; color:#835391; font-weight:700 }
.price { border-top:1px solid #e2d6e7; padding-top:23px; margin-bottom:25px; text-align:center }
.price>span { color:#786582; font-size:15px }
.price>strong { display:block; font:700 59px/1.3 var(--body); letter-spacing:-.05em; color:#482b56; margin-top:6px }
.price strong small { font-size:26px; letter-spacing:0; font-weight:500 }
.price strong>span { font-size:31px }
.price p { color:#725d7c; font-size:14px; line-height:1.7; margin-top:10px }
.price-card .button { width:100%; font-size:16px; gap:15px; padding-inline:14px }
.secure-note { font-size:13px; text-align:center; color:#786581; margin-top:17px }
.secure-note>span { display:none }
.guarantee { margin-top:23px; padding-top:21px; border-top:1px solid #e2d6e7; text-align:center }
.guarantee strong { color:#60436d; font-size:17px }
.guarantee p { color:#776180; font-size:14px; margin-top:7px; line-height:1.6 }
.faq-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px }
.faq h2 { margin-bottom:25px }
.questions details { border-bottom:1px solid #ddcfe5 }
.questions details:first-child { border-top:1px solid #ddcfe5 }
.questions summary { cursor:pointer; list-style:none; position:relative; padding:22px 35px 22px 0; color:#4b3357; font-size:19px; font-weight:600; line-height:1.55 }
.questions summary::-webkit-details-marker { display:none }
.questions summary:after { content:'+'; position:absolute; right:2px; top:22px; font-size:25px; color:#9265a4; font-weight:400 }
.questions details[open] summary:after { content:'−' }
.questions details p { padding:0 20px 24px 0; font-size:18px; line-height:1.75 }
.button-outline { border:1px solid #a17cad; color:#664273; font-size:16px; padding:14px 18px; gap:12px; margin-top:24px }
.button-outline:hover { background:#eddef3 }
.closing.wrap { width:100%; text-align:center; padding:75px max(25px,calc((100% - 1100px)/2)); background:linear-gradient(#25152f55,#26172dc4),url('/assets/atmosfera-v2.webp') center 40%/cover }
.closing-star { color:var(--gold); font-size:38px }
.closing>p:not(.cta-note) { color:#e2cce9; font:500 28px/1.4 var(--display); margin-top:20px }
.closing h2 { font-size:46px; margin:17px 0 28px }
.site-footer { display:flex; gap:50px; align-items:center; padding-block:35px; border-top:1px solid var(--line) }
.site-footer .brand { font-size:22px }
.site-footer>div { max-width:490px; margin-left:auto }
.site-footer p { font-size:13px; line-height:1.65; color:#c4aecf }
.site-footer p+p { margin-top:8px }
.mobile-dock { display:none }

@media(max-width:1050px) {
  .wrap { width:calc(100% - 56px) }
  .hero,.intro-layout,.practice-layout,.mentor-layout,.offer-layout,.faq-layout { gap:40px }
  .hero h1 { font-size:56px }
  .hero-visual>img { height:540px }
  .hero-description { font-size:20px }
  .hero .button { font-size:16px; padding-inline:17px }
  .site-header nav { gap:18px; font-size:14px }
  .brand { font-size:22px }
  .brand small { font-size:8px }
  .intro h2,.offer h2 { font-size:39px }
  .price-content { padding:28px }
  .weekday { display:none }
  .audience-grid { gap:17px }
  .audience-grid article { padding:22px }
  .date-row time span { font-size:16px }
}
@media(max-width:760px) {
  body { font-size:18px; line-height:1.75 }
  .wrap { width:calc(100% - 40px) }
  .section { padding:65px 0 }
  h2,.intro h2,.offer h2 { font-size:33px; line-height:1.3 }
  .eyebrow { font-size:11px; letter-spacing:.075em; margin-bottom:17px }
  .announcement { font-size:12px; padding:9px 7px }
  .announcement span { padding:0 6px }
  .site-header { padding-block:15px; gap:10px }
  .brand { font-size:19px; gap:7px }
  .brand-star { font-size:31px }
  .brand small { font-size:7px; letter-spacing:.055em }
  .site-header nav>a:not(.header-cta) { display:none }
  .header-cta { display:flex; align-items:center; min-height:44px; font-size:12px; padding:9px 11px }
  .header-cta span { padding-left:8px }
  .opening { background-position:63% top; background-size:auto 100% }
  .hero { display:grid; grid-template-columns:1fr; grid-template-areas:'eyebrow' 'title' 'portrait' 'description' 'action' 'note'; gap:0; padding-top:22px; padding-bottom:29px; text-align:center }
  .hero-copy { display:contents }
  .hero .eyebrow { grid-area:eyebrow; justify-content:center; margin-bottom:14px; font-size:11px }
  .hero h1 { grid-area:title; font-size:clamp(35px,9.5vw,56px); line-height:1.14; letter-spacing:-.035em }
  .hero h1 em { margin-top:5px }
  .hero-visual { grid-area:portrait; width:100%; max-width:460px; margin:23px auto 0; border-radius:50px 12px 12px 12px; text-align:left }
  .hero-visual>img { height:250px; object-position:85% 38%; width:100% }
  .hero-visual:after { inset:45% 0 0 }
  .hero-visual figcaption { left:20px; bottom:16px; right:14px }
  .hero-visual figcaption>span { font-size:10px; letter-spacing:.08em }
  .hero-visual figcaption strong { font-size:25px; margin-top:3px }
  .hero-visual figcaption p { font-size:14px; margin-top:3px }
  .hero-description { grid-area:description; font-size:18px; line-height:1.65; margin:22px auto 0; max-width:480px }
  .hero .button { grid-area:action; width:100%; font-size:16px; margin-top:22px; padding:16px 12px; gap:13px }
  .hero .cta-note { grid-area:note; font-size:13px; margin-top:16px!important }
  .quick-facts { padding:21px 0 28px; gap:9px }
  .quick-facts strong { font-size:15px; line-height:1.4 }
  .quick-facts span { font-size:12px; line-height:1.5; margin-top:6px }
  .intro-layout,.practice-layout,.mentor-layout,.offer-layout,.faq-layout { grid-template-columns:1fr; gap:30px }
  .intro-text { font-size:18px }
  .intro .highlight-text { padding-left:17px }
  .practice-layout { display:flex; flex-direction:column-reverse; gap:32px }
  .practice h2 { margin-bottom:22px }
  .learning-list>div { padding:21px 0; gap:14px }
  .learning-list h3 { font-size:21px }
  .learning-list p { font-size:18px }
  .mesa-art { width:100% }
  .mesa-art img { aspect-ratio:1.18; border-radius:12px 42px 12px 12px }
  .mesa-art figcaption { font-size:13px; margin-top:14px }
  .text-link { font-size:16px; gap:12px }
  .section-heading { text-align:left; margin-bottom:32px }
  .section-heading p:not(.eyebrow) { font-size:18px }
  .audience-grid { grid-template-columns:1fr; gap:17px }
  .audience-grid article { padding:24px 23px; position:relative }
  .audience-grid article>span { position:absolute; top:18px; right:20px; font-size:27px }
  .audience-grid h3 { font-size:23px; margin:0 27px 11px 0 }
  .audience-grid p { font-size:18px }
  .mentor-layout { display:flex; flex-direction:column-reverse; gap:35px }
  .mentor-photo { transform:none; width:100%; max-width:450px }
  .mentor-photo img { aspect-ratio:1.15 }
  .mentor-photo figcaption { padding:20px 24px }
  .mentor-photo figcaption strong { font-size:25px }
  .mentor-photo figcaption span { font-size:16px }
  .mentor blockquote { font-size:24px; line-height:1.55; padding-left:19px }
  .dates { grid-template-columns:1fr; gap:21px }
  .month { padding:22px }
  .month h3 { font-size:27px }
  .date-row { gap:14px; padding:18px 0 }
  .date-row time { font-size:33px; gap:13px }
  .date-row time span { font-size:17px }
  .lesson { width:43px; font-size:14px }
  .weekday { display:block; font-size:11px }
  .recording-note { padding:24px 21px; gap:14px; margin-top:26px }
  .play-icon { font-size:29px }
  .recording-note h3 { font-size:21px }
  .recording-note p { font-size:17px }
  .calendar-link { font-size:16px; text-align:center; line-height:1.6 }
  .offer-layout { gap:32px }
  .offer-intro>p:not(.eyebrow) { font-size:18px }
  .small-group { margin-top:24px; padding-top:22px }
  .small-group p { font-size:16px }
  .offer-art { height:150px }
  .price-content { padding:27px 23px }
  .price-kicker { font-size:11px; letter-spacing:.05em }
  .price-card h3 { font-size:25px }
  .included li { font-size:17px; margin-top:14px }
  .price>strong { font-size:55px }
  .price p { font-size:15px }
  .price-card .button { font-size:16px; gap:10px; padding-inline:10px }
  .secure-note { font-size:13px }
  .guarantee p { font-size:14px }
  .button-outline { font-size:15px; width:100%; max-width:390px; gap:9px }
  .questions summary { font-size:19px }
  .questions details p { font-size:18px; padding-right:10px }
  .closing.wrap { padding:60px 22px; background-position:70% center }
  .closing>p:not(.cta-note) { font-size:24px }
  .closing h2 { font-size:33px; line-height:1.3 }
  .closing .button { width:100%; font-size:16px }
  .closing .cta-note { font-size:13px }
  .site-footer { display:block; padding-block:28px 125px }
  .site-footer>div { margin-top:23px; max-width:none }
  .site-footer p { font-size:13px }
  .mobile-dock { display:flex; position:fixed; z-index:50; bottom:0; left:0; right:0; align-items:center; justify-content:space-between; gap:10px; padding:12px 18px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid #ac82b36e; background:#26182ef5; backdrop-filter:blur(16px); box-shadow:0 -7px 25px #1d0f3026; transition:transform .2s }
  .mobile-dock>div>span { display:block; font-size:12px; color:#dcc6e4; line-height:1.5 }
  .mobile-dock strong { display:block; font-size:19px; color:#fff0d7; line-height:1.5 }
  .mobile-dock small { font-size:11px; color:#ddcbe4; font-weight:500 }
  .mobile-dock .button { font-size:14px; padding:12px 15px; min-height:49px; gap:9px; box-shadow:0 2px 0 #9b704c }
  .mobile-dock.is-hidden { transform:translateY(110%); visibility:hidden }
}
@media(max-width:360px) {
  .wrap { width:calc(100% - 32px) }
  .brand { font-size:17px }
  .brand small { font-size:6px }
  .brand-star { font-size:26px }
  .header-cta { padding-inline:9px; font-size:11px }
  .announcement { font-size:11px }
  .hero h1 { font-size:34px }
  .hero-visual>img { height:235px }
  .quick-facts strong { font-size:14px }
  .quick-facts span { font-size:11px }
  .month { padding:20px }
  .weekday { display:none }
  .price-content { padding:24px 18px }
  .price-card .button { font-size:15px }
  .mobile-dock { padding-inline:12px }
  .mobile-dock strong { font-size:17px }
  .mobile-dock .button { font-size:13px; padding-inline:12px }
  .mobile-dock>div>span { font-size:11px }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto }
  *,*:before,*:after { animation:none!important; transition:none!important }
  .button-gold:hover { transform:none }
}

/* Acompanhamento e materiais da formação. */
.mesa-approach { border-bottom:1px solid #dfd1e6 }
.learning-support { background:radial-gradient(ellipse at 90% 15%,#79486345,transparent 65%),var(--deep) }
.support-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px }
.support-grid article { padding:32px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(130deg,#70466e38,#33203c60) }
.support-label { display:block; color:var(--gold); font-size:12px; font-weight:700; letter-spacing:.075em; margin-bottom:14px }
.support-grid h3 { font-size:24px; color:#fff2dd; margin-bottom:15px }
.support-grid p { font-size:18px }
@media(max-width:760px) {
  .support-grid { grid-template-columns:1fr; gap:17px }
  .support-grid article { padding:24px }
  .support-grid h3 { font-size:23px }
}