
:root{--bg:#061632;--text:#edf3ff;--gold:#ffdf69;--gold2:#c5902a;--muted:#c6d5e8;--line:#42669b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;word-break:keep-all}a{color:inherit}.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.draft{background:#5e431b;color:#fff1cf;text-align:center;font-size:12px;padding:7px 10px}.site-header{background:#061631;border-bottom:1px solid #344f7b}.header-row{display:flex;min-height:86px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-weight:900;font-size:clamp(24px,3.3vw,39px);letter-spacing:-.055em}.brand-crown{font-size:47px;color:#ffdc5f;line-height:1}.nav{background:#09224a;border-bottom:2px solid #295791}.nav-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.nav a{display:flex;align-items:center;justify-content:center;gap:11px;padding:18px 5px;text-decoration:none;font-size:clamp(13px,1.7vw,19px);font-weight:800;white-space:nowrap;border-radius:10px}.nav a:hover,.nav a[aria-current=page]{background:linear-gradient(145deg,#241506,#ad7315 52%,#42270b);box-shadow:inset 0 0 0 1px #ffd35c;color:white}.nav-icon{font-size:21px}.menu-toggle{display:none;border:1px solid #7190b7;border-radius:10px;background:#0e2b50;color:white;font-size:15px;padding:10px 12px}.hero{background-image:linear-gradient(90deg,#071a39ad,#081426c9 38%,#071226c2 65%,#08111b75),url("hero-concept.webp");background-position:center;background-size:cover;position:relative;min-height:545px;display:grid;align-items:center;overflow:hidden}.hero-content{position:relative;text-align:center;padding-block:80px 112px;z-index:1}.hero-kicker{font-size:20px;letter-spacing:.11em;color:#ffe095;text-shadow:1px 1px 9px #081020}.hero h1{font-size:clamp(48px,8vw,112px);line-height:1.12;letter-spacing:-.065em;margin:20px 0 24px;font-weight:950;background:linear-gradient(#fff,#fff0b7 47%,#e0ad30 67%,#fff0a0 88%);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(2px 6px 8px #000a)}.hero p{font-size:clamp(17px,2.2vw,25px);font-weight:600;line-height:1.8;color:#fff;max-width:860px;margin:0 auto 28px;text-shadow:0 2px 12px #071326}.phone-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-width:min(560px,100%);padding:18px 32px;background:linear-gradient(#fff5a2,#ffd936 52%,#eba911);border:3px solid #fff3a6;border-radius:999px;color:#15191c;text-decoration:none;box-shadow:0 6px 25px #0008,0 0 22px #ffd95a67;transition:transform .15s}.phone-btn:hover{transform:translateY(-3px)}.phone-symbol{font-size:49px}.phone-btn small{display:block;font-size:clamp(16px,2.3vw,24px);font-weight:900;letter-spacing:-.025em}.phone-btn em{font-style:normal;color:#ad310c}.phone-btn strong{display:block;font-size:clamp(29px,4vw,44px);line-height:1.2;letter-spacing:-.025em}.gold-wave{height:24px;width:85%;position:absolute;bottom:28px;left:7.5%;border-top:4px solid #ffe681;border-radius:50%;box-shadow:0 -7px 21px #ffc63c7a}.content-section{padding:76px 0;background:linear-gradient(#071d3d,#09172d)}.narrow{max-width:1050px}.kicker{font-weight:800;letter-spacing:.15em;color:#f7d077;font-size:13px}.content-section h2{font-size:clamp(25px,3vw,37px);line-height:1.35;color:#fff1bc;margin:34px 0 13px}.content-section p{font-size:17px;color:#d8e4f5;line-height:1.95}.content-section .intro{max-width:880px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:34px 0}.card{background:linear-gradient(155deg,#0e2b57,#051633);border:1px solid #3981bd;border-radius:18px;padding:25px 20px;box-shadow:0 10px 35px #02091780}.card-icon{font-size:34px;color:#f5d167}.card h3{font-size:22px;margin:13px 0 8px;color:#fff0bf}.card p{font-size:15px;line-height:1.78;margin:0}.card .more{display:inline-block;margin-top:17px;text-decoration:none;font-weight:800;color:#f6d575}.narrow .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.notice{background:#132e55;border:1px solid #426c9b;border-left:5px solid #fac451;border-radius:12px;padding:20px 22px;font-size:15px;line-height:1.85;color:#dce9f7}.notice strong{color:#ffdf8c;margin-right:8px}.footer-nav{padding:39px 0;background:#0a2141;border-top:1px solid #385d83}.footer-nav h2{font-size:22px}.footer-links{display:flex;gap:12px;flex-wrap:wrap}.footer-links a{padding:11px 16px;border-radius:8px;text-decoration:none;font-weight:700;background:#143762;color:#e7f0fa}.footer-links a:hover{background:#7b571b}.footer{padding:28px 0 42px;background:#040e24;color:#9cb2ce}.footer p{margin:5px 0;font-size:13px;line-height:1.7}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.narrow .cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.header-row{min-height:70px}.brand{font-size:25px;gap:7px}.brand-crown{font-size:34px}.menu-toggle{display:block}.nav{display:none}.nav.is-open{display:block}.nav-row{grid-template-columns:1fr;gap:1px;padding:10px 0}.nav a{justify-content:flex-start;font-size:16px;padding:12px 15px}.hero{min-height:420px;background-position:center}.hero-content{padding:62px 0 90px}.hero h1{font-size:clamp(43px,10.4vw,66px)}.hero-kicker{font-size:14px}.hero p{font-size:16px}.phone-btn{gap:12px;min-width:0;width:100%;padding:15px 10px}.phone-symbol{font-size:38px}.phone-btn strong{font-size:clamp(26px,8vw,36px)}.content-section{padding:40px 0}.content-section p{font-size:16px}.cards,.narrow .cards{grid-template-columns:1fr}.card{padding:22px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr)}.footer-links a{font-size:14px}.gold-wave{bottom:25px}}

/* refined color pass: neutral midnight navy, restrained champagne gold, readable ivory */
:root{--bg:#0a1427;--text:#f6f3eb;--gold:#d7b46c;--gold2:#ad8546;--muted:#d0d6e1;--line:#33465f}
body{background:#0b162a}
.draft{background:#354051;color:#f7e9ce}
.site-header{background:#0a1428;border-bottom:1px solid #6c593e}
.brand-crown{color:#d6b977}
.nav{background:#101f38;border-bottom:1px solid #8b7551}
.nav a{font-weight:700;color:#e8e8ed}
.nav a:hover,.nav a[aria-current=page]{background:linear-gradient(135deg,#5d4829,#987444);box-shadow:inset 0 0 0 1px #c5a875;color:#fff}
.hero{background-image:linear-gradient(90deg,rgba(4,12,29,.42) 0%,rgba(5,15,33,.66) 36%,rgba(7,16,30,.53) 64%,rgba(5,9,18,.28) 100%),url("hero-concept.webp");min-height:505px}
.hero-content{padding-block:70px 90px}
.hero-kicker{color:#e4c690;font-size:clamp(14px,1.6vw,19px);letter-spacing:.06em}
.hero h1{font-size:clamp(48px,7.2vw,98px);margin:18px 0 21px;background:linear-gradient(180deg,#fffdf4 10%,#f4e6c2 46%,#cb9e55 93%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 5px 8px rgba(0,0,0,.45))}
.hero p{color:#f0eff0;font-weight:500;font-size:clamp(17px,2vw,23px);text-shadow:0 2px 9px #091322}
.phone-btn{background:linear-gradient(180deg,#f3e4bb,#dab469 58%,#bd9048);border:2px solid #fff0ca;color:#1f2022;box-shadow:0 8px 22px #0007,0 0 0 5px #c9a35e20;min-width:min(510px,100%);padding:14px 28px;gap:15px}
.phone-btn em{color:#7d4223}.phone-btn strong{font-size:clamp(27px,3.5vw,41px)}
.phone-btn small{font-size:clamp(15px,2vw,21px)}.phone-symbol{font-size:40px}
.gold-wave{height:16px;border-top:2px solid #cfa65f;box-shadow:0 -4px 12px #af8a4659;opacity:.75}
.content-section{background:#f7f5f0;color:#202d40}
.content-section h2{color:#192d4b}.content-section p{color:#3f4e60}.kicker{color:#936b32}
.card{background:#fff;border:1px solid #dad8d3;box-shadow:0 10px 28px #15213a12}
.card h3{color:#22354f}.card p{color:#536071}.card-icon,.card .more{color:#a57a36}
.notice{background:#fbf5e8;color:#3a4658;border:1px solid #e9dcc0;border-left:4px solid #b49153}
.notice strong{color:#89622c}
.footer-nav{background:#15243b;border-top:1px solid #b0925e}.footer-links a{background:#233955;color:#f0edf0}.footer-links a:hover{background:#6e5734}
.footer{background:#0a1324;color:#c2c9d6}
@media(max-width:600px){.hero{min-height:400px;background-image:linear-gradient(90deg,rgba(4,12,29,.6),rgba(5,15,33,.57)),url("hero-concept.webp")}.hero-content{padding:56px 0 76px}.hero h1{font-size:clamp(42px,10vw,61px)}.phone-btn{padding:13px 8px}.phone-symbol{font-size:31px}}

/* 2026-11-02: visual-only vivid navy and gold, copy and links unchanged */
:root { --gold:#ffd34e; --gold2:#e5b236; --text:#fffdfa; }
.site-header {background:#07152d;border-bottom:1px solid #6b82a7}
.nav {background:#092044;border-bottom:2px solid #4c78a7}
.nav a {color:#ffffff;font-weight:800}
.nav a:hover,.nav a[aria-current=page] {background:linear-gradient(140deg,#70420d 0%,#c59023 55%,#825413 100%);box-shadow:inset 0 0 0 1px #ffe18b;color:#fff}
.brand-crown {color:#ffd34e}
.hero {background-image:linear-gradient(90deg,rgba(4,15,37,.20) 0%,rgba(4,17,39,.48) 37%,rgba(5,16,37,.46) 65%,rgba(4,10,20,.16) 100%),url("hero-concept.webp");background-position:center;min-height:505px}
.hero h1 {background:linear-gradient(180deg,#fff9e7 0%,#fff1a2 27%,#ffd64c 57%,#d49a20 92%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 5px 6px rgba(0,0,0,.8))}
.hero-kicker {color:#ffe28a;font-weight:750;text-shadow:0 2px 8px #000}
.hero p {color:#fff;font-weight:650;text-shadow:0 3px 9px #000,0 1px 3px #000}
.phone-btn {background:linear-gradient(180deg,#fff5ac 0%,#ffe26a 43%,#f9c52c 100%);border:2px solid #fff3c7;color:#121b2a;box-shadow:0 8px 26px rgba(0,0,0,.48),0 0 0 4px rgba(253,211,87,.2)}
.phone-btn em {color:#a12916}.phone-btn small,.phone-btn strong {color:#121b2a}
.gold-wave {border-top:3px solid #ffd34e;box-shadow:0 -5px 15px #ffcb4b75;opacity:1}
.content-section {background:#f9f7f2}
.content-section h2 {color:#102c4c}.content-section p {color:#304862}
.card {background:#ffffff;border:1px solid #d7c69d}.card h3 {color:#193455}.card .more,.card-icon {color:#98690d}
.footer-nav {background:#0e2548}.footer-links a {background:#1a3b65}
@media(max-width:600px){.hero {background-image:linear-gradient(90deg,rgba(4,14,35,.30),rgba(5,14,31,.48)),url("hero-concept.webp")} }

/* 2026-11-02: increase contrast and color depth without changing layout or content */
.site-header{background:#050e23;border-bottom:1px solid #d4aa43}
.nav{background:#081c3d;border-bottom:2px solid #cc9c2f}
.nav a[aria-current=page],.nav a:hover{background:linear-gradient(125deg,#543004,#b4780c 48%,#6d4009);color:#fff;box-shadow:inset 0 0 0 1px #ffda69,0 2px 12px #0006}
.hero{background-image:linear-gradient(90deg,rgba(3,10,27,.11) 0%,rgba(3,11,29,.42) 35%,rgba(3,12,27,.37) 63%,rgba(3,9,20,.1) 100%),url("hero-concept.webp");background-position:center;filter:none}
.hero h1{background:linear-gradient(180deg,#fffdf0 0%,#fff2a1 24%,#ffd33c 60%,#d99307 96%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 5px 5px #000b)}
.hero p{color:#fff;font-weight:750;text-shadow:0 2px 10px #000,0 1px 2px #000}
.hero-kicker{color:#ffe58d;text-shadow:0 3px 9px #000}
.phone-btn{background:linear-gradient(180deg,#fff5ad,#ffe25b 45%,#f9bd1e);border:2px solid #fff6c5;box-shadow:0 9px 24px #0008,0 0 0 3px #ffd75645}
.phone-btn small,.phone-btn strong{color:#111827}
.content-section{background:linear-gradient(180deg,#071a39,#071229)}
.content-section h2{color:#ffe293}
.content-section p{color:#f0f4fc}
.card{background:linear-gradient(145deg,#0d2a52,#07152d);border-color:#5985b1}
.card h3{color:#ffda70}.card p{color:#edf4ff}
.notice{background:#0e2a51;color:#f6f7fa;border-color:#cba44c;border-left-color:#ffd45a}
.footer{color:#d4deee}
@media(max-width:600px){.hero{background-image:linear-gradient(90deg,rgba(3,11,28,.34),rgba(5,13,29,.42)),url("hero-concept.webp")}}

/* Latest approved bright saturated navy/gold reference. Visual CSS only. */
:root{--gold:#ffd000;--gold2:#ffb500}
.site-header{background:#030d27;border-bottom:1px solid #e8aa12}
.brand-crown{color:#ffcf25}
.nav{background:#03133a;border-top:1px solid #886619;border-bottom:2px solid #ffcb27}
.nav a{color:#fff;font-weight:850;text-shadow:0 2px 4px #0008}
.nav a:hover,.nav a[aria-current=page]{background:linear-gradient(130deg,#703400 0%,#e4a000 55%,#8e4400 100%);color:#fff;box-shadow:inset 0 0 0 1px #ffe877,0 2px 10px #0009}
.hero{background-image:none!important;background-color:#03112f;isolation:isolate;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:url("hero-concept.webp") center/cover no-repeat;filter:brightness(1.29) contrast(1.17) saturate(1.55);z-index:-2}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,10,32,.06),rgba(2,10,27,.48) 32%,rgba(2,10,26,.48) 66%,rgba(1,6,18,.05));z-index:-1;pointer-events:none}
.hero-content{z-index:1}
.hero h1{background:linear-gradient(180deg,#fffcec 0%,#fff0a5 24%,#ffe12c 53%,#e4a100 90%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px 5px #000e)}
.hero-kicker{color:#ffe15c;text-shadow:0 2px 8px #000}
.hero p{color:#fff;text-shadow:0 3px 7px #000,0 1px 3px #000;font-weight:800}
.phone-btn{background:linear-gradient(180deg,#fff69d 0%,#ffe337 47%,#ffb800 100%);color:#0b1530;border:2px solid #fff6b7;box-shadow:0 8px 25px #0009,0 0 13px #ffd52b77}
.phone-btn strong,.phone-btn small{color:#101526}.phone-btn em{color:#af2000}
.gold-wave{border-top-color:#ffd22c;box-shadow:0 -2px 16px #ffc400a1}
.content-section{background:linear-gradient(180deg,#061c46,#061229)}
.content-section h2{color:#ffdf60}.content-section p{color:#edf6ff}
.card{background:linear-gradient(150deg,#0a3265,#061b3b);border-color:#4481c7}.card h3{color:#ffda60}
.footer-nav{background:#071a3b}.footer{background:#030e25}
@media(max-width:600px){.hero{background-image:none!important}.hero::before{filter:brightness(1.23) contrast(1.13) saturate(1.43)}.hero::after{background:linear-gradient(90deg,#03112655,#03112680)}}
