.po-page{--po-deep:#031827;--po-night:#07111d;--po-blue:#0785ca;--po-cyan:#23d8ff;--po-soft:#e9f7ff;--po-muted:#b9c8d6;--po-line:rgba(255,255,255,.13);--po-card:rgba(6,20,34,.72);--po-card2:rgba(255,255,255,.055);--po-gold:#e1c989;--po-radius:22px;--po-shadow:0 24px 80px rgba(0,0,0,.55);color:#f4fbff;padding-bottom:42px;position:relative;overflow:hidden}
.po-page:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 8% 8%,rgba(35,216,255,.16),transparent 62%),radial-gradient(820px 620px at 88% 16%,rgba(7,133,202,.24),transparent 64%),radial-gradient(900px 700px at 50% 86%,rgba(225,201,137,.10),transparent 62%);pointer-events:none}
.po-container{width:1180px;max-width:calc(100% - 36px);margin:0 auto;position:relative;z-index:1}
.po-eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(35,216,255,.38);background:rgba(0,47,76,.42);border-radius:999px;padding:8px 14px;color:#c7f5ff;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 10px 34px rgba(0,0,0,.22)}
.po-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,var(--po-cyan),var(--po-blue));box-shadow:0 0 16px rgba(35,216,255,.95)}
.po-hero{margin-top:20px;border:1px solid var(--po-line);border-radius:28px;overflow:hidden;min-height:680px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);background:linear-gradient(90deg,rgba(2,12,22,.94) 0%,rgba(3,20,34,.84) 42%,rgba(3,18,31,.36) 100%),url('/assets/img/brands/pureocean-marine/hero-ocean.webp') center/cover no-repeat;box-shadow:var(--po-shadow);position:relative}
.po-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(180deg,transparent,rgba(3,12,22,.88));pointer-events:none}
.po-hero__content{padding:56px 54px 52px;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:680px}
.po-brand-lockup{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.po-brand-lockup img{width:168px;max-width:42vw;height:auto;display:block;border-radius:18px;background:#fff;padding:10px;box-shadow:0 14px 40px rgba(0,0,0,.32)}
.po-brand-kicker{color:#a7eaff;font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.po-brand-sub{margin-top:5px;color:#d7e7f0;font-size:14px;line-height:1.5;max-width:420px}
.po-hero h1{margin:0;font-family:Cinzel,serif;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:.01em;max-width:780px;text-transform:uppercase;text-shadow:0 12px 40px rgba(0,0,0,.75)}
.po-hero h1 span{display:block;color:#98ecff}
.po-hero__lead{margin:24px 0 0;max-width:690px;color:#e6f3fb;font-size:19px;line-height:1.68}
.po-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.po-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#f8fdff;font-size:14px;font-weight:900;text-decoration:none;letter-spacing:.01em;box-shadow:0 12px 34px rgba(0,0,0,.26);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.po-btn:hover{transform:translateY(-2px);border-color:rgba(35,216,255,.6);background:rgba(35,216,255,.12)}
.po-btn--primary{border-color:rgba(35,216,255,.72);background:linear-gradient(135deg,#00aee9,#075fa6 58%,#053c73);box-shadow:0 14px 38px rgba(0,133,202,.34)}
.po-btn--gold{border-color:rgba(225,201,137,.72);background:linear-gradient(135deg,rgba(225,201,137,.38),rgba(130,94,38,.32));color:#fff3cc}
.po-btn--small{min-height:40px;padding:0 14px;border-radius:12px;font-size:12px}
.po-hero__panel{align-self:end;position:relative;z-index:1;padding:32px;display:flex;align-items:flex-end;min-height:100%}
.po-hero__glass{width:100%;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(2,21,34,.82),rgba(3,13,23,.70));border-radius:24px;padding:22px;backdrop-filter:blur(12px);box-shadow:0 18px 55px rgba(0,0,0,.42)}
.po-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.po-stat{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:16px;padding:16px}
.po-stat strong{display:block;color:#ffffff;font-size:24px;line-height:1.1;font-weight:900}
.po-stat span{display:block;margin-top:8px;color:#b9d8e8;font-size:12px;line-height:1.45;text-transform:uppercase;letter-spacing:.08em}
.po-section{margin-top:28px;border:1px solid var(--po-line);border-radius:var(--po-radius);background:linear-gradient(180deg,rgba(7,18,30,.88),rgba(5,12,22,.92));box-shadow:0 14px 46px rgba(0,0,0,.32);overflow:hidden;position:relative}
.po-section:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(35,216,255,.06),transparent 36%,rgba(225,201,137,.04));pointer-events:none}
.po-section__inner{padding:32px;position:relative;z-index:1}
.po-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}
.po-section__label{color:#7deaff;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.po-section h2{font-family:Cinzel,serif;font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0;text-transform:uppercase;color:#f5fbff}
.po-section__intro{max-width:640px;color:#bfd2df;font-size:16px;line-height:1.65;margin:0}
.po-grid{display:grid;gap:18px}
.po-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.po-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.po-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.po-card{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,var(--po-card),rgba(255,255,255,.03));border-radius:20px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.22)}
.po-card__body{padding:22px}
.po-card h3{margin:0;color:#fff;font-size:20px;line-height:1.2}
.po-card p{margin:12px 0 0;color:#c6d7e4;line-height:1.62;font-size:14px}
.po-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.po-chip{display:inline-flex;align-items:center;border:1px solid rgba(35,216,255,.28);background:rgba(35,216,255,.08);border-radius:999px;color:#c6f5ff;font-size:12px;font-weight:800;padding:7px 10px}
.po-feature-card{min-height:100%;padding:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border-radius:20px}
.po-feature-card__icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(35,216,255,.24),rgba(7,133,202,.15));border:1px solid rgba(35,216,255,.35);color:#baf2ff;margin-bottom:16px}
.po-feature-card__icon svg{width:25px;height:25px;display:block}
.po-feature-card h3{margin:0;font-size:18px;color:#fff}
.po-feature-card p{margin:10px 0 0;color:#c4d4e1;line-height:1.58;font-size:14px}
.po-series-card{display:grid;grid-template-rows:260px 1fr;min-height:100%;position:relative}
.po-series-card__image{background:#fff;display:flex;align-items:center;justify-content:center;padding:18px;min-height:260px}
.po-series-card__image img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 18px 24px rgba(0,0,0,.14))}
.po-series-card__top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.po-series-card__badge{display:inline-flex;align-items:center;border-radius:999px;background:rgba(35,216,255,.12);border:1px solid rgba(35,216,255,.32);color:#bdf5ff;font-size:12px;font-weight:900;padding:6px 10px;white-space:nowrap}
.po-series-card__fit{color:#e1c989;font-size:13px;font-weight:800;margin-top:10px}
.po-model-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
.po-mini-model{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:14px;padding:12px;min-height:88px}
.po-mini-model strong{display:block;font-size:15px;color:#fff}
.po-mini-model span{display:block;color:#b9d7e5;font-size:12px;line-height:1.35;margin-top:6px}
.po-band{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0;align-items:stretch;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.035)}
.po-band__image{min-height:410px;background:url('/assets/img/brands/pureocean-marine/catamaran-water.webp') center/cover no-repeat;position:relative}
.po-band__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,25,.08),rgba(4,15,25,.68))}
.po-band__content{padding:34px;display:flex;flex-direction:column;justify-content:center}
.po-band__content h2{font-size:clamp(27px,3.5vw,40px)}
.po-band__content p{color:#c5d8e4;line-height:1.66;font-size:16px}
.po-image-tile{min-height:220px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#fff;position:relative}
.po-image-tile img{width:100%;height:100%;object-fit:cover;display:block}
.po-image-tile--contain img{object-fit:contain;padding:16px;background:#fff}
.po-image-tile span{position:absolute;left:14px;bottom:14px;right:14px;border-radius:999px;background:rgba(2,16,27,.75);backdrop-filter:blur(8px);padding:8px 12px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.po-finder{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px;align-items:stretch}
.po-finder__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.po-field{display:grid;gap:8px}
.po-field label{color:#dcecf5;font-size:13px;font-weight:900;letter-spacing:.03em}
.po-field select,.po-field input,.po-field textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(2,11,20,.78);color:#f8fdff;min-height:48px;padding:0 14px;font:inherit;outline:none}
.po-field textarea{padding:14px;min-height:142px;resize:vertical;line-height:1.5}
.po-field select:focus,.po-field input:focus,.po-field textarea:focus{border-color:rgba(35,216,255,.72);box-shadow:0 0 0 3px rgba(35,216,255,.10)}
.po-finder__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.po-result{border:1px solid rgba(35,216,255,.24);background:linear-gradient(180deg,rgba(35,216,255,.12),rgba(255,255,255,.035));border-radius:20px;padding:24px;min-height:100%;display:flex;flex-direction:column;justify-content:space-between}
.po-result__label{color:#9eedff;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.po-result h3{font-size:28px;margin:12px 0 8px;color:#fff}
.po-result p{color:#d4e7f0;line-height:1.6;margin:0}
.po-result__meta{display:grid;gap:8px;margin-top:18px;color:#c6dce8;font-size:13px}
.po-spec-nav{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 22px}
.po-table-wrap{overflow-x:visible;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(2,11,20,.58);margin-top:16px}
.po-spec-table{width:100%;border-collapse:separate;border-spacing:0;min-width:0;table-layout:auto}
.po-spec-table th,.po-spec-table td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left;vertical-align:top;font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}
.po-spec-table th{position:sticky;top:0;background:rgba(3,24,39,.96);color:#bdf5ff;font-weight:900;text-transform:uppercase;letter-spacing:.045em;z-index:1}
.po-spec-table td:first-child{color:#fff;font-weight:900}
.po-spec-table tr:last-child td{border-bottom:none}.po-td-label{display:none}.po-td-value{display:block}
.po-table-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-top:26px}
.po-table-title h3{font-family:Cinzel,serif;font-size:26px;margin:0;color:#fff}
.po-table-title p{margin:0;color:#b8cede;line-height:1.5;max-width:620px;font-size:14px}
.po-install-list{display:grid;gap:12px;margin-top:18px}
.po-install-step{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:start;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:16px;padding:16px}
.po-install-step strong{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(35,216,255,.12);border:1px solid rgba(35,216,255,.24);color:#9bedff}
.po-install-step h3{margin:0;font-size:16px;color:#fff}
.po-install-step p{margin:6px 0 0;color:#c3d5e0;line-height:1.55;font-size:14px}
.po-download{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;align-items:stretch}
.po-download__panel{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(135deg,rgba(35,216,255,.14),rgba(255,255,255,.035));display:flex;flex-direction:column;justify-content:center}
.po-download__panel h2{font-family:Cinzel,serif;margin:0;font-size:34px;line-height:1.1;text-transform:uppercase}
.po-download__panel p{color:#c7d9e4;line-height:1.65;margin:14px 0 0}
.po-download__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.po-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.po-faq details{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:18px;padding:18px}
.po-faq summary{cursor:pointer;color:#fff;font-weight:900;line-height:1.4;list-style:none}
.po-faq summary::-webkit-details-marker{display:none}
.po-faq p{color:#c3d5df;line-height:1.58;margin:12px 0 0;font-size:14px}
.po-inquiry{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:20px;align-items:stretch}
.po-inquiry__info{border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px;background:linear-gradient(180deg,rgba(35,216,255,.12),rgba(255,255,255,.035));min-height:100%}
.po-inquiry__info h2{font-family:Cinzel,serif;margin:0;font-size:34px;text-transform:uppercase;line-height:1.1}
.po-inquiry__info p{color:#c8dae5;line-height:1.65;margin:14px 0 0}
.po-inquiry__bullets{display:grid;gap:10px;margin-top:22px}
.po-inquiry__bullets div{display:flex;gap:10px;color:#d6e8f0;line-height:1.45}
.po-inquiry__bullets div:before{content:"";width:8px;height:8px;margin-top:8px;border-radius:50%;background:var(--po-cyan);box-shadow:0 0 12px rgba(35,216,255,.8);flex:0 0 8px}
.po-form{border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;background:rgba(2,11,20,.62);display:grid;gap:14px}
.po-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.po-form__status{min-height:20px;color:#b9f3ff;font-size:13px;line-height:1.4}
.po-source-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;color:#b6cddc;font-size:12px;line-height:1.45}
.po-source-row span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:999px;padding:7px 10px}
@media (max-width:1120px){.po-hero{grid-template-columns:1fr;min-height:auto}.po-hero__content{min-height:auto;padding:44px 34px}.po-hero__panel{padding:0 34px 34px}.po-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.po-model-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.po-band,.po-finder,.po-download,.po-inquiry{grid-template-columns:1fr}.po-band__image{min-height:300px}.po-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.po-container{max-width:calc(100% - 24px)}.po-hero{border-radius:20px;margin-top:14px}.po-hero__content{padding:28px 22px}.po-hero__panel{padding:0 22px 22px}.po-brand-lockup{align-items:flex-start;flex-direction:column}.po-brand-lockup img{width:150px;max-width:100%}.po-hero__lead{font-size:16px}.po-stat-grid,.po-grid--4,.po-grid--3,.po-grid--2,.po-finder__controls,.po-form__grid,.po-faq{grid-template-columns:1fr}.po-section__inner{padding:22px}.po-section__head{display:grid;gap:14px}.po-series-card{grid-template-rows:220px 1fr}.po-model-strip{grid-template-columns:1fr 1fr}.po-table-title{display:grid}.po-download__panel h2,.po-inquiry__info h2{font-size:27px}.po-hero__actions,.po-download__actions,.po-finder__actions{align-items:stretch}.po-btn{width:100%}}
@media (max-width:760px){.po-table-wrap{border:none;background:transparent;overflow:visible}.po-spec-table,.po-spec-table thead,.po-spec-table tbody,.po-spec-table tr,.po-spec-table td{display:block;width:100%}.po-spec-table thead{display:none}.po-spec-table tr{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(2,11,20,.58);margin-bottom:14px;overflow:hidden}.po-spec-table td{display:grid;grid-template-columns:minmax(112px,.42fr) minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px}.po-spec-table tr:last-child td{border-bottom:1px solid rgba(255,255,255,.09)}.po-spec-table td:last-child{border-bottom:none}.po-td-label{display:block;color:#bdf5ff;font-weight:900;text-transform:uppercase;letter-spacing:.045em;font-size:11px}.po-td-value{display:block;min-width:0}}@media (max-width:460px){.po-model-strip{grid-template-columns:1fr}.po-stat strong{font-size:20px}.po-section h2{font-size:27px}.po-series-card__top{display:grid}.po-chip{font-size:11px}.po-spec-table td{grid-template-columns:1fr;gap:6px;padding:12px 12px}}