
:root{--navy:#19324a;--navy2:#244966;--paper:#fffaf1;--cream:#f6eddc;--blue:#dceeff;--green:#dff7e7;--coral:#f7c8b8;--orange:#ec9f67;--yellow:#ffd977;--ink:#172331;--muted:#64717d;--line:rgba(25,50,74,.16);--soft:rgba(25,50,74,.06);--shadow:0 24px 70px rgba(25,50,74,.14)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 6%,rgba(182,214,255,.48),transparent 28%),radial-gradient(circle at 90% 12%,rgba(247,200,184,.45),transparent 30%),radial-gradient(circle at 80% 86%,rgba(191,233,207,.46),transparent 35%),linear-gradient(180deg,var(--paper),var(--cream))}.paper-grain{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' type='fractalNoise' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}a{color:inherit}.site-header{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,250,241,.86);border:1px solid rgba(25,50,74,.18);border-radius:26px;padding:10px 12px;backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(25,50,74,.12)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:16px;background:var(--navy);color:var(--yellow);display:grid;place-items:center;font-weight:900;letter-spacing:.04em}.brand strong{display:block;line-height:1;font-weight:900}.brand small{display:block;font-size:.68rem;color:var(--muted);margin-top:4px}.nav{display:flex;align-items:center;gap:4px}.nav a{text-decoration:none;color:rgba(23,35,49,.72);font-weight:800;font-size:.82rem;padding:10px 12px;border-radius:17px;transition:.18s ease}.nav a:hover{background:var(--soft);color:var(--navy)}.nav .nav-cta{background:var(--navy);color:var(--paper)}.menu-toggle{display:none;background:var(--yellow);color:var(--navy);border:1px solid var(--navy);border-radius:16px;padding:10px 13px;font-weight:900}.hero{min-height:100vh;display:flex;align-items:center;padding:150px 0 88px}.hero-inner{width:min(1180px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:900;color:var(--navy2);margin-bottom:20px}.eyebrow:before{content:"";width:34px;height:2px;background:var(--orange)}h1,h2,h3{font-family:Literata,Georgia,serif;font-weight:750;letter-spacing:-.045em}.hero h1{font-size:clamp(3rem,6.5vw,6.4rem);line-height:.96;color:var(--navy);max-width:830px}.hero p,.page-hero p,.article-hero p{color:var(--muted);font-size:1.08rem;margin-top:24px;max-width:680px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;cursor:pointer;border-radius:18px;padding:14px 20px;font-weight:900;transition:.18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--navy);color:var(--paper);box-shadow:0 14px 30px rgba(25,50,74,.18)}.button.secondary{background:var(--blue);color:var(--navy);border:1px solid rgba(25,50,74,.12)}.safety-card{background:rgba(255,250,241,.86);border:1px solid rgba(25,50,74,.16);border-radius:34px;padding:28px;box-shadow:var(--shadow)}.safety-card h2{font-size:2.2rem;line-height:1.05;color:var(--navy);margin-bottom:18px}.safe-row{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.safe-row strong{color:#2f7d49}.safe-row span{color:#4f5e69}.trust-strip{display:flex;overflow:hidden;border-block:1px solid rgba(25,50,74,.18);background:var(--navy);color:var(--paper)}.trust-strip span{white-space:nowrap;padding:14px 28px;border-right:1px solid rgba(255,250,241,.16);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.intro,.soft-section,.credit-layout,.contact-layout{width:min(1120px,calc(100% - 40px));margin:96px auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.intro-title h2,.section-head h2,.soft-copy h2,.credit-copy h2,.policy-panel h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98;color:var(--navy)}.intro-copy p,.soft-copy p,.credit-copy p{color:var(--muted);font-size:1.08rem;line-height:1.9}.guide-grid,.method-grid,.bucket-layout,.article-grid{width:min(1180px,calc(100% - 40px));margin:0 auto 104px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card,.method-card,.bucket-card,.article-card,.simple-table,.contact-form,.contact-safe,.warning-note{background:rgba(255,250,241,.88);border:1px solid rgba(25,50,74,.16);border-radius:30px;box-shadow:var(--shadow)}.guide-card{min-height:330px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.guide-card:nth-child(1){background:linear-gradient(180deg,var(--blue),rgba(255,250,241,.92))}.guide-card:nth-child(2){background:linear-gradient(180deg,var(--green),rgba(255,250,241,.92))}.guide-card:nth-child(3){background:linear-gradient(180deg,var(--coral),rgba(255,250,241,.92))}.guide-card span{width:54px;height:54px;border-radius:18px;background:var(--navy);color:var(--yellow);display:grid;place-items:center;font-weight:900}.guide-card h3{font-size:2rem;line-height:1.05;color:var(--navy)}.guide-card p,.method-card p,.bucket-card p,.article-card p,.library-row p,.warning-note p{color:var(--muted)}.guide-card a,.article-card{text-decoration:none;font-weight:900;color:var(--navy)}.policy-panel{width:min(1180px,calc(100% - 40px));margin:0 auto 104px;background:var(--navy);color:var(--paper);border-radius:36px;padding:42px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;box-shadow:var(--shadow)}.policy-panel h2{color:var(--paper)}.policy-panel ul{list-style:none;display:grid;gap:12px}.policy-panel li{background:rgba(255,250,241,.08);border:1px solid rgba(255,250,241,.12);border-radius:18px;padding:14px 16px;color:rgba(255,250,241,.78)}.policy-panel li:before{content:"✓";color:var(--yellow);font-weight:900;margin-right:10px}.article-preview,.library-list{width:min(1180px,calc(100% - 40px));margin:104px auto}.section-head{margin-bottom:28px}.article-card{display:flex;flex-direction:column;justify-content:space-between;min-height:270px;padding:26px}.article-card span,.library-row span{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;color:var(--orange)}.article-card h3{font-size:1.75rem;line-height:1.08;color:var(--navy)}.page-hero,.article-hero{padding:165px max(20px,calc((100vw - 1120px)/2)) 86px;background:linear-gradient(135deg,rgba(220,238,255,.76),rgba(255,250,241,.94));border-bottom:1px solid rgba(25,50,74,.16)}.saving-hero{background:linear-gradient(135deg,rgba(223,247,231,.9),rgba(255,250,241,.94))}.credit-hero{background:linear-gradient(135deg,rgba(247,200,184,.66),rgba(255,250,241,.94))}.library-hero{background:linear-gradient(135deg,rgba(255,217,119,.4),rgba(255,250,241,.94))}.contact-hero{background:linear-gradient(135deg,rgba(182,214,255,.7),rgba(223,247,231,.62))}.page-hero h1,.article-hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.98;color:var(--navy);max-width:900px}.method-grid{margin-top:82px}.method-card,.bucket-card{padding:30px;min-height:350px}.method-card span{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:900;color:var(--orange);margin-bottom:86px}.method-card h2,.bucket-card h2{font-size:2.2rem;line-height:1.04;color:var(--navy);margin-bottom:12px}.simple-table{overflow:hidden}.simple-table .row{display:grid;grid-template-columns:.8fr 1.2fr;border-bottom:1px solid var(--line)}.simple-table .row:last-child{border-bottom:0}.simple-table span{padding:18px;border-right:1px solid var(--line)}.simple-table span:last-child{border-right:0}.simple-table .head{background:var(--navy);color:var(--paper);font-weight:900}.bucket-card:nth-child(1){background:var(--blue)}.bucket-card:nth-child(2){background:var(--green)}.bucket-card:nth-child(3){background:var(--coral)}.bucket-num{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:20px;background:var(--navy);color:var(--yellow);margin-bottom:86px;font-weight:900}.quote-panel{width:min(920px,calc(100% - 40px));margin:0 auto 106px;background:var(--navy);color:var(--paper);border-radius:36px;padding:46px}.quote-panel p{font-family:Literata,Georgia,serif;font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.15}.credit-list{display:grid;gap:14px}.credit-list div{display:grid;gap:8px;background:rgba(255,250,241,.9);border:1px solid rgba(25,50,74,.16);border-radius:22px;padding:20px;box-shadow:0 14px 38px rgba(25,50,74,.08)}.credit-list strong{color:var(--navy)}.credit-list span{color:var(--muted)}.warning-note{width:min(900px,calc(100% - 40px));margin:0 auto 106px;background:var(--coral);padding:34px}.warning-note h2{font-size:2.5rem;color:var(--navy);margin-bottom:12px}.library-list{display:grid;gap:18px}.library-row{text-decoration:none;display:grid;grid-template-columns:140px 1.1fr .9fr;gap:28px;align-items:center;background:rgba(255,250,241,.9);border:1px solid rgba(25,50,74,.16);border-radius:28px;padding:26px;box-shadow:var(--shadow);transition:.18s ease}.library-row:hover{transform:translateY(-3px)}.library-row h2{font-size:2rem;line-height:1.08;color:var(--navy)}.contact-form,.contact-safe{padding:30px}.contact-form{display:grid;gap:18px}.contact-form label{display:grid;gap:8px;font-weight:900;color:var(--navy)}input,select,textarea{width:100%;border:1px solid rgba(25,50,74,.2);background:var(--paper);border-radius:18px;padding:14px 15px;font:inherit;outline:none}textarea{min-height:150px;resize:vertical}.form-note{font-size:.86rem;color:var(--muted)}.contact-safe h2{font-size:2.4rem;line-height:1.04;color:var(--navy);margin-bottom:18px}.contact-safe div{display:grid;gap:6px;padding:18px 0;border-top:1px solid var(--line)}.contact-safe strong{color:var(--orange)}.contact-safe span{color:var(--muted)}.back-link{display:inline-block;margin-bottom:28px;text-decoration:none;color:var(--orange);font-weight:900}.article-body{width:min(820px,calc(100% - 40px));margin:78px auto 110px;color:#48545f;font-size:1.08rem;line-height:1.9}.article-body h2{font-size:2.5rem;line-height:1.05;color:var(--navy);margin:42px 0 12px}.article-body p{margin-bottom:18px}.footer{background:var(--navy);color:var(--paper);padding:62px max(20px,calc((100vw - 1180px)/2)) 28px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:42px}.footer .brand-mark{background:var(--paper);color:var(--navy)}.footer p{margin-top:18px;max-width:390px;color:rgba(255,250,241,.6)}.footer h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--yellow);margin-bottom:14px}.footer a,.footer span{display:block;color:rgba(255,250,241,.62);text-decoration:none;margin-bottom:10px;font-size:.9rem}.footer a:hover{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,250,241,.16);color:rgba(255,250,241,.42);font-size:.78rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .72s ease,transform .72s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:74px;flex-direction:column;align-items:stretch;background:rgba(255,250,241,.98);border:1px solid rgba(25,50,74,.16);border-radius:24px;padding:12px;box-shadow:var(--shadow)}.nav.open{display:flex}.hero-inner,.intro,.soft-section,.credit-layout,.contact-layout,.policy-panel{grid-template-columns:1fr}.guide-grid,.method-grid,.bucket-layout,.article-grid,.footer-grid{grid-template-columns:1fr}.library-row{grid-template-columns:1fr;gap:12px}}@media(max-width:640px){.site-header{top:10px;width:calc(100% - 20px)}.brand small{display:none}.hero{padding-top:128px}.hero h1,.page-hero h1,.article-hero h1{font-size:3rem}.page-hero,.article-hero{padding-top:142px}.footer-bottom{display:block}.simple-table .row{grid-template-columns:1fr}.simple-table span{border-right:0}}
