/* Navarra Online - Software / ArrSoft */
.main-nav a.active{color:var(--primary);background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.06)}
.btn-outline{color:var(--text);background:rgba(255,255,255,.84);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm)}
.btn-outline:hover{color:var(--primary);background:#fff;transform:translateY(-3px);box-shadow:var(--shadow-md)}
.btn-large{min-height:58px;padding:0 28px}
.software-eyebrow,.arrsoft-label{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--primary);font-size:13px;font-weight:900}
.software-hero{position:relative;overflow:hidden;padding:118px 0 104px;background:radial-gradient(circle at 82% 18%,rgba(14,165,233,.16),transparent 28%),radial-gradient(circle at 14% 80%,rgba(37,99,235,.12),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.97),rgba(238,245,255,.88))}
.software-hero::after{content:"";position:absolute;inset:28px;border:1px solid rgba(37,99,235,.08);border-radius:44px;pointer-events:none}
.software-hero-content{position:relative;z-index:2;max-width:920px;margin:auto;text-align:center}
.software-hero h1{margin:22px auto 24px;font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-3.4px}
.software-hero h1 span,.arrsoft-hero h1 span{display:block;background:linear-gradient(135deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.software-hero p{max-width:740px;margin:0 auto 34px;color:var(--muted);font-size:20px;line-height:1.75}
.software-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.software-intro,.software-business{padding:104px 0}
.software-section-heading{max-width:820px;margin:0 auto 48px;text-align:center}
.software-section-heading>span{display:inline-block;margin-bottom:12px;color:var(--primary);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.software-section-heading h2{font-size:clamp(34px,4.7vw,58px);line-height:1.02;letter-spacing:-2px;margin-bottom:16px}
.software-section-heading p{max-width:720px;margin:auto;color:var(--muted);font-size:18px}
.software-products{max-width:980px;margin:auto}
.software-product-card{position:relative;overflow:hidden;padding:42px;border:1px solid var(--line);border-radius:36px;background:radial-gradient(circle at 90% 10%,rgba(14,165,233,.12),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,249,255,.9));box-shadow:var(--shadow-md)}
.software-product-card::after{content:"";position:absolute;width:260px;height:260px;right:-110px;bottom:-130px;border-radius:50%;background:rgba(37,99,235,.08)}
.software-product-badge{position:absolute;top:26px;right:26px;padding:8px 12px;border-radius:999px;background:rgba(16,185,129,.1);color:#059669;font-size:12px;font-weight:900}
.software-product-icon{width:68px;height:68px;display:grid;place-items:center;margin-bottom:22px;border-radius:21px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:27px;box-shadow:0 18px 36px rgba(37,99,235,.24)}
.software-product-card h3{font-size:clamp(32px,4vw,46px);margin-bottom:2px}
.software-product-subtitle{color:var(--primary)!important;font-weight:800;margin-bottom:14px}
.software-product-card>p{max-width:700px;color:var(--muted);font-size:17px}
.software-product-features{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 32px}
.software-product-features span{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--text-soft);font-size:13px;font-weight:800}
.software-product-features i{color:var(--green)}
.software-product-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:24px}
.software-price-small span,.software-price-small small{color:var(--muted);font-weight:700}
.software-price-small strong{display:inline-block;margin-left:7px;font-size:30px;letter-spacing:-1px}
.software-business{padding-top:20px}
.software-business-box{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:48px;border-radius:38px;color:#fff;background:linear-gradient(135deg,#0f172a,#172554 55%,#1d4ed8);box-shadow:var(--shadow-lg)}
.software-business-box .software-eyebrow{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);box-shadow:none}
.software-business-box h2{max-width:720px;margin:16px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.05}
.software-business-box p{max-width:700px;color:rgba(255,255,255,.72);font-size:17px}
.software-business-box .btn-primary{flex-shrink:0;background:#fff;color:var(--primary)}

/* ArrSoft hero */
.arrsoft-hero{position:relative;overflow:hidden;padding:94px 0 110px;background:radial-gradient(circle at 80% 18%,rgba(14,165,233,.15),transparent 30%),linear-gradient(180deg,#fff,#eef5ff)}
.arrsoft-hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:60px;align-items:center}
.arrsoft-brand{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.arrsoft-brand-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 12px 28px rgba(37,99,235,.25)}
.arrsoft-brand strong{font-size:27px;letter-spacing:-1px}
.arrsoft-hero h1{margin:22px 0 24px;max-width:780px;font-size:clamp(48px,5.7vw,76px);line-height:.95;letter-spacing:-3px}
.arrsoft-lead{max-width:700px;margin-bottom:30px;color:var(--muted);font-size:19px;line-height:1.75}
.arrsoft-hero-buttons{display:flex;flex-wrap:wrap;gap:12px}
.arrsoft-quick-benefits{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}
.arrsoft-quick-benefits span{color:var(--text-soft);font-size:13px;font-weight:800}
.arrsoft-quick-benefits i{margin-right:6px;color:var(--green)}
.arrsoft-dashboard-preview{position:relative}
.arrsoft-dashboard-preview::before{content:"";position:absolute;width:78%;height:78%;inset:11%;border-radius:50%;background:rgba(37,99,235,.16);filter:blur(60px)}
.arrsoft-browser{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(15,23,42,.1);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 40px 100px rgba(15,23,42,.2);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}
.arrsoft-browser-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#fff}
.arrsoft-browser-top>div{display:flex;gap:7px}
.arrsoft-browser-top span{width:10px;height:10px;border-radius:50%;background:#cbd5e1}
.arrsoft-browser-top small{color:var(--muted);font-weight:800}
.arrsoft-demo-interface{min-height:430px;display:grid;grid-template-columns:150px 1fr}
.arrsoft-demo-interface aside{display:flex;flex-direction:column;gap:8px;padding:22px 14px;color:#dbeafe;background:#0f172a}
.arrsoft-demo-interface aside strong{margin:0 8px 15px;color:#fff;font-size:18px}
.arrsoft-demo-interface aside span{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;font-size:11px;font-weight:800}
.arrsoft-demo-interface aside span.active{color:#fff;background:rgba(37,99,235,.9)}
.arrsoft-demo-main{padding:30px;background:#f8fbff}
.arrsoft-demo-main h4{font-size:25px;margin-bottom:3px}
.arrsoft-demo-main>p{color:var(--muted);font-size:13px}
.arrsoft-demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.arrsoft-demo-stats>div{padding:16px;border-radius:15px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(15,23,42,.04)}
.arrsoft-demo-stats small{display:block;color:var(--muted);font-size:10px}
.arrsoft-demo-stats strong{display:block;margin-top:4px;font-size:23px}
.arrsoft-demo-chart{height:190px;display:grid;place-items:center;margin-top:15px;border-radius:18px;color:rgba(37,99,235,.75);background:linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px),#fff;background-size:26px 26px;border:1px solid var(--line);font-size:70px}
/* ArrSoft features */
.arrsoft-problem,.arrsoft-how,.arrsoft-pricing,.arrsoft-demo-cta{padding:104px 0}
.arrsoft-problem{background:rgba(255,255,255,.74)}
.arrsoft-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.arrsoft-features-grid article{padding:28px;border-radius:25px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:var(--transition)}
.arrsoft-features-grid article:hover{transform:translateY(-7px);box-shadow:var(--shadow-md)}
.feature-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:18px;border-radius:17px;color:var(--primary);background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(14,165,233,.1));font-size:21px}
.arrsoft-features-grid h3{margin-bottom:10px;font-size:20px}
.arrsoft-features-grid p{color:var(--muted);font-size:14px}

/* How it works */
.arrsoft-how{background:linear-gradient(180deg,#eef5ff,#fff)}
.arrsoft-steps{max-width:980px;margin:auto;display:grid;gap:15px}
.arrsoft-steps article{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:22px;padding:24px 28px;border-radius:24px;background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.arrsoft-steps article>strong{font-size:36px;color:rgba(37,99,235,.22);letter-spacing:-2px}
.arrsoft-steps h3{margin-bottom:5px;font-size:20px}
.arrsoft-steps p{color:var(--muted)}
.arrsoft-time{max-width:980px;margin:18px auto 0;display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:22px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.15)}
.arrsoft-time>i{font-size:25px;color:var(--green)}
.arrsoft-time strong,.arrsoft-time span{display:block}
.arrsoft-time span{margin-top:2px;color:var(--muted);font-size:13px}
/* Pricing */
.arrsoft-pricing{background:#fff}
.arrsoft-price-card{max-width:760px;margin:auto;padding:40px;border-radius:34px;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid rgba(37,99,235,.15);box-shadow:0 34px 90px rgba(15,23,42,.13)}
.arrsoft-price-main{text-align:center}
.arrsoft-popular{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eef5ff;color:var(--primary);font-size:12px;font-weight:900}
.arrsoft-price-main h3{margin:13px 0 12px;font-size:27px}
.arrsoft-monthly-price strong{font-size:52px;letter-spacing:-2px}
.arrsoft-monthly-price span{color:var(--muted);font-weight:800}
.arrsoft-price-main p{color:var(--muted)}
.arrsoft-price-setup{margin:28px 0;padding:22px;text-align:center;border-radius:22px;background:#0f172a;color:#fff}
.arrsoft-price-setup>span,.arrsoft-price-setup>small{display:block;color:#cbd5e1}
.arrsoft-price-setup>strong{display:block;margin:4px 0;font-size:38px}
.arrsoft-price-setup p{max-width:530px;margin:10px auto 0;color:#cbd5e1;font-size:13px}
.arrsoft-price-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0}
.arrsoft-price-features span{display:flex;align-items:center;gap:9px;color:var(--text-soft);font-weight:700}
.arrsoft-price-features i{color:var(--green)}
.arrsoft-price-button{width:100%}
/* Demo CTA */
.arrsoft-demo-cta{padding-top:20px}
.arrsoft-demo-box{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:50px;border-radius:38px;color:#fff;background:radial-gradient(circle at 90% 0%,rgba(255,255,255,.15),transparent 28%),linear-gradient(135deg,#0f172a,#172554 52%,#2563eb);box-shadow:var(--shadow-lg)}
.arrsoft-demo-box .software-eyebrow{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);box-shadow:none}
.arrsoft-demo-box h2{max-width:720px;margin:16px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.05}
.arrsoft-demo-box p{max-width:690px;color:rgba(255,255,255,.72)}
.arrsoft-demo-actions{display:flex;flex-direction:column;gap:10px;min-width:230px}
.btn-whatsapp{background:#25d366;color:#fff;box-shadow:0 15px 34px rgba(37,211,102,.24)}
.btn-whatsapp:hover{transform:translateY(-3px);box-shadow:0 22px 46px rgba(37,211,102,.34)}
.btn-outline-light{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08)}
.btn-outline-light:hover{background:#fff;color:#0f172a;transform:translateY(-3px)}
/* Responsive */
@media(max-width:1080px){
 .arrsoft-hero-grid{grid-template-columns:1fr;gap:44px}
 .arrsoft-browser{max-width:760px;margin:auto;transform:none}
 .arrsoft-features-grid{grid-template-columns:repeat(2,1fr)}
 .software-business-box,.arrsoft-demo-box{flex-direction:column;align-items:flex-start}
 .arrsoft-demo-actions{width:100%;min-width:0;flex-direction:row}
 .arrsoft-demo-actions .btn{flex:1}
}
@media(max-width:768px){
 .software-hero{padding:82px 0 70px}
 .software-hero::after{inset:12px;border-radius:28px}
 .software-hero h1{font-size:clamp(40px,11vw,58px);letter-spacing:-2px}
 .software-hero p{font-size:17px}
 .software-intro,.software-business,.arrsoft-problem,.arrsoft-how,.arrsoft-pricing,.arrsoft-demo-cta{padding:72px 0}
 .software-product-card{padding:30px 24px;border-radius:28px}
 .software-product-bottom{flex-direction:column;align-items:flex-start}
 .software-business{padding-top:10px}
 .software-business-box,.arrsoft-demo-box{padding:32px 24px;border-radius:28px}
 .arrsoft-hero{padding:70px 0 78px}
 .arrsoft-hero h1{font-size:clamp(42px,11vw,60px);letter-spacing:-2px}
 .arrsoft-features-grid{grid-template-columns:1fr}
 .arrsoft-demo-interface{grid-template-columns:112px 1fr}
 .arrsoft-demo-interface aside{padding:18px 9px}
 .arrsoft-demo-main{padding:20px}
 .arrsoft-demo-stats{grid-template-columns:1fr}
 .arrsoft-demo-chart{height:140px}
 .arrsoft-steps article{grid-template-columns:62px 1fr;padding:20px}
 .arrsoft-steps article>strong{font-size:29px}
 .arrsoft-price-card{padding:28px 22px;border-radius:28px}
 .arrsoft-price-features{grid-template-columns:1fr}
}
@media(max-width:560px){
 .software-hero-actions,.arrsoft-hero-buttons{flex-direction:column}
 .software-hero-actions .btn,.arrsoft-hero-buttons .btn{width:100%}
 .software-product-badge{position:static;display:inline-flex;margin-bottom:18px}
 .software-product-icon{width:60px;height:60px}
 .software-product-features{display:grid;grid-template-columns:1fr 1fr}
 .software-business-box .btn{width:100%}
 .arrsoft-quick-benefits{display:grid;gap:10px}
 .arrsoft-browser{border-radius:20px}
 .arrsoft-demo-interface{grid-template-columns:1fr;min-height:auto}
 .arrsoft-demo-interface aside{display:grid;grid-template-columns:repeat(2,1fr)}
 .arrsoft-demo-interface aside strong{grid-column:1/-1}
 .arrsoft-demo-main{padding:18px}
 .arrsoft-demo-stats{grid-template-columns:repeat(3,1fr)}
 .arrsoft-demo-stats>div{padding:10px}
 .arrsoft-demo-stats strong{font-size:18px}
 .arrsoft-time{align-items:flex-start}
 .arrsoft-demo-actions{flex-direction:column}
 .arrsoft-demo-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .arrsoft-browser,.arrsoft-features-grid article,.btn-outline,.btn-whatsapp,.btn-outline-light{transition:none;transform:none}
}


/* =========================================================
   ARRSOFT REAL PRODUCT SECTIONS
   ========================================================= */
.arrsoft-real-preview{position:relative}
.arrsoft-screenshot-window,.arrsoft-full-screenshot,.arrsoft-feature-image{overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.arrsoft-screenshot-window{border-radius:28px;transform:perspective(1200px) rotateY(-2deg)}
.arrsoft-screenshot-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}
.arrsoft-screenshot-bar>div{display:flex;gap:7px}.arrsoft-screenshot-bar span{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.arrsoft-screenshot-bar small{color:var(--muted);font-weight:800}
.arrsoft-screenshot-window img,.arrsoft-full-screenshot img,.arrsoft-feature-image img{width:100%;height:auto;display:block}
.arrsoft-preview-badge{position:absolute;right:-10px;bottom:-20px;display:flex;align-items:center;gap:8px;padding:13px 17px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md);font-size:13px;font-weight:900}.arrsoft-preview-badge i{color:var(--green)}
.arrsoft-audience,.arrsoft-sector-message,.arrsoft-real-feature,.arrsoft-modules,.arrsoft-dashboard-section,.arrsoft-benefits,.arrsoft-start{padding:104px 0}
.arrsoft-audience{background:#fff}.arrsoft-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.arrsoft-audience-card{padding:30px;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.arrsoft-audience-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:20px;border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(14,165,233,.1));color:var(--primary);font-size:22px}
.arrsoft-audience-card h3{font-size:22px;margin-bottom:10px}.arrsoft-audience-card p{color:var(--muted);margin-bottom:18px}
.arrsoft-audience-card ul{display:grid;gap:8px}.arrsoft-audience-card li{color:var(--text-soft);font-weight:700;font-size:14px}.arrsoft-audience-card li::before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}
.arrsoft-sector-message{padding-top:15px;background:#fff}.arrsoft-sector-box{display:grid;grid-template-columns:76px 1fr;gap:26px;align-items:start;padding:42px;border-radius:32px;color:#fff;background:linear-gradient(135deg,#0f172a,#172554 55%,#1d4ed8);box-shadow:var(--shadow-lg)}
.arrsoft-sector-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;background:rgba(255,255,255,.12);font-size:27px}.arrsoft-sector-box span{font-size:13px;font-weight:900;color:#bfdbfe;text-transform:uppercase;letter-spacing:.1em}.arrsoft-sector-box h2{max-width:850px;margin:8px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.05}.arrsoft-sector-box p{max-width:900px;color:rgba(255,255,255,.76);font-size:17px}
.arrsoft-real-feature{background:linear-gradient(180deg,#f8fbff,#fff)}.arrsoft-real-feature-alt{background:#fff}.arrsoft-real-feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.arrsoft-real-feature-alt .arrsoft-real-feature-grid{grid-template-columns:1.1fr .9fr}
.arrsoft-feature-number{display:block;color:rgba(37,99,235,.18);font-size:54px;font-weight:900;line-height:1}.arrsoft-feature-kicker{display:block;margin:10px 0;color:var(--primary);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.arrsoft-real-feature-content h2{font-size:clamp(32px,4vw,52px);line-height:1.03;margin-bottom:16px}.arrsoft-real-feature-content>p{color:var(--muted);font-size:17px;line-height:1.75}
.arrsoft-feature-image{border-radius:28px}.arrsoft-feature-image img{transition:transform .45s ease}.arrsoft-feature-image:hover img{transform:scale(1.015)}
.arrsoft-mini-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0}.arrsoft-mini-steps span{padding:8px 11px;border-radius:999px;background:#eef5ff;color:var(--primary);font-size:12px;font-weight:900}.arrsoft-mini-steps i{color:#94a3b8;font-size:10px}
.arrsoft-check-list{display:grid;gap:10px;margin-top:22px}.arrsoft-check-list li{color:var(--text-soft);font-weight:700}.arrsoft-check-list li::before{content:"\\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--green);margin-right:9px}
.arrsoft-difficulty-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}.arrsoft-difficulty-demo div{padding:15px 10px;text-align:center;border:1px solid var(--line);border-radius:15px;background:#fff}.arrsoft-difficulty-demo div.active{border-color:#1f5c46;background:#eaf4ef}.arrsoft-difficulty-demo strong,.arrsoft-difficulty-demo span{display:block}.arrsoft-difficulty-demo span{color:var(--muted);font-size:11px;margin-top:3px}
.arrsoft-modules{background:linear-gradient(180deg,#eef5ff,#fff)}.arrsoft-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.arrsoft-modules-grid article{padding:25px;border-radius:22px;background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:var(--transition)}.arrsoft-modules-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.arrsoft-modules-grid article>i{width:46px;height:46px;display:grid;place-items:center;margin-bottom:15px;border-radius:14px;color:var(--primary);background:#eef5ff;font-size:18px}.arrsoft-modules-grid h3{font-size:18px;margin-bottom:8px}.arrsoft-modules-grid p{color:var(--muted);font-size:14px}
.arrsoft-dashboard-section{background:#fff}.arrsoft-full-screenshot{border-radius:30px}.arrsoft-benefits{background:linear-gradient(180deg,#f8fbff,#fff)}.arrsoft-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.arrsoft-benefits-grid article{padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}.arrsoft-benefits-grid article>i{font-size:23px;color:var(--primary);margin-bottom:17px}.arrsoft-benefits-grid h3{font-size:19px;margin-bottom:8px}.arrsoft-benefits-grid p{color:var(--muted);font-size:14px}
.arrsoft-start{background:#fff}.arrsoft-start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:auto}.arrsoft-start-grid article{padding:28px;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.arrsoft-start-grid article>span{display:block;color:rgba(37,99,235,.22);font-size:34px;font-weight:900}.arrsoft-start-grid h3{margin:8px 0;font-size:20px}.arrsoft-start-grid p{color:var(--muted)}
@media(max-width:980px){.arrsoft-audience-grid,.arrsoft-modules-grid,.arrsoft-benefits-grid{grid-template-columns:repeat(2,1fr)}.arrsoft-real-feature-grid,.arrsoft-real-feature-alt .arrsoft-real-feature-grid{grid-template-columns:1fr}.arrsoft-real-feature-alt .arrsoft-feature-image{order:2}.arrsoft-start-grid{grid-template-columns:1fr}.arrsoft-screenshot-window{transform:none}}
@media(max-width:680px){.arrsoft-audience,.arrsoft-sector-message,.arrsoft-real-feature,.arrsoft-modules,.arrsoft-dashboard-section,.arrsoft-benefits,.arrsoft-start{padding:72px 0}.arrsoft-audience-grid,.arrsoft-modules-grid,.arrsoft-benefits-grid{grid-template-columns:1fr}.arrsoft-sector-message{padding-top:8px}.arrsoft-sector-box{grid-template-columns:1fr;padding:28px 22px}.arrsoft-sector-icon{width:58px;height:58px}.arrsoft-preview-badge{position:static;margin-top:10px;width:max-content;max-width:100%}.arrsoft-difficulty-demo{grid-template-columns:1fr}.arrsoft-mini-steps i{display:none}.arrsoft-feature-image,.arrsoft-full-screenshot,.arrsoft-screenshot-window{border-radius:20px}}


/* =========================================================
   ARRSOFT — FINAL PAGE COMPLEMENTS
   ========================================================= */

/* Real screenshots */
.arrsoft-real-hero .arrsoft-hero-grid {
    align-items: center;
}

.arrsoft-real-preview {
    position: relative;
    min-width: 0;
}

.arrsoft-screenshot-window,
.arrsoft-full-screenshot,
.arrsoft-feature-image {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--line);
    box-shadow: var(--shadow-lg);
}

.arrsoft-screenshot-window {
    border-radius: 28px;
    transform: perspective(1200px) rotateY(-2deg);
}

.arrsoft-screenshot-bar {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 0 16px;
    background: #fff;
    border-bottom: 1px solid var(--line);
}

.arrsoft-screenshot-bar > div {
    display: flex;
    gap: 7px;
}

.arrsoft-screenshot-bar span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #cbd5e1;
}

.arrsoft-screenshot-bar small {
    color: var(--muted);
    font-weight: 800;
}

.arrsoft-screenshot-window img,
.arrsoft-full-screenshot img,
.arrsoft-feature-image img {
    display: block;
    width: 100%;
    height: auto;
}

.arrsoft-preview-badge {
    position: absolute;
    right: -10px;
    bottom: -20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 17px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--line);
    box-shadow: var(--shadow-md);
    font-size: 13px;
    font-weight: 900;
}

.arrsoft-preview-badge i {
    color: var(--green);
}

/* Target businesses */
.arrsoft-audience,
.arrsoft-sector-message,
.arrsoft-real-feature,
.arrsoft-modules,
.arrsoft-dashboard-section,
.arrsoft-benefits,
.arrsoft-start {
    padding: 104px 0;
}

.arrsoft-audience {
    background: #fff;
}

.arrsoft-audience-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.arrsoft-audience-card {
    padding: 30px;
    border-radius: 28px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
}

.arrsoft-audience-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-md);
}

.arrsoft-audience-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 20px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(37,99,235,.13), rgba(14,165,233,.10));
    color: var(--primary);
    font-size: 22px;
}

.arrsoft-audience-card h3 {
    margin-bottom: 10px;
    font-size: 22px;
}

.arrsoft-audience-card p {
    margin-bottom: 18px;
    color: var(--muted);
}

.arrsoft-audience-card ul {
    display: grid;
    gap: 8px;
}

.arrsoft-audience-card li {
    color: var(--text-soft);
    font-size: 14px;
    font-weight: 700;
}

.arrsoft-audience-card li::before {
    content: "✓";
    margin-right: 8px;
    color: var(--green);
    font-weight: 900;
}

/* Sector message */
.arrsoft-sector-message {
    padding-top: 15px;
    background: #fff;
}

.arrsoft-sector-box {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
    padding: 42px;
    border-radius: 32px;
    color: #fff;
    background:
        radial-gradient(circle at 92% 0, rgba(255,255,255,.14), transparent 30%),
        linear-gradient(135deg, #0f172a, #172554 55%, #1d4ed8);
    box-shadow: var(--shadow-lg);
}

.arrsoft-sector-icon {
    width: 70px;
    height: 70px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: rgba(255,255,255,.12);
    font-size: 27px;
}

.arrsoft-sector-box span {
    color: #bfdbfe;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .10em;
}

.arrsoft-sector-box h2 {
    max-width: 850px;
    margin: 8px 0 12px;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.05;
}

.arrsoft-sector-box p {
    max-width: 900px;
    color: rgba(255,255,255,.76);
    font-size: 17px;
}

/* Real feature sections */
.arrsoft-real-feature {
    background: linear-gradient(180deg, #f8fbff, #fff);
}

.arrsoft-real-feature-alt {
    background: #fff;
}

.arrsoft-real-feature-grid {
    display: grid;
    grid-template-columns: .90fr 1.10fr;
    gap: 52px;
    align-items: center;
}

.arrsoft-real-feature-alt .arrsoft-real-feature-grid {
    grid-template-columns: 1.10fr .90fr;
}

.arrsoft-feature-number {
    display: block;
    color: rgba(37,99,235,.18);
    font-size: 54px;
    font-weight: 900;
    line-height: 1;
}

.arrsoft-feature-kicker {
    display: block;
    margin: 10px 0;
    color: var(--primary);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .10em;
}

.arrsoft-real-feature-content h2 {
    margin-bottom: 16px;
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.03;
}

.arrsoft-real-feature-content > p {
    color: var(--muted);
    font-size: 17px;
    line-height: 1.75;
}

.arrsoft-feature-image {
    border-radius: 28px;
}

.arrsoft-feature-image img {
    transition: transform .45s ease;
}

.arrsoft-feature-image:hover img {
    transform: scale(1.015);
}

.arrsoft-mini-steps {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 24px 0;
}

.arrsoft-mini-steps span {
    padding: 8px 11px;
    border-radius: 999px;
    background: #eef5ff;
    color: var(--primary);
    font-size: 12px;
    font-weight: 900;
}

.arrsoft-mini-steps i {
    color: #94a3b8;
    font-size: 10px;
}

.arrsoft-check-list {
    display: grid;
    gap: 10px;
    margin-top: 22px;
}

.arrsoft-check-list li {
    color: var(--text-soft);
    font-weight: 700;
}

.arrsoft-check-list li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--green);
    margin-right: 9px;
}

.arrsoft-difficulty-demo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin: 24px 0;
}

.arrsoft-difficulty-demo div {
    padding: 15px 10px;
    text-align: center;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
}

.arrsoft-difficulty-demo div.active {
    border-color: rgba(16,185,129,.38);
    background: rgba(16,185,129,.08);
    box-shadow: inset 0 0 0 1px rgba(16,185,129,.08);
}

.arrsoft-difficulty-demo strong,
.arrsoft-difficulty-demo span {
    display: block;
}

.arrsoft-difficulty-demo span {
    margin-top: 3px;
    color: var(--muted);
    font-size: 11px;
}

/* Modules */
.arrsoft-modules {
    background: linear-gradient(180deg, #eef5ff, #fff);
}

.arrsoft-modules-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.arrsoft-modules-grid article {
    padding: 25px;
    border-radius: 22px;
    background: rgba(255,255,255,.94);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
}

.arrsoft-modules-grid article:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

.arrsoft-modules-grid article > i {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 14px;
    color: var(--primary);
    background: #eef5ff;
    font-size: 18px;
}

.arrsoft-modules-grid h3 {
    margin-bottom: 8px;
    font-size: 18px;
}

.arrsoft-modules-grid p {
    color: var(--muted);
    font-size: 14px;
}

/* Dashboard */
.arrsoft-dashboard-section {
    background: #fff;
}

.arrsoft-full-screenshot {
    border-radius: 30px;
}

/* Benefits + FAQ reuse */
.arrsoft-benefits {
    background: linear-gradient(180deg, #f8fbff, #fff);
}

.arrsoft-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.arrsoft-benefits-grid article {
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
}

.arrsoft-benefits-grid article:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

.arrsoft-benefits-grid article > i {
    margin-bottom: 17px;
    color: var(--primary);
    font-size: 23px;
}

.arrsoft-benefits-grid h3 {
    margin-bottom: 8px;
    font-size: 19px;
}

.arrsoft-benefits-grid h3 i {
    margin-right: 8px;
    color: var(--primary);
}

.arrsoft-benefits-grid p {
    color: var(--muted);
    font-size: 14px;
}

/* Activation */
.arrsoft-start {
    background: #fff;
}

.arrsoft-start-grid {
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.arrsoft-start-grid article {
    padding: 28px;
    border-radius: 24px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-sm);
}

.arrsoft-start-grid article > span {
    display: block;
    color: rgba(37,99,235,.22);
    font-size: 34px;
    font-weight: 900;
}

.arrsoft-start-grid h3 {
    margin: 8px 0;
    font-size: 20px;
}

.arrsoft-start-grid p {
    color: var(--muted);
}

/* Pricing finishing touches */
.arrsoft-popular {
    align-items: center;
    gap: 7px;
}

.arrsoft-price-card {
    position: relative;
    overflow: hidden;
}

.arrsoft-price-card::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    top: -140px;
    right: -130px;
    border-radius: 50%;
    background: rgba(37,99,235,.07);
    pointer-events: none;
}

.arrsoft-price-main,
.arrsoft-price-setup,
.arrsoft-price-features,
.arrsoft-price-button {
    position: relative;
    z-index: 1;
}

/* FAQ section is intentionally styled with the benefit card system */
.arrsoft-pricing + .arrsoft-benefits {
    border-top: 1px solid var(--line);
}

/* Final CTA */
.arrsoft-demo-box {
    position: relative;
    overflow: hidden;
}

.arrsoft-demo-box::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -130px;
    bottom: -170px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    pointer-events: none;
}

.arrsoft-demo-box > * {
    position: relative;
    z-index: 1;
}

/* Responsive */
@media (max-width: 1080px) {
    .arrsoft-real-feature-grid,
    .arrsoft-real-feature-alt .arrsoft-real-feature-grid {
        grid-template-columns: 1fr;
    }

    .arrsoft-real-feature-alt .arrsoft-feature-image {
        order: 2;
    }

    .arrsoft-audience-grid,
    .arrsoft-modules-grid,
    .arrsoft-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .arrsoft-start-grid {
        grid-template-columns: 1fr;
    }

    .arrsoft-screenshot-window {
        transform: none;
    }
}

@media (max-width: 680px) {
    .arrsoft-audience,
    .arrsoft-sector-message,
    .arrsoft-real-feature,
    .arrsoft-modules,
    .arrsoft-dashboard-section,
    .arrsoft-benefits,
    .arrsoft-start {
        padding: 72px 0;
    }

    .arrsoft-sector-message {
        padding-top: 8px;
    }

    .arrsoft-audience-grid,
    .arrsoft-modules-grid,
    .arrsoft-benefits-grid {
        grid-template-columns: 1fr;
    }

    .arrsoft-sector-box {
        grid-template-columns: 1fr;
        padding: 28px 22px;
    }

    .arrsoft-sector-icon {
        width: 58px;
        height: 58px;
    }

    .arrsoft-preview-badge {
        position: static;
        width: max-content;
        max-width: 100%;
        margin-top: 10px;
    }

    .arrsoft-difficulty-demo {
        grid-template-columns: 1fr;
    }

    .arrsoft-mini-steps i {
        display: none;
    }

    .arrsoft-feature-image,
    .arrsoft-full-screenshot,
    .arrsoft-screenshot-window {
        border-radius: 20px;
    }
}