/* Shared interaction polish; keep native scrolling and visible keyboard focus. */
.navigation a,.nav a,.mega-panel a,summary,button{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}
summary>span{transition:transform .25s ease}
.services-menu[open]>summary>span,.mega[open]>summary>span{transform:rotate(45deg)}
.wm-contact-form label,.form-grid label{font-size:14px;line-height:1.6}
.wm-contact-form :is(input,select,textarea),.contact-form :is(input,select,textarea){border:1px solid var(--strong);border-radius:10px;padding:13px 14px;margin-top:10px;background:var(--card);color:inherit;font:400 16px/1.6 Poppins,sans-serif;outline:none;outline-offset:0;transition:border-color .2s,box-shadow .2s,background .2s;scroll-margin-block:120px;max-width:100%}
.wm-contact-form :is(input,select,textarea):focus,.contact-form :is(input,select,textarea):focus{outline:none;border-color:#21A9F2;box-shadow:0 0 0 3px #21a9f21f;background:var(--section)}
form textarea:not([readonly]){overflow-y:hidden;resize:none;min-height:140px;touch-action:auto;overscroll-behavior:auto}
.wm-enquiry,.contact-layout,.wm-contact-form,.contact-form{overflow:visible;touch-action:auto}
.wm-contact-form label{margin-bottom:24px}
body:has(form :is(input,select,textarea):focus) :is(.back-top,.whatsapp-link,.whatsapp){opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:850px){
 .navigation{display:flex!important;flex-direction:column;align-items:stretch;gap:0;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .24s ease,transform .24s ease,visibility 0s .24s}
 .navigation.open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}
 .navigation>a[href='/industries/']{display:flex!important}
}
@media(max-width:760px){
 .nav{display:flex!important;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .24s ease,transform .24s ease,visibility 0s .24s}
 .nav.open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.motion-paused *{transition:none!important}
/* A quiet star field with three parallel, staggered meteor paths. */
.grid-hero .hero-geometry{display:none}.hero-energy{background:radial-gradient(ellipse at 78% 35%,#0e29464d,transparent 52%),radial-gradient(ellipse at 20% 90%,#17334430,transparent 60%)}
.galaxy-stars{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.galaxy-stars .star-glow{animation:star-breathe 7s ease-in-out infinite alternate}
.meteor{position:absolute;width:180px;height:1px;background:linear-gradient(90deg,transparent,#8de1ffb3);border-radius:50%;opacity:0;transform:rotate(28deg);animation:meteor-pass 16s linear infinite;left:68%;top:16%}
.meteor:after{content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#d4f3ff;box-shadow:0 0 8px #8de1ff}
.meteor-two{left:8%;top:68%;width:130px;animation-delay:5s}.meteor-three{left:75%;top:72%;width:110px;animation-delay:10s}
@keyframes meteor-pass{0%,5%{opacity:0;transform:translate(-100px,-53px) rotate(28deg)}7%{opacity:.8}15%{opacity:0;transform:translate(180px,96px) rotate(28deg)}100%{opacity:0;transform:translate(180px,96px) rotate(28deg)}}
@keyframes star-breathe{to{opacity:.35}}
.hero-touch-ring{display:none}.grid-hero .gradient-text{animation:none}
:root[data-theme=light] .hero-energy{background:radial-gradient(ellipse at 80% 35%,#21a9f20c,transparent 60%)}
:root[data-theme=light] .galaxy-stars{opacity:.45;filter:brightness(.55)}
.wm-project-track{align-items:stretch}.wm-project{height:auto;min-width:0;display:flex;flex-direction:column}
.wm-project-visual{aspect-ratio:1.5;position:relative;flex:none;border-radius:18px}
.wm-project-visual .wm-browser{display:none}
.wm-project-sticky .wm-project-visual img,.wm-project[data-project=kula-cafe] .wm-project-visual img{display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top}
.wm-project h3{min-height:2.7em}.wm-project p{min-height:5.4em}.wm-project>.wm-link{margin-top:auto}
.wm-projects.is-pinned .wm-project-window{overflow:clip!important}
.wm-projects.is-pinned .wm-project-track{will-change:transform}
@media(min-width:1000px) and (min-height:800px){
 body:not(.motion-paused) .wm-projects.is-pinned .wm-project-sticky{height:calc(100svh - 70px);max-height:none;padding:28px 0;box-sizing:border-box}
 .is-pinned .wm-project-visual{aspect-ratio:1.7}
}
@media(max-width:850px){
 .wm-projects .wm-project-sticky{position:static;height:auto;max-height:none;padding:60px 0}
 .wm-projects .wm-project-window{overflow:visible!important;padding:0 18px;touch-action:pan-y}
 .wm-projects .wm-project-track{display:grid;width:100%;padding:0;gap:44px;transform:none!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-auto-rows:1fr}
 .wm-projects .wm-project-intro{width:100%;padding:0;margin:0 0 4px;grid-column:1;grid-row:auto;max-width:none}
 .wm-projects .wm-project-intro h2{font-size:36px}.wm-projects .wm-project-intro p{font-size:16px}
 .wm-projects .wm-project{width:100%;grid-column:1;grid-row:auto;opacity:1;visibility:visible;pointer-events:auto}
 .wm-projects .wm-project h3{font-size:26px;min-height:0;margin:20px 0 12px;line-height:1.35}
 .wm-projects .wm-project p{font-size:16px;min-height:0;line-height:1.8;margin-bottom:16px;max-width:none}
 .wm-projects .wm-project-visual{aspect-ratio:1.363}.wm-projects .wm-project-label,.wm-projects .wm-scroll-note,.wm-projects .wm-project-controls{display:none}
 .wm-projects .wm-project>.wm-link{font-size:14px;min-height:44px}
}
/* Unified inner-page Services dropdown on every route. */
:is(.services-menu,.mega) .mega-panel{position:absolute;top:100%;left:24px;right:24px;width:auto;max-width:1400px;margin:auto;transform:none;display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:35px;padding:35px;background:var(--section);color:var(--paper,var(--text));border:1px solid var(--strong);border-radius:0 0 18px 18px;box-shadow:0 20px 50px #0003}
:is(.services-menu,.mega) .mega-panel .menu-label{display:block;font-size:11px;letter-spacing:.1em;color:var(--blue);margin-bottom:16px}
:is(.services-menu,.mega) .mega-panel a:not(.button){display:block;min-height:0;padding:9px 0;font-size:14px;line-height:1.6;color:var(--sage,var(--muted));border-bottom:1px solid var(--strong)}
:is(.services-menu,.mega) .mega-panel a:hover{color:var(--blue)}
:is(.services-menu,.mega) .mega-feature{padding:28px;border-radius:12px;background:var(--card);margin:0}
:is(.services-menu,.mega) .mega-feature h3{font:700 28px/1.25 Poppins,sans-serif;letter-spacing:-.025em;margin:0}
:is(.services-menu,.mega) .mega-feature p{font-size:14px;line-height:1.7;color:var(--sage,var(--muted));margin:18px 0}
:is(.services-menu,.mega) .mega-feature .button{display:inline-flex;padding:14px 22px;border-radius:50px;background:var(--lime);color:#080b0d;font:600 14px/1.5 Poppins,sans-serif;letter-spacing:0;border:1px solid transparent}
:is(.services-menu,.mega) .mega-panel .all-link{font-weight:700}
@media(max-width:850px){.services-menu .mega-panel{position:static;display:block;padding:20px 0;box-shadow:none;border:0;background:transparent}.services-menu .mega-panel>div{margin-bottom:25px}.services-menu .mega-panel .mega-feature{display:none}.services-menu .mega-panel a:not(.button){font-size:16px}}
@media(max-width:760px){.mega .mega-panel{position:static;display:block;padding:20px 0;box-shadow:none;border:0;background:transparent}.mega .mega-panel>div{margin-bottom:25px}.mega .mega-panel .mega-feature{display:none}.mega .mega-panel a:not(.button){font-size:16px}}
/* Full three-stop gradient, including WAMIX, with no animated crop. */
.grid-hero h1 .gradient-text{background:linear-gradient(115deg,#8de1ff 0%,#21a9f2 48%,#0377b8 100%);background-size:100% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#21a9f2}
:root[data-theme=light] .grid-hero h1 .gradient-text{background-image:linear-gradient(115deg,#087eaa,#126ec1 48%,#06436c)}
.galaxy-stars{opacity:.95}.meteor{height:2px;width:210px;animation-duration:12s;filter:drop-shadow(0 0 3px #8de1ff88)}.meteor:after{width:4px;height:4px;box-shadow:0 0 12px #8de1ff}
.meteor-two{left:4%;top:65%;animation-delay:2s}.meteor-three{left:73%;top:74%;animation-delay:4s}.meteor-four{left:30%;top:9%;animation-delay:6s;width:150px}.meteor-five{left:0%;top:29%;animation-delay:8s;width:145px}.meteor-six{left:66%;top:48%;animation-delay:10s;width:170px}
.galaxy-event{position:absolute;top:17%;right:5%;width:140px;height:140px;--event-delay:0s;pointer-events:none}.galaxy-event-two{top:auto;right:auto;bottom:12%;left:5%;width:105px;height:105px;--event-delay:14s}
.blackhole-disc,.blackhole-core,.blackhole-wave,.blackhole-dust{position:absolute;inset:0;border-radius:50%;opacity:0;animation-duration:28s;animation-delay:var(--event-delay);animation-iteration-count:infinite;animation-timing-function:ease-in-out}
.blackhole-disc{inset:25% -10%;border:2px solid #8de1ff;box-shadow:0 0 17px #21a9f299,inset 0 0 12px #21a9f280;transform:rotate(-28deg);animation-name:galaxy-disc}
.blackhole-core{inset:27%;background:#020609;box-shadow:0 0 0 2px #8de1ff,0 0 14px #21a9f2,inset 0 0 8px #21a9f2;animation-name:galaxy-core}
.blackhole-wave{inset:27%;border:1px solid #8de1ff;box-shadow:0 0 14px #21a9f277;animation-name:galaxy-wave}
.blackhole-dust{inset:49%;background:#8de1ff;box-shadow:28px -17px #8de1ff,34px 16px #21a9f2,-26px 21px #8de1ff,-39px -8px #21a9f2,5px 34px #8de1ff,-8px -36px #21a9f2;animation-name:galaxy-dust}
@keyframes galaxy-disc{0%,10%,42%,100%{opacity:0;transform:rotate(-28deg) scale(.3)}16%,29%{opacity:.7;transform:rotate(-28deg) scale(1)}33%{opacity:.9;transform:rotate(-28deg) scale(.15)}}
@keyframes galaxy-core{0%,10%,37%,100%{opacity:0;transform:scale(.3)}16%,29%{opacity:.85;transform:scale(1)}33%{opacity:1;transform:scale(.12)}}
@keyframes galaxy-wave{0%,32%,46%,100%{opacity:0;transform:scale(.15)}34%{opacity:.7;transform:scale(.2)}43%{opacity:0;transform:scale(3.2)}}
@keyframes galaxy-dust{0%,32%,47%,100%{opacity:0;transform:scale(.1) rotate(0)}35%{opacity:.75;transform:scale(.7) rotate(10deg)}45%{opacity:0;transform:scale(2.7) rotate(25deg)}}
@media(max-width:560px){.galaxy-event{width:75px;height:75px;top:4%;right:5%}.galaxy-event-two{top:auto;bottom:13%;left:6%;width:70px;height:70px}.meteor{width:110px}.meteor-four{left:12%}}
.wm-industry-detail .wm-link,.wm-industry-detail .wm-link:hover{color:#f4f3ee;background:transparent;border-color:rgba(244,243,238,.24);box-shadow:none}
/* Desktop pinning also works on ordinary laptop-height windows. */
@media(min-width:851px) and (min-height:640px){
 body:not(.motion-paused) .wm-projects.is-pinned{height:var(--project-height)}
 body:not(.motion-paused) .wm-projects.is-pinned .wm-project-sticky{position:sticky;top:70px;min-height:0;height:calc(100svh - 70px);max-height:none;padding:18px 0;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
 .wm-projects.is-pinned .wm-project-visual{height:clamp(135px,27svh,285px);aspect-ratio:auto}
 .is-pinned .wm-project{width:clamp(350px,35vw,490px)}
 .is-pinned .wm-project h3{font-size:24px;min-height:2.7em;margin-bottom:8px}
 .is-pinned .wm-project p{font-size:14px;min-height:5.4em;line-height:1.65;margin-bottom:10px}
 .is-pinned .wm-project-label{margin-top:14px}.is-pinned .wm-project-controls{margin-top:14px}
 .is-pinned .wm-project-intro h2{font-size:clamp(36px,4vw,54px)}.is-pinned .wm-scroll-note{margin-top:25px}
}
.wm-slider-controls{display:none}
@media(max-width:850px){
 .wm-projects.is-mobile-slider .wm-project-track{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;grid-auto-rows:auto;gap:0}
 .wm-projects.is-mobile-slider .wm-project-intro{grid-row:1;margin-bottom:32px}
 .wm-projects.is-mobile-slider .wm-project{grid-row:2;grid-column:1;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .45s ease;align-self:stretch}
 .wm-projects.is-mobile-slider .wm-project.is-current{visibility:visible;opacity:1;pointer-events:auto}
 .wm-projects.is-mobile-slider .wm-project-window{overflow:clip!important}
 .wm-projects.is-mobile-slider .wm-project-controls,.wm-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}
 .wm-projects.is-mobile-slider .wm-project-controls>span:first-child{display:none}
 .wm-projects.is-mobile-slider .wm-project-position{display:block;font-size:13px;max-width:none}
 .wm-projects.is-mobile-slider .wm-project-play{display:grid;place-items:center}
 .wm-slider-controls>div{display:flex;gap:10px}.wm-slider-controls button{width:42px;height:42px;border-radius:50%;border:1px solid var(--strong);background:transparent;color:var(--paper);font-size:20px;display:grid;place-items:center}
 .wm-slider-controls button:hover{background:var(--blue);color:#080b0d}.wm-slider-position{font-size:13px;color:var(--sage)}
 #insight-panel-0.is-mobile-slider .wm-article-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 #insight-panel-0.is-mobile-slider .wm-article-grid>article{grid-area:1/1;visibility:hidden;opacity:0;pointer-events:none;min-width:0;transition:opacity .45s ease}
 #insight-panel-0.is-mobile-slider .wm-article-grid>article.is-current{visibility:visible;opacity:1;pointer-events:auto}
 .wm-slider-controls button:disabled{opacity:.4}
}
@media(prefers-reduced-motion:reduce){.galaxy-event,.meteor{display:none}}
.motion-paused .galaxy-event,.motion-paused .meteor{display:none}
.slider-controls-visible .back-top,.slider-controls-visible .whatsapp-link{visibility:hidden;opacity:0;pointer-events:none}
:root{--menu-text:#f4f3ee}:root[data-theme=light]{--menu-text:#080b0d}
:is(.services-menu,.mega) .mega-panel,:is(.services-menu,.mega) .mega-feature{color:var(--menu-text)}
@media(max-width:850px){.slider-controls-visible .back-top,.slider-controls-visible .whatsapp-link{visibility:hidden;opacity:0;pointer-events:none}}
/* Keep accordion glyphs square: stretched, rotated plus signs must not widen the page. */
.faq-list summary>span,.wm-faq-list summary>span{flex:0 0 24px;width:24px;height:24px;align-self:flex-start;display:grid;place-items:center;line-height:1;transform-origin:center}
/* Keep the supplied portfolio artwork intact at its native 414:323 ratio. */
.wm-projects .wm-project .wm-project-visual{height:auto;aspect-ratio:414/323;border-radius:16px;overflow:hidden}
.wm-projects .wm-project .wm-project-visual img,.wm-projects .wm-project[data-project=kula-cafe] .wm-project-visual img{width:100%;height:100%;aspect-ratio:414/323;object-fit:contain;object-position:center;inset:0;transform:none;max-width:100%}
.project-card .project-art,.project-detail>.project-art{padding:0;min-height:0;height:auto;aspect-ratio:414/323;background:transparent;border-radius:16px;overflow:hidden}
.project-screen{width:100%;height:100%;margin:0;border:0;border-radius:0;box-shadow:none;transform:none}
.project-art .project-screen img{display:block;width:100%;height:100%;aspect-ratio:414/323;object-fit:contain;transform:none}
.project-card:hover .project-screen{transform:none}
.project-detail>.project-art{width:min(100%,828px);margin-inline:auto}
.detail-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.wm-why{padding-bottom:44px}.wm-why+.wm-seo{padding-top:44px}
:is(.detail-split,.project-summary,.wm-contact-grid)>div>p+:is(.button,.btn,.wm-link){margin-top:26px}
.hero-full-copy{padding-bottom:110px}
/* The animation is clipped to a measured empty region, including its burst. */
.hero-energy .galaxy-event{visibility:hidden;overflow:hidden;contain:paint;top:var(--galaxy-y,0);left:var(--galaxy-x,0);right:auto;bottom:auto;width:var(--galaxy-size,120px);height:var(--galaxy-size,120px);--event-delay:0s}
.hero-energy .galaxy-event.is-positioned{visibility:visible}.hero-energy .galaxy-event-two{--event-delay:8s}
.galaxy-event .blackhole-disc{inset:36% 15%}.galaxy-event .blackhole-core,.galaxy-event .blackhole-wave{inset:37%}
.galaxy-event .blackhole-dust{inset:49%;box-shadow:14px -9px #8de1ff,17px 8px #21a9f2,-13px 10px #8de1ff,-19px -4px #21a9f2,3px 17px #8de1ff,-4px -18px #21a9f2}
.galaxy-event>div{animation-duration:16s}
@media(min-width:851px){.wm-projects .wm-project{width:414px}.wm-projects .wm-project h3{font-size:23px}.wm-projects .wm-project p{font-size:14px;min-height:4.95em;line-height:1.65}}
@media(min-width:851px) and (max-height:760px){.wm-projects .wm-project{width:340px}.wm-projects .wm-project h3{font-size:21px;margin-top:12px;min-height:2.7em}.wm-projects .wm-project-label{margin-top:10px}}
/* Compact laptops keep a calmer type scale without scaling the browser UI. */
@media(min-width:851px) and (max-width:1440px){
 .grid-hero h1{font-size:clamp(54px,5.6vw,80px)}.grid-hero .hero-description{font-size:16px;max-width:650px}
 .wm-section h2,.wm-feature h2,.wm-seo .wm-heading h2{font-size:clamp(32px,3.1vw,44px)}
 .wm-section p:not(.eyebrow):not(.wm-kicker):not(.wm-footnote):not(.wm-form-note){font-size:15px}
 .wm-section .wm-heading>p{font-size:16px}.wm-review-card blockquote{font-size:15px}
 .page-hero h1{font-size:clamp(44px,4.5vw,65px)}.page-hero p,.lead{font-size:17px}
 .section h2{font-size:clamp(30px,3vw,43px)}.section p:not(.small){font-size:15px}
}
@media(max-width:560px){
 .grid-hero .hero-stage{width:calc(100% - 24px);max-width:none;padding-inline:0}
 .grid-hero .hero-full-copy{padding:80px 0 90px}
 .grid-hero .hero-description{max-width:100%;margin-top:24px}
 .grid-hero .hero-actions{display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch;gap:10px;width:100%;margin:26px auto 0;max-width:430px}
 .grid-hero .hero-actions>a{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;line-height:1.4;min-height:48px;padding:12px 8px;white-space:nowrap;width:auto;margin:0}
 .grid-hero .hero-actions>a>span{font-size:16px}.grid-hero .hero-caption{font-size:10px;margin-top:22px}
 .wm-why{padding-bottom:30px}.wm-why+.wm-seo{padding-top:30px}
 .wm-projects .wm-project p{min-height:0}.project-meta{gap:12px}.project-meta h3{font-size:22px}
}
@media(max-width:412px){
 .grid-hero h1{font-size:clamp(29px,8.2vw,34px);line-height:1.16;letter-spacing:-.025em}
 .grid-hero .hero-description{font-size:14px;line-height:1.8}.grid-hero .eyebrow{font-size:9px;letter-spacing:.08em}
 .wm-section h2,.wm-feature h2,.wm-seo .wm-heading h2,.wm-projects .wm-project-intro h2{font-size:29px;line-height:1.25}
 .wm-section p:not(.eyebrow):not(.wm-kicker):not(.wm-footnote):not(.wm-form-note),.wm-projects .wm-project-intro p:not(.eyebrow),.wm-projects .wm-project p,.wm-review-card blockquote{font-size:14px;line-height:1.8}
 .wm-section h3,.wm-article-grid h3,.wm-projects .wm-project h3{font-size:20px}
 .wm-faq-list summary{font-size:15px}.wm-section .wm-link{font-size:12px}
 .page-hero h1{font-size:36px;line-height:1.2}.page-hero p,.lead{font-size:15px}
 .section h2{font-size:29px}.section p:not(.small),.service-card p{font-size:14px;line-height:1.8}
 .grid-hero .hero-actions>a{font-size:11px;gap:5px}
}
/* A consistent section rhythm and compact, comfortably clickable actions. */
:root{--section-space:88px}
main>.wm-section,main>.section,main>.wm-final,main>.cta-section{padding-block:var(--section-space)}
.wm-why+.wm-seo{padding-top:var(--section-space)}
.wm-projects:not(.is-pinned) .wm-project-sticky{padding-block:var(--section-space)}
.btn,.button,.wm-link,.wm-centered .wm-link,.wm-final .wm-link,.wf-cta a{padding-block:10px;padding-inline:20px;min-height:44px;gap:10px}
.wm-project>.wm-link{padding:7px 0;gap:10px}
:is(.services-menu,.mega) .mega-feature .button{padding:10px 20px;min-height:44px}
.btn>span,.button>span,.wm-link>span,.quiet-link>span{margin-left:0}
.grid-hero .hero-actions{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:16px;width:fit-content;max-width:100%;margin-inline:auto}
.grid-hero .hero-actions>a:is(.btn,.quiet-link){display:inline-flex;flex:0 1 auto;justify-content:center;min-height:44px;height:auto;width:auto;padding:10px 18px;gap:8px;white-space:nowrap;line-height:1.4}
.grid-hero .hero-actions>a>span{font-size:18px;line-height:1}
.grid-hero .hero-actions>.quiet-link{padding-inline:10px}
.galaxy-event .blackhole-disc{inset:33% 8%}.galaxy-event .blackhole-core,.galaxy-event .blackhole-wave{inset:34%}
.galaxy-event .blackhole-dust{box-shadow:22px -14px #8de1ff,26px 13px #21a9f2,-21px 17px #8de1ff,-29px -6px #21a9f2,4px 26px #8de1ff,-6px -28px #21a9f2}
@media(max-width:1100px){.grid-hero .hero-full-copy{padding-top:124px;padding-bottom:130px}}
@media(max-width:850px){:root{--section-space:64px}.wm-projects.is-mobile-slider .wm-project-sticky{padding-block:var(--section-space)}}
@media(max-width:560px){
 :root{--section-space:56px}
 .wm-section .wm-link,.wm-stats .wm-link,.wm-centered .wm-link,.wm-final .wm-link,.button,.btn{padding:9px 17px;gap:8px;min-height:44px}
 .grid-hero .hero-actions{display:flex;gap:10px;width:fit-content;max-width:100%;margin-top:24px}
 .grid-hero .hero-actions>a:is(.btn,.quiet-link){font-size:12px;padding:8px 13px;gap:6px;min-height:44px}
 .grid-hero .hero-actions>a.quiet-link{padding-inline:5px}
}
@media(max-width:360px){.grid-hero .hero-actions{gap:7px}.grid-hero .hero-actions>a:is(.btn,.quiet-link){font-size:11px;padding-inline:10px}.grid-hero .hero-actions>a.quiet-link{padding-inline:3px}}