@import url('styles.css');
.detail-nav{position:sticky;top:0;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,231,246,.8)}.detail-hero{padding:85px 0 95px;background:linear-gradient(145deg,#f7fbff,#eaf3ff);position:relative;overflow:hidden}.detail-hero:after{content:"";position:absolute;width:650px;height:650px;border:1px solid #cfe3ff;border-radius:50%;right:-230px;top:-320px;box-shadow:0 0 0 70px rgba(218,235,255,.35),0 0 0 140px rgba(226,240,255,.25)}.detail-hero .container{position:relative;z-index:2;display:grid;grid-template-columns:57% 43%;align-items:center}.breadcrumb{font-size:12px;color:#6780a4;margin-bottom:36px}.breadcrumb a{color:var(--blue)}.detail-hero h1{font-size:54px;line-height:1.15;letter-spacing:-.04em;margin:0 0 24px}.detail-hero h1 strong{color:var(--blue)}.detail-hero p{font-size:17px;line-height:1.9;color:var(--muted);max-width:650px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.hero-tags span{font-size:11px;color:#2662b8;background:white;border:1px solid #d5e6fb;border-radius:99px;padding:8px 13px}.detail-graphic{height:390px;display:grid;place-items:center}.visual-core{width:175px;height:175px;border-radius:45px;background:linear-gradient(145deg,#126ff1,#0647bd);color:white;display:grid;place-items:center;font-size:70px;box-shadow:0 30px 70px rgba(8,79,193,.3);position:relative}.visual-core:before,.visual-core:after{content:"";position:absolute;border:1px dashed #8fbcf5;border-radius:50%}.visual-core:before{inset:-60px}.visual-core:after{inset:-120px;opacity:.5}.visual-core i{position:absolute;width:55px;height:55px;background:white;border:1px solid #dbe9fa;box-shadow:0 12px 28px rgba(44,85,140,.13);border-radius:16px;display:grid;place-items:center;color:var(--blue);font-size:22px;font-style:normal}.visual-core i:nth-child(1){top:-100px;left:55px}.visual-core i:nth-child(2){right:-105px;top:55px}.visual-core i:nth-child(3){bottom:-100px;left:55px}.visual-core i:nth-child(4){left:-105px;top:55px}.stats{margin-top:-38px;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid #e0eaf7;border-radius:18px;box-shadow:0 18px 50px rgba(36,79,139,.1);padding:26px}.stats div{text-align:center;border-right:1px solid #e5edf7}.stats div:last-child{border:0}.stats b{display:block;color:var(--blue);font-size:22px}.stats span{font-size:11px;color:#7d8b9e;margin-top:5px;display:block}.pain-grid,.cap-grid,.scene-grid{display:grid;gap:18px}.pain-grid{grid-template-columns:repeat(4,1fr)}.pain-card{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff}.pain-card>b{width:38px;height:38px;border-radius:10px;background:#edf5ff;color:var(--blue);display:grid;place-items:center}.pain-card h3{font-size:16px;margin:18px 0 8px}.pain-card p,.cap-card p,.scene p{font-size:12px;color:var(--muted);line-height:1.75}.cap-bg{background:#f6f9fe}.cap-grid{grid-template-columns:repeat(3,1fr)}.cap-card{background:#fff;border:1px solid #e1eaf5;border-radius:18px;padding:28px;min-height:245px;position:relative;overflow:hidden}.cap-card:after{content:attr(data-no);position:absolute;right:15px;bottom:-15px;font-size:80px;font-weight:800;color:#f1f6fd}.cap-card .cap-icon{font-size:25px;color:var(--blue)}.cap-card h3{font-size:19px;margin:18px 0 10px}.cap-card ul{padding:0;margin:16px 0 0;list-style:none}.cap-card li{font-size:11px;color:#52647d;margin:8px 0}.cap-card li:before{content:"✓";color:#1681ed;margin-right:7px}.arch{background:#0b2146;color:#fff}.arch .section-head p{color:#9fb1ca}.arch-diagram{display:grid;grid-template-columns:1fr 55px 1fr 55px 1fr;align-items:center}.arch-layer{border:1px solid rgba(126,170,231,.25);background:rgba(29,70,128,.45);border-radius:18px;padding:25px;min-height:210px}.arch-layer>span{font-size:10px;letter-spacing:.12em;color:#65a6ff}.arch-layer h3{font-size:18px}.arch-layer div{display:flex;gap:7px;flex-wrap:wrap}.arch-layer i{font-style:normal;font-size:10px;color:#bdd0ea;background:rgba(255,255,255,.07);padding:7px 9px;border-radius:6px}.arch-arrow{text-align:center;color:#5c9df8;font-size:24px}.scene-grid{grid-template-columns:repeat(3,1fr)}.scene{border-left:3px solid var(--blue);padding:6px 25px 12px;background:linear-gradient(90deg,#f4f9ff,transparent)}.scene b{font-size:10px;color:#80a6d8}.scene h3{font-size:17px;margin:8px 0}.security-strip{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:1px;background:#dbe6f5;border:1px solid #dbe6f5;border-radius:17px;overflow:hidden}.security-strip>div{background:#fff;padding:27px 22px}.security-strip .security-title{background:#0e62df;color:#fff}.security-strip h3{margin:0 0 8px;font-size:16px}.security-strip span{font-size:11px;color:#75859a}.security-title span{color:#cfe2ff}.detail-cta{margin-top:0}.back-home{font-size:13px;color:#4f6078}.detail-footer{padding-top:0}.detail-footer .copyright{border-top:0}@media(max-width:900px){.detail-hero .container{grid-template-columns:1fr}.detail-graphic{height:360px}.pain-grid{grid-template-columns:1fr 1fr}.cap-grid,.scene-grid{grid-template-columns:1fr 1fr}.arch-diagram{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg);padding:12px}.security-strip{grid-template-columns:1fr 1fr}.security-strip .security-title{grid-column:1/-1}}@media(max-width:600px){.detail-hero{padding:55px 0 75px}.detail-hero h1{font-size:39px}.detail-graphic{height:310px;transform:scale(.78);margin:-20px 0}.stats{grid-template-columns:1fr 1fr;gap:20px}.stats div:nth-child(2){border:0}.pain-grid,.cap-grid,.scene-grid,.security-strip{grid-template-columns:1fr}.security-strip .security-title{grid-column:auto}.detail-nav .nav-actions .btn{display:none}}