:root{--navy:#032f61;--navy-dark:#011f43;--teal:#05c8cf;--cyan:#05c8cf;--ink:#10223a;--paper:#f7fafb}body{background:#f7fafb;font-family:Outfit,Cairo,system-ui,sans-serif}.shell{width:min(1280px,calc(100% - 40px));margin-inline:auto}.site-header{background:#fffffff2;border-bottom:1px solid #dfe8ed;backdrop-filter:blur(18px)}.perinvo-wordmark .brand-name{color:#032f61}.hero-shell{width:min(1480px,calc(100% - 40px));margin:24px auto}.hero-carousel{border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #032f6120}.hero-slide{min-height:620px}.hero-slide>img{object-position:center}.hero-shade{background:linear-gradient(90deg,#011f43e8 0%,#011f4380 52%,#011f4310 100%)}.hero-content{max-width:760px;padding:70px 60px 110px}.hero-content h1{font-size:clamp(40px,4.8vw,70px);line-height:1.05;letter-spacing:-.045em;font-weight:700}.hero-content h1 em{color:#70edef;font-style:normal}.hero-content p{font-size:17px;line-height:1.7;max-width:510px;color:#dceaf3}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions .btn{min-height:44px}.hero-price{flex-basis:100%;font-size:13px;margin-top:10px}.btn{border-radius:999px;min-height:44px;padding:12px 22px}.btn.primary{background:#032f61;color:#fff}.hero .btn.primary,.hero-carousel .btn.primary{background:#05c8cf;color:#011f43;border-color:#05c8cf}.btn.glass{background:#ffffff15;color:#fff;border:1px solid #ffffff70}.panel,.kpi,.plan-card,.feature-card{border-radius:22px;border-color:#dfe8ed;box-shadow:0 10px 30px #032f6107}.section h2{letter-spacing:-.035em}.section{padding-block:64px}.sidebar{background:linear-gradient(155deg,#032f61,#011f43)}.page-hero,.page-banner{border-radius:22px}.main-content,.content,.app-main{min-width:0}.table-wrap,.table-responsive{max-width:100%;overflow:auto}.form-grid>*{min-width:0}input,select,textarea{max-width:100%}.kpi b{color:#032f61}.hero-dots{bottom:28px}.hero-slide:not(.active) .hero-actions a{visibility:hidden}a:focus-visible,button:focus-visible{outline:3px solid #05c8cf;outline-offset:3px}
@media(max-width:760px){.hero-shell{width:calc(100% - 24px);margin:14px auto}.hero-slide{min-height:660px}.hero-content{padding:38px 24px 110px;max-width:100%}.hero-content h1{font-size:44px}.hero-content p{font-size:15px}.hero-shade{background:linear-gradient(90deg,#011f43ed,#011f43a0)}.hero-actions .btn{font-size:12px;padding:10px 15px}.shell{width:calc(100% - 28px)}.section{padding-block:40px}input,select,textarea{font-size:16px}.hero-price{font-size:12px}.hero-carousel{border-radius:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Content defines the hero height: no clipped headings or checkout actions. */
.hero-carousel{height:auto;min-height:0}.hero-slide{position:relative;inset:auto;display:none;min-height:560px}.hero-slide.active{display:block}.hero-content,html[dir="rtl"] .hero-content{position:relative;inset:auto;top:auto;bottom:auto;transform:none;width:min(760px,64%);max-width:none;padding:54px 64px 100px}.hero-content h1{font-size:clamp(38px,4vw,60px);margin:20px 0}.hero-content .hero-actions{margin-top:22px}.hero-arrow{top:auto;bottom:23px;transform:none}.hero-dots{left:50%;transform:translateX(-50%);bottom:38px}.hero-content>p{font-size:16px}.hero-slide.active .hero-content>*{animation:none}
@media(max-width:760px){.hero-content,html[dir="rtl"] .hero-content{width:100%;inset:auto;padding:36px 24px 100px}.hero-content h1{font-size:39px;line-height:1.08}.hero-content .hero-actions{flex-direction:row;align-items:center}.hero-content .hero-actions>a{flex:1 1 40%;text-align:center}.hero-content .hero-actions>a:last-of-type{flex-basis:100%}.hero-content>p{font-size:15px}.hero-slide{min-height:0}.hero-content .eyebrow{font-size:9px;letter-spacing:.12em}.hero-price{white-space:normal}.hero-arrow{width:38px;height:38px}.hero-dots{bottom:34px}}