﻿:root{--navy:#0c2740;--blue:#174f70;--amber:#e9a928;--cream:#fbf6ea;--paper:#fffdf8;--ink:#172633;--muted:#61717d;--line:#d8d4c9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.7}
a{color:var(--blue)}
.wrap{width:min(1080px,calc(100% - 40px));margin:auto}
.top{background:var(--navy);color:#fff;border-bottom:5px solid var(--amber);padding:17px 0}
.top .wrap{display:flex;align-items:center;justify-content:space-between}
.brand{color:#fff;text-decoration:none;font:800 18px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.edition{font:12px/1 Arial,sans-serif;letter-spacing:.12em;color:#dbe7ed}
.hero{background:linear-gradient(125deg,#0c2740 0%,#174f70 62%,#226b8d 100%);color:#fff;padding:72px 0 82px}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:58px;align-items:center}
.kicker{color:#ffd67b;font:800 12px/1.3 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:14px 0 22px;max-width:780px}
.hero p{font-size:20px;color:#e4edf2;max-width:700px}
.hero-note{border:1px solid #ffffff55;background:#ffffff12;padding:26px;border-radius:4px}
.hero-note strong{display:block;color:#ffd67b;font:800 14px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.btn{display:inline-block;background:var(--amber);color:#102333;text-decoration:none;font:800 15px Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;padding:15px 24px;border-radius:3px;box-shadow:4px 4px 0 #071a29}
.btn:hover{background:#f3bd4e}
.main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:54px;padding:68px 0}
.story h2{font-size:clamp(31px,4vw,49px);line-height:1.08;margin:8px 0 22px}
.story h3{font-size:27px;line-height:1.2;margin:38px 0 10px}
.story p{font-size:18px}
.dropcap:first-letter{float:left;font-size:70px;line-height:.72;padding:11px 10px 0 0;color:var(--blue)}
.factbox{background:var(--cream);border-top:5px solid var(--amber);padding:24px;margin:28px 0;font-family:Arial,sans-serif}
.factbox h3{font:800 17px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.factbox li{margin:8px 0}
.sidebar{font-family:Arial,sans-serif}
.side-card{position:sticky;top:20px;border:1px solid var(--line);padding:25px;background:#fff;box-shadow:9px 9px 0 var(--cream)}
.side-card h2{font:800 25px/1.15 Arial,sans-serif;margin:0 0 14px}
.side-card p{color:var(--muted)}
.cta-line{margin:36px 0}
.product-section{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:66px 0}
.product-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:54px;align-items:center}
.product-mark{width:210px;height:210px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;text-align:center;margin:auto;border:13px solid #fff;outline:2px solid var(--amber);font:800 24px Arial,sans-serif}
.product-section h2{font-size:43px;line-height:1.08;margin:10px 0 18px}
.product-section p{font-size:18px}
.transparency{padding:62px 0}
.transparency-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.transparency section{border-left:5px solid var(--blue);background:#fff;padding:5px 25px}
.transparency h2{font-size:25px;line-height:1.2;margin:0 0 12px}
.transparency p{font-family:Arial,sans-serif;font-size:15px;color:#45545f}
.vsl-main{background:var(--cream);padding:45px 0}
.video-wrap{width:min(400px,100%);margin:auto}
.vsl-gap{height:clamp(300px,48vh,650px)}
footer{background:var(--navy);border-top:5px solid var(--amber);color:#dce6ec;padding:42px 0;font:13px/1.6 Arial,sans-serif}
footer a{color:#fff;margin-right:18px}
footer p{margin:11px 0}
.legal{padding:60px 0 90px;max-width:850px}
.legal h1{font-size:48px;line-height:1.05;color:var(--navy)}
.legal h2{font-size:27px;line-height:1.2;margin-top:38px;color:var(--blue)}
.placeholder{background:#fff1bc;padding:2px 5px}
@media(max-width:780px){.wrap{width:min(100% - 28px,1080px)}
.edition{display:none}
.hero{padding:52px 0}
.hero-grid,.main-grid,.product-grid,.transparency-grid{grid-template-columns:1fr}
.hero-grid,.main-grid,.product-grid{gap:30px}
.hero h1{font-size:43px}
.main-grid{padding:48px 0}
.sidebar{order:-1}
.side-card{position:static;box-shadow:6px 6px 0 var(--cream)}
.product-section{padding:50px 0}
.product-mark{width:150px;height:150px;font-size:19px}
.product-section h2{font-size:34px}
}

@media(max-width:780px){body{overflow-x:hidden}
.wrap{width:calc(100% - 28px)}
.hero-grid,.main-grid,.product-grid,.transparency-grid{grid-template-columns:minmax(0,1fr)}
.hero-grid>*,.main-grid>*,.product-grid>*,.transparency-grid>*{min-width:0;max-width:100%}
.hero h1{font-size:39px;overflow-wrap:anywhere}
.hero p,.hero-note p,.story p,.side-card p{overflow-wrap:anywhere}
}
.information-panel{min-height:62vh;display:grid;place-items:center;text-align:center;background:var(--paper);padding:74px 0 56px}
.information-inner{max-width:760px}
.information-label{display:inline-block;color:var(--blue);font:800 12px/1 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;margin-bottom:16px}
.information-panel h1{color:var(--navy);font-size:clamp(40px,6vw,68px);line-height:1.02;margin:0 0 18px}
.information-panel p{max-width:650px;margin:0 auto 28px;color:var(--muted);font:18px/1.6 Arial,sans-serif}
.information-spacer{height:clamp(140px,24vh,290px)}
@media(max-width:780px){.information-panel{min-height:64vh;padding:62px 0 44px}
.information-inner{text-align:center}
.information-panel h1{font-size:40px}
.information-panel p{text-align:center}
.information-spacer{height:36vh}
}
.buy-section{background:var(--navy);color:#fff;padding:70px 0}
.buy-section>.wrap{text-align:center}
.buy-section h2{font-size:clamp(34px,5vw,52px);line-height:1.08;margin:12px 0}
.buy-intro{max-width:760px;margin:0 auto 36px;color:#d8e5ec;font-family:Arial,sans-serif}
.buy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.buy-card{position:relative;background:#fff;color:var(--ink);padding:30px 22px;border-top:7px solid var(--amber);box-shadow:8px 8px 0 #061927}
.buy-card.featured{transform:translateY(-10px);border-color:#ffd269}
.buy-card h3{font:800 25px Arial,sans-serif;margin:8px 0 20px}
.unit-price{display:flex;align-items:end;justify-content:center;gap:8px}
.unit-price strong{font:800 48px/1 Arial,sans-serif;color:var(--blue)}
.unit-price span{font:13px Arial,sans-serif;color:var(--muted)}
.buy-card .total{font:800 20px Arial,sans-serif}
.buy-card>p:not(.total){min-height:48px;font:14px/1.45 Arial,sans-serif;color:var(--muted)}
.buy-card .btn{font-size:13px}
.badge{position:absolute;top:-19px;left:50%;transform:translateX(-50%);background:var(--amber);color:var(--navy);padding:6px 12px;white-space:nowrap;font:800 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.badge.secondary{background:#dbeaf1}
.buy-note{max-width:800px;margin:30px auto 0;color:#cddbe3;font:13px/1.6 Arial,sans-serif}
@media(max-width:780px){.buy-grid{grid-template-columns:1fr;gap:30px}
.buy-card.featured{transform:none}
.buy-section{padding:58px 0}
.buy-card>p:not(.total){min-height:0}
}

/* Ulevion editorial variation */
:root{--navy:#263b36;--blue:#376c61;--amber:#d88a62;--cream:#f1eee7;--paper:#fcfbf7;--ink:#26312f;--muted:#66726f;--line:#d6d8d1}
body{font-family:Arial,Helvetica,sans-serif;background:var(--paper)}
.top{background:#fcfbf7;color:var(--ink);border-bottom:1px solid var(--line);padding:22px 0}
.brand{color:var(--navy);font-size:17px;letter-spacing:.14em}
.edition{color:var(--muted)}
.information-panel{background:linear-gradient(180deg,#fcfbf7 0%,#f4f0e8 100%)}
.information-label{color:#9b5a3b}
.information-panel h1{max-width:780px;margin-left:auto;margin-right:auto;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.025em}
.btn{background:var(--navy);color:#fff;border-radius:999px;box-shadow:none;padding:16px 28px}
.btn:hover{background:var(--blue)}
.hero{background:#e8eee9;color:var(--ink);padding:88px 0;border-top:1px solid #d1dbd4;border-bottom:1px solid #d1dbd4}
.hero-grid{grid-template-columns:1.4fr .6fr;gap:72px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.03em;color:var(--navy)}
.hero p{color:#52635e}
.kicker{color:#9b5a3b}
.hero-note{background:#fff;border:0;border-left:4px solid var(--amber);border-radius:0;padding:30px;box-shadow:0 12px 34px #263b3614}
.hero-note strong{color:#9b5a3b}
.main-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:70px;padding:82px 0}
.story h2,.product-section h2,.transparency h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--navy)}
.story h3{color:var(--blue);font-size:24px}
.dropcap:first-letter{color:var(--amber);font-family:Georgia,"Times New Roman",serif}
.factbox{background:#e8eee9;border:0;border-left:4px solid var(--blue);padding:28px 30px}
.side-card{border:0;border-top:5px solid var(--amber);background:#fff;box-shadow:0 14px 36px #263b3617;border-radius:0 0 14px 14px}
.product-section{background:#263b36;color:#edf3ef;border:0}
.product-section h2{color:#fff}
.product-section .kicker{color:#efb18f}
.product-mark{border-radius:20px;background:#f5efe4;color:#263b36;border:0;outline:0;box-shadow:12px 12px 0 #d88a62;font-size:20px;letter-spacing:.08em}
.buy-section{background:#f1eee7;color:var(--ink)}
.buy-section .kicker{color:#9b5a3b}
.buy-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--navy)}
.buy-intro,.buy-note{color:var(--muted)}
.buy-grid{gap:28px}
.buy-card{border:1px solid var(--line);border-top:0;border-radius:14px;padding:34px 24px;box-shadow:0 12px 28px #263b3614}
.buy-card.featured{transform:none;background:#fffaf4;outline:2px solid var(--amber)}
.unit-price strong{color:var(--blue)}
.badge{top:-14px;border-radius:999px;background:var(--navy);color:#fff}
.badge.secondary{background:var(--blue);color:#fff}
.transparency{background:#fcfbf7}
.transparency-grid{gap:38px}
.transparency section{border:1px solid var(--line);border-radius:12px;padding:30px;background:#fff}
.vsl-main{background:#e8eee9}
footer{background:#1e2d29;border-top:0;color:#dce5e1}
@media(max-width:780px){.hero-grid,.main-grid{grid-template-columns:1fr}.hero{padding:58px 0}.main-grid{padding:56px 0}.product-mark{box-shadow:8px 8px 0 #d88a62}.top .wrap{align-items:flex-start}}

