:root { --bg:#171a1c; --panel:#22282a; --panel-2:#2c3535; --line:rgba(190,220,211,.17); --text:#f5faf8; --muted:#a8b7b4; --faint:#74827f; --blue:#78d6c1; --bright:#a9eee0; --green:#56d7bb; --red:#fb7185; --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; background:var(--bg); }
    body { margin:0; color:var(--text); background:radial-gradient(circle at 72% -10%,rgba(86,215,187,.13),transparent 35rem),radial-gradient(circle at 10% 20%,rgba(61,92,88,.14),transparent 30rem),var(--bg); font:15px/1.55 var(--font); }
    a { color:inherit; text-decoration:none; }
    button,input { font:inherit; }
    button { cursor:pointer; }
    .wrap { width:min(1160px,calc(100% - 44px)); margin:0 auto; }
    .top { position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); background:rgba(8,13,24,.75); backdrop-filter:blur(18px); }
    .nav { display:flex; align-items:center; gap:36px; min-height:72px; }
    .logo { display:flex; align-items:center; gap:10px; margin-right:auto; font-size:19px; font-weight:800; letter-spacing:-.045em; }
    .mark { display:grid; place-items:center; width:29px; height:29px; border:1px solid rgba(169,238,224,.6); border-radius:9px; background:linear-gradient(145deg,#78d6c1,#2f6f68); box-shadow:0 0 25px rgba(86,215,187,.22); }
    .mark img { display:block; width:100%; height:100%; border-radius:8px; object-fit:cover; }
    .mark svg { width:17px; }
    .links { display:flex; align-items:center; gap:26px; color:var(--muted); font-size:13px; }
    .links a:hover { color:var(--text); }
    .nav-actions { display:flex; align-items:center; gap:12px; }
    .login { color:var(--muted); font-size:13px; }
    .button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border:1px solid transparent; border-radius:8px; color:#10201e; background:var(--blue); box-shadow:0 7px 20px rgba(86,215,187,.18); font-size:13px; font-weight:750; transition:180ms ease; }
    .button:hover { background:#a9eee0; transform:translateY(-1px); }
    .button.ghost { border-color:var(--line); color:var(--text); background:rgba(44,53,53,.72); box-shadow:none; }
    .button.ghost:hover { border-color:rgba(169,238,224,.6); background:rgba(47,111,104,.3); color:var(--text); }
    .menu { display:none; border:0; background:transparent; color:var(--muted); }

    .hero { position:relative; padding:104px 0 92px; overflow:hidden; }
    .hero::before { content:""; position:absolute; top:30px; left:50%; width:640px; height:340px; border:1px solid rgba(134,223,204,.13); border-radius:50%; transform:translateX(-50%) rotate(-7deg); box-shadow:0 0 90px rgba(62,150,136,.1),inset 0 0 70px rgba(62,150,136,.06); pointer-events:none; }
    .hero-layout { position:relative; }
    .hero-copy-block { position:relative; width:min(100%,900px); margin:0 auto; text-align:center; }
    .hero-copy-block h1 { margin-left:auto; margin-right:auto; text-align:center; }
    .hero-copy-block h1 { margin:0; }
    .eyebrow { position:relative; display:inline-flex; align-items:center; gap:8px; margin:0 0 20px; color:var(--bright); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
    .eyebrow::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
    h1 { position:relative; max-width:800px; margin:0 auto; font-size:clamp(45px,7.5vw,82px); line-height:.99; letter-spacing:-.075em; }
    .gradient-text { background:linear-gradient(115deg,#fff 28%,#a9eee0 80%); background-clip:text; -webkit-background-clip:text; color:transparent; }
    .hero-copy { position:relative; max-width:585px; margin:25px auto 31px; color:var(--muted); font-size:17px; }
    .hero-actions { position:relative; display:flex; justify-content:center; gap:11px; flex-wrap:wrap; }
    .microcopy { position:relative; margin:15px 0 0; color:var(--faint); font-size:11px; }
    .member-entry { display:flex; align-items:center; justify-content:space-between; gap:28px; width:min(100%,760px); margin:-18px auto 88px; padding:19px 21px; border:1px solid rgba(169,238,224,.2); border-radius:12px; background:rgba(34,40,42,.7); }
    .member-entry-copy { display:flex; align-items:flex-start; gap:12px; }
    .member-icon { display:grid; place-items:center; width:30px; height:30px; flex:0 0 auto; border-radius:8px; color:var(--bright); background:rgba(86,215,187,.13); }
    .member-icon svg { width:16px; }
    .member-entry strong { display:block; font-size:13px; }
    .member-entry p { margin:3px 0 0; color:var(--muted); font-size:12px; }
    .member-actions { display:flex; flex:0 0 auto; gap:8px; }
    .member-entry .button { padding:8px 12px; font-size:12px; }
    .why-grid { display:grid; grid-template-columns:450px 420px; grid-template-areas:"photo cards"; justify-content:center; gap:52px; align-items:start; }
    .why-grid .feature-grid { grid-area:cards; grid-template-columns:1fr; grid-template-rows:repeat(3,minmax(0,1fr)); align-self:center; width:min(100%,420px); height:500px; gap:14px; }
    .why-grid .feature { min-height:0; padding:12px 15px; }
    .why-grid .feature h3 { font-size:14px; }
    .why-grid .feature p { font-size:12px; }
    .why-grid .feature-icon { width:31px; height:31px; margin-bottom:10px; }
    .why-photo { position:relative; width:100%; aspect-ratio:4 / 5; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#101a2d; box-shadow:0 20px 55px rgba(0,0,0,.22); }
    .why-grid .why-photo { grid-area:photo; }
    .why-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }

    .product-preview { position:relative; width:min(100%,1010px); margin:0 auto 112px; padding:8px; border:1px solid rgba(169,238,224,.25); border-radius:17px; background:linear-gradient(135deg,rgba(86,215,187,.12),rgba(31,39,39,.72) 32%,rgba(31,39,39,.5)); box-shadow:0 35px 100px rgba(0,0,0,.38),0 0 80px rgba(62,150,136,.1); }
    .preview-window { overflow:hidden; border:1px solid var(--line); border-radius:11px; background:#0e182a; text-align:left; }
    .window-bar { display:flex; align-items:center; gap:7px; height:40px; padding:0 15px; border-bottom:1px solid var(--line); color:var(--faint); font-size:11px; }
    .dot { width:7px; height:7px; border-radius:50%; background:#34445e; }
    .window-address { margin-left:12px; padding:5px 13px; border:1px solid var(--line); border-radius:6px; color:#657894; flex:1; }
    .preview-body { display:grid; grid-template-columns:155px 1fr; min-height:385px; }
    .preview-side { padding:24px 13px; border-right:1px solid var(--line); background:rgba(8,13,24,.25); }
    .preview-brand { padding:0 10px 24px; font-size:13px; font-weight:800; }
    .preview-nav { display:grid; gap:5px; color:var(--faint); font-size:11px; }
    .preview-nav span { padding:8px 10px; border-radius:6px; }
    .preview-nav span:first-child { color:#d9fff5; background:rgba(86,215,187,.12); }
    .preview-main { padding:27px 30px; }
    .preview-main h3 { margin:0; font-size:20px; letter-spacing:-.04em; }
    .preview-topline { display:flex; justify-content:space-between; align-items:end; margin-bottom:23px; }
    .preview-topline p { margin:5px 0 0; color:var(--faint); font-size:11px; }
    .preview-date { color:var(--faint); font-size:10px; }
    .preview-markets { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:20px; }
    .market-card { padding:11px; border:1px solid var(--line); border-radius:8px; background:rgba(18,31,53,.62); }
    .market-card small { color:var(--faint); font-size:9px; }
    .market-card strong { display:block; margin-top:4px; font-size:13px; font-variant-numeric:tabular-nums; }
    .up { color:var(--green); font-size:10px; font-weight:700; }
    .down { color:var(--red); font-size:10px; font-weight:700; }
    .preview-columns { display:grid; grid-template-columns:1.35fr .8fr; gap:11px; }
    .fake-card { padding:15px; border:1px solid var(--line); border-radius:9px; background:rgba(18,31,53,.55); }
    .fake-card-title { display:flex; align-items:center; justify-content:space-between; color:#d9e5f7; font-size:11px; font-weight:700; }
    .fake-card-title span { color:var(--faint); font-size:9px; font-weight:400; }
    .fake-copy { margin:14px 0; color:#aebbd0; font-size:11px; }
    .fake-stock { display:flex; align-items:center; justify-content:space-between; padding:10px; border:1px solid var(--line); border-radius:7px; }
    .fake-stock b { display:block; font-size:11px; }
    .fake-stock small { color:var(--faint); font-size:9px; }
    .fake-stock-price { text-align:right; font-size:12px; }
    .fake-chart { width:100%; height:115px; margin-top:13px; }
    .fake-chart polyline { fill:none; stroke:var(--bright); stroke-width:2; vector-effect:non-scaling-stroke; }
    .fake-chart path { fill:rgba(86,215,187,.09); stroke:none; }
    .trend-row { display:grid; grid-template-columns:18px 1fr auto; gap:7px; align-items:center; padding:9px 0; border-bottom:1px solid var(--line); font-size:10px; }
    .trend-row:last-child { border-bottom:0; }
    .trend-row small { display:block; color:var(--faint); font-size:8px; }

    .section { padding:94px 0; }
    .section-heading { max-width:600px; margin:0 auto 45px; text-align:center; }
    .section-heading .eyebrow { margin-bottom:13px; }
    h2 { margin:0; font-size:clamp(28px,4vw,42px); line-height:1.08; letter-spacing:-.06em; }
    .section-heading p { margin:14px auto 0; color:var(--muted); }
    .feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
    .feature { min-height:205px; padding:24px; border:1px solid var(--line); border-radius:13px; background:linear-gradient(145deg,rgba(20,34,58,.76),rgba(12,21,36,.7)); }
    .feature-icon { display:grid; place-items:center; width:35px; height:35px; margin-bottom:21px; border:1px solid rgba(118,173,255,.27); border-radius:9px; color:var(--bright); background:rgba(62,116,213,.13); }
    .feature-icon svg { width:18px; }
    .feature h3 { margin:0 0 7px; font-size:15px; letter-spacing:-.02em; }
    .feature p { margin:0; color:var(--muted); font-size:13px; }
    .split { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:center; }
    .split .section-heading { margin:0; text-align:left; }
    .split .section-heading p { margin-left:0; }
    .insight-list { display:grid; gap:13px; margin-top:27px; }
    .insight-list div { display:flex; gap:12px; color:#d5e0f0; font-size:13px; }
    .check { display:grid; place-items:center; width:19px; height:19px; flex:0 0 auto; border-radius:50%; color:#082014; background:var(--green); font-size:11px; font-weight:900; }
    .quote-card { padding:27px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(145deg,rgba(23,41,70,.85),rgba(14,24,42,.68)); box-shadow:0 20px 55px rgba(0,0,0,.22); }
    .quote-mark { color:var(--bright); font-size:32px; line-height:1; }
    .quote-card blockquote { margin:16px 0 24px; color:#e4edfa; font-size:21px; line-height:1.25; letter-spacing:-.035em; }
    .quote-person { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:12px; }
    .quote-person .avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#dbeafe; background:linear-gradient(135deg,#254b86,#7c3aed); font-size:10px; font-weight:800; }
    .steps { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; counter-reset:steps; }
    .step { position:relative; padding:24px; border-top:1px solid var(--line-strong); }
    .step::before { counter-increment:steps; content:"0" counter(steps); display:block; margin-bottom:28px; color:var(--bright); font-family:ui-monospace,monospace; font-size:12px; }
    .step h3 { margin:0 0 7px; font-size:15px; }
    .step p { margin:0; color:var(--muted); font-size:13px; }
    .cta { position:relative; margin:75px 0 20px; padding:76px 25px; overflow:hidden; border:1px solid rgba(96,165,250,.25); border-radius:16px; background:radial-gradient(circle at 50% 0,rgba(67,126,234,.25),transparent 68%),linear-gradient(145deg,rgba(20,40,72,.8),rgba(12,22,39,.7)); text-align:center; }
    .cta h2 { max-width:600px; margin:0 auto; }
    .cta p { max-width:470px; margin:16px auto 25px; color:var(--muted); }
    .signup { display:flex; justify-content:center; gap:8px; max-width:420px; margin:auto; }
    .signup input { min-width:0; flex:1; padding:11px 13px; border:1px solid var(--line-strong); border-radius:8px; outline:0; color:var(--text); background:rgba(6,12,23,.55); }
    .signup input:focus { border-color:var(--bright); box-shadow:0 0 0 3px rgba(86,215,187,.12); }
    .faq { max-width:740px; margin:auto; }
    details { border-top:1px solid var(--line); }
    details:last-child { border-bottom:1px solid var(--line); }
    summary { padding:18px 0; cursor:pointer; list-style:none; color:#dce8f8; font-size:14px; font-weight:700; }
    summary::-webkit-details-marker { display:none; }
    summary::after { content:"+"; float:right; color:var(--bright); font-size:18px; font-weight:400; }
    details[open] summary::after { content:"−"; }
    details p { max-width:650px; margin:0 0 18px; color:var(--muted); font-size:13px; }
    footer { display:flex; justify-content:space-between; gap:20px; padding:26px 0 35px; border-top:1px solid var(--line); color:var(--faint); font-size:11px; }
    footer nav { display:flex; gap:18px; }
    footer a:hover { color:var(--text); }
    .toast { position:fixed; right:20px; bottom:20px; z-index:20; padding:12px 15px; border:1px solid var(--line-strong); border-radius:8px; color:var(--text); background:#14233d; box-shadow:0 18px 50px rgba(0,0,0,.3); font-size:12px; opacity:0; transform:translateY(8px); pointer-events:none; transition:180ms ease; }
    .toast.show { opacity:1; transform:translateY(0); }
    @media (max-width:800px) { .links { display:none; } .menu { display:block; } .nav { gap:15px; } .nav-actions { margin-left:auto; } .preview-body { grid-template-columns:1fr; } .preview-side { display:none; } .preview-main { padding:20px; } .feature-grid,.steps { grid-template-columns:1fr; } .why-grid { grid-template-columns:1fr; grid-template-areas:"photo" "cards"; } .why-grid .feature-grid { height:auto; } .why-photo { max-width:420px; margin:0 auto; } .split { grid-template-columns:1fr; gap:35px; } .section { padding:70px 0; } }
    @media (max-width:580px) { .wrap { width:min(100% - 32px,1160px); } .nav { min-height:64px; } .login { display:none; } .hero { padding:75px 0 65px; } .hero-copy { font-size:15px; } .product-preview { margin-bottom:60px; } .preview-markets { grid-template-columns:repeat(2,1fr); } .preview-columns { grid-template-columns:1fr; } .preview-columns > :last-child { display:none; } .signup { flex-direction:column; } footer { display:block; } footer nav { margin-top:14px; } }
    @media (max-width:580px) { .member-entry { display:block; margin-bottom:60px; } .member-actions { display:grid; grid-template-columns:1fr 1fr; margin-top:15px; } .member-entry .button { width:100%; } }
    @media (prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition-duration:.01ms!important; } }
  
[data-aprise-style="aprise-generated-0"]{color:var(--bright)}
[data-aprise-style="aprise-generated-1"]{color:var(--faint)}
[data-aprise-style="aprise-generated-2"]{padding-top:20px}

    :root {
      --bg: #080d18;
      --surface: rgba(18, 28, 47, .72);
      --surface-solid: #111c30;
      --surface-soft: rgba(25, 38, 63, .62);
      --line: rgba(148, 163, 184, .15);
      --line-strong: rgba(148, 163, 184, .26);
      --text: #f8fafc;
      --muted: #91a0b7;
      --faint: #61708a;
      --blue: #4b8df8;
      --blue-bright: #76adff;
      --green: #34d399;
      --red: #fb7185;
      --shadow: 0 20px 70px rgba(0, 0, 0, .3);
      --radius: 14px;
      --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * { box-sizing: border-box; }
    html { background: var(--bg); scroll-behavior: smooth; }
    body { margin: 0; color: var(--text); background:
      radial-gradient(circle at 76% -5%, rgba(59, 130, 246, .16), transparent 28rem),
      radial-gradient(circle at 3% 35%, rgba(32, 68, 130, .1), transparent 25rem), var(--bg);
      font: 14px/1.5 var(--font); min-height: 100vh; }
    a { color: inherit; text-decoration: none; }
    button, input { font: inherit; }
    button { color: inherit; }
    .shell { display: grid; grid-template-columns: 226px minmax(0, 1fr); min-height: 100vh; }

    .sidebar { border-right: 1px solid var(--line); padding: 23px 14px; position: sticky; top: 0; height: 100vh; background: rgba(7, 12, 24, .72); backdrop-filter: blur(18px); }
    .brand { display: flex; align-items: center; gap: 10px; padding: 0 12px 30px; font-weight: 750; letter-spacing: -.03em; font-size: 18px; }
    .brand-mark { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(118, 173, 255, .55); border-radius: 9px; color: white; background: linear-gradient(145deg, #326fda, #193566); box-shadow: 0 0 24px rgba(59, 130, 246, .3); }
    .brand-mark img { display: block; width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }
    .brand-mark svg { width: 16px; }
    .nav-label { padding: 0 12px 8px; color: var(--faint); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
    nav { display: grid; gap: 3px; }
    .nav-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; color: var(--muted); border-radius: 9px; transition: 180ms ease; }
    .nav-item:hover, .nav-item.active { color: var(--text); background: rgba(79, 137, 240, .12); }
    .nav-item.active { box-shadow: inset 2px 0 var(--blue); }
    .nav-item svg { width: 17px; height: 17px; opacity: .82; }
    .nav-badge { margin-left: auto; min-width: 20px; padding: 1px 5px; border-radius: 99px; color: #b9d5ff; background: rgba(59, 130, 246, .2); text-align: center; font-size: 11px; }
    .sidebar-bottom { position: absolute; right: 14px; bottom: 18px; left: 14px; }
    .upgrade { padding: 14px; border: 1px solid rgba(91, 145, 239, .24); border-radius: 12px; background: linear-gradient(145deg, rgba(48, 96, 179, .22), rgba(18, 29, 49, .35)); }
    .upgrade strong { display: block; font-size: 12px; }
    .upgrade p { margin: 5px 0 12px; color: var(--muted); font-size: 11px; }
    .upgrade a { display: block; padding: 7px 9px; border: 1px solid rgba(118, 173, 255, .35); border-radius: 7px; color: var(--blue-bright); text-align: center; font-size: 11px; font-weight: 700; }
    .user { display: flex; align-items: center; gap: 9px; margin-top: 16px; padding: 8px 10px; color: var(--muted); font-size: 12px; }
    .avatar { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border-radius: 50%; color: #dbeafe; background: linear-gradient(135deg, #233d6a, #7c3aed); font-size: 11px; font-weight: 700; }
    .user span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .main { min-width: 0; }
    .topbar { display: flex; align-items: center; gap: 16px; height: 74px; padding: 0 clamp(22px, 4vw, 58px); border-bottom: 1px solid var(--line); background: rgba(8, 13, 24, .5); backdrop-filter: blur(18px); position: sticky; top: 0; z-index: 5; }
    .searchwrap { position: absolute; left: 50%; width: min(440px, 55vw); transform: translateX(-50%); z-index: 2; }
    .search { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 13px; border: 1px solid var(--line); border-radius: 9px; color: var(--faint); background: rgba(20, 31, 52, .55); }
    .search:focus-within { border-color: rgba(96, 165, 250, .7); box-shadow: 0 0 0 3px rgba(59, 130, 246, .1); }
    /* The results menu. Anchored to .searchwrap rather than to .search so a
       click on a row is a click on a link and not on the label, and so the
       mobile breakpoint can re-anchor it in one line. */
    .search-menu { position: absolute; top: calc(100% + 6px); left: 0; right: 0; max-height: min(60vh, 420px); overflow-y: auto; padding: 5px; border: 1px solid var(--line-strong); border-radius: 11px; background: var(--surface-solid); box-shadow: var(--shadow); }
    /* Every cell is placed explicitly. A grid item with a definite row is
       placed before the auto-placed ones, so leaving .meta's column to
       auto-placement put it in column 1 and pushed the ticker to the right of
       the company name -- backwards, and only visible in a browser. */
    .search-hit { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 2px 12px; padding: 8px 10px; border-radius: 8px; color: var(--text); }
    .search-hit:hover, .search-hit.active { background: rgba(79, 137, 240, .16); }
    .search-hit .sym { grid-column: 1; grid-row: 1; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; font-weight: 750; }
    .search-hit .co { grid-column: 1; grid-row: 2; color: var(--faint); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .search-hit .meta { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--faint); font-size: 10px; text-align: right; white-space: nowrap; }
    .search-hit .has { display: block; color: var(--green); font-weight: 700; }
    .search-note { padding: 9px 11px; color: var(--faint); font-size: 11px; line-height: 1.45; }
    .search svg { width: 16px; flex: 0 0 auto; }
    .search input { width: 100%; border: 0; outline: 0; color: var(--text); background: transparent; }
    .search input::placeholder { color: var(--faint); }
    .shortcut { margin-left: auto; padding: 2px 6px; border: 1px solid var(--line); border-radius: 5px; color: var(--faint); font-size: 11px; }
    .top-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
    .icon-button { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid transparent; border-radius: 8px; color: var(--muted); background: transparent; cursor: pointer; transition: 180ms ease; }
    .icon-button:hover { border-color: var(--line); color: var(--text); background: var(--surface-soft); }
    .icon-button svg { width: 17px; }
    .mobile-menu { display: none; }

    .content { width: min(1280px, 100%); margin: 0 auto; padding: 46px clamp(22px, 4vw, 58px) 70px; }
    .eyebrow { margin: 0 0 9px; color: var(--blue-bright); font-size: 11px; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
    h1 { margin: 0; font-size: clamp(30px, 4vw, 46px); line-height: 1.05; letter-spacing: -.055em; }
    .intro { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 34px; }
    .intro p { max-width: 510px; margin: 12px 0 0; color: var(--muted); font-size: 15px; }
    .date { color: var(--faint); font-size: 12px; white-space: nowrap; }

    .market-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 30px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: rgba(17, 28, 48, .5); box-shadow: var(--shadow); }
    .market { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 17px 20px; border-right: 1px solid var(--line); }
    .market:last-child { border: 0; }
    .market-name { color: var(--muted); font-size: 11px; }
    .market-value { display: block; margin-top: 3px; color: var(--text); font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
    .change { color: var(--green); font-size: 11px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
    .change.down { color: var(--red); }
    .spark { width: 52px; height: 24px; }
    .spark polyline { fill: none; stroke: var(--green); stroke-width: 2; vector-effect: non-scaling-stroke; }
    .spark.down polyline { stroke: var(--red); }

    .grid { display: grid; grid-template-columns: minmax(0, 1fr) 288px; gap: 24px; align-items: start; }
    .section-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
    h2 { margin: 0; font-size: 14px; letter-spacing: -.015em; }
    .text-button { border: 0; color: var(--blue-bright); background: transparent; cursor: pointer; font-size: 12px; }
    .feed { display: grid; gap: 12px; }
    .card { border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(22, 34, 57, .84), rgba(14, 23, 40, .74)); box-shadow: 0 8px 30px rgba(0,0,0,.13); }
    .post { padding: 19px; transition: 200ms ease; }
    .post:hover, .trend:hover { border-color: var(--line-strong); transform: translateY(-1px); }
    .post-head { display: flex; align-items: center; gap: 10px; }
    .post-user { font-size: 12px; font-weight: 700; }
    .post-meta { color: var(--faint); font-size: 11px; }
    .post-copy { margin: 16px 0; color: #dbe5f4; font-size: 14px; }
    .ticker { color: var(--blue-bright); font-weight: 700; }
    .stock-preview { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: rgba(8, 15, 28, .54); }
    .stock-name { color: var(--muted); font-size: 11px; }
    .stock-ticker { display: block; margin-top: 2px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; font-weight: 700; }
    .stock-price { display: block; margin-top: 2px; font-size: 18px; font-weight: 750; font-variant-numeric: tabular-nums; }
    .stock-chart { width: 145px; height: 44px; }
    .stock-chart polyline { fill: none; stroke: var(--green); stroke-width: 2.2; vector-effect: non-scaling-stroke; }
    .post-actions { display: flex; gap: 17px; margin-top: 15px; color: var(--faint); font-size: 11px; }
    .post-actions button { display: flex; align-items: center; gap: 5px; padding: 0; border: 0; color: inherit; background: transparent; cursor: pointer; }
    .post-actions button:hover { color: var(--blue-bright); }
    .post-actions svg { width: 14px; height: 14px; }
    .post-actions .liked { color: var(--red); }

    .rail { display: grid; gap: 22px; }
    .trend-list { display: grid; gap: 2px; }
    .trend { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 9px; padding: 10px 8px; border: 1px solid transparent; border-radius: 9px; transition: 200ms ease; }
    .rank { color: var(--faint); font-size: 11px; }
    .trend-name { display: block; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; font-weight: 750; }
    .trend-company { display: block; overflow: hidden; color: var(--faint); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
    .trend-right { text-align: right; }
    .trend-change { display: block; margin-top: 2px; font-size: 10px; font-weight: 700; }
    .mini-spark { width: 50px; height: 20px; margin-left: auto; }
    .mini-spark polyline { fill: none; stroke: var(--green); stroke-width: 2; vector-effect: non-scaling-stroke; }
    .mini-spark.down polyline { stroke: var(--red); }
    .discussion { padding: 15px; }
    .discussion + .discussion { border-top: 1px solid var(--line); }
    .discussion p { margin: 7px 0 4px; color: #dbe5f4; font-size: 12px; }
    .discussion small { color: var(--faint); font-size: 10px; }
    .people { padding: 16px; }
    .people-row { display: flex; align-items: center; margin-top: 13px; }
    .people-row .avatar { margin-left: -5px; border: 2px solid var(--surface-solid); }
    .people-row .avatar:first-child { margin-left: 0; }
    .people-count { margin-left: 10px; color: var(--muted); font-size: 11px; }

    .toast { position: fixed; right: 22px; bottom: 22px; padding: 11px 14px; border: 1px solid var(--line-strong); border-radius: 9px; color: var(--text); background: #15233c; box-shadow: var(--shadow); font-size: 12px; opacity: 0; transform: translateY(8px); pointer-events: none; transition: 180ms ease; }
    .toast.show { opacity: 1; transform: translateY(0); }
    @media (max-width: 900px) { .shell { grid-template-columns: 72px minmax(0, 1fr); } .sidebar { padding: 20px 10px; } .brand { justify-content: center; padding: 0 0 28px; } .brand-label, .nav-label, .nav-item span, .upgrade, .user span { display: none; } .nav-item { justify-content: center; padding: 11px; } .sidebar-bottom { right: 10px; left: 10px; } .user { justify-content: center; padding: 8px 0; } }
    @media (max-width: 700px) { .shell { display: block; } .sidebar { display: none; } .topbar { height: 64px; padding: 0 18px; } .mobile-menu { display: grid; } .searchwrap { position: relative; left: auto; width: 100%; transform: none; } .shortcut { display: none; } .content { padding: 32px 18px 50px; } .intro { display: block; } .date { display: block; margin-top: 16px; } .market-strip { grid-template-columns: repeat(2, 1fr); } .market:nth-child(2) { border-right: 0; } .market:nth-child(-n+2) { border-bottom: 1px solid var(--line); } .grid { grid-template-columns: 1fr; } .rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rail > :last-child { grid-column: 1 / -1; } }
    @media (max-width: 460px) { .market { padding: 13px; } .market .spark { display: none; } .rail { grid-template-columns: 1fr; } .rail > :last-child { grid-column: auto; } h1 { font-size: 34px; } }
    @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }
  
[data-aprise-style="aprise-generated-3"]{background:linear-gradient(135deg,#7c2d12,#fb923c)}
[data-aprise-style="aprise-generated-4"]{margin-left:auto}
[data-aprise-style="aprise-generated-5"]{background:linear-gradient(135deg,#164e63,#22d3ee)}
[data-aprise-style="aprise-generated-6"]{margin-left:auto}
[data-aprise-style="aprise-generated-7"]{padding:16px}
[data-aprise-style="aprise-generated-8"]{padding:16px 16px 4px}
[data-aprise-style="aprise-generated-9"]{background:#7c3aed}
[data-aprise-style="aprise-generated-10"]{background:#be123c}
[data-aprise-style="aprise-generated-11"]{background:#0369a1}
[data-aprise-style="aprise-generated-12"]{background:#047857}

    :root{--bg:#171a1c;--panel:#22282a;--panel2:#2c3535;--line:rgba(190,220,211,.17);--text:#f5faf8;--muted:#a8b7b4;--faint:#74827f;--sea:#78d6c1;--bright:#a9eee0;--font:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 65% 0,rgba(86,215,187,.13),transparent 32rem),var(--bg);font:15px/1.55 var(--font)}a{color:inherit;text-decoration:none}.wrap{width:min(980px,calc(100% - 44px));margin:auto}.top{border-bottom:1px solid var(--line);background:rgba(23,26,28,.82);backdrop-filter:blur(18px)}.nav{display:flex;align-items:center;gap:20px;min-height:72px}.logo{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:19px;font-weight:800;letter-spacing:-.045em}.mark{display:grid;place-items:center;width:29px;height:29px;overflow:hidden;border:1px solid rgba(169,238,224,.6);border-radius:9px;background:#2f6f68}.mark img{width:100%;height:100%;object-fit:cover}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:0;border-radius:8px;color:#10201e;background:var(--sea);font-size:12px;font-weight:800;cursor:pointer}.button.ghost{border:1px solid var(--line);color:var(--text);background:var(--panel2)}main{padding:62px 0 90px}.eyebrow{margin:0 0 10px;color:var(--bright);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-size:clamp(34px,5vw,54px);line-height:1;letter-spacing:-.07em}.lede{max-width:590px;margin:15px 0 30px;color:var(--muted);font-size:15px}.checkout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start}.card{padding:25px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(44,53,53,.9),rgba(31,37,39,.85))}.card h2{margin:0 0 17px;font-size:17px;letter-spacing:-.03em}.fields{display:grid;gap:13px}.field{display:grid;gap:6px;color:#dce9e5;font-size:12px;font-weight:700}.field input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:8px;outline:0;color:var(--text);background:rgba(16,22,22,.65);font:inherit}.field input:focus{border-color:var(--bright);box-shadow:0 0 0 3px rgba(86,215,187,.12)}.two{display:grid;grid-template-columns:1fr 1fr;gap:11px}.summary{position:sticky;top:22px}.summary-plan{display:flex;align-items:start;justify-content:space-between;padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid var(--line)}.summary-plan h2{margin:0}.summary-plan strong{font-size:18px}.summary-plan small{color:var(--muted);font-size:11px}.summary ul{display:grid;gap:9px;margin:0;padding:0;list-style:none;color:#dce9e5;font-size:12px}.summary li::before{content:'✓';display:inline-block;width:20px;color:var(--sea);font-weight:800}.payment-box{display:grid;place-items:center;min-height:105px;margin:17px 0;padding:16px;border:1px dashed rgba(169,238,224,.35);border-radius:9px;color:var(--muted);background:rgba(16,22,22,.35);text-align:center;font-size:12px}.payment-box strong{display:block;margin-bottom:4px;color:var(--bright);font-size:13px}.fine{margin:14px 0 0;color:var(--faint);font-size:11px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.form-actions a{color:var(--muted);font-size:11px}.form-actions a:hover{color:var(--text)}.note{margin-top:18px;padding:11px 13px;border-radius:8px;color:var(--muted);background:rgba(120,214,193,.08);font-size:11px}@media(max-width:760px){.checkout{grid-template-columns:1fr}.summary{position:static;grid-row:1}.two{grid-template-columns:1fr}.wrap{width:min(100% - 32px,980px)}}
  .plan-switch{display:flex;gap:6px;margin:-4px 0 17px}.plan-switch button{flex:1;padding:7px 8px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:rgba(16,22,22,.4);font-size:11px;font-weight:800;cursor:pointer}.plan-switch button.active{border-color:var(--sea);color:#10201e;background:var(--sea)}
  .terms{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}.terms input,.preference input{width:14px;height:14px;flex:0 0 auto;margin-top:2px;accent-color:var(--sea)}.terms a,.note a{color:var(--bright)}.preferences{display:grid;gap:9px;padding:12px 0 2px;border-top:1px solid var(--line)}.preference{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}
  

    :root { --bg:#171a1c; --panel:#22282a; --panel-2:#2c3535; --line:rgba(190,220,211,.17); --text:#f5faf8; --muted:#a8b7b4; --faint:#74827f; --seafoam:#78d6c1; --bright:#a9eee0; --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
    * { box-sizing:border-box; }
    html { min-height:100%; background:var(--bg); }
    body { display:grid; place-items:center; min-height:100vh; margin:0; padding:24px; color:var(--text); background:radial-gradient(circle at 50% 0,rgba(86,215,187,.13),transparent 32rem),var(--bg); font:15px/1.55 var(--font); }
    a { color:inherit; text-decoration:none; }
    .login-shell { width:min(100%,410px); }
    .brand { display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:30px; font-size:20px; font-weight:800; letter-spacing:-.045em; }
    .mark { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(169,238,224,.6); border-radius:9px; background:linear-gradient(145deg,#78d6c1,#2f6f68); box-shadow:0 0 25px rgba(86,215,187,.22); }
    .mark img { display:block; width:100%; height:100%; border-radius:8px; object-fit:cover; }
    .mark svg { width:17px; }
    .card { padding:34px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,rgba(44,53,53,.9),rgba(31,37,39,.9)); box-shadow:0 24px 70px rgba(0,0,0,.3); }
    h1 { margin:0; text-align:center; font-size:28px; letter-spacing:-.055em; }
    .intro { margin:9px 0 27px; color:var(--muted); text-align:center; font-size:13px; }
    form { display:grid; gap:16px; }
    label { display:grid; gap:7px; color:#dce9e5; font-size:12px; font-weight:700; }
    input { width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:8px; outline:0; color:var(--text); background:rgba(16,22,22,.65); font:inherit; }
    input::placeholder { color:var(--faint); }
    input:focus { border-color:var(--bright); box-shadow:0 0 0 3px rgba(86,215,187,.12); }
    .form-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:-2px; }
    .remember { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; font-weight:400; }
    .remember input { width:14px; height:14px; accent-color:var(--seafoam); }
    .link { color:var(--bright); font-size:12px; }
    .link:hover { color:var(--text); }
    button { width:100%; padding:11px 16px; border:0; border-radius:8px; color:#10201e; background:var(--seafoam); box-shadow:0 7px 20px rgba(86,215,187,.18); cursor:pointer; font:inherit; font-size:13px; font-weight:800; }
    button:hover { background:var(--bright); }
    .signup { margin:24px 0 0; padding-top:22px; border-top:1px solid var(--line); color:var(--muted); text-align:center; font-size:12px; }
    .back { display:block; margin-top:22px; color:var(--faint); text-align:center; font-size:12px; }
    .back:hover { color:var(--text); }
    @media (max-width:480px) { .card { padding:27px 22px; } }
  

    :root { --bg:#171a1c; --panel:#22282a; --panel-2:#2c3535; --line:rgba(190,220,211,.17); --text:#f5faf8; --muted:#a8b7b4; --faint:#74827f; --seafoam:#78d6c1; --bright:#a9eee0; --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
    * { box-sizing:border-box; }
    html { background:var(--bg); scroll-behavior:smooth; }
    body { margin:0; color:var(--text); background:radial-gradient(circle at 50% -10%,rgba(86,215,187,.13),transparent 34rem),var(--bg); font:15px/1.55 var(--font); }
    a { color:inherit; text-decoration:none; }
    .wrap { width:min(1120px,calc(100% - 44px)); margin:0 auto; }
    .top { border-bottom:1px solid var(--line); background:rgba(23,26,28,.82); backdrop-filter:blur(18px); }
    .nav { display:flex; align-items:center; gap:28px; min-height:72px; }
    .logo { display:flex; align-items:center; gap:10px; margin-right:auto; font-size:19px; font-weight:800; letter-spacing:-.045em; }
    .mark { display:grid; place-items:center; width:29px; height:29px; overflow:hidden; border:1px solid rgba(169,238,224,.6); border-radius:9px; background:#2f6f68; box-shadow:0 0 25px rgba(86,215,187,.22); }
    .mark img { display:block; width:100%; height:100%; object-fit:cover; }
    .links { display:flex; gap:24px; color:var(--muted); font-size:13px; }
    .links a:hover, .login:hover { color:var(--text); }
    .actions { display:flex; align-items:center; gap:13px; }
    .login { color:var(--muted); font-size:13px; }
    .button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border-radius:8px; color:#10201e; background:var(--seafoam); box-shadow:0 7px 20px rgba(86,215,187,.18); font-size:13px; font-weight:800; transition:180ms ease; }
    .button:hover { background:var(--bright); transform:translateY(-1px); }
    .button.ghost { border:1px solid var(--line); color:var(--text); background:rgba(44,53,53,.72); box-shadow:none; }
    .button.ghost:hover { border-color:rgba(169,238,224,.6); background:rgba(47,111,104,.3); }
    .hero { padding:88px 0 54px; text-align:center; }
    .eyebrow { margin:0 0 16px; color:var(--bright); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
    h1 { max-width:700px; margin:0 auto; font-size:clamp(42px,6vw,68px); line-height:1; letter-spacing:-.075em; }
    .gradient { background:linear-gradient(115deg,#fff 26%,var(--bright) 82%); background-clip:text; -webkit-background-clip:text; color:transparent; }
    .hero-copy { max-width:540px; margin:22px auto 0; color:var(--muted); font-size:16px; }
    .plans { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding-bottom:92px; }
    .plan { position:relative; display:flex; flex-direction:column; min-height:475px; padding:26px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(145deg,rgba(44,53,53,.9),rgba(31,37,39,.88)); }
    .plan.featured { border-color:rgba(120,214,193,.65); box-shadow:0 20px 60px rgba(29,104,91,.18); }
    .badge { position:absolute; top:16px; right:16px; padding:4px 8px; border-radius:99px; color:#10201e; background:var(--seafoam); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
    .plan h2 { margin:0; font-size:20px; letter-spacing:-.04em; }
    .plan-copy { min-height:48px; margin:9px 0 22px; color:var(--muted); font-size:13px; }
    .price { margin-bottom:24px; font-size:39px; font-weight:800; letter-spacing:-.065em; }
    .price small { color:var(--muted); font-size:12px; font-weight:500; letter-spacing:0; }
    .plan ul { display:grid; gap:12px; margin:0 0 28px; padding:0; list-style:none; color:#dce9e5; font-size:13px; }
    .plan li::before { content:"✓"; display:inline-block; width:22px; color:var(--seafoam); font-weight:800; }
    .plan .button { width:100%; margin-top:auto; }
    .note { margin:0 auto 80px; color:var(--faint); text-align:center; font-size:12px; }
    footer { display:flex; justify-content:space-between; gap:20px; padding:26px 0 35px; border-top:1px solid var(--line); color:var(--faint); font-size:11px; }
    footer nav { display:flex; gap:18px; }
    footer a:hover { color:var(--text); }
    @media (max-width:800px) { .links { display:none; } .plans { grid-template-columns:1fr; max-width:500px; margin:0 auto; } .plan { min-height:0; } }
    @media (max-width:480px) { .wrap { width:min(100% - 32px,1120px); } .nav { min-height:64px; } .actions .login { display:none; } .hero { padding:68px 0 44px; } .hero-copy { font-size:15px; } footer { display:block; } footer nav { margin-top:14px; } }
  

    :root { --bg:#171a1c; --panel:#22282a; --line:rgba(190,220,211,.17); --text:#f5faf8; --muted:#a8b7b4; --faint:#74827f; --seafoam:#78d6c1; --bright:#a9eee0; --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
    * { box-sizing:border-box; }
    html { min-height:100%; background:var(--bg); }
    body { display:grid; place-items:center; min-height:100vh; margin:0; padding:24px; color:var(--text); background:radial-gradient(circle at 50% 0,rgba(86,215,187,.13),transparent 32rem),var(--bg); font:15px/1.55 var(--font); }
    a { color:inherit; text-decoration:none; }
    .signup-shell { width:min(100%,470px); }
    .brand { display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:30px; font-size:20px; font-weight:800; letter-spacing:-.045em; }
    .mark { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(169,238,224,.6); border-radius:9px; background:linear-gradient(145deg,#78d6c1,#2f6f68); box-shadow:0 0 25px rgba(86,215,187,.22); }
    .mark img { display:block; width:100%; height:100%; border-radius:8px; object-fit:cover; }
    .mark svg { width:17px; }
    .card { padding:34px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,rgba(44,53,53,.9),rgba(31,37,39,.9)); box-shadow:0 24px 70px rgba(0,0,0,.3); }
    h1 { margin:0; text-align:center; font-size:28px; letter-spacing:-.055em; }
    .intro { margin:9px 0 27px; color:var(--muted); text-align:center; font-size:13px; }
    form { display:grid; gap:16px; }
    .name-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    label { display:grid; gap:7px; color:#dce9e5; font-size:12px; font-weight:700; }
    input { width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:8px; outline:0; color:var(--text); background:rgba(16,22,22,.65); font:inherit; }
    input::placeholder { color:var(--faint); }
    input:focus { border-color:var(--bright); box-shadow:0 0 0 3px rgba(86,215,187,.12); }
    .terms { display:flex; align-items:flex-start; gap:8px; color:var(--muted); font-size:12px; font-weight:400; line-height:1.4; }
    .terms input { width:14px; height:14px; flex:0 0 auto; margin-top:2px; accent-color:var(--seafoam); }
    .preferences { display:grid; gap:9px; padding:12px 0 2px; border-top:1px solid var(--line); }
    .preference { display:flex; align-items:flex-start; gap:8px; color:var(--muted); font-size:12px; font-weight:400; line-height:1.4; }
    .preference input { width:14px; height:14px; flex:0 0 auto; margin-top:2px; accent-color:var(--seafoam); }
    .link { color:var(--bright); }
    .link:hover { color:var(--text); }
    button { width:100%; padding:11px 16px; border:0; border-radius:8px; color:#10201e; background:var(--seafoam); box-shadow:0 7px 20px rgba(86,215,187,.18); cursor:pointer; font:inherit; font-size:13px; font-weight:800; }
    button:hover { background:var(--bright); }
    .login { margin:24px 0 0; padding-top:22px; border-top:1px solid var(--line); color:var(--muted); text-align:center; font-size:12px; }
    .back { display:block; margin-top:22px; color:var(--faint); text-align:center; font-size:12px; }
    .back:hover { color:var(--text); }
    @media (max-width:480px) { .card { padding:27px 22px; } .name-row { grid-template-columns:1fr; gap:16px; } }
  

    :root{--bg:#171a1c;--panel:#22282a;--line:rgba(190,220,211,.17);--text:#f5faf8;--muted:#a8b7b4;--faint:#74827f;--sea:#78d6c1;--bright:#a9eee0;--font:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 70% 0,rgba(86,215,187,.13),transparent 32rem),var(--bg);font:15px/1.55 var(--font)}a{color:inherit;text-decoration:none}.wrap{width:min(1080px,calc(100% - 44px));margin:auto}.top{border-bottom:1px solid var(--line);background:rgba(23,26,28,.82);backdrop-filter:blur(18px)}.nav{display:flex;align-items:center;gap:26px;min-height:72px}.logo{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:19px;font-weight:800;letter-spacing:-.045em}.mark{display:grid;place-items:center;width:29px;height:29px;overflow:hidden;border:1px solid rgba(169,238,224,.6);border-radius:9px;background:#2f6f68}.mark img{width:100%;height:100%;object-fit:cover}.links{display:flex;gap:23px;color:var(--muted);font-size:13px}.links a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:8px;color:#10201e;background:var(--sea);font-size:12px;font-weight:800}.button.ghost{border:1px solid var(--line);color:var(--text);background:rgba(44,53,53,.72)}main{padding:74px 0 90px}.eyebrow{margin:0 0 10px;color:var(--bright);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-size:clamp(40px,6vw,66px);line-height:1;letter-spacing:-.07em}.lede{max-width:600px;margin:17px 0 31px;color:var(--muted);font-size:16px}.panel{padding:19px 21px;margin-bottom:34px;border:1px solid rgba(120,214,193,.28);border-radius:13px;background:linear-gradient(120deg,rgba(47,111,104,.25),rgba(34,40,42,.8))}.panel strong{font-size:13px}.panel p{margin:4px 0 0;color:var(--muted);font-size:12px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.section-head h2{margin:0;font-size:16px}.section-head span{color:var(--faint);font-size:11px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.card{display:flex;flex-direction:column;min-height:180px;padding:20px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(44,53,53,.9),rgba(31,37,39,.82));transition:180ms ease}.card:hover{border-color:rgba(169,238,224,.55);transform:translateY(-2px)}.icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(120,214,193,.3);border-radius:9px;color:var(--bright);font-size:15px;font-weight:800}.available{margin-left:auto;color:var(--sea);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.card-top{display:flex;align-items:start;justify-content:space-between}.card h3{margin:17px 0 5px;font-size:15px}.card p{margin:0;color:var(--muted);font-size:12px}.card b{margin-top:auto;padding-top:16px;color:var(--bright);font-size:12px}.small-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:30px}.small-card{padding:17px;border:1px solid var(--line);border-radius:11px;background:rgba(34,40,42,.72)}.small-card h3{margin:0 0 5px;font-size:13px}.small-card p{margin:0 0 13px;color:var(--muted);font-size:11px}.small-card b{color:var(--bright);font-size:11px}@media(max-width:700px){.wrap{width:min(100% - 32px,1080px)}.links{display:none}.grid,.small-tools{grid-template-columns:1fr}main{padding:56px 0 70px}}
  
[data-aprise-style="aprise-generated-13"]{margin-top:32px}
[data-aprise-style="aprise-generated-14"]{margin-top:32px}