/* Oasis Capital Partners Inc. — static build */
:root{
  --bg:#0b1614;
  --fg:#f4f2ea;
  --muted:#9aa8a1;
  --surface:#111f1c;
  --surface-2:#152825;
  --border:rgba(255,255,255,.08);
  --border-2:rgba(255,255,255,.14);
  --primary:#3ddc97;
  --primary-ink:#0b1614;
  --gold:#e8c366;
  --emerald:#3ddc97;
  --radius:14px;
  --shadow-primary:0 10px 40px -10px rgba(61,220,151,.55);
}
*{box-sizing:border-box;border-color:var(--border)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:"Inter Tight",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--fg);
  background:var(--bg);
  background-image:
    radial-gradient(ellipse 80% 50% at 20% 0%, rgba(61,220,151,.10), transparent 60%),
    radial-gradient(ellipse 60% 40% at 90% 20%, rgba(232,195,102,.06), transparent 60%);
  background-attachment:fixed;
  line-height:1.5;
  font-feature-settings:"ss01","cv11";
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,.font-display{font-family:"Fraunces",ui-serif,Georgia,serif;letter-spacing:-.02em;font-weight:600;margin:0}
p{margin:0}
::selection{background:rgba(61,220,151,.35)}

.container{width:100%;max-width:80rem;margin-inline:auto;padding-inline:1.5rem}

