*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{--navy:#102442;--teal:#18b7aa;--teal-dark:#118e86;--orange:#f6a623;--orange-dark:#b97a0a;--text:#27384e;--muted:#69788a;--line:#d2e0e9;--bg:#edf7fb;--card:#fff;--shadow:#d3dee7}
body{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle,rgba(82,120,145,.12) .7px,transparent .8px);background-size:13px 13px;min-height:100vh}
.sheet{width:min(100% - 32px,980px);margin:0 auto;padding:34px 0 30px}
.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.brand{color:var(--teal-dark);font-weight:900;font-size:17px;letter-spacing:4.5px;text-transform:uppercase}
.brand-line{width:122px;height:5px;border-radius:999px;background:var(--orange);margin-top:13px}
.domain{color:#526174;font-size:14px;white-space:nowrap}
.hero{margin-top:25px;padding-bottom:23px;border-bottom:1px solid var(--line)}
.hero h1{margin:0;color:var(--navy);text-transform:uppercase;font-size:clamp(42px,6vw,58px);line-height:.98;font-weight:900;letter-spacing:-1.6px}
.hero p{margin:6px 0 0;color:#52657a;font-size:18px;font-weight:600}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}
.column{display:grid;gap:10px;align-content:start}
.section-pill,.badge{display:inline-block;width:max-content;max-width:100%;border-radius:7px;color:#fff;font-weight:900;text-transform:uppercase}
.section-pill{padding:6px 12px;font-size:11px;line-height:1;margin-bottom:1px}
.badge{padding:5px 9px;font-size:9px;line-height:1;margin-bottom:7px}
.teal{background:var(--teal)}.orange{background:var(--orange)}
.card{position:relative;background:rgba(255,255,255,.96);border:1px solid #cbd9e4;border-radius:11px;box-shadow:3px 3px 0 var(--shadow);padding:13px 15px;overflow:hidden}
.card.accent-teal{border-left:5px solid var(--teal)}.card.accent-orange{border-left:5px solid var(--orange)}
.card h3{margin:0;color:var(--navy);font-size:16px;line-height:1.15;font-weight:900}
.card p{margin:4px 0 0;color:#697789;font-size:13px;line-height:1.34}
.notice,.intro{margin-top:18px;background:#fff;border:1px solid #cbd9e4;border-radius:11px;box-shadow:3px 3px 0 var(--shadow);padding:14px 16px;font-size:12px;line-height:1.38}
.notice{border-left:5px solid var(--orange);font-weight:700}.intro{border-left:5px solid var(--teal);font-size:13px;font-weight:700}
.footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.footer strong{display:block;color:var(--orange-dark);font-size:12px;text-transform:uppercase}
.footer p{margin:6px 0 0;color:#7c8b9b;font-size:11px;line-height:1.42}
.service-stack{display:grid;gap:16px;margin-top:21px}
.service-card{background:#fff;border:1px solid #cbd9e4;border-radius:13px;box-shadow:3px 3px 0 var(--shadow);padding:16px 20px;overflow:hidden}
.service-card.teal-accent{border-left:6px solid var(--teal)}.service-card.orange-accent{border-left:6px solid var(--orange)}
.service-card h2{margin:5px 0 0;color:var(--navy);font-size:24px;line-height:1.1;font-weight:900}
.service-card ul{margin:7px 0 0;padding:0}.service-card li{position:relative;list-style:none;padding-left:20px;margin:6px 0 0;color:#59687b;font-size:16px;line-height:1.35}
.service-card li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--teal)}
.service-card.orange-accent li::before{background:var(--orange)}.small-top{margin-top:10px}
@media(max-width:760px){.sheet{width:min(100% - 20px,980px);padding:22px 0}.brand{font-size:12px;letter-spacing:3px}.brand-line{width:92px;height:4px;margin-top:10px}.domain{font-size:11px}.hero{margin-top:20px;padding-bottom:18px}.hero h1{font-size:clamp(36px,11vw,50px)}.hero p{font-size:15px;line-height:1.35}.grid-2{grid-template-columns:1fr;gap:12px}.card h3{font-size:15px}.card p{font-size:12px}.service-card{padding:15px}.service-card h2{font-size:20px}.service-card li{font-size:14px}}
@media(max-width:430px){.sheet{width:min(100% - 14px,980px)}.topbar{align-items:center}.brand{letter-spacing:2.2px}.hero h1{letter-spacing:-1px}.card,.service-card,.intro,.notice{border-radius:9px}}