/* Seções da landing. As telas reais ficam sobre dois campos: o fotográfico (imagem de luz quente,
   escurecida, com quadriculado fino e degradê) e o claro (papel com quadriculado em tinta e um
   brilho quente). Cartões em grade no lugar das listas em fios. */

/* Product window, shared by the hero, cards and screen tour */
.app-window{background:var(--white);border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 30px 80px rgba(18,18,17,.32),0 0 0 1px rgba(18,18,17,.08)}
.app-window-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-bottom:1px solid #ecebe7;background:#fbfbfa;font-family:var(--font-ui);font-size:var(--text-xs);color:#8a8883}
.app-window-bar i{width:9px;height:9px;border-radius:50%;background:#dcdad5}
.app-window-bar span{flex:1;text-align:center;margin-right:42px}
.app-window img{width:100%;height:auto}

/* Photo field: warm-light photograph, darkened, with a fine grid and a gradient on top. */
.photo-field{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:var(--night-text)}
.field-photo{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover}
.photo-field:before,.grid-field:before,.light-field:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 25%,transparent 80%)}
.photo-field:after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(70% 60% at 85% 0%,rgba(var(--glow),.28),rgba(var(--glow),0) 70%),linear-gradient(180deg,rgba(18,18,17,.55),rgba(18,18,17,.35) 45%,rgba(18,18,17,.7))}
/* Light-beam field: graphite with warm window light falling diagonally, drawn in CSS so it stays
   sharp at any size (the hero, the film cover and the social image use it). */
.light-field{position:relative;isolation:isolate;overflow:hidden;color:var(--night-text);background:linear-gradient(118deg,rgba(var(--glow),0) 16%,rgba(var(--glow),.2) 27%,rgba(var(--glow),.05) 36%,rgba(var(--glow),0) 41%),linear-gradient(118deg,rgba(var(--glow),0) 47%,rgba(var(--glow),.13) 55%,rgba(var(--glow),0) 64%),radial-gradient(75% 85% at 92% -15%,rgba(var(--glow),.42),rgba(var(--glow),0) 62%),radial-gradient(55% 60% at 0% 110%,rgba(var(--glow),.12),rgba(var(--glow),0) 70%),linear-gradient(180deg,#201d19,#121211 75%)}
.light-field:before{background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px)}
/* Light field: paper with an ink grid and a soft warm glow. */
.grid-field{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(70% 70% at 90% 0%,rgba(var(--glow),.26),rgba(var(--glow),0) 70%),linear-gradient(170deg,#f4f2ec,#ebe8e0)}
.grid-field:before{background-image:linear-gradient(rgba(31,31,30,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,31,30,.07) 1px,transparent 1px)}
.stage-mark{position:absolute;z-index:-1;pointer-events:none;aspect-ratio:713/720;background:rgba(31,31,30,.05);-webkit-mask:url("brand/icone-mascara.png") center/contain no-repeat;mask:url("brand/icone-mascara.png") center/contain no-repeat}

/* Hero: São Paulo at golden hour, full bleed, under the clear header. The title sits in the dark
   lower third in one colour; the product screen follows right below the photograph. */
.hero-cover{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:max(640px,calc(100svh - 40px));max-height:1080px;margin-top:-72px;padding:120px 0 clamp(72px,12vh,128px);background:var(--night);color:var(--night-text)}
.hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hero-cover:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(18,18,17,.62),rgba(18,18,17,0) 58%),linear-gradient(180deg,rgba(18,18,17,.42),rgba(18,18,17,0) 24%)}
.hero-head{display:flex;flex-direction:column;align-items:center;text-align:center}
.hero h1{font-size:clamp(48px,7vw,104px);line-height:.96;letter-spacing:-.045em}
.hero-line{display:block}
.hero-side{display:flex;flex-direction:column;align-items:center;margin-top:28px}
.hero-description{max-width:600px;font-size:19px;line-height:1.55;color:rgba(244,243,239,.84)}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:32px}
.hero-cover .button-text:hover{background:rgba(244,243,239,.1)}
.hero-cover .play-icon{border-color:rgba(244,243,239,.45)}
.hero-stage{margin-top:72px;padding:84px 7% 0;border-radius:var(--radius)}
.stage-note{position:absolute;top:30px;left:0;right:0;text-align:center;font-size:var(--text-sm);color:rgba(244,243,239,.82)}
/* Ruled lists: open columns under a hairline, no boxes. The four steps under the hero, the way of
   working, the pilot and the safeguards all read this way. */
