:root{--dark:#1E2225;--turq:#28B8D5;--mint:#70E5BC;--teal:#0F766E;--canvas:#F7FAFA;--text:#172629;--muted:#53676B;--border:#DFE8E8;--err:#B42318}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 Inter,system-ui,sans-serif;background:var(--dark);color:#fff}
h1,h2,h3{font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;line-height:1.2}a{color:var(--mint)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.nav{border-bottom:1px solid #ffffff1f}header.nav .wrap{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff;text-decoration:none;margin-right:auto}
.nav a.l{color:#fff;text-decoration:none;opacity:.85}.nav a.l:hover{opacity:1}
.btn{display:inline-block;background:var(--mint);color:var(--dark);border:0;border-radius:10px;padding:12px 20px;font-weight:700;text-decoration:none;cursor:pointer;font-size:16px}
.btn.o{background:none;color:#fff;border:1px solid #ffffff55}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--turq);outline-offset:2px}
.hero{padding:72px 0 56px;text-align:center;background:radial-gradient(ellipse at top,#0F766E88,transparent 60%)}
.hero h1{font-size:clamp(30px,5vw,52px);margin:0 0 16px}.hero p{max-width:640px;margin:0 auto 28px;color:#d5e3e3}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));padding:24px 0 56px}
.card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;padding:20px}.card h3{margin:0 0 8px}
.tag{font-size:12px;background:var(--turq);color:var(--dark);border-radius:99px;padding:2px 10px;font-weight:700}
main.page{padding:40px 0 64px}.panel{background:#fff;color:var(--text);border-radius:16px;padding:24px;max-width:520px;margin-top:16px}
label{display:block;font-weight:600;margin:14px 0 4px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font:inherit;color:var(--text);background:#fff}
.msg{margin-top:12px;min-height:24px;font-size:14px}.msg.e{color:#ff9b8f}.panel .msg.e{color:var(--err)}.msg.ok{color:var(--teal)}
.hp{position:absolute;left:-9999px}footer{border-top:1px solid #ffffff1f;padding:28px 0;color:#b9cccc;font-size:14px}
.tabs{display:flex;gap:8px;margin-bottom:8px}.tabs button{flex:1;padding:10px;border:1px solid var(--border);background:#fff;border-radius:10px;font-weight:600;cursor:pointer}.tabs button[aria-selected=true]{background:var(--teal);color:#fff}
@media (prefers-reduced-motion:no-preference){.btn{transition:transform .15s}.btn:hover{transform:translateY(-1px)}}
.btn.t{color:var(--teal);border-color:var(--teal)}.note{font-size:14px;color:var(--muted)}
.legal{max-width:760px}.legal h2{margin-top:28px;font-size:20px}.legal li{margin:4px 0}.legal .draft{background:#ffffff14;border-left:4px solid var(--turq);padding:12px 16px;border-radius:8px}
.hero{background:linear-gradient(#0a1a17cc,#0a1a17b3),url(/img/hero-bg.jpg) center/cover no-repeat;padding:96px 0 80px}
.band{background:linear-gradient(90deg,#071513f2 35%,#07151300),url(/img/band-bg.jpg) center/cover no-repeat;padding:72px 0;margin-bottom:48px}.band .wrap>div{max-width:520px}
.chk{display:block;font-weight:400;margin:8px 0}.chk input{width:auto;margin-right:6px}
.apptabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.apptabs button{padding:10px 16px;border-radius:10px;border:1px solid #ffffff55;background:none;color:#fff;font-weight:600;cursor:pointer;font-size:15px}.apptabs button[aria-selected=true]{background:var(--mint);color:var(--dark);border-color:var(--mint)}
.panel.wide{max-width:760px}ul.list{list-style:none;padding:0;margin:16px 0 0}.row{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px}.row .grow{flex:1;min-width:0;overflow-wrap:anywhere}
.row.done .grow strong{text-decoration:line-through;color:var(--muted)}.row.late{border-color:var(--err)}.row small{color:var(--muted)}.row.late small{color:var(--err)}
.sm{padding:6px 12px;font-size:14px;border-radius:8px;border:1px solid var(--teal);background:#fff;color:var(--teal);font-weight:600;cursor:pointer}
progress{width:100%;height:10px}
table{width:100%;border-collapse:collapse;margin:12px 0}th,td{padding:8px 10px;border-bottom:1px solid #ffffff2a;text-align:left}.panel table th,.panel table td{border-color:var(--border)}
.src{font-size:14px;color:#b9cccc}.src li{margin:6px 0}.stamp{display:inline-block;background:#ffffff14;border-radius:99px;padding:4px 14px;font-size:13px}.out{font-weight:600;color:var(--teal);margin-top:12px}
.legal .panel{margin:20px 0;max-width:none}.legal .panel h3{margin-top:0}
body.light{background:var(--canvas);color:var(--text)}body.light a{color:var(--teal)}body.light header.nav a,body.light footer a{color:#fff}body.light .btn{color:var(--dark)}
body.light header.nav,body.light footer{background:var(--dark);color:#fff}.light .panel{border:1px solid var(--border)}.light .card{background:#fff;border-color:var(--border)}.light .card h3 a{color:var(--text);text-decoration:none}.light .card p{color:var(--muted)}
.light .stamp{background:#e3f3ef;color:var(--teal)}.light .src,.light .note{color:var(--muted)}.light table th,.light table td{border-color:var(--border)}.light .btn.o{color:var(--teal);border-color:var(--teal)}
.art{max-width:780px}.art h2{margin-top:32px}.crumbs{font-size:14px;margin:0 0 8px}.crumbs a{text-decoration:none}.fig{margin:20px 0}.fig img{width:100%;height:auto;border-radius:16px;display:block}.fig figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.dkfig figcaption{color:#b9cccc}.rel{display:flex;gap:8px;flex-wrap:wrap}.rel a{border:1px solid var(--border);border-radius:99px;padding:4px 14px;text-decoration:none;font-size:14px;background:#fff}
.sf{display:flex;gap:8px;max-width:520px;margin:20px auto 0}.sf input{flex:1}.ex{background:#e3f3ef;border-radius:12px;padding:12px 16px}
@media print{header.nav,footer,.btn,.sm{display:none}body,body.light{background:#fff;color:#000}}
.ibar{background:#B54708;color:#fff;text-align:center;padding:6px;font-size:14px;font-weight:600}
/* ---- premium system v0.8 ---- */
header.nav{position:sticky;top:0;z-index:60;background:rgba(30,34,37,.94);backdrop-filter:saturate(1.4) blur(10px)}
.navlinks{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.navlinks a{color:#fff;text-decoration:none;opacity:.88;font-size:15px}.navlinks a:hover{opacity:1;text-decoration:underline}
.navbtn{display:none;margin-left:auto;background:none;border:1px solid #ffffff66;color:#fff;border-radius:10px;padding:8px 14px;font:inherit;cursor:pointer}
@media (max-width:900px){.navbtn{display:block}.brand{margin-right:0}.navlinks{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:4px 0 14px}header.nav.open .navlinks{display:flex}.navlinks a{padding:13px 4px;border-bottom:1px solid #ffffff1f;font-size:16px}}
.hs{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 420px at 88% 0%,#28B8D533,transparent 62%),radial-gradient(700px 420px at 0% 100%,#0F766E77,transparent 62%),linear-gradient(135deg,#1E2225 0%,#0e3a39 100%)}
.hs::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 88%);mask-image:linear-gradient(180deg,#000,transparent 88%);pointer-events:none}
.hs-in{position:relative;display:grid;grid-template-columns:11fr 9fr;gap:40px;align-items:center;padding-top:60px;padding-bottom:60px}
.hs-text h1{font-size:clamp(30px,4.4vw,50px);margin:6px 0 16px;color:#fff}.eyebrow{color:var(--mint);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0}
.hs-desc{color:#d5e3e3;max-width:560px;margin:0 0 24px;font-size:18px}.hs-cta{display:flex;gap:12px;flex-wrap:wrap}
.hs-fig{margin:0}.hs-fig img{width:100%;height:auto;display:block;border-radius:20px;border:1px solid #ffffff2e;box-shadow:0 24px 60px #00000066,0 0 0 6px #ffffff0d}.hs-cap{font-size:12px;color:#9fb8b8;margin-top:10px}
.hs-compact .hs-in{grid-template-columns:1fr 230px;padding-top:26px;padding-bottom:26px;gap:24px}.hs-compact .hs-text h1{font-size:clamp(24px,3.2vw,34px);margin:4px 0 0}
.crumbs.on-dark{color:#b9cccc;margin-bottom:10px}body.light .crumbs.on-dark a{color:var(--mint)}
body.light .hs .btn.o{color:#fff;border-color:#ffffff77}body.light .hs .btn.o:hover{background:#ffffff1a}
@media (max-width:860px){.hs-in{grid-template-columns:1fr;gap:24px;padding-top:36px;padding-bottom:36px}.hs-fig{max-width:520px}.hs-compact .hs-in{grid-template-columns:1fr}.hs-compact .hs-fig{display:none}}
.sf2{display:flex;gap:8px;max-width:520px;margin-top:22px}.sf2 input{flex:1;background:#ffffff14;border-color:#ffffff40;color:#fff}.sf2 input::placeholder{color:#b9cccc}
.sec{padding:52px 0}.sec h2{font-size:clamp(24px,3vw,32px);margin:0 0 8px}.lead{color:var(--muted);max-width:660px;margin:0 0 24px}
.cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.rc{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.rc img{width:100%;height:auto;display:block}
.rc .rb{padding:16px 18px 20px}.rc h3{margin:0 0 6px;font-size:18px}.rc h3 a{color:var(--text);text-decoration:none}.rc h3 a::after{content:"";position:absolute;inset:0}.rc p{margin:0;color:var(--muted);font-size:15px}
.rc:focus-within{outline:3px solid var(--turq)}@media (prefers-reduced-motion:no-preference){.rc{transition:transform .2s,box-shadow .2s}.rc:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0f766e22}}
.chips{display:flex;gap:10px;flex-wrap:wrap}.chips a{background:#fff;border:1px solid var(--border);border-radius:99px;padding:8px 16px;text-decoration:none;font-weight:600;font-size:15px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}@media (max-width:860px){.split{grid-template-columns:1fr}}
.ctab{background:linear-gradient(135deg,#0F766E,#1E2225);color:#fff;border-radius:24px;padding:44px 24px;text-align:center}.ctab h2{color:#fff}.ctab p{color:#d5e3e3;max-width:560px;margin:0 auto 20px}
details.faq{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin:10px 0}details.faq summary{cursor:pointer;font-weight:700}details.faq p{margin:10px 0 0;color:var(--muted)}
body.light .ctab .btn.o{color:#fff;border-color:#ffffff88}body.light .ctab .btn.o:hover{background:#ffffff1a}