*{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:#182235;background:linear-gradient(180deg,#f7fbff 0%,#fff 42%,#f6f9fd 100%);line-height:1.75}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,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(70,139,223,.12)}.header-inner{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em}.logo-img{width:38px;height:38px;border-radius:12px}.brand-name{font-size:18px;color:#11213c}.nav-toggle{display:none}.nav-trigger{width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;border:1px solid rgba(70,139,223,.18);border-radius:14px;background:#fff}.nav-trigger span{display:block;width:18px;height:2px;background:#18314f;border-radius:3px}.site-nav{position:absolute;left:16px;right:16px;top:68px;display:none;flex-direction:column;gap:4px;padding:12px;background:#fff;border:1px solid rgba(70,139,223,.14);box-shadow:0 18px 45px rgba(22,54,90,.11);border-radius:18px}.site-nav a{padding:12px 14px;border-radius:12px;color:#4a5a70;font-size:15px}.site-nav a.active,.site-nav a:hover{background:rgba(70,139,223,.10);color:rgb(70,139,223)}.nav-toggle:checked~.site-nav{display:flex}.container{max-width:1120px;margin:0 auto;padding:0 20px}.section{padding:72px 0}.eyebrow,.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(70,139,223,.10);color:rgb(70,139,223);font-weight:700;font-size:13px;letter-spacing:.04em}.magazine-hero{padding:72px 0 42px;overflow:hidden}.hero-grid{display:grid;gap:40px;align-items:center}.hero-copy h1{font-size:clamp(38px,9vw,78px);line-height:1.04;margin:20px 0 22px;letter-spacing:-.055em;color:#0f1f34}.hero-copy p{max-width:680px;font-size:17px;color:#526279;margin:0 0 26px}.download-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:rgb(70,139,223);color:#fff;font-weight:800;letter-spacing:.02em;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 38px rgba(70,139,223,.32)}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-tags span{font-size:13px;padding:8px 12px;border:1px solid rgba(70,139,223,.18);border-radius:999px;background:#fff;color:#42516b}.product-visual{position:relative;min-height:520px;background:radial-gradient(circle at 30% 10%,rgba(70,139,223,.20),transparent 32%),linear-gradient(145deg,#eff7ff,#fff);border:1px solid rgba(70,139,223,.12);border-radius:32px;padding:28px;box-shadow:0 28px 80px rgba(36,68,105,.10);overflow:hidden}.app-shot{width:min(320px,86%);margin:22px auto 0;filter:drop-shadow(0 26px 35px rgba(15,31,52,.18));border-radius:30px}.float-card{position:absolute;background:rgba(255,255,255,.92);border:1px solid rgba(70,139,223,.16);box-shadow:0 16px 40px rgba(31,69,111,.12);border-radius:20px;padding:14px 16px;max-width:210px}.float-card strong{display:block;color:#0f1f34;font-size:15px}.float-card small{color:#6a7a91}.float-card.status{top:26px;left:24px}.float-card.backup{right:20px;top:42%}.float-card.asset{left:30px;bottom:26px}.brand-statement{background:#fff;border-top:1px solid rgba(70,139,223,.12);border-bottom:1px solid rgba(70,139,223,.12)}.statement-wrap{display:grid;gap:26px}.statement-quote{font-size:clamp(28px,7vw,54px);line-height:1.12;letter-spacing:-.04em;color:#10223a;margin:0}.statement-text{font-size:17px;color:#536278}.split-section{display:grid;gap:28px;align-items:center}.split-section.reverse .split-copy{order:2}.split-copy h2,.section-title{font-size:clamp(30px,7vw,56px);line-height:1.12;margin:14px 0 16px;letter-spacing:-.045em;color:#10223a}.split-copy p,.lead{color:#56667a;font-size:16px;max-width:720px}.info-panel{background:linear-gradient(145deg,#eef7ff,#fff);border:1px solid rgba(70,139,223,.14);border-radius:28px;padding:26px;box-shadow:0 22px 60px rgba(31,69,111,.09)}.panel-row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid rgba(70,139,223,.13)}.panel-row:last-child{border-bottom:0}.panel-row span{color:#66758a}.panel-row strong{color:#14243a}.story-timeline{position:relative;margin-top:34px}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:16px;margin-bottom:18px}.timeline-no{width:46px;height:46px;border-radius:50%;background:rgb(70,139,223);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 12px 30px rgba(70,139,223,.24)}.timeline-card{background:#fff;border:1px solid rgba(70,139,223,.13);border-radius:22px;padding:20px;box-shadow:0 16px 42px rgba(31,69,111,.07)}.timeline-card h3{margin:0 0 8px;font-size:20px}.timeline-card p{margin:0 0 10px;color:#5b6a80}.text-link{color:rgb(70,139,223);font-weight:800}.chapter-index{display:grid;gap:30px;padding:34px;border-radius:32px;background:#fff;border:1px solid rgba(70,139,223,.12);box-shadow:0 22px 65px rgba(31,69,111,.07)}.chapter-list{display:grid;gap:4px}.chapter-row{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(70,139,223,.12)}.chapter-row:last-child{border-bottom:0}.chapter-row .num{font-weight:900;color:rgb(70,139,223);font-size:22px}.chapter-row h3{margin:0 0 5px}.chapter-row p{margin:0;color:#647389}.scenario-story-grid{display:grid;gap:18px;margin-top:30px}.scenario-card{background:#fff;border:1px solid rgba(70,139,223,.13);border-radius:26px;padding:24px;min-height:180px;box-shadow:0 18px 45px rgba(31,69,111,.07)}.scenario-card.wide{background:linear-gradient(135deg,#f1f8ff,#fff)}.scenario-card h3{margin:0 0 12px;font-size:22px}.scenario-card p{color:#5b6a80;margin:0 0 12px}.risk-panel{background:linear-gradient(145deg,rgba(70,139,223,.13),rgba(255,255,255,.92));border:1px solid rgba(70,139,223,.15);border-radius:34px;padding:28px}.risk-list{display:grid;gap:14px;margin-top:24px}.risk-item{background:rgba(255,255,255,.78);border:1px solid rgba(70,139,223,.12);border-radius:20px;padding:18px}.risk-item strong{display:block;margin-bottom:6px;color:#13243a}.risk-item p{margin:0;color:#607085}.faq-list{display:grid;gap:16px;margin-top:28px}.faq-item{background:#fff;border:1px solid rgba(70,139,223,.12);border-radius:22px;padding:20px}.faq-item h3{margin:0 0 8px;font-size:19px}.faq-item p{margin:0;color:#5f6f85}.cta-section{text-align:center;background:linear-gradient(145deg,#eef7ff,#fff);border-top:1px solid rgba(70,139,223,.12);padding:76px 20px}.cta-section h2{font-size:clamp(30px,7vw,54px);line-height:1.12;margin:0 auto 14px;max-width:820px;letter-spacing:-.045em}.cta-section p{max-width:680px;margin:0 auto 26px;color:#5d6c82}.page-hero{padding:66px 0 30px}.page-hero h1{font-size:clamp(36px,8vw,66px);line-height:1.08;margin:18px 0 18px;letter-spacing:-.05em;color:#0f1f34}.page-hero p{max-width:760px;color:#536278;font-size:17px}.article-layout{display:grid;gap:28px;align-items:start}.article-main{background:#fff;border:1px solid rgba(70,139,223,.12);border-radius:28px;padding:26px;box-shadow:0 20px 55px rgba(31,69,111,.06)}.article-main h2{font-size:28px;line-height:1.2;margin:20px 0 10px;color:#10223a}.article-main p{color:#536278}.article-main ul,.article-main ol{padding-left:22px;color:#56667a}.side-note{background:linear-gradient(145deg,#eef7ff,#fff);border:1px solid rgba(70,139,223,.13);border-radius:26px;padding:22px;position:sticky;top:92px}.side-note h3{margin:0 0 10px}.checklist{display:grid;gap:12px;margin:18px 0}.checklist li{background:#f6fbff;border:1px solid rgba(70,139,223,.12);border-radius:16px;padding:12px 14px}.step-blocks{display:grid;gap:14px;margin:20px 0}.step-block{border-left:3px solid rgb(70,139,223);background:#f8fbff;border-radius:0 18px 18px 0;padding:16px 18px}.download-line{margin-top:26px}.download-panel{background:#fff;border:1px solid rgba(70,139,223,.13);border-radius:30px;padding:30px;box-shadow:0 20px 55px rgba(31,69,111,.06)}.download-steps{counter-reset:step;display:grid;gap:14px;margin:24px 0}.download-steps li{list-style:none;background:#f5faff;border:1px solid rgba(70,139,223,.13);border-radius:18px;padding:16px}.download-steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:inline-flex;color:rgb(70,139,223);font-weight:900;margin-right:10px}.about-grid{display:grid;gap:20px;margin-top:28px}.about-card{background:#fff;border:1px solid rgba(70,139,223,.12);border-radius:26px;padding:24px;box-shadow:0 18px 45px rgba(31,69,111,.06)}.about-card h2{margin:0 0 12px;font-size:24px}.site-footer{background:#0f2038;color:#dbe7f7;margin-top:40px}.footer-inner{max-width:1120px;margin:0 auto;padding:42px 20px;display:grid;gap:24px}.footer-brand{font-size:22px;font-weight:900;color:#fff}.site-footer p{max-width:620px;color:#aebdd0}.footer-links{display:flex;flex-wrap:wrap;gap:12px}.footer-links a{color:#dbe7f7;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;font-size:14px}@media (min-width:720px){.section{padding:92px 0}.hero-grid,.split-section,.statement-wrap,.article-layout,.about-grid{grid-template-columns:1.06fr .94fr}.scenario-story-grid{grid-template-columns:1.2fr .8fr}.scenario-card.wide{grid-row:span 2}.risk-list{grid-template-columns:repeat(2,1fr)}.faq-list{grid-template-columns:repeat(2,1fr)}.chapter-index{grid-template-columns:.72fr 1.28fr}.footer-inner{grid-template-columns:1fr auto}.article-main{padding:34px}}@media (min-width:980px){.nav-trigger{display:none}.site-nav{position:static;display:flex;flex-direction:row;align-items:center;background:transparent;border:0;box-shadow:none;padding:0}.site-nav a{padding:8px 12px}.hero-grid{grid-template-columns:1.08fr .92fr}.product-visual{min-height:580px}.story-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(70,139,223,.18)}.timeline-item{grid-template-columns:1fr 46px 1fr;align-items:center;margin-bottom:24px}.timeline-item .timeline-no{grid-column:2}.timeline-item .timeline-card{grid-column:3}.timeline-item:nth-child(even) .timeline-card{grid-column:1;grid-row:1;text-align:right}.split-section.reverse .split-copy{order:0}.hero-copy p{font-size:18px}.article-layout{grid-template-columns:minmax(0,1fr) 320px}.about-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.container{padding:0 16px}.float-card{position:static;margin:10px 0}.product-visual{min-height:0;padding:20px}.app-shot{margin:12px auto}.article-main{padding:20px}.download-btn{width:100%}}