.hero-flow,.workflow-grid,.pilot-steps ol{display:grid;grid-template-columns:repeat(4,1fr);gap:0 40px}
.hero-flow{margin-top:56px}
.hero-flow li,.workflow-grid li,.pilot-steps li{padding-top:22px;border-top:1px solid var(--line)}
.hero-flow span,.workflow-grid span,.pilot-steps span{display:block;font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted)}
.hero-flow strong{display:block;font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:16px 0 8px}
.hero-flow p{font-size:var(--text-md);line-height:1.55;color:var(--muted)}

/* Official sources */
.sources-strip{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:center;padding-top:112px}
.sources-strip h2{max-width:300px;font-family:var(--font);font-size:var(--text-md);font-weight:500;letter-spacing:0;line-height:1.5;color:var(--muted)}
.source-cells{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
.source-cells li{padding:26px 28px;border-left:1px solid var(--line)}
.source-cells li:first-child{border-left:0;padding-left:0}
.source-cells strong{display:block;font-family:var(--display);font-weight:700;font-size:30px;line-height:1;letter-spacing:-.03em}
.source-cells span{display:block;margin-top:10px;font-size:var(--text-sm);line-height:1.4;color:var(--muted)}

/* Platform: two pictures, one on the light field and one on the photo field, each with a real
   screen; the title, text and link sit below on paper. */
.platform-cards{display:grid;grid-template-columns:1fr 1fr;gap:56px 24px}
.platform-card{display:flex;flex-direction:column;min-width:0}
.platform-media{display:flex;align-items:flex-end;aspect-ratio:5/4;border-radius:var(--radius)}
.platform-card-light .platform-media{box-shadow:inset 0 0 0 1px var(--line)}
.platform-card-dark .field-photo{object-position:50% 40%}
.platform-card-dark .platform-media:after{background:linear-gradient(180deg,rgba(18,18,17,.5),rgba(18,18,17,.25) 55%,rgba(18,18,17,.45))}
.platform-card .stage-mark{width:360px;right:-110px;top:-90px}
.card-screen{width:100%;margin-right:-30%;padding:12% 0 0 12%;transition:transform .5s ease}
.card-screen .app-window{border-top-right-radius:0}
.card-copy{max-width:540px;padding-top:28px}
.card-copy h3{font-size:clamp(26px,2.4vw,34px);line-height:1.1;letter-spacing:-.03em}
.card-copy p{margin:12px 0 20px;font-size:16px;color:var(--muted)}
@media (hover:hover) and (min-width:961px){.platform-card:hover .card-screen{transform:translateY(-8px)}}

/* Film */
.film-section{padding-bottom:128px}
.film-stage{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:var(--radius);background:var(--night)}
.film-stage video{display:block;width:100%;height:100%;object-fit:contain;background:var(--night)}
.film-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;border:0;text-align:center}
.film-cover-logo{width:174px;height:33px}
.film-cover-title{font-family:var(--display);font-weight:500;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-.04em}
.film-cover-title span{display:block}
.film-play{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 0 0 14px rgba(249,248,245,.18);transition:transform .3s,box-shadow .3s}
.film-play .ui-icon{width:28px;height:28px}
.film-cover:hover .film-play{transform:scale(1.06);box-shadow:0 0 0 20px rgba(249,248,245,.14)}
.film-cover-label{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);padding:6px 14px;border-radius:999px;background:rgba(249,248,245,.94);font-size:var(--text-base);color:var(--ink);white-space:nowrap}
.film-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;font-size:var(--text-sm);color:var(--muted)}
.film-transcript{margin-top:20px;border-bottom:1px solid var(--line)}
.film-transcript summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:var(--text-base);cursor:pointer;list-style:none}
.film-transcript p{max-width:880px;padding-bottom:20px;font-size:var(--text-md);color:var(--muted)}
summary::-webkit-details-marker{display:none}
.faq-plus{position:relative;flex:none;width:14px;height:14px}
.faq-plus:before,.faq-plus:after{content:'';position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .25s}
.faq-plus:after{transform:rotate(90deg)}
details[open] .faq-plus:after{transform:rotate(0)}

