
#wrap .oi-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
#wrap .oi-sec{padding:84px 0}
#wrap .oi-navy{background:#0E1422;color:#EDE8DE}
#wrap .oi-cream{background:#F2EDE5;color:#0E1422}
#wrap .oi-beige{background:#EDE8DE;color:#0E1422}
#wrap .oi-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#C4913A;margin:0 0 18px;display:flex;align-items:center;gap:12px}
#wrap .oi-eyebrow::before{content:"";width:34px;height:1px;background:#C4913A}
#wrap .oi-cream .oi-eyebrow,#wrap .oi-beige .oi-eyebrow{color:#A87528}
#wrap .oi-cream .oi-eyebrow::before,#wrap .oi-beige .oi-eyebrow::before{background:#A87528}
#wrap h1.oi-h1{font-family:'Lora',serif;font-weight:700;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.1;margin:0 0 22px;color:#F2EDE5}
#wrap h1.oi-h1 em{color:#E0B65C;font-style:italic}
#wrap h2.oi-h2{font-family:'Lora',serif;font-weight:700;font-size:clamp(1.7rem,3.3vw,2.6rem);line-height:1.15;margin:0 0 14px}
#wrap .oi-navy h2.oi-h2{color:#F2EDE5}
#wrap .oi-cream h2.oi-h2,#wrap .oi-beige h2.oi-h2{color:#0E1422}
#wrap h2.oi-h2 em{font-style:italic;color:#C4913A}
#wrap .oi-cream h2.oi-h2 em,#wrap .oi-beige h2.oi-h2 em{color:#A87528}
#wrap .oi-lead{font-size:1.1rem;line-height:1.65;max-width:620px;margin:0 0 28px}
#wrap .oi-navy .oi-lead,#wrap .oi-navy .oi-sub{color:#C9C2B4}
#wrap .oi-cream .oi-lead,#wrap .oi-beige .oi-lead,#wrap .oi-cream .oi-sub,#wrap .oi-beige .oi-sub{color:#5b5648}
#wrap .oi-sub{font-size:1.05rem;max-width:640px;margin:0 0 38px}
#wrap .oi-btns{display:flex;gap:14px;flex-wrap:wrap}
#wrap .oi-btn{display:inline-block;padding:14px 26px;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .2s,background .2s}
#wrap .oi-btn:hover{transform:translateY(-2px)}
#wrap .oi-btn-gold{background:#C4913A;color:#0E1422}
#wrap .oi-btn-gold:hover{background:#D6A24A;color:#0E1422}
#wrap .oi-btn-line{border:1.5px solid rgba(237,232,222,.4);color:#EDE8DE}
#wrap .oi-btn-line:hover{border-color:#E0B65C;color:#E0B65C}
#wrap .oi-btn-dark{border:1.5px solid #D8CFBB;color:#0E1422}
#wrap .oi-proof{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:38px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
#wrap .oi-proof div{font-size:.9rem;color:#C9C2B4}
#wrap .oi-proof b{display:block;font-family:'Lora',serif;font-size:1.7rem;color:#E0B65C;line-height:1.1}
#wrap .oi-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#wrap .oi-card{background:#fff;border:1px solid #D8CFBB;border-radius:14px;padding:28px 26px}
#wrap .oi-card .oi-num{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.2em;color:#A87528;display:block;margin-bottom:12px}
#wrap .oi-card h3{font-family:'Lora',serif;font-size:1.25rem;font-weight:700;color:#0E1422;margin:0 0 8px}
#wrap .oi-card p{color:#5b5648;margin:0;line-height:1.6}
#wrap .oi-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
#wrap .oi-step{border-top:2px solid #C4913A;padding-top:18px}
#wrap .oi-step b{font-family:'Lora',serif;font-size:2rem;color:#E0B65C;display:block;margin-bottom:6px}
#wrap .oi-step h3{font-family:'Lora',serif;font-size:1.1rem;color:#F2EDE5;margin:0 0 8px}
#wrap .oi-step p{color:#C9C2B4;font-size:.92rem;margin:0;line-height:1.55}
#wrap .oi-two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
#wrap .oi-links{display:grid;gap:12px}
#wrap .oi-links a{display:block;background:#fff;border:1px solid #D8CFBB;border-radius:12px;padding:16px 20px;text-decoration:none;color:#0E1422}
#wrap .oi-links a b{display:block;font-family:'Lora',serif;font-size:1.05rem;margin-bottom:2px}
#wrap .oi-links a span{color:#5b5648;font-size:.92rem}
#wrap .oi-links a:hover{border-color:#C4913A}
#wrap .oi-faq{display:grid;gap:12px;max-width:860px}
#wrap .oi-faq details{background:#fff;border:1px solid #D8CFBB;border-radius:12px;padding:6px 22px}
#wrap .oi-faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;color:#0E1422}
#wrap .oi-faq summary::-webkit-details-marker{display:none}
#wrap .oi-faq summary::after{content:"+";float:right;color:#A87528;font-size:1.3rem;line-height:1}
#wrap .oi-faq details[open] summary::after{content:"\2212"}
#wrap .oi-faq p{color:#5b5648;margin:0 0 16px;line-height:1.65}
#wrap .oi-cta{text-align:center}
#wrap .oi-cta .oi-lead{margin-left:auto;margin-right:auto}
#wrap .oi-cta .oi-btns{justify-content:center}
#wrap .oi-cta .oi-eyebrow{justify-content:center}
@media (max-width:960px){#wrap .oi-steps{grid-template-columns:1fr 1fr}}
@media (max-width:900px){#wrap .oi-sec{padding:60px 0}#wrap .oi-grid3{grid-template-columns:1fr}#wrap .oi-two{grid-template-columns:1fr;gap:34px}}
@media (max-width:560px){#wrap .oi-steps{grid-template-columns:1fr}}

#wrap .oi-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media (max-width:900px){#wrap .oi-grid2{grid-template-columns:1fr}}

#wrap .oi-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
#wrap .oi-photo{border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.12);aspect-ratio:4/3}
#wrap .oi-photo img{width:100%;height:100%;object-fit:cover;display:block}
#wrap .oi-diagram{margin-top:44px;background:#fff;border:1px solid #D8CFBB;border-radius:16px;padding:24px 20px;max-width:560px;margin-left:auto;margin-right:auto}
#wrap .oi-diagram svg{width:100%;height:auto;display:block}
#wrap .oi-diagram p{margin:12px 0 0;text-align:center;font-size:.9rem;color:#5b5648}
@media (max-width:900px){#wrap .oi-hero{grid-template-columns:1fr;gap:34px}#wrap .oi-photo{aspect-ratio:16/10}}

@media (max-width:560px){#wrap .oi-diagram{padding:14px 10px}}

#wrap .oi-steps.oi-steps4{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){#wrap .oi-steps.oi-steps4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){#wrap .oi-steps.oi-steps4{grid-template-columns:1fr}}

#wrap .oi-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px}
#wrap .oi-tier{background:#fff;border:1px solid #D8CFBB;border-radius:16px;padding:28px 26px;display:flex;flex-direction:column}
#wrap .oi-tier.oi-feat{border:2px solid #C4913A;box-shadow:0 24px 50px -30px rgba(14,20,34,.4)}
#wrap .oi-tier .oi-tname{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#A87528;display:flex;align-items:center;gap:8px;margin:0 0 10px}
#wrap .oi-tier .oi-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
#wrap .oi-tier .oi-price{font-family:'Lora',serif;font-size:2.4rem;font-weight:700;color:#0E1422;line-height:1.05;margin:0}
#wrap .oi-tier .oi-hrs{color:#5b5648;margin:2px 0 18px}
#wrap .oi-tier ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px;flex:1}
#wrap .oi-tier li{padding-left:26px;position:relative;color:#0E1422;line-height:1.5}
#wrap .oi-tier li::before{content:"\2713";position:absolute;left:0;color:#A87528;font-weight:700}
#wrap .oi-tier li.oi-no{color:#7d775f}
#wrap .oi-tier li.oi-no::before{content:"\2715";color:#b0a78f}
#wrap .oi-terms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 14px}
#wrap .oi-terms div{background:#F2EDE5;border:1px solid #D8CFBB;border-radius:12px;padding:16px 18px;font-size:.92rem;color:#5b5648}
#wrap .oi-terms b{display:block;color:#0E1422;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-family:'JetBrains Mono',monospace;margin-bottom:4px}
#wrap .oi-note{font-size:.88rem;color:#5b5648;margin:0}
@media (max-width:900px){#wrap .oi-tiers,#wrap .oi-terms{grid-template-columns:1fr}}
