.oct-sh{--oct:#e86a2a;--oct-dark:#c45318;--ink:#12100e;--cream:#f6f0e8;--paper:#fffdf9;--mute:#6f635c;--line:#eadfd3;color:var(--ink);background:var(--cream);font-family:var(--font-outfit),system-ui,"Sarabun","Leelawadee UI",sans-serif;min-height:100vh}.oct-sh a{color:inherit}.oct-sh-footer,.oct-sh-header{background:var(--ink);color:var(--cream)}.oct-sh-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.25rem}.oct-sh-brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;font-weight:650;color:#fff}.oct-sh-brand img{height:2rem;width:2rem;object-fit:contain}.oct-sh-nav{display:flex;flex-wrap:wrap;gap:.45rem .7rem;font-size:.78rem}.oct-sh-nav a{color:#c9b8aa;text-decoration:none}.oct-sh-nav a:hover,.oct-sh-nav a[aria-current=page]{color:#fff}.oct-sh-topics{position:relative}.oct-sh-topics summary{list-style:none;cursor:pointer;color:#c9b8aa}.oct-sh-topics summary::-webkit-details-marker{display:none}.oct-sh-topics:hover summary,.oct-sh-topics[open] summary{color:#fff}.oct-sh-topics-menu{position:absolute;top:calc(100% + .4rem);right:0;min-width:11rem;padding:.4rem;background:#1c1814;border:1px solid rgba(232,106,42,.28);z-index:30}.oct-sh-topics-menu a{display:block;padding:.4rem .5rem;color:#f6f0e8;text-decoration:none}.oct-sh-topics-menu a:hover,.oct-sh-topics-menu a[aria-current=page]{color:#fff;background:rgba(232,106,42,.22)}.oct-sh-hero{background:radial-gradient(ellipse 70% 60% at 88% 8%,rgba(232,106,42,.3),transparent 55%),var(--ink);color:var(--cream);padding:3.2rem 1.25rem 3rem}.oct-sh-wrap{max-width:46rem;margin:0 auto}.oct-sh-wide{max-width:64rem}.oct-sh-kicker{margin:0 0 .6rem;letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;color:#ffb089}.oct-sh-hero h1{margin:0 0 1rem;font-size:clamp(1.55rem,3.4vw,2.15rem);line-height:1.28;font-weight:650}.oct-sh-lede{margin:0 0 1.4rem;font-size:1.05rem;line-height:1.7;color:#e8ddd3}.oct-sh-cta{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.15rem;background:var(--oct);color:#fff!important;text-decoration:none;font-size:.78rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.oct-sh-cta:hover{background:var(--oct-dark)}.oct-sh-cta-ghost{background:transparent;border:1px solid rgba(246,240,232,.35);margin-left:.6rem}.oct-sh-section{padding:2.6rem 1.25rem}.oct-sh-section h2{margin:0 0 1rem;font-size:1.45rem}.oct-sh-section p{margin:0 0 1rem;line-height:1.7;color:#3f3833}.oct-sh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1.2rem}.oct-sh-card{background:var(--paper);border:1px solid var(--line);padding:1.15rem 1.1rem}.oct-sh-card h3{margin:0 0 .4rem;font-size:1.05rem}.oct-sh-card p{margin:0;font-size:.95rem}.oct-sh-band{background:#fff;border-block:1px solid var(--line)}.oct-sh-price{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.oct-sh-price article{flex:1 1 14rem;background:var(--paper);border:1px solid var(--line);padding:1.1rem}.oct-sh-price strong{display:block;font-size:1.7rem;color:var(--oct)}.oct-sh-faq details{border-bottom:1px solid var(--line);padding:.85rem 0}.oct-sh-faq summary{cursor:pointer;font-weight:650}.oct-sh-faq p{margin:.55rem 0 0}.oct-sh-footer{padding:1.1rem 1.25rem;font-size:.82rem;color:#c9b8aa}.oct-sh-footer a{color:#f6f0e8}@media (max-width:700px){.oct-sh-grid{grid-template-columns:1fr}.oct-sh-cta-ghost{margin:.55rem 0 0}.oct-sh-hero .oct-sh-cta,.oct-sh-hero .oct-sh-cta-ghost{display:flex;width:fit-content}}