:root { --ink:#16342f; --ink-deep:#0d2925; --cream:#f7f4ec; --paper:#fffdf8; --sage:#b9d4c3; --sage-dark:#35695d; --blue:#bcd5dc; --gold:#e3c98f; --line:#d9ded7; --muted:#60726e; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Segoe UI",Arial,sans-serif; font-size:17px; line-height:1.65; }
a { color:inherit; text-decoration:none; }
button, input, textarea { font:inherit; }
::selection { background:var(--sage); color:var(--ink-deep); }
.section-shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.site-header { position:relative; z-index:10; background:rgba(255,253,248,.94); border-bottom:1px solid rgba(22,52,47,.11); }
.header-inner { height:88px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:11px; font:700 21px/1 Georgia,"Times New Roman",serif; letter-spacing:-.02em; }
.compass-mark { width:28px; height:28px; border:1.5px solid currentColor; border-radius:50%; display:inline-grid; place-items:center; flex:none; }
.compass-mark i { display:block; width:8px; height:8px; background:currentColor; border-radius:50% 0 50% 50%; transform:rotate(-45deg); }
.desktop-nav { display:flex; align-items:center; gap:34px; font-size:14px; font-weight:600; }
.desktop-nav a:not(.nav-contact):hover { color:var(--sage-dark); }
.nav-contact { border-left:1px solid var(--line); padding-left:34px; }
.arrow { display:inline-block; margin-left:4px; transition:transform .2s ease; }
a:hover .arrow { transform:translateX(4px); }
.mobile-menu { display:none; }
.hero { min-height:690px; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:64px; padding-block:72px; }
.eyebrow,.section-kicker { margin:0 0 22px; text-transform:uppercase; letter-spacing:.16em; font-size:12px; font-weight:800; color:var(--sage-dark); }
.eyebrow span { display:inline-block; width:25px; height:1px; background:currentColor; vertical-align:middle; margin-right:9px; }
h1,h2,h3,blockquote { font-family:Georgia,"Times New Roman",serif; font-weight:500; letter-spacing:-.04em; }
.hero h1 { max-width:700px; margin:0; font-size:clamp(58px,6.8vw,96px); line-height:.98; }
.hero-intro { max-width:570px; margin:34px 0 0; color:var(--muted); font-size:20px; line-height:1.6; }
.hero-actions { display:flex; align-items:center; gap:30px; margin-top:42px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 25px; font-size:14px; font-weight:700; }
.button.primary { color:#fff; background:var(--ink); }
.button.primary:hover { background:var(--sage-dark); }
.text-link,.card-link { display:inline-flex; align-items:center; border-bottom:1px solid currentColor; font-size:14px; font-weight:700; }
.hero-art { position:relative; height:535px; overflow:hidden; background:#dce8df; border-radius:240px 240px 20px 20px; isolation:isolate; }
.sun { position:absolute; width:132px; height:132px; border-radius:50%; background:#f2c96f; top:78px; right:80px; }
.horizon-line { position:absolute; width:140%; height:280px; border-radius:50%; left:-20%; }
.horizon-one { top:235px; background:#94b9a5; transform:rotate(-7deg); }
.horizon-two { top:335px; background:#416f63; transform:rotate(5deg); }
.path-shape { position:absolute; z-index:2; width:100px; height:390px; left:50%; top:240px; background:#efe8d6; transform:translateX(-50%) perspective(420px) rotateX(35deg); clip-path:polygon(43% 0,57% 0,100% 100%,0 100%); }
.hero-note { position:absolute; z-index:3; left:26px; bottom:28px; width:225px; padding:22px; background:rgba(255,253,248,.95); display:flex; gap:14px; align-items:flex-start; box-shadow:0 15px 45px rgba(13,41,37,.13); }
.hero-note p { margin:0; font-size:13px; line-height:1.55; }
.hero-note .compass-mark { width:24px; height:24px; }
.trust-strip { min-height:90px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; color:var(--muted); text-transform:uppercase; letter-spacing:.12em; font-size:10px; font-weight:800; }
.trust-strip span { width:4px; height:4px; background:var(--sage-dark); border-radius:50%; }
.intro-section { display:grid; grid-template-columns:1fr 1fr; gap:90px; padding-block:130px 72px; }
.intro-section h2,.section-heading-row h2 { margin:0; font-size:clamp(40px,4.5vw,62px); line-height:1.08; }
.section-lead { max-width:520px; margin:40px 0 0; color:var(--muted); font-size:19px; }
.topic-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding-bottom:130px; }
.topic-card { position:relative; min-height:390px; padding:34px; overflow:hidden; }
.topic-sage { background:#dce9df; }.topic-blue { background:#dcebee; }.topic-gold { background:#eee4c9; }
.topic-number { margin:0; font-size:11px; letter-spacing:.14em; font-weight:800; opacity:.6; }
.topic-icon { position:relative; height:125px; margin:30px 0 20px; }
.checklist-icon { width:105px; border:1.5px solid currentColor; padding:25px 18px; transform:rotate(-3deg); background:rgba(255,255,255,.22); }
.checklist-icon i { display:block; width:100%; height:1px; margin:14px 0; background:currentColor; }
.device-icon { width:88px; border:2px solid currentColor; border-radius:8px; margin-left:8px; }
.device-icon i { position:absolute; width:26px; height:3px; background:currentColor; bottom:10px; left:29px; }
.decision-icon:before,.decision-icon:after { content:""; position:absolute; left:30px; width:100px; height:2px; background:currentColor; transform-origin:left; }
.decision-icon:before { top:60px; transform:rotate(-28deg); }.decision-icon:after { top:60px; transform:rotate(28deg); }
.decision-icon i { position:absolute; width:13px; height:13px; border-radius:50%; background:currentColor; }.decision-icon i:first-child { left:22px; top:53px; }.decision-icon i:last-child { left:112px; top:4px; }
.topic-card h3 { margin:0 0 14px; font-size:28px; }.topic-card>p:last-child { margin:0; color:#45605a; font-size:15px; }
.featured-section { padding:120px 0; background:var(--cream); }
.section-heading-row { display:flex; align-items:end; justify-content:space-between; margin-bottom:55px; }
.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.guide-card { background:var(--paper); border:1px solid rgba(22,52,47,.1); }
.guide-visual { position:relative; height:190px; padding:24px; overflow:hidden; }
.guide-visual span { position:relative; z-index:2; padding:7px 11px; background:rgba(255,253,248,.85); text-transform:uppercase; letter-spacing:.12em; font-size:9px; font-weight:800; }
.tone-sage { background:#b7cfbd; }.tone-blue { background:#b6d2da; }.tone-gold { background:#dfc98d; }
.guide-lines { position:absolute; width:210px; height:210px; border:1px solid rgba(22,52,47,.45); border-radius:50%; right:-30px; bottom:-100px; }
.guide-lines:before,.guide-lines:after { content:""; position:absolute; inset:20px; border:1px solid rgba(22,52,47,.3); border-radius:50%; }.guide-lines:after { inset:42px; }
.guide-body { padding:28px; }.read-time { margin:0 0 12px; color:var(--muted); text-transform:uppercase; letter-spacing:.1em; font-size:10px; font-weight:700; }
.guide-body h3 { margin:0 0 13px; font-size:25px; line-height:1.22; }.guide-body h3 a:hover { color:var(--sage-dark); }.guide-body>p:not(.read-time) { color:var(--muted); font-size:14px; }.card-link { margin-top:14px; }
.manifesto { padding-block:140px; text-align:center; }.manifesto .compass-mark { color:var(--sage-dark); }.manifesto blockquote { max-width:850px; margin:36px auto 20px; font-size:clamp(38px,5vw,64px); line-height:1.15; }.manifesto>p { color:var(--muted); font-size:13px; }
.site-footer { color:#edf4ef; background:var(--ink-deep); padding:80px 0 24px; }.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:80px; }.brand.light { color:#fff; }.footer-brand>p { color:#9eb6ae; margin-top:22px; }.footer-grid>div:not(:first-child) { display:flex; flex-direction:column; align-items:flex-start; gap:10px; font-size:14px; }.footer-grid a:hover { color:var(--sage); }.footer-label { color:#8da89f; margin:0 0 12px; text-transform:uppercase; letter-spacing:.14em; font-size:10px; font-weight:800; }.footer-bottom { margin-top:70px; padding-top:22px; border-top:1px solid rgba(255,255,255,.13); display:flex; justify-content:space-between; color:#829e95; font-size:11px; }
.inner-hero { padding-block:120px 85px; max-width:900px; margin-left:max(24px,calc((100vw - 1180px)/2)); }.inner-hero h1 { margin:0; font-size:clamp(54px,7vw,88px); line-height:1.02; }.inner-hero>p:last-child { max-width:700px; margin:30px 0 0; color:var(--muted); font-size:20px; }
.content-band { background:var(--cream); padding-block:90px 120px; }.prose-shell { width:min(820px,calc(100% - 48px)); margin:auto; }.prose-shell h2 { margin:70px 0 18px; font-size:38px; line-height:1.2; }.prose-shell h2:first-child { margin-top:0; }.prose-shell h3 { margin:38px 0 12px; font-size:25px; }.prose-shell p,.prose-shell li { color:#465e58; }.prose-shell ul,.prose-shell ol { padding-left:24px; }.prose-shell li { margin:10px 0; }.prose-shell .callout { margin:45px 0; padding:30px; border-left:4px solid var(--sage-dark); background:var(--paper); }.prose-shell .callout p { margin:0; color:var(--ink); }
.values-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:50px; }.value-card { padding:32px; background:var(--paper); border:1px solid var(--line); }.value-card span { display:block; color:var(--sage-dark); font-size:12px; font-weight:800; }.value-card h3 { margin:14px 0 8px; }.value-card p { margin:0; font-size:15px; }
.all-guides { padding:0 0 120px; }.all-guides .guide-grid { grid-template-columns:repeat(3,1fr); }
.guide-header { padding-bottom:70px; }.guide-header .category-pill { display:inline-block; margin-bottom:28px; padding:7px 12px; background:#e3ece5; text-transform:uppercase; letter-spacing:.12em; font-size:10px; font-weight:800; }.guide-header h1 { max-width:900px; }.guide-header-meta { display:flex; gap:18px; margin-top:28px; color:var(--muted); font-size:13px; }.article-wrap { border-top:1px solid var(--line); }.article-intro { font-family:Georgia,"Times New Roman",serif; font-size:26px!important; line-height:1.5; color:var(--ink)!important; }.article-steps { margin:25px 0; padding:24px 24px 24px 48px!important; background:var(--paper); border:1px solid var(--line); }.back-link { display:inline-flex; margin-top:70px; font-weight:700; font-size:14px; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-bottom:120px; }.contact-card { padding:42px; background:var(--cream); border:1px solid var(--line); }.contact-card h2 { margin:0 0 14px; font-size:34px; }.contact-card p { color:var(--muted); }.contact-card a { display:inline-block; margin-top:18px; border-bottom:1px solid; font-weight:700; }.legal-meta { padding-bottom:35px; color:var(--muted); font-size:13px; }
@media (max-width:900px) { .desktop-nav { display:none; }.mobile-menu { display:block; position:relative; }.mobile-menu summary { list-style:none; width:42px; height:42px; display:grid; align-content:center; gap:7px; cursor:pointer; }.mobile-menu summary::-webkit-details-marker { display:none; }.mobile-menu summary span { display:block; width:24px; height:2px; background:var(--ink); margin:auto; }.mobile-menu nav { position:absolute; right:0; top:50px; width:220px; padding:20px; background:var(--paper); border:1px solid var(--line); box-shadow:0 15px 40px rgba(13,41,37,.12); display:flex; flex-direction:column; gap:13px; }.hero { grid-template-columns:1fr; padding-top:85px; }.hero-art { height:480px; }.intro-section { grid-template-columns:1fr; gap:10px; }.topic-grid,.guide-grid,.all-guides .guide-grid { grid-template-columns:1fr 1fr; }.topic-card:last-child { grid-column:1/-1; }.footer-grid { grid-template-columns:1.5fr 1fr 1fr; gap:35px; }}
@media (max-width:620px) { body { font-size:16px; }.section-shell { width:min(100% - 32px,1180px); }.header-inner { height:72px; }.hero { min-height:0; gap:45px; padding-block:65px; }.hero h1 { font-size:54px; }.hero-intro { font-size:18px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:20px; }.hero-art { height:400px; border-radius:170px 170px 12px 12px; }.sun { width:100px; height:100px; right:50px; }.hero-note { width:210px; }.trust-strip { flex-wrap:wrap; gap:9px 20px; justify-content:center; padding-block:24px; }.trust-strip span { display:none; }.intro-section { padding-block:90px 50px; }.topic-grid,.guide-grid,.all-guides .guide-grid { grid-template-columns:1fr; }.topic-card:last-child { grid-column:auto; }.topic-card { min-height:350px; }.featured-section { padding-block:90px; }.section-heading-row { align-items:flex-start; flex-direction:column; gap:25px; }.manifesto { padding-block:100px; }.footer-grid { grid-template-columns:1fr 1fr; }.footer-brand { grid-column:1/-1; }.footer-bottom { align-items:flex-start; flex-direction:column; }.inner-hero { padding-block:85px 60px; margin-left:16px; width:calc(100% - 32px); }.inner-hero h1 { font-size:52px; }.inner-hero>p:last-child { font-size:18px; }.content-band { padding-block:70px 90px; }.prose-shell { width:calc(100% - 32px); }.prose-shell h2 { font-size:32px; }.values-grid,.contact-grid { grid-template-columns:1fr; }.contact-grid { padding-bottom:90px; }}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }