:root{--navy:#102a43;--ink:#183247;--muted:#65798b;--cream:#f7f5ef;--gold:#c59a52;--line:#e7e4dc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:76px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0eee9}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:15px;letter-spacing:.13em;text-decoration:none;font-weight:700}.brand b{color:#b58a48}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--navy);color:#f5d9a4;font-family:Georgia,serif;font-size:24px;letter-spacing:0}.topbar nav{display:flex;align-items:center;gap:30px}.topbar nav a{color:#4b6173;text-decoration:none;font-size:13px}.status{font-size:11px;color:#87642f;background:#f7f0e3;padding:8px 12px;border-radius:20px}.hero{min-height:560px;padding:74px max(9vw,28px) 62px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;background:linear-gradient(115deg,#fbfaf7 0%,#f7f5ef 58%,#f1eee5 100%);overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#a17a3e}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(46px,5.3vw,72px);line-height:1.06;letter-spacing:-.045em;color:var(--navy);margin:23px 0}.hero h1 em{font-weight:400;color:#a77e42}.intro{max-width:510px;color:#617384;font-size:16px;line-height:1.8}.button{display:inline-flex;gap:28px;align-items:center;margin-top:23px;padding:15px 20px;background:var(--navy);color:#fff;text-decoration:none;border-radius:5px;font-size:13px;font-weight:650}.button span{color:#e5c58d;font-size:19px}.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;color:#72808a;font-size:10px}.hero-art{height:390px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:330px;height:330px;background:#e7dfcf;right:8%;top:5%}.orb-two{width:210px;height:210px;background:#d9e0dc;left:7%;bottom:0;opacity:.75}.book-card{z-index:1;width:245px;height:315px;padding:24px;background:linear-gradient(145deg,#173a53,#0e263b);box-shadow:20px 25px 45px #1d34442e;transform:rotate(-5deg);color:#f6e9d1;border:1px solid #bd9b66;outline:1px solid #bd9b66;outline-offset:-8px}.book-top{font-size:10px;letter-spacing:.17em;display:flex;justify-content:space-between}.book-top span{font:28px Georgia;color:#d9b879}.book-rule{height:1px;background:#a98b5e;margin-top:25px}.book-label{font:31px/1.18 Georgia;margin-top:46px;letter-spacing:.01em}.book-lines{display:grid;gap:8px;margin-top:24px}.book-lines i{height:2px;background:#a9b3b4;width:85%;opacity:.45}.book-lines i:nth-child(2){width:70%}.book-lines i:nth-child(3){width:78%}.book-foot{position:absolute;bottom:27px;font-size:8px;letter-spacing:.2em;color:#d5b77f}.floating-tag,.floating-seal{position:absolute;z-index:2;background:#fff;box-shadow:0 10px 30px #1d34441c;color:#536879}.floating-tag{right:0;top:70px;padding:12px 16px;font-size:9px;letter-spacing:.14em}.floating-seal{left:2%;bottom:55px;width:75px;height:75px;border:1px solid #c9a66e;border-radius:50%;display:grid;place-content:center;text-align:center;font:11px/1.4 Georgia;color:#98713b}.section{padding:88px max(9vw,28px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section h2,.how h2,.notice h2{font:500 clamp(30px,3vw,42px) Georgia;color:var(--navy);margin:13px 0}.section-heading>p{font-size:12px;line-height:1.7;color:var(--muted);text-align:right}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.subject{position:relative;padding:24px 20px 21px;border:1px solid var(--line);border-radius:7px;min-height:218px;background:#fff}.subject-no{position:absolute;right:18px;top:17px;color:#b6bfc4;font-size:10px}.subject-icon{font:29px Georgia;color:#b38a4d;margin-bottom:24px}.subject h3{font:19px Georgia;color:var(--navy);margin:0 0 8px}.subject p{font-size:11px;color:#778692;line-height:1.6;min-height:34px}.coming{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9a794a}.how{padding:76px max(9vw,28px);background:var(--navy);color:#fff}.how .eyebrow{color:#d2b37e}.how h2{color:#fff;margin-bottom:36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps article{border-top:1px solid #ffffff3a;padding-top:20px}.steps b{color:#d3b47d;font-size:11px;letter-spacing:.15em}.steps h3{font:20px Georgia;margin:18px 0 8px}.steps p{font-size:12px;line-height:1.7;color:#c2ced6;max-width:250px}.notice{margin:65px max(9vw,28px);padding:36px 42px;background:var(--cream);display:flex;align-items:center;justify-content:space-between}.notice h2{font-size:32px}.notice p{font-size:12px;color:var(--muted);max-width:540px;line-height:1.7}.notice-mark{font:100px Georgia;color:#d5c4a5}footer{padding:26px max(6vw,24px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;color:#82909a;font-size:10px}.footer-brand{font-size:12px}.footer-brand .brand-mark{width:29px;height:29px;font-size:20px}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{height:330px}.subject-grid{grid-template-columns:repeat(2,1fr)}.topbar nav{gap:13px}.topbar nav a{font-size:11px}.trust{gap:10px}.section-heading{align-items:start;gap:15px}.steps{gap:18px}}@media(max-width:540px){.topbar{height:66px}.topbar nav a:first-child{display:none}.hero{padding:54px 24px 35px}.hero-art{height:285px}.book-card{transform:scale(.83) rotate(-5deg)}.floating-tag{right:0;top:25px}.floating-seal{bottom:25px}.section,.how{padding:60px 24px}.section-heading{display:block}.section-heading>p{text-align:left}.subject-grid{gap:9px}.subject{padding:17px 14px;min-height:210px}.subject h3{font-size:17px}.steps{grid-template-columns:1fr;gap:22px}.steps article{padding-top:14px}.notice{margin:38px 20px;padding:25px}.notice-mark{font-size:65px}footer{flex-wrap:wrap}footer>span:nth-child(2){order:3;width:100%}}