/* ORANEL JOURNAL — css/style.css */
:root{--bg:#f7f4ed;--surface:#fffdf8;--ink:#172124;--muted:#596467;--accent:#2f6f68;--line:#ccd4d0;--dark:#173b3b;--display:'Archivo Black',sans-serif;--body:'Archivo',sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.wrap{max-width:1280px;margin:0 auto;padding:0 28px}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.nav-row{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-family:var(--display);font-size:30px;letter-spacing:-.04em}.desktop-nav{display:flex;gap:30px;font-size:14px;font-weight:600}.phone{font-family:monospace;font-size:13px}.menu-button{display:none;background:none;border:0;font-size:24px}.mobile-nav{padding:16px 28px 24px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:8px 0}.hero{background:var(--dark);color:#fff;padding:92px 0}.hero h1,.hero h2,.hero p,.hero .eyebrow{color:#fff}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.hero h1{font-family:var(--display);font-size:clamp(42px,6vw,82px);line-height:1.02;letter-spacing:-.06em;margin:16px 0 24px}.hero p{font-size:19px;max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:var(--accent)}.hero .eyebrow{color:#b8d8cf}.hero img,.feature-image,.article-image{display:block;width:100%;height:100%;object-fit:cover}.hero-media{min-height:430px}.section{padding:88px 0}.section h2,.section h3,.section p{color:var(--ink)}.section h2{font-family:var(--display);font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 20px}.section h3{font-size:22px;line-height:1.2}.intro{max-width:700px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.feature{background:var(--surface);border:1px solid var(--line);padding:28px}.feature-image{height:220px;margin:-28px -28px 24px;width:calc(100% + 56px)}.stats{background:var(--dark);color:#fff}.stats h2,.stats h3,.stats p,.stats .eyebrow{color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat strong{display:block;font-family:var(--display);font-size:48px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split-media{height:420px}.table-wrap{overflow:auto}.comparison{width:100%;border-collapse:collapse;background:var(--surface)}.comparison th,.comparison td{padding:16px;border:1px solid var(--line);text-align:left}.comparison th{background:var(--dark);color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:steps}.step{border-top:3px solid var(--accent);padding-top:18px}.step strong{font-family:monospace;color:var(--accent)}blockquote{margin:0;padding:30px;border-left:5px solid var(--accent);background:#e5eee9;font-size:24px;line-height:1.35}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{font-weight:700;cursor:pointer}.cta{background:var(--accent);color:#fff;padding:64px 0}.cta h2,.cta p{color:#fff}.button{display:inline-block;background:var(--ink);color:#fff;padding:13px 22px;font-weight:700}.article-hero{padding:64px 0 34px}.article-hero h1{font-family:var(--display);font-size:clamp(38px,5vw,70px);line-height:1.05;max-width:900px}.article-layout{display:grid;grid-template-columns:minmax(0,820px) 280px;gap:70px}.article-body h2{margin-top:52px}.article-body p{font-size:18px}.article-body ul,.article-body ol{padding-left:24px}.article-body li{margin:10px 0}.meta{color:var(--muted);font-size:13px}.site-footer{background:#e7ece8;margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:42px;padding-top:64px;padding-bottom:64px}.footer-grid section{display:flex;flex-direction:column;gap:7px}.footer-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:.14em}.footer-grid p,.footer-grid address{color:var(--muted);font-size:14px;font-style:normal}.copyright{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:13px}.form-grid{display:grid;gap:18px}.form-grid label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.form-grid input,.form-grid textarea{display:block;width:100%;padding:14px;border:1px solid var(--line);background:var(--surface);font:inherit}.map{width:100%;min-height:360px;border:0}.notice{padding:24px;background:#e5eee9;border:1px solid var(--line)}.legal h2{font-size:28px;margin-top:40px}.legal p{max-width:900px}.error{padding:130px 0;text-align:center}.error h1{font-family:var(--display);font-size:64px}.cookie{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:900px;width:calc(100% - 32px);padding:18px 22px;background:rgba(23,59,59,.97);color:#fff;z-index:10;display:none;box-shadow:0 14px 40px rgba(0,0,0,.2)}.cookie button{background:#b8d8cf;border:0;padding:9px 15px;font-weight:700}.cookie-row{display:flex;justify-content:space-between;align-items:center;gap:20px}@media(max-width:1023px){.hero-grid,.split{grid-template-columns:1fr}.grid-3,.steps{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.wrap{padding:0 18px}.desktop-nav,.phone{display:none}.menu-button{display:block}.hero{padding:62px 0}.section{padding:60px 0}.grid-3,.grid-2,.steps,.stat-grid,.footer-grid{grid-template-columns:1fr}.hero-media,.split-media{min-height:280px;height:280px}.cookie-row{align-items:flex-start;flex-direction:column}}
/* utility extensions */
.u-center{text-align:center}.u-muted{color:var(--muted)}.u-accent{color:var(--accent)}.u-small{font-size:13px}.u-wide{letter-spacing:.12em}.u-bold{font-weight:700}.u-display{font-family:var(--display)}