/* Pigbase Ultra Pro design layer - original content and business functions retained */
:root{--navy:#051b3a;--navy2:#083a74;--blue:#087ad0;--cyan:#32baff;--gold:#f2c130;--ink:#122b4b;--muted:#64768b;--line:#e1eaf3;--pale:#f4f8fc;--shadow:0 25px 70px rgba(5,31,65,.13)}
body{font-family:Inter,Arial,sans-serif;overflow-x:hidden}h1,h2,h3,h4{font-family:Manrope,Inter,sans-serif}::selection{background:#32baff;color:#061a3a}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{width:min(1280px,calc(100% - 64px))}.reading-progress{position:fixed;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,#f2c130,#32baff);z-index:9999;pointer-events:none;box-shadow:0 0 15px #32baff88}.top{background:#03132b}.top .wrap{min-height:39px}.institutional{background:#fff}.institutional-inner{min-height:126px;grid-template-columns:290px 1fr 145px;gap:22px}.brand-cluster .crest{width:98px;height:93px}.brand-cluster .pigbase-mark{width:128px;max-height:110px}.icdf{width:140px}.institutional-info b{color:var(--blue)}.institutional-info a:hover{color:var(--blue)}
.header{height:76px;background:#06244b;box-shadow:0 12px 25px #041b3640}.nav-wrap{justify-content:space-between}.nav{width:100%;justify-content:center;gap:4px}.nav a:not(.btn){padding:27px 16px;position:relative;color:#e4f1ff;transition:color .25s}.nav a:not(.btn):after{content:'';position:absolute;bottom:16px;left:16px;right:16px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav a.active:not(.btn):after,.nav a:not(.btn):hover:after{transform:scaleX(1)}.nav a.active,.nav a:hover{color:#fff}.nav .btn{margin-left:16px;border-radius:6px;background:var(--gold);padding:0 26px;min-height:44px}.nav .cart-link b{background:var(--gold);color:#06244b}.btn{border-radius:7px;background:linear-gradient(120deg,#0576ca,#30b6f4);box-shadow:0 12px 27px #0476bb35;position:relative;overflow:hidden;letter-spacing:.1px}.btn:before{content:'';position:absolute;top:-60%;left:-65%;width:25%;height:230%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#fff5,transparent);transition:left .55s}.btn:hover:before{left:125%}.btn.dark{background:linear-gradient(110deg,#082d5f,#075a9c)}.btn.gold{background:#f2c130}.btn.ghost{background:#ffffff12;box-shadow:none;border:1px solid #ffffff7a}
.hero{min-height:690px;isolation:isolate;background:#051a34}.hero:after{background:linear-gradient(90deg,rgba(2,15,36,.98) 0%,rgba(3,28,58,.88) 41%,rgba(3,31,65,.35) 78%,rgba(4,31,62,.24) 100%)}.hero:before{content:'';position:absolute;z-index:2;width:480px;height:480px;border:1px solid #ffffff17;border-radius:50%;right:-150px;top:-200px;box-shadow:0 0 0 80px #ffffff07,0 0 0 160px #ffffff04;pointer-events:none}.hero-bg{background-position:center 48%;transform:scale(1.15);transition:opacity 1.2s ease,transform 8s ease}.hero-content{padding:110px 0 165px}.hero-content .eyebrow{color:#def0ff}.hero h1{font-weight:900;line-height:1.065;font-size:clamp(50px,6.8vw,94px);letter-spacing:-4.5px;max-width:850px;margin:22px 0}.hero h1 em{color:#4bc6ff}.hero-content>p{max-width:565px;font-size:18px;line-height:1.85;color:#deebf8}.hero-kicker{font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:#acd8f6;margin-top:22px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px #f2c13021;margin-right:7px;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 11px #f2c13000}}.hero .actions{margin-top:35px}.hero .btn{min-height:56px;padding:0 29px}.hero-points{bottom:32px;right:4.5%;gap:0;border:1px solid #ffffff36;border-radius:9px;overflow:hidden;background:#05254aa8;backdrop-filter:blur(20px)}.hero-points>div{width:184px;padding:17px 20px;border:0;border-radius:0;background:transparent;border-right:1px solid #ffffff30;animation:none}.hero-points>div:last-child{border:0}.hero-points b{color:var(--gold)}.hero-points span{color:#d0e4f8}.hero-side-label{position:absolute;right:26px;top:34%;writing-mode:vertical-rl;letter-spacing:4px;color:#ffffff94;font-size:10px;z-index:3;font-weight:900}.hero-scroll{position:absolute;left:4.5%;bottom:25px;z-index:3;font-size:10px;letter-spacing:2px;font-weight:800;color:#e4f2ff;display:flex;align-items:center;gap:12px}.hero-scroll span{height:43px;width:1px;background:#f2c130;animation:scroll-line 2s ease-in-out infinite;transform-origin:top}@keyframes scroll-line{50%{transform:scaleY(.5)}}.slider-dots{left:50%;bottom:28px;transform:translateX(-50%)}.slider-dots button{cursor:pointer}.slider-dots button.active{background:var(--gold)}
.stats{background:#087acc;position:relative;z-index:4}.stat-grid>div{padding:27px 24px}.stat-grid b{font-size:31px;font-weight:900}.stat-grid strong{font-size:15px}.stat-grid span{color:#e9f6ff}.section{padding:105px 0;position:relative}.section.pale{background:#f3f7fb;overflow:hidden}.section-deco{position:absolute;right:-20px;top:-70px;font:900 160px Manrope,Arial;letter-spacing:-10px;color:#0a73ba09;pointer-events:none}.section-head{max-width:810px}.section-head h2,.split h2{font-size:clamp(34px,4.1vw,54px);letter-spacing:-2.5px;font-weight:900;line-height:1.14}.section-head p{line-height:1.9}.eyebrow{color:#0676bc;letter-spacing:2px}.eyebrow:before{background:var(--gold);height:3px;width:29px}.feature-grid{gap:26px}.feature{padding:36px 33px 35px;border-radius:9px;box-shadow:0 15px 45px #0b3f7410;border-bottom:4px solid transparent;position:relative;overflow:hidden}.feature:before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,#32baff16,transparent 65%);pointer-events:none}.feature:hover{border-bottom-color:var(--gold);transform:translateY(-9px);box-shadow:0 25px 55px #10395e24}.feature i{border-radius:8px;background:#e8f6ff;color:#087acc;width:63px;height:63px;font-size:28px}.feature h3{font-size:23px;font-weight:900;letter-spacing:-.7px}.feature p{font-size:15px;line-height:1.9}.feature a{display:inline-flex;margin-top:5px}.image-story{background:#fff}.split{gap:95px}.photo>img{border-radius:9px;height:510px}.photo:before{content:'';position:absolute;top:-17px;left:-17px;width:44%;height:45%;border:5px solid var(--gold);border-radius:7px;z-index:-1}.photo{isolation:isolate}.float-card{border-radius:8px;left:-28px;bottom:33px;border-left:5px solid var(--gold)}.lead{line-height:1.85}.check-list li{padding:7px 0;border-bottom:1px solid #eaf0f6}.check-list li:before{border-radius:6px;background:#e5f5ff}.overview{padding:93px 0;background:linear-gradient(115deg,#031830,#063a75);position:relative;overflow:hidden}.overview:before,.cta-band:before{content:'';position:absolute;right:-160px;top:-170px;width:580px;height:580px;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 0 0 80px #ffffff06,0 0 0 170px #ffffff04}.overview h2{font-size:45px;letter-spacing:-2px}.overview-grid div{border-radius:8px;padding:30px 14px}.overview-grid strong{font-size:36px}.cta-band{position:relative;overflow:hidden;background:linear-gradient(115deg,#054482,#087aca);padding:68px 0}.cta-inner{position:relative;z-index:2}.cta-inner h2{font-size:42px;letter-spacing:-1.5px}.footer{background:#03152c}.footer a:hover{color:var(--gold)}.footer-grid{gap:55px}.footer h4{font-size:16px}.footer p{line-height:1.95}.page-hero{padding:94px 0;background:linear-gradient(100deg,#03182fdd,#084579cb),url('../images/pig-2.jpg') center 43%/cover}.page-hero h1{font-weight:900;letter-spacing:-2.8px}.product,.article,.form-card,.login-card,.cart-panel,.summary{border-radius:9px}.product-img{height:255px}.product-img img,.article img{transition:transform .6s}.product:hover .product-img img,.article:hover img{transform:scale(1.05)}.product-img{overflow:hidden}.product-body{padding:26px}.article{overflow:hidden;transition:.3s}.article:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.article img{border-radius:5px}.contact-cards>div{border-radius:7px;border-left:3px solid var(--blue)}.control{border-radius:6px}.login-main{background:linear-gradient(115deg,#03182fec,#084579dc),url('../images/hero.jpg') center/cover}.login-card{padding:42px}.ai-launch{border-radius:8px}.ai-panel{border-radius:12px}.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.21,.85,.28,1)}.feature-grid>.reveal:nth-child(2){transition-delay:.1s}.feature-grid>.reveal:nth-child(3){transition-delay:.2s}
@media(max-width:1100px){.institutional-inner{grid-template-columns:245px 1fr 120px}.institutional-info{gap:12px}.institutional-info>a,.institutional-info>div{padding-right:10px}.nav{gap:0}.nav a:not(.btn){padding-left:13px;padding-right:13px}.hero-side-label{display:none}.hero-points>div{width:160px}.split{gap:50px}}
@media(max-width:900px){.wrap{width:min(100% - 36px,1280px)}.institutional{display:none}.header{height:72px}.nav-wrap{justify-content:space-between}.mobile-logo{display:block}.mobile-logo img{max-height:62px}.menu{display:block}.nav{width:auto;top:72px;gap:0;padding:14px 20px 24px;background:#06244b;max-height:calc(100vh - 72px);overflow-y:auto}.nav a:not(.btn){padding:12px 16px}.nav a:not(.btn):after{bottom:6px}.nav .btn{margin:12px 0 0}.hero{min-height:650px}.hero-content{padding:95px 0 145px}.hero-points{display:none}.hero-scroll{left:4%;bottom:20px}.slider-dots{bottom:30px}.section{padding:74px 0}.split{gap:38px}.overview>.wrap{gap:30px}.feature-grid{gap:17px}}
@media(max-width:620px){.wrap{width:calc(100% - 32px)}.hero{min-height:640px}.hero-content{padding:90px 0 120px}.hero h1{font-size:clamp(45px,12vw,65px);letter-spacing:-2.5px}.hero-content>p{font-size:16px;line-height:1.7}.hero .actions{gap:11px}.hero .btn{min-height:53px}.hero-kicker{font-size:9px;letter-spacing:1.2px}.hero-scroll{display:none}.slider-dots{bottom:26px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid>div{padding:17px 10px;border-right:1px solid #ffffff2c}.stat-grid b{font-size:25px}.stat-grid span{font-size:11px}.section{padding:65px 0}.section-head h2,.split h2{font-size:34px;letter-spacing:-1.3px}.feature-grid{grid-template-columns:1fr}.feature{padding:26px}.photo>img{height:340px}.photo:before{left:-7px;top:-8px}.float-card{left:8px}.overview{padding:66px 0}.overview h2{font-size:35px}.overview-grid strong{font-size:27px}.cta-inner h2{font-size:32px}.page-hero{padding:65px 0}.page-hero h1{letter-spacing:-1.3px}.login-card{padding:26px}.ai-launch{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.hero-bg{transform:none!important}.live-dot,.hero-scroll span{animation:none!important}}