/* ETW Journal landing page on /trading-journal.
   Generated from the standalone ETW Journal site (base styles + grove theme),
   with every selector scoped to .etwjp so nothing leaks into the rest of ETW Trades.
   Edit the source and rebuild rather than hand-editing this file. */
.etwjp-host > :not(.etwjp){display:none !important;}
.etwjp{position:relative;isolation:isolate;overflow:clip;}
.etwjp::after{position:absolute !important;}
.etwjp{--ink:#0A0710;
    --ink-2:#120A1F;
    --surface:#180F2A;
    --surface-2:#1F1436;
    --line:rgba(255,255,255,0.09);
    --violet:#7C5CFC;
    --violet-2:#9B6BFF;
    --magenta:#E94FA6;
    --amber:#F5B24D;
    --green:#3ED598;
    --red:#F0577A;
    --cream:#FAF7FF;
    --cream-2:#F1EBFB;
    --text-dark:#140B26;
    --muted-dark:#655D7C;
    --text-light:#F6F3FF;
    --muted-light:#AFA4CC;
    --grad: linear-gradient(120deg,#7C5CFC 0%, #B457E8 52%, #E94FA6 100%);
    --grad-soft: linear-gradient(120deg, rgba(124,92,252,.16), rgba(233,79,166,.16));
    --radius: 18px;
    --shadow: 0 20px 60px -20px rgba(124,92,252,0.35);}
.etwjp *{box-sizing:border-box; margin:0; padding:0;}
.etwjp{scroll-behavior:smooth;}
.etwjp{font-family:'Inter', sans-serif;
    background:var(--ink);
    color:var(--text-light);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;}
.etwjp h1,.etwjp h2,.etwjp h3{font-family:'Sora', sans-serif; letter-spacing:-0.02em;}
.etwjp a{color:inherit; text-decoration:none;}
.etwjp img{max-width:100%; display:block;}
.etwjp .wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
.etwjp section{position:relative;}
.etwjp ::selection{background:var(--violet); color:#fff;}
.etwjp a:focus-visible,.etwjp button:focus-visible{outline:2px solid var(--violet-2); outline-offset:3px; border-radius:6px;}
@media (prefers-reduced-motion: reduce){
.etwjp *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important;}
}
.etwjp .nav{display:flex; align-items:center; justify-content:space-between;
    padding:10px 24px; max-width:1180px; margin:0 auto;}
.etwjp .logo{display:flex; align-items:center; gap:10px;}
.etwjp .btn{display:inline-flex; align-items:center; justify-content:center; gap:9px;
    padding:14px 26px; border-radius:12px; font-weight:700; font-size:15px;
    cursor:pointer; border:none; transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease, opacity .16s;
    white-space:nowrap; letter-spacing:-0.01em;}
.etwjp .btn-primary{background:var(--violet); color:#fff;
    box-shadow:0 1px 0 rgba(255,255,255,0.12) inset, 0 14px 28px -12px rgba(124,92,252,0.65);}
.etwjp .btn-primary:hover{background:var(--violet-2); transform:translateY(-1px); box-shadow:0 1px 0 rgba(255,255,255,0.14) inset, 0 18px 34px -12px rgba(124,92,252,0.75);}
.etwjp .btn-primary:active{transform:translateY(0);}
.etwjp .btn-ghost{background:rgba(255,255,255,0.04); color:var(--text-light); border:1px solid var(--line);}
.etwjp .btn-ghost:hover{border-color:var(--violet-2); background:rgba(124,92,252,0.08);}
.etwjp .btn-dark{background:var(--ink); color:#fff; box-shadow:0 1px 0 rgba(255,255,255,0.08) inset;}
.etwjp .btn-dark:hover{transform:translateY(-1px); background:#1a1228;}
.etwjp .hero{background:
      radial-gradient(680px 420px at 82% 6%, rgba(124,92,252,0.28), transparent 60%),
      radial-gradient(520px 360px at 12% 32%, rgba(233,79,166,0.14), transparent 60%),
      var(--ink);
    padding:160px 0 90px;
    position:relative;
    border-bottom:0;
    z-index:1;}
.etwjp .hero::after{content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:120px;
    pointer-events:none;
    background:linear-gradient(
      180deg,
      rgba(11,17,23,1) 0%,
      rgba(11,17,23,.86) 24%,
      rgba(11,17,23,.42) 52%,
      rgba(244,241,235,.72) 82%,
      var(--cream) 100%
    );
    transform:translateY(50%);
    z-index:2;}
.etwjp .hero-grid{display:grid; grid-template-columns:1.05fr 0.95fr; gap:60px; align-items:center;}
.etwjp .hero h1{font-size:clamp(36px, 5vw, 58px); line-height:1.06; font-weight:700;}
.etwjp .hero h1 .grad-text{background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent;}
.etwjp .hero p.lead{margin-top:22px; font-size:17px; line-height:1.65; color:var(--muted-light); max-width:480px;}
.etwjp .hero-ctas{display:flex; gap:14px; margin-top:34px; align-items:center; flex-wrap:wrap;}
.etwjp .trust{margin-top:26px; font-size:13px; color:var(--muted-light); display:flex; align-items:center; gap:10px;}
.etwjp .pill-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:34px;}
.etwjp .pill{font-size:12.5px; padding:8px 14px; border-radius:100px; border:1px solid var(--line);
    color:var(--muted-light); background:rgba(255,255,255,0.02);}
.etwjp .hero-visual{position:relative;}
.etwjp .hero-visual img{display:block; width:135%; max-width:none;
    margin-top:-30px;
    filter:drop-shadow(0 40px 80px rgba(124,92,252,0.45));}
.etwjp .section{padding:110px 0;}
.etwjp .section-head{max-width:640px; margin-bottom:56px;}
.etwjp .section-head.center{margin-left:auto; margin-right:auto; text-align:center;}
.etwjp .eyebrow-alt{font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--violet); font-weight:700; margin-bottom:14px; display:block;}
.etwjp .section-head h2{font-size:clamp(28px,3.6vw,42px); font-weight:700; line-height:1.15;}
.etwjp .section-head p{margin-top:16px; font-size:16px; line-height:1.6; color:var(--muted-light);}
.etwjp .light{background:var(--cream); color:var(--text-dark); border-bottom:1px solid rgba(20,11,38,0.06);}
.etwjp .light .section-head p{color:var(--muted-dark);}
.etwjp .light .eyebrow-alt{color:var(--magenta);}
.etwjp .steps{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; counter-reset:step;}
.etwjp .step{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:30px;
    position:relative;}
.etwjp .step .num{font-family:'IBM Plex Mono'; font-size:13px; color:var(--violet-2); margin-bottom:18px; display:block;}
.etwjp .step h3{font-size:18px; font-weight:700; margin-bottom:10px;}
.etwjp .step p{font-size:14.5px; color:var(--muted-light); line-height:1.6;}
.etwjp .step-connector{position:absolute; top:50%; right:-22px; width:22px; height:1px; background:var(--line);}
.etwjp .how-visual{position:relative;
    max-width:980px;
    margin:0 auto 34px;
    border:1px solid rgba(85,173,156,.28);
    border-radius:18px;
    overflow:hidden;
    background:#0b1117;
    box-shadow:0 24px 60px rgba(0,0,0,.24), 0 0 0 8px rgba(36,107,99,.06);}
.etwjp .how-visual::after{content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(11,17,23,.04) 45%, rgba(11,17,23,.5) 100%);}
.etwjp .how-visual img{width:100%;
    height:auto;
    max-height:410px;
    object-fit:cover;
    object-position:top center;
    opacity:.92;}
.etwjp .how-visual-caption{position:absolute;
    left:24px;
    bottom:20px;
    z-index:1;
    color:#fff;
    font:600 12px 'IBM Plex Mono', monospace;
    letter-spacing:.06em;
    text-transform:uppercase;}
.etwjp .cta-banner{background:var(--grad); text-align:center; padding:90px 24px; position:relative; overflow:hidden;}
.etwjp .cta-banner::before{content:''; position:absolute; inset:0;
    background:radial-gradient(500px 260px at 50% -10%, rgba(255,255,255,0.35), transparent 60%);}