/* Screen tour */
.product{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px 64px;align-items:start}
.product-intro>p{max-width:420px;margin-top:20px;color:var(--muted)}
.app-tabs{display:flex;flex-direction:column;gap:4px;margin-top:36px}
.app-tabs button{position:relative;display:block;width:100%;padding:16px 20px 16px 24px;border:0;border-radius:var(--radius-sm);background:none;text-align:left;font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:#9a9893;transition:color .2s,background .2s,box-shadow .2s}
.app-tabs button:hover{color:var(--ink)}
.app-tabs button[aria-selected=true]{color:var(--ink)}
.app-tabs button:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:3px;background:var(--ink);transform:scaleY(0);transform-origin:top}
.app-tabs button[aria-selected=true]:before{transform:scaleY(1)}
/* While the tour plays by itself, the ink bar fills up until the next screen. */
.app-tabs.is-autoplay button[aria-selected=true]:before{animation:tour-progress 7s linear forwards}
.app-tabs.is-paused button[aria-selected=true]:before,.product:hover .app-tabs button[aria-selected=true]:before{animation-play-state:paused}
@keyframes tour-progress{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.app-tabs small{display:none;max-width:400px;margin-top:8px;font-family:var(--font);font-size:var(--text-md);font-weight:400;letter-spacing:0;line-height:1.5;color:var(--muted)}
.app-tabs [aria-selected=true] small{display:block}
.app-stage{aspect-ratio:1/.92;border-radius:var(--radius)}
.app-stage .stage-mark{width:420px;left:-120px;bottom:-140px}
.app-panel{position:absolute;top:12%;left:9%;width:165%}
.app-panel .app-window{border-top-right-radius:0}
.app-panel figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.app-note{grid-column:2;font-size:var(--text-sm);color:var(--muted)}

/* How it works */
.workflow{border-top:1px solid var(--line)}
.workflow-grid li{border-top-color:var(--ink)}
.workflow-grid h3{margin:56px 0 10px;font-size:24px;line-height:1.15;letter-spacing:-.025em}
.workflow-grid p{font-size:var(--text-md);color:var(--muted)}
.workflow-note{margin-top:40px;font-size:var(--text-base);color:var(--muted)}

/* People: a wide photograph of the room where the work happens, then the title and the text
   side by side below it. */
.human-photo{overflow:hidden;aspect-ratio:21/9;border-radius:var(--radius);background:var(--paper-deep)}
.human-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.human-copy{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px 96px;align-items:start;margin-top:56px}
.human-copy h2{font-size:clamp(38px,4.6vw,68px);line-height:1.02;letter-spacing:-.04em}
.human-text p{max-width:520px;font-size:18px;color:var(--muted)}
.human-text p+p{margin-top:20px}

/* Dark bands */
.dark-band{background:var(--night);color:var(--night-text)}
.dark-band .eyebrow,.pilot .eyebrow{color:#d2d0ca}
.dark-band .eyebrow:before,.pilot .eyebrow:before{background:var(--night-text)}
.control{position:relative;isolation:isolate;padding:128px 0 112px;background:radial-gradient(60% 50% at 0% 0%,rgba(var(--glow),.12),rgba(var(--glow),0) 70%),var(--night)}
.control-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:72px;align-items:start}
.control-intro{position:sticky;top:120px}
.control-intro h2,.contact-copy h2{font-size:clamp(32px,3.2vw,48px)}
.control-intro p{max-width:400px;margin-top:24px;font-size:17px;color:var(--night-muted)}
.control-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.control-list li{display:flex;flex-direction:column;gap:20px;padding:28px 0 40px;border-top:1px solid var(--night-line)}
.control-list li:first-child{grid-column:1/-1;border-top-color:var(--night-text)}
.control-list li:first-child h3{font-size:clamp(26px,2.4vw,34px)}
.control-icon{display:block;color:var(--night-muted)}
.control-icon .ui-icon{width:22px;height:22px}
.control-list h3{font-size:22px;line-height:1.2}
.control-list p{max-width:560px;margin-top:8px;font-size:var(--text-md);color:var(--night-muted)}
.sources{padding:16px 0 128px}
.sources .shell{padding-top:112px;border-top:1px solid var(--night-line)}
.sources .split-heading>p{color:var(--night-muted)}
.source-rows>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:96px;align-items:baseline;padding:32px 0;border-top:1px solid var(--night-line)}
.source-rows>div:last-child{border-bottom:1px solid var(--night-line)}
.source-rows dt{font-family:var(--display);font-weight:500;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.03em}
.source-rows dd{max-width:560px;font-size:16px;color:var(--night-muted)}

