@charset "UTF-8";
html,body{margin:0;background:#0d1f1a}
.j{font-family:system-ui,-apple-system,sans-serif;background:#0d1f1a;color:#e1f5ee;border-radius:14px;overflow:hidden;border:0.5px solid #1d9e75;min-height:100vh}
.j *{box-sizing:border-box}
.j a{color:inherit;text-decoration:none}
.j-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:0.5px solid rgba(29,158,117,0.2);gap:20px;flex-wrap:wrap}
.j-brand{display:flex;align-items:center;gap:10px;overflow:visible}
.j-logo{width:40px;height:40px;display:block;object-fit:contain;object-position:center;flex-shrink:0;overflow:visible}
.j-brand-text{display:flex;flex-direction:column;line-height:1}
.j-brand-name{font-size:16px;font-weight:500;color:#e1f5ee;letter-spacing:2px}
.j-brand-sub{font-size:12px;font-weight:400;color:#5dcaa5;letter-spacing:3px;margin-top:3px}
.j-nav-links{display:flex;gap:20px;font-size:15px;color:#9fe1cb}
.j-nav-links a:hover,.j-nav-links a.is-active{color:#e1f5ee}
.j-nav-login{font-size:14px;color:#000 !important;background:#FAC775;padding:7px 14px;border-radius:6px;letter-spacing:0.5px;font-weight:700}
.j-hero{padding:56px 40px 48px;position:relative;overflow:hidden;isolation:isolate}
.j-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:url(../images/hero-network.svg) no-repeat left 6% top 44%;
  background-size:min(560px,92vw) auto;
  opacity:0.62;
}
.j-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;position:relative;z-index:1}
.j-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#0d1f1a;background:#FAC775;letter-spacing:2px;margin:0 0 18px;padding:5px 11px;border-radius:20px;font-weight:500}
.j-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:#D85A30;display:inline-block;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.j-h1{font-size:42px;line-height:1.1;font-weight:500;margin:0 0 22px;color:#e1f5ee;letter-spacing:-0.8px}
.j-h1 .a1{color:#FAC775}
.j-h1 .a2{color:#F0997B;display:inline-block;transform:rotate(-2deg)}
.j-lede{font-size:17px;line-height:1.65;color:#9fe1cb;margin:0 0 28px;max-width:760px}
.j-cta-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.j-btn-primary{display:inline-block;font-size:13px;color:#000 !important;background:#FAC775;padding:12px 22px;border-radius:8px;font-weight:700;border:none;cursor:pointer;letter-spacing:0.3px}
.j-btn-ghost{display:inline-block;font-size:13px;color:#5dcaa5;background:transparent;padding:12px 22px;border-radius:8px;border:0.5px solid #1d9e75;cursor:pointer;letter-spacing:0.3px}
.j-trust{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:12px;color:#5dcaa5}
.j-dots{display:flex}
.j-dot{width:18px;height:18px;border-radius:50%;border:1.5px solid #0d1f1a;margin-left:-5px}
.j-dot:nth-child(1){background:#FAC775}
.j-dot:nth-child(2){background:#F0997B;margin-left:-6px}
.j-dot:nth-child(3){background:#5dcaa5;margin-left:-6px}
.j-dot:nth-child(4){background:#9fe1cb;margin-left:-6px}
.j-hero-art{display:flex;justify-content:center;align-items:center;position:relative;min-height:240px}
.j-section.j-hero-3d-head{position:relative;overflow:hidden;isolation:isolate}
.j-section.j-hero-3d-head::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:url(../images/3d-head-view-right.svg) no-repeat left 5% top 42%;
  background-size:min(599px,calc(88vw * 1.152)) auto;
  opacity:0.45;
}
.j-section.j-hero-3d-head > *{position:relative;z-index:1}
.j-hero.j-hero-3d-head.j-hero-3d-head--right::before,
.j-section.j-hero-3d-head.j-hero-3d-head--right::before{
  transform:scaleX(-1);
  background-position:left 20px top 42%;
}
.j-section.j-hero-3d-head.j-hero-3d-head--right::before{
  background-size:min(479px,calc(88vw * 0.922)) auto;
}
.j-hero.j-hero-3d-head::before{
  background-image:url(../images/3d-head-view-right.svg);
  background-position:left 5% top 42%;
  background-size:min(599px,calc(88vw * 1.152)) auto;
  opacity:0.45;
}
.j-hero#home.j-hero-3d-head::before{
  background-size:min(419px,calc(88vw * 0.806)) auto;
}
.j-highlight-box{background:#0a1714;border:0.5px solid rgba(250,199,117,0.35);border-radius:12px;padding:18px;max-width:280px}
.j-highlight-box h3{margin:0 0 8px;font-size:16px;font-weight:500;color:#FAC775}
.j-highlight-box p{margin:0;font-size:14px;line-height:1.6;color:#9fe1cb}
.j-section{padding:42px 40px;border-top:0.5px solid rgba(29,158,117,0.15)}
.j-section.alt{background:#0a1714}
.j-section-label{font-size:12px;color:#FAC775;letter-spacing:3px;margin:0 0 22px;text-transform:uppercase;display:inline-block;padding:4px 10px;border:0.5px solid rgba(250,199,117,0.3);border-radius:4px;background:rgba(250,199,117,0.05)}
.j-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.j-card{background:#0d1f1a;border:0.5px solid rgba(29,158,117,0.3);border-radius:12px;padding:20px;position:relative;overflow:hidden}
.j-card .j-emoji{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin:0 0 14px}
.j-card-title{font-size:16px;color:#e1f5ee;font-weight:500;margin:0 0 8px}
.j-card-text{font-size:14px;color:#9fe1cb;line-height:1.55;margin:0}
.j-curr-list{display:flex;flex-direction:column;gap:0}
.j-curr-row{display:grid;grid-template-columns:46px 1fr auto;gap:14px;padding:16px 0;border-bottom:0.5px solid rgba(29,158,117,0.15);align-items:center}
.j-curr-row:last-child{border-bottom:none}
.j-curr-num{font-size:11px;color:#FAC775;letter-spacing:1.5px;font-weight:500;font-family:monospace}
.j-curr-title{font-size:16px;color:#e1f5ee;font-weight:500}
.j-curr-meta{font-size:14px;color:#5dcaa5;margin-top:3px}
.j-curr-tag{font-size:11px;color:#0d1f1a;background:#5dcaa5;padding:4px 9px;border-radius:20px;letter-spacing:1px;font-weight:500}
.j-curr-tag.soon{background:transparent;color:#9fe1cb;border:0.5px solid rgba(159,225,203,0.3)}
.j-curr-tag.new{background:#F0997B;color:#4A1B0C}
.j-proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.j-quote{background:#0d1f1a;border:0.5px solid rgba(29,158,117,0.3);border-radius:12px;padding:18px;font-size:13px;line-height:1.65;color:#9fe1cb}
.j-quote p{margin:0}
.j-quote b{display:block;color:#e1f5ee;margin-top:8px;font-weight:500}
.j-quote b a{color:#FAC775;text-decoration:underline;text-underline-offset:3px;font-weight:500}
.j-quote b a:hover{color:#e1f5ee}
.j-cta-section{padding:56px 40px;text-align:center;border-top:0.5px solid rgba(29,158,117,0.2);background:#0a1714;position:relative;overflow:hidden}
.j-cta-h{font-size:26px;font-weight:500;color:#e1f5ee;margin:0 0 10px;letter-spacing:-0.4px}
.j-cta-h .ja{color:#FAC775}
.j-cta-p{font-size:13px;color:#9fe1cb;margin:0 0 24px}
.j-form{display:flex;gap:8px;max-width:540px;margin:0 auto;flex-wrap:wrap}
.j-input{flex:1;min-width:260px;font-size:13px;padding:12px 14px;background:#0d1f1a;border:0.5px solid rgba(29,158,117,0.4);border-radius:8px;color:#e1f5ee;outline:none}
.j-input::placeholder{color:#5dcaa5}
.j-textarea{width:100%;min-height:140px;font-size:13px;padding:12px 14px;background:#0d1f1a;border:0.5px solid rgba(29,158,117,0.4);border-radius:8px;color:#e1f5ee;outline:none;resize:vertical}
.j-field{margin:0 0 10px}
.j-foot{padding:22px 28px;border-top:0.5px solid rgba(29,158,117,0.2);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.j-foot-text{font-size:12px;color:#5dcaa5;letter-spacing:1px}
.j-foot-links{display:flex;gap:14px;font-size:13px;color:#9fe1cb}
.j-foot-links a:hover{color:#e1f5ee}
.j-foot-social{text-align:center}
.j-foot-social a{display:inline-block;margin:0 8px;font-size:13px;color:#9fe1cb}
.j-foot-social a:hover{color:#e1f5ee}
.j-confetti{position:absolute;border-radius:2px}
.j-faq-list{display:flex;flex-direction:column;gap:10px;max-width:860px}
.j-faq-item{background:#0d1f1a;border:0.5px solid rgba(29,158,117,0.3);border-radius:10px;padding:14px 16px}
.j-faq-item summary{cursor:pointer;list-style:none;font-size:15px;color:#e1f5ee;font-weight:500}
.j-faq-item summary::-webkit-details-marker{display:none}
.j-faq-item summary::after{content:"+";float:right;color:#5dcaa5;font-weight:700}
.j-faq-item[open] summary::after{content:"−"}
.j-faq-item p{margin:10px 0 0;font-size:14px;line-height:1.6;color:#9fe1cb}
@media (max-width:1024px){
  .j-article-header.j-article-header--hero-3d-head::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:rgba(10,23,20,0.68);
  }
  .j-article-header.j-article-header--hero-3d-head .j-article-header-inner{z-index:2}
}
@media (max-width:900px){
  .j-hero-grid,.j-grid,.j-proof-grid{grid-template-columns:1fr}
  .j-hero::before{background-position:left 4% top 38%;background-size:min(480px,125vw) auto}
  .j-hero.j-hero-3d-head::before,.j-section.j-hero-3d-head::before{
    background-position:left 4% top 36%;
    background-size:min(507px,calc(118vw * 1.152)) auto;
  }
  .j-hero#home.j-hero-3d-head::before{background-size:min(355px,calc(118vw * 0.806)) auto}
  .j-hero.j-hero-3d-head.j-hero-3d-head--right::before,
  .j-section.j-hero-3d-head.j-hero-3d-head--right::before{background-position:left 20px top 36%}
  .j-section.j-hero-3d-head.j-hero-3d-head--right::before{background-size:min(406px,calc(118vw * 0.922)) auto}
  .j-free-hero::before{background-position:left 4% top 36%;background-size:min(440px,118vw) auto}
  .j-article-header::before{background-position:left 4% top 36%;background-size:min(440px,118vw) auto}
  .j-article-header.j-article-header--hero-3d-head::before{background-size:min(507px,calc(118vw * 1.152)) auto}
  .j-page{margin:0;border-radius:0}
  .j-free-h1{font-size:34px}
  .j-free-grid{grid-template-columns:1fr}
}

.j-page{max-width:980px;margin:28px auto;border-radius:14px;overflow:hidden}
.j-free-hero{padding:56px 40px 40px;text-align:left;position:relative;overflow:hidden;isolation:isolate}
.j-free-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:url(../images/hero-network.svg) no-repeat left 5% top 42%;
  background-size:min(520px,88vw) auto;
  opacity:0.62;
}
.j-free-hero > *{position:relative;z-index:1}
.j-free-h1{font-size:42px;line-height:1.1;margin:0 0 14px}
.j-free-sub{font-size:18px;line-height:1.55;color:#9fe1cb;max-width:760px}
.j-free-block{padding:38px 40px;border-top:0.5px solid rgba(29,158,117,0.15)}
.j-free-block.alt{background:#0a1714}
.j-free-title{font-size:28px;line-height:1.2;margin:0 0 16px}
.j-free-list{margin:0;padding-left:18px;color:#9fe1cb;line-height:1.7}
.j-free-list li{margin:0 0 6px}
.j-free-stack p{margin:0 0 8px}
.j-free-cta-wrap{margin-top:18px}
.j-free-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
a.j-card{display:block;transition:border-color .15s ease,background .15s ease}
a.j-card:hover{border-color:rgba(250,199,117,0.45);background:#102820}
.j-article{margin:0;max-width:none}
.j.j-article-shell{border-radius:0}
.j-article-header{
  text-align:left;border-top:none;
  position:relative;overflow:hidden;isolation:isolate
}
.j-article-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:url(../images/hero-network.svg) no-repeat left 5% top 42%;
  background-size:min(520px,88vw) auto;
  opacity:0.62
}
.j-article-header.j-article-header--hero-3d-head::before{
  background-image:url(../images/3d-head-view-right.svg);
  background-size:min(599px,calc(88vw * 1.152)) auto;
}
.j-article-header-inner{max-width:640px;margin:0 auto;position:relative;z-index:1}
.j-article-header-inner .j-lede{max-width:none}
.j-article-body{text-align:center}
.j-article-prose{max-width:640px;margin:0 auto;text-align:left}
.j-article-prose > h2{margin:36px 0 14px;font-size:26px;font-weight:500;color:#e1f5ee;line-height:1.2;text-align:center}
.j-article-prose > h2:first-child{margin-top:0}
.j-article-prose > h3{margin:28px 0 10px;font-size:20px;font-weight:500;color:#FAC775;line-height:1.25;text-align:center}
.j-article-prose > p{font-size:17px;line-height:1.75;color:#9fe1cb;margin:0 0 16px;text-align:left}
.j-article-prose .j-free-cta-wrap{text-align:center}
.j-article-prose .j-quote{margin:22px auto;max-width:560px;text-align:left;font-size:17px;line-height:1.65}
.j-article-figure{margin:28px auto;max-width:560px}
.j-article-placeholder{
  min-height:200px;border:1px dashed rgba(29,158,117,0.5);border-radius:12px;background:rgba(10,23,20,0.65);
  display:flex;align-items:center;justify-content:center;color:#5dcaa5;font-size:13px;letter-spacing:0.06em;text-transform:uppercase
}
.j-article-figure figcaption{margin-top:10px;font-size:12px;color:#5dcaa5;line-height:1.4;text-align:center}
.j-article-back{font-size:14px;color:#5dcaa5;margin:0 0 18px;display:inline-block}
.j-article-back:hover{color:#e1f5ee}