.pub{--c:#0f7b5f;--c-ink:#0b5e49;--c-bg:#e9f5f1;--ink:#0b1220;--sub:#5b6577;--line:#e7e9ee;--soft:#f6f7f9;color:var(--ink);font:400 16px/1.75 var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1;background:#fff;margin:0;overflow-x:hidden}.pub *{box-sizing:border-box}.pub{word-break:auto-phrase;line-break:strict;overflow-wrap:break-word}.pub h1,.pub h2,.pub h3{text-wrap:balance;letter-spacing:.02em}.pub p,.pub li,.pub summary{text-wrap:pretty}.pub a{color:inherit;text-decoration:none}.pub .wrap{max-width:1200px;margin:0 auto;padding:0 32px}.pub .wrap.narrow{max-width:820px}.pub .top-note{background:var(--ink);color:#cbd2dc;text-align:center;padding:7px 12px;font-size:12px}.pub .btn{background:var(--c);color:#fff;border:1px solid var(--c);height:42px;font:inherit;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px #10182814, 0 8px 20px -10px color-mix(in srgb, var(--c) 70%, transparent);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:650;transition:transform .12s,background .15s;display:inline-flex}.pub .btn:hover{background:var(--c-ink);transform:translateY(-1px)}.pub .btn.ghost{color:var(--ink);background:#fff;border-color:#d6dae1;box-shadow:0 1px 2px #1018280d}.pub .btn.ghost:hover{background:var(--soft)}.pub .btn.lg{border-radius:12px;height:54px;padding:0 26px;font-size:16px}.pub .btn.white{color:var(--ink);background:#fff;border-color:#fff}.pub header{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(14px);background:#ffffffd1;border-bottom:1px solid #e7e9eecc;position:sticky;top:0}.pub header .wrap{align-items:center;gap:28px;height:68px;display:flex}.pub .logo{letter-spacing:.1em;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.pub .logo b{color:var(--c)}.pub .bmark{flex:none;width:34px;height:34px}.pub nav{scrollbar-width:none;flex:1;gap:2px;display:flex;overflow-x:auto}.pub nav a{color:var(--sub);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:550}.pub nav a:hover{color:var(--ink);background:var(--soft)}.pub .hd-r{gap:8px;display:flex}.pub .hero{padding:88px 0 96px;position:relative;overflow:hidden}.pub .hero:before{content:"";background:radial-gradient(700px 420px at 85% 20%, color-mix(in srgb, var(--c) 18%, transparent), transparent 70%), radial-gradient(600px 400px at 10% 100%, #2557d614, transparent 70%);pointer-events:none;position:absolute;inset:0}.pub .hero:after{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.55;pointer-events:none;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 60% 30%,#000 10%,#0000 65%);mask-image:radial-gradient(at 60% 30%,#000 10%,#0000 65%)}.pub .hero .wrap{z-index:1;grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.pub .pill{border:1px solid var(--line);color:var(--sub);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #1018280d}.pub .pill i{background:var(--c);width:8px;height:8px;box-shadow:0 0 0 4px var(--c-bg);border-radius:50%}.pub .hero h1{letter-spacing:.01em;margin:22px 0;font-size:58px;font-weight:800;line-height:1.22}.pub .hero h1 em{background:linear-gradient(90deg, var(--c), #2557d6);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.pub .hero .lead{color:var(--sub);max-width:560px;margin:0 0 32px;font-size:17.5px}.pub .cta{flex-wrap:wrap;gap:12px;display:flex}.pub .checks{color:var(--sub);flex-wrap:wrap;gap:8px 22px;margin:28px 0 0;padding:0;font-size:14px;font-weight:500;list-style:none;display:flex}.pub .checks li{align-items:center;gap:6px;display:flex}.pub .checks svg{color:var(--c)}.pub .hero-art{min-height:440px;position:relative}.pub .tablet{background:#0b1220;border-radius:34px;padding:14px;position:absolute;inset:20px 0 auto 30px;transform:rotate(-1.5deg);box-shadow:0 40px 80px -30px #0b122073,0 0 0 1px #0b12200f}.pub .t-screen{background:#f6f6f4;border-radius:22px;padding:20px 22px 26px;position:relative;overflow:hidden}.pub .t-screen:before{content:"";background:radial-gradient(400px 200px at 100% 0, color-mix(in srgb, var(--c) 16%, transparent), transparent 70%);position:absolute;inset:0}.pub .t-screen>*{position:relative}.pub .t-head{color:#6b7280;justify-content:space-between;font-size:12px;display:flex}.pub .t-logo{color:var(--ink);letter-spacing:.06em;align-items:center;gap:6px;font-weight:800;display:flex}.pub .t-logo i{background:var(--c);border-radius:4px;width:14px;height:14px}.pub .t-title{text-align:center;margin:30px 0 20px;font-size:19px;font-weight:800}.pub .t-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pub .t-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:128px;padding:14px 12px 16px;display:flex;box-shadow:0 10px 20px -14px #10182840}.pub .t-card span{background:var(--c-bg);width:38px;height:38px;color:var(--c);border-radius:11px;justify-content:center;align-items:center;display:flex}.pub .t-card b{font-size:13px;line-height:1.4}.pub .t-card.on{background:var(--c);border-color:var(--c);color:#fff}.pub .t-card.on span{color:#fff;background:#ffffff2e}.pub .toast{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;max-width:330px;padding:12px 16px;font-size:13px;animation:6s ease-in-out infinite pub-float;display:flex;position:absolute;box-shadow:0 24px 48px -20px #0b12204d}.pub .toast b{font-size:13.5px;display:block}.pub .toast small{color:var(--sub);font-size:12px}.pub .toast .ti{background:var(--c);color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pub .toast .ti.ok{background:#067647}.pub .toast.t1{top:-6px;right:-10px}.pub .toast.t2{animation-delay:-3s;bottom:0;left:0}@keyframes pub-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.pub .toast{animation:none}}.pub .blk{padding:104px 0}.pub .blk.soft{background:var(--soft)}.pub .sec-h{text-align:center;max-width:720px;margin:0 auto 56px}.pub .kicker{letter-spacing:.2em;color:var(--c);margin:0 0 12px;font-size:12.5px;font-weight:800}.pub .sec-h h2{margin:0 0 16px;font-size:40px;font-weight:800;line-height:1.3}.pub .sec-h p{color:var(--sub);margin:0;font-size:16.5px}.pub .bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.pub .feat{border:1px solid var(--line);background:#fff;border-radius:22px;padding:30px 28px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280a}.pub .feat:hover{transform:translateY(-2px);box-shadow:0 24px 48px -24px #10182838}.pub .feat.wide{background:linear-gradient(135deg, #fff 40%, var(--c-bg));grid-column:span 2}.pub .f-ico{background:var(--c-bg);width:46px;height:46px;color:var(--c);border-radius:13px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.pub .f-tag{color:var(--c);letter-spacing:.06em;margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.pub .feat h3{margin:0 0 10px;font-size:21px;font-weight:800}.pub .feat p{color:var(--sub);margin:0;font-size:14.5px;line-height:1.85}.pub .blk.dark{color:#fff;background:#0b1220;position:relative;overflow:hidden}.pub .blk.dark:before{content:"";background:radial-gradient(600px 300px at 50% 0, color-mix(in srgb, var(--c) 35%, transparent), transparent 70%);position:absolute;inset:0}.pub .blk.dark .wrap{position:relative}.pub .blk.dark .sec-h p{color:#aab4c3}.pub .blk.dark .kicker{color:#5ed3ae}.pub .themes{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.pub .mini{aspect-ratio:4/3;color:var(--ink);background:#f6f6f4;border-radius:22px;flex-direction:column;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0009}.pub .mini:before{content:"";background:radial-gradient(300px 160px at 100% 0, color-mix(in srgb, var(--c) 22%, transparent), transparent 70%);position:absolute;inset:0}.pub .mini>*{position:relative}.pub .mini.dark{color:#fff;background:#141821}.pub .m-head{letter-spacing:.08em;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.pub .m-head i{background:var(--c);border-radius:4px;width:14px;height:14px}.pub .m-title{text-align:center;margin:auto 0 14px;font-size:20px;font-weight:800}.pub .m-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:auto;display:grid}.pub .m-cards span{background:#fff;border:1px solid #0000000f;border-radius:12px;height:62px}.pub .mini.dark .m-cards span{background:#20252f;border-color:#2a303b}.pub .mini .m-cards span.on,.pub .mini.dark .m-cards span.on{background:var(--c);border-color:var(--c)}.pub .steps{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.pub .steps li{counter-increment:s;border:1px solid var(--line);background:#fff;border-radius:20px;padding:28px 24px;position:relative}.pub .steps li:before{content:"0" counter(s);color:var(--c);letter-spacing:.12em;margin-bottom:14px;font-size:13px;font-weight:800;display:block}.pub .steps b{margin-bottom:8px;font-size:18px;display:block}.pub .steps span{color:var(--sub);font-size:14.5px}.pub details{border-bottom:1px solid var(--line);padding:20px 0}.pub summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:16.5px;font-weight:700;list-style:none;display:flex}.pub summary::-webkit-details-marker{display:none}.pub summary:after{content:"+";color:var(--c);font-size:22px;line-height:1;transition:transform .2s}.pub details[open] summary:after{transform:rotate(45deg)}.pub details p{color:var(--sub);margin:12px 0 0;font-size:15px}.pub .about{text-align:center;color:var(--sub);margin-top:40px;font-size:14px}.pub .band{background:linear-gradient(120deg, #0b1220 0%, #0d2a24 55%, var(--c) 130%);color:#fff;text-align:center;padding:96px 0}.pub .band h2{margin:0 0 12px;font-size:40px;font-weight:800}.pub .band p{color:#b9c4d2;margin:0 0 32px}@media (max-width:980px){.pub .hero .wrap{grid-template-columns:1fr}.pub .hero h1{font-size:42px}.pub .hero-art{min-height:380px}.pub .bento,.pub .themes{grid-template-columns:1fr 1fr}.pub .feat.wide{grid-column:span 2}.pub .steps{grid-template-columns:1fr 1fr}.pub nav{display:none}}@media (max-width:600px){.pub .wrap{padding:0 18px}.pub .hero{padding:56px 0 64px}.pub .hero h1{font-size:32px}.pub .hero .lead{font-size:15.5px}.pub .hero-art{min-height:300px}.pub .tablet{inset:30px 0 auto}.pub .t-card{min-height:96px}.pub .t-title{margin:18px 0 14px;font-size:15px}.pub .toast{max-width:260px;padding:10px 12px}.pub .toast.t1{top:0;right:0}.pub .bento,.pub .themes,.pub .steps{grid-template-columns:1fr}.pub .feat.wide{grid-column:auto}.pub .blk{padding:72px 0}.pub .sec-h h2,.pub .band h2{font-size:28px}.pub .hd-r .btn.ghost{display:none}}