:root{
  --primary: rgb(70,139,223);
  --primary-dark: #1e5fa8;
  --primary-soft: #eef6ff;
  --blue-50: #f6fbff;
  --blue-100: #e8f3ff;
  --ink: #122033;
  --muted: #64748b;
  --line: #dce8f5;
  --card: rgba(255,255,255,.86);
  --shadow: 0 18px 50px rgba(30,95,168,.09);
  --radius: 24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f7fbff 0%,#fff 34%,#f7fbff 100%);line-height:1.72;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,232,245,.9)}
.header-inner{width:min(1160px,calc(100% - 32px));margin:0 auto;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.01em}.brand-logo{width:36px;height:36px;border-radius:12px}.brand-text{font-size:18px}.site-nav{display:none;align-items:center;gap:4px}.site-nav a{padding:10px 13px;border-radius:999px;color:#486174;font-size:14px}.site-nav a:hover,.site-nav a.active{background:var(--primary-soft);color:var(--primary-dark)}.nav-toggle{display:none}.nav-button{display:flex;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:14px;background:#fff}.nav-button span{width:18px;height:2px;background:#24415d;border-radius:4px}.nav-toggle:checked~.site-nav{display:flex;position:absolute;left:16px;right:16px;top:76px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--shadow)}.nav-toggle:checked~.site-nav a{padding:12px 14px}.section{padding:58px 0}.container{width:min(1160px,calc(100% - 32px));margin:0 auto}.narrow{width:min(880px,calc(100% - 32px));margin:0 auto}.eyebrow,.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:13px;font-weight:700}.centered-hero{padding:84px 0 36px;text-align:center;position:relative}.centered-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,rgba(70,139,223,.14),transparent 38%);pointer-events:none}.hero-content{position:relative;width:min(890px,calc(100% - 32px));margin:0 auto}.hero-content h1{margin:20px auto 18px;font-size:clamp(38px,8vw,78px);line-height:1.03;letter-spacing:-.06em;max-width:860px}.hero-content p{margin:0 auto;color:var(--muted);font-size:17px;max-width:720px}.hero-actions{margin-top:28px;display:flex;justify-content:center}.download-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--primary);color:#fff!important;font-weight:800;box-shadow:0 14px 30px rgba(70,139,223,.26);transition:transform .2s ease,box-shadow .2s ease}.download-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(70,139,223,.34)}.security-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.security-tags span,.tag{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);color:#46637c;font-size:13px}.gradient-background{background:linear-gradient(135deg,#f2f8ff 0%,#fff 46%,#eaf4ff 100%)}.product-bento{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}.product-main{position:relative;min-height:430px;border-radius:30px;background:linear-gradient(145deg,#fff 0%,#eef7ff 100%);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;padding:28px;display:flex;align-items:center;justify-content:center}.product-main:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(70,139,223,.18);filter:blur(10px);top:28px;right:18%}.app-visual{position:relative;width:min(300px,72vw);margin:auto;filter:drop-shadow(0 24px 45px rgba(20,69,124,.22))}.status-grid{display:grid;grid-template-columns:1fr;gap:16px}.status-card,.card,.category-card,.feature-card,.scenario-card,.faq-item,.principle-card,.doc-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.status-card strong{display:block;margin-bottom:6px}.status-card p,.card p,.category-card p,.feature-card p,.scenario-card p,.faq-item p,.principle-card p,.doc-card p{margin:0;color:var(--muted)}.section-heading{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.section-heading h2{margin:0;font-size:clamp(28px,5vw,44px);line-height:1.16;letter-spacing:-.04em}.section-heading p{margin:0;color:var(--muted);max-width:720px}.capability-grid,.feature-grid{display:grid;grid-template-columns:1fr;gap:16px}.capability-grid .card strong{display:block;font-size:18px;margin-bottom:10px}.roadmap{display:grid;grid-template-columns:1fr;gap:14px;counter-reset:step}.roadmap-item{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 20px 20px 72px;box-shadow:var(--shadow)}.roadmap-item:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:20px;width:38px;height:38px;border-radius:14px;background:var(--primary);color:#fff;font-weight:800;display:grid;place-items:center;font-size:13px}.roadmap-item h3{margin:0 0 6px}.roadmap-item p{margin:0 0 10px;color:var(--muted)}.text-link{color:var(--primary-dark);font-weight:800}.category-bento{display:grid;grid-template-columns:1fr;gap:16px}.category-card{display:flex;flex-direction:column;justify-content:space-between;min-height:170px}.category-card h3{margin:0 0 10px;font-size:20px}.category-card a{margin-top:16px;color:var(--primary-dark);font-weight:800}.category-card.featured{background:linear-gradient(145deg,#fff,#eef7ff)}.bento-grid{display:grid;grid-template-columns:1fr;gap:16px}.feature-card h3{margin:0 0 10px}.feature-card.large{background:linear-gradient(145deg,#fff,#edf7ff)}.security-layout{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}.security-panel{display:grid;gap:12px}.principle-card{display:flex;gap:14px;align-items:flex-start}.principle-card .dot{width:12px;height:12px;border-radius:50%;background:var(--primary);margin-top:8px;flex:0 0 12px}.scenario-grid{display:grid;grid-template-columns:1fr;gap:16px}.scenario-card h3{margin:0 0 8px}.faq-list{display:grid;gap:14px}.faq-item h3{margin:0 0 8px;font-size:18px}.cta-section{padding:68px 0}.cta-box{text-align:center;border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,#fff,#edf7ff);box-shadow:var(--shadow);padding:42px 22px}.cta-box h2{margin:0 0 12px;font-size:clamp(28px,5vw,46px);letter-spacing:-.04em}.cta-box p{margin:0 auto 24px;max-width:680px;color:var(--muted)}.page-hero{padding:62px 0 30px}.page-hero h1{margin:14px 0 14px;font-size:clamp(34px,7vw,60px);line-height:1.1;letter-spacing:-.05em}.page-hero p{margin:0;color:var(--muted);font-size:17px;max-width:760px}.doc-layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.article-body{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:24px}.article-body h2{font-size:25px;margin:8px 0 12px}.article-body p{color:#52677b}.checklist,.step-list{display:grid;gap:12px;margin:20px 0}.checklist div,.step-list div{padding:15px;border-radius:18px;background:var(--primary-soft);border:1px solid #d5eaff}.side-panel{display:grid;gap:14px}.note-box{border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f2f8ff);padding:20px}.download-row{margin-top:24px}.download-page-grid{display:grid;grid-template-columns:1fr;gap:18px}.site-footer{margin-top:40px;background:#0f2238;color:#d8e7f7}.footer-inner{width:min(1160px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1fr;gap:24px;padding:38px 0}.footer-brand{font-weight:900;color:#fff;font-size:20px}.footer-inner p{color:#b9cae0;max-width:620px}.footer-links{display:grid;gap:10px}.footer-links a{color:#d8e7f7}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:16px;color:#9eb3c8;font-size:13px}.category-nav{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.category-nav a{padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#49677f;font-weight:700}.process-steps{display:grid;gap:12px}.process-steps .step{border-left:3px solid var(--primary);padding:14px 16px;background:#fff;border-radius:0 18px 18px 0;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
@media (min-width:700px){.capability-grid{grid-template-columns:repeat(2,1fr)}.category-bento{grid-template-columns:repeat(2,1fr)}.scenario-grid{grid-template-columns:repeat(2,1fr)}.download-page-grid{grid-template-columns:repeat(2,1fr)}.status-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.nav-button{display:none}.site-nav{display:flex}.product-bento{grid-template-columns:1.45fr .9fr}.product-main{min-height:540px}.status-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:repeat(4,1fr)}.roadmap{grid-template-columns:repeat(3,1fr)}.roadmap-item:nth-child(2),.roadmap-item:nth-child(5){transform:translateY(24px)}.category-bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto)}.category-card.featured{grid-column:span 2}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(170px,auto)}.feature-card.large{grid-column:span 2;grid-row:span 2}.feature-card.medium{grid-column:span 2}.security-layout{grid-template-columns:1fr .9fr}.scenario-grid{grid-template-columns:repeat(5,1fr)}.scenario-card:nth-child(1),.scenario-card:nth-child(2){grid-column:span 2}.scenario-card:nth-child(3){grid-column:span 1}.scenario-card:nth-child(4),.scenario-card:nth-child(5){grid-column:span 2}.doc-layout{grid-template-columns:minmax(0,1fr) 320px}.article-body{padding:34px}.footer-inner{grid-template-columns:1fr 360px}.footer-links{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.container,.narrow,.hero-content,.header-inner,.footer-inner{width:calc(100% - 24px)}.centered-hero{padding-top:58px}.product-main{padding:18px;min-height:360px}.download-btn{width:100%;max-width:280px}.security-tags span{font-size:12px}.article-body{padding:20px}.status-card,.card,.category-card,.feature-card,.scenario-card,.faq-item,.principle-card,.doc-card{padding:18px}}