:root{--navy:#051a29;--navy2:#082c3e;--teal:#075a61;--green:#0c7358;--gold:#dcae45;--gold2:#fff0a7;--cream:#fff9e9;--paper:#fffdf7;--ink:#13212a;--muted:#65737b;--line:rgba(5,26,41,.12);--shadow:0 22px 70px rgba(4,21,32,.14);--radius:24px;--header-h:82px;--shell:min(1240px,calc(100% - 40px));}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:9999;left:12px;top:-80px;background:#fff;padding:12px 18px;border-radius:12px;transition:.25s}.skip-link:focus{top:12px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.eyebrow:before{content:'';width:34px;height:2px;background:linear-gradient(90deg,var(--gold),var(--green))}.section{padding:100px 0}.section-soft{background:linear-gradient(180deg,#fffaf0,#f7fbf7)}.section-dark{color:#fff;background:radial-gradient(circle at 75% 15%,rgba(26,124,105,.35),transparent 35%),linear-gradient(135deg,var(--navy),#020b12 72%)}.section-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05;margin:.5rem 0 1.2rem;letter-spacing:-.045em}.section-title em{color:var(--gold);font-weight:700}.lead{font-size:clamp(1.05rem,2vw,1.28rem);color:var(--muted);max-width:760px}.section-dark .lead{color:rgba(255,255,255,.72)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 22px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.25s ease}.btn:hover{transform:translateY(-3px)}.btn-gold{color:#14202a;background:linear-gradient(135deg,var(--gold2),var(--gold),#b57b17);box-shadow:0 12px 30px rgba(220,174,69,.28)}.btn-dark{color:#fff;background:linear-gradient(135deg,var(--navy2),var(--navy))}.btn-outline{border-color:rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.site-header{height:var(--header-h);position:fixed;inset:0 0 auto;z-index:1000;background:rgba(5,26,41,.85);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);transition:.3s}.site-header.scrolled{height:70px;background:rgba(5,26,41,.96);box-shadow:0 15px 40px rgba(0,0,0,.18)}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;flex-shrink:0}.brand img{width:58px;height:58px;object-fit:contain}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:1.22rem;letter-spacing:.05em;color:var(--gold2)}.brand-copy small{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.64);margin-top:5px}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:2px;height:100%}.nav-link,.dropdown-toggle{height:100%;display:flex;align-items:center;gap:5px;padding:0 12px;color:rgba(255,255,255,.82);background:none;border:0;font-weight:700;font-size:.89rem;cursor:pointer;position:relative;white-space:nowrap}.nav-link:after,.nav-item>.dropdown-toggle:after{content:'';position:absolute;left:12px;right:12px;bottom:17px;height:2px;background:linear-gradient(90deg,var(--gold2),var(--gold));transform:scaleX(0);transition:.25s}.nav-link:hover,.dropdown-toggle:hover,.nav-link.is-active,.nav-item.is-active>.dropdown-toggle{color:#fff}.nav-link:hover:after,.nav-link.is-active:after,.nav-item.is-active>.dropdown-toggle:after{transform:scaleX(1)}.nav-item{height:100%;position:relative}.dropdown-menu{position:absolute;top:calc(100% - 8px);left:0;min-width:230px;padding:10px;background:#fff;border:1px solid rgba(5,26,41,.1);border-radius:18px;box-shadow:0 20px 65px rgba(0,0,0,.22);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:.22s ease}.dropdown-menu:before{content:'';position:absolute;left:0;right:0;top:-18px;height:20px}.dropdown-menu a{display:flex;padding:12px 14px;border-radius:12px;color:var(--ink);font-weight:700}.dropdown-menu a:hover{background:linear-gradient(135deg,#fff5cf,#eff9f1);color:var(--green)}.dropdown:hover>.dropdown-menu,.dropdown:focus-within>.dropdown-menu,.dropdown.open>.dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-right{left:auto;right:0}.login-button{height:42px;margin-top:20px;border-radius:999px;padding:0 18px;color:#10202b;background:linear-gradient(135deg,var(--gold2),var(--gold))}.login-button:after{display:none}.menu-toggle{display:none;margin-left:auto;width:46px;height:46px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:14px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:21px;height:2px;background:#fff;border-radius:2px}
.mobile-drawer{position:fixed;inset:0;z-index:1500;visibility:hidden;pointer-events:none}.mobile-drawer.open{visibility:visible;pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.56);opacity:0;transition:.3s}.mobile-drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;top:0;right:0;width:min(410px,92vw);height:100%;background:linear-gradient(180deg,#071e2e,#04121c);color:#fff;padding:20px 20px 120px;overflow:auto;transform:translateX(105%);transition:.35s cubic-bezier(.2,.8,.2,1)}.mobile-drawer.open .drawer-panel{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}.drawer-brand{display:flex;align-items:center;gap:10px;color:var(--gold2);font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:1.2rem}.drawer-brand img{width:52px;height:52px;object-fit:contain}.drawer-close,.modal-close{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.6rem;cursor:pointer}.mobile-menu{display:grid;margin-top:18px}.mobile-menu>a,.mobile-accordion>button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 10px;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.09);background:none;font-weight:800;text-align:left}.mobile-accordion>button span{transition:.25s}.mobile-accordion.open>button span{transform:rotate(45deg)}.mobile-submenu{display:grid;max-height:0;overflow:hidden;transition:max-height .35s ease;background:rgba(255,255,255,.04);border-radius:0 0 14px 14px}.mobile-accordion.open .mobile-submenu{max-height:360px}.mobile-submenu a{padding:12px 18px;color:rgba(255,255,255,.74);border-bottom:1px solid rgba(255,255,255,.06)}.drawer-contact{margin-top:25px;padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(220,174,69,.17),rgba(14,110,91,.18));border:1px solid rgba(255,255,255,.12)}.drawer-contact small{color:var(--gold2);font-weight:800;text-transform:uppercase}.drawer-contact p{font-size:.88rem;color:rgba(255,255,255,.75)}.drawer-contact a{color:#fff;font-weight:700}
.hero{min-height:100svh;position:relative;background:var(--navy);overflow:hidden}.hero-slider,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;pointer-events:none;transition:opacity .85s ease}.hero-slide.active{opacity:1;pointer-events:auto}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 8s ease}.hero-slide.active .hero-media{transform:scale(1.10)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,18,.92) 0%,rgba(2,11,18,.62) 48%,rgba(2,11,18,.18) 80%),linear-gradient(0deg,rgba(2,11,18,.7),transparent 45%)}.hero-content{position:relative;z-index:2;min-height:100svh;padding-top:calc(var(--header-h) + 70px);padding-bottom:120px;display:flex;flex-direction:column;justify-content:center;color:#fff}.hero-content>div{max-width:780px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.hero h1,.hero h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,7.2vw,7rem);line-height:.94;letter-spacing:-.055em;margin:22px 0}.hero h1 em,.hero h2 em{color:var(--gold2)}.hero p{font-size:clamp(1rem,2vw,1.25rem);color:rgba(255,255,255,.78);max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-mini{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px;color:rgba(255,255,255,.72);font-size:.9rem}.hero-mini span:before{content:'◆';color:var(--gold);margin-right:7px}.hero-controls{position:absolute;z-index:3;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.hero-dot{width:10px;height:10px;border-radius:20px;border:1px solid rgba(255,255,255,.6);background:transparent;transition:.25s;cursor:pointer}.hero-dot.active{width:42px;background:linear-gradient(90deg,var(--gold2),var(--gold));border-color:transparent}.hero-scroll{position:absolute;z-index:3;right:28px;bottom:35px;color:rgba(255,255,255,.65);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl}.hero-scroll:after{content:'';display:inline-block;width:1px;height:50px;background:var(--gold);margin-top:10px;animation:scrollLine 1.8s infinite}@keyframes scrollLine{0%,100%{transform:scaleY(.4);transform-origin:top}50%{transform:scaleY(1)}}
.trust-strip{margin-top:-1px;background:linear-gradient(90deg,var(--green),var(--teal),var(--navy2));color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.14)}.trust-item{padding:24px;background:rgba(3,22,31,.42);display:flex;align-items:center;gap:14px}.trust-item strong{font-size:1.35rem;color:var(--gold2)}.trust-item span{font-size:.86rem;color:rgba(255,255,255,.74)}
.split{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.visual-card{position:relative;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);background:#061724}.visual-card img{width:100%;display:block}.visual-card:after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.25);border-radius:inherit;pointer-events:none}.floating-badge{position:absolute;right:-25px;bottom:28px;max-width:240px;padding:18px 20px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--green),var(--navy));box-shadow:0 20px 50px rgba(4,21,32,.25)}.floating-badge strong{display:block;color:var(--gold2);font-size:1.1rem}.feature-list{display:grid;gap:14px;margin-top:30px}.feature{display:flex;gap:15px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.25s}.feature:hover{transform:translateX(7px);box-shadow:0 15px 40px rgba(4,21,32,.08)}.feature i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#fff3bd,#daf3e8);font-style:normal;font-weight:900;color:var(--green)}.feature b{display:block}.feature small{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{position:relative;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 15px 45px rgba(4,21,32,.08);transition:.3s}.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}.product-image{height:360px;display:grid;place-items:center;background:linear-gradient(145deg,#fffdf6,#f3f8f2);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:.5s}.product-card:hover .product-image img{transform:scale(1.04)}.product-copy{padding:25px}.product-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:1.8rem;margin:0}.product-copy p{color:var(--muted)}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--green);font-weight:800}.text-link:hover{gap:13px}.card-kicker{position:absolute;top:16px;left:16px;z-index:2;padding:7px 10px;border-radius:999px;background:rgba(5,26,41,.9);color:var(--gold2);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.page-hero{position:relative;min-height:58svh;padding:calc(var(--header-h) + 80px) 0 85px;display:flex;align-items:flex-end;color:#fff;background:var(--navy);overflow:hidden}.page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.page-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,24,.94),rgba(3,15,24,.58),rgba(3,15,24,.22)),linear-gradient(0deg,rgba(3,15,24,.8),transparent)}.page-hero .shell{position:relative;z-index:2}.page-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,7vw,6.5rem);line-height:.95;letter-spacing:-.05em;margin:15px 0;max-width:900px}.page-hero p{max-width:760px;color:rgba(255,255,255,.78);font-size:1.16rem}.breadcrumbs{display:flex;gap:8px;color:rgba(255,255,255,.62);font-size:.83rem}.breadcrumbs a:hover{color:var(--gold2)}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(4,21,32,.06)}.info-card .icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#fff3bd,#d9f2e7);font-weight:900;color:var(--green);font-size:1.2rem}.info-card h3{font-family:Georgia,'Times New Roman',serif;font-size:1.5rem;margin:18px 0 8px}.info-card p{color:var(--muted);margin:0}.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.legal-card{padding:28px;border-radius:24px;color:#fff;background:linear-gradient(145deg,#0a3d46,#051a29);border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}.legal-card:after{content:'';position:absolute;width:140px;height:140px;border-radius:50%;right:-50px;bottom:-55px;background:rgba(220,174,69,.14)}.legal-card small{color:var(--gold2);text-transform:uppercase;font-weight:800;letter-spacing:.1em}.legal-card strong{display:block;font-size:clamp(1.25rem,2vw,1.65rem);margin:12px 0}.status{display:inline-flex;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.78rem}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.price-card{border-radius:28px;padding:30px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 45px rgba(4,21,32,.08);position:relative;overflow:hidden}.price-card.featured{background:linear-gradient(145deg,#0c6258,#061b2b);color:#fff;transform:translateY(-12px)}.price-card:before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:6px;background:linear-gradient(90deg,var(--gold2),var(--gold),var(--green))}.price-card h3{font-family:Georgia,'Times New Roman',serif;font-size:2rem;margin:8px 0}.price-card .price{font-size:2.15rem;font-weight:900;color:var(--green)}.price-card.featured .price{color:var(--gold2)}.price-card p{color:var(--muted)}.price-card.featured p{color:rgba(255,255,255,.73)}.free-shipping{margin-top:28px;padding:22px;border:1px dashed var(--gold);border-radius:22px;background:#fff9e3;display:flex;gap:16px;align-items:center}.free-shipping strong{font-size:1.2rem;color:var(--green)}
.timeline{display:grid;gap:18px;counter-reset:step}.timeline-item{counter-increment:step;display:grid;grid-template-columns:75px 1fr;gap:20px;align-items:start}.timeline-item:before{content:counter(step,decimal-leading-zero);width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));font-weight:900;color:var(--navy)}.timeline-copy{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}.timeline-copy h3{margin:0 0 8px;font-family:Georgia,'Times New Roman',serif;font-size:1.5rem}.timeline-copy p{margin:0;color:var(--muted)}
.ethics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ethics-card{padding:25px;border-radius:22px;border:1px solid var(--line);background:#fff}.ethics-card h3{display:flex;gap:12px;align-items:center;font-family:Georgia,'Times New Roman',serif;font-size:1.5rem;margin:0 0 10px}.ethics-card h3 span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#fff2b5,#dff5e9);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.9rem;color:var(--green)}.ethics-card p{color:var(--muted);margin:0}.notice{padding:22px;border-radius:20px;background:#fff7d9;border:1px solid rgba(220,174,69,.45);color:#574315}
.gallery-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 30px}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.filter-btn.active,.filter-btn:hover{color:#fff;background:linear-gradient(135deg,var(--green),var(--navy))}.photo-gallery{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}.gallery-item{width:100%;margin:0;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(4,21,32,.08);transition:.3s}.gallery-item[hidden]{display:none}.gallery-item:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.gallery-button{width:100%;padding:0;border:0;background:#071822;cursor:zoom-in;display:block}.gallery-item img{width:100%;height:auto;display:block}.gallery-item figcaption{padding:15px 17px;font-weight:700}.gallery-item figcaption small{display:block;color:var(--muted);font-weight:500}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-card{border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(4,21,32,.08)}.video-frame{position:relative;padding-top:56.25%;background:#061722}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-copy{padding:20px}.video-copy h3{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:1.35rem}.video-copy p{color:var(--muted)}.empty-state{padding:45px;text-align:center;border:2px dashed rgba(5,26,41,.18);border-radius:28px;background:#fff}.empty-state code{background:#eef3f2;padding:3px 7px;border-radius:7px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial-card{padding:25px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(4,21,32,.07)}.testimonial-card blockquote{margin:0;color:var(--ink);font-size:1.04rem}.testimonial-person{display:flex;align-items:center;gap:12px;margin-top:22px}.testimonial-person img{width:52px;height:52px;border-radius:50%;object-fit:cover}.testimonial-person small{display:block;color:var(--muted)}
.product-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.product-detail-image{padding:22px;border-radius:32px;background:linear-gradient(145deg,#fff8dd,#edf8f2);box-shadow:var(--shadow)}.product-detail-image img{width:100%;display:block;border-radius:22px}.fact-list{display:grid;gap:12px;margin:25px 0}.fact{display:flex;gap:12px;align-items:flex-start;padding:15px;border-radius:16px;background:#fff;border:1px solid var(--line)}.fact i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ddf4e8;color:var(--green);font-style:normal;font-weight:900;flex:0 0 auto}.spec-table{width:100%;border-collapse:collapse;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.spec-table th,.spec-table td{padding:15px;text-align:left;border-bottom:1px solid var(--line)}.spec-table th{width:34%;background:#f3f8f6;color:var(--green)}.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.contact-card{padding:30px;border-radius:26px;background:linear-gradient(145deg,#083c45,#051a29);color:#fff}.contact-card h3{font-family:Georgia,'Times New Roman',serif;font-size:2rem}.contact-card p{color:rgba(255,255,255,.72)}.contact-detail{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12)}.contact-detail:last-child{border-bottom:0}.contact-detail i{color:var(--gold2);font-style:normal}.contact-form{padding:30px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(5,26,41,.16);border-radius:14px;padding:13px 14px;background:#fbfdfc;outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(12,115,88,.1)}.field textarea{min-height:145px;resize:vertical}.form-note{font-size:.83rem;color:var(--muted)}
.cta-band{padding:34px;border-radius:30px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(220,174,69,.28),transparent 32%),linear-gradient(135deg,var(--navy2),var(--navy));display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,3.4rem);margin:0}.cta-band p{color:rgba(255,255,255,.7);max-width:700px}.site-footer{padding:75px 0 110px;color:#fff;background:#020b12}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .8fr 1.2fr;gap:45px}.footer-about img{width:100px;height:100px;object-fit:contain}.footer-about h3{font-size:1.1rem;color:var(--gold2)}.footer-about p,.footer-col p{color:rgba(255,255,255,.62)}.footer-col{display:grid;align-content:start;gap:9px}.footer-col h4{color:var(--gold2);margin:0 0 8px}.footer-col a{color:rgba(255,255,255,.68)}.footer-col a:hover{color:#fff}.footer-bottom{margin-top:45px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.45);font-size:.82rem}.wa-float{position:fixed;right:20px;bottom:24px;z-index:800;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2ce077,#0b9e52);box-shadow:0 15px 35px rgba(11,158,82,.35);font-weight:900;animation:waPulse 2.4s infinite}@keyframes waPulse{50%{box-shadow:0 15px 45px rgba(11,158,82,.5),0 0 0 12px rgba(11,158,82,.08)}}.mobile-bottom-nav{display:none}
.login-modal{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;visibility:hidden;pointer-events:none}.login-modal.open{visibility:visible;pointer-events:auto}.login-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);opacity:0;transition:.3s}.login-modal.open .login-backdrop{opacity:1}.login-sheet{position:relative;width:min(520px,calc(100% - 30px));padding:34px;border-radius:30px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.35);transform:translateY(30px) scale(.95);opacity:0;transition:.32s}.login-modal.open .login-sheet{transform:none;opacity:1}.login-sheet .modal-close{position:absolute;right:15px;top:15px;color:var(--ink);background:#eff3f2}.modal-logo img{width:78px;height:78px;object-fit:contain}.login-sheet h2{font-family:Georgia,'Times New Roman',serif;font-size:2rem;margin:5px 0}.login-sheet>p{color:var(--muted)}.login-options{display:grid;gap:12px;margin-top:22px}.login-options a{display:grid;grid-template-columns:1fr auto;gap:2px 15px;padding:18px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--green),var(--navy));transition:.25s}.login-options a:nth-child(2){background:linear-gradient(135deg,#9a6a12,var(--navy))}.login-options a:hover{transform:translateY(-3px)}.login-options small{color:rgba(255,255,255,.7)}.login-options span{grid-row:1/3;grid-column:2;align-self:center;font-size:1.5rem}
.lightbox{position:fixed;inset:0;z-index:2300;background:rgba(0,0,0,.94);display:grid;place-items:center;visibility:hidden;opacity:0;transition:.25s}.lightbox.open{visibility:visible;opacity:1}.lightbox img{max-width:min(92vw,1500px);max-height:82vh;object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;color:#fff;background:rgba(255,255,255,.13);backdrop-filter:blur(8px);cursor:pointer}.lightbox-close{right:20px;top:20px;width:48px;height:48px;border-radius:50%;font-size:1.7rem}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:50px;height:70px;border-radius:16px;font-size:2.2rem}.lightbox-prev{left:18px}.lightbox-next{right:18px}.lightbox-caption{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.55);padding:9px 16px;border-radius:999px;max-width:80%;text-align:center}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:flex}.split,.product-detail,.contact-grid{grid-template-columns:1fr}.split{gap:40px}.cards,.photo-gallery,.video-grid,.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid,.legal-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.price-card.featured{transform:none}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid .footer-col:last-child{grid-column:1/-1}.floating-badge{right:20px}.wa-float{bottom:96px}.mobile-bottom-nav{position:fixed;z-index:1200;left:10px;right:10px;bottom:10px;height:70px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:7px 8px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:linear-gradient(120deg,rgba(3,43,49,.96),rgba(6,27,43,.97),rgba(92,59,8,.95),rgba(6,27,43,.97));background-size:300% 300%;animation:navGradient 8s ease infinite;box-shadow:0 18px 55px rgba(0,0,0,.35);backdrop-filter:blur(18px)}@keyframes navGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.mobile-bottom-nav a,.mobile-bottom-nav button{height:56px;border:0;background:none;color:rgba(255,255,255,.65);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.68rem;font-weight:800;position:relative}.mobile-bottom-nav i{font-size:1.25rem;font-style:normal}.mobile-bottom-nav a.is-active{color:var(--gold2)}.bottom-login{align-self:center!important;width:74px!important;height:74px!important;margin:0 auto 11px!important;border-radius:50%!important;color:#10202b!important;background:linear-gradient(145deg,#fff5bf,var(--gold),#a9690d)!important;box-shadow:0 0 0 7px rgba(5,26,41,.94),0 15px 35px rgba(220,174,69,.4)!important;animation:centerPulse 2.4s infinite!important}.bottom-login i{font-size:1.6rem!important}.bottom-login span{font-size:.68rem}@keyframes centerPulse{50%{transform:translateY(-4px);box-shadow:0 0 0 7px rgba(5,26,41,.94),0 18px 50px rgba(220,174,69,.65)}}body{padding-bottom:92px}.site-footer{padding-bottom:145px}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1240px);--header-h:72px}.brand img{width:48px;height:48px}.brand-copy strong{font-size:1rem}.brand-copy small{font-size:.56rem}.hero-content{padding-top:calc(var(--header-h) + 45px);padding-bottom:130px}.hero h1,.hero h2{font-size:clamp(2.8rem,15vw,4.8rem)}.hero p{font-size:1rem}.hero-shade{background:linear-gradient(0deg,rgba(2,11,18,.96),rgba(2,11,18,.5) 78%,rgba(2,11,18,.32))}.hero-mini{display:grid;gap:8px}.hero-scroll{display:none}.trust-grid{grid-template-columns:1fr 1fr}.trust-item{padding:17px 13px}.trust-item strong{font-size:1rem}.section{padding:72px 0}.section-title{font-size:clamp(2.15rem,11vw,3.6rem)}.split{gap:30px}.cards,.photo-gallery,.video-grid,.testimonial-grid,.info-grid,.legal-grid,.price-grid,.ethics-grid{grid-template-columns:1fr}.product-image{height:auto}.page-hero{min-height:56svh;padding:calc(var(--header-h) + 70px) 0 65px}.page-hero h1{font-size:clamp(2.8rem,13vw,4.6rem)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.timeline-item{grid-template-columns:55px 1fr}.timeline-item:before{width:50px;height:50px;border-radius:15px}.cta-band{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-grid .footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.floating-badge{position:relative;right:auto;bottom:auto;margin:-20px 15px 0}.photo-gallery{gap:20px}.gallery-item{border-radius:18px}.lightbox-prev,.lightbox-next{width:42px;height:55px}.lightbox-prev{left:6px}.lightbox-next{right:6px}.lightbox-caption{bottom:92px}.contact-form,.contact-card{padding:22px}.product-detail{gap:30px}}
@media(max-width:430px){.brand-copy small{display:none}.hero-actions .btn{width:100%}.trust-grid{grid-template-columns:1fr}.mobile-bottom-nav{left:6px;right:6px;bottom:6px;border-radius:21px}.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:.6rem}.bottom-login{width:66px!important;height:66px!important}.login-sheet{padding:25px 20px}.section-title{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   PROLAKU V3 — full-screen gradient hero + refined mobile nav
   ========================================================= */
body.modal-open{overflow:hidden}
.hero-v3{height:100svh;min-height:680px;isolation:isolate}
.hero-v3 .hero-slider,.hero-v3 .hero-slide{height:100%}
.hero-v3 .hero-slide{background:#061724}
.hero-v3 .hero-slide--business{background:radial-gradient(circle at 76% 20%,rgba(255,221,130,.40),transparent 34%),linear-gradient(135deg,#03131f 0%,#0a3e46 45%,#a46e19 100%)}
.hero-v3 .hero-slide--growth{background:radial-gradient(circle at 75% 32%,rgba(116,235,195,.26),transparent 35%),linear-gradient(135deg,#02141f 0%,#075a61 48%,#1d8062 100%)}
.hero-v3 .hero-slide--strongman{background:radial-gradient(circle at 82% 42%,rgba(198,255,222,.55),transparent 32%),linear-gradient(135deg,#041522 0%,#0b2943 52%,#1f8a5a 100%)}
.hero-v3 .hero-media{opacity:.42;filter:saturate(.9) contrast(1.04);mix-blend-mode:screen}
.hero-v3 .hero-slide--business .hero-media{object-position:center;opacity:.34}
.hero-v3 .hero-slide--growth .hero-media{object-position:72% center;opacity:.40}
.hero-v3 .hero-slide--strongman .hero-media{object-position:74% center;opacity:.52;mix-blend-mode:luminosity}
.hero-v3 .hero-shade{background:linear-gradient(90deg,rgba(1,10,17,.96) 0%,rgba(2,17,27,.83) 38%,rgba(2,17,27,.38) 68%,rgba(2,17,27,.12) 100%),linear-gradient(0deg,rgba(1,9,15,.70),transparent 46%)}
.hero-v3 .hero-content{height:100%;min-height:0;padding-top:calc(var(--header-h) + 48px);padding-bottom:105px}
.hero-v3 .hero-copy{max-width:790px;padding:30px 0}
.hero-v3 .hero h1,.hero-v3 .hero h2{max-width:920px;text-wrap:balance}
.hero-v3 .hero-kicker{box-shadow:inset 0 1px rgba(255,255,255,.18)}
.product-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-grid-four .product-image{height:310px}
.strongman-detail-image{background:linear-gradient(145deg,#fffaf0,#e8eef5)}
.strongman-detail-image img{object-fit:cover}
.strongman-visual img{aspect-ratio:3/2;object-fit:cover}
.page-hero-strongman:after{background:linear-gradient(90deg,rgba(3,19,31,.96),rgba(3,19,31,.70) 46%,rgba(3,19,31,.24))}
.mobile-bottom-nav svg{width:22px;height:22px;display:block;fill:currentColor}

@media(max-width:1120px){
  .product-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:860px){
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .hero-v3{height:100svh;min-height:640px}
  .hero-v3 .hero-content{padding-top:calc(var(--header-h) + 34px);padding-bottom:130px;justify-content:center}
  .hero-v3 .hero-copy{max-width:690px;padding:20px 0}
  .hero-v3 .hero-media{opacity:.30;mix-blend-mode:screen}
  .hero-v3 .hero-slide--growth .hero-media,.hero-v3 .hero-slide--strongman .hero-media{object-position:center;opacity:.28}
  .hero-v3 .hero-shade{background:linear-gradient(180deg,rgba(2,14,23,.78),rgba(2,14,23,.93) 78%),linear-gradient(90deg,rgba(2,14,23,.92),rgba(2,14,23,.54))}
  .hero-v3 .hero h1,.hero-v3 .hero h2{font-size:clamp(2.65rem,11vw,5rem);line-height:.98;margin:18px 0}
  .hero-v3 .hero p{font-size:1rem;line-height:1.62}
  .hero-v3 .hero-mini{display:none}
  .hero-v3 .hero-controls{bottom:98px}
  .hero-v3 .hero-scroll{display:none}
  .mobile-bottom-nav{display:grid;position:fixed;z-index:1450;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));height:74px;padding:7px 8px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:25px;background:linear-gradient(135deg,rgba(3,28,45,.96),rgba(5,91,97,.95) 55%,rgba(21,117,82,.96));box-shadow:0 20px 55px rgba(1,14,24,.35),inset 0 1px rgba(255,255,255,.16);backdrop-filter:blur(18px)}
  .mobile-bottom-nav:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% -10%,rgba(255,219,119,.25),transparent 37%);pointer-events:none}
  .mobile-bottom-nav>a,.mobile-bottom-nav>button{position:relative;z-index:1;min-width:0;height:58px;padding:5px 2px;border:0;background:transparent;color:rgba(255,255,255,.74);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.65rem;font-weight:800;line-height:1;letter-spacing:.01em;transition:transform .25s ease,color .25s ease}
  .mobile-bottom-nav>a i,.mobile-bottom-nav>button i{width:31px;height:31px;display:grid;place-items:center;border-radius:12px;transition:.25s ease}
  .mobile-bottom-nav>a.is-active{color:#fff}
  .mobile-bottom-nav>a.is-active i{color:#071b27;background:linear-gradient(135deg,#fff5c4,#e2b248);box-shadow:0 8px 20px rgba(224,178,72,.28)}
  .mobile-bottom-nav>a:active{transform:scale(.93)}
  .mobile-bottom-nav .bottom-login{width:76px!important;height:76px!important;justify-self:center;align-self:end;margin-bottom:7px;border-radius:50%;color:#071b27;background:linear-gradient(145deg,#fff7c9,#d9a536 70%,#a76b10);border:5px solid #073247;box-shadow:0 12px 30px rgba(0,0,0,.34),0 0 0 3px rgba(255,223,128,.32);animation:loginPulse 2.8s ease-in-out infinite}
  .mobile-bottom-nav .bottom-login i{width:34px;height:34px;background:rgba(255,255,255,.32);border-radius:50%}
  .mobile-bottom-nav .bottom-login span{font-size:.68rem;font-weight:900;margin-top:-2px}
  .wa-float{bottom:calc(101px + env(safe-area-inset-bottom));right:16px}
  .site-footer{padding-bottom:18px}
}

@keyframes loginPulse{0%,100%{transform:translateY(-14px) scale(1);box-shadow:0 12px 30px rgba(0,0,0,.34),0 0 0 3px rgba(255,223,128,.32)}50%{transform:translateY(-17px) scale(1.035);box-shadow:0 16px 38px rgba(0,0,0,.38),0 0 0 6px rgba(255,223,128,.13)}}

@media(max-width:600px){
  .product-grid-four{grid-template-columns:1fr}
  .product-grid-four .product-image{height:330px}
  .hero-v3 .hero-content{padding-left:0;padding-right:0}
  .hero-v3 .hero-actions{margin-top:20px}
  .hero-v3 .hero-actions .btn{width:100%}
  .mobile-bottom-nav{left:8px;right:8px;height:70px;border-radius:22px;padding:6px 5px}
  .mobile-bottom-nav>a,.mobile-bottom-nav>button{font-size:.59rem;gap:2px}
  .mobile-bottom-nav>a i,.mobile-bottom-nav>button i{width:29px;height:29px}
  .mobile-bottom-nav svg{width:20px;height:20px}
  .mobile-bottom-nav .bottom-login{width:70px!important;height:70px!important;border-width:4px}
}

@media(max-height:720px) and (max-width:860px){
  .hero-v3 .hero-content{padding-top:94px;padding-bottom:100px}
  .hero-v3 .hero h1,.hero-v3 .hero h2{font-size:clamp(2.25rem,9vw,3.8rem);margin:12px 0}
  .hero-v3 .hero p{line-height:1.5;margin:.6rem 0}
  .hero-v3 .hero-actions{margin-top:15px}
  .hero-v3 .hero-controls{bottom:88px}
}

/* =========================================================
   PROLAKU V4 — proportional typography, wider layout,
   clearer header imagery, complete navigation and price fixes
   ========================================================= */
:root{
  --shell:min(1480px,calc(100% - 48px));
  --header-h:86px;
}

/* Wider, cleaner desktop canvas */
.site-header .shell{width:min(1600px,calc(100% - 36px))}
.header-inner{gap:18px}
.brand{gap:9px}
.brand img{width:60px;height:60px}
.brand-copy strong{font-size:1.14rem}
.brand-copy small{font-size:.59rem;letter-spacing:.16em}
.desktop-nav{gap:1px;min-width:0}
.nav-link,.dropdown-toggle{
  padding-inline:11px;
  font-size:clamp(.76rem,.72vw,.86rem);
  letter-spacing:.005em;
}
.dropdown-menu{min-width:245px}
.dropdown-menu a{font-size:.88rem;line-height:1.35}
.login-button{height:40px;margin-top:23px;padding-inline:17px}

/* More proportional hero typography */
.hero h1,.hero h2{
  max-width:980px;
  font-size:clamp(3rem,5.35vw,5.85rem);
  line-height:.98;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.hero p{font-size:clamp(1rem,1.3vw,1.22rem);line-height:1.68;max-width:770px}
.hero-v3 .hero-copy{max-width:900px}
.hero-v3 .hero-content{padding-top:calc(var(--header-h) + 42px);padding-bottom:100px}

/* Backgrounds remain visible but no longer compete with text */
.hero-v3 .hero-media{
  opacity:.20;
  filter:saturate(.72) contrast(.96) brightness(.86);
  mix-blend-mode:screen;
}
.hero-v3 .hero-slide--business .hero-media{opacity:.17;object-position:center}
.hero-v3 .hero-slide--growth .hero-media{opacity:.19;object-position:72% center}
.hero-v3 .hero-slide--strongman .hero-media{opacity:.22;object-position:72% center;mix-blend-mode:luminosity}
.hero-v3 .hero-shade{
  background:
    linear-gradient(90deg,rgba(1,10,17,.97) 0%,rgba(2,17,27,.88) 42%,rgba(2,17,27,.63) 70%,rgba(2,17,27,.42) 100%),
    linear-gradient(0deg,rgba(1,9,15,.76),transparent 48%);
}

/* Internal-page headers: lighter image presence, stronger readability */
.page-hero{min-height:52svh;padding:calc(var(--header-h) + 72px) 0 76px}
.page-hero-bg{
  opacity:.16;
  filter:saturate(.68) contrast(.94) brightness(.82);
}
.page-hero:after,
.page-hero-strongman:after{
  background:
    linear-gradient(90deg,rgba(3,15,24,.97) 0%,rgba(3,15,24,.90) 43%,rgba(3,15,24,.72) 72%,rgba(3,15,24,.58) 100%),
    linear-gradient(0deg,rgba(3,15,24,.88),rgba(3,15,24,.18) 72%);
}
.page-hero h1{
  max-width:1080px;
  font-size:clamp(2.75rem,4.75vw,5.15rem);
  line-height:1;
  letter-spacing:-.042em;
  text-wrap:balance;
}
.page-hero p{max-width:840px;font-size:clamp(1rem,1.18vw,1.14rem);line-height:1.68}
.breadcrumbs{font-size:.8rem;flex-wrap:wrap}

/* Price cards: prevent clipped region names and prices */
.price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.price-card{
  min-width:0;
  min-height:370px;
  padding:34px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.price-card>*{position:relative;z-index:1;min-width:0}
.price-card h3{
  margin:10px 0 16px;
  min-height:4.1em;
  font-size:clamp(1.22rem,1.45vw,1.62rem);
  line-height:1.38;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}
.price-card .price{
  font-size:clamp(1.78rem,2.15vw,2.48rem);
  line-height:1.12;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.price-card p{flex:1;margin:18px 0 24px;line-height:1.65}
.price-card .btn{width:100%;margin-top:auto;text-align:center}
.free-shipping{line-height:1.55}

/* Home price summary also wraps safely */
.legal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.legal-card{min-width:0}
.legal-card strong{font-size:clamp(1.18rem,1.55vw,1.62rem);overflow-wrap:anywhere}
.status{max-width:100%;white-space:normal;line-height:1.4}

/* STRONG MAN: tighter product crop and proportional display */
.product-image img[src*="strongman.jpg"]{
  width:94%;
  height:94%;
  object-fit:contain;
  object-position:center;
}
.strongman-detail-image{
  display:grid;
  place-items:center;
  padding:28px;
  background:linear-gradient(145deg,#fffaf0,#e8eef5);
}
.strongman-detail-image img{
  width:min(100%,760px);
  max-height:760px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}
.strongman-visual{background:linear-gradient(145deg,#fffaf0,#e8eef5)}
.strongman-visual img{
  width:100%;
  max-height:690px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}

/* Better text rhythm across cards */
.product-copy h3{font-size:clamp(1.45rem,1.55vw,1.78rem);line-height:1.18}
.product-copy p{line-height:1.62}
.section-title{font-size:clamp(2.25rem,4.2vw,4.45rem);text-wrap:balance}

@media(min-width:1700px){
  :root{--shell:min(1580px,calc(100% - 64px))}
  .site-header .shell{width:min(1700px,calc(100% - 48px))}
  .hero h1,.hero h2{font-size:6.15rem}
}

@media(max-width:1280px){
  :root{--shell:min(100% - 38px,1320px)}
  .site-header .shell{width:min(100% - 26px,1420px)}
  .nav-link,.dropdown-toggle{padding-inline:8px;font-size:.77rem}
  .brand-copy small{display:none}
  .price-card{padding:27px}
}

@media(max-width:1100px){
  .site-header .shell{width:min(100% - 30px,1480px)}
  .page-hero{min-height:48svh}
  .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .price-card h3{min-height:auto}
}

@media(max-width:860px){
  :root{--shell:min(100% - 28px,1480px);--header-h:72px}
  .hero-v3 .hero-media,
  .hero-v3 .hero-slide--business .hero-media,
  .hero-v3 .hero-slide--growth .hero-media,
  .hero-v3 .hero-slide--strongman .hero-media{opacity:.12;object-position:center}
  .hero-v3 .hero-shade{
    background:
      linear-gradient(180deg,rgba(2,14,23,.90),rgba(2,14,23,.97) 82%),
      linear-gradient(90deg,rgba(2,14,23,.95),rgba(2,14,23,.72));
  }
  .hero-v3 .hero h1,.hero-v3 .hero h2{font-size:clamp(2.55rem,10.5vw,4.45rem);line-height:1}
  .page-hero-bg{opacity:.11}
  .page-hero{min-height:46svh;padding:calc(var(--header-h) + 55px) 0 56px}
  .page-hero h1{font-size:clamp(2.45rem,9.5vw,4.1rem)}
  .page-hero p{font-size:1rem}
}

@media(max-width:760px){
  .price-grid{grid-template-columns:1fr}
  .price-card{min-height:0;padding:26px}
  .price-card h3{font-size:1.3rem;min-height:0}
  .price-card .price{font-size:2rem}
  .product-image img[src*="strongman.jpg"]{width:88%;height:88%}
  .strongman-detail-image{padding:18px}
  .section-title{font-size:clamp(2.1rem,9.8vw,3.25rem)}
}

@media(max-width:430px){
  :root{--shell:min(100% - 22px,1480px)}
  .hero-v3 .hero h1,.hero-v3 .hero h2{font-size:clamp(2.2rem,10.6vw,3.25rem)}
  .hero-kicker{font-size:.68rem;letter-spacing:.08em}
  .page-hero h1{font-size:clamp(2.15rem,10vw,3.25rem)}
}

/* Correct direct hero selectors (the hero-v3 class sits on the section itself). */
.hero-v3 h1,.hero-v3 h2{
  max-width:980px;
  font-size:clamp(3rem,5.35vw,5.85rem);
  line-height:.98;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.hero-v3 p{font-size:clamp(1rem,1.3vw,1.22rem);line-height:1.68;max-width:770px}
@media(min-width:1700px){.hero-v3 h1,.hero-v3 h2{font-size:6.15rem}}
@media(max-width:860px){
  .hero-v3 h1,.hero-v3 h2{font-size:clamp(2.55rem,10.5vw,4.45rem);line-height:1;margin:18px 0}
  .hero-v3 p{font-size:1rem;line-height:1.62}
}
@media(max-width:430px){
  .hero-v3 h1,.hero-v3 h2{font-size:clamp(2.2rem,10.6vw,3.25rem)}
}

/* =========================================================
   PROLAKU V5 — desktop hero visual on the right,
   richer animation, and more eye-catching landing hero
   ========================================================= */
.hero-content>.hero-grid{max-width:none}
.hero-v3 .hero-grid{
  width:100%;
  min-height:100%;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  align-items:center;
  gap:42px;
}
.hero-v3 .hero-copy{max-width:760px;position:relative;z-index:2}
.hero-v3 .hero-side{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:100%;
  position:relative;
  z-index:2;
  pointer-events:none;
}
.hero-stage{
  position:relative;
  width:min(100%,560px);
  height:min(72svh,600px);
  min-height:520px;
}
.hero-orb{
  position:absolute;
  border-radius:999px;
  filter:blur(2px);
  opacity:.88;
  animation:heroFloatSoft 10s ease-in-out infinite;
}
.hero-orb--gold{width:210px;height:210px;right:20px;top:26px;background:radial-gradient(circle,rgba(255,224,145,.65),rgba(255,224,145,0));}
.hero-orb--teal{width:190px;height:190px;left:12px;bottom:58px;background:radial-gradient(circle,rgba(69,230,214,.34),rgba(69,230,214,0));animation-delay:-2s}
.hero-orb--green{width:220px;height:220px;right:12px;top:42px;background:radial-gradient(circle,rgba(120,243,199,.36),rgba(120,243,199,0));}
.hero-orb--gold-soft{width:170px;height:170px;left:44px;bottom:40px;background:radial-gradient(circle,rgba(255,216,131,.28),rgba(255,216,131,0));animation-delay:-2.2s}
.hero-orb--cream{width:220px;height:220px;right:8px;top:20px;background:radial-gradient(circle,rgba(255,240,198,.50),rgba(255,240,198,0));}
.hero-orb--blue{width:180px;height:180px;left:22px;bottom:62px;background:radial-gradient(circle,rgba(100,196,255,.22),rgba(100,196,255,0));animation-delay:-2.5s}
.hero-panel,.hero-mini-card,.hero-chip{
  position:absolute;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 22px 50px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.1);
}
.hero-panel{
  border-radius:30px;
  background:linear-gradient(165deg,rgba(255,255,255,.18),rgba(255,255,255,.05));
  overflow:hidden;
}
.hero-panel img{display:block;width:100%;height:100%;object-fit:cover}
.hero-panel--poster{left:76px;top:44px;width:420px;height:500px;transform:rotate(-4deg)}
.hero-panel-copy{
  position:absolute;left:18px;right:18px;bottom:18px;
  padding:16px 18px;border-radius:20px;
  background:linear-gradient(180deg,rgba(3,18,28,.15),rgba(3,18,28,.78));
  color:#fff;
}
.hero-panel-copy strong{display:block;font-size:1.08rem;letter-spacing:.02em}
.hero-panel-copy span{display:block;margin-top:4px;color:rgba(255,255,255,.78);font-size:.83rem}
.hero-panel--product{
  left:122px;top:28px;width:340px;height:530px;
  background:linear-gradient(155deg,rgba(255,255,255,.26),rgba(255,255,255,.06));
  display:grid;place-items:center;padding:18px;
}
.hero-panel--product img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 24px 36px rgba(0,0,0,.24))}
.hero-panel--strongman{transform:rotate(-3.5deg)}
.hero-chip{
  min-width:188px;
  max-width:230px;
  padding:14px 16px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
}
.hero-chip b{display:block;font-size:.95rem}
.hero-chip span{display:block;margin-top:4px;font-size:.76rem;color:rgba(255,255,255,.78);line-height:1.45}
.hero-chip--one{left:0;top:54px}
.hero-chip--two{right:0;top:222px}
.hero-chip--three{left:22px;bottom:30px}
.hero-stack--products{position:absolute;inset:0}
.hero-mini-card{
  width:190px;height:220px;
  padding:18px;border-radius:28px;
  background:linear-gradient(165deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
}
.hero-mini-card img{width:100%;height:160px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.22))}
.hero-mini-card span{display:block;width:100%;text-align:center;font-weight:800;letter-spacing:.08em;font-size:.78rem;color:#fff}
.hero-mini-card--a{left:34px;top:42px;transform:rotate(-7deg)}
.hero-mini-card--b{right:32px;top:32px;transform:rotate(7deg)}
.hero-mini-card--c{left:60px;bottom:38px;transform:rotate(-3deg)}
.hero-mini-card--d{right:44px;bottom:26px;transform:rotate(5deg)}
.float-slow{animation:heroFloat 7.2s ease-in-out infinite}
.float-mid{animation:heroFloat 5.8s ease-in-out infinite}
.float-fast{animation:heroFloat 4.9s ease-in-out infinite}
@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-12px) rotate(var(--rot,0deg))}}
@keyframes heroFloatSoft{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.04)}}
.hero-panel--poster.float-slow{--rot:-4deg}
.hero-panel--strongman.float-slow{--rot:-3.5deg}
.hero-mini-card--a{--rot:-7deg}
.hero-mini-card--b{--rot:7deg}
.hero-mini-card--c{--rot:-3deg}
.hero-mini-card--d{--rot:5deg}

@media (max-width:1180px){
  .hero-v3 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:26px}
  .hero-stage{width:min(100%,460px);height:540px;min-height:540px}
  .hero-panel--poster{left:38px;width:348px;height:430px}
  .hero-panel--product{left:86px;width:280px;height:450px}
  .hero-mini-card{width:156px;height:190px;padding:14px}
  .hero-mini-card img{height:132px}
  .hero-chip{min-width:164px;max-width:198px;padding:12px 14px}
}

@media (max-width:980px){
  .hero-v3 .hero-grid{grid-template-columns:1fr;gap:0}
  .hero-v3 .hero-side{display:none}
  .hero-v3 .hero-copy{max-width:760px}
}

/* =========================================================
   PROLAKU V5 — desktop hero showcase, premium motion system
   ========================================================= */
.hero-v5{isolation:isolate;background:#03131f}
.hero-v5 .hero-content>div{max-width:none}
.hero-v5 .hero-layout{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);
  align-items:center;
  gap:clamp(30px,4vw,78px);
}
.hero-v5 .hero-copy{position:relative;z-index:4;max-width:790px;padding:28px 0}
.hero-v5 h1,.hero-v5 h2{font-size:clamp(3.15rem,4.75vw,5.65rem);max-width:860px}
.hero-v5 .hero-media{opacity:.13!important;filter:saturate(.72) contrast(.92) brightness(.72);transform:scale(1.02)}
.hero-v5 .hero-slide.active .hero-media{transform:scale(1.09)}
.hero-v5 .hero-shade{
  background:
    linear-gradient(90deg,rgba(1,10,17,.98) 0%,rgba(2,17,27,.91) 38%,rgba(2,17,27,.58) 69%,rgba(2,17,27,.32) 100%),
    linear-gradient(0deg,rgba(1,9,15,.82),transparent 53%);
}
.hero-v5 .hero-slide--business{background:radial-gradient(circle at 78% 44%,rgba(234,185,77,.28),transparent 27%),radial-gradient(circle at 62% 8%,rgba(20,134,120,.23),transparent 31%),linear-gradient(130deg,#020d16 0%,#052b3a 47%,#7c5315 100%)}
.hero-v5 .hero-slide--growth{background:radial-gradient(circle at 80% 42%,rgba(111,239,195,.24),transparent 28%),radial-gradient(circle at 62% 2%,rgba(224,181,72,.20),transparent 27%),linear-gradient(135deg,#02111c 0%,#075866 46%,#1c7658 100%)}
.hero-v5 .hero-slide--strongman{background:radial-gradient(circle at 80% 42%,rgba(200,255,224,.38),transparent 29%),radial-gradient(circle at 62% 5%,rgba(69,220,150,.22),transparent 28%),linear-gradient(135deg,#03131f 0%,#0b3147 48%,#1a7a52 100%)}

/* Subtle moving light and particles */
.hero-ambient{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.hero-ambient:before{content:'';position:absolute;inset:-30%;background:conic-gradient(from 180deg at 50% 50%,transparent 0 25%,rgba(255,232,155,.08) 32%,transparent 39% 68%,rgba(85,222,185,.07) 75%,transparent 82%);animation:ambientSpin 22s linear infinite}
.hero-ambient span{position:absolute;border-radius:50%;background:rgba(255,235,171,.68);box-shadow:0 0 22px rgba(255,211,93,.55);animation:particleRise 8s ease-in-out infinite}
.hero-ambient span:nth-child(1){width:5px;height:5px;left:57%;top:76%;animation-delay:-1s}
.hero-ambient span:nth-child(2){width:8px;height:8px;left:70%;top:22%;animation-delay:-4s}
.hero-ambient span:nth-child(3){width:4px;height:4px;left:91%;top:63%;animation-delay:-6s}
.hero-ambient span:nth-child(4){width:6px;height:6px;left:48%;top:37%;animation-delay:-2.5s}
@keyframes ambientSpin{to{transform:rotate(360deg)}}
@keyframes particleRise{0%,100%{transform:translate3d(0,20px,0) scale(.65);opacity:.18}50%{transform:translate3d(16px,-42px,0) scale(1.15);opacity:.9}}

/* Slide entrance motion */
.hero-v5 .hero-copy{opacity:0;transform:translate3d(-36px,24px,0)}
.hero-v5 .hero-slide.active .hero-copy{animation:heroCopyIn .85s .16s cubic-bezier(.2,.8,.2,1) forwards}
.hero-v5 .hero-copy>*{opacity:0;transform:translateY(18px)}
.hero-v5 .hero-slide.active .hero-copy>*{animation:heroLineIn .7s cubic-bezier(.2,.8,.2,1) forwards}
.hero-v5 .hero-slide.active .hero-copy>*:nth-child(1){animation-delay:.20s}
.hero-v5 .hero-slide.active .hero-copy>*:nth-child(2){animation-delay:.29s}
.hero-v5 .hero-slide.active .hero-copy>*:nth-child(3){animation-delay:.39s}
.hero-v5 .hero-slide.active .hero-copy>*:nth-child(4){animation-delay:.49s}
.hero-v5 .hero-slide.active .hero-copy>*:nth-child(5){animation-delay:.58s}
@keyframes heroCopyIn{to{opacity:1;transform:none}}
@keyframes heroLineIn{to{opacity:1;transform:none}}

/* Right-side desktop showcase */
.hero-showcase{
  position:relative;
  width:min(100%,650px);
  aspect-ratio:1/1;
  justify-self:end;
  z-index:3;
  opacity:0;
  transform:translate3d(58px,20px,0) scale(.91);
  transform-origin:center;
  filter:drop-shadow(0 32px 55px rgba(0,0,0,.28));
  will-change:transform,opacity;
}
.hero-slide.active .hero-showcase{animation:showcaseIn 1s .24s cubic-bezier(.17,.84,.28,1.08) forwards}
@keyframes showcaseIn{to{opacity:1;transform:none}}
.hero-showcase [data-depth]{will-change:translate;translate:var(--parallax-x,0px) var(--parallax-y,0px);transition:translate .18s ease-out}
.showcase-glow{position:absolute;inset:11%;border-radius:50%;background:radial-gradient(circle,rgba(255,225,126,.28),rgba(18,127,112,.12) 43%,transparent 69%);filter:blur(10px);animation:glowPulse 3.8s ease-in-out infinite}
.showcase-orbit{position:absolute;border:1px solid rgba(255,230,153,.26);border-radius:50%;inset:12%;animation:orbitSpin 19s linear infinite}
.showcase-orbit:before,.showcase-orbit:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(145deg,#fff8ca,#d6a535);box-shadow:0 0 24px rgba(255,213,89,.8)}
.showcase-orbit:before{left:12%;top:9%}.showcase-orbit:after{right:4%;bottom:24%}
.orbit-two{inset:23%;border-style:dashed;animation-direction:reverse;animation-duration:14s;opacity:.7}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes glowPulse{0%,100%{transform:scale(.94);opacity:.68}50%{transform:scale(1.08);opacity:1}}

.showcase-logo{position:absolute;left:50%;top:50%;width:250px;height:250px;transform:translate(-50%,-50%);display:grid;place-items:center;padding:18px;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.14),rgba(5,25,38,.9) 66%);border:1px solid rgba(255,229,145,.32);box-shadow:inset 0 0 45px rgba(255,210,83,.12),0 25px 65px rgba(0,0,0,.3);animation:logoBreathe 4.2s ease-in-out infinite}
.showcase-logo:before{content:'';position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(255,223,128,.18);box-shadow:0 0 0 12px rgba(255,255,255,.025)}
.showcase-logo img{width:195px;height:195px;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35))}
.showcase-logo span{position:absolute;bottom:18px;color:#fff2b9;font-size:.67rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
@keyframes logoBreathe{0%,100%{scale:.98}50%{scale:1.035}}

.product-float{position:absolute;width:138px;height:164px;margin:0;padding:10px 10px 30px;border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(255,249,230,.88));border:1px solid rgba(255,255,255,.72);box-shadow:0 20px 45px rgba(0,0,0,.27),inset 0 1px #fff;overflow:hidden;animation:productFloat 4.5s ease-in-out infinite}
.product-float:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.45),transparent 38%);pointer-events:none}
.product-float img{width:100%;height:100%;object-fit:contain;border-radius:13px}
.product-float figcaption{position:absolute;left:10px;right:10px;bottom:7px;text-align:center;color:#082538;font-size:.67rem;font-weight:950;letter-spacing:.12em}
.product-float--myvita{left:2%;top:28%;transform:rotate(-8deg);animation-delay:-.7s}
.product-float--calldev{left:25%;top:1%;transform:rotate(-2deg);animation-delay:-2.2s}
.product-float--progun{right:1%;top:23%;transform:rotate(7deg);animation-delay:-1.3s}
.product-float--strongman{right:21%;bottom:0;transform:rotate(3deg);animation-delay:-3.2s}
@keyframes productFloat{0%,100%{margin-top:0}50%{margin-top:-14px}}
.showcase-badge{position:absolute;left:8%;bottom:8%;display:flex;flex-direction:column;padding:12px 18px;border-radius:17px;background:linear-gradient(135deg,rgba(7,40,53,.88),rgba(5,98,91,.84));border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 38px rgba(0,0,0,.24);backdrop-filter:blur(13px);animation:badgeFloat 4.8s ease-in-out infinite}
.showcase-badge b{color:#fff1b5;font-size:1rem}.showcase-badge span{color:rgba(255,255,255,.76);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase}
@keyframes badgeFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(1deg)}}

/* Product stage — second slide */
.product-stage{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 48% 48%,rgba(255,255,255,.12),rgba(5,59,67,.22) 52%,transparent 70%);border:1px solid rgba(193,255,235,.2);animation:stagePulse 5s ease-in-out infinite}
.product-stage:before,.product-stage:after{content:'';position:absolute;inset:13%;border-radius:50%;border:1px dashed rgba(255,225,133,.24);animation:orbitSpin 22s linear infinite}
.product-stage:after{inset:31%;animation-direction:reverse;animation-duration:13s}
.product-stage span{position:absolute;border-radius:50%;background:#e6bd59;box-shadow:0 0 22px rgba(232,192,83,.7)}
.product-stage span:nth-child(1){width:9px;height:9px;top:14%;left:24%}.product-stage span:nth-child(2){width:6px;height:6px;right:10%;top:48%}.product-stage span:nth-child(3){width:8px;height:8px;left:35%;bottom:4%}
@keyframes stagePulse{0%,100%{scale:.96;opacity:.72}50%{scale:1.025;opacity:1}}
.stage-product{position:absolute;margin:0;width:205px;animation:stageCardFloat 5s ease-in-out infinite}
.stage-product>div{height:225px;padding:13px;border-radius:26px;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(249,243,224,.92));border:1px solid rgba(255,255,255,.75);box-shadow:0 24px 55px rgba(0,0,0,.28),inset 0 1px #fff;overflow:hidden}
.stage-product img{width:100%;height:100%;object-fit:contain;border-radius:17px}
.stage-product figcaption{width:max-content;max-width:100%;margin:-15px auto 0;padding:8px 15px;border-radius:999px;background:linear-gradient(135deg,#07283a,#0c715f);border:1px solid rgba(255,233,157,.4);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.24);display:flex;align-items:center;gap:8px}
.stage-product figcaption b{color:#ffedac;font-size:.77rem;letter-spacing:.08em}.stage-product figcaption span{font-size:.67rem;color:rgba(255,255,255,.72)}
.stage-product--myvita{left:1%;top:25%;transform:rotate(-7deg);animation-delay:-.8s}
.stage-product--calldev{left:25%;top:2%;transform:rotate(-2deg);animation-delay:-2.4s}
.stage-product--progun{right:2%;top:20%;transform:rotate(7deg);animation-delay:-1.6s}
.stage-product--strongman{right:23%;bottom:-1%;transform:rotate(2deg);animation-delay:-3.4s}
@keyframes stageCardFloat{0%,100%{margin-top:0}50%{margin-top:-17px}}
.stage-message{position:absolute;left:7%;bottom:6%;padding:13px 18px;border-radius:18px;background:rgba(4,25,37,.78);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);display:grid;box-shadow:0 18px 35px rgba(0,0,0,.23);animation:badgeFloat 5.2s ease-in-out infinite}
.stage-message span{color:rgba(255,255,255,.68);font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}.stage-message strong{color:#fff0ad;font-family:Georgia,'Times New Roman',serif;font-size:1.12rem}

/* STRONG MAN hero stage */
.hero-showcase--strongman{display:grid;place-items:center}
.strongman-ring{position:absolute;border-radius:50%;border:1px solid rgba(176,255,210,.25);animation:orbitSpin 22s linear infinite}
.strongman-ring:before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#b0f0c8;box-shadow:0 0 24px rgba(117,222,159,.85);left:16%;top:5%}
.ring-a{inset:5%}.ring-b{inset:18%;animation-direction:reverse;animation-duration:15s;border-style:dashed}
.strongman-pack{position:relative;z-index:2;width:70%;height:86%;margin:0;padding:17px;border-radius:34px;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(255,247,220,.91));box-shadow:0 35px 75px rgba(0,0,0,.34),inset 0 1px #fff;border:1px solid rgba(255,255,255,.78);animation:strongmanPackFloat 4.7s ease-in-out infinite;overflow:hidden}
.strongman-pack:before{content:'';position:absolute;inset:-45% 15% auto -40%;height:110%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:packShine 5.4s ease-in-out infinite;z-index:2;pointer-events:none}
.strongman-pack img{width:100%;height:100%;object-fit:contain;border-radius:22px}
@keyframes strongmanPackFloat{0%,100%{transform:translateY(5px) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1deg)}}
@keyframes packShine{0%,38%{transform:translateX(-150%) rotate(24deg)}66%,100%{transform:translateX(190%) rotate(24deg)}}
.strongman-pill{position:absolute;z-index:4;min-width:132px;padding:11px 15px;border-radius:18px;background:linear-gradient(145deg,rgba(4,31,45,.92),rgba(7,96,88,.88));border:1px solid rgba(198,255,222,.38);box-shadow:0 18px 38px rgba(0,0,0,.25);backdrop-filter:blur(12px);display:grid;animation:pillFloat 4.2s ease-in-out infinite}
.strongman-pill b{color:#c6ffde;font-size:.82rem}.strongman-pill span{color:rgba(255,255,255,.76);font-size:.7rem}
.strongman-pill--omega{left:0;top:20%;animation-delay:-1.1s}.strongman-pill--weight{right:0;top:31%;animation-delay:-2.7s}.strongman-pill--family{right:4%;bottom:16%;animation-delay:-.4s}
@keyframes pillFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.strongman-signature{position:absolute;z-index:4;left:1%;bottom:8%;padding:13px 19px;border-radius:20px;background:linear-gradient(135deg,rgba(240,255,247,.96),rgba(198,255,222,.91));box-shadow:0 18px 42px rgba(0,0,0,.25);display:grid;color:#08243a;animation:badgeFloat 5s ease-in-out infinite}
.strongman-signature span{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.strongman-signature strong{font-family:Georgia,'Times New Roman',serif;font-size:1.42rem;letter-spacing:.08em}
.strongman-sparkles i{position:absolute;z-index:3;width:8px;height:8px;border-radius:50%;background:#aef0c8;box-shadow:0 0 25px rgba(126,226,168,.85);animation:sparkTwinkle 2.4s ease-in-out infinite}
.strongman-sparkles i:nth-child(1){left:10%;top:13%}.strongman-sparkles i:nth-child(2){right:9%;top:11%;animation-delay:-.8s}.strongman-sparkles i:nth-child(3){right:2%;bottom:38%;animation-delay:-1.4s}.strongman-sparkles i:nth-child(4){left:7%;bottom:31%;animation-delay:-.3s}.strongman-sparkles i:nth-child(5){right:22%;bottom:5%;animation-delay:-1.8s}
@keyframes sparkTwinkle{0%,100%{scale:.45;opacity:.25}50%{scale:1.35;opacity:1}}

/* Slider controls and animated progress */
.hero-v5 .hero-controls{bottom:34px}
.hero-arrow{position:absolute;z-index:7;top:50%;width:48px;height:48px;margin-top:-24px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(3,26,39,.46);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px);opacity:.7;transition:.25s ease}
.hero-arrow span{font-family:Georgia,serif;font-size:2rem;line-height:1;margin-top:-3px}.hero-arrow:hover{opacity:1;transform:scale(1.08);background:linear-gradient(135deg,rgba(220,174,69,.9),rgba(6,95,87,.9));border-color:rgba(255,236,173,.55)}
.hero-arrow--prev{left:20px}.hero-arrow--next{right:20px}
.hero-progress{position:absolute;z-index:7;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.07);overflow:hidden}
.hero-progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#e2b64d,#fff2b5,#45b99a);box-shadow:0 0 18px rgba(255,218,110,.65)}
.hero-v5 .hero-progress span{animation:heroProgress 7s linear forwards}
.hero-v5.is-paused .hero-progress span{animation-play-state:paused}
.hero-v5.is-resetting .hero-progress span{animation:none}
@keyframes heroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Hover polish */
.hero-v5 .btn-gold{position:relative;overflow:hidden}
.hero-v5 .btn-gold:after{content:'';position:absolute;top:-70%;left:-55%;width:42%;height:240%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.64),transparent);transition:left .7s ease}
.hero-v5 .btn-gold:hover:after{left:125%}
.hero-v5 .hero-kicker{animation:kickerGlow 3.8s ease-in-out infinite}
@keyframes kickerGlow{0%,100%{box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 0 rgba(220,174,69,0)}50%{box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 28px rgba(220,174,69,.18)}}

@media(max-width:1320px){
  .hero-v5 .hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(410px,.82fr);gap:28px}
  .hero-v5 h1,.hero-v5 h2{font-size:clamp(3rem,4.45vw,5.1rem)}
  .hero-showcase{max-width:570px}
  .product-float{width:122px;height:147px}
  .showcase-logo{width:220px;height:220px}.showcase-logo img{width:170px;height:170px}
  .stage-product{width:180px}.stage-product>div{height:200px}
}
@media(max-width:1100px){
  .hero-v5 .hero-layout{grid-template-columns:minmax(0,1.12fr) minmax(350px,.72fr);gap:20px}
  .hero-v5 h1,.hero-v5 h2{font-size:clamp(2.8rem,4.7vw,4.5rem)}
  .hero-showcase{max-width:490px}
  .product-float{width:105px;height:132px;border-radius:17px}
  .showcase-logo{width:190px;height:190px}.showcase-logo img{width:148px;height:148px}.showcase-logo span{font-size:.55rem}
  .stage-product{width:155px}.stage-product>div{height:175px}.stage-product figcaption span{display:none}
  .strongman-pill{min-width:112px;padding:9px 12px}
}
@media(max-width:960px){
  .hero-v5 .hero-layout{display:block}
  .hero-v5 .hero-copy{max-width:800px}
  .hero-v5 .hero-showcase{display:none}
  .hero-v5 .hero-shade{background:linear-gradient(180deg,rgba(2,14,23,.82),rgba(2,14,23,.97) 83%),linear-gradient(90deg,rgba(2,14,23,.94),rgba(2,14,23,.68))}
  .hero-v5 .hero-media{opacity:.12!important}
  .hero-arrow{display:none}
}
@media(max-width:860px){
  .hero-v5 .hero-copy{padding:15px 0}
  .hero-v5 .hero-controls{bottom:98px}
  .hero-v5 .hero-progress{bottom:86px}
}
@media(max-height:790px) and (min-width:961px){
  .hero-v5 .hero-content{padding-top:calc(var(--header-h) + 28px);padding-bottom:78px}
  .hero-v5 h1,.hero-v5 h2{font-size:clamp(2.65rem,4vw,4.35rem);margin:15px 0}
  .hero-v5 p{font-size:1rem;line-height:1.55}
  .hero-v5 .hero-actions{margin-top:19px}.hero-v5 .hero-mini{margin-top:20px}
  .hero-showcase{max-width:500px}
}
@media(prefers-reduced-motion:reduce){
  .hero-v5 *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .hero-v5 .hero-copy,.hero-v5 .hero-copy>*,.hero-v5 .hero-showcase{opacity:1;transform:none}
  .hero-showcase [data-depth]{translate:0 0!important}
}

/* =========================================================
   V6 — REGISTER AFFILIASI, ORDER PRODUK & DATA SPONSOR
   ========================================================= */
.page-hero-form .page-hero-bg{opacity:.12;filter:saturate(.75) contrast(.95)}
.page-hero-form:after{background:linear-gradient(100deg,rgba(3,18,29,.98) 0%,rgba(4,35,48,.91) 48%,rgba(13,91,76,.67) 100%),radial-gradient(circle at 82% 28%,rgba(219,174,65,.28),transparent 32%)}
.form-page-section{position:relative;background:linear-gradient(180deg,#fffdf8 0%,#f7fbf8 55%,#fff 100%)}
.form-page-section:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 8% 12%,rgba(216,171,65,.11),transparent 25%),radial-gradient(circle at 94% 78%,rgba(15,117,92,.09),transparent 28%);pointer-events:none}
.form-page-grid{position:relative;display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.35fr);gap:34px;align-items:start}
.sponsor-panel{position:sticky;top:96px;overflow:hidden;padding:34px;border-radius:30px;color:#fff;background:radial-gradient(circle at 85% 5%,rgba(230,192,89,.28),transparent 28%),linear-gradient(145deg,#0b5960,#051b2c 62%,#020d17);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(4,31,42,.25)}
.sponsor-panel:before{content:'';position:absolute;width:220px;height:220px;right:-90px;bottom:-95px;border-radius:50%;border:1px solid rgba(233,202,113,.28);box-shadow:0 0 0 25px rgba(255,255,255,.025),0 0 0 55px rgba(255,255,255,.018)}
.sponsor-badge{position:relative;z-index:2;display:inline-flex;padding:8px 13px;border-radius:999px;color:#173142;background:linear-gradient(135deg,#fff4b7,#d7a936);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;box-shadow:0 12px 28px rgba(214,170,53,.25)}
.sponsor-logo{position:relative;z-index:2;width:142px;height:142px;margin:24px auto 14px;padding:12px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(3,18,28,.45));border:1px solid rgba(255,231,157,.28);box-shadow:0 18px 45px rgba(0,0,0,.28)}
.sponsor-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}
.sponsor-panel h2{position:relative;z-index:2;margin:.4rem 0 .5rem;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.75rem,2.8vw,2.35rem);line-height:1.05;color:#fff}
.sponsor-panel>p{position:relative;z-index:2;text-align:center;color:rgba(255,255,255,.72);font-size:.94rem}
.sponsor-data{position:relative;z-index:2;margin:26px 0 22px;display:grid;gap:10px}
.sponsor-data>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:13px 14px;border-radius:15px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08)}
.sponsor-data dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.55);font-weight:800}
.sponsor-data dd{margin:0;color:#fff;font-weight:800;overflow-wrap:anywhere}
.sponsor-data dd a{color:#ffe29a}.sponsor-data dd a:hover{text-decoration:underline}
.sponsor-data code{padding:3px 8px;border-radius:8px;color:#0b2736;background:#ffe7a4;font-size:.78rem}
.sponsor-wa-btn{position:relative;z-index:2;width:100%;border-color:rgba(255,229,151,.45)!important;background:rgba(255,255,255,.07)!important}
.form-card{padding:clamp(25px,4vw,44px);border-radius:30px}
.form-title{font-size:clamp(2.25rem,4.6vw,4rem)!important;margin-bottom:.7rem}
.form-intro{margin:0 0 26px;color:var(--muted);max-width:760px}
.form-card .field input,.form-card .field select,.form-card .field textarea{min-height:52px;background:#fff;border-color:rgba(5,38,48,.15);box-shadow:0 1px 0 rgba(255,255,255,.9) inset}
.form-card .field textarea{min-height:125px}
.form-card .field label{color:#102e3c}
.form-card .field input:hover,.form-card .field select:hover,.form-card .field textarea:hover{border-color:rgba(14,114,91,.4)}
.consent-field{padding:15px 17px;border-radius:16px;background:linear-gradient(135deg,#f4faf6,#fff9e9);border:1px solid rgba(10,103,82,.14)}
.consent-field label{display:flex;align-items:flex-start;gap:11px;font-weight:600!important;color:#39505a!important;line-height:1.55;cursor:pointer}
.consent-field input{width:19px!important;height:19px!important;min-height:0!important;flex:0 0 19px;margin-top:3px;accent-color:#0b765e}
.form-submit{width:100%;min-height:56px;font-size:1rem}

.quick-actions-section{position:relative;padding:34px 0 0;background:#fff}
.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.quick-action-card{position:relative;overflow:hidden;min-height:230px;padding:30px;border-radius:28px;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;box-shadow:0 22px 55px rgba(6,35,46,.18);transition:transform .3s ease,box-shadow .3s ease}
.quick-action-card:before{content:'';position:absolute;right:-60px;top:-60px;width:210px;height:210px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 32px rgba(255,255,255,.045),0 0 0 64px rgba(255,255,255,.025)}
.quick-action-card:hover{transform:translateY(-7px);box-shadow:0 30px 68px rgba(6,35,46,.27)}
.quick-action-register{background:linear-gradient(135deg,#063f49,#08765f 60%,#0aa17f)}
.quick-action-order{background:linear-gradient(135deg,#071d32,#183e61 57%,#9b6919)}
.quick-action-icon{position:relative;z-index:2;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.65rem;font-weight:900;color:#15303c;background:linear-gradient(145deg,#fff8ca,#d7aa39);box-shadow:0 14px 28px rgba(0,0,0,.2)}
.quick-action-card div,.quick-action-card>b{position:relative;z-index:2}
.quick-action-card small{color:#ffe8a7;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.quick-action-card h2{margin:.25rem 0 .5rem;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1}
.quick-action-card p{margin:0;color:rgba(255,255,255,.74)}
.quick-action-card>b{grid-column:2;margin-top:auto;color:#fff2be}
.product-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.mini-order-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:999px;background:linear-gradient(135deg,#0b745e,#082c40);color:#fff;font-size:.78rem;font-weight:900;box-shadow:0 8px 20px rgba(9,87,71,.2)}
.mini-order-link:hover{transform:translateY(-2px)}

@media(max-width:1100px){
  .form-page-grid{grid-template-columns:1fr}
  .sponsor-panel{position:relative;top:auto}
  .sponsor-data{grid-template-columns:1fr 1fr}
  .sponsor-data>div{grid-template-columns:1fr}
}
@media(max-width:760px){
  .form-page-grid,.quick-actions-grid{grid-template-columns:1fr}
  .sponsor-panel{padding:25px;border-radius:24px}
  .sponsor-logo{width:115px;height:115px;margin-top:20px}
  .sponsor-data{grid-template-columns:1fr}
  .sponsor-data>div{grid-template-columns:118px 1fr}
  .form-card{padding:22px;border-radius:23px}
  .quick-actions-section{padding-top:22px}
  .quick-action-card{min-height:210px;padding:24px;border-radius:23px}
  .quick-action-icon{width:50px;height:50px;border-radius:15px}
  .product-card-actions{align-items:flex-start}
}
.form-alert{padding:14px 16px;border-radius:14px;background:#fdeeee;border:1px solid rgba(191,42,42,.2);color:#8a2222;font-size:.88rem;font-weight:700}
.form-success{padding:28px;border-radius:20px;background:linear-gradient(135deg,#f4faf6,#fff9e9);border:1px solid rgba(10,103,82,.14);text-align:center}
.form-success h3{font-family:Georgia,'Times New Roman',serif;font-size:1.6rem;margin:0 0 8px;color:var(--green)}
.form-success p{color:var(--muted);margin:0}
.form-submit:disabled{opacity:.65;cursor:wait;transform:none!important}
@media(max-width:420px){
  .sponsor-data>div{grid-template-columns:1fr;gap:4px}
  .quick-action-card{grid-template-columns:1fr}
  .quick-action-card>b{grid-column:1}
}

/* Kartu sponsor ringkas di beranda (index.php) — konfirmasi visual bahwa
   link /{username} sedang aktif, hanya tampil kalau ?ref= eksplisit valid
   (bukan fallback random), lihat includes/sponsor.php $requestedRef. */
.ref-sponsor-section{padding:28px 0}
.ref-sponsor-card{display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:22px;background:linear-gradient(135deg,rgba(220,174,69,.12),rgba(12,115,88,.1));border:1px solid rgba(220,174,69,.28);box-shadow:0 12px 35px rgba(4,21,32,.08)}
.ref-sponsor-avatar{flex-shrink:0;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,'Times New Roman',serif;font-size:1.4rem;font-weight:700;color:#14202a;background:linear-gradient(135deg,var(--gold2),var(--gold))}
.ref-sponsor-body{flex:1;min-width:0}
.ref-sponsor-eyebrow{display:block;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--green)}
.ref-sponsor-body h3{margin:2px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:1.35rem}
.ref-sponsor-body p{margin:2px 0 0;color:var(--muted);font-size:.9rem}
.ref-sponsor-wa{flex-shrink:0;color:var(--ink)!important;border-color:var(--line)!important;background:#fff!important;padding:11px 18px}
@media(max-width:560px){
  .ref-sponsor-card{flex-wrap:wrap}
  .ref-sponsor-wa{width:100%;justify-content:center}
}