/* Landing public Syah-style v2 — isolated selectors, mobile first, no raster images. */
@layer pop {
html[data-design="armufa-modern"] body.comic-landing {
  background:linear-gradient(160deg,#f8fbff 0%,#f0f5ff 42%,#f7faff 100%)!important;
  color:#11294d!important;
  overflow-x:hidden!important;
  font-family:'Nunito',system-ui,sans-serif!important;
}
html[data-design="armufa-modern"] body.comic-landing .wrap{
  width:min(100% - 30px,1080px)!important;
  max-width:1080px!important;
}
html[data-design="armufa-modern"] body.comic-landing .nav{
  position:relative!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #e4eafa!important;
  box-shadow:0 2px 15px rgba(25,80,159,.035)!important;
  z-index:5!important;
}
html[data-design="armufa-modern"] body.comic-landing .nav-in{
  height:58px!important;
  display:flex!important;align-items:center!important;gap:10px!important;
}
html[data-design="armufa-modern"] body.comic-landing .brand{
  color:#10294d!important;gap:9px!important;display:flex!important;
  align-items:center!important;min-width:0!important;flex:1!important;
}
html[data-design="armufa-modern"] body.comic-landing .brand-logo{
  width:35px!important;height:35px!important;flex:0 0 35px!important;
  border-radius:10px!important;background:#edf5ff!important;border:1px solid #e0eafb!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
html[data-design="armufa-modern"] body.comic-landing .brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important;}
html[data-design="armufa-modern"] body.comic-landing .brand-lockup{display:grid!important;gap:0!important;line-height:1.13!important;min-width:0!important}
html[data-design="armufa-modern"] body.comic-landing .brand-name{
  font:900 clamp(16px,4.6vw,20px)/1.12 'Nunito',system-ui,sans-serif!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  letter-spacing:-.045em!important;color:#10274b!important;
}
html[data-design="armufa-modern"] body.comic-landing .brand-lockup small{
  font:700 10px/1.3 'Nunito',sans-serif!important;color:#718198!important;
}
html[data-design="armufa-modern"] body.comic-landing .nav-actions .btn{
  min-height:36px!important;padding:7px 13px!important;border-radius:11px!important;
  font:900 12px 'Nunito',sans-serif!important;
  background:linear-gradient(180deg,#428aff,#1658e6)!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;border:1px solid #0e50cd!important;
  box-shadow:0 5px 13px #0c58bf23!important;
}
/* Hero central on mobile, two-column on wider screens. */
html[data-design="armufa-modern"] body.comic-landing .hero{
  min-height:0!important;padding:37px 0 14px!important;display:block!important;
  background:radial-gradient(circle at 25% 35%,rgba(202,223,255,.24),transparent 55%)!important;
}
html[data-design="armufa-modern"] body.comic-landing .hero::before{
  inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;
  width:100%!important;height:100%!important;
  background:radial-gradient(ellipse at 25% 25%,rgba(213,229,255,.45),transparent 61%)!important;
  pointer-events:none!important;
}
html[data-design="armufa-modern"] body.comic-landing .hero::after{display:none!important}
html[data-design="armufa-modern"] body.comic-landing .hero-grid{
  display:grid!important;grid-template-columns:1fr!important;gap:24px!important;
  position:relative!important;z-index:1!important;align-items:center!important;
}
html[data-design="armufa-modern"] body.comic-landing .hero-copy{
  width:100%!important;min-width:0!important;text-align:center!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
html[data-design="armufa-modern"] body.comic-landing .eyebrow{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  margin:0 auto!important;padding:8px 16px!important;border-radius:100px!important;
  font:900 12px/1.1 'Nunito',sans-serif!important;letter-spacing:0!important;
  color:#164ca0!important;-webkit-text-fill-color:#164ca0!important;
  border:1px solid #d0e0f4!important;background:#e7f0fe!important;
  box-shadow:0 2px 5px #154c9b08!important;
}
html[data-design="armufa-modern"] body.comic-landing .eyebrow i{font-size:12px!important;color:#216cdc!important}
html[data-design="armufa-modern"] body.comic-landing .hero h1{
  max-width:660px!important;margin:20px auto 14px!important;
  font:1000 clamp(28px,8.2vw,42px)/1.15 'Nunito',system-ui,sans-serif!important;
  letter-spacing:-.055em!important;color:#0e2b56!important;
  text-align:center!important;overflow-wrap:normal!important;
}
html[data-design="armufa-modern"] body.comic-landing .hero h1 .hero-title-second{display:block!important;color:#0e2b56!important}
html[data-design="armufa-modern"] body.comic-landing .hero h1 .hero-title-second em,
html[data-design="armufa-modern"] body.comic-landing .hero h1 .hero-highlight{
  display:inline!important;font-style:normal!important;color:#2e8af9!important;
  -webkit-text-fill-color:#2e8af9!important;
}
html[data-design="armufa-modern"] body.comic-landing .hero-copy > p{
  width:100%!important;max-width:650px!important;margin:0!important;
  color:#4a6384!important;font:600 clamp(12px,3.45vw,15px)/1.65 'Nunito',sans-serif!important;
  text-align:center!important;
}
html[data-design="armufa-modern"] body.comic-landing .hero-actions{
  width:100%!important;max-width:410px!important;display:flex!important;gap:10px!important;
  flex-wrap:nowrap!important;justify-content:center!important;margin:26px auto 0!important;
}
html[data-design="armufa-modern"] body.comic-landing .hero-actions .btn{
  min-height:46px!important;margin:0!important;max-width:none!important;border-radius:14px!important;
  padding:11px 14px!important;font:900 clamp(12px,3.4vw,15px)/1.25 'Nunito',sans-serif!important;
  box-shadow:0 8px 22px rgba(16,87,206,.17)!important;
  white-space:nowrap!important;
}
html[data-design="armufa-modern"] body.comic-landing .hero-actions .btn-gold{
  flex:1.45!important;background:linear-gradient(180deg,#4f9bff,#115be6)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #2166d8!important;
}
html[data-design="armufa-modern"] body.comic-landing .hero-actions .btn-dark{
  flex:.8!important;background:#fff!important;color:#185cbf!important;
  -webkit-text-fill-color:#185cbf!important;border:1px solid #d4e2f1!important;box-shadow:none!important;
}
html[data-design="armufa-modern"] body.comic-landing .trust-row{
  width:100%!important;max-width:570px!important;justify-content:center!important;display:flex!important;
  gap:10px 19px!important;flex-wrap:wrap!important;margin:22px auto 0!important;
  font:800 clamp(11px,3.1vw,13px)/1.6 'Nunito',sans-serif!important;color:#425b7e!important;
}
html[data-design="armufa-modern"] body.comic-landing .trust-row span{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  color:#425b7e!important;white-space:nowrap!important;
}
html[data-design="armufa-modern"] body.comic-landing .trust-row i{font-size:16px!important;color:#287de4!important}
html[data-design="armufa-modern"] body.comic-landing .hero-visual{
  display:grid!important;place-items:center!important;position:relative!important;
  width:min(100%,435px)!important;margin:0 auto!important;
  animation:syLandingFloat 5.5s ease-in-out infinite;
}
html[data-design="armufa-modern"] body.comic-landing .hero-visual img{
  display:block!important;width:100%!important;height:auto!important;
  object-fit:contain!important;filter:drop-shadow(0 18px 27px rgba(14,89,181,.13));
}
/* Features */
html[data-design="armufa-modern"] body.comic-landing .features{
  padding:28px 0 45px!important;background:transparent!important;
}
html[data-design="armufa-modern"] body.comic-landing .section-kicker{
  width:max-content!important;max-width:100%!important;margin:0 auto 10px!important;
  padding:7px 14px!important;border-radius:50px!important;
  background:#e7f0fe!important;border:1px solid #d2e2f9!important;
  text-align:center!important;color:#1c5db7!important;
  letter-spacing:0!important;font:900 12px 'Nunito',sans-serif!important;
}
html[data-design="armufa-modern"] body.comic-landing .section-title{
  color:#132e54!important;text-align:center!important;font:1000 clamp(23px,6.8vw,34px)/1.2 'Nunito',sans-serif!important;
  margin:12px 0 10px!important;letter-spacing:-.045em!important;
}
html[data-design="armufa-modern"] body.comic-landing .section-sub{
  max-width:590px!important;text-align:center!important;
  margin:0 auto 25px!important;color:#536a89!important;
  font:600 13px/1.65 'Nunito',sans-serif!important;
}
html[data-design="armufa-modern"] body.comic-landing .feature-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
}
html[data-design="armufa-modern"] body.comic-landing .feature{
  min-width:0!important;padding:18px 14px!important;
  background:#fff!important;border:1px solid #e0e9f6!important;border-radius:17px!important;
  box-shadow:0 8px 21px rgba(21,75,143,.045)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
html[data-design="armufa-modern"] body.comic-landing .feature:hover{transform:translateY(-3px)!important;box-shadow:0 12px 27px #184c9818!important}
html[data-design="armufa-modern"] body.comic-landing .feature-icon{
  display:grid!important;place-items:center!important;width:42px!important;height:42px!important;
  border-radius:13px!important;background:linear-gradient(135deg,#edf6ff,#d9e8ff)!important;
  color:#2376e5!important;font-size:18px!important;
}
html[data-design="armufa-modern"] body.comic-landing .feature-icon.green{background:linear-gradient(135deg,#e8fcf5,#d0f5e6)!important;color:#139c79!important}
html[data-design="armufa-modern"] body.comic-landing .feature-icon.lavender{background:linear-gradient(135deg,#f2edff,#e0d5ff)!important;color:#7355b4!important}
html[data-design="armufa-modern"] body.comic-landing .feature-icon.amber{background:linear-gradient(135deg,#fff8e8,#ffe8c5)!important;color:#a36f1b!important}
html[data-design="armufa-modern"] body.comic-landing .feature h3{
  color:#102c54!important;font:900 14px/1.25 'Nunito',sans-serif!important;margin:14px 0 5px!important;
}
html[data-design="armufa-modern"] body.comic-landing .feature p{
  color:#637894!important;font:600 11px/1.55 'Nunito',sans-serif!important;margin:0!important;
}
html[data-design="armufa-modern"] body.comic-landing .steps{
  padding:18px 0 45px!important;background:none!important;
}
html[data-design="armufa-modern"] body.comic-landing .step-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
}
html[data-design="armufa-modern"] body.comic-landing .step{
  min-width:0!important;padding:15px!important;border-radius:16px!important;
  background:#fff!important;border:1px solid #e0e9f6!important;
}
html[data-design="armufa-modern"] body.comic-landing .step h3{color:#152f53!important}
html[data-design="armufa-modern"] body.comic-landing .step p{color:#71829d!important}
html[data-design="armufa-modern"] body.comic-landing .cta{
  padding:10px 0 45px!important;background:none!important;
}
html[data-design="armufa-modern"] body.comic-landing .cta-box{
  padding:25px 18px!important;background:linear-gradient(120deg,#1347ab,#257df0)!important;
  border:1px solid #3c86ed!important;border-radius:20px!important;
}
html[data-design="armufa-modern"] body.comic-landing .cta-box h2{color:#fff!important}
html[data-design="armufa-modern"] body.comic-landing .cta-box p{color:#e9f2ff!important}
html[data-design="armufa-modern"] body.comic-landing .cta-box .btn-gold{
  background:#fff!important;color:#185dc5!important;-webkit-text-fill-color:#185dc5!important;
  border-color:#fff!important;
}
html[data-design="armufa-modern"] body.comic-landing .footer{
  background:#fff!important;border-top:1px solid #e4ecf7!important;
}
/* Short entrance transitions; avoid JS-dependent hidden content. */
html[data-design="armufa-modern"] body.comic-landing .hero-copy .eyebrow{animation:syLandingEnter .52s cubic-bezier(.2,.8,.2,1) both;}
html[data-design="armufa-modern"] body.comic-landing .hero-copy h1{animation:syLandingEnter .62s .10s cubic-bezier(.2,.8,.2,1) both;}
html[data-design="armufa-modern"] body.comic-landing .hero-copy > p{animation:syLandingEnter .62s .18s cubic-bezier(.2,.8,.2,1) both;}
html[data-design="armufa-modern"] body.comic-landing .hero-actions{animation:syLandingEnter .62s .27s cubic-bezier(.2,.8,.2,1) both;}
html[data-design="armufa-modern"] body.comic-landing .trust-row{animation:syLandingEnter .62s .34s cubic-bezier(.2,.8,.2,1) both;}
@keyframes syLandingEnter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes syLandingFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(min-width:800px){
  html[data-design="armufa-modern"] body.comic-landing .hero{padding:60px 0 35px!important}
  html[data-design="armufa-modern"] body.comic-landing .hero-grid{grid-template-columns:1fr .95fr!important;gap:26px!important}
  html[data-design="armufa-modern"] body.comic-landing .hero-copy{text-align:left!important;align-items:flex-start!important}
  html[data-design="armufa-modern"] body.comic-landing .hero h1{text-align:left!important;margin:19px 0!important;font-size:clamp(38px,4.5vw,54px)!important}
  html[data-design="armufa-modern"] body.comic-landing .hero-copy > p{text-align:left!important;font-size:16px!important}
  html[data-design="armufa-modern"] body.comic-landing .eyebrow{margin:0!important}
  html[data-design="armufa-modern"] body.comic-landing .hero-actions{margin:25px 0 0!important}
  html[data-design="armufa-modern"] body.comic-landing .trust-row{justify-content:flex-start!important;margin:20px 0 0!important}
  html[data-design="armufa-modern"] body.comic-landing .hero-visual{width:min(100%,485px)!important}
  html[data-design="armufa-modern"] body.comic-landing .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:359px){
  html[data-design="armufa-modern"] body.comic-landing .hero h1{font-size:27px!important}
  html[data-design="armufa-modern"] body.comic-landing .hero-actions .btn{font-size:11px!important;padding:10px 9px!important}
  html[data-design="armufa-modern"] body.comic-landing .trust-row{gap:7px 12px!important;font-size:10px!important}
  html[data-design="armufa-modern"] body.comic-landing .feature{padding:13px 10px!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-design="armufa-modern"] body.comic-landing .hero-visual,
  html[data-design="armufa-modern"] body.comic-landing .hero-copy :is(.eyebrow,h1,p),
  html[data-design="armufa-modern"] body.comic-landing :is(.hero-actions,.trust-row){animation:none!important}
  html[data-design="armufa-modern"] body.comic-landing .feature{transition:none!important}
}
}