:root{
    --public-bg:#080a14;
    --public-surface:#101421;
    --public-surface-2:#151a2a;
    --public-line:rgba(153,164,205,.17);
    --public-copy:#aeb7cf;
    --public-purple:#8b6cff;
    --public-blue:#62a8ff;
    --public-coral:#ff8b72;
    --public-gold:#f5bc57;
}

body[data-public-site="true"]{
    min-height:100vh;
    overflow-x:hidden;
    overflow-y:auto;
    background:var(--public-bg);
}
body[data-public-site="true"] .workspace-shell-sidebar,
body[data-public-site="true"] .workspace-rail,
body[data-public-site="true"] .workspace-context,
body[data-public-site="true"] .atlas-header{ display:none!important; }
body[data-public-site="true"] .app,
body[data-public-site="true"] .main-content{
    display:block;
    width:100%;
    max-width:none;
    height:auto;
    min-height:100vh;
    margin:0;
    padding:0;
    overflow:visible;
}
body[data-public-site="true"] .workspace-outlet{
    display:block;
    position:static;
    width:100%;
    max-width:none;
    min-height:100vh;
    margin:0;
    padding:0;
    overflow:visible;
    background:var(--public-bg);
}

.public-home-view{
    width:100%;
    min-height:100vh;
    overflow:hidden;
    color:#f7f8fc;
    background:
        radial-gradient(circle at 50% -20%,rgba(98,168,255,.08),transparent 34%),
        var(--public-bg);
    font-family:Poppins,sans-serif;
}
.workspace-content-enter > .public-home-view{ animation:none; }
.public-home-view *,
.public-home-view *::before,
.public-home-view *::after{ box-sizing:border-box; }
.public-home-view button,
.public-home-view a{
    min-width:0;
    font:inherit;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
}
.public-home-view button:focus-visible,
.public-home-view a:focus-visible,
.public-home-view summary:focus-visible{ outline:2px solid var(--public-blue); outline-offset:4px; }
.public-home-view em{
    color:transparent;
    background:linear-gradient(90deg,var(--public-coral),#d987ea 50%,var(--public-blue));
    -webkit-background-clip:text;
    background-clip:text;
    font-style:normal;
}

.public-site-nav{
    position:fixed;
    inset:18px 50% auto auto;
    z-index:50;
    width:min(1180px,calc(100% - 40px));
    min-height:68px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:26px;
    padding:10px 12px 10px 16px;
    border:1px solid var(--public-line);
    border-radius:18px;
    background:rgba(11,14,25,.84);
    backdrop-filter:blur(20px);
    transform:translateX(50%);
}
.public-site-brand{
    display:inline-flex;
    align-items:center;
    gap:11px;
    color:#fff;
    text-decoration:none;
}
.public-site-brand-mark{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid rgba(139,108,255,.45);
    border-radius:13px;
    background:linear-gradient(145deg,rgba(139,108,255,.22),rgba(98,168,255,.08));
    color:#9d88ff;
}
.public-site-brand > span:last-child{ display:flex; flex-direction:column; }
.public-site-brand strong{ font-size:14px; line-height:1.25; letter-spacing:.1px; }
.public-site-brand small{ color:#8f9ab7; font-size:9px; font-weight:600; letter-spacing:1.1px; text-transform:uppercase; }
.public-site-links{ display:flex; align-items:center; justify-content:center; gap:24px; }
.public-site-links a,
.public-site-signin{
    border:0;
    background:transparent;
    color:#aab3ca;
    font-size:12px;
    font-weight:500;
    text-decoration:none;
    cursor:pointer;
    transition:color .2s ease;
}
.public-site-links a:hover,
.public-site-signin:hover{ color:#fff; }
.public-site-nav-actions{ display:flex; align-items:center; gap:8px; }
.public-mobile-nav-action{ display:none; }
.public-site-signin{ min-height:42px; padding:0 13px; }
.public-site-menu{
    display:none;
    width:42px;
    height:42px;
    border:1px solid var(--public-line);
    border-radius:12px;
    background:var(--public-surface-2);
    color:#fff;
}

.public-button{
    min-height:51px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 21px;
    border-radius:13px;
    color:#fff;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.public-button:hover{ transform:translateY(-2px); }
.public-button-small{ min-height:44px; padding-inline:17px; font-size:12px; }
.public-button-primary{
    border:1px solid #8b6cff;
    background:linear-gradient(115deg,#7052f5,#8a62ff 58%,#6f8ff7);
}
.public-button-ghost{
    border:1px solid var(--public-line);
    background:rgba(255,255,255,.035);
}
.public-button-ghost:hover{ border-color:rgba(139,108,255,.55); background:rgba(139,108,255,.08); }

.public-hero{
    position:relative;
    min-height:100svh;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(460px,.88fr);
    align-items:center;
    gap:50px;
    padding:150px max(32px,calc((100vw - 1180px)/2)) 90px;
    isolation:isolate;
}
.public-hero-grid{
    position:absolute;
    inset:0;
    z-index:-3;
    opacity:.17;
    background-image:linear-gradient(rgba(139,108,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(139,108,255,.14) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom,#000 10%,transparent 85%);
}
.public-hero-glow{ position:absolute; z-index:-2; border-radius:50%; filter:blur(2px); pointer-events:none; }
.public-hero-glow-one{ width:650px; height:650px; top:8%; right:-8%; background:radial-gradient(circle,rgba(115,87,246,.19),transparent 68%); }
.public-hero-glow-two{ width:450px; height:450px; left:-12%; bottom:-10%; background:radial-gradient(circle,rgba(255,139,114,.1),transparent 68%); }
.public-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#8faeff;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.65px;
    text-transform:uppercase;
}
.public-hero h1{
    max-width:730px;
    margin:18px 0 22px;
    font-size:clamp(50px,5.4vw,82px);
    line-height:.99;
    letter-spacing:-4px;
}
.public-hero-copy > p{
    margin:0;
    color:var(--public-copy);
    font-size:clamp(16px,1.45vw,20px);
    line-height:1.75;
}
.public-hero-actions{ display:flex; flex-wrap:wrap; gap:11px; margin-top:30px; }
.public-hero-proof{ display:flex; flex-wrap:wrap; gap:0; margin-top:38px; }
.public-hero-proof span{ display:flex; flex-direction:column; min-width:145px; padding:0 22px; border-left:1px solid var(--public-line); color:#7f8aa8; font-size:11px; }
.public-hero-proof span:first-child{ padding-left:0; border-left:0; }
.public-hero-proof strong{ color:#f7f8fc; font-size:17px; }
.public-hero-visual{ position:relative; min-height:570px; }
.public-compass{
    position:absolute;
    top:50%;
    left:50%;
    width:390px;
    height:390px;
    display:grid;
    place-items:center;
    border:1px solid rgba(139,108,255,.26);
    border-radius:50%;
    transform:translate(-50%,-50%);
}
.public-compass::before,
.public-compass::after,
.public-compass-ring{ content:""; position:absolute; border:1px solid rgba(98,168,255,.18); border-radius:50%; }
.public-compass::before{ inset:35px; }
.public-compass::after{ inset:92px; }
.public-compass-ring{ inset:-42px; border-style:dashed; animation:publicSpin 35s linear infinite; }
.public-compass-axis{ position:absolute; width:1px; height:100%; background:linear-gradient(transparent,rgba(139,108,255,.3),transparent); transform:rotate(45deg); }
.public-compass-axis::after{ content:""; position:absolute; inset:50% auto auto 50%; width:390px; height:1px; background:linear-gradient(transparent,rgba(139,108,255,.3),transparent); transform:translate(-50%,-50%); }
.public-compass > i{ color:rgba(139,108,255,.2); font-size:110px; }
.public-floating-card{
    position:absolute;
    z-index:2;
    margin:0;
    border:1px solid rgba(255,255,255,.17);
    border-radius:14px;
    background:#202638;
    overflow:hidden;
}
.public-floating-card img{ display:block; width:100%; height:100%; object-fit:cover; }
.public-card-one{ width:190px; height:266px; left:4%; top:18%; transform:rotate(-9deg); animation:publicFloatOne 7s ease-in-out infinite; }
.public-card-two{ width:218px; height:305px; left:35%; top:25%; transform:rotate(2deg); animation:publicFloatTwo 8s ease-in-out infinite; }
.public-card-three{ width:174px; height:244px; right:2%; top:14%; transform:rotate(10deg); animation:publicFloatThree 7.5s ease-in-out infinite; }
.public-hero-orbit-label{
    position:absolute;
    z-index:4;
    display:flex;
    align-items:center;
    gap:7px;
    padding:8px 11px;
    border:1px solid var(--public-line);
    border-radius:999px;
    background:rgba(10,13,23,.86);
    color:#c5cce0;
    font-size:10px;
    font-weight:700;
    backdrop-filter:blur(10px);
}
.public-hero-orbit-label i{ color:#9682ff; }
.public-orbit-track{ left:-2%; bottom:16%; }
.public-orbit-discover{ right:3%; bottom:18%; }
.public-orbit-trade{ left:42%; top:8%; }
.public-scroll-cue{ position:absolute; bottom:28px; left:50%; display:flex; flex-direction:column; align-items:center; gap:8px; color:#77819d; font-size:10px; text-decoration:none; transform:translateX(-50%); }

.public-section{
    width:min(1180px,calc(100% - 48px));
    margin:0 auto;
    padding:120px 0;
    scroll-margin-top:90px;
}
.public-section-heading{ max-width:760px; }
.public-section-heading-centered{ margin-inline:auto; text-align:center; }
.public-section-heading h2,
.public-emotion h2,
.public-intelligence h2,
.public-transfer h2,
.public-network h2,
.public-pricing h2{
    margin:14px 0 17px;
    font-size:clamp(36px,4.2vw,60px);
    line-height:1.08;
    letter-spacing:-2.3px;
}
.public-section-heading p,
.public-emotion-copy > p,
.public-intelligence-copy > p,
.public-transfer-copy > p,
.public-network-copy > p,
.public-pricing > div > p{
    margin:0;
    color:var(--public-copy);
    font-size:15px;
    line-height:1.8;
}

.public-pillars{ border-top:1px solid var(--public-line); }
.public-pillar-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:50px; }
.public-pillar{ position:relative; min-height:285px; padding:28px; border:1px solid var(--public-line); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); }
.public-pillar::after{ content:""; position:absolute; inset:auto 0 0; height:3px; border-radius:0 0 18px 18px; background:linear-gradient(90deg,var(--public-coral),var(--public-purple),var(--public-blue)); opacity:0; transition:opacity .25s ease; }
.public-pillar:hover::after{ opacity:1; }
.public-pillar > i{ display:grid; place-items:center; width:48px; height:48px; margin-top:34px; border-radius:14px; background:rgba(139,108,255,.13); color:#9b88ff; font-size:18px; }
.public-card-number{ position:absolute; top:21px; right:23px; color:#566079; font-size:11px; font-weight:700; }
.public-pillar h3{ margin:22px 0 9px; font-size:22px; }
.public-pillar p{ margin:0; color:var(--public-copy); font-size:13px; line-height:1.75; }

.public-emotion{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(370px,.9fr);
    gap:65px;
    align-items:center;
    width:min(1280px,calc(100% - 48px));
    padding:90px 70px;
    border:1px solid var(--public-line);
    border-radius:28px;
    background:linear-gradient(125deg,rgba(255,139,114,.055),rgba(139,108,255,.08) 50%,rgba(98,168,255,.04));
}
.public-inline-features{ display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.public-inline-features span,.public-network-tags span{ padding:8px 11px; border:1px solid var(--public-line); border-radius:999px; color:#b8c0d5; font-size:11px; }
.public-vault-card{ padding:28px; border:1px solid rgba(139,108,255,.28); border-radius:20px; background:rgba(9,12,22,.68); }
.public-vault-label{ color:#8faeff; font-size:10px; font-weight:800; letter-spacing:1.3px; }
.public-vault-card > strong{ display:block; margin:15px 0 26px; font-size:20px; line-height:1.55; }
.public-vault-card > div{ display:flex; justify-content:space-between; gap:15px; padding:14px 0; border-top:1px solid var(--public-line); font-size:12px; }
.public-vault-card > div span{ color:#8f99b3; }

.public-feature-section{ padding-bottom:150px; }
.public-discovery-layout{ display:grid; grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr); gap:60px; align-items:center; margin-top:55px; }
.public-discovery-stack{ position:relative; min-height:460px; }
.public-discovery-card{ position:absolute; width:min(390px,90%); padding:30px; border:1px solid var(--public-line); border-radius:22px; background:var(--public-surface); }
.public-discovery-card-back{ top:10px; left:0; height:280px; color:#7c86a1; transform:rotate(-6deg); }
.public-discovery-card-front{ right:0; bottom:0; z-index:2; min-height:330px; background:linear-gradient(145deg,#171c2e,#101421); }
.public-discovery-card-front > i{ display:grid; place-items:center; width:48px; height:48px; margin-bottom:28px; border-radius:14px; background:rgba(139,108,255,.15); color:#a18fff; }
.public-discovery-card small{ color:#8faeff; font-size:10px; font-weight:800; letter-spacing:1.2px; }
.public-discovery-card strong{ display:block; margin-top:11px; color:#fff; font-size:23px; line-height:1.35; }
.public-discovery-card p,.public-discovery-card span{ color:var(--public-copy); font-size:12px; line-height:1.7; }
.public-discovery-card button{ margin-top:18px; padding:0; border:0; background:transparent; color:#8faeff; font-size:12px; font-weight:700; cursor:pointer; }
.public-discovery-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.public-mini-feature{ display:flex; gap:15px; min-height:135px; padding:20px; border:1px solid var(--public-line); border-radius:16px; background:rgba(255,255,255,.02); }
.public-mini-feature > i{ width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto; border-radius:11px; background:rgba(98,168,255,.1); color:#79b4ff; }
.public-mini-feature h3{ margin:1px 0 6px; font-size:14px; }
.public-mini-feature p{ margin:0; color:var(--public-copy); font-size:12px; line-height:1.6; }

.public-intelligence,.public-transfer,.public-network,.public-pricing{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr); gap:70px; align-items:center; }
.public-intelligence-copy ul{ display:grid; gap:12px; margin:27px 0 0; padding:0; list-style:none; }
.public-intelligence-copy li{ display:flex; gap:10px; color:#c4cadb; font-size:12px; line-height:1.6; }
.public-intelligence-copy li i{ margin-top:3px; color:#48d6a2; }
.public-intelligence-window{ padding:16px; border:1px solid rgba(98,168,255,.24); border-radius:22px; background:#121726; }
.public-window-bar{ display:flex; align-items:center; gap:6px; padding:2px 2px 16px; border-bottom:1px solid var(--public-line); }
.public-window-bar > span{ width:7px; height:7px; border-radius:50%; background:#505a74; }
.public-window-bar small{ margin-left:auto; color:#66708a; font-size:9px; letter-spacing:1px; }
.public-advisor-head{ display:flex; justify-content:space-between; gap:20px; padding:22px 8px 16px; }
.public-advisor-head div{ display:flex; flex-direction:column; gap:5px; }
.public-advisor-head small{ color:#6daeff; font-size:9px; font-weight:800; letter-spacing:1px; }
.public-advisor-head strong{ font-size:16px; }
.public-advisor-head > span{ align-self:flex-start; padding:6px 9px; border-radius:999px; background:rgba(98,168,255,.1); color:#7bb8ff; font-size:9px; }
.public-intelligence-window article{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; margin-top:8px; padding:14px; border:1px solid var(--public-line); border-radius:13px; background:rgba(255,255,255,.022); }
.public-intelligence-window article > i{ width:37px; height:37px; display:grid; place-items:center; border-radius:10px; background:rgba(139,108,255,.12); color:#9b88ff; }
.public-intelligence-window article div{ display:flex; flex-direction:column; }
.public-intelligence-window article span{ color:#7f8aa5; font-size:10px; }
.public-intelligence-window article strong{ margin-top:3px; font-size:11px; }
.public-intelligence-window article b{ color:#6daeff; font-size:9px; }

.public-trade{ width:min(1280px,calc(100% - 48px)); padding-inline:50px; border:1px solid var(--public-line); border-radius:28px; background:linear-gradient(180deg,rgba(139,108,255,.065),rgba(255,255,255,.012)); }
.public-trade-demo{ display:grid; grid-template-columns:1fr minmax(250px,.75fr) 1fr; align-items:center; gap:22px; width:min(890px,100%); margin:50px auto 0; }
.public-trader{ display:grid; justify-items:center; gap:7px; }
.public-trader img{ width:145px; aspect-ratio:2.5/3.5; object-fit:cover; border:1px solid rgba(255,255,255,.15); border-radius:11px; }
.public-trader span{ margin-top:5px; color:#7d88a4; font-size:9px; font-weight:800; letter-spacing:1px; }
.public-trader strong{ font-size:13px; }
.public-trade-score{ display:flex; flex-direction:column; align-items:center; padding:25px 18px; border:1px solid rgba(139,108,255,.32); border-radius:18px; background:#111625; text-align:center; }
.public-trade-score > span{ color:#9b88ff; font-size:9px; font-weight:800; letter-spacing:1px; }
.public-trade-score > strong{ margin-top:8px; font-size:45px; letter-spacing:-2px; }
.public-trade-score > b{ color:#47d7a2; font-size:11px; }
.public-trade-score > i{ margin:18px 0; color:#6daeff; font-size:20px; }
.public-trade-score > small{ color:#8993ac; font-size:10px; line-height:1.6; }
.public-trade-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; margin-top:50px; }
.public-trade-feature{ padding:17px; border:1px solid var(--public-line); border-radius:14px; background:rgba(255,255,255,.018); }
.public-trade-feature span{ color:#f1f3f9; font-size:11px; font-weight:700; }
.public-trade-feature p{ margin:8px 0 0; color:#8e98b1; font-size:10px; line-height:1.6; }
.public-trade-feature-network{ border-color:rgba(139,108,255,.28); }

.public-transfer-sources{ display:flex; flex-wrap:wrap; gap:9px; margin:25px 0 29px; }
.public-transfer-sources span{ display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid var(--public-line); border-radius:10px; color:#c4cbdc; font-size:11px; }
.public-transfer-sources i{ color:#8faeff; }
.public-transfer-sources .public-coming{ color:#717c98; }
.public-transfer-flow{ position:relative; display:grid; gap:9px; }
.public-transfer-flow > div{ display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:13px; padding:20px; border:1px solid var(--public-line); border-radius:16px; background:var(--public-surface); }
.public-transfer-flow > div > i{ width:44px; height:44px; display:grid; place-items:center; grid-row:1/3; border-radius:13px; background:rgba(139,108,255,.13); color:#9b88ff; }
.public-transfer-flow > div > span{ color:#65708d; font-size:9px; font-weight:800; }
.public-transfer-flow > div > strong{ font-size:13px; }
.public-transfer-flow > div > small{ grid-column:3; color:#8993ad; font-size:10px; }
.public-transfer-flow > i{ justify-self:center; color:#4c5670; }

.public-showcase{ width:min(1320px,calc(100% - 32px)); padding-inline:30px; }
.public-devices{ position:relative; min-height:650px; margin-top:55px; }
.public-device{ border:1px solid rgba(159,171,211,.24); background:#0e1220; }
.public-device-desktop{ position:absolute; inset:0 9% 0 0; padding:10px; border-radius:22px; }
.public-device-top{ height:32px; display:flex; align-items:center; gap:7px; padding:0 9px; border-bottom:1px solid var(--public-line); color:#8e7cff; }
.public-device-top span{ width:6px; height:6px; margin-left:2px; border-radius:50%; background:#4d5770; }
.public-device-screen{ height:calc(100% - 32px); display:grid; grid-template-columns:68px 1fr; }
.public-device-screen aside{ display:flex; flex-direction:column; align-items:center; gap:25px; padding:19px 0; border-right:1px solid var(--public-line); color:#66718f; }
.public-device-screen aside b{ width:33px; height:33px; display:grid; place-items:center; border-radius:10px; background:rgba(139,108,255,.18); color:#9c89ff; font-size:10px; }
.public-device-screen main{ padding:42px; background:radial-gradient(circle at 80% 10%,rgba(139,108,255,.1),transparent 30%); }
.public-device-screen main > small{ color:#779cff; font-size:9px; font-weight:800; letter-spacing:1px; }
.public-device-screen h3{ margin:8px 0 24px; font-size:28px; }
.public-mock-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.public-mock-stats span{ display:flex; flex-direction:column; gap:3px; padding:15px; border:1px solid var(--public-line); border-radius:12px; color:#808ba7; font-size:9px; }
.public-mock-stats b{ color:#fff; font-size:18px; }
.public-mock-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,150px)); gap:14px; margin-top:24px; }
.public-mock-cards img{ width:100%; aspect-ratio:2.5/3.5; object-fit:cover; border-radius:9px; }
.public-device-phone{ position:absolute; right:0; bottom:-20px; z-index:3; width:235px; height:485px; display:flex; flex-direction:column; align-items:center; padding:28px 18px 20px; border-radius:32px; }
.public-phone-notch{ position:absolute; top:9px; width:72px; height:13px; border-radius:999px; background:#05070c; }
.public-device-phone > small{ margin:14px 0; color:#7caeff; font-size:8px; font-weight:800; letter-spacing:.8px; }
.public-device-phone > img{ width:130px; aspect-ratio:2.5/3.5; object-fit:cover; border-radius:9px; }
.public-device-phone > strong{ margin-top:17px; font-size:14px; }
.public-device-phone > span{ margin-top:5px; color:#77829e; font-size:9px; }
.public-showcase-tabs{ display:flex; justify-content:center; flex-wrap:wrap; gap:7px; margin-top:22px; }
.public-showcase-tabs span{ padding:8px 12px; border:1px solid transparent; border-radius:999px; color:#737e99; font-size:10px; }
.public-showcase-tabs .active{ border-color:rgba(139,108,255,.34); background:rgba(139,108,255,.1); color:#a896ff; }

.public-journey{ padding-top:145px; }
.public-timeline{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); margin-top:55px; }
.public-timeline::before{ content:""; position:absolute; top:42px; left:8%; right:8%; height:1px; background:linear-gradient(90deg,var(--public-coral),var(--public-purple),var(--public-blue)); }
.public-timeline article{ position:relative; text-align:center; }
.public-timeline article > span{ color:#8792ad; font-size:11px; }
.public-timeline article > i{ position:relative; z-index:2; display:block; width:13px; height:13px; margin:16px auto 25px; border:3px solid var(--public-bg); border-radius:50%; background:#8c72ff; }
.public-timeline article > div{ padding:0 20px; }
.public-timeline strong{ font-size:15px; }
.public-timeline p{ margin:7px 0 0; color:#8892ac; font-size:11px; }
.public-network-map{ position:relative; min-height:440px; }
.public-network-core,.public-network-person{ position:absolute; display:grid; place-items:center; border-radius:50%; }
.public-network-core{ top:50%; left:50%; z-index:3; width:100px; height:100px; border:1px solid rgba(139,108,255,.48); background:#161b2d; color:#9b88ff; font-size:28px; transform:translate(-50%,-50%); }
.public-network-map::before,.public-network-map::after{ content:""; position:absolute; top:50%; left:50%; border:1px dashed rgba(139,108,255,.18); border-radius:50%; transform:translate(-50%,-50%); }
.public-network-map::before{ width:300px; height:300px; }.public-network-map::after{ width:430px; height:430px; }
.public-network-person{ z-index:2; width:44px; height:44px; border:1px solid var(--public-line); background:#161b2a; color:#c4cbde; font-size:11px; }
.public-network-person-1{ top:3%; left:45%; }.public-network-person-2{ top:24%; right:5%; }.public-network-person-3{ right:10%; bottom:12%; }.public-network-person-4{ left:46%; bottom:1%; }.public-network-person-5{ left:5%; bottom:15%; }.public-network-person-6{ left:3%; top:24%; }
.public-network-copy{ max-width:520px; }
.public-network-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }

.public-roadmap{ padding-bottom:140px; }
.public-roadmap-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:50px; }
.public-roadmap-card{ min-height:310px; padding:27px; border:1px solid var(--public-line); border-radius:18px; background:rgba(255,255,255,.02); }
.public-roadmap-card:nth-child(1){ border-color:rgba(98,168,255,.34); background:linear-gradient(145deg,rgba(98,168,255,.075),rgba(255,255,255,.015)); }
.public-roadmap-card > span{ color:#7baeff; font-size:9px; font-weight:800; letter-spacing:1.2px; }
.public-roadmap-card h3{ margin:12px 0 27px; font-size:25px; }
.public-roadmap-card ul{ display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.public-roadmap-card li{ display:flex; align-items:center; gap:10px; color:#aeb6ca; font-size:12px; }
.public-roadmap-card li i{ color:#4bd8a5; font-size:10px; }

.public-comparison{ display:grid; grid-template-columns:minmax(0,.7fr) minmax(530px,1.3fr); gap:55px; align-items:start; }
.public-comparison-table{ border:1px solid var(--public-line); border-radius:18px; overflow:hidden; }
.public-comparison-table > div{ display:grid; grid-template-columns:1.05fr .9fr 1.35fr; gap:12px; align-items:center; padding:16px 18px; border-top:1px solid var(--public-line); }
.public-comparison-table > div:first-child{ border-top:0; background:rgba(255,255,255,.025); }
.public-comparison-table span,.public-comparison-table strong{ font-size:10px; line-height:1.5; }
.public-comparison-table strong{ color:#f0f2f8; }
.public-comparison-table span{ color:#7e89a4; }
.public-comparison-table div > span:last-child{ display:flex; gap:7px; color:#bfc6d8; }
.public-comparison-table i{ margin-top:2px; color:#4bd8a5; }
.public-comparison-head span{ color:#6f7a96; font-size:9px; font-weight:800; letter-spacing:.8px; }
.public-pricing{ width:min(1280px,calc(100% - 48px)); padding:85px 75px; border:1px solid var(--public-line); border-radius:28px; background:linear-gradient(120deg,rgba(255,139,114,.05),rgba(139,108,255,.08),rgba(98,168,255,.035)); }
.public-pricing > article{ padding:29px; border:1px solid rgba(139,108,255,.32); border-radius:20px; background:rgba(8,10,20,.65); }
.public-pricing article > span{ color:#8faeff; font-size:9px; font-weight:800; letter-spacing:1.2px; }
.public-pricing article > strong{ display:block; margin:13px 0; font-size:42px; }
.public-pricing article > strong small{ color:#8892ac; font-size:12px; font-weight:500; }
.public-pricing article ul{ display:grid; gap:10px; margin:0 0 24px; padding:0; color:#b7bfd2; font-size:11px; list-style:none; }
.public-pricing article li::before{ content:"✓"; margin-right:9px; color:#4bd8a5; }
.public-pricing article .public-button{ width:100%; }
.public-pricing article > small{ display:block; margin-top:12px; color:#6f7a96; font-size:9px; text-align:center; }

.public-testimonial-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:45px; }
.public-testimonial-grid article{ min-height:215px; padding:26px; border:1px solid var(--public-line); border-radius:17px; background:rgba(255,255,255,.018); }
.public-testimonial-grid i{ color:#8e7aff; }
.public-testimonial-grid p{ margin:25px 0; font-size:15px; line-height:1.7; }
.public-testimonial-grid span{ color:#7e88a2; font-size:10px; }
.public-faq{ display:grid; grid-template-columns:minmax(0,.55fr) minmax(520px,1.45fr); gap:70px; }
.public-faq-list{ border-top:1px solid var(--public-line); }
.public-faq details{ border-bottom:1px solid var(--public-line); }
.public-faq summary{ display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 3px; color:#e6e9f2; font-size:13px; font-weight:600; list-style:none; cursor:pointer; }
.public-faq summary::-webkit-details-marker{ display:none; }
.public-faq summary i{ color:#7c88a5; transition:transform .2s ease; }
.public-faq details[open] summary i{ transform:rotate(45deg); }
.public-faq details p{ margin:-5px 0 21px; padding-right:35px; color:#8f99b2; font-size:12px; line-height:1.75; }

.public-final{
    position:relative;
    width:min(1180px,calc(100% - 48px));
    margin:65px auto 0;
    padding:125px 25px;
    border:1px solid var(--public-line);
    border-radius:30px;
    background:radial-gradient(circle at 50% 30%,rgba(139,108,255,.15),transparent 45%),rgba(255,255,255,.015);
    text-align:center;
    overflow:hidden;
}
.public-final-compass{ width:70px; height:70px; display:grid; place-items:center; margin:0 auto 25px; border:1px solid rgba(139,108,255,.35); border-radius:50%; color:#9c88ff; font-size:23px; }
.public-final h2{ margin:16px auto; font-size:clamp(39px,5vw,68px); line-height:1.08; letter-spacing:-2.6px; }
.public-final > p{ color:#9aa4bc; font-size:15px; }
.public-final .public-hero-actions{ justify-content:center; }
.public-footer{ width:min(1180px,calc(100% - 48px)); display:grid; grid-template-columns:auto 1fr; gap:25px 50px; align-items:center; margin:0 auto; padding:55px 0 35px; }
.public-footer > p{ margin:0; color:#77819b; font-size:11px; }
.public-footer > div:not(.public-site-brand){ grid-column:1/-1; display:flex; flex-wrap:wrap; gap:20px; padding-top:25px; border-top:1px solid var(--public-line); }
.public-footer a{ color:#8c96ae; font-size:10px; text-decoration:none; }
.public-footer a:hover{ color:#fff; }
.public-footer > small{ grid-column:1/-1; color:#4f5870; font-size:9px; }

[data-reveal]{ opacity:0; transform:translateY(22px); transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s ease var(--reveal-delay,0ms); }
[data-reveal].is-visible{ opacity:1; transform:translateY(0); }

@keyframes publicSpin{ to{ transform:rotate(360deg); } }
@keyframes publicFloatOne{ 0%,100%{ transform:translateY(0) rotate(-9deg); } 50%{ transform:translateY(-13px) rotate(-7deg); } }
@keyframes publicFloatTwo{ 0%,100%{ transform:translateY(0) rotate(2deg); } 50%{ transform:translateY(12px) rotate(0deg); } }
@keyframes publicFloatThree{ 0%,100%{ transform:translateY(0) rotate(10deg); } 50%{ transform:translateY(-9px) rotate(8deg); } }

@media (max-width:1100px){
    .public-site-links{ gap:15px; }
    .public-site-links a{ font-size:10px; }
    .public-hero{ grid-template-columns:1fr; padding-top:145px; }
    .public-hero-copy{ max-width:820px; }
    .public-hero-visual{ width:min(650px,100%); margin:0 auto; }
    .public-pillar-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .public-emotion,.public-intelligence,.public-transfer,.public-network,.public-pricing,.public-comparison,.public-faq{ grid-template-columns:1fr; }
    .public-emotion{ padding:70px 50px; }
    .public-intelligence-window,.public-transfer-flow,.public-vault-card{ width:min(720px,100%); }
    .public-trade-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    .public-devices{ min-height:570px; }
    .public-device-desktop{ right:5%; }
}

@media (max-width:820px){
    .public-site-nav{
        top:max(10px,env(safe-area-inset-top));
        width:calc(100% - 20px);
        min-height:62px;
        grid-template-columns:minmax(0,1fr) auto;
        gap:12px;
        padding:9px 10px 9px 12px;
    }
    .public-site-brand{ min-width:0; }
    .public-site-brand strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .public-site-menu{ display:grid; place-items:center; justify-self:end; }
    .public-site-nav-actions{ display:none; }
    .public-site-links{
        position:absolute;
        top:70px;
        left:0;
        right:0;
        display:none;
        max-height:calc(100svh - 92px - env(safe-area-inset-bottom));
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:10px;
        border:1px solid var(--public-line);
        border-radius:16px;
        background:#101420;
        box-shadow:0 18px 45px rgba(0,0,0,.35);
        overflow-y:auto;
        overscroll-behavior:contain;
    }
    .public-site-nav.menu-open .public-site-links{ display:flex; }
    .public-site-links a{ min-height:44px; display:flex; align-items:center; padding:12px; font-size:12px; }
    .public-mobile-nav-action{
        display:block;
        width:100%;
        min-height:44px;
        padding:12px;
        border:0;
        border-radius:10px;
        background:transparent;
        color:#c8cee0;
        font-size:12px;
        text-align:left;
        cursor:pointer;
    }
    .public-mobile-nav-primary{ margin-top:4px; background:#7254f4; color:#fff; text-align:center; }
    .public-hero{ padding-inline:24px; }
    .public-hero h1{ font-size:clamp(44px,12vw,68px); letter-spacing:-2.5px; }
    .public-hero-visual{ min-height:470px; transform:scale(.9); }
    .public-section{ width:min(100% - 32px,720px); padding:85px 0; }
    .public-emotion,.public-trade,.public-pricing{ width:calc(100% - 32px); padding:55px 25px; }
    .public-discovery-layout{ grid-template-columns:1fr; }
    .public-discovery-stack{ width:min(500px,100%); }
    .public-trade-demo{ grid-template-columns:1fr 1fr; }
    .public-trade-score{ grid-column:1/-1; grid-row:2; }
    .public-trade-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .public-device-desktop{ right:0; }
    .public-device-screen main{ padding:25px; }
    .public-device-phone{ width:190px; height:410px; }
    .public-device-phone > img{ width:108px; }
    .public-testimonial-grid,.public-roadmap-grid{ grid-template-columns:1fr; }
    .public-footer{ grid-template-columns:1fr; }
}

@media (max-width:560px){
    body[data-public-site="true"]{ width:100%; }
    .public-home-view{ overflow-x:clip; }
    .public-home-view img{ max-width:100%; }
    .public-site-nav{ width:calc(100% - 16px); border-radius:16px; }
    .public-site-brand-mark{ width:40px; height:40px; flex:0 0 40px; }
    .public-site-brand small{ display:none; }
    .public-hero{ min-height:auto; gap:24px; padding:112px 17px 65px; text-align:center; }
    .public-hero-copy{ min-width:0; }
    .public-kicker{ justify-content:center; font-size:10px; letter-spacing:1.35px; }
    .public-hero h1{ margin:16px auto 18px; font-size:clamp(40px,12.5vw,52px); line-height:1.03; letter-spacing:-2px; }
    .public-hero-copy > p{ font-size:15px; line-height:1.65; }
    .public-hero-copy > p br{ display:none; }
    .public-hero-actions{ flex-direction:column; }
    .public-button{ width:100%; min-height:52px; }
    .public-hero-proof{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:28px; }
    .public-hero-proof span{ min-width:0; padding:10px 4px; border:1px solid var(--public-line); border-radius:12px; background:rgba(255,255,255,.02); font-size:10px; }
    .public-hero-proof strong{ font-size:15px; }
    .public-hero-visual{ width:100%; min-height:350px; margin-top:0; transform:none; }
    .public-compass{ width:250px; height:250px; }
    .public-compass::before{ inset:28px; }
    .public-compass::after{ inset:70px; }
    .public-compass-ring{ inset:-25px; }
    .public-compass-axis::after{ width:250px; }
    .public-card-one{ width:112px; height:157px; left:1%; top:22%; }
    .public-card-two{ width:132px; height:185px; left:50%; top:28%; transform:translateX(-50%) rotate(2deg); }
    .public-card-three{ width:102px; height:143px; right:1%; top:19%; }
    .public-hero-orbit-label{ padding:7px 9px; font-size:9px; }
    .public-orbit-track{ left:1%; bottom:10%; }
    .public-orbit-discover{ right:1%; bottom:11%; }
    .public-orbit-trade{ left:50%; top:2%; transform:translateX(-50%); }
    .public-scroll-cue{ display:none; }
    .public-section{ width:calc(100% - 28px); padding:68px 0; scroll-margin-top:82px; }
    .public-section-heading{ text-align:left; }
    .public-section-heading-centered{ text-align:center; }
    .public-section-heading h2,.public-emotion h2,.public-intelligence h2,.public-transfer h2,.public-network h2,.public-pricing h2{ font-size:34px; line-height:1.12; letter-spacing:-1.4px; }
    .public-section-heading p,.public-emotion-copy > p,.public-intelligence-copy > p,.public-transfer-copy > p,.public-network-copy > p,.public-pricing > div > p{ font-size:14px; line-height:1.7; }
    .public-pillar-grid,.public-discovery-grid,.public-trade-grid{ grid-template-columns:1fr; }
    .public-pillar-grid{ margin-top:34px; }
    .public-pillar{ min-height:220px; padding:23px; }
    .public-pillar > i{ margin-top:24px; }
    .public-emotion,.public-trade,.public-pricing{ width:calc(100% - 20px); border-radius:22px; }
    .public-emotion{ gap:38px; padding:42px 18px; }
    .public-vault-card{ padding:21px; }
    .public-vault-card > div{ flex-direction:column; gap:4px; }
    .public-discovery-layout{ gap:35px; margin-top:38px; }
    .public-discovery-stack{ min-height:400px; }
    .public-discovery-card{ width:94%; padding:21px; }
    .public-discovery-card-back{ height:245px; }
    .public-discovery-card-front{ min-height:300px; }
    .public-intelligence,.public-transfer,.public-network,.public-pricing,.public-comparison,.public-faq{ gap:38px; }
    .public-intelligence-window{ padding:11px; border-radius:17px; }
    .public-intelligence-window article{ grid-template-columns:auto minmax(0,1fr); gap:10px; padding:12px; }
    .public-intelligence-window article b{ grid-column:2; }
    .public-advisor-head{ padding-inline:4px; }
    .public-trade{ padding-inline:14px; }
    .public-trade-demo{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin-top:36px; }
    .public-trader{ min-width:0; }
    .public-trader img{ width:min(110px,100%); }
    .public-trade-score{ grid-column:1/-1; grid-row:2; padding:20px 15px; }
    .public-trade-score > strong{ font-size:38px; }
    .public-trade-grid{ margin-top:34px; }
    .public-transfer-flow > div{ grid-template-columns:auto minmax(0,1fr); padding:16px; }
    .public-transfer-flow > div > i{ grid-row:1/3; }
    .public-transfer-flow > div > span,.public-transfer-flow > div > strong,.public-transfer-flow > div > small{ grid-column:2; }
    .public-showcase{ width:calc(100% - 20px); padding-inline:0; }
    .public-devices{ min-height:430px; }
    .public-device-desktop{ height:390px; padding:7px; border-radius:17px; }
    .public-device-screen{ grid-template-columns:42px 1fr; }
    .public-device-screen aside{ gap:17px; font-size:9px; }
    .public-device-screen main{ padding:20px 12px; }
    .public-device-screen h3{ font-size:17px; }
    .public-mock-stats span:nth-child(3){ display:none; }
    .public-mock-stats{ grid-template-columns:1fr 1fr; }
    .public-mock-cards{ gap:7px; }
    .public-device-phone{ display:none; }
    .public-showcase-tabs span{ padding:8px 10px; font-size:9px; }
    .public-journey{ padding-top:90px; }
    .public-timeline{ grid-template-columns:1fr; gap:25px; }
    .public-timeline::before{ top:0; bottom:0; left:21px; width:1px; height:auto; }
    .public-timeline article{ display:grid; grid-template-columns:42px 20px 1fr; align-items:start; text-align:left; }
    .public-timeline article > i{ margin:4px 0; }
    .public-timeline article > div{ padding:0; }
    .public-network-map{ width:100%; min-height:320px; transform:scale(.76); }
    .public-network-map::before{ width:260px; height:260px; }
    .public-network-map::after{ width:350px; height:350px; }
    .public-roadmap{ padding-bottom:85px; }
    .public-roadmap-grid{ margin-top:35px; }
    .public-roadmap-card{ min-height:0; padding:23px; }
    .public-comparison-table{ overflow:visible; border:0; border-radius:0; }
    .public-comparison-head{ display:none!important; }
    .public-comparison-table > div{
        min-width:0;
        display:grid;
        grid-template-columns:1fr;
        gap:9px;
        margin-top:10px;
        padding:17px;
        border:1px solid var(--public-line);
        border-radius:14px;
        background:rgba(255,255,255,.02);
    }
    .public-comparison-table > div > strong{ font-size:13px; }
    .public-comparison-table > div > span{ font-size:11px; }
    .public-comparison-table > div > span:nth-child(2)::before{
        content:"Other apps: ";
        color:#646f89;
        font-size:9px;
        font-weight:700;
        letter-spacing:.5px;
        text-transform:uppercase;
    }
    .public-comparison-table > div > span:last-child::before{
        content:"Collectors Atlas: ";
        flex:0 0 auto;
        color:#799fff;
        font-size:9px;
        font-weight:700;
        letter-spacing:.5px;
        text-transform:uppercase;
    }
    .public-pricing{ padding:42px 17px; }
    .public-pricing > article{ padding:22px; }
    .public-testimonial-grid{ margin-top:34px; }
    .public-testimonial-grid article{ min-height:0; padding:22px; }
    .public-faq summary{ min-height:58px; padding:17px 3px; }
    .public-final{ width:calc(100% - 24px); padding:80px 18px; }
    .public-final h2{ font-size:38px; letter-spacing:-1.8px; }
    .public-footer{ width:calc(100% - 28px); gap:18px; padding:42px 0 calc(28px + env(safe-area-inset-bottom)); text-align:center; }
    .public-footer .public-site-brand{ justify-content:center; }
    .public-footer > div:not(.public-site-brand){ justify-content:center; gap:14px 18px; }
    .public-footer a{ min-height:44px; display:inline-flex; align-items:center; font-size:11px; }
}

@media (max-width:380px){
    .public-site-brand strong{ font-size:13px; }
    .public-hero{ padding-inline:14px; }
    .public-hero h1{ font-size:39px; }
    .public-hero-proof{ grid-template-columns:1fr; }
    .public-hero-proof span{ flex-direction:row; align-items:center; justify-content:space-between; padding:10px 13px; }
    .public-hero-visual{ min-height:325px; }
    .public-compass{ width:220px; height:220px; }
    .public-compass-axis::after{ width:220px; }
    .public-card-one{ width:98px; height:137px; }
    .public-card-two{ width:116px; height:162px; }
    .public-card-three{ width:90px; height:126px; }
}

@media (prefers-reduced-motion:reduce){
    .public-home-view *{ scroll-behavior:auto!important; animation:none!important; transition-duration:.01ms!important; }
    [data-reveal]{ opacity:1; transform:none; }
}