:root{
    --primary:#2980FE;
    --primary-dark:#1768df;
    --text:#1f2937;
    --muted:#6b7280;
    --soft:#f5f8fc;
    --soft-blue:#eef6ff;
    --line:#e5eaf2;
    --card:#ffffff;
    --shadow:0 18px 48px rgba(41,128,254,.10);
    --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",Arial,sans-serif;
    color:var(--text);
    background:linear-gradient(180deg,#fff 0%,#f7fbff 48%,#fff 100%);
    line-height:1.75;
    overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{
    position:sticky;
    top:0;
    z-index:30;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(229,234,242,.75);
}
.nav-wrap{
    width:min(1180px,calc(100% - 32px));
    margin:auto;
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.brand,.footer-brand{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:800;
    letter-spacing:.02em;
}
.logo,.footer-brand img{
    width:38px;
    height:38px;
    object-fit:contain;
    border-radius:12px;
}
.site-nav{
    display:none;
    position:absolute;
    top:72px;
    left:16px;
    right:16px;
    padding:14px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:var(--shadow);
}
.site-nav.open{display:grid;gap:6px}
.site-nav a{
    padding:10px 12px;
    color:#465164;
    border-radius:14px;
    font-size:15px;
}
.site-nav a:hover,.site-nav a.active{
    color:var(--primary);
    background:var(--soft-blue);
}
.nav-toggle{
    width:44px;height:44px;border:1px solid var(--line);
    background:#fff;border-radius:14px;display:grid;place-content:center;gap:5px;
}
.nav-toggle span{display:block;width:18px;height:2px;background:#273142;border-radius:8px}
.container,.content-container{
    width:min(1120px,calc(100% - 32px));
    margin:auto;
}
.narrow-container{
    width:min(880px,calc(100% - 32px));
    margin:auto;
}
.section{padding:56px 0}
.section-head{
    display:grid;
    gap:8px;
    margin-bottom:24px;
}
.section-kicker,.category-badge,.eyebrow{
    display:inline-flex;
    width:max-content;
    align-items:center;
    gap:8px;
    color:var(--primary);
    background:var(--soft-blue);
    border:1px solid rgba(41,128,254,.18);
    padding:7px 12px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
}
h1,h2,h3{line-height:1.18;margin:0;color:#152033}
h1{font-size:clamp(34px,8vw,66px);letter-spacing:-.04em}
h2{font-size:clamp(26px,5vw,42px);letter-spacing:-.03em}
h3{font-size:20px}
p{margin:0;color:var(--muted)}
.lead{font-size:18px;color:#4b5563}
.gradient-bg{
    background:
      radial-gradient(circle at 20% 5%,rgba(41,128,254,.16),transparent 34%),
      radial-gradient(circle at 86% 18%,rgba(41,128,254,.10),transparent 28%),
      linear-gradient(180deg,#fff,#f4f9ff);
}
.launch-hero{
    padding:58px 0 44px;
    position:relative;
    overflow:hidden;
}
.launch-hero::after{
    content:"";
    position:absolute;
    inset:auto -10% -32% 45%;
    height:340px;
    background:radial-gradient(circle,rgba(41,128,254,.16),transparent 62%);
    pointer-events:none;
}
.launch-grid{
    display:grid;
    gap:32px;
    align-items:center;
}
.hero-copy{display:grid;gap:20px;position:relative;z-index:1}
.hero-copy h1 span{color:var(--primary)}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.security-tags,.floating-tags,.pill-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.security-tags span,.floating-tags span,.pill-row span{
    padding:8px 12px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
    color:#4b5563;
    font-size:13px;
    box-shadow:0 8px 20px rgba(31,41,55,.04);
}
.download-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:13px 24px;
    border-radius:999px;
    background:var(--primary);
    color:#fff;
    font-weight:800;
    box-shadow:0 14px 30px rgba(41,128,254,.26);
    border:1px solid rgba(255,255,255,.36);
    transition:.2s ease;
}
.download-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}
.hero-visual,.app-showcase{
    position:relative;
    min-height:360px;
    display:grid;
    place-items:center;
    z-index:1;
}
.phone-stage{
    position:relative;
    width:min(420px,100%);
    padding:24px;
    border-radius:36px;
    background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(237,246,255,.92));
    border:1px solid rgba(41,128,254,.14);
    box-shadow:var(--shadow);
}
.phone-stage img{
    width:min(300px,82%);
    margin:auto;
    filter:drop-shadow(0 24px 40px rgba(41,128,254,.18));
}
.float-card{
    position:absolute;
    background:#fff;
    border:1px solid var(--line);
    box-shadow:0 18px 40px rgba(31,41,55,.10);
    border-radius:18px;
    padding:10px 12px;
    color:#3b4658;
    font-size:13px;
    font-weight:700;
}
.float-card.one{top:26px;left:6px}
.float-card.two{right:0;top:96px}
.float-card.three{left:0;bottom:72px}
.float-card.four{right:18px;bottom:28px}
.highlight-bar{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
}
.highlight-card,.launch-card,.mini-card,.faq-item,.risk-card,.category-card,.step-card,.notice-card,.info-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:0 12px 32px rgba(31,41,55,.05);
}
.highlight-card{
    padding:18px;
    display:grid;
    gap:9px;
}
.highlight-card .tag{
    width:max-content;
    padding:5px 9px;
    border-radius:999px;
    color:var(--primary);
    background:var(--soft-blue);
    font-size:12px;
    font-weight:800;
}
.highlight-card a,.text-link{
    color:var(--primary);
    font-weight:800;
}
.big-feature-card{
    margin:26px 0;
    padding:24px;
    border-radius:30px;
    background:#fff;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    display:grid;
    gap:22px;
    overflow:hidden;
}
.big-feature-card.alt,.cold-wallet-feature{
    background:linear-gradient(135deg,#fff,#f2f8ff);
}
.big-feature-card .feature-copy{display:grid;gap:16px}
.feature-list,.check-list{
    display:grid;
    gap:10px;
    padding:0;
    margin:0;
    list-style:none;
}
.feature-list li,.check-list li{
    position:relative;
    padding-left:26px;
    color:#4b5563;
}
.feature-list li::before,.check-list li::before{
    content:"";
    position:absolute;left:0;top:.65em;
    width:10px;height:10px;border-radius:50%;
    background:var(--primary);
    box-shadow:0 0 0 5px rgba(41,128,254,.10);
}
.feature-media{
    display:grid;
    place-items:center;
    background:linear-gradient(180deg,#f7fbff,#fff);
    border:1px solid var(--line);
    border-radius:26px;
    min-height:260px;
    padding:20px;
}
.feature-media img{
    max-height:340px;
    object-fit:contain;
    filter:drop-shadow(0 18px 30px rgba(41,128,254,.16));
}
.dapp-feature .feature-media{
    align-content:center;
}
.process-steps{
    display:grid;
    gap:14px;
}
.step-card{
    padding:18px;
    display:grid;
    gap:8px;
}
.step-card .num{
    width:38px;height:38px;border-radius:13px;
    display:grid;place-items:center;
    color:#fff;background:var(--primary);font-weight:900;
}
.risk-grid,.category-grid,.app-category-center,.info-grid,.faq-list{
    display:grid;
    gap:16px;
}
.risk-card,.category-card,.faq-item,.notice-card,.info-card{
    padding:20px;
}
.risk-card{
    border-left:4px solid var(--primary);
}
.risk-card strong,.category-card strong{display:block;color:#152033;margin-bottom:6px}
.page-hero{
    padding:54px 0 28px;
    background:
      radial-gradient(circle at 75% 0,rgba(41,128,254,.14),transparent 32%),
      linear-gradient(180deg,#fff,#f4f9ff);
}
.page-hero .narrow-container,.page-hero .container{
    display:grid;
    gap:18px;
}
.page-layout{
    width:min(1120px,calc(100% - 32px));
    margin:34px auto 64px;
    display:grid;
    gap:20px;
}
.article-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:30px;
    padding:24px;
    box-shadow:var(--shadow);
    display:grid;
    gap:18px;
}
.article-card h2{font-size:26px}
.article-card p + p{margin-top:2px}
.side-panel{
    display:grid;
    gap:14px;
    align-self:start;
}
.safety-panel{
    background:linear-gradient(145deg,#f5faff,#fff);
    border:1px solid rgba(41,128,254,.16);
    border-radius:26px;
    padding:20px;
    display:grid;
    gap:12px;
}
.cta-section{
    text-align:center;
    padding:44px 22px;
    border-radius:32px;
    background:
      radial-gradient(circle at 50% 0,rgba(41,128,254,.15),transparent 48%),
      linear-gradient(135deg,#f7fbff,#fff);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    display:grid;
    gap:16px;
    justify-items:center;
}
.faq-item details{display:grid;gap:10px}
.faq-item summary{
    cursor:pointer;
    font-weight:800;
    color:#152033;
    list-style:none;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item p{margin-top:10px}
.download-steps{
    counter-reset:item;
    display:grid;
    gap:14px;
}
.download-steps .step-card{position:relative}
.download-page-card{
    text-align:center;
    justify-items:center;
}
.site-footer{
    border-top:1px solid var(--line);
    background:#fff;
    padding:44px 0 22px;
}
.footer-grid{
    width:min(1120px,calc(100% - 32px));
    margin:auto;
    display:grid;
    gap:26px;
}
.site-footer h3{font-size:16px;margin-bottom:10px}
.site-footer a{
    display:block;
    color:#5b6575;
    margin:8px 0;
    font-size:14px;
}
.site-footer p{font-size:14px;max-width:360px}
.footer-bottom{
    width:min(1120px,calc(100% - 32px));
    margin:28px auto 0;
    padding-top:18px;
    border-top:1px solid var(--line);
    display:flex;
    gap:10px;
    justify-content:space-between;
    flex-wrap:wrap;
    color:#8a94a6;
    font-size:13px;
}
@media (min-width:640px){
    .highlight-bar{grid-template-columns:repeat(2,1fr)}
    .risk-grid,.category-grid,.app-category-center,.info-grid{grid-template-columns:repeat(2,1fr)}
    .process-steps{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
}
@media (min-width:920px){
    .nav-toggle{display:none}
    .site-nav{
        display:flex;
        position:static;
        padding:0;
        border:0;
        box-shadow:none;
        background:transparent;
        align-items:center;
        justify-content:flex-end;
        flex-wrap:wrap;
        gap:2px;
    }
    .site-nav a{font-size:14px;padding:8px 9px}
    .launch-hero{padding:82px 0 58px}
    .launch-grid{grid-template-columns:1.02fr .98fr;gap:48px}
    .hero-copy{gap:24px}
    .highlight-bar{grid-template-columns:repeat(3,1fr)}
    .big-feature-card{
        grid-template-columns:1.04fr .96fr;
        align-items:center;
        padding:34px;
        min-height:420px;
    }
    .big-feature-card.reverse{grid-template-columns:.95fr 1.05fr}
    .big-feature-card.reverse .feature-media{order:-1}
    .process-steps{grid-template-columns:repeat(3,1fr)}
    .risk-grid{grid-template-columns:repeat(3,1fr)}
    .app-category-center{grid-template-columns:repeat(4,1fr)}
    .page-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
    .article-card{padding:34px}
}
@media (min-width:1120px){
    .site-nav a{padding:9px 12px}
}
@media (max-width:380px){
    .container,.content-container,.narrow-container,.page-layout,.nav-wrap{width:min(100% - 22px,1120px)}
    h1{font-size:32px}
    .download-btn{width:100%}
    .hero-actions{width:100%}
}