[hidden]{display:none!important}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f4f7f6;color:#333;margin:0;padding:20px;line-height:1.5}
a{color:#1b7f3b}
.container{max-width:1000px;margin:0 auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);border-top:5px solid #28a745}
.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:25px;flex-wrap:wrap;gap:15px}
.logo-area{display:flex;align-items:center;gap:15px;text-decoration:none}
.logo-icon-box{background:linear-gradient(135deg,#0b2545,#134074);padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,245,212,.2)}
.logo-icon-box svg{width:32px;height:32px}
.logo-text{font-weight:800;font-size:26px;color:#0b2545;letter-spacing:-.5px}
.logo-text span{color:#28a745}
.logo-sub{font-size:11px;color:#134074;display:block;letter-spacing:1.5px;font-weight:700;margin-top:-2px}
.topbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.nav a{font-size:13px;font-weight:600;color:#134074;text-decoration:none;margin-right:12px}
.nav a:hover{color:#28a745}
.region{display:inline-flex;border:1px solid #ced4da;border-radius:20px;overflow:hidden}
.region button{background:#f1f3f5;border:0;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;color:#495057;font-family:inherit}
.region button.on{background:#28a745;color:#fff}
.hero-box{background:linear-gradient(100deg,rgba(11,37,69,.92) 0%,rgba(11,37,69,.78) 55%,rgba(11,37,69,.45) 100%),url('/assets/hero.webp') center/cover no-repeat #0b2545;color:#fff;padding:56px 40px;border-radius:10px;margin-bottom:25px;min-height:380px;display:flex;flex-direction:column;justify-content:center}
.hero-box h1{margin-top:0;color:#fff;font-size:32px;line-height:1.2;max-width:640px;letter-spacing:-.5px}
.hero-box p{font-size:16px;color:rgba(255,255,255,.9);margin-bottom:15px;max-width:640px}
.hero-box .btn{padding:12px 24px;font-size:15px}
.hero-box .btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.8)}
.hero-box .btn-outline:hover{background:rgba(255,255,255,.12)}
.hero-bullets{display:flex;gap:12px;flex-wrap:wrap;padding-left:0;list-style:none;margin-bottom:0}
.hero-bullets li{font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.12);padding:6px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.25)}
@media(max-width:700px){.hero-box{background-image:linear-gradient(rgba(11,37,69,.86),rgba(11,37,69,.72)),url('/assets/hero-mobile.webp');padding:36px 20px;min-height:0}.hero-box h1{font-size:24px}}
h2.sec{color:#1b4332;margin:36px 0 8px}
.features-section{margin-bottom:35px;padding:25px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:15px}
.feature-item{background:#fff;padding:20px;border-radius:6px;border-left:4px solid #28a745;box-shadow:0 2px 6px rgba(0,0,0,.03)}
.feature-item h4{margin-top:0;color:#1b4332;font-size:16px;margin-bottom:8px}
.feature-item p{font-size:13px;color:#555;margin:0}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.steps div{background:#f0fdf4;border:1px solid #c3e6cb;border-radius:8px;padding:16px;font-size:13px}
.steps b{display:block;color:#1b4332;margin-bottom:4px;font-size:15px}
.sample-box{background:#f0fdf4;border:1px dashed #28a745;padding:18px;border-radius:6px;font-size:13px;color:#1b4332;line-height:1.7}
.standards-section{background:#fff;border:1px solid #d1e7dd;padding:25px;border-radius:8px;margin-bottom:35px}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 20px}
.tab-btn{background:#f1f3f5;border:1px solid #ced4da;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;color:#495057;font-family:inherit}
.tab-btn.active,.tab-btn:hover{background:#28a745;color:#fff;border-color:#28a745}
.tab-panel-title{margin:0 0 4px;color:#1b4332;font-size:16px}
.tab-panel-intro{margin:0 0 14px;font-size:13px;color:#555}
.standards-list{display:flex;flex-direction:column;gap:12px}
.standard-item{background:#fdfdfd;border:1px solid #e9ecef;border-radius:6px;font-size:13px}
.standard-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;flex-wrap:wrap}
.standard-info h5{margin:0 0 4px;color:#1b4332;font-size:14px}
.standard-info p{margin:0;color:#666;font-size:12px}
.standard-actions{display:flex;gap:8px;flex-wrap:wrap}
.download-btn{background:#1b4332;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;text-decoration:none;font-weight:600;white-space:nowrap;border:1px solid #1b4332;cursor:pointer;font-family:inherit}
.download-btn.secondary{background:#fff;color:#1b4332}
.download-btn:hover{background:#28a745;color:#fff;border-color:#28a745}
.standard-details{display:none;padding:0 15px 14px;border-top:1px solid #eef0f2;color:#444}
.standard-item.open .standard-details{display:block}
.standard-details h6{margin:12px 0 6px;font-size:12px;color:#1b4332;text-transform:uppercase;letter-spacing:.5px}
.standard-details ul{margin:0;padding-left:18px}
.standard-details .note{font-size:11px;color:#888;margin-top:10px}
.pricing-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:20px}
.pricing-card{border:1px solid #ccc;padding:20px;border-radius:8px;text-align:center;background:#fff;display:flex;flex-direction:column}
.pricing-card.featured{border:2px solid #28a745;box-shadow:0 4px 12px rgba(40,167,69,.1)}
.pricing-card h3{margin:0 0 6px;color:#333}
.pricing-card .price{font-size:26px;font-weight:800;color:#1b4332;margin:6px 0}
.pricing-card p{font-size:13px;color:#555;margin:0 0 10px}
.pricing-card .grow{flex:1}
.btn{background:#28a745;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;display:inline-block;font-weight:bold;margin-top:10px;cursor:pointer;border:none;font-family:inherit;font-size:14px;text-align:center}
.btn:hover{opacity:.92}
.btn-blue{background:#0056b3}
.btn-purple{background:#6c5ce7}
.btn-outline{background:#fff;color:#1b4332;border:1px solid #1b4332}
.btn-small{padding:6px 12px;font-size:12px;margin-top:0}
.form-input,input[type=email],input[type=text],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;padding:9px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:14px}
label.chk{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#555;text-align:left;margin:8px 0}
label.chk input{margin-top:3px}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.msg{font-size:13px;margin-top:8px;padding:8px 10px;border-radius:4px}
.msg.err{background:#fff5f5;color:#b02a37;border:1px solid #f1aeb5}
.msg.ok{background:#f0fdf4;color:#155724;border:1px solid #c3e6cb}
.msg.info{background:#f3f8ff;color:#0a3d91;border:1px solid #b6d4fe}
.faq details{border:1px solid #e9ecef;border-radius:6px;padding:10px 14px;margin-bottom:8px;background:#fdfdfd}
.faq summary{font-weight:700;color:#1b4332;cursor:pointer}
.faq p{font-size:13px;margin:8px 0 0;color:#444}
.footer{margin-top:50px;border-top:1px solid #eee;padding-top:20px;text-align:center;font-size:13px;color:#666}
.footer a{color:#28a745;text-decoration:none;font-weight:bold}
.footer .legal{margin:8px 0}
.footer .legal a{margin:0 8px}
.planbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#f0fdf4;border:1px solid #c3e6cb;border-radius:8px;padding:10px 14px;margin-bottom:18px;font-size:13px;color:#1b4332}
.gate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.card{background:#fff;border:1px solid #e1e4e8;padding:22px;border-radius:8px}
.card h3{margin:0 0 8px;color:#1b4332}
.card p{font-size:13px;color:#555;margin:0 0 10px}
.keybox{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;padding:10px;word-break:break-all;margin:8px 0}
.legal-page h1{color:#1b4332}
.legal-page h2{color:#1b4332;font-size:18px;margin-top:28px}
.legal-page p,.legal-page li{font-size:14px;color:#333}
.draft-banner{background:#fff3cd;border:1px solid #ffe69c;color:#664d03;padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:18px}
table.data{border-collapse:collapse;width:100%;font-size:13px;margin-top:10px}
table.data th{background:#1b4332;color:#fff;text-align:left;padding:7px}
table.data td{border-bottom:1px solid #eee;padding:6px 7px;vertical-align:top}
@media(max-width:600px){body{padding:10px}.container{padding:18px}}/* ===== Soft teal backdrop: pricing + FAQ ===== */
section:has(.pricing-container),
#faq {
  background:
    radial-gradient(ellipse 60% 50% at 15% 20%, rgba(94,190,180,.35), transparent 70%),
    radial-gradient(ellipse 50% 60% at 85% 25%, rgba(170,225,220,.55), transparent 70%),
    radial-gradient(ellipse 70% 50% at 45% 100%, rgba(55,145,145,.28), transparent 70%),
    linear-gradient(160deg, #e8f6f4 0%, #cfeae6 50%, #e4f3f0 100%);
  padding: 48px 28px;
  border-radius: 18px;
  margin-top: 32px;
}

.pricing-card {
  background: #fff;
  box-shadow: 0 8px 24px rgba(20, 90, 90, .12);
}

#faq details {
  background: rgba(255, 255, 255, .88);
  border-radius: 10px;
  margin-bottom: 10px;
}