:root{--ink:#17233a;--sub:#536174;--cream:#fff9e9;--gold:#ffbf3d;--purple:#a874d7;--line:#e5e9f0;--paper:#fff;--shadow:0 16px 48px rgba(26,41,70,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f3f8fd;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:#344db7}a:hover{text-decoration-color:#c57919}.container{width:min(1100px,calc(100% - 36px));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e4e8f0}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:1.1rem;font-weight:800;line-height:1.2}.brand img{width:42px;height:42px;border-radius:10px;object-fit:cover}.nav{display:flex;gap:20px;align-items:center}.nav a{text-decoration:none;font-weight:700;color:var(--sub);font-size:.94rem}.nav a:hover{color:var(--ink)}.hero{position:relative;overflow:hidden;padding:74px 0 78px;background:linear-gradient(155deg,#c9e8ff 0%,#e7f5ff 52%,#fff0c8 100%)}.hero:before{content:"";position:absolute;inset:0;opacity:.30;background-image:linear-gradient(#6086ac 1px,transparent 1px),linear-gradient(90deg,#6086ac 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(100deg,transparent 18%,black)}.hero-inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:54px}.eyebrow{display:inline-block;background:#fff6dc;border:1px solid #f0cd70;color:#7b4b00;padding:5px 13px;border-radius:100px;font-size:.82rem;font-weight:800;letter-spacing:.01em}.hero h1{font-size:clamp(2.4rem,5.2vw,4.3rem);letter-spacing:-.045em;line-height:1.08;margin:17px 0}.hero p{font-size:1.15rem;max-width:590px;color:#374962;margin:0 0 26px}.hero-logo{max-width:360px;width:100%;border-radius:26%;filter:drop-shadow(0 18px 18px rgba(37,48,60,.20));display:block;margin:auto}.cta{display:inline-flex;padding:13px 22px;border-radius:12px;background:#ffbe3d;border:2px solid #da8e1c;color:#3a2a07;font-weight:800;text-decoration:none;box-shadow:0 6px 0 #df9521}.cta:hover{transform:translateY(2px);box-shadow:0 4px 0 #df9521}.tagline{font-size:.9rem;margin-top:20px;color:#55677a}.section{padding:66px 0}.section h2{font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.025em;text-align:center;margin:0 0 13px}.section-intro{text-align:center;color:var(--sub);margin:0 auto 34px;max-width:660px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:white;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.feature .sym{font-size:2rem;display:inline-grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#f6e5ff;color:#542f7c;font-weight:800}.feature h3{font-size:1.13rem;line-height:1.35;margin:17px 0 8px}.feature p{margin:0;color:var(--sub)}.info-band{background:var(--cream);border-block:1px solid #f3e2c3}.info-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.info-grid h2{text-align:left;margin:0 0 8px}.info-grid p{margin:0;color:#625a4c}.text-link{font-weight:800;text-decoration:none;white-space:nowrap}.site-footer{padding:30px 0 38px;border-top:1px solid var(--line);background:#fff}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#536174;font-size:.9rem}.footer-inner nav{display:flex;gap:18px}.footer-inner a{color:inherit}.content-page{min-height:65vh;padding:74px 0}.content-card{max-width:770px;margin:auto;padding:clamp(24px,5vw,50px);background:#fff;border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--line)}.content-card h1{font-size:clamp(2rem,4vw,2.9rem);line-height:1.15;margin:0 0 18px}.content-card p{color:#4e5c6c}.support-mail{display:inline-block;font-weight:800;background:#fff4d6;border:1px solid #eec570;border-radius:10px;padding:10px 15px;word-break:break-word}@media(max-width:740px){.hero{padding:48px 0}.hero-inner{grid-template-columns:1fr;text-align:center;gap:34px}.hero p{margin-left:auto;margin-right:auto}.hero-logo{width:min(300px,72vw)}.feature-grid{grid-template-columns:1fr}.section{padding:46px 0}.info-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.header-inner{gap:10px}.nav{gap:12px}.brand{font-size:.98rem}.brand img{width:36px;height:36px}.nav a{font-size:.85rem}}