.etwjp .cta-banner h2{font-size:clamp(28px,4vw,44px); font-weight:800; color:#fff; position:relative;}
.etwjp .cta-banner p{color:rgba(255,255,255,0.88); margin:16px auto 32px; max-width:480px; font-size:16px; position:relative;}
.etwjp .cta-banner .btn-dark{position:relative;}
@media (max-width: 920px){
.etwjp .hero-grid{grid-template-columns:1fr;}
.etwjp .hero-visual img{width:110%; margin-top:24px;}
.etwjp .steps{grid-template-columns:1fr 1fr;}
}
@media (max-width: 720px){
.etwjp .hero{padding:128px 0 60px;}
.etwjp .steps{grid-template-columns:1fr;}
.etwjp .how-visual{margin-bottom:24px; border-radius:14px;}
.etwjp .how-visual img{min-height:190px; object-fit:cover; object-position:top left;}
.etwjp .how-visual-caption{left:16px; bottom:14px; font-size:10px;}
.etwjp .step-connector{display:none;}
.etwjp .section{padding:76px 0;}
.etwjp .hero-visual{justify-content:center; margin-top:20px;}
.etwjp .hero-visual img{width:100%; margin:0;}
}
.etwjp{--ink:#0b1117;
    --ink-2:#111b24;
    --surface:#15222c;
    --violet:#246b63;
    --violet-2:#55ad9c;
    --magenta:#c9924a;
    --cream:#f4f1eb;
    --text-dark:#17242d;
    --muted-dark:#69747c;
    --grad:linear-gradient(135deg,#246b63,#347f74);
    --grad-soft:rgba(36,107,99,.10);
    --line:rgba(214,198,169,.16);
    --shadow:0 20px 50px rgba(7,14,20,.16);}
.etwjp{background:var(--ink);}
.etwjp .hero{background:var(--ink);
    padding-top:132px;}
.etwjp .hero h1{letter-spacing:-.04em;}
.etwjp .hero h1 .grad-text{background:none;
    color:#d6b477;}
.etwjp .hero-visual img{filter:drop-shadow(0 24px 44px rgba(0,0,0,.32));}
.etwjp .hero::after{content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:120px;
    margin:0;
    pointer-events:none;
    background:linear-gradient(
      180deg,
      rgba(11,17,23,1) 0%,
      rgba(11,17,23,.86) 24%,
      rgba(11,17,23,.42) 52%,
      rgba(244,241,235,.72) 82%,
      var(--cream) 100%
    );
    transform:translateY(50%);
    z-index:2;}
.etwjp .trust{color:rgba(255,255,255,.62);}
.etwjp .pill{border-radius:6px;}
.etwjp .btn{border-radius:7px;}
.etwjp .btn-primary,.etwjp .btn-primary:hover{background:#246b63;
    box-shadow:0 8px 18px rgba(36,107,99,.24);}
.etwjp .btn-primary:hover{background:#2d8176;}
.etwjp .cta-banner{background:var(--violet);}
.etwjp .cta-banner::before{display:none;}
.etwjp .hero{background:
      radial-gradient(620px 360px at 88% 8%, rgba(36,107,99,.18), transparent 68%),
      var(--ink);}
.etwjp .hero-grid{display:block;
    position:relative;
    min-height:560px;}
.etwjp .hero-grid > div:first-child{position:relative;
    z-index:2;
    max-width:620px;
    padding-top:42px;}
.etwjp .hero-visual{position:absolute;
    inset:0 -9vw 0 24%;
    z-index:0;
    overflow:hidden;
    isolation:isolate;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;}
.etwjp .hero-visual::after{content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg, var(--ink) 0%, rgba(11,17,23,.78) 24%, rgba(11,17,23,.08) 62%, rgba(11,17,23,.18) 100%),
      linear-gradient(180deg, var(--ink) 0%, transparent 22%, transparent 82%, var(--ink) 100%);
    z-index:1;}
.etwjp .hero-visual img{position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.94;
    filter:saturate(.94) contrast(1.08);
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 18%, #000 84%, transparent 100%);
    mask-image:linear-gradient(90deg, transparent 0%, #000 18%, #000 84%, transparent 100%);}
.etwjp .hero-visual::before{content:'';
    position:absolute;
    left:16px;
    bottom:14px;
    z-index:2;
    padding:0;}
@media (max-width:1100px){
.etwjp .hero-grid{gap:36px;}
.etwjp .hero-visual img{width:120%;}
}
@media (max-width:920px){
.etwjp .hero-grid{min-height:590px;}
.etwjp .hero-visual{inset:0 -24px;}
.etwjp .hero-visual img{width:100%;
      margin:0 auto;}
}
@media (max-width:720px){
.etwjp .hero{padding-top:118px;}
.etwjp .hero-grid{min-height:620px;}
.etwjp .hero-grid > div:first-child{padding-top:28px;}
.etwjp .hero h1{font-size:clamp(34px,10vw,46px);}
.etwjp .hero p.lead{font-size:16px;}
.etwjp .hero-visual{inset:0 -12px;}
.etwjp .hero-visual img{object-position:72% center;
      opacity:.56;}
.etwjp .hero-visual::after{background:
        linear-gradient(180deg, var(--ink) 0%, rgba(11,17,23,.52) 26%, rgba(11,17,23,.16) 58%, var(--ink) 100%),
        linear-gradient(90deg, var(--ink) 0%, transparent 18%, transparent 82%, var(--ink) 100%);}
}
.etwjp .scroll-reveal{opacity:0;
    transform:translateY(24px);
    transition:opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1);}
.etwjp .scroll-reveal.is-visible{opacity:1;
    transform:none;}
.etwjp .scroll-reveal[data-reveal-delay="1"]{transition-delay:.08s;}
.etwjp .scroll-reveal[data-reveal-delay="2"]{transition-delay:.16s;}
.etwjp .scroll-reveal[data-reveal-delay="3"]{transition-delay:.24s;}
@media (prefers-reduced-motion: reduce){
.etwjp .scroll-reveal{opacity:1;
      transform:none;
      transition:none;}
}
.etwjp .how-visual::after{display:none;}
.etwjp .how-visual img{max-height:none; height:auto; min-height:0; object-fit:contain; opacity:1; display:block;}
.etwjp .how-visual-caption{position:static; padding:14px 22px; background:#0b1117;
    border-top:1px solid rgba(255,255,255,.08);}
@media (max-width:720px){
.etwjp .how-visual img{min-height:0;}
.etwjp .how-visual-caption{padding:12px 16px;}
}
.etwjp .hero-grid{display:grid; grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);
    gap:36px; align-items:center; min-height:0; position:relative;}
.etwjp .hero-grid > div:first-child{max-width:520px; padding-top:0; position:relative; z-index:2;}
.etwjp .hero h1{font-size:clamp(34px,3.75vw,56px);}
.etwjp .hero-visual{position:relative; inset:auto; overflow:visible; z-index:1; margin:0;
    
    margin-right:calc(-1 * max(0px, (100vw - 1180px) / 2 - 4px));
    min-width:0;
    border:0; border-radius:0; background:none; box-shadow:none;}
.etwjp .hero-visual::after,.etwjp .hero-visual::before{display:none; content:none;}
.etwjp .hero-visual img{position:static; display:block; width:100%; height:auto; max-width:100%;
    margin:0; inset:auto; object-fit:contain; opacity:1; filter:none;
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0, #000 2.5%, #000 97.5%, transparent 100%),
      linear-gradient(180deg, transparent 0, #000 2.5%, #000 97.5%, transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:
      linear-gradient(90deg, transparent 0, #000 2.5%, #000 97.5%, transparent 100%),
      linear-gradient(180deg, transparent 0, #000 2.5%, #000 97.5%, transparent 100%);
    mask-composite:intersect;}
@media (min-width:921px){
.etwjp .hero{padding-top:184px; padding-bottom:150px;}
}
.etwjp .ai-brand{display:inline-flex; align-items:center; gap:12px;}
.etwjp .ai-brand::before{display:none !important;}
.etwjp .ai-brand img{width:40px; height:40px; border-radius:50%; box-shadow:0 0 0 3px rgba(124,92,252,.18), 0 8px 22px -8px rgba(124,92,252,.7);}
@media (max-width:1100px){
.etwjp .hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:26px;}
.etwjp .hero-visual img{width:100%;}
}
@media (max-width:920px){
.etwjp .hero-visual{margin-right:0;}
.etwjp .hero-grid{grid-template-columns:1fr; gap:36px; min-height:0;}
.etwjp .hero-grid > div:first-child{max-width:640px;}
.etwjp .hero-visual{inset:auto;}
.etwjp .hero-visual img{width:100%; margin:0;}
}
@media (max-width:720px){
.etwjp .hero-grid{min-height:0;}
.etwjp .hero-grid > div:first-child{padding-top:8px;}
.etwjp .hero-visual{inset:auto; margin:0 -6px;}
.etwjp .hero-visual img{opacity:1; object-position:center;}
}
.etwjp .demo{padding:96px 0 110px; background:radial-gradient(900px 420px at 50% 0%, rgba(36,107,99,.22), transparent 70%), var(--ink); overflow:hidden;}
.etwjp .demo .section-head{margin-bottom:44px;}
.etwjp .demo-frame{position:relative; max-width:1080px; margin:0 auto; border-radius:22px; padding:10px;
    background:linear-gradient(140deg, rgba(85,173,156,.45), rgba(214,198,169,.14) 50%, rgba(214,180,119,.4));
    box-shadow:0 40px 100px -30px rgba(36,107,99,.5), 0 20px 50px -20px rgba(0,0,0,.6);}
.etwjp .demo-frame::before{content:''; position:absolute; inset:-60px -40px auto; height:260px; z-index:-1;
    background:radial-gradient(closest-side, rgba(85,173,156,.28), transparent); filter:blur(20px);}
.etwjp .demo-screen{position:relative; border-radius:14px; overflow:hidden; background:#0b0716; aspect-ratio:16/9;}
.etwjp .demo-screen video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.etwjp .demo-ctrl{position:absolute; right:16px; bottom:16px; z-index:2; display:flex; align-items:center; gap:10px;}
.etwjp .demo-btn{width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,.22); cursor:pointer;
    background:rgba(10,7,16,.62); color:#fff; display:grid; place-items:center; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    transition:background .2s, transform .2s;}
.etwjp .demo-btn:hover{background:rgba(36,107,99,.85); transform:scale(1.05);}
.etwjp .demo-btn svg{width:18px; height:18px; fill:currentColor;}
.etwjp .demo-btn .ic-play{display:none;}
.etwjp .demo-screen.is-paused .demo-btn .ic-play{display:block;}
.etwjp .demo-screen.is-paused .demo-btn .ic-pause{display:none;}
.etwjp .demo-chips{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:28px;}
.etwjp .demo-chip{font:500 13px 'Inter',sans-serif; color:var(--muted-light); padding:8px 14px; border-radius:999px;
    border:1px solid var(--line); background:rgba(255,255,255,.03); transition:color .25s, border-color .25s, background .25s;}
.etwjp .demo-chip.on{color:#fff; border-color:rgba(85,173,156,.7); background:rgba(36,107,99,.28);}
@media (max-width:720px){
.etwjp .demo{padding:70px 0 76px;}
.etwjp .demo-frame{padding:6px; border-radius:16px;}
.etwjp .demo-screen{border-radius:11px;}
.etwjp .demo-ctrl{right:10px; bottom:10px;}
.etwjp .demo-btn{width:38px; height:38px;}
.etwjp .demo-chips{gap:8px;}
.etwjp .demo-chip{font-size:12px; padding:6px 11px;}
}
.etwjp .lg{padding:84px 0 92px; background:var(--ink); border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden;}
.etwjp .lg-head{text-align:center; margin-bottom:40px;}
.etwjp .lg-head h2{font:700 clamp(24px,3vw,34px)/1.2 'Sora',sans-serif; letter-spacing:-.025em; color:var(--text-light);}
.etwjp .lg-rows{display:grid; gap:18px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);}
.etwjp .lg-row{overflow:hidden;}
.etwjp .lg-track{list-style:none; display:flex; gap:18px; width:max-content; padding:6px 0; animation:etwjp-lgMove 55s linear infinite;}
.etwjp .lg-rows:hover .lg-track{animation-play-state:paused;}
.etwjp .lg-tile{flex:0 0 auto; width:84px; height:84px; border-radius:20px; overflow:hidden; background:#151f27;
    box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 14px 30px -14px rgba(0,0,0,.7); transition:transform .25s ease;}
.etwjp .lg-tile:hover{transform:translateY(-4px) scale(1.04);}
.etwjp .lg-tile img{width:100%; height:100%; object-fit:cover; display:block;}
@media (max-width:640px){
.etwjp .lg{padding:64px 0 70px;}
.etwjp .lg-head{margin-bottom:28px;}
.etwjp .lg-rows,.etwjp .lg-track{gap:12px;}
.etwjp .lg-tile{width:64px; height:64px; border-radius:16px;}
}
@media (prefers-reduced-motion:reduce){
.etwjp .lg-track{animation:none; flex-wrap:wrap; justify-content:center; width:auto; padding:6px 24px;}
.etwjp .lg-track li[aria-hidden="true"]{display:none;}
.etwjp .lg-rows{-webkit-mask-image:none; mask-image:none;}
}
.etwjp .bt{overflow:hidden; background:radial-gradient(900px 480px at 50% 30%, rgba(124,92,252,.16), transparent 70%), var(--ink); border-bottom:1px solid var(--line);}
.etwjp .bt .section-head{margin-bottom:40px;}
.etwjp .bt-shot{max-width:1500px; margin:0 auto; padding:0 20px;}
.etwjp .bt-shot img{width:100%; height:auto; display:block; border-radius:28px; box-shadow:0 40px 90px -30px rgba(0,0,0,.8);}
.etwjp .bt-points{list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:40px;}
.etwjp .bt-points li{padding-top:16px; border-top:1px solid var(--line);}
.etwjp .bt-points b{display:block; font:600 17px 'Sora',sans-serif; color:var(--text-light); letter-spacing:-.01em;}
.etwjp .bt-points span{display:block; margin-top:6px; font-size:14.5px; line-height:1.55; color:var(--muted-light);}
@media (max-width:720px){
.etwjp .bt-shot{padding:0 10px;}
.etwjp .bt-shot{overflow-x:auto; -webkit-overflow-scrolling:touch;}
.etwjp .bt-shot img{width:auto; max-width:none; height:600px;}
.etwjp .bt-points{grid-template-columns:1fr; gap:18px;}
}
.etwjp .rp{background:var(--ink);}
.etwjp .rp-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px;}
.etwjp .rp-card{position:relative; overflow:hidden; border-radius:22px; min-height:540px; padding:30px 30px 0; isolation:isolate;
    border:1px solid rgba(214,198,169,.14); box-shadow:0 30px 60px -30px rgba(0,0,0,.7);}
.etwjp .rp-card::before{content:''; position:absolute; inset:0; z-index:-1;
    background:
      linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px) 0 0/26px 26px,
      linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px) 0 0/26px 26px;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%); mask-image:linear-gradient(180deg,#000 0%,transparent 70%);}
.etwjp .rp-card.c1{background:linear-gradient(165deg,#1d7a6d 0%,#124a46 42%,#0c1c22 78%,#3d2c12 100%);}
.etwjp .rp-card.c2{background:linear-gradient(165deg,#246b63 0%,#173f45 40%,#101a24 72%,#5a3f15 100%);}
.etwjp .rp-card.c3{background:linear-gradient(165deg,#3a6f5c 0%,#1b3f3a 38%,#11191f 70%,#7a5419 100%);}
.etwjp .rp-top{display:flex; align-items:flex-start; justify-content:space-between; gap:18px;}
.etwjp .rp-card h3{font:700 clamp(22px,2.1vw,27px)/1.2 'Sora',sans-serif; letter-spacing:-.025em; color:#fff; max-width:12em;}
.etwjp .rp-card p{margin-top:14px; font-size:15.5px; line-height:1.55; color:#d3e3df; max-width:24em;}
.etwjp .rp-go{flex:none; width:38px; height:38px; display:grid; place-items:center; color:#fff; border-radius:50%; transition:color .2s, transform .25s;}
.etwjp .rp-go svg{width:36px; height:36px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;}
.etwjp .rp-go:hover{color:#e6c27f; transform:translateX(3px);}
.etwjp .rp-art{position:absolute; left:30px; right:0; bottom:0; height:300px;}
.etwjp .rp-img{position:absolute; display:block; height:auto; max-width:none; border-radius:14px; box-shadow:0 0 0 1px rgba(255,255,255,.1), 0 24px 50px -16px rgba(0,0,0,.75);
    transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.etwjp .i1{width:350px; left:0; top:46px;}
.etwjp .i2a{width:330px; left:0; top:28px;}
.etwjp .i2b{width:330px; left:70px; top:150px;}
.etwjp .i3{width:640px; left:0; top:44px;}
.etwjp .rp-card:hover .i1,.etwjp .rp-card:hover .i3{transform:translateY(-10px);}
.etwjp .rp-card:hover .i2a{transform:translate(-6px,-10px);}
.etwjp .rp-card:hover .i2b{transform:translate(6px,-14px);}
@media (max-width:1060px){
.etwjp .rp-grid{grid-template-columns:1fr; max-width:620px; margin:0 auto;}
.etwjp .rp-card{min-height:500px;}
.etwjp .i1{width:480px;}
.etwjp .i2a{width:380px;}
.etwjp .i2b{width:380px; left:120px; top:150px;}
.etwjp .i3{width:700px;}
}
@media (max-width:520px){
.etwjp .rp-card{padding:24px 22px 0; min-height:470px;}
.etwjp .rp-art{left:22px; height:270px;}
.etwjp .i1{width:330px;}
.etwjp .i2a{width:300px;}
.etwjp .i2b{width:300px; left:50px; top:140px;}
.etwjp .i3{width:600px;}
}
@media (prefers-reduced-motion:reduce){
.etwjp .rp-img{transition:none;}
.etwjp .rp-card:hover .rp-img{transform:none;}
}
.etwjp .pb .pb-head{max-width:760px;}
.etwjp .pb .pb-head h2{font-size:clamp(32px,5vw,58px); font-weight:800; letter-spacing:-.035em; line-height:1.08;}
.etwjp .pb-grad{background:linear-gradient(90deg,#246b63 0%,#3a9a88 40%,#c9924a 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.etwjp .pb-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.etwjp .pb-card{position:relative; overflow:hidden; isolation:isolate; border-radius:24px; min-height:520px; padding:32px 32px 0;
    background:radial-gradient(520px 320px at 85% 0%, rgba(214,180,119,.22), transparent 65%), linear-gradient(165deg,#3a2c86 0%,#22195a 40%,#120c2c 80%,#0b0a18 100%);
    box-shadow:0 30px 60px -28px rgba(30,20,70,.55);}
.etwjp .pb-card.k2{background:radial-gradient(520px 320px at 10% 0%, rgba(85,173,156,.25), transparent 65%), linear-gradient(165deg,#2c2a7e 0%,#1d1a55 40%,#110d2a 80%,#0b0a18 100%);}
.etwjp .pb-card.k3{background:radial-gradient(700px 360px at 0% 100%, rgba(214,180,119,.18), transparent 60%), radial-gradient(600px 360px at 100% 0%, rgba(85,173,156,.2), transparent 60%), linear-gradient(120deg,#2b2170 0%,#1a1446 50%,#0d0b1f 100%);}
.etwjp .pb-card::before{content:''; position:absolute; inset:0; z-index:-1;
    background:radial-gradient(circle at 1px 1px, rgba(255,255,255,.12) 1px, transparent 0) 0 0/22px 22px;
    -webkit-mask-image:linear-gradient(180deg,#000,transparent 60%); mask-image:linear-gradient(180deg,#000,transparent 60%);}
.etwjp .pb-top{display:flex; align-items:flex-start; justify-content:space-between; gap:18px;}
.etwjp .pb-card h3{font:700 clamp(22px,2.2vw,28px)/1.2 'Sora',sans-serif; letter-spacing:-.025em; color:#fff;}
.etwjp .pb-card p{margin-top:12px; font-size:15.5px; line-height:1.55; color:#cfc9ea; max-width:30em;}
.etwjp .pb-go{flex:none; width:38px; height:38px; display:grid; place-items:center; color:#fff; border-radius:50%; transition:color .2s, transform .25s;}
.etwjp .pb-go svg{width:36px; height:36px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;}
.etwjp .pb-go:hover{color:#e6c27f; transform:translateX(3px);}
.etwjp .pb-art{position:absolute; left:32px; right:0; bottom:0; height:310px;}
.etwjp .pb-img{position:absolute; display:block; max-width:none; height:auto; border-radius:16px 0 0 0; background:#0e0720;
    box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 30px 60px -18px rgba(0,0,0,.8); transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.etwjp .r1{width:720px; left:0; top:36px;}
.etwjp .r2{width:500px; left:0; top:4px;}
.etwjp .pb-card:hover .pb-img{transform:translateY(-10px);}
.etwjp .pb-card.wide{grid-column:1 / -1; min-height:460px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; padding-bottom:32px;}
.etwjp .pb-copy{align-self:center; max-width:480px;}
.etwjp .pb-tags{list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin-top:22px;}
.etwjp .pb-tags li{font-size:13px; font-weight:500; color:#efe9ff; padding:7px 12px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14);}
.etwjp .wide .pb-art{position:relative; left:auto; right:auto; height:auto; margin:0 -32px -32px 0; min-height:400px;}
.etwjp .r3{width:440px; right:40px; left:auto; top:8px; border-radius:16px 16px 0 0;}
@media (max-width:980px){
.etwjp .pb-grid{grid-template-columns:1fr; max-width:640px; margin:0 auto;}
.etwjp .pb-card.wide{grid-template-columns:1fr; padding-bottom:0;}
.etwjp .wide .pb-art{min-height:380px; margin:0 -32px 0 0;}
.etwjp .r3{width:420px; left:0; right:auto; top:0;}
}
@media (max-width:520px){
.etwjp .pb-card{padding:24px 22px 0; min-height:470px;}
.etwjp .pb-art{left:22px; height:280px;}
.etwjp .r1{width:560px;}
.etwjp .r2{width:400px;}
.etwjp .wide .pb-art{margin-right:-22px; min-height:330px;}
.etwjp .r3{width:330px;}
}
@media (prefers-reduced-motion:reduce){
.etwjp .pb-img{transition:none;}
.etwjp .pb-card:hover .pb-img{transform:none;}
}
.etwjp .cm{background:var(--ink);}
.etwjp .cm-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.etwjp .cm-card{position:relative; overflow:hidden; isolation:isolate; border-radius:24px; min-height:560px; padding:34px 34px 0; border:1px solid rgba(255,255,255,.08); box-shadow:0 30px 60px -28px rgba(0,0,0,.7);}
.etwjp .cm-card.u1{background:linear-gradient(140deg,#b57f2f 0%,#5c3f2a 22%,#1c1840 52%,#2a2378 78%,#4a3bc0 100%);}
.etwjp .cm-card.u2{background:linear-gradient(140deg,#251f6b 0%,#14112f 40%,#0f2a2a 70%,#2a8f7e 100%);}
.etwjp .cm-card::after{content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:radial-gradient(500px 260px at 20% 0%, rgba(255,255,255,.10), transparent 70%);}
.etwjp .cm-card h3{font:700 clamp(24px,2.4vw,30px)/1.2 'Sora',sans-serif; letter-spacing:-.025em; color:#fff;}
.etwjp .cm-card p{margin-top:14px; font-size:16px; line-height:1.55; color:#e3def3; max-width:30em;}
.etwjp .cm-art{position:absolute; left:34px; right:34px; bottom:0; top:230px;}
.etwjp .cm-img{position:absolute; display:block; max-width:none; height:auto; border-radius:14px;
    box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 30px 60px -18px rgba(0,0,0,.8); transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.etwjp .uni{width:125%; left:0; top:28px; border-radius:14px 0 0 0;}
.etwjp .chat{width:72%; right:-34px; top:165px; border-radius:16px 0 0 0; box-shadow:0 0 0 1px rgba(255,255,255,.18), 0 30px 70px -10px rgba(0,0,0,.9);}
.etwjp .cm-card:hover .uni{transform:translateY(-8px);}
.etwjp .cm-card:hover .chat{transform:translate(-8px,-14px);}
.etwjp .cm-chip{position:absolute; display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; font:600 13.5px 'Inter',sans-serif; color:#fff;
    background:rgba(18,14,40,.82); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); box-shadow:0 14px 30px -10px rgba(0,0,0,.7);}
.etwjp .cm-chip i{width:9px; height:9px; border-radius:50%; background:#ef4444; box-shadow:0 0 0 0 rgba(239,68,68,.6); animation:etwjp-cmPulse 1.8s infinite;}
.etwjp .c-live{left:-12px; top:0;}
.etwjp .c-screen{right:-20px; top:96px;}
@media (max-width:980px){
.etwjp .cm-grid{grid-template-columns:1fr; max-width:640px; margin:0 auto;}
}
@media (max-width:520px){
.etwjp .cm-card{padding:26px 22px 0; min-height:500px;}
.etwjp .cm-art{left:22px; right:22px; top:250px;}
.etwjp .chat{width:84%; right:-22px; top:110px;}
.etwjp .c-live{left:-6px;}
.etwjp .c-screen{right:-6px; top:auto; bottom:30px;}
}
@media (prefers-reduced-motion:reduce){
.etwjp .cm-img{transition:none;}
.etwjp .cm-card:hover .cm-img{transform:none;}
.etwjp .cm-chip i{animation:none;}
}
.etwjp .sr-only{position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.etwjp .au{background:var(--ink);}
.etwjp .au-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px;}
.etwjp .au-card{position:relative; overflow:hidden; isolation:isolate; border-radius:22px; min-height:500px; padding:30px 30px 0;
    border:1px solid rgba(255,255,255,.08); box-shadow:0 30px 60px -28px rgba(0,0,0,.7);}
.etwjp .au-card.a1{background:radial-gradient(420px 300px at 0% 0%, rgba(214,180,119,.55), transparent 70%), linear-gradient(150deg,#6a4a24 0%,#2b2160 45%,#3d2fb4 100%);}
.etwjp .au-card.a2{background:radial-gradient(380px 300px at 100% 0%, rgba(85,173,156,.45), transparent 70%), linear-gradient(150deg,#4b3bd6 0%,#231c5e 50%,#123b39 100%);}
.etwjp .au-card.a3{background:radial-gradient(420px 300px at 0% 0%, rgba(124,92,252,.55), transparent 70%), linear-gradient(150deg,#2f2799 0%,#16142f 50%,#1f6b62 100%);}
.etwjp .au-card h3{font:700 clamp(22px,2.1vw,26px)/1.2 'Sora',sans-serif; letter-spacing:-.025em; color:#fff;}
.etwjp .au-card > p:not(.sr-only){margin-top:12px; font-size:15px; line-height:1.55; color:#e7e2f6; font-weight:500; max-width:24em;}
.etwjp .au-art{position:absolute; left:0; right:0; bottom:0; top:210px;}
.etwjp .au-orb{position:absolute; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:#fff;
    box-shadow:0 0 0 3px rgba(255,255,255,.18), 0 14px 30px -8px rgba(0,0,0,.6); animation:etwjp-auFloat 6s ease-in-out infinite;}
.etwjp .au-orb img{width:100%; height:100%; object-fit:cover; display:block;}
.etwjp .au-orb.tl{background:#000;}
.etwjp .au-orb.tl svg{width:70%; height:70%;}
.etwjp .au-orb.dx{background:#1b1d46; line-height:1; text-align:center;}
.etwjp .au-orb.dx b{display:block; font:900 17px/1 'Sora',sans-serif; letter-spacing:-.04em; background:linear-gradient(90deg,#2ec4a6,#2b7fd1); -webkit-background-clip:text; background-clip:text; color:transparent;}
.etwjp .au-orb.dx small{display:block; margin-top:2px; font:500 10px/1 'Inter',sans-serif; color:#fff;}
.etwjp .o1{width:70px; height:70px; left:22px; top:12px;}
.etwjp .o2{width:58px; height:58px; right:30px; top:0; animation-delay:-1.5s;}
.etwjp .o3{width:52px; height:52px; left:46%; top:-6px; animation-delay:-3s;}
.etwjp .o4{width:62px; height:62px; left:14px; bottom:44px; animation-delay:-2.2s;}
.etwjp .o5{width:56px; height:56px; right:24px; top:96px; animation-delay:-4s;}
.etwjp .au-btn{position:absolute; padding:16px 24px; border-radius:12px; font:600 22px/1 'Inter',sans-serif; letter-spacing:.02em; color:#fff;
    background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.24); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0 18px 40px -16px rgba(0,0,0,.6);}
.etwjp .b1{left:84px; top:92px; text-transform:uppercase;}
.etwjp .b2{left:104px; top:172px;}
.etwjp .au-ok{position:absolute; left:22px; right:22px; bottom:20px; padding:10px 12px; border-radius:10px; font:600 12.5px/1.3 'Inter',sans-serif; color:#4ade80;
    background:rgba(9,30,24,.85); border:1px solid rgba(74,222,128,.35);}
.etwjp .au-img{position:absolute; display:block; max-width:none; height:auto; border-radius:14px; box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 26px 50px -16px rgba(0,0,0,.8); transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.etwjp .accts{width:300px; right:-16px; top:0; border-radius:14px 14px 0 0;}
.etwjp .acmenu{width:196px; left:20px; top:56px; z-index:2; border-radius:12px; box-shadow:0 0 0 1px rgba(255,255,255,.18), 0 30px 60px -14px rgba(0,0,0,.85);}
.etwjp .au-card:hover .accts{transform:translateY(-10px);}
.etwjp .au-card:hover .acmenu{transform:translate(-6px,-14px);}
.etwjp .stats{width:340px; left:30px; top:0;}
.etwjp .rates{width:360px; left:60px; top:150px;}
.etwjp .au-card:hover .stats{transform:translateY(-8px);}
.etwjp .au-card:hover .rates{transform:translate(-8px,-12px);}
@media (max-width:1060px){
.etwjp .au-grid{grid-template-columns:1fr; max-width:520px; margin:0 auto;}
.etwjp .au-card{min-height:480px;}
.etwjp .au-art{top:190px;}
.etwjp .au-card.a1{min-height:570px;}
.etwjp .a1 .au-art{top:235px;}
.etwjp .acmenu{top:84px;}
}
@media (max-width:420px){
.etwjp .au-card{padding:24px 22px 0;}
.etwjp .b1{left:70px;}
.etwjp .b2{left:84px;}
.etwjp .au-btn{font-size:19px; padding:14px 20px;}
.etwjp .stats{width:300px; left:22px;}
.etwjp .rates{width:320px; left:40px;}
.etwjp .accts{width:270px;}
.etwjp .acmenu{width:176px; left:14px;}
}
@media (prefers-reduced-motion:reduce){
.etwjp .au-orb{animation:none;}
.etwjp .au-img{transition:none;}
.etwjp .au-card:hover .au-img{transform:none;}
}
.etwjp .pf{padding:40px 0 110px; background:var(--ink);}
.etwjp .pf-box{position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:40px; align-items:center;
    padding:64px 0 64px 56px; border-radius:28px; border:1px solid rgba(214,198,169,.14);
    background:radial-gradient(700px 500px at 100% 50%, rgba(124,92,252,.22), transparent 65%), radial-gradient(500px 400px at 0% 0%, rgba(214,180,119,.10), transparent 60%), #0f1820;}
.etwjp .pf .eyebrow-alt{color:#d6b477;}
.etwjp .pf h2{font:700 clamp(30px,3.6vw,46px)/1.12 'Sora',sans-serif; letter-spacing:-.03em; color:var(--text-light);}
.etwjp .pf-lead{margin-top:20px; font-size:16.5px; line-height:1.6; color:var(--muted-light); max-width:32em;}
.etwjp .pf-list{list-style:none; margin-top:24px; display:grid; gap:12px;}
.etwjp .pf-list li{position:relative; padding-left:20px; font-size:15px; color:#d9dee0;}
.etwjp .pf-list li::before{content:''; position:absolute; left:0; top:.5em; width:7px; height:7px; border-radius:50%; background:#d6b477;}
.etwjp .pf-list li:nth-child(even)::before{background:#55ad9c;}
.etwjp .pf-more{display:inline-flex; gap:8px; margin-top:30px; padding-bottom:6px; font-weight:600; color:var(--text-light); border-bottom:1px solid rgba(214,198,169,.4); transition:gap .2s, border-color .2s;}
.etwjp .pf-more:hover{gap:12px; border-color:#d6b477;}
.etwjp .pf-art{position:relative; height:540px;}
.etwjp .pf-img{position:absolute; display:block; max-width:none; height:auto; border-radius:14px;
    box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 30px 60px -18px rgba(0,0,0,.8); transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.etwjp .p-dash{width:620px; left:40px; top:0; border-radius:14px 0 0 14px;}
.etwjp .p-acct{width:360px; left:0; top:170px; z-index:2;}
.etwjp .p-chart{width:470px; left:250px; top:418px; z-index:3;}
.etwjp .pf-box:hover .p-acct{transform:translateY(-10px);}
.etwjp .pf-box:hover .p-chart{transform:translate(-6px,-6px);}
@media (max-width:980px){
.etwjp .pf-box{grid-template-columns:1fr; padding:44px 0 0 28px;}
.etwjp .pf-copy{padding-right:28px;}
.etwjp .pf-art{height:500px;}
}
@media (max-width:520px){
.etwjp .pf{padding:20px 0 76px;}
.etwjp .pf-box{padding:34px 0 0 20px; border-radius:22px;}
.etwjp .pf-copy{padding-right:20px;}
.etwjp .pf-art{height:420px;}
.etwjp .p-dash{width:480px; left:20px;}
.etwjp .p-acct{width:280px; top:140px;}
.etwjp .p-chart{width:330px; left:110px; top:330px;}
}
@media (prefers-reduced-motion:reduce){
.etwjp .pf-img{transition:none;}
.etwjp .pf-box:hover .pf-img{transform:none;}
}
.etwjp .rp2{padding-top:0;}
.etwjp .tr-box{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); padding:64px 56px 64px 0;
    background:radial-gradient(700px 500px at 0% 50%, rgba(85,173,156,.2), transparent 65%), radial-gradient(500px 400px at 100% 0%, rgba(124,92,252,.14), transparent 60%), #0f1820;}
.etwjp .tr-box .eyebrow-alt{color:#7fc4b6;}
.etwjp .tr-box .pf-list li::before{background:#55ad9c;}
.etwjp .tr-box .pf-list li:nth-child(even)::before{background:#9B6BFF;}
.etwjp .t-chart{width:680px; right:0; top:40px; border-radius:0 14px 14px 0;}
.etwjp .tr-art{height:470px;}
.etwjp .pf-actions{display:flex; align-items:center; gap:14px 22px; flex-wrap:wrap; margin-top:30px;}
.etwjp .pf-actions .pf-more{margin-top:0;}
.etwjp #trade-replay .tr-art{position:relative; height:auto !important; aspect-ratio:1 / .74; margin:0 0 0 32px;}
.etwjp #trade-replay .t-chart{position:absolute !important; left:4% !important; right:auto !important; top:0 !important; width:92% !important; height:auto; border-radius:16px !important; transform:none !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.10), 0 34px 70px -24px rgba(0,0,0,.85);}
.etwjp #trade-replay .tr-layer{position:absolute; display:block; height:auto; border-radius:16px; background:#fff;
    box-shadow:0 0 0 1px rgba(255,255,255,.55), 0 30px 60px -18px rgba(0,0,0,.75), 0 10px 24px -10px rgba(0,0,0,.5); transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.etwjp #trade-replay .tr-modes{width:47%; left:-2%; top:55%; z-index:2;}
.etwjp #trade-replay .tr-pick{width:26%; right:-1%; top:24%; z-index:3;}
.etwjp #trade-replay .tr-box:hover .tr-modes{transform:translate(-4px,-8px);}
.etwjp #trade-replay .tr-box:hover .tr-pick{transform:translate(4px,-10px);}
@media (prefers-reduced-motion: reduce){
.etwjp #trade-replay .tr-layer{transition:none;}
}
@media (max-width:980px){
.etwjp #trade-replay .tr-art{margin:0 0 30px 28px;}
.etwjp #trade-replay .tr-modes{left:-2%;}
}
@media (max-width:520px){
.etwjp #trade-replay .tr-art{margin:0 0 22px 20px; aspect-ratio:1 / .78;}
.etwjp #trade-replay .tr-layer{border-radius:10px;}
.etwjp #trade-replay .t-chart{border-radius:10px !important;}
.etwjp #trade-replay .tr-pick{width:30%;}
.etwjp #trade-replay .tr-modes{width:52%;}
}
@media (max-width:980px){
.etwjp .tr-box{grid-template-columns:1fr; padding:44px 28px 0 0;}
.etwjp .tr-box .pf-copy{order:-1; padding:0 0 0 28px;}
.etwjp .tr-art{height:440px;}
.etwjp .t-chart{width:640px; right:0; top:20px;}
}
@media (max-width:520px){
.etwjp .tr-box{padding:34px 20px 0 0;}
.etwjp .tr-box .pf-copy{padding-left:20px;}
.etwjp .tr-art{height:360px;}
.etwjp .t-chart{width:520px; top:10px;}
}
.etwjp{scroll-padding-top:84px;}
.etwjp .hub{padding:72px 0 64px; text-align:center; background:var(--ink); border-top:1px solid var(--line);}
.etwjp .hub-eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:500; color:var(--muted-light);}
.etwjp .hub-eyebrow::before{content:''; width:6px; height:6px; border-radius:50%; background:#d6b477;}
.etwjp .hub h2{margin-top:14px; font:800 clamp(32px,5vw,58px)/1.08 'Sora',sans-serif; letter-spacing:-.035em; color:var(--text-light);}
.etwjp .hub-grad{background:linear-gradient(90deg,#55ad9c 0%,#7fc4b6 35%,#d6b477 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.etwjp .hub-sub{margin:18px auto 0; max-width:560px; font-size:16.5px; line-height:1.55; color:var(--muted-light);}
.etwjp .hub-pills{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:38px;}
.etwjp .hub-pill{display:inline-flex; align-items:center; gap:10px; padding:7px 18px 7px 7px; border-radius:999px; font-size:15px; font-weight:500; color:var(--text-light);
    background:rgba(255,255,255,.035); border:1px solid rgba(214,198,169,.16); transition:border-color .2s, background .2s, transform .2s, box-shadow .2s;}
.etwjp .hub-ic{width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.07); color:#c9d3d6; transition:background .2s, color .2s;}
.etwjp .hub-ic svg{width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.etwjp .hub-pill:hover{border-color:rgba(85,173,156,.55); background:rgba(36,107,99,.16); transform:translateY(-2px);}
.etwjp .hub-pill.on{border-color:rgba(85,173,156,.8); background:rgba(36,107,99,.22); box-shadow:0 8px 24px -10px rgba(85,173,156,.6);}
.etwjp .hub-pill.on .hub-ic,.etwjp .hub-pill:hover .hub-ic{background:linear-gradient(135deg,#246b63,#c9924a); color:#fff;}
@media (max-width:640px){
.etwjp .hub{padding:56px 0 48px;}
.etwjp .hub-pills{flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; margin:30px -24px 0; padding:4px 24px 10px; scrollbar-width:none; -webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent); mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);}
.etwjp .hub-pills::-webkit-scrollbar{display:none;}
.etwjp .hub-pill{flex:0 0 auto; font-size:14px;}
}
.etwjp .ai2{padding-top:0;}
.etwjp .ai-box{padding-right:40px; background:radial-gradient(700px 500px at 100% 40%, rgba(233,79,166,.14), transparent 65%), radial-gradient(600px 400px at 70% 100%, rgba(124,92,252,.22), transparent 60%), #0f1820;}
.etwjp .ai-box .eyebrow-alt{color:#e7a35b;}
.etwjp .ai-box .pf-list li::before{background:#e7a35b;}
.etwjp .ai-box .pf-list li:nth-child(even)::before{background:#b98cff;}
.etwjp .ai-art{height:560px;}
@media (max-width:980px){
.etwjp .ai-box{padding-right:28px;}
.etwjp .ai-art{height:560px; max-width:500px;}
}
@media (max-width:520px){
.etwjp .ai-box{padding-right:20px;}
.etwjp .ai-art{height:500px;}
}
.etwjp .ec2{padding-top:0;}
.etwjp .ec-box{background:radial-gradient(700px 500px at 0% 50%, rgba(240,87,122,.14), transparent 65%), radial-gradient(500px 400px at 40% 100%, rgba(74,222,128,.12), transparent 60%), #0f1820;}
.etwjp .ec-box .eyebrow-alt{color:#f08a9f;}
.etwjp .ec-box .pf-list li::before{background:#ef4444;}
.etwjp .ec-box .pf-list li:nth-child(even)::before{background:#f5b24d;}
.etwjp .ec-art{height:500px;}
.etwjp .e-week{width:560px; left:0; top:0;}
.etwjp .e-filt{width:470px; left:80px; top:340px; z-index:2;}
.etwjp .ec-next{position:absolute; white-space:nowrap; left:24px; top:282px; z-index:3; display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px;
    font:600 13px 'Inter',sans-serif; color:#d1fae5; background:rgba(8,40,30,.92); border:1px solid rgba(74,222,128,.45); box-shadow:0 14px 30px -10px rgba(0,0,0,.7);}
.etwjp .ec-next i{width:0; height:0; border-left:8px solid #4ade80; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.etwjp .ec-box:hover .e-filt{transform:translateY(-10px);}
@media (max-width:980px){
.etwjp .ec-art{height:440px;}
.etwjp .e-week{width:600px; right:auto; left:28px;}
.etwjp .e-filt{width:460px; right:auto; left:90px; top:330px;}
.etwjp .ec-next{left:40px; top:270px;}
}
@media (max-width:520px){
.etwjp .ec-art{height:330px;}
.etwjp .e-week{width:430px; left:20px;}
.etwjp .e-filt{width:330px; left:40px; top:240px;}
.etwjp .ec-next{left:20px; top:186px; font-size:11px; padding:8px 11px;}
}
.etwjp .how-visual{border:0 !important; background:none !important; box-shadow:none !important; overflow:visible !important; max-width:1080px; margin-bottom:46px;}
.etwjp .how-visual::after{display:none !important;}
.etwjp .how-visual img{width:100%; height:auto !important; max-height:none !important; min-height:0 !important; object-fit:contain !important; opacity:1 !important; border-radius:0 !important; filter:drop-shadow(0 30px 50px rgba(0,0,0,.45));}
.etwjp .how-visual-caption{position:static !important; display:table !important; margin:26px auto 0 !important; padding:9px 16px !important; border-radius:999px !important; border:1.5px solid rgba(214,180,119,.45) !important; background:rgba(214,180,119,.08) !important; color:#e9d7b0 !important; font:600 12px 'IBM Plex Mono',monospace !important; letter-spacing:.08em;}
.etwjp .cm-img.framed{width:100% !important; left:0 !important; right:auto !important; top:26px !important; border-radius:0 !important; box-shadow:none !important; filter:drop-shadow(0 26px 40px rgba(0,0,0,.55));}
.etwjp .cm-card:hover .cm-img.framed{transform:translateY(-8px);}
.etwjp .cm-card{min-height:600px;}
.etwjp .c-live{left:-14px; top:-6px; z-index:2;}
.etwjp .c-screen{right:-14px !important; top:auto !important; bottom:70px; z-index:2;}
@media (max-width:520px){
.etwjp .cm-card{min-height:520px;}
.etwjp .c-screen{bottom:40px;}
}
.etwjp .db{background:var(--ink);}
.etwjp .db-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px;}
.etwjp .db-card,.etwjp .nb-card{position:relative; overflow:hidden; isolation:isolate; border-radius:22px; min-height:560px; padding:30px 30px 0;
    border:1px solid rgba(214,198,169,.14); box-shadow:0 30px 60px -30px rgba(0,0,0,.7);}
.etwjp .db-card::before,.etwjp .nb-card::before{content:''; position:absolute; inset:0; z-index:-1;
    background:radial-gradient(circle at 1px 1px, rgba(255,255,255,.11) 1px, transparent 0) 0 0/22px 22px;
    -webkit-mask-image:linear-gradient(180deg,#000,transparent 60%); mask-image:linear-gradient(180deg,#000,transparent 60%);}
.etwjp .db-card.d1{background:radial-gradient(460px 300px at 0% 0%, rgba(124,92,252,.5), transparent 70%), linear-gradient(160deg,#3a2c96 0%,#1d1858 45%,#0f0d22 100%);}
.etwjp .db-card.d2{background:radial-gradient(460px 300px at 100% 0%, rgba(85,173,156,.42), transparent 70%), linear-gradient(160deg,#1f6b62 0%,#173f45 45%,#0e1820 100%);}
.etwjp .db-card.d3{background:radial-gradient(460px 300px at 0% 0%, rgba(74,222,128,.28), transparent 70%), linear-gradient(160deg,#1d7a6d 0%,#124a46 45%,#0c1c22 85%,#3d2c12 100%);}
.etwjp .db-card.d4{background:radial-gradient(460px 300px at 100% 0%, rgba(214,180,119,.42), transparent 70%), linear-gradient(160deg,#6a4a24 0%,#2b2160 50%,#14112c 100%);}
.etwjp .db-top,.etwjp .nb-top{display:flex; align-items:flex-start; justify-content:space-between; gap:18px;}
.etwjp .db-card h3,.etwjp .nb-card h3{font:700 clamp(22px,2.1vw,27px)/1.2 'Sora',sans-serif; letter-spacing:-.025em; color:#fff;}
.etwjp .db-card p,.etwjp .nb-card p{margin-top:12px; font-size:15.5px; line-height:1.55; color:#dcd8ee; max-width:30em;}
.etwjp .db-go,.etwjp .nb-go{flex:none; width:38px; height:38px; display:grid; place-items:center; color:#fff; border-radius:50%; transition:color .2s, transform .25s;}
.etwjp .db-go svg,.etwjp .nb-go svg{width:36px; height:36px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;}
.etwjp .db-go:hover,.etwjp .nb-go:hover{color:#e6c27f; transform:translateX(3px);}
.etwjp .db-art,.etwjp .nb-art{position:absolute; left:30px; right:0; bottom:0; height:340px;}
.etwjp .db-img,.etwjp .nb-img{position:absolute; display:block; max-width:none; height:auto; border-radius:14px; background:#fff;
    box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 30px 60px -18px rgba(0,0,0,.8); transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.etwjp .s1{width:330px; left:50%; margin-left:-180px; top:14px;}
.etwjp .s2{width:470px; right:-10px; top:20px; border-radius:14px 0 0 0;}
.etwjp .s3{width:330px; left:50%; margin-left:-180px; top:22px;}
.etwjp .s4a{width:440px; left:0; top:20px;}
.etwjp .s4b{width:380px; right:-24px; top:190px;}
.etwjp .db-card:hover .s1,.etwjp .db-card:hover .s2,.etwjp .db-card:hover .s3{transform:translateY(-10px);}
.etwjp .db-card:hover .s4a{transform:translate(-6px,-10px);}
.etwjp .db-card:hover .s4b{transform:translate(6px,-14px);}
.etwjp .rp-card.c4{background:linear-gradient(165deg,#3b2f8f 0%,#211b5a 40%,#10101f 75%,#3d2c12 100%);}
.etwjp .rp-card.c5{background:linear-gradient(165deg,#246b63 0%,#173f45 40%,#101a24 72%,#3b2f8f 100%);}
.etwjp .rp-card.c6{background:linear-gradient(165deg,#6a4a24 0%,#3a2c86 45%,#120c2c 85%,#0b0a18 100%);}
.etwjp .i4,.etwjp .i5{width:620px; left:0; top:40px; border-radius:14px 0 0 0;}
.etwjp .i6{width:300px; left:50%; margin-left:-165px; top:24px; border-radius:16px 16px 0 0;}
.etwjp .rp-card:hover .i4,.etwjp .rp-card:hover .i5,.etwjp .rp-card:hover .i6{transform:translateY(-10px);}
.etwjp .pb-card.k4{background:radial-gradient(700px 360px at 100% 100%, rgba(214,180,119,.2), transparent 60%), radial-gradient(600px 360px at 0% 0%, rgba(85,173,156,.22), transparent 60%), linear-gradient(120deg,#1d1a55 0%,#1a1446 50%,#0d0b1f 100%);}
.etwjp .k4 .pb-img{background:#fff; border-radius:14px;}
.etwjp .r4a{width:620px; left:0; top:30px;}
.etwjp .r4b{width:520px; left:120px; top:240px;}
.etwjp .pb-card.k4:hover .r4a{transform:translate(-6px,-10px);}
.etwjp .pb-card.k4:hover .r4b{transform:translate(6px,-14px);}
.etwjp .nb{background:var(--ink);}
.etwjp .nb-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px;}
.etwjp .nb-card.n1{grid-column:span 2; background:radial-gradient(520px 320px at 0% 0%, rgba(59,130,246,.38), transparent 70%), linear-gradient(160deg,#25407a 0%,#1d1858 45%,#0f0d22 100%);}
.etwjp .nb-card.n2{background:radial-gradient(420px 300px at 100% 0%, rgba(74,222,128,.32), transparent 70%), linear-gradient(160deg,#1d7a6d 0%,#124a46 45%,#0c1c22 100%);}
.etwjp .nb-card.n3{background:radial-gradient(700px 360px at 0% 100%, rgba(214,180,119,.22), transparent 60%), linear-gradient(120deg,#2b2170 0%,#1a1446 50%,#0d0b1f 100%);}
.etwjp .m1{width:760px; left:0; top:24px; border-radius:14px 0 0 0;}
.etwjp .m2{width:330px; left:50%; margin-left:-180px; top:20px;}
.etwjp .nb-card.wide{grid-column:1 / -1; min-height:460px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); gap:32px; padding-bottom:32px;}
.etwjp .nb-copy{align-self:center; max-width:460px;}
.etwjp .wide .nb-art{position:relative; left:auto; right:auto; height:auto; margin:0 -30px -32px 0; min-height:400px;}
.etwjp .m3{width:760px; left:0; top:20px; border-radius:14px 0 0 0;}
.etwjp .nb-card:hover .nb-img{transform:translateY(-10px);}
.etwjp .hv-frame{border-radius:18px; overflow:hidden; background:#0f0d22; border:1px solid rgba(214,180,119,.35);
    box-shadow:0 40px 80px -30px rgba(0,0,0,.75), 0 0 0 10px rgba(36,107,99,.12);}
.etwjp .hv-bar{display:flex; align-items:center; gap:7px; padding:11px 14px; background:#17132f; border-bottom:1px solid rgba(255,255,255,.08);}
.etwjp .hv-bar > span{margin-left:4px; font:500 12px 'IBM Plex Mono',monospace; color:#a9a3cc; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.etwjp .hv-toggle{margin-left:auto; display:flex; padding:3px; border-radius:999px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1);}
.etwjp .hv-toggle button{font:600 12px 'Inter',sans-serif; color:#cfc9ea; background:none; border:0; padding:5px 13px; border-radius:999px; cursor:pointer; transition:background .25s,color .25s;}
.etwjp .hv-toggle button[aria-pressed="true"]{background:#7c5cfc; color:#fff;}
.etwjp .hv-shot{position:relative; aspect-ratio:1356/744; background:#fff;}
.etwjp .how-visual .hv-shot img{position:absolute; inset:0; width:100%; height:100% !important; object-fit:cover !important; object-position:top left; filter:none !important; transition:opacity .6s ease;}
.etwjp .how-visual .hv-frame[data-theme="light"] .hv-dark,.etwjp .how-visual .hv-frame[data-theme="dark"] .hv-light{opacity:0 !important;}
@media (max-width:1060px){
.etwjp .db-grid,.etwjp .nb-grid{grid-template-columns:1fr; max-width:640px; margin:0 auto;}
.etwjp .nb-card.n1{grid-column:auto;}
.etwjp .nb-card.wide{grid-template-columns:1fr; padding-bottom:0;}
.etwjp .wide .nb-art{min-height:360px; margin:0 -30px 0 0;}
}
@media (max-width:720px){
.etwjp .db-card,.etwjp .nb-card{padding:24px 22px 0; min-height:500px;}
.etwjp .db-art,.etwjp .nb-art{left:22px; height:300px;}
.etwjp .wide .nb-art{margin-right:-22px; min-height:300px;}
.etwjp .s1{width:290px; margin-left:-156px;}
.etwjp .s2{width:380px;}
.etwjp .s3{width:270px; margin-left:-146px;}
.etwjp .s4a{width:360px;}
.etwjp .s4b{width:300px; top:170px;}
.etwjp .i6{width:260px; margin-left:-140px;}
.etwjp .m1,.etwjp .m3{width:600px;}
.etwjp .m2{width:280px; margin-left:-150px;}
.etwjp .r4a{width:520px;}
.etwjp .r4b{width:420px; left:60px; top:200px;}
.etwjp .hv-bar > span{display:none;}
}
@media (prefers-reduced-motion:reduce){
.etwjp .db-img,.etwjp .nb-img{transition:none;}
.etwjp .db-card:hover .db-img,.etwjp .nb-card:hover .nb-img{transform:none;}
.etwjp .how-visual .hv-shot img{transition:none;}
}
.etwjp .ai-art{height:auto !important; display:flex; justify-content:center; min-width:0;}
.etwjp .ai-box > .pf-copy{min-width:0;}
.etwjp .aix-label{margin-top:26px; font:600 11.5px/1 'IBM Plex Mono',monospace; letter-spacing:.12em; text-transform:uppercase; color:#e7a35b;}
.etwjp .aix-qs{display:grid; gap:8px; margin-top:12px; max-width:440px;}
.etwjp .aix-q{position:relative; overflow:hidden; display:flex; align-items:center; gap:12px; width:100%; text-align:left; padding:11px 14px; border-radius:14px; cursor:pointer;
    font:500 14.5px/1.35 'Inter',sans-serif; color:#cfd6d8; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08); transition:background .25s,border-color .25s,color .25s,transform .25s;}
.etwjp .aix-q:hover{background:rgba(255,255,255,.07); color:#fff;}
.etwjp .aix-q.on{color:#fff; background:linear-gradient(100deg,rgba(124,92,252,.28),rgba(233,79,166,.12)); border-color:rgba(185,140,255,.55);}
.etwjp .aix-q:focus-visible{outline:2px solid #b98cff; outline-offset:2px;}
.etwjp .aix-ic{flex:none; width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:rgba(255,255,255,.07); transition:background .25s;}
.etwjp .aix-q.on .aix-ic{background:linear-gradient(135deg,#7c5cfc,#c44fa6);}
.etwjp .aix-ic svg{width:15px; height:15px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.etwjp .aix-bar{position:absolute; left:0; bottom:0; height:2px; width:0; background:linear-gradient(90deg,#b98cff,#e7a35b);}
.etwjp .aix-q.on .aix-bar{animation:etwjp-aixbar var(--aix-dur,6s) linear forwards;}
.etwjp .aix-paused .aix-q.on .aix-bar{animation-play-state:paused;}
.etwjp .aix-stage{position:relative; width:100%; max-width:440px; padding:14px 0 6px;}
.etwjp .aix-ghost{position:absolute; left:8%; right:8%; top:30px; bottom:60px; border-radius:22px; background:rgba(185,140,255,.12); border:1px solid rgba(185,140,255,.2);}
.etwjp .aix-ghost.g1{transform:rotate(-5deg) translateX(-26px);}
.etwjp .aix-ghost.g2{transform:rotate(4deg) translateX(26px); background:rgba(231,163,91,.08); border-color:rgba(231,163,91,.18);}
.etwjp .aix-frame{position:relative; aspect-ratio:465/568; padding:6px; border-radius:22px; background:linear-gradient(140deg,rgba(185,140,255,.7),rgba(233,79,166,.4) 55%,rgba(231,163,91,.45));
    box-shadow:0 40px 80px -24px rgba(0,0,0,.85),0 0 80px -20px rgba(124,92,252,.55);}
.etwjp .aix-p{position:absolute; inset:6px; margin:0; border-radius:17px; overflow:hidden; background:#fff; opacity:0; transform:translateY(14px) scale(.985);
    transition:opacity .45s ease, transform .55s cubic-bezier(.2,.8,.2,1); pointer-events:none;}
.etwjp .aix-p.on{opacity:1; transform:none; pointer-events:auto;}
.etwjp .aix-p img{display:block; width:100%; height:100%; object-fit:cover; object-position:top center;}
.etwjp .aix-p figcaption{display:none; position:absolute; left:14px; bottom:14px; display:inline-flex; align-items:center; gap:7px; padding:6px 11px; border-radius:999px;
    font:600 11px/1 'IBM Plex Mono',monospace; letter-spacing:.06em; text-transform:uppercase; color:#fff; background:rgba(42,29,85,.92); border:1px solid rgba(185,140,255,.5);}
.etwjp .aix-p figcaption i{width:6px; height:6px; border-radius:50%; background:#e7a35b;}
.etwjp .aix-foot{display:flex; justify-content:space-between; align-items:center; margin-top:16px; padding:0 6px; font-size:13px; color:#aab4b7;}
.etwjp .aix-live{display:inline-flex; align-items:center; gap:8px;}
.etwjp .aix-live i{width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.18);}
.etwjp .aix-count{flex:none; white-space:nowrap; font:600 12px 'IBM Plex Mono',monospace; color:#d6c3ff;}
@media (max-width:980px){
.etwjp .ai-art{max-width:none !important; padding:10px 28px 40px 0;}
.etwjp .aix-qs{max-width:none; display:flex; overflow-x:auto; gap:8px; padding-bottom:6px; scrollbar-width:none; -webkit-overflow-scrolling:touch;}
.etwjp .aix-qs::-webkit-scrollbar{display:none;}
.etwjp .aix-q{flex:none; width:auto; white-space:nowrap;}
}
@media (max-width:520px){
.etwjp .ai-art{padding-right:20px;}
.etwjp .aix-ghost{display:none;}
}
@media (prefers-reduced-motion:reduce){
.etwjp .aix-p{transition:none;}
.etwjp .aix-q.on .aix-bar{animation:none; width:100%;}
}
.etwjp{--soil:#0E1411; --soil-2:#121A16; --soil-3:#18231E;
  --moss:#2F7D6B; --moss-2:#3E9580; --lichen:#A3CDBB;
  --wheat:#E4C690; --wheat-2:#C9A464; --bone:#EFE9DE; --stone:#A3ACA5;
  --mist:#E8ECE5; --ink-green:#16211B; --ink-green-2:#55625A;
  
  --ink:var(--soil); --ink-2:var(--soil-2); --surface:var(--soil-3); --surface-2:#1C2822;
  --violet:var(--moss); --violet-2:var(--lichen); --magenta:var(--wheat); --amber:var(--wheat);
  --cream:var(--mist); --cream-2:#DFE5DC; --text-dark:var(--ink-green); --muted-dark:var(--ink-green-2);
  --text-light:var(--bone); --muted-light:var(--stone);
  --line:rgba(227,214,190,.12);
  --grad:linear-gradient(135deg,#2F7D6B,#3E9580);
  --grad-soft:rgba(47,125,107,.12);
  --radius:26px;
  --shadow:0 28px 60px -30px rgba(0,0,0,.7);
  --grove-serif:'Sora', 'Inter', sans-serif;
  --grove-sans:'Inter', system-ui, sans-serif;}
.etwjp{font-family:var(--grove-sans); background:var(--soil); color:var(--bone); font-size:16px;}
.etwjp::after{content:''; position:fixed; inset:0; z-index:2147483000; pointer-events:none; opacity:.07; mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.etwjp h1,.etwjp h2,.etwjp h3{font-family:var(--grove-serif) !important;
  
  letter-spacing:-.03em !important;}
.etwjp h1,.etwjp h2{font-weight:700 !important;}
.etwjp h3{font-weight:600 !important; letter-spacing:-.02em !important;}
.etwjp p,.etwjp li{text-wrap:pretty;}
.etwjp h1,.etwjp h2{text-wrap:balance;}
.etwjp ::selection{background:rgba(228,198,144,.35); color:#fff;}
.etwjp .grad-text,.etwjp .hub-grad,.etwjp .pb-grad{background:none !important; -webkit-text-fill-color:currentColor !important; color:inherit !important;
  font-style:normal; font-weight:inherit;}
.etwjp .eyebrow-alt,.etwjp .hub-eyebrow{display:inline-flex !important; align-items:center; gap:9px;
  font:600 14px/1.2 var(--grove-sans) !important;
  letter-spacing:0 !important; text-transform:none !important; color:var(--wheat) !important; margin-bottom:16px;}
.etwjp .eyebrow-alt::before,.etwjp .hub-eyebrow::before{content:''; width:15px; height:15px; flex:none; background:currentColor; opacity:.9;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c0-6 0-9 0-11M12 13C12 8 8 5 3 5c0 5 4 8 9 8Zm0-2c0-4 3-7 9-7 0 5-4 7-9 7Z' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c0-6 0-9 0-11M12 13C12 8 8 5 3 5c0 5 4 8 9 8Zm0-2c0-4 3-7 9-7 0 5-4 7-9 7Z' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;}
.etwjp .hub-eyebrow::after{display:none !important;}
.etwjp .light .eyebrow-alt{color:#8A6A2E !important;}
.etwjp .section-head h2,.etwjp .pf h2,.etwjp .hub h2{font-size:clamp(32px,4.2vw,54px) !important; line-height:1.06 !important;}
.etwjp .section-head p,.etwjp .hub-sub,.etwjp .pf-lead{font-size:17px !important; line-height:1.65 !important; color:var(--stone);}
.etwjp .light .section-head p{color:var(--ink-green-2);}
.etwjp .section-head.center p,.etwjp .hub-sub{max-width:36em; margin-left:auto; margin-right:auto;}
.etwjp .btn{border-radius:999px !important; font-family:var(--grove-sans); font-weight:650; letter-spacing:.005em;}
.etwjp .btn-primary{background:linear-gradient(140deg,#348572,#2A6F60) !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 16px 34px -16px rgba(62,149,128,.85) !important;}
.etwjp .btn-primary:hover{background:linear-gradient(140deg,#3B937E,#2F7D6B) !important;}
.etwjp .btn-ghost{border-color:rgba(239,233,222,.22) !important; background:rgba(239,233,222,.04) !important;}
.etwjp .btn-ghost:hover{border-color:var(--wheat) !important; background:rgba(228,198,144,.07) !important;}
.etwjp .btn-dark{background:var(--ink-green) !important; color:var(--bone) !important;}
.etwjp .pill,.etwjp .hub-pill,.etwjp .demo-chip,.etwjp .pb-tags li{border-radius:999px !important;}
.etwjp .pill{background:rgba(239,233,222,.05) !important; border-color:rgba(239,233,222,.12) !important; color:#D8D3C8 !important;}
.etwjp .hub-pill{background:rgba(239,233,222,.035);}
.etwjp .hub-pill:hover,.etwjp .hub-pill.on{border-color:rgba(228,198,144,.55) !important;}
.etwjp .hero{position:relative; isolation:isolate; overflow:hidden;}
.etwjp .grove-glow{position:absolute; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(46% 60% at 12% 18%, rgba(47,125,107,.30), transparent 70%),
    radial-gradient(38% 50% at 78% 8%, rgba(228,198,144,.13), transparent 72%),
    radial-gradient(60% 40% at 60% 100%, rgba(47,125,107,.16), transparent 70%);}
.etwjp .grove-art{position:absolute; left:0; right:0; bottom:6%; height:38%; z-index:-1; pointer-events:none;}
.etwjp .grove-line{position:absolute; inset:0; width:100%; height:100%; overflow:visible;}
.etwjp .gl-seed{position:absolute; left:97.5%; top:13%; width:11px; height:11px; margin:-5.5px 0 0 -5.5px; border-radius:50%; background:var(--wheat); box-shadow:0 0 0 6px rgba(228,198,144,.16), 0 0 24px 4px rgba(228,198,144,.45); opacity:0; animation:etwjp-groveSeed .7s ease-out 2.8s forwards;}
.etwjp .grove-line path{fill:none; stroke-linecap:round; stroke-linejoin:round;}
.etwjp .grove-line .gl-main{stroke:url(#groveStroke); stroke-width:2.2; stroke-dasharray:1; stroke-dashoffset:1; animation:etwjp-groveDraw 2.6s cubic-bezier(.45,.05,.2,1) .35s forwards;}
.etwjp .grove-line .gl-soft{stroke:rgba(163,205,187,.10); stroke-width:14; filter:blur(6px); stroke-dasharray:1; stroke-dashoffset:1; animation:etwjp-groveDraw 2.6s cubic-bezier(.45,.05,.2,1) .35s forwards;}
.etwjp .hero h1{font-size:clamp(38px,3.9vw,56px) !important; line-height:1.04 !important; font-weight:700 !important; letter-spacing:-.035em !important; color:var(--bone);}
.etwjp .hero h1 .grad-text{color:var(--wheat) !important; -webkit-text-fill-color:var(--wheat) !important; position:relative; white-space:normal;}
.etwjp .hero .lead{font-size:18px !important; line-height:1.65 !important; color:#C4C8BF !important; max-width:31em;}
.etwjp .hero .trust{font:500 14px var(--grove-sans) !important; color:var(--stone) !important;}
.etwjp .hero-visual img{border-radius:22px;}
@media (prefers-reduced-motion: reduce){
.etwjp .grove-line .gl-main,.etwjp .grove-line .gl-soft{animation:none; stroke-dashoffset:0;}
.etwjp .gl-seed{animation:none; opacity:1;}
}
.etwjp .au-card,.etwjp .rp-card,.etwjp .pb-card,.etwjp .cm-card,.etwjp .pf-box,.etwjp .demo-frame,.etwjp .step{border-radius:34px !important;}
.etwjp .au-img,.etwjp .rp-img,.etwjp .pb-img,.etwjp .cm-img,.etwjp .pf-img{border-radius:16px !important;}
.etwjp .pf-box{border-color:rgba(227,214,190,.10) !important;
  background:radial-gradient(700px 500px at 100% 50%, rgba(47,125,107,.20), transparent 65%), radial-gradient(520px 420px at 0% 0%, rgba(228,198,144,.09), transparent 60%), var(--soil-2) !important;}
.etwjp .pf .eyebrow-alt{color:var(--wheat) !important;}
.etwjp .pf-list li{color:#D9D6CC !important;}
.etwjp .pf-list li::before{width:8px !important; height:8px !important; border-radius:60% 40% 55% 45% / 50% 60% 40% 50% !important; background:var(--wheat) !important;}
.etwjp .pf-list li:nth-child(even)::before{background:var(--lichen) !important;}
.etwjp .pf-more{border-bottom-color:rgba(228,198,144,.45) !important;}
.etwjp .au-card.a1{background:radial-gradient(420px 300px at 0% 0%, rgba(228,198,144,.42), transparent 70%), linear-gradient(150deg,#5B4628 0%,#2A3A2D 48%,#22604F 100%) !important;}
.etwjp .au-card.a2{background:radial-gradient(380px 300px at 100% 0%, rgba(163,205,187,.32), transparent 70%), linear-gradient(150deg,#2F7D6B 0%,#1B3A31 52%,#141E19 100%) !important;}
.etwjp .au-card.a3{background:radial-gradient(420px 300px at 0% 0%, rgba(163,205,187,.22), transparent 70%), linear-gradient(150deg,#24443A 0%,#151F1A 52%,#3B6B50 100%) !important;}
.etwjp .rp-card.c1{background:linear-gradient(165deg,#2C7A67 0%,#1A4A3E 42%,#121C17 78%,#4A3818 100%) !important;}
.etwjp .rp-card.c2{background:linear-gradient(165deg,#336E5B 0%,#1B3A32 40%,#111A16 72%,#5E4419 100%) !important;}
.etwjp .rp-card.c3{background:linear-gradient(165deg,#4A6E52 0%,#22392F 38%,#121A16 70%,#7A5A22 100%) !important;}
.etwjp .pb-card{background:radial-gradient(520px 320px at 10% 0%, rgba(163,205,187,.20), transparent 65%), linear-gradient(165deg,#21463C 0%,#17302A 40%,#101914 85%) !important;}
.etwjp .pb-card.k3{background:radial-gradient(700px 360px at 0% 100%, rgba(228,198,144,.16), transparent 60%), radial-gradient(600px 360px at 100% 0%, rgba(163,205,187,.16), transparent 60%), linear-gradient(120deg,#294A3B 0%,#1A2C24 50%,#0F1612 100%) !important;}
.etwjp .pb-img{background:#0F1612 !important;}
.etwjp .pb-tags li{color:var(--bone) !important; background:rgba(239,233,222,.07) !important; border-color:rgba(239,233,222,.14) !important;}
.etwjp .cm-card.u1{background:linear-gradient(140deg,#B38A4A 0%,#5D4A2C 22%,#1F2F27 56%,#2F6F5E 100%) !important;}
.etwjp .cm-card.u2{background:linear-gradient(140deg,#1F3A31 0%,#141E19 42%,#193A31 70%,#3E9580 100%) !important;}
.etwjp .bt{background:radial-gradient(900px 480px at 50% 30%, rgba(62,149,128,.14), transparent 70%), var(--soil) !important;}
.etwjp .bt-shot img{border-radius:36px !important;}
.etwjp .demo{background:radial-gradient(900px 420px at 50% 0%, rgba(47,125,107,.20), transparent 70%), var(--soil) !important;}
.etwjp .demo-frame{background:linear-gradient(160deg, rgba(228,198,144,.16), rgba(47,125,107,.10) 45%, rgba(239,233,222,.04)) !important;}
.etwjp .demo-screen{border-radius:26px !important; background:#0B100D !important;}
.etwjp .demo-chip.on{background:rgba(47,125,107,.30) !important; border-color:rgba(163,205,187,.6) !important;}
.etwjp .lg{background:var(--soil) !important;}
.etwjp .lg-tile{border-radius:26px !important; background:var(--soil-3) !important;}
.etwjp .light{background:var(--mist) !important; color:var(--ink-green) !important; position:relative;
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 48V30C160 6 320 4 520 20s420 30 620 8 240-28 300-22v62z'/%3E%3C/svg%3E") top/100% 48px no-repeat,
    linear-gradient(#000,#000) center/100% calc(100% - 94px) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 0v20c200 26 380 30 600 12s440-30 600-10 200 14 240 10V0z'/%3E%3C/svg%3E") bottom/100% 48px no-repeat;
          mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 48V30C160 6 320 4 520 20s420 30 620 8 240-28 300-22v62z'/%3E%3C/svg%3E") top/100% 48px no-repeat,
    linear-gradient(#000,#000) center/100% calc(100% - 94px) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 0v20c200 26 380 30 600 12s440-30 600-10 200 14 240 10V0z'/%3E%3C/svg%3E") bottom/100% 48px no-repeat;
  border-bottom:0 !important;}
.etwjp .light h2,.etwjp .light h3{color:var(--ink-green);}
.etwjp .light .pb-card h3{color:#fff !important;}
.etwjp .light .pb-card p{color:rgba(239,233,222,.78) !important;}
.etwjp .step{background:var(--soil-2) !important; border-color:rgba(227,214,190,.10) !important;}
.etwjp .step .num{border-radius:50% !important;}
.etwjp .cta-banner{background:radial-gradient(60% 120% at 15% 0%, rgba(228,198,144,.30), transparent 60%), radial-gradient(50% 120% at 90% 100%, rgba(163,205,187,.22), transparent 60%), linear-gradient(140deg,#2F7D6B,#24584C) !important;
  padding-top:150px !important; padding-bottom:150px !important;
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 56V24C240 0 420 10 640 28s460 28 640 6 140-14 160-12v62z'/%3E%3C/svg%3E") top/100% 56px no-repeat,
    linear-gradient(#000,#000) 0 55px/100% calc(100% - 55px) no-repeat;
          mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 56V24C240 0 420 10 640 28s460 28 640 6 140-14 160-12v62z'/%3E%3C/svg%3E") top/100% 56px no-repeat,
    linear-gradient(#000,#000) 0 55px/100% calc(100% - 55px) no-repeat;}
.etwjp .cta-banner h2{font-size:clamp(34px,4.6vw,60px) !important; color:#fff !important; max-width:15em; margin:0 auto;}
.etwjp .cta-banner p{font-size:18px !important; color:rgba(255,255,255,.86) !important;}
.etwjp .cta-banner .btn-dark{background:var(--bone) !important; color:var(--ink-green) !important;}
@media (max-width:720px){
.etwjp .hero h1{font-size:clamp(40px,11vw,54px) !important;}
.etwjp .grove-art{height:26%; bottom:2%; opacity:.75;}
.etwjp .au-card,.etwjp .rp-card,.etwjp .pb-card,.etwjp .cm-card,.etwjp .pf-box{border-radius:28px !important;}
.etwjp .cta-banner{padding-top:110px !important; padding-bottom:110px !important;}
}
.etwjp .ni{padding:30px 0 110px; background:var(--ink);}
.etwjp .ni .section-head{margin-bottom:44px;}
.etwjp .ni-new{display:inline-flex; align-items:center; gap:8px; margin-bottom:16px; padding:6px 13px 6px 7px; border-radius:999px; font:600 12.5px/1 'Inter',sans-serif; color:#EFE9DE;
    background:rgba(228,198,144,.08); border:1px solid rgba(228,198,144,.32);}
.etwjp .ni-new b{padding:4px 8px; border-radius:999px; font:700 10.5px/1 'IBM Plex Mono',monospace; letter-spacing:.08em; text-transform:uppercase; color:#16211B; background:#E4C690;}
.etwjp .ni-grad{background:linear-gradient(90deg,#55ad9c 0%,#A3CDBB 40%,#E4C690 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.etwjp .ni-stage{position:relative; overflow:hidden; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr); align-items:center;
    padding:56px 48px; border-radius:34px; border:1px solid rgba(227,214,190,.10);
    background:radial-gradient(600px 420px at 0% 0%, rgba(239,233,222,.07), transparent 65%), radial-gradient(640px 460px at 100% 100%, rgba(47,125,107,.30), transparent 65%), #0f1712;}
.etwjp .ni-stage::before{content:''; position:absolute; inset:0; z-index:-1; opacity:.5;
    background-image:radial-gradient(rgba(239,233,222,.10) 1px, transparent 1px); background-size:22px 22px;
    -webkit-mask-image:radial-gradient(ellipse at center, #000 20%, transparent 75%); mask-image:radial-gradient(ellipse at center, #000 20%, transparent 75%);}
.etwjp .ni-paper{position:relative; border-radius:16px; background:#fff; color:#37352F; box-shadow:0 0 0 1px rgba(255,255,255,.4), 0 40px 70px -28px rgba(0,0,0,.9); transform:rotate(-1.4deg); transition:transform .5s cubic-bezier(.2,.8,.2,1);}
.etwjp .ni-stage:hover .ni-paper{transform:rotate(0deg) translateY(-4px);}
.etwjp .ni-bar{display:flex; align-items:center; gap:7px; padding:11px 14px; border-bottom:1px solid #EDECE9; font:500 11.5px/1 'Inter',sans-serif; color:#91918E;}
.etwjp .ni-bar i{width:9px; height:9px; border-radius:50%; background:#E3E2E0;}
.etwjp .ni-bar span{margin-left:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.etwjp .ni-page{padding:18px 16px 16px;}
.etwjp .ni-ptitle{display:flex; align-items:center; gap:9px; font:700 21px/1.15 'Inter',sans-serif; letter-spacing:-.02em; color:#37352F;}
.etwjp .ni-ptitle em{font-style:normal; font-size:22px;}
.etwjp .ni-pmeta{margin-top:6px; font-size:12px; color:#91918E;}
.etwjp .ni-table{margin-top:14px; font-size:12px; border-top:1px solid #EDECE9;}
.etwjp .ni-tr{position:relative; display:grid; grid-template-columns:74px 60px 42px minmax(0,1fr) 20px; gap:8px; align-items:center; padding:8px 6px; border-bottom:1px solid #EDECE9; transition:background .35s, opacity .35s;}
.etwjp .ni-th{font-size:11px; color:#91918E; font-weight:500;}
.etwjp .ni-tr > span{white-space:nowrap;}
.etwjp .ni-tr .ni-date{color:#787774; font-variant-numeric:tabular-nums;}
.etwjp .ni-tr .ni-pair{font-weight:600;}
.etwjp .ni-pnl{font-variant-numeric:tabular-nums; font-weight:600;}
.etwjp .ni-pnl.up{color:#0F7B6C;}
.etwjp .ni-pnl.dn{color:#C4554D;}
.etwjp .ni-tags{display:flex; gap:4px; overflow:hidden;}
.etwjp .ni-tag{flex:none; padding:2px 6px; border-radius:4px; font-size:10.5px; white-space:nowrap;}
.etwjp .t-gr{background:#DBEDDB; color:#1C3829;}
.etwjp .t-bl{background:#D3E5EF; color:#183347;}
.etwjp .t-or{background:#FADEC9; color:#49290E;}
.etwjp .t-pu{background:#E8DEEE; color:#412454;}
.etwjp .t-ye{background:#FDECC8; color:#402C1B;}
.etwjp .t-re{background:#FFE2DD; color:#5D1715;}
.etwjp .t-gy{background:#E3E2E0; color:#32302C;}
.etwjp .ni-clip{width:20px; height:15px; border-radius:3px; background:linear-gradient(135deg,#cfe3da,#9bc4b2); position:relative; overflow:hidden;}
.etwjp .ni-clip::after{content:''; position:absolute; left:3px; right:3px; bottom:3px; height:6px; background:linear-gradient(115deg,transparent 0 30%,#2F7D6B 30% 34%,transparent 34% 55%,#2F7D6B 55% 59%,transparent 59%);}
.etwjp .ni-tr.lift{background:#F1F8F5;}
.etwjp .ni-tr.lift::before{content:''; position:absolute; left:0; top:4px; bottom:4px; width:3px; border-radius:3px; background:#2F7D6B;}
.etwjp .ni-tr.gone{opacity:.38;}
.etwjp .ni-more{padding:9px 6px 0; font-size:11.5px; color:#A5A4A0;}
.etwjp .ni-bridge{position:relative; align-self:stretch; min-height:260px;}
.etwjp .ni-bridge svg{position:absolute; inset:0; width:100%; height:100%; overflow:visible;}
.etwjp .ni-path{fill:none; stroke:rgba(163,205,187,.28); stroke-width:2; stroke-dasharray:4 7; vector-effect:non-scaling-stroke;}
.etwjp .ni-path-glow{fill:none; stroke:url(#niStroke); stroke-width:2.4; stroke-linecap:round; vector-effect:non-scaling-stroke; stroke-dasharray:60 400; animation:etwjp-niDash 2.6s linear infinite;}
.etwjp .ni-sv{display:block;}
.etwjp .ni-sh{display:none;}
.etwjp .ni-parcel{position:absolute; left:0; top:0; z-index:3; display:inline-flex; align-items:center; gap:6px; padding:6px 10px 6px 7px; border-radius:999px; white-space:nowrap;
    font:600 11.5px/1 'Inter',sans-serif; color:#16211B; background:#EFE9DE; box-shadow:0 10px 24px -8px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.5);
    opacity:0; pointer-events:none; will-change:transform,opacity;}
.etwjp .ni-parcel i{width:18px; height:18px; border-radius:50%; display:grid; place-items:center; background:#2F7D6B; color:#fff; font-style:normal; font-size:10px;}
.etwjp .ni-parcel svg{position:static; width:11px; height:11px; fill:none; stroke:#fff; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;}
.etwjp .ni-parcel.p-tag i{background:#C9A464;}
.etwjp .ni-parcel.p-img i{background:#3E9580;}
.etwjp .ni-parcel.p-note i{background:#55625A;}
.etwjp .ni-count{position:absolute; left:50%; bottom:6px; transform:translateX(-50%); z-index:2; text-align:center; white-space:nowrap;}
.etwjp .ni-count b{display:block; font:700 26px/1 'Sora',sans-serif; letter-spacing:-.03em; color:#EFE9DE; font-variant-numeric:tabular-nums;}
.etwjp .ni-count span{display:block; margin-top:5px; font:500 10.5px/1 'IBM Plex Mono',monospace; letter-spacing:.1em; text-transform:uppercase; color:#A3ACA5;}
.etwjp .ni-home{position:relative;}
.etwjp .ni-app{border-radius:18px; background:#121A16; box-shadow:0 0 0 1px rgba(163,205,187,.18), 0 40px 70px -28px rgba(0,0,0,.9); overflow:hidden;}
.etwjp .ni-apphd{display:flex; align-items:center; gap:10px; padding:13px 15px; border-bottom:1px solid rgba(227,214,190,.08);}
.etwjp .ni-apphd img{width:24px; height:24px; border-radius:50%;}
.etwjp .ni-apphd strong{font:700 13.5px/1.2 'Sora',sans-serif; color:#EFE9DE;}
.etwjp .ni-apphd small{display:block; margin-top:2px; font-size:11px; color:#A3ACA5;}
.etwjp .ni-live{margin-left:auto; display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:999px; font:600 10.5px/1 'IBM Plex Mono',monospace; letter-spacing:.06em; text-transform:uppercase; color:#A3CDBB; background:rgba(47,125,107,.18); border:1px solid rgba(62,149,128,.4);}
.etwjp .ni-live i{width:6px; height:6px; border-radius:50%; background:#3ED598; animation:etwjp-niPulse 1.4s ease-in-out infinite;}
.etwjp .ni-stage.done .ni-live i{animation:none;}
.etwjp .ni-prog{height:3px; background:rgba(227,214,190,.08);}
.etwjp .ni-prog i{display:block; height:100%; width:0; background:linear-gradient(90deg,#2F7D6B,#A3CDBB,#E4C690); transition:width .5s ease;}
.etwjp .ni-list{list-style:none; padding:6px 10px 10px; height:170px; overflow:hidden;}
.etwjp .ni-li{display:grid; white-space:nowrap; grid-template-columns:8px 70px minmax(0,1fr) auto; gap:10px; align-items:center; padding:9px 6px; border-bottom:1px solid rgba(227,214,190,.06); font-size:12.5px; color:#D9D6CC;
    animation:etwjp-niLand .55s cubic-bezier(.2,.8,.2,1) both;}
.etwjp .ni-li:first-child{background:rgba(47,125,107,.12); border-radius:10px;}
.etwjp .ni-li > i{width:8px; height:8px; border-radius:50%; background:#3ED598;}
.etwjp .ni-li > i.dn{background:#F0577A;}
.etwjp .ni-li b{font-weight:600; color:#EFE9DE;}
.etwjp .ni-li .ni-chips{display:flex; gap:4px; overflow:hidden;}
.etwjp .ni-li .ni-chips span{flex:none; padding:2px 7px; border-radius:999px; font-size:10.5px; color:#A3CDBB; background:rgba(163,205,187,.10); border:1px solid rgba(163,205,187,.18); white-space:nowrap;}
.etwjp .ni-li .ni-pnl{font-size:12.5px;}
.etwjp .ni-li .ni-pnl.up{color:#3ED598;}
.etwjp .ni-li .ni-pnl.dn{color:#F0577A;}
.etwjp .ni-trade{position:relative; z-index:2; margin:-34px -18px 0 34px; padding:14px; border-radius:16px; background:#EFE9DE; color:#16211B;
    box-shadow:0 30px 60px -20px rgba(0,0,0,.85), 0 0 0 1px rgba(255,255,255,.5); transition:transform .5s cubic-bezier(.2,.8,.2,1);}
.etwjp .ni-stage:hover .ni-trade{transform:translate(-4px,-8px);}
.etwjp .ni-trow{display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;}
.etwjp .ni-trow strong{font:700 15px/1 'Sora',sans-serif; letter-spacing:-.02em;}
.etwjp .ni-side{padding:3px 7px; border-radius:6px; font:700 10px/1 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.06em; color:#fff; background:#2F7D6B;}
.etwjp .ni-trow .ni-big{margin-left:auto; font:700 15px/1 'Sora',sans-serif; color:#1F6B57; font-variant-numeric:tabular-nums;}
.etwjp .ni-tbody{display:grid; grid-template-columns:42% minmax(0,1fr); gap:12px; margin-top:11px;}
.etwjp .ni-shot{position:relative; border-radius:9px; overflow:hidden; background:#0f1712; aspect-ratio:16/10;}
.etwjp .ni-shot img{width:100%; height:100%; object-fit:cover; object-position:30% 40%;}
.etwjp .ni-note{font-size:12px; line-height:1.5; color:#3a4640;}
.etwjp .ni-note q{quotes:none; font-style:italic;}
.etwjp .ni-ttags{display:flex; flex-wrap:wrap; gap:5px; margin-top:8px;}
.etwjp .ni-ttags span{padding:3px 8px; border-radius:999px; font-size:10.5px; font-weight:600; color:#1B3A31; background:rgba(47,125,107,.14);}
.etwjp .ni-ticks{display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; padding-top:11px; border-top:1px dashed rgba(22,33,27,.18);}
.etwjp .ni-tick{display:inline-flex; align-items:center; gap:6px; padding:5px 10px 5px 6px; border-radius:999px; font-size:11.5px; font-weight:600; color:#55625A; background:rgba(22,33,27,.05);
    transition:color .3s, background .3s;}
.etwjp .ni-tick i{width:16px; height:16px; border-radius:50%; display:grid; place-items:center; border:1.5px solid rgba(22,33,27,.25); font-style:normal; font-size:9px; color:transparent; transition:all .3s cubic-bezier(.3,1.6,.5,1);}
.etwjp .ni-tick.on{color:#16211B; background:rgba(47,125,107,.16);}
.etwjp .ni-tick.on i{background:#2F7D6B; border-color:#2F7D6B; color:#fff; transform:scale(1.1);}
.etwjp .ni-steps{list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:22px; counter-reset:ni;}
.etwjp .ni-step{position:relative; display:flex; flex-direction:column; overflow:hidden; border-radius:24px; background:rgba(239,233,222,.03); border:1px solid rgba(227,214,190,.10); transition:border-color .25s, transform .25s, background .25s;}
.etwjp .ni-step:hover{border-color:rgba(163,205,187,.4); background:rgba(47,125,107,.08); transform:translateY(-3px);}
.etwjp .ni-fig{position:relative; margin:0; height:210px; overflow:hidden; background:radial-gradient(300px 200px at 50% 0%, rgba(47,125,107,.25), transparent 70%), #0b100d; border-bottom:1px solid rgba(227,214,190,.08);}
.etwjp .ni-fig img{position:absolute; left:18px; top:18px; width:calc(100% + 120px); max-width:none; height:auto; border-radius:12px; box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 24px 44px -18px rgba(0,0,0,.9); transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.etwjp .ni-step:nth-child(2) .ni-fig img{width:88%; left:6%; top:16px;}
.etwjp .ni-step:nth-child(3) .ni-fig img{width:calc(100% + 60px); top:34px;}
.etwjp .ni-step:hover .ni-fig img{transform:translateY(-6px);}
.etwjp .ni-fig3 img{width:74% !important;}
.etwjp .ni-fig3 .k1{left:6% !important; top:16px !important; transform:rotate(-2deg);}
.etwjp .ni-fig3 .k2{left:20% !important; top:72px !important; z-index:2;}
.etwjp .ni-fig3 .k3{left:12% !important; top:128px !important; z-index:3; transform:rotate(1.5deg);}
.etwjp .ni-step:hover .ni-fig3 .k1{transform:translate(-6px,-4px) rotate(-3deg);}
.etwjp .ni-step:hover .ni-fig3 .k2{transform:translateX(8px);}
.etwjp .ni-step:hover .ni-fig3 .k3{transform:translate(-4px,4px) rotate(2deg);}
.etwjp .ni-fig3::after{z-index:4;}
.etwjp .ni-step:nth-child(1) .ni-fig img:not(.ni-pop){width:calc(100% - 36px); left:18px; top:22px;}
.etwjp .ni-fig .ni-pop{left:auto; right:16px; top:auto; bottom:22px; width:46%; z-index:2; border-radius:12px; box-shadow:0 0 0 2px rgba(155,107,255,.7), 0 0 34px -4px rgba(155,107,255,.65), 0 20px 40px -14px rgba(0,0,0,.9); transform:rotate(-3deg);}
.etwjp .ni-step:hover .ni-fig .ni-pop{transform:rotate(0deg) scale(1.04);}
.etwjp .ni-fig1::after{z-index:1;}
.etwjp .ni-fig::after{content:''; position:absolute; left:0; right:0; bottom:0; height:46px; background:linear-gradient(transparent, #0f1511); pointer-events:none;}
.etwjp .ni-stxt{position:relative; padding:20px 22px 24px 74px;}
.etwjp .ni-stxt::before{counter-increment:ni; content:counter(ni); position:absolute; left:20px; top:18px; width:38px; height:38px; border-radius:50%; display:grid; place-items:center;
    font:700 15px/1 'Sora',sans-serif; color:#16211B; background:linear-gradient(135deg,#A3CDBB,#E4C690);}
.etwjp .ni-step small{display:block; font:600 10.5px/1 'IBM Plex Mono',monospace; letter-spacing:.1em; text-transform:uppercase; color:#C9A464;}
.etwjp .ni-step h3{margin-top:7px; font:700 17px/1.25 'Sora',sans-serif; color:#EFE9DE;}
.etwjp .ni-step p{margin-top:6px; font-size:14px; line-height:1.55; color:#A3ACA5;}
.etwjp .ni-foot{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px 26px; margin-top:34px;}
.etwjp .ni-cta{display:inline-flex; align-items:center; gap:9px; height:50px; padding:0 24px; border-radius:999px; font:600 15.5px/1 'Inter',sans-serif; color:#0E1411;
    background:linear-gradient(135deg,#A3CDBB,#E4C690); box-shadow:0 14px 34px -14px rgba(228,198,144,.7); transition:transform .2s, box-shadow .2s;}
.etwjp .ni-cta:hover{transform:translateY(-2px); box-shadow:0 18px 40px -14px rgba(228,198,144,.85);}
.etwjp .ni-safe{display:inline-flex; align-items:center; gap:8px; font-size:13.5px; color:#A3ACA5;}
.etwjp .ni-safe svg{width:16px; height:16px; fill:none; stroke:#A3CDBB; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none;}
@media (max-width:1100px){
.etwjp .ni-stage{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr); padding:48px 32px;}
.etwjp .ni-tr{grid-template-columns:68px 56px 40px minmax(0,1fr) 20px; gap:6px;}
}
@media (max-width:900px){
.etwjp .ni-stage{grid-template-columns:1fr; padding:36px 28px 40px;}
.etwjp .ni-paper{max-width:520px; width:100%; margin:0 auto;}
.etwjp .ni-home{max-width:520px; width:100%; margin:0 auto;}
.etwjp .ni-bridge{min-height:150px;}
.etwjp .ni-sv{display:none;}
.etwjp .ni-sh{display:block;}
.etwjp .ni-count{left:auto; right:0; bottom:50%; transform:translateY(50%); text-align:right;}
.etwjp .ni-steps{grid-template-columns:1fr; max-width:560px; margin-left:auto; margin-right:auto;}
}
@media (max-width:520px){
.etwjp .ni{padding:10px 0 76px;}
.etwjp .ni-stage{padding:26px 16px 30px; border-radius:26px; margin:0 -8px;}
.etwjp .ni-paper{transform:none;}
.etwjp .ni-tr{grid-template-columns:64px 52px 38px minmax(0,1fr); gap:6px; font-size:11px;}
.etwjp .ni-tr > :nth-child(5){display:none;}
.etwjp .ni-ptitle{font-size:18px;}
.etwjp .ni-trade{margin:-30px 0 0 12px;}
.etwjp .ni-tbody{grid-template-columns:1fr;}
.etwjp .ni-shot{aspect-ratio:16/8;}
.etwjp .ni-li{grid-template-columns:8px 62px minmax(0,1fr) auto; gap:8px; font-size:11.5px;}
.etwjp .ni-count b{font-size:22px;}
.etwjp .ni-stxt{padding:18px 18px 22px 68px;}
.etwjp .ni-fig{height:190px;}
}
@media (prefers-reduced-motion:reduce){
.etwjp .ni-path-glow,.etwjp .ni-live i,.etwjp .ni-li{animation:none;}
.etwjp .ni-paper,.etwjp .ni-trade,.etwjp .ni-step,.etwjp .ni-fig img{transition:none;}
.etwjp .ni-fig .ni-pop{transform:none !important;}
.etwjp .ni-stage:hover .ni-paper,.etwjp .ni-stage:hover .ni-trade{transform:none;}
}
@keyframes etwjp-lgMove{ from{ transform:translateX(0); } to{ transform:translateX(calc(-50% - 6px)); } }
@keyframes etwjp-cmPulse{ 70%{ box-shadow:0 0 0 8px rgba(239,68,68,0); } 100%{ box-shadow:0 0 0 0 rgba(239,68,68,0); } }
@keyframes etwjp-auFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-9px); } }
@keyframes etwjp-aixbar{ to{ width:100%; } }
@keyframes etwjp-groveDraw{ to{ stroke-dashoffset:0; } }
@keyframes etwjp-groveSeed{ from{ opacity:0; transform:scale(.4); } to{ opacity:1; transform:scale(1); } }
@keyframes etwjp-niDash{ from{ stroke-dashoffset:460; } to{ stroke-dashoffset:0; } }
@keyframes etwjp-niPulse{ 50%{ opacity:.25; } }
@keyframes etwjp-niLand{ from{ opacity:0; transform:translateX(-26px) scale(.96); } to{ opacity:1; transform:none; } }