*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e5e8ec;color:#091820;font:16px Arial,sans-serif}header{padding:25px 6%;display:flex;justify-content:space-between;border-bottom:1px solid #bac3cb}a{color:inherit;text-decoration:none}nav{display:flex;gap:25px}.logo{font-weight:800;letter-spacing:2px}main{max-width:1300px;margin:auto;padding:0 6%}.hero{padding:100px 0 80px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px}h1{font-size:clamp(48px,7vw,100px);letter-spacing:-5px;line-height:1;margin:25px 0}p{line-height:1.7;color:#4d5b66;max-width:560px}.btn{display:inline-block;background:#087f9f;color:white;padding:17px 25px;border-radius:30px;margin-top:25px}.mark{background:#c8d0d8;border-radius:160px 160px 25px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px}.mark strong{font-size:100px;letter-spacing:-8px}.mark span{letter-spacing:4px;font-size:11px}section{padding:65px 0;border-top:1px solid #bac3cb}h2{font-size:38px;letter-spacing:-1px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{background:#f0f2f5;padding:25px;border-radius:8px}.num{font-size:12px;color:#566672}.vial{height:170px;width:105px;border-radius:15px 15px 25px 25px;background:linear-gradient(90deg,#aaa,#fafafa 35%,#ddd);border-top:25px solid #939fa9;margin:25px auto;display:flex;flex-direction:column;justify-content:center;text-align:center}.vial b{font-size:25px}.vial small{font-size:10px;margin-top:8px}article p{font-size:13px}.note{background:#d5dce3;padding:25px;border-radius:8px}footer{padding:35px 6%;border-top:1px solid #bac3cb;font-size:12px;color:#4d5b66}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:60px}h1{letter-spacing:-3px}.mark{min-height:250px}.grid{grid-template-columns:1fr 1fr}nav{font-size:12px;gap:14px}}@media(max-width:420px){.grid{grid-template-columns:1fr}}
:root{--pb-cyan:#00afd8;--pb-ink:#091820}
body{background:radial-gradient(ellipse at 90% 0%,#f6f8fa 0%,transparent 55%),linear-gradient(135deg,#e7eaee,#cbd2da);background-attachment:fixed}
header{background:#e9edf1}
.brand-x{color:var(--pb-cyan)}
.mark{background:linear-gradient(135deg,#eef1f5 0%,#bbc4ce 55%,#e4e8ee 100%);border:1px solid #b8c3cd;box-shadow:inset 0 1px 0 #fff,0 18px 45px #09182012}
.mark strong .brand-x{font:inherit;letter-spacing:inherit}
.mark>span{color:#087f9f}
.btn{box-shadow:0 5px 18px #087f9f25}
.btn:hover{background:#06647e}
a:focus-visible{outline:3px solid #087f9f;outline-offset:5px}
nav a:hover{color:#087f9f}
article{border:1px solid #c1cbd4;background:linear-gradient(145deg,#f8fafc,#d5dce4)}
.vial{background:linear-gradient(90deg,#aab5bf,#f8fafc 35%,#c7d0d9);box-shadow:0 12px 18px #09182020;border-top-color:#939fa9}
.vial small{background:#091820;color:#fff;padding:10px 2px;border-bottom:3px solid var(--pb-cyan)}
.eyebrow{color:#08738e}

.hero{grid-template-columns:1fr 1.25fr;align-items:center}
.hero-art img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #bac3cb;box-shadow:0 20px 50px #09182018}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
article{padding:0;overflow:hidden}
article .num{display:block;padding:14px 20px}
.product-image-link{display:block;line-height:0}
.product-image{display:block;width:100%;height:auto}
.product-image-link:focus-visible{outline-offset:-4px}
.product-detail{padding:0 20px 8px}
.product-detail h3{margin-bottom:5px}
.product-detail p{margin-top:0;font-size:16px;font-weight:600;color:#091820}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-art{max-width:650px}.grid{grid-template-columns:1fr}}
header{align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:12px}.logo img{display:block;border-radius:50%;width:64px;height:64px}.hero-art{display:flex;justify-content:center}.hero-art .principal-logo{max-width:460px;border-radius:24px}@media(max-width:550px){header{flex-wrap:wrap;padding:16px 6%}.logo img{width:48px;height:48px}.logo span{font-size:14px}nav{width:100%;justify-content:space-between}.hero-art .principal-logo{max-width:360px}}dialog{width:min(620px,calc(100% - 28px));max-height:90vh;padding:0;border:1px solid #bac3cb;border-radius:18px;color:#091820;background:#f1f4f7;box-shadow:0 24px 80px #0005}dialog::backdrop{background:#091820aa}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}.close-dialog{border:0;background:#d5dce3;border-radius:30px;padding:10px 15px;color:#091820;cursor:pointer}#detail-image{display:block;width:100%;height:auto}.dialog-copy{padding:4px 24px 24px}.dialog-copy h2{font-size:28px;margin:20px 0 8px}.dialog-copy p{max-width:none}.detail-price{font-weight:bold}.details-button{background:none;border:0;color:#08738e;font:inherit;font-weight:600;padding:0 0 16px;cursor:pointer}.details-button:hover{text-decoration:underline}.sources{font-size:12px;color:#4d5b66}.sources a{text-decoration:underline;display:block;margin:8px 0}button:focus-visible{outline:3px solid #087f9f;outline-offset:4px}
:root{--ink:#101b24;--cyan:#00c9df;--teal:#007e93}body{background:#eef2f5;color:var(--ink);font-family:Arial,sans-serif}header{background:#101b24;color:#fff;padding:18px 6%;border-bottom:1px solid #30424e}nav a{transition:color .2s}nav a:hover{color:#63eaf5}main{max-width:1440px}.hero{position:relative;isolation:isolate;padding:72px 0 64px;gap:52px;align-items:center}.hero:before{content:"";position:absolute;z-index:-1;inset:0 calc(-1 * (50vw - 50%));background:radial-gradient(ellipse at 80% 40%,#15515c 0,transparent 48%),linear-gradient(125deg,#101b24,#192c38)}.hero h1{font-size:clamp(48px,6.5vw,86px);letter-spacing:-3px;line-height:1.04;color:#fff}.hero h1 em{font-style:normal;color:#5de4ed}.hero p{color:#c2d1da;font-size:18px}.hero .eyebrow{color:#72e8f2;letter-spacing:2px}.hero-art .principal-logo{box-shadow:0 20px 65px #0006;border:1px solid #44606a;max-width:420px}.btn{background:#57e3ee;color:#102531;font-weight:700;box-shadow:0 6px 24px #00c9df22;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#88f3fa}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-badges span{font-size:13px;color:#e3faff;padding:10px 14px;border:1px solid #416573;background:#15343c;border-radius:8px}.service-strip{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:25px 0;color:#132d39;border-bottom:1px solid #c8d7df}.service-strip div{display:flex;align-items:center;gap:15px}.service-strip b{display:block;font-size:17px}.service-strip small{display:block;margin-top:5px;color:#526672;line-height:1.5}.service-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:#d3f7fa;color:#007b90;font-size:24px}section{padding:62px 0;border-color:#c8d7df}section .eyebrow{color:#007c91;font-weight:700}h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1.2px}#catalogo>p{max-width:680px}.grid{gap:24px}article{position:relative;overflow:hidden;background:#fff;border:1px solid #d4e0e5;border-radius:18px;box-shadow:0 7px 24px #20394608;transition:transform .2s,box-shadow .2s}article:hover{transform:translateY(-4px);box-shadow:0 14px 30px #20394616}.num{position:absolute;z-index:1;top:12px;left:12px;color:#e1fbff;background:#132c39dd;border-radius:20px;padding:5px 9px;font-size:10px}.product-detail{padding:2px 22px 8px}.product-detail h3{font-size:24px;letter-spacing:-.5px}.product-detail p{color:#08778b}.details-button{color:#08778b;background:#e5f8fa;border-radius:8px;padding:11px 14px;margin:4px 0 14px;font-size:14px}.details-button:hover{background:#cef2f6;text-decoration:none}.note{background:#e2e9ee;border-left:3px solid #0899ad;padding:20px 24px}.note p{font-size:13px;max-width:850px;margin-bottom:0}.shipping-panel{padding:34px;border-radius:22px;background:linear-gradient(115deg,#006c7f,#0a3545);color:#fff}.shipping-panel .eyebrow{color:#8af4fc}.shipping-panel h2{margin:18px 0;color:#fff}.shipping-panel p{color:#dcf3f6;max-width:750px}.shipping-facts{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.shipping-facts span{padding:13px 17px;background:#ffffff12;border:1px solid #ffffff40;border-radius:10px;font-weight:700}.shipping-panel .btn{margin-top:5px}.order-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.order-steps div{padding-top:16px;border-top:1px solid #cedce3}.order-steps b{font-size:17px}.order-steps p{font-size:14px}.order-steps small{display:block;color:#007f93;font-weight:700;margin-bottom:10px}footer{background:#101b24;color:#c4d7df;border-top:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}dialog{background:#fff;border-color:#b9dce3}.dialog-top{background:#102936;color:#c7f7fc}.close-dialog{background:#244858;color:#fff}.dialog-copy h2{color:#092632}.detail-price{color:#007e93}.dialog-copy p{line-height:1.7}@media(max-width:700px){.hero{padding:48px 0;gap:32px}.hero-art .principal-logo{max-width:340px}.service-strip{gap:18px}.service-strip b{font-size:15px}.service-strip small{font-size:12px}.grid{gap:16px}.order-steps{grid-template-columns:1fr;gap:8px}.shipping-panel{padding:26px}.hero h1{letter-spacing:-2px}.product-detail{padding:0 16px 8px}.product-detail h3{font-size:22px}}@media(max-width:480px){.service-strip{grid-template-columns:1fr}.hero-badges span{font-size:12px}.shipping-facts{flex-direction:column}}

/* PeptiBio identity and private-preview controls. */
html{scroll-padding-top:20px}.preview{padding:7px 6%;text-align:center;background:#0b2630;color:#b9e9ef;font-size:11px;letter-spacing:.2px}.preview span{padding:0 8px;color:#76cbd7}
button,input{font:inherit}button{cursor:pointer}.contact-nav{border:0;background:none;color:inherit;padding:0}.contact-nav:hover{color:#63eaf5}.btn{border:0;cursor:pointer}.product-image-link{padding:0;border:0;width:100%;background:#0c1b27;text-align:left;cursor:pointer}.product-image{aspect-ratio:3/2;object-fit:cover}.principal-logo{aspect-ratio:1/1}
.product-detail .details-button{font:inherit;font-size:14px;font-weight:600}.catalog-note{font-size:12px!important}.close-dialog{font:inherit;font-size:13px}dialog{overflow:auto}#product-dialog .dialog-copy{padding-top:4px}#detail-price{font-size:16px}.detail-note{font-size:12px!important}.variants{display:flex;gap:8px;margin:16px 0}.variants button{border:1px solid #97bac4;background:#eef7fa;color:#173845;border-radius:7px;padding:8px 13px;font-size:13px}.variants button.selected{background:#102936;color:#8ef4fc;border-color:#102936}
#info-dialog{max-width:500px}#info-body{white-space:pre-line}.dialog-copy .btn{margin-top:10px}.skip{position:fixed;left:15px;top:-80px;padding:12px 18px;background:#57e3ee;color:#102531;z-index:10}.skip:focus{top:10px}
.contact-subline{font-size:13px!important}.footer-contact{border:0;background:none;color:inherit;padding:0;text-decoration:underline;font-size:12px}
@media(max-width:550px){.contact-nav{font-size:12px}.preview{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* One canonical kit logo, unchanged across header, hero and footer. */
header .logo .brand-logo{width:240px;height:80px;border-radius:8px;object-fit:contain;background:#eef2f5;padding:9px 12px}.hero-art .principal-logo{aspect-ratio:1/1;object-fit:contain;background:#eef2f5;padding:24px;filter:none}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand img{display:block;width:180px;height:60px;object-fit:contain;background:#eef2f5;border-radius:6px;padding:7px 9px}footer{align-items:center}
@media(max-width:550px){header .logo .brand-logo{width:200px;height:67px;padding:7px 10px}.footer-brand{flex-wrap:wrap;gap:10px}.footer-brand img{width:150px;height:50px;padding:6px 8px}}

/* Transparent logo on the dark page: same geometry, high-contrast lettering. */
header .logo .brand-logo,.footer-brand img{background:transparent;border:0;border-radius:0;padding:0;filter:url(#logo-contrast)}
.hero-art .principal-logo{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;filter:url(#logo-contrast);width:100%;max-width:480px;height:auto;aspect-ratio:3/1}
@media(max-width:550px){header .logo .brand-logo,.footer-brand img{padding:0}.hero-art .principal-logo{max-width:340px}}