/* Arigato Life V24 — compact image-led Indian B2B visual system
   Inspired by the layout language in the user-provided ChatURLights screenshots.
   Arigato branding, product data and enquiry workflows remain independent. */
:root{--v24-navy:#0b2440;--v24-navy2:#0b355e;--v24-red:#eb2436;--v24-red-dark:#c91024;--v24-blue:#0b69af;--v24-gold:#f4c34d;--v24-paper:#f3f5fa;--v24-white:#fff;--v24-ink:#0b203a;--v24-muted:#526278;--v24-border:#e3e9f0;--v24-shadow:0 16px 36px rgba(11,36,64,.09)}
body{color:var(--v24-ink)!important;background:#fff!important}
.wrap{width:min(1240px,calc(100% - 52px))!important}
h1,h2,h3{letter-spacing:-.045em}
.top.ar-topbar{background:var(--v24-navy)!important}
.ar-topbar-brand strong{color:#fff}
.nav{box-shadow:0 8px 24px rgba(11,36,64,.08)!important;border-bottom:1px solid var(--v24-border)!important}
.nav-inner{min-height:82px!important}
.nav .brand-logo{width:142px!important;max-height:74px!important}
.nav-links>a:not(.btn){font-size:12px!important;color:var(--v24-ink)!important}
.nav-links>a.header-active:not(.btn),.nav-links>a:not(.btn):hover{color:var(--v24-red)!important}
.nav-cta-group .btn{border-radius:8px!important;font-size:11px!important;padding:12px 14px!important}
.btn.quote-btn{background:var(--v24-red)!important;color:#fff!important;border-color:var(--v24-red)!important}
.btn.quote-btn:hover{background:var(--v24-red-dark)!important}
.btn.distributor-btn,.nav-links .btn.primary{background:var(--v24-navy)!important;color:#fff!important;border-color:var(--v24-navy)!important}
.btn.distributor-btn:hover{background:#173e65!important}
.btn.primary{background:var(--v24-red)!important;border-color:var(--v24-red)!important;color:#fff!important;box-shadow:none!important}
.btn.primary:hover{background:var(--v24-red-dark)!important;border-color:var(--v24-red-dark)!important;color:#fff!important}
.btn.outline:hover{border-color:var(--v24-red)!important;color:var(--v24-red)!important}

/* HERO: retain the supplied 4 branded 16:9 campaigns, don't double-print their headlines */
.ar21-hero{background:var(--v24-navy)!important;overflow:hidden}
.ar21-stage{aspect-ratio:1672/765!important;background:var(--v24-navy)!important}
.ar21-navigation{background:rgba(4,22,45,.77)!important;box-shadow:0 6px 24px #071b3440!important}
.ar21-dots button.is-active{background:var(--v24-red)!important}
.ar21-hotspot:focus-visible{outline:3px solid #fff}
.v23-quickbar{border-bottom:1px solid #e0e8ef!important;background:#fff!important}
.v23-quickbar-inner{min-height:58px!important}
.v23-quickbar a{font-size:12px!important;padding:10px!important}
.v23-quickbar a span{color:var(--v24-red)!important}

/* Chatur-style WHY strip: arrow banner left, 4 neat value points right */
.al-why{background:var(--v24-paper)!important;padding:48px 0 54px!important}
.al-why-top{grid-template-columns:320px 1fr!important;align-items:stretch!important;gap:20px!important}
.al-why-banner{position:relative!important;padding:29px 33px!important;border-radius:17px 66px 17px 17px!important;background:linear-gradient(125deg,#092c56 0%,#0a3975 100%)!important;border:0!important;box-shadow:0 14px 35px rgba(9,44,86,.14)!important}
.al-why-banner:after{content:'';position:absolute;right:-8px;top:calc(50% - 21px);width:42px;height:42px;background:inherit;transform:rotate(45deg);z-index:-1}
.al-why-banner .al-upper{font:800 14px 'Manrope',sans-serif!important;letter-spacing:.01em!important;color:#fff!important}
.al-why-banner h2{font-size:clamp(27px,2.7vw,38px)!important;margin:16px 0 12px!important;line-height:1.13!important;color:#fff!important}
.al-why-banner h2 em{color:#ffc75c!important;font-style:normal}
.al-why-banner p{font-size:14px!important;line-height:1.6!important;color:#dce8f6!important}
.al-why-banner a{display:inline-flex;align-items:center;gap:6px;color:#fff!important;font-size:12px!important;font-weight:800;margin-top:15px!important}
.al-why-pillars{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
.al-why-pillars article{background:transparent!important;min-height:192px!important;padding:28px 15px!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:14px!important}
.al-why-pillars article:not(:last-child):after{width:1px!important;top:28px!important;bottom:28px!important;background:#d8e0e8!important}
.al-why-pillar-icon{border-radius:50%!important;background:#dfeaff!important;width:80px!important;height:80px!important;color:#095ca9!important;box-shadow:none!important}
.al-why-pillar-icon svg{width:35px!important;height:35px!important}
.al-why-pillars strong{font:850 15px/1.38 'Manrope',sans-serif!important;color:var(--v24-ink)!important;max-width:156px;text-align:center}
.v24-feature-block{margin-top:24px;padding:22px 0 0;border-top:1px solid #d6dfe8}
.v24-section-rule{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:22px;color:var(--v24-navy)}
.v24-section-rule:before,.v24-section-rule:after{content:'';height:1px;background:#bdcbd9;flex:1}
.v24-section-rule span{font:850 23px/1.15 'Manrope',sans-serif;white-space:nowrap}
.v24-section-rule b{color:var(--v24-red)}
.v24-feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.v24-feature-grid article{background:#fff;border:1px solid #e6eaf0;border-radius:16px;min-height:172px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 12px 28px rgba(28,48,71,.045);transition:transform .2s,box-shadow .2s}
.v24-feature-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(28,48,71,.1)}
.v24-feature-icon{height:64px;width:64px;border-radius:50%;display:grid;place-items:center;background:#e7eefb;color:#123d78;font-size:31px;font-weight:800;margin-bottom:12px}
.v24-feature-grid h3{font:800 13px/1.32 'Manrope',sans-serif;margin:0 0 7px;color:#132740;letter-spacing:-.02em}
.v24-feature-grid p{font-size:11px;line-height:1.45;color:#52627a;margin:0}

/* Applications: five image-led cards closely match visual reference rhythm */
.al-applications{background:var(--v24-paper)!important;padding:56px 0 66px!important}
.al-solution-grid{display:grid!important;grid-template-columns:230px 1fr!important;gap:25px!important;align-items:start!important}
.al-solution-copy{padding-top:9px!important}
.al-solution-copy .al-accent{color:var(--v24-red)!important;font-size:13px;font-weight:900;letter-spacing:.06em}
.al-solution-copy h2{font:850 clamp(31px,3vw,45px)/1.1 'Manrope',sans-serif!important;margin:14px 0 16px!important;color:var(--v24-ink)!important}
.al-solution-copy h2 em{color:var(--v24-red)!important;font-style:normal!important}
.al-solution-copy h2:after{content:'';display:block;width:94px;height:5px;background:var(--v24-red);margin-top:19px}
.al-solution-copy p{font-size:13px!important;margin:0 0 16px!important;color:var(--v24-muted)!important}
.al-solution-link{color:var(--v24-blue)!important;font-size:12px!important}
.al-solution-cards{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
.al-solution-card{overflow:hidden!important;background:#fff!important;border:1px solid #e8eef5!important;border-radius:23px!important;box-shadow:0 13px 28px rgba(32,58,89,.065)!important;transition:transform .22s,box-shadow .22s}
.al-solution-card:hover{transform:translateY(-6px)!important;box-shadow:0 22px 34px rgba(32,58,89,.13)!important}
.al-solution-photo{height:170px!important;border-radius:20px 20px 0 0!important;overflow:hidden}
.al-solution-photo img{object-fit:cover!important;width:100%!important;height:100%!important}
.al-solution-info{min-height:110px!important;padding:35px 9px 13px!important;text-align:center}
.al-solution-badge{top:-25px!important;width:60px!important;height:60px!important;border:5px solid #fff!important;color:#144a88!important;background:#dfeafd!important;box-shadow:none!important}
.al-solution-info h3{font:800 13px/1.38 'Manrope',sans-serif!important;color:#122743!important}

/* Two-column professionals and quality section */
.al-professional{background:#fff!important;padding:66px 0!important}
.al-pro-grid{grid-template-columns:1.05fr 1fr!important;gap:26px!important;align-items:stretch!important}
.al-pro-photo{height:440px!important;min-height:440px!important;border-radius:18px!important;box-shadow:0 18px 44px rgba(8,35,62,.12)!important}
.al-pro-photo>img{height:440px!important;min-height:440px!important}
.al-pro-overlay{left:29px!important;bottom:26px!important;right:18px!important}
.al-pro-overlay strong{font-size:clamp(26px,3vw,37px)!important;color:#fff!important}
.al-quality-card{border:1px solid #ebeff4!important;box-shadow:0 17px 46px rgba(8,35,62,.065)!important;background:#fff!important;border-radius:18px!important;padding:29px 35px!important}
.al-quality-card>.al-upper{color:var(--v24-red)!important;font-size:12px!important}
.al-quality-card h2{font:850 clamp(29px,3vw,39px)/1.14 'Manrope',sans-serif!important;color:var(--v24-ink)!important;margin:14px 0 15px!important}
.al-quality-card h2 em{color:var(--v24-red)!important;font-style:normal}
.al-quality-card p{font-size:14px!important;color:var(--v24-muted)!important}
.al-pro-list{margin:18px 0 24px!important;gap:11px!important}
.al-pro-list>div{font-size:13px!important;color:#1f2c3d!important}
.al-pro-list svg{background:#ffedf0!important;color:var(--v24-red)!important}
.al-quality-card .btn{align-self:flex-start}
.al-confidence{background:var(--v24-navy)!important;padding:17px 0!important}
.al-confidence-grid{grid-template-columns:repeat(5,1fr)!important;gap:10px!important}
.al-confidence-grid>div{color:#edf5ff!important;font-weight:750;font-size:12px!important;gap:10px!important}
.al-confidence-grid svg{color:#75b7ff!important;background:none!important}

/* Bold full-width red CTA exactly where the reference puts it */
.v24-red-cta{background:linear-gradient(115deg,#bf071c,var(--v24-red) 52%,#b80720);padding:38px 0;color:#fff}
.v24-red-layout{display:flex;align-items:center;justify-content:space-between;gap:24px}
.v24-red-layout span{font-size:10px;letter-spacing:.15em;font-weight:850;color:#ffd7db}
.v24-red-layout h2{font:800 clamp(30px,3.3vw,47px)/1.18 'Manrope',sans-serif;letter-spacing:-.045em;color:#fff;margin:6px 0}
.v24-red-layout p{font-size:13px;margin:4px 0 0;color:#fff1f1}
.v24-red-layout>a{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 20px;border-radius:9px;background:#fff;color:#bf0f22;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 12px 25px rgba(20,0,4,.15)}
.v24-red-layout>a:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(20,0,4,.24)}
.v24-red-layout>a span{color:var(--v24-red);font-size:19px}

/* Featured ranges: 4 cards, higher-impact contrast */
.al15-home-selection{padding:66px 0 70px!important;background:#fff!important}
.al15-home-selection-head{margin-bottom:23px!important}
.al15-home-selection-head .al-upper{color:var(--v24-red)!important;font-size:12px!important}
.al15-home-selection-head h2{font-size:clamp(29px,3.2vw,44px)!important;color:var(--v24-ink)!important}
.al15-inline-cta{color:var(--v24-blue)!important;border-bottom:2px solid var(--v24-red)!important}
.al15-featured-grid{gap:20px!important}
.al15-featured-card{border-radius:17px!important;background:#fff!important;border:1px solid var(--v24-border)!important;box-shadow:var(--v24-shadow)!important;overflow:hidden}
.al15-featured-card img{height:220px!important;object-fit:contain!important;background:#f0f5f9!important;transition:transform .3s}
.al15-featured-card:hover img{transform:scale(1.06)}
.al15-featured-card div{padding:18px!important}
.al15-featured-card div>span{color:var(--v24-red)!important;font-weight:850!important}
.al15-featured-card h3{font-size:17px!important;color:var(--v24-ink)!important}
.al15-featured-card small{color:var(--v24-blue)!important}
.al15-selection-footer{margin-top:24px!important}
/* Sensor featured banner */
.v24-sensor-spot{padding:53px 0;background:linear-gradient(125deg,#eaf1fa,#fafcff)}
.v24-sensor-layout{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.v24-sensor-images{position:relative;display:flex;justify-content:center;align-items:center;min-height:280px;border-radius:20px;background:radial-gradient(circle at 53% 40%,#fff,#d4e4f3 85%);border:1px solid #d5e5f1}
.v24-sensor-images img{width:39%;max-height:230px;object-fit:contain;filter:drop-shadow(0 22px 14px #123d6b38);transform:rotate(-12deg)}
.v24-sensor-images img+img{width:48%;transform:rotate(10deg)}
.v24-eyebrow{color:var(--v24-red);font-size:11px;letter-spacing:.15em;font-weight:850}
.v24-sensor-copy h2{font:850 clamp(29px,3.3vw,46px)/1.11 'Manrope',sans-serif;color:var(--v24-ink);margin:12px 0 16px}
.v24-sensor-copy p{font-size:15px;color:var(--v24-muted);max-width:500px}
.v24-sensor-tags{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 25px}
.v24-sensor-tags span{padding:8px 11px;background:white;border:1px solid #cedde9;border-radius:99px;color:#174165;font-size:11px;font-weight:750}
.v24-sensor-copy a{display:inline-flex;gap:20px;align-items:center;padding:14px 20px;background:var(--v24-red);color:#fff;font-size:12px;font-weight:850;border-radius:9px}
.v24-sensor-copy a:hover{background:var(--v24-red-dark)}
/* Distributor / brochure */
.v23-partner-band{background:linear-gradient(118deg,#061b32,#0d3d69)!important;padding:60px 0!important}
.v23-partner-band h2{color:#fff!important}
.v23-eyebrow{color:#ffbdc4!important}
.v23-partner-ctas .btn.primary{background:var(--v24-red)!important;border-color:var(--v24-red)!important;color:#fff!important}
.ar-brochure-section{background:#f3f6fa!important;padding:47px 0!important}
.ar-brochure-kicker{color:var(--v24-red)!important}
.ar-brochure-primary{background:var(--v24-red)!important;border-color:var(--v24-red)!important;color:#fff!important}
.ar-brochure-primary *{color:#fff!important}
.ar-brochure-secondary{background:#fff!important}

/* Across interior pages — denser, more vivid nav and card styling */
.v6-catalogue-hero,.page-hero,.v4-partner-hero,.al-contact-hero{background:linear-gradient(115deg,#081f3b 0%,#0b3966 68%,#15568a 100%)!important;padding:65px 0!important}
.v6-catalogue-hero h1,.page-hero h1,.v4-partner-hero h1,.al-contact-hero h1{font-size:clamp(35px,4.1vw,56px)!important}
.v6-catalogue-hero p,.page-hero p,.v4-partner-hero p,.al-contact-hero p{max-width:560px;font-size:14px!important;line-height:1.65!important}
.al15-category-section{background:#f3f6fa!important;padding:43px 0!important}
.al15-category-card,.app-card{border-radius:17px!important;border:1px solid var(--v24-border)!important;background:#fff!important;overflow:hidden;box-shadow:var(--v24-shadow)!important}
.al15-category-card:hover,.app-card:hover{box-shadow:0 23px 45px #071b3428!important;transform:translateY(-4px)}
.v6-catalogue-section{background:#fff!important;padding:45px 0 64px!important}
.v6-product-card{border-radius:15px!important;box-shadow:0 9px 25px rgba(10,40,70,.085)!important;border:1px solid #e2eaf1!important}
.v6-product-image{height:215px!important;background:#f2f6fa!important}
.v6-product-inner h3{font-size:17px!important}
.v6-product-inner p{font-size:12px!important}
.v6-card-actions a{color:var(--v24-red)!important}
.v6-chip{border-radius:9px!important}
.v6-chip.active{background:var(--v24-red)!important;border-color:var(--v24-red)!important;color:#fff!important}
.v6-detail-image{border:1px solid var(--v24-border)!important;border-radius:18px!important}
.v6-detail-info h1{font-size:clamp(31px,3.6vw,48px)!important}
.v6-detail-content{background:#f4f7fa!important;padding:45px 0!important}
.v6-spec-card{border-radius:16px!important;box-shadow:0 12px 30px #102f4912!important;border:1px solid var(--v24-border)!important}
.v6-spec-card h3,.v6-detail-content h2{color:var(--v24-ink)!important}
.v6-spec-card dt{color:#103d60!important}
.v6-spec-card dd{color:var(--v24-ink)!important}
.v24-product-signals{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:17px 0 0;padding:13px 18px;background:#ebf3f9;border:1px solid #d9e7f1;border-radius:11px}
.v24-product-signals>span{font-size:11px;letter-spacing:.03em;color:var(--v24-red);font-weight:850}
.v24-product-signals b{color:#204463;padding-left:9px;font-weight:700}
.v6-related-item{border-radius:15px!important;box-shadow:0 12px 30px #102f4910!important;border:1px solid var(--v24-border)!important}
.v6-story-bar{background:var(--v24-navy)!important}
.v4-benefit{border-radius:15px!important;background:#fff!important;box-shadow:0 12px 30px #102f4910!important}
.v4-benefit.hero-benefit{background:var(--v24-navy2)!important}
.v4-benefit h3{color:var(--v24-ink)!important}
.v4-benefit.hero-benefit h3{color:#fff!important}
.v5-check-card{background:var(--v24-navy)!important}
.v5-faq-list details{border-radius:12px!important}
.al-contact-card{border-radius:15px!important;box-shadow:0 12px 30px #102f4910!important}
.al-contact-icon{background:#ffe9eb!important;color:var(--v24-red)!important}
.al-cta-small{color:var(--v24-red)!important}
.al-enquiry-form{border:1px solid #e1e8ef!important;box-shadow:0 14px 35px #102f4912!important}
.al-enquiry-copy h2{color:var(--v24-ink)!important}
.al-enquiry-feature>svg{color:var(--v24-red)!important}
.footer{background:#061a30!important}
.footer .footer-logo{width:160px!important;height:auto!important}
/* Popup should feel consistent without suppressing its validated behavior */
.al-pop-submit{background:var(--v24-red)!important}
.al-pop-switch .is-active{border-color:var(--v24-red)!important;color:var(--v24-red)!important}

@media(max-width:1180px){
  .al-why-top{grid-template-columns:280px 1fr!important}
  .al-solution-grid{grid-template-columns:200px 1fr!important;gap:15px!important}
  .al-solution-cards{gap:9px!important}
  .al-solution-photo{height:145px!important}
  .al-solution-info h3{font-size:12px!important}
}
@media(max-width:1040px){
  .al-why-top{grid-template-columns:1fr!important}
  .al-why-banner{border-radius:20px!important;max-width:none!important}
  .al-why-banner:after{display:none}
  .al-solution-grid{grid-template-columns:1fr!important}
  .al-solution-copy{max-width:560px!important}
  .al-solution-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}
  .v24-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .wrap{width:calc(100% - 30px)!important}
  .nav .brand-logo{width:115px!important}
  .al-why{padding:36px 0 42px!important}
  .al-why-pillars{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .al-why-pillars article{min-height:135px!important;padding:15px 10px!important}
  .al-why-pillar-icon{width:59px!important;height:59px!important}
  .al-why-pillar-icon svg{width:29px!important;height:29px!important}
  .al-why-pillars article:nth-child(2):after{display:none!important}
  .al-why-pillars strong{font-size:12px!important}
  .v24-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .v24-feature-grid article{min-height:145px;padding:13px 9px}
  .v24-feature-icon{height:50px;width:50px;font-size:26px}
  .v24-feature-grid h3{font-size:12px}
  .v24-feature-grid p{font-size:10px}
  .al-applications{padding:43px 0!important}
  .al-solution-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .al-solution-photo{height:138px!important}
  .al-solution-card{border-radius:16px!important}
  .al-solution-info{min-height:102px!important;padding:32px 8px 12px!important}
  .al-solution-info h3{font-size:11.5px!important}
  .al-professional{padding:44px 0!important}
  .al-pro-grid{grid-template-columns:1fr!important}
  .al-pro-photo,.al-pro-photo>img{height:335px!important;min-height:335px!important}
  .al-quality-card{padding:26px 22px!important}
  .al-confidence-grid{grid-template-columns:repeat(2,1fr)!important}
  .v24-red-layout{flex-direction:column;align-items:flex-start}
  .v24-red-layout>a{width:100%}
  .al15-featured-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .al15-featured-card img{height:147px!important}
  .al15-featured-card h3{font-size:13px!important}
  .v24-sensor-layout{grid-template-columns:1fr;gap:21px}
  .v24-sensor-images{min-height:210px}
  .v24-sensor-images img{max-height:168px}
  .v24-sensor-copy h2{font-size:32px}
  .v24-red-cta{padding:30px 0}
  .v24-red-layout h2{font-size:32px}
  .v24-product-signals{gap:10px}
  .v24-product-signals>span{flex:1 1 100%}
  .v6-catalogue-hero,.page-hero,.v4-partner-hero,.al-contact-hero{padding:43px 0!important}
  .ar21-mobile-copy{background:linear-gradient(120deg,#081e39,#0b3a67)!important}
  .ar21-mobile-primary{background:var(--v24-red)!important;color:#fff!important}
}
@media(max-width:450px){
  .v24-section-rule span{font-size:19px}
  .al-why-banner h2{font-size:30px!important}
  .al-why-pillars article{min-height:130px!important}
  .al-solution-photo{height:122px!important}
  .al-solution-info h3{font-size:11px!important}
  .al-confidence-grid>div{font-size:10px!important}
  .v24-red-layout>a{font-size:11px}
}