/* Pilot */
.pilot{background:var(--night);color:var(--night-text)}
.pilot-hero{display:flex;align-items:center;min-height:min(680px,88vh)}
.pilot-hero .field-photo{object-position:60% 50%}
.pilot-hero:after{background:linear-gradient(90deg,rgba(18,18,17,.94) 0%,rgba(18,18,17,.78) 38%,rgba(18,18,17,.15) 80%),linear-gradient(0deg,#121211 0%,rgba(18,18,17,0) 26%)}
.pilot-hero:before{-webkit-mask-image:linear-gradient(90deg,#000 10%,transparent 60%);mask-image:linear-gradient(90deg,#000 10%,transparent 60%)}
.pilot-copy{padding-block:120px}
.pilot-copy h2{max-width:760px}
.pilot-copy p{max-width:480px;margin:24px 0 36px;font-size:17px;color:rgba(244,243,239,.82)}
.pilot-steps{padding:32px 0 128px}
.pilot-steps ol{grid-template-columns:repeat(3,1fr)}
.pilot-steps li{border-top-color:var(--night-line)}
.pilot-steps span{color:var(--night-muted)}
.pilot-steps h4{margin:48px 0 10px;font-size:22px;line-height:1.2}
.pilot-steps p{font-size:var(--text-md);color:var(--night-muted)}

/* Contact form */
.contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:96px;align-items:start}
.contact-copy>p{max-width:440px;margin-top:24px;font-size:17px;color:var(--muted)}
.contact-bring{max-width:440px;margin-top:40px;padding:22px 0;border-block:1px solid var(--line)}
.contact-bring h3{font-size:19px;line-height:1.25}
.contact-bring p{margin-top:8px;font-size:var(--text-md);color:var(--muted)}
.contact-copy .contact-mail{margin-top:28px;font-size:var(--text-md)}
.contact-mail a{border-bottom:1px solid currentColor;font-weight:500}
.contact-card{padding:40px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field label{font-size:var(--text-base);font-weight:500}
.required{color:var(--muted)}
.field input,.field select{width:100%;height:50px;padding:0 14px;border:1px solid #d3d1cc;border-radius:var(--radius-sm);background:var(--white);font-size:16px;transition:border-color .2s}
.field select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f6e6a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.field input:hover,.field select:hover{border-color:#a8a6a1}
.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}
.field-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.field-wide{grid-column:1/-1}
.field-hint{font-size:var(--text-sm);line-height:1.45;color:var(--muted)}
.field input::placeholder{color:var(--muted-2)}
.form-footer{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:8px}
.form-footer .button{min-width:168px}
.form-footer .button:disabled{opacity:.65;cursor:progress}
.form-footer p{font-size:var(--text-sm);color:var(--muted)}
.form-status{grid-column:1/-1;font-size:var(--text-base)}
.form-status:empty{display:none}
.form-status.is-error{color:#9b2c22}
.form-done{padding:16px 0}
.form-done:focus{outline:none}
.done-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:28px;border-radius:50%;background:var(--ink);color:var(--paper)}
.done-icon .ui-icon{width:22px;height:22px}
.form-done h3{font-size:32px;line-height:1.1;letter-spacing:-.03em}
.form-done p{margin-top:10px;font-size:17px;color:var(--muted)}
.done-schedule{margin-top:28px}

/* Questions */
.faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:96px;align-items:start;border-top:1px solid var(--line)}
.faq-heading .text-link{margin-top:32px}
.faq-list details{border-top:1px solid var(--line)}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-family:var(--display);font-weight:500;font-size:21px;line-height:1.25;letter-spacing:-.02em;cursor:pointer;list-style:none}
.faq-list p{padding:0 48px 26px 0;font-size:16px;color:var(--muted)}

@media (max-width:1080px){
  .product,.human-copy,.control-grid,.contact,.faq{grid-template-columns:1fr;gap:48px}
  .control-intro{position:static}
  .app-note{grid-column:1}
  .app-stage{aspect-ratio:4/3}
  .hero-flow,.workflow-grid{grid-template-columns:1fr 1fr;gap:40px 32px}
  .sources-strip{grid-template-columns:1fr;gap:24px;text-align:center}
  .source-cells li:first-child{padding-left:28px}
  .sources-strip h2{max-width:none}
  .source-rows>div{grid-template-columns:1fr;gap:12px}
  .human-copy{gap:24px}
}
@media (max-width:960px){
  .platform-cards{grid-template-columns:1fr}
}
@media (max-width:760px){
  .hero-cover{margin-top:-64px;min-height:max(600px,calc(100svh - 56px));padding-bottom:56px}
  .hero-photo{object-position:50% 30%}
  .hero-description{font-size:17px}
  /* On phones each screen is shown whole, at its own proportions, just smaller. No crop and
     no sideways scroll. */
  .hero-stage{margin-top:48px;padding:28px 16px 72px}
  .stage-note{top:auto;bottom:16px;left:16px;right:16px;width:fit-content;max-width:calc(100% - 32px);margin-inline:auto;padding:4px 10px;border-radius:999px;background:rgba(18,18,17,.55);font-size:var(--text-xs);line-height:1.4}
  .app-window-bar{display:none}
  .hero-stage .app-window,.card-screen .app-window,.app-panel .app-window{border-radius:8px}
  .hero-flow,.workflow-grid,.pilot-steps ol,.control-list{grid-template-columns:1fr;row-gap:32px}
  .workflow-grid h3,.pilot-steps h4{margin-top:28px}
  .source-cells{grid-template-columns:1fr}
  .source-cells li{border-left:0;border-top:1px solid var(--line);padding:20px 0}
  .source-cells li:first-child{border-top:0;padding-left:0}
  .sources-strip{padding-top:80px}
  .platform-media{aspect-ratio:auto}
  .card-copy{padding-top:20px}
  .card-screen{margin-right:0;padding:32px 20px 20px}
  .app-tabs button{font-size:20px;padding:14px 16px 14px 20px}
  .app-stage{aspect-ratio:auto;padding:40px 16px}
  .app-panel{position:relative;inset:auto;width:auto}
  .film-play{width:60px;height:60px;box-shadow:0 0 0 8px rgba(249,248,245,.18)}
  .film-cover-label{bottom:12px;font-size:var(--text-xs)}
  .film-cover{gap:16px;padding-bottom:48px}
  .film-cover-title{display:none}
  .film-cover-logo{width:116px;height:22px}
  .film-bottom{flex-direction:column;align-items:flex-start;gap:8px}
  .human-photo{aspect-ratio:4/3}
  .human-photo img{object-position:62% 50%}
  .human-copy{margin-top:36px}
  .control,.sources{padding-bottom:88px}
  .control{padding-top:88px}
  .control-list li{padding:24px 0 8px}
  .sources .shell{padding-top:80px}
  .pilot-hero{min-height:620px;align-items:flex-end}
  .pilot-hero:after{background:linear-gradient(0deg,#121211 10%,rgba(18,18,17,.8) 55%,rgba(18,18,17,.3))}
  .pilot-copy{padding-block:96px 40px}
  .pilot-steps{padding:24px 0 88px}
  .contact-card{padding:28px 20px}
  .faq-list summary{font-size:19px}
  .faq-list p{padding-right:0}
}