/* Utilities */
.muted{color:var(--muted)}
.primary-text{color:var(--primary)}
.gold-text{background:linear-gradient(135deg,#f2d888,#d5a641);-webkit-background-clip:text;background-clip:text;color:transparent}
.emerald-text{background:linear-gradient(135deg,#7cf0b5,#2fb37a);-webkit-background-clip:text;background-clip:text;color:transparent}
.italic{font-style:italic}
.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}
.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--primary)}
.eyebrow-muted{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:24px}
.grid-lines{background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .18s ease;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow-primary)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-outline{border-color:var(--border-2);color:var(--fg);background:transparent}
.btn-outline:hover{background:rgba(255,255,255,.05)}
.btn-ghost{color:var(--muted)}
.btn-ghost:hover{color:var(--fg)}

/* Header */
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border);background:rgba(11,22,20,.7);backdrop-filter:blur(18px)}
.site-header .row{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.6rem;font-family:"Fraunces",serif;font-size:1.1rem;font-weight:600;letter-spacing:-.01em}
.brand img{width:36px;height:36px}
.nav{display:none;align-items:center;gap:.25rem}
.nav a{padding:.4rem .9rem;border-radius:999px;font-size:.9rem;color:var(--muted);transition:.15s}
.nav a:hover{background:rgba(255,255,255,.05);color:var(--fg)}
.nav a.active{background:rgba(255,255,255,.06);color:var(--fg)}
.header-cta{display:flex;align-items:center;gap:.5rem}
.header-cta .signin{display:none;font-size:.9rem;color:var(--muted)}
.header-cta .signin:hover{color:var(--fg)}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer}
.mobile-nav{display:none;border-top:1px solid var(--border);padding:.75rem 0 1rem}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:.65rem 1.5rem;font-size:.95rem;color:var(--muted)}
.mobile-nav a:hover{color:var(--fg)}
@media(min-width:900px){
  .nav{display:flex}
  .header-cta .signin{display:inline}
  .menu-btn{display:none}
  .mobile-nav{display:none!important}
}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero .bg{position:absolute;inset:0;opacity:.3;pointer-events:none}
.hero .wrap{position:relative;display:grid;gap:3rem;padding:4rem 0;grid-template-columns:1fr}
@media(min-width:900px){.hero .wrap{grid-template-columns:1fr 1fr;padding:6rem 0;gap:4rem}}
.pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);background:rgba(255,255,255,.04);padding:.35rem .85rem;border-radius:999px;font-size:.72rem;color:var(--muted)}
.pill .dot{width:6px;height:6px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 4px rgba(61,220,151,.12);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.hero h1{font-size:clamp(2.4rem,5vw,3.75rem);line-height:1.05;margin-top:1.5rem}
.hero p.lead{margin-top:1.4rem;font-size:1.1rem;color:var(--muted);max-width:34rem}
.hero .ctas{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.75rem}
.hero .stats{margin-top:2.75rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:32rem}
.hero .stats dt{font-family:"Fraunces",serif;font-size:1.75rem}
.hero .stats dd{margin:0;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.hero-image-wrap{position:relative}
.hero-image-wrap .glow{position:absolute;inset:-1.5rem;background:linear-gradient(135deg,rgba(61,220,151,.22),transparent 50%,rgba(232,195,102,.15));border-radius:32px;filter:blur(40px)}
.hero-image-wrap .frame{position:relative;padding:8px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--border)}
.hero-image-wrap img{border-radius:26px;width:100%;aspect-ratio:4/3;object-fit:cover}

/* Markets */
.markets{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(21,40,37,.4)}
.markets .row{display:flex;justify-content:space-between;align-items:flex-end}
.markets h2{font-size:1.5rem;margin-top:.25rem}
.markets .see-all{display:none;color:var(--primary);font-size:.9rem}
.markets .see-all:hover{text-decoration:underline}
@media(min-width:640px){.markets .see-all{display:inline}}
.markets-grid{margin-top:1.5rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.markets-grid{grid-template-columns:repeat(4,1fr)}}
.market-card{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-radius:18px}
.market-card .left{display:flex;align-items:center;gap:.75rem}
.market-card .sym{width:36px;height:36px;border-radius:999px;background:rgba(61,220,151,.1);color:var(--primary);border:1px solid rgba(61,220,151,.25);display:grid;place-items:center;font-family:"JetBrains Mono",monospace;font-size:.6rem}
.market-card .name{font-size:.9rem;font-weight:500}
.market-card .cat{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.market-card .price{font-family:"JetBrains Mono",monospace;font-size:.9rem;text-align:right}
.market-card .chg{font-size:.7rem;color:var(--primary);text-align:right}

/* Sections */
section{padding:5rem 0}
.section-head{max-width:48rem}
.section-head h2{font-size:clamp(2rem,4vw,3rem);margin-top:.5rem}

/* Services grid on home */
.services{display:grid;gap:1px;background:var(--border-2);border-radius:24px;border:1px solid var(--border-2);overflow:hidden;margin-top:2.5rem;grid-template-columns:1fr}
@media(min-width:700px){.services{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.services{grid-template-columns:repeat(3,1fr)}}
.service{background:var(--bg);padding:1.75rem;transition:background .18s}
.service:hover{background:var(--surface)}
.service .top{display:flex;justify-content:space-between;align-items:center}
.service .num{font-family:"JetBrains Mono",monospace;font-size:.75rem;color:var(--muted)}
.service .dot{width:32px;height:32px;border-radius:999px;border:1px solid var(--border-2);transition:.18s}
.service:hover .dot{border-color:var(--primary);background:rgba(61,220,151,.1)}
.service h3{margin-top:1.5rem;font-size:1.5rem}
.service p{margin-top:.7rem;font-size:.9rem;color:var(--muted);line-height:1.6}

/* Plans */
.plans-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem}
.plans-head .link{color:var(--primary);font-size:.9rem}
.plans-head .link:hover{text-decoration:underline}
.plans-grid{margin-top:2.5rem;display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:700px){.plans-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.plans-grid{grid-template-columns:repeat(4,1fr)}}
.plan{position:relative;border:1px solid var(--border-2);background:var(--surface);border-radius:24px;padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between}
.plan.featured{border-color:rgba(61,220,151,.55);background:rgba(61,220,151,.06)}
.plan .plan-top{display:flex;justify-content:space-between;align-items:center}
.plan .tag{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.plan .badge{background:rgba(61,220,151,.2);color:var(--primary);padding:.15rem .5rem;border-radius:999px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500}
.plan h3{margin-top:1.25rem;font-size:1.75rem}
.plan .range{margin-top:.3rem;font-size:.85rem;color:var(--muted)}
.plan .roi{margin-top:1.5rem;display:flex;align-items:baseline;gap:.5rem}
.plan .roi .num{font-family:"Fraunces",serif;font-size:3rem;line-height:1}
.plan .roi .lbl{font-size:.85rem;color:var(--muted)}
.plan ul{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.5rem;font-size:.9rem;color:var(--muted)}
.plan ul li{display:flex;align-items:center;gap:.5rem}
.check{width:16px;height:16px;color:var(--primary);flex-shrink:0}
.plan a.btn{margin-top:2rem;justify-content:center;width:100%}
.plan:not(.featured) a.btn{border:1px solid var(--border-2);background:transparent;color:var(--fg)}
.plan:not(.featured) a.btn:hover{background:rgba(255,255,255,.05)}

/* Stats footer strip */
.strip{border-top:1px solid var(--border);background:rgba(21,40,37,.4)}
.strip .grid{display:grid;gap:2rem;padding:3.5rem 0;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.strip .grid{grid-template-columns:repeat(4,1fr)}}
.strip .item{border-left:2px solid rgba(61,220,151,.4);padding-left:1.25rem}
.strip .item .k{font-family:"Fraunces",serif;font-size:3rem;line-height:1}
.strip .item .v{margin-top:.25rem;font-size:.9rem;color:var(--muted)}

/* Page header shared */
.page-head{padding:6rem 0 0}
.page-head h1{font-size:clamp(2.5rem,6vw,4rem);margin-top:.75rem;max-width:48rem}
.page-head .lead{margin-top:1.5rem;max-width:36rem;font-size:1.1rem;color:var(--muted)}

/* About */
.value-grid{margin-top:4rem;display:grid;gap:2.5rem;grid-template-columns:1fr}
@media(min-width:900px){.value-grid{grid-template-columns:repeat(3,1fr)}}
.value{padding:2rem;border-radius:24px}
.value .badge-dot{width:40px;height:40px;border-radius:999px;background:rgba(61,220,151,.15);border:1px solid rgba(61,220,151,.3)}
.value h3{margin-top:1.5rem;font-size:1.5rem}
.value p{margin-top:.75rem;font-size:.9rem;color:var(--muted);line-height:1.6}
.about-panel{margin-top:5rem;border:1px solid var(--border);background:rgba(17,31,28,.6);border-radius:32px;padding:2.5rem}
@media(min-width:900px){.about-panel{padding:3.5rem}}
.about-panel .grid{display:grid;gap:2.5rem;grid-template-columns:1fr}
@media(min-width:900px){.about-panel .grid{grid-template-columns:1fr 1fr}}
.about-panel h2{font-size:clamp(1.75rem,3vw,2.4rem)}
.about-panel dl{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:0}
.about-panel dt{border-left:2px solid rgba(61,220,151,.4);padding-left:1rem;font-family:"Fraunces",serif;font-size:2.4rem;line-height:1}
.about-panel dd{padding-left:1rem;margin:0;font-size:.85rem;color:var(--muted)}

/* Services page (9-grid) */
.services-9{margin-top:3.5rem;display:grid;gap:1px;background:var(--border-2);border-radius:24px;border:1px solid var(--border-2);overflow:hidden;grid-template-columns:1fr}
@media(min-width:700px){.services-9{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.services-9{grid-template-columns:repeat(3,1fr)}}
.services-9 .item{background:var(--bg);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;transition:background .18s}
.services-9 .item:hover{background:var(--surface)}
.services-9 .num{font-family:"JetBrains Mono",monospace;font-size:.75rem;color:var(--muted)}
.services-9 h3{margin-top:1.5rem;font-size:1.5rem}
.services-9 p{margin-top:.75rem;font-size:.9rem;color:var(--muted);line-height:1.6}

/* Plans page table */
.core-heading{margin-top:4rem;font-size:1.5rem;color:var(--muted);font-family:"Fraunces",serif}
.plans-page-grid{margin-top:1.5rem;display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:700px){.plans-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.plans-page-grid{grid-template-columns:repeat(4,1fr)}}
.plan-basic{border:1px solid var(--border-2);background:var(--surface);border-radius:24px;padding:1.75rem}
.plan-basic.featured{border-color:rgba(61,220,151,.55);background:rgba(61,220,151,.06)}
.plan-basic h3{font-size:1.5rem}
.plan-basic .range{margin-top:.25rem;font-size:.85rem;color:var(--muted)}
.plan-basic .roi{margin-top:1.5rem;display:flex;align-items:baseline;gap:.5rem}
.plan-basic .roi .num{font-family:"Fraunces",serif;font-size:2.4rem;line-height:1}
.plan-basic .roi .lbl{font-size:.85rem;color:var(--muted)}
.plan-basic a.btn{margin-top:1.5rem;justify-content:center;width:100%}

.baskets-wrap{margin-top:1.5rem;border:1px solid var(--border-2);border-radius:24px;overflow:hidden}
.baskets{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}
.baskets thead{background:var(--surface)}
.baskets th{text-align:left;padding:1rem 1.5rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:500}
.baskets td{padding:1rem 1.5rem;border-top:1px solid var(--border);color:var(--fg)}
.baskets tr:nth-child(even) td{background:rgba(21,40,37,.4)}
.baskets td.roi{font-family:"JetBrains Mono",monospace;color:var(--primary)}
.baskets td.act{text-align:right}
.baskets .invest{display:inline-block;padding:.35rem 1rem;border:1px solid var(--border-2);border-radius:999px;font-size:.75rem;transition:.15s}
.baskets .invest:hover{background:rgba(255,255,255,.05)}
.baskets-scroll{overflow-x:auto}

/* Contact */
.contact-grid{display:grid;gap:4rem;grid-template-columns:1fr;padding:6rem 0}
@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1fr}}
.contact-info ul{list-style:none;padding:0;margin:2.5rem 0 0;display:grid;gap:1.5rem}
.contact-info li{border-left:2px solid rgba(61,220,151,.4);padding-left:1.25rem}
.contact-info li .lbl{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.contact-info li .val{margin-top:.25rem;font-family:"Fraunces",serif;font-size:1.5rem}
.contact-form{padding:2rem;border-radius:24px}
.field{margin-bottom:1.25rem}
.field label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block}
.field input,.field textarea{margin-top:.5rem;width:100%;padding:.85rem 1.25rem;border-radius:999px;border:1px solid var(--border-2);background:rgba(11,22,20,.4);color:var(--fg);font:inherit;font-size:.9rem;outline:none;transition:border-color .15s}
.field textarea{border-radius:20px;resize:none;padding:1rem 1.25rem}
.field input:focus,.field textarea:focus{border-color:var(--primary)}
.contact-form button{width:100%;margin-top:.5rem}
.thankyou{min-height:18rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.thankyou .circle{width:48px;height:48px;border-radius:999px;background:rgba(61,220,151,.15);border:1px solid rgba(61,220,151,.3);color:var(--primary);display:grid;place-items:center}
.thankyou h3{margin-top:1.25rem;font-size:1.5rem}
.thankyou p{margin-top:.5rem;font-size:.9rem;color:var(--muted);max-width:20rem}

/* Footer */
.site-footer{margin-top:6rem;border-top:1px solid var(--border)}
.site-footer .cols{display:grid;gap:2.5rem;padding:3.5rem 0;grid-template-columns:1fr}
@media(min-width:700px){.site-footer .cols{grid-template-columns:2fr 1fr 1fr}}
.site-footer h4{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-family:"Inter Tight",sans-serif;font-weight:500;margin:0}
.site-footer .brand-block .desc{margin-top:.75rem;font-size:.9rem;color:var(--muted);max-width:28rem}
.site-footer address{margin-top:1.25rem;font-style:normal;font-size:.9rem;color:var(--muted);line-height:1.6}
.site-footer ul{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.5rem;font-size:.9rem}
.site-footer ul a:hover{color:var(--primary)}
.site-footer .legal{border-top:1px solid var(--border);padding:1.5rem 0}
.site-footer .legal .row{display:flex;flex-direction:column;gap:.5rem;font-size:.72rem;color:var(--muted)}
@media(min-width:700px){.site-footer .legal .row{flex-direction:row;justify-content:space-between;align-items:center}}

/* CTA row */
.cta-row{margin-top:4rem;display:flex;flex-wrap:wrap;gap:.75rem}