/*
 * Stijl van de publieke site (homepage, Team, Voice): layout main.layouts.site.
 * Bewust een eigen, met de hand geschreven bestand met voorvoegsel `s-`: main.css is een gecompileerde Tailwind-build waar nieuwe klassen
 * niet in zitten, en zo botst niets met de .btn-klassen van de andere pagina's. Geen build nodig; wijzigen = dit bestand bewerken.
 * Beweging staat alleen aan bij prefers-reduced-motion: no-preference; onderaan staat de reduced-motion-uitzondering.
 */
.s-page{--ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);--green:#007A55;--green-dark:#00684A;--ink:#1D1D1F;--muted:#5C5C61;--line:#E5E5EA;--soft:#F5F5F7;
 font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',Inter,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;line-height:1.4;text-align:left}
.s-page *,.s-page *::before,.s-page *::after{box-sizing:border-box}
.s-page h1,.s-page h2,.s-page h3,.s-page p,.s-page ul,.s-page ol,.s-page figure,.s-page blockquote{margin:0;padding:0}
.s-page h1,.s-page h2,.s-page h3{font-weight:700}
.s-page a{color:var(--green);text-decoration:none}
.s-page a:hover{color:#005C40;text-decoration:underline}
.s-page :focus-visible{outline:3px solid #0A84FF;outline-offset:2px;border-radius:6px}
.s-page img,.s-page video,.s-page canvas{max-width:100%}
.s-wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.s-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.s-skip{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:var(--ink)!important;padding:10px 16px;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.2)}
.s-skip:focus{top:12px}
[x-cloak]{display:none!important}

/* Knoppen */
.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font:inherit;font-weight:500;border-radius:980px;text-decoration:none!important;min-height:44px;transition:transform 160ms var(--ease-out),background-color 160ms ease,box-shadow 200ms ease}
.s-btn:active{transform:scale(.97)}
.s-btn-primary{background:var(--green);color:#fff!important;padding:12px 24px;font-size:17px}
.s-btn-dark{background:var(--ink);color:#fff!important;padding:12px 0;font-size:15px;width:100%}
.s-btn-glass{background:rgba(255,255,255,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff!important;padding:12px 22px;font-size:17px}
.s-btn-light{background:#fff;color:#1E2235!important;padding:12px 22px;font-size:15px;font-weight:600}
.s-btn-green{background:#69B86B;color:#12142A!important;padding:12px 24px;font-size:17px;font-weight:600}
.s-btn[disabled]{opacity:.35;cursor:default;transform:none}
@media (hover:hover) and (pointer:fine){
 .s-btn-primary:hover{background:var(--green-dark)}
 .s-btn-dark:hover{background:#2C2C2E}
 .s-btn-glass:hover{background:rgba(255,255,255,.26)}
 .s-btn-green:hover{background:#7CC77E}
 .s-lift:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(0,0,0,.12);text-decoration:none}
 .s-lift:hover .s-pass{transform:var(--fan)}
 .s-stack:hover .s-pass{transform:var(--fan)}
}
.s-lift{transition:transform 260ms var(--ease-out),box-shadow 260ms ease}

/* Raster */
.s-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.s-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.s-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.s-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.s-span2{grid-column:span 2}
.s-calc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}
.s-h1{font-weight:700;letter-spacing:-.04em;line-height:1.03}
.s-h2{font-size:52px;line-height:1.06;letter-spacing:-.035em;font-weight:700}
.s-chip{display:inline-block;font-size:11px;font-weight:600;background:#E5E5EA;color:#3A3A3C;padding:2px 7px;border-radius:6px;white-space:nowrap}
.s-tabular{font-variant-numeric:tabular-nums}

/* Nav */
.s-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(22,22,26,.62);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.s-header.is-light{background:rgba(255,255,255,.78);border-bottom-color:rgba(0,0,0,.08)}
.s-nav{height:56px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.s-navlinks{display:flex;gap:26px;font-size:14px;align-items:center}
.s-navlinks a,.s-navright a.s-navlink{color:#E8E8ED}
.is-light .s-navlinks a,.is-light .s-navright a.s-navlink{color:var(--ink)}
.s-navright{display:flex;align-items:center;gap:16px;font-size:14px}
.s-navcta{padding:7px 15px!important;font-size:14px!important;min-height:36px!important}
.s-burger{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:10px;margin:-10px}
.is-light .s-burger{color:var(--ink)}
.s-mobilemenu{display:none}
.s-lang{position:relative}
.s-langbtn{background:none;border:0;cursor:pointer;color:inherit;font:inherit;padding:8px;margin:-8px;min-height:44px}
.s-langmenu{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.2);padding:6px;z-index:60}
.s-langmenu a{display:block;padding:9px 12px;border-radius:8px;color:var(--ink)!important;font-size:14px}
.s-langmenu a:hover{background:var(--soft);text-decoration:none}
.s-brand{display:flex;align-items:center;gap:10px}
.s-brand img{height:24px;width:auto;display:block}

/* Gedeelde delen */
.s-tabs{display:inline-flex;background:#E3E3E8;border-radius:980px;padding:3px}
.s-tab{border:0;cursor:pointer;font:inherit;font-size:15px;font-weight:500;min-height:40px;padding:8px 20px;border-radius:980px;background:transparent;color:var(--ink);transition:background-color 160ms ease,box-shadow 160ms ease,transform 160ms var(--ease-out)}
.s-tab:active{transform:scale(.97)}
.s-tab[aria-selected="true"]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.s-seg{display:inline-flex;background:#F0F0F3;border-radius:980px;padding:2px}
.s-seg button{border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:500;padding:5px 12px;min-height:32px;border-radius:980px;background:transparent;color:var(--ink)}
.s-seg button[aria-pressed="true"]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.s-faq details{border-top:1px solid var(--line);padding:20px 0}
.s-faq details:last-child{border-bottom:1px solid var(--line)}
.s-faq summary{cursor:pointer;list-style:none;font-size:19px;font-weight:600;display:flex;justify-content:space-between;gap:16px;align-items:center}
.s-faq summary::-webkit-details-marker{display:none}
.s-faq .s-chev{color:#8E8E93;transition:transform 200ms var(--ease-out)}
.s-faq details[open] .s-chev{transform:rotate(90deg)}
.s-faq .s-answer{margin-top:12px;font-size:17px;line-height:1.5;color:var(--muted)}
.s-tile{background:#fff;border-radius:24px;padding:32px;display:flex;flex-direction:column}
.s-list{list-style:none;display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.45}
.s-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}
.s-field input,.s-field textarea{font:inherit;font-size:16px;border:1px solid #D2D2D7;border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink);width:100%}
.s-field input:focus-visible,.s-field textarea:focus-visible{outline:3px solid #0A84FF;outline-offset:0}
.s-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4}
.s-check input{margin-top:3px;width:18px;height:18px;flex-shrink:0}
.s-modal{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}
.s-modal video{width:100%;border-radius:18px;display:block;background:#000;max-height:84vh}
.s-modal-close{position:absolute;top:-56px;right:0;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:rgba(255,255,255,.18);color:#fff;font-size:22px;line-height:1}
.s-footer{background:var(--soft);padding:40px 0;font-size:13px;color:var(--muted)}
.s-footer a{color:var(--muted)}
.s-footer-links{display:flex;gap:10px 22px;flex-wrap:wrap}

/* Keyframes */
@keyframes sHeroRecede{to{transform:scale(1.06);opacity:.35}}
@keyframes sHeroCopy{to{transform:translateY(-40px);opacity:0}}
@keyframes sReveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes sRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes sGrow{from{transform:scale(.86);opacity:.4}to{transform:none;opacity:1}}
@keyframes sWave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes sTick{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes sPassIn{from{opacity:0;transform:translateY(40px) rotate(0)}to{opacity:1;transform:var(--rest)}}
@keyframes sCardIn{0%,8%{transform:translate(-150px,40px) rotate(-14deg)}30%,62%{transform:translate(-18px,8px) rotate(-6deg)}80%,100%{transform:translate(-150px,40px) rotate(-14deg)}}
@keyframes sRipple{0%,28%{opacity:0;transform:scale(.6)}34%{opacity:.7}52%,100%{opacity:0;transform:scale(1.9)}}
@keyframes sSheetUp{0%,34%{transform:translateY(105%)}44%,86%{transform:translateY(0)}96%,100%{transform:translateY(105%)}}
@keyframes sNotif{0%,30%{transform:translateY(-120%);opacity:0}35%,42%{transform:none;opacity:1}46%,100%{transform:translateY(-120%);opacity:0}}
@keyframes sPress{0%,52%{transform:none;filter:none}55%{transform:scale(.95);filter:brightness(.85)}58%,100%{transform:none;filter:none}}
@keyframes sTouch{0%,50%{opacity:0;transform:scale(.6)}53%{opacity:.55;transform:scale(1)}58%,100%{opacity:0;transform:scale(1.4)}}
@keyframes sLblA{0%,57%{opacity:1}60%,90%{opacity:0}93%,100%{opacity:1}}
@keyframes sLblB{0%,57%{opacity:0;transform:translateY(4px)}60%,90%{opacity:1;transform:none}93%,100%{opacity:0}}
@keyframes sSaved{0%,59%{opacity:0;transform:translateY(10px) scale(.96)}63%,86%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(10px) scale(.96)}}

.s-pass{transition:transform 320ms var(--ease-out);transform:var(--rest)}

/* Beweging: alleen als de bezoeker er geen bezwaar tegen heeft. */
@media (prefers-reduced-motion:no-preference){
 .s-hero-in>*{animation:sRise 700ms var(--ease-out) both}
 .s-hero-in>*:nth-child(2){animation-delay:80ms}
 .s-hero-in>*:nth-child(3){animation-delay:160ms}
 .s-hero-in>*:nth-child(4){animation-delay:240ms}
 .s-hero-in>*:nth-child(5){animation-delay:320ms}
 .s-tap-card{animation:sCardIn 8s var(--ease-io) infinite}
 .s-tap-ring{animation:sRipple 8s var(--ease-out) infinite}
 .s-tap-ring.r2{animation-delay:.18s}
 .s-tap-sheet{animation:sSheetUp 8s var(--ease-out) infinite}
 .s-tap-notif{animation:sNotif 8s var(--ease-out) infinite}
 .s-tap-btn{animation:sPress 8s var(--ease-out) infinite}
 .s-tap-touch{animation:sTouch 8s var(--ease-out) infinite}
 .s-tap-lbl-a{animation:sLblA 8s var(--ease-out) infinite}
 .s-tap-lbl-b{animation:sLblB 8s var(--ease-out) infinite}
 .s-tap-saved{animation:sSaved 8s var(--ease-out) infinite}
 .s-pass{animation:sPassIn 800ms var(--ease-out) both}
 .s-pass:nth-child(2){animation-delay:90ms}.s-pass:nth-child(3){animation-delay:180ms}.s-pass:nth-child(4){animation-delay:270ms}
 .s-stack .s-pass{animation-duration:900ms}
 .s-stack .s-pass:nth-child(1){animation-delay:200ms}.s-stack .s-pass:nth-child(2){animation-delay:290ms}.s-stack .s-pass:nth-child(3){animation-delay:380ms}.s-stack .s-pass:nth-child(4){animation-delay:470ms}.s-stack .s-pass:nth-child(5){animation-delay:560ms}
 .s-bar{animation:sWave 1.1s ease-in-out infinite}
 .s-num{animation:sTick 220ms var(--ease-out)}
 .s-panel{animation:sRise 360ms var(--ease-out) both}
 @supports (animation-timeline: view()){
  .s-hero-media{animation:sHeroRecede linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
  .s-hero-copy{animation:sHeroCopy linear both;animation-timeline:view();animation-range:exit 0% exit 70%}
  .s-reveal{animation:sReveal linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  .s-grow{animation:sGrow linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
 }
}
/* Reduced motion: niets beweegt; de demo toont zijn eindtoestand. */
@media (prefers-reduced-motion:reduce){
 .s-page *,.s-page *::before,.s-page *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .s-tap-card{transform:translate(-18px,8px) rotate(-6deg)}
 .s-tap-sheet{transform:none}
 .s-tap-ring,.s-tap-notif,.s-tap-touch,.s-tap-lbl-b{opacity:0}
 .s-tap-saved{opacity:1}
 .s-tap-lbl-a{opacity:0}
 .s-tap-lbl-b{opacity:1}
}

/* Smal scherm */
@media (max-width:860px){
 .s-g2,.s-g3,.s-calc{grid-template-columns:minmax(0,1fr)}
 .s-calc>*{min-width:0}
 .s-total{font-size:44px}
 .s-tile{padding:24px}
 .s-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .s-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
 .s-navlinks,.s-navright .s-navlink,.s-navright .s-lang{display:none}
 .s-burger{display:inline-flex}
 .s-mobilemenu{display:block;position:fixed;top:56px;left:0;right:0;z-index:39;background:rgba(22,22,26,.96);padding:12px 24px 24px}
 .is-light + .s-mobilemenu,.s-mobilemenu.is-light{background:rgba(255,255,255,.98)}
 .s-mobilemenu a{display:block;padding:14px 0;font-size:18px;color:#E8E8ED;border-bottom:1px solid rgba(255,255,255,.1)}
 .s-mobilemenu.is-light a{color:var(--ink);border-bottom-color:rgba(0,0,0,.08)}
 .s-hero-h{font-size:46px!important}
 .s-h2{font-size:36px!important}
 .s-stack{transform:scale(.72)}
}
@media (max-width:520px){
 .s-bento{grid-template-columns:1fr}
 .s-span2{grid-column:auto}
 .s-wrap{padding:0 20px}
}

/* Homepage: prijzenraster. Volgorde in de pagina: Free, Pro, kaart, Kaart + Pro; op het raster staat Kaart + Pro in de derde kolom en de kaartregel eronder. */
.s-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:20px;align-items:stretch}
.s-p-free{grid-column:1;grid-row:1}
.s-p-pro{grid-column:2;grid-row:1}
.s-p-combo{grid-column:3;grid-row:1}
.s-p-card{grid-column:1/-1;grid-row:2;justify-self:center;width:100%;max-width:720px;display:flex;align-items:center;gap:20px;background:#fff;border-radius:20px;padding:12px 24px 12px 12px;color:#1D1D1F!important}
.s-p-combo{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 0 0 2px var(--green);color:#1D1D1F!important}
.shop-tile{text-decoration:none!important}
.shop-tile:hover{text-decoration:none}
@media (max-width:860px){
 .s-pricing{grid-template-columns:1fr;grid-template-rows:none}
 .s-p-free,.s-p-pro,.s-p-combo,.s-p-card{grid-column:1;grid-row:auto}
 .s-p-combo{order:3}
 .s-p-card{order:4;max-width:none}
 .s-filmband-text{left:24px!important;bottom:24px!important}
 .s-filmband-text>span:first-child{font-size:26px!important}
}

/* Team */
.s-round{width:44px;height:44px;padding:0;border-radius:50%;background:var(--soft);font-size:22px;color:var(--ink)}
.s-count{min-width:64px;text-align:center;font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}
.s-total{margin-top:6px;font-size:56px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.s-chipbtn{border:0;cursor:pointer;font:inherit;font-size:14px;min-height:36px;min-width:44px;padding:6px 14px;border-radius:980px;background:var(--soft);color:var(--ink)}
.s-chipbtn[aria-pressed="true"]{background:var(--ink);color:#fff}
.s-row td{padding:12px 28px;border-top:1px solid #F0F0F3;transition:background-color 240ms ease}
.s-row-on td{background:#E8F5EE;font-weight:600}
.s-lap{position:relative;margin-bottom:64px}
.s-lap-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:64px 24px 24px;text-align:center;background:#fff}
.s-lap-stage canvas{display:none;width:auto;height:min(56vh,620px);max-width:100%;aspect-ratio:1400/992;background:#fff}
.s-lap-stage .s-lap-still{width:auto;height:min(56vh,620px);max-width:100%;aspect-ratio:1400/992;background:#fff}
.s-lap-on{height:210vh}
.s-lap-on .s-lap-stage{position:sticky;top:0;height:100vh;height:100svh;box-sizing:border-box}
.s-lap-on .s-lap-stage canvas{display:block}
.s-lap-on .s-lap-still{display:none}
@media (max-width:860px){
 .s-lap-stage h2{font-size:32px!important}
}
.s-sumrow{display:flex;justify-content:space-between;gap:12px}

/* Voice */
.v-hero{background:radial-gradient(120% 90% at 75% 40%,#232838 0%,#171A26 55%,#10121B 100%);color:#fff;margin-top:-57px;padding:129px 0 96px;overflow:hidden}
.v-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
.v-stage{position:relative;width:min(520px,100%);aspect-ratio:13/12;margin:0 auto}
.v-spin{position:absolute;right:-2%;top:0;width:58%;aspect-ratio:3/4;touch-action:pan-y;cursor:grab}
.v-spin canvas{width:100%;height:100%;display:block}
.v-spin-shadow{position:absolute;left:50%;bottom:1%;width:46%;height:16px;margin-left:-23%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),rgba(0,0,0,0));filter:blur(4px)}
.v-stage .v-phone{position:absolute;left:4%;bottom:0}
.v-phone{position:relative;aspect-ratio:402/874;background:#050608;box-sizing:border-box}
.v-phone-sm{width:41%;border-radius:40px;padding:7px;box-shadow:0 0 0 2.5px #26364F,0 0 0 3.5px #7489AD,0 0 0 4.5px #1B2638,0 40px 80px rgba(0,0,0,.55)}
.v-phone-md{width:min(290px,74vw);border-radius:50px;padding:9px;box-shadow:0 0 0 3px #26364F,0 0 0 4px #6F84A8,0 0 0 5px #1B2638,0 40px 80px rgba(20,30,60,.22)}
.v-phone::before,.v-phone::after{content:"";position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#1B2638,#4E6386)}
.v-phone::before{left:-6px;top:27%;height:16%}
.v-phone::after{right:-6px;top:29%;height:12%}
.v-island{position:absolute;top:2.4%;left:50%;width:31%;height:3.6%;margin-left:-15.5%;border-radius:20px;background:#000;z-index:2}
.v-screen{position:relative;width:100%;height:100%;overflow:hidden;background:#F2F2F7}
.v-phone-sm .v-screen{border-radius:33px;background:#000}
.v-phone-md .v-screen{border-radius:42px}
.v-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.v-step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center;padding:48px 0}
.v-step-text{max-width:460px}
.v-step-no{font-size:15px;font-weight:600;color:#007A55}
.v-step h3{margin:10px 0 12px;font-size:40px;line-height:1.08;letter-spacing:-.03em}
.v-step p{margin:0;font-size:19px;line-height:1.5;color:var(--muted)}
.v-phone-wrap{display:flex;justify-content:center}
.v-wave{display:flex;align-items:center;gap:4px;height:36px;margin-top:22px}
.v-bar{display:block;width:4px;border-radius:2px;background:#B9E2CC;transform:scaleY(.7)}
.v-bar-hi{background:#007A55}
.v-pill{cursor:pointer}
.v-pill span{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:980px;border:1px solid #D2D2D7;background:#fff;color:var(--ink);font-size:14px;transition:background-color 160ms ease,color 160ms ease,transform 160ms var(--ease-out)}
.v-pill input:checked+span{background:#1D1D1F;border-color:#1D1D1F;color:#fff}
.v-pill input:focus-visible+span{outline:3px solid #0A84FF;outline-offset:2px}
.v-pill:active span{transform:scale(.97)}
@keyframes vWave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@media (prefers-reduced-motion:no-preference){
 .v-bar{animation:vWave 1.1s ease-in-out infinite}
}
@media (max-width:900px){
 .v-hero-grid{grid-template-columns:1fr}
 .v-step{grid-template-columns:1fr;gap:28px;padding:32px 0}
 .v-step .v-phone-wrap{order:-1}
 .v-step h3{font-size:32px}
}
.s-ul{list-style:disc;display:block!important}
.s-ul>li+li{margin-top:9px}
.s-formcol{display:flex;flex-direction:column;gap:var(--gap,14px)}

/* Smal scherm (telefoon): kaarten en tabellen mogen niet breder worden dan het scherm. De waarden hieronder vervangen alleen de brede-schermmarges uit de inline stijlen. */
@media (max-width:640px){
 .s-cardpad{padding:24px!important;gap:28px!important}
 .s-cardpad-x{padding-left:24px!important;padding-right:24px!important}
 .s-cardin{padding:20px!important}
 .s-tiertable{font-size:14px!important}
 .s-tiercap{padding:16px 16px 6px!important}
 .s-tierth,.s-tiertable td{padding-left:16px!important;padding-right:16px!important}
 .s-tiernote{padding:10px 16px 16px!important}
}
