body.pub{background:#f6f8fb}.pub .wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.pub-top{background:#fff;border-bottom:1px solid #e3e8ef;position:sticky;top:0;z-index:5}
.pub-top .wrap{display:flex;align-items:center;gap:18px;height:60px}
.pub-top .brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:19px;color:#0d3f73;text-decoration:none}
.pub-top .brand img{width:32px;height:32px;border-radius:8px}
.pub-top nav{display:flex;gap:16px;flex:1}.pub-top nav a{color:#334;text-decoration:none;font-size:14.5px}.pub-top nav a:hover{color:#0b5ed7}
.btn.big{padding:11px 20px;font-size:16px;border-radius:9px;text-decoration:none}.btn.ghost{background:transparent;border-color:transparent;color:#0b5ed7}
.hero{background:linear-gradient(135deg,#0d3f73 0%,#0b5ed7 60%,#1aa3a3 100%);color:#fff;padding:56px 0 64px}
.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center}
.hero h1{font-size:38px;line-height:1.15;margin:12px 0 14px;color:#fff}.hero .lead{font-size:17px;line-height:1.55;opacity:.95}
.hero .tag{display:inline-block;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:20px;font-size:13px}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 10px}.hero .btn{background:#fff;color:#0d3f73;border-color:#fff}
.hero .btn.sec{background:transparent;color:#fff;border-color:#fff}.hero .btn.ghost{background:transparent;border-color:transparent;color:#fff;text-decoration:underline}.hero .mut{color:#dfe9f7}
.hero-img img{width:100%;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.metrics{background:#fff;padding:26px 0 12px;border-bottom:1px solid #e3e8ef}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid4 b{display:block;font-size:30px;color:#0b5ed7}.grid4 span{font-size:13.5px;color:#556}
.lsec{padding:48px 20px 10px}.lsec h2{font-size:28px;margin:0 0 8px;color:#0d3f73}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;position:relative}
.flow .st{border-radius:12px;padding:14px 14px 16px;color:#fff;position:relative;min-height:96px}
.flow .st i{position:absolute;right:10px;top:8px;font-style:normal;opacity:.5;font-size:26px;font-weight:700}
.flow .st b{display:block;font-size:16px;margin-bottom:5px}.flow .st span{font-size:13px;opacity:.95}
.s1{background:#0b5ed7}.s2{background:#6f42c1}.s3{background:#198754}.s4{background:#e8590c}.s5{background:#0f766e}.s6{background:#0d3f73}.s7{background:#7c2d92}
.flow .go{background:#fff;color:#7a4b00;border:2px dashed #f0a300;display:flex;flex-direction:column;justify-content:center;text-align:center}
.flow .st:not(.go):not(.s4):not(.s7)::after{content:"→";position:absolute;right:-13px;top:38%;color:#9aa7b8;font-size:18px}
.loop{margin:12px 0 6px;padding:9px 14px;border:2px dashed #9b59b6;border-radius:10px;color:#6b2c8a;font-size:14px;text-align:center}
.note{background:#eef5ff;border:1px solid #cfe1fb;border-radius:10px;padding:10px 14px;margin-top:10px;font-size:14px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.fc{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:16px}.fc h3{margin:6px 0 6px;font-size:16px}.fc p{font-size:13.5px;color:#445;margin:0}
.fc em{font-style:normal;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#198754;font-weight:700}
.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:16px}
.shots figure{margin:0;background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:10px}
.shots img{width:100%;border-radius:8px;display:block}.shots figcaption{font-size:13.5px;color:#445;padding:8px 4px 2px}
.tbl-wrap{overflow-x:auto}.plans{width:100%;background:#fff;border-radius:12px;border-collapse:collapse;margin-top:14px}
.plans th,.plans td{padding:11px 12px;text-align:center;border-bottom:1px solid #eef1f5}.plans td:first-child{text-align:left;color:#445}
.plans th{background:#f0f5fc;color:#0d3f73;font-size:16px}.plans .hl{background:#eaf3ff}.plans th.hl{background:#0b5ed7;color:#fff}
.plans .price{font-size:20px;color:#0d3f73}
.dl-land .dl-block{max-width:none}.dl-land .dl-grid{grid-template-columns:repeat(4,1fr)}
.honest ul{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:16px 16px 16px 34px;line-height:1.6}
.final{background:#0d3f73;color:#fff;text-align:center;padding:44px 0;margin-top:44px}.final h2{color:#fff;margin:0 0 6px}
.final .btn{background:#fff;color:#0d3f73;border-color:#fff}.final .btn.sec{background:transparent;color:#fff}
.pub-foot{background:#0a2f57;color:#c8d6e8;font-size:13px;padding:20px 0}.pub-foot a{color:#fff}.pub-foot .links{margin-top:6px}
.legal{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:24px 30px;margin:26px auto;max-width:900px;line-height:1.6}
.legal h1{color:#0d3f73;margin-top:0}.legal h2{font-size:18px;margin-top:22px}.draft{background:#fff3cd;border:2px solid #f0a300;border-radius:10px;padding:12px 16px;margin-bottom:18px}
.ph{background:#fff3cd;padding:0 3px;border-radius:3px}
@media(max-width:900px){.hero-in,.grid4,.cards,.shots,.flow{grid-template-columns:1fr 1fr}.hero h1{font-size:28px}.pub-top nav{display:none}.dl-land .dl-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero-in,.grid4,.cards,.shots,.flow{grid-template-columns:1fr}.flow .st::after{display:none}}
.cta-top{display:flex;align-items:center}.cta-top .btn{display:inline-block;line-height:1.2;height:auto}
.pub section.wrap{padding-top:36px}
