.guide-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.5fr); gap:85px; padding:88px 9vw 80px; color:var(--white); background:linear-gradient(112deg,#071d30,#164761); }.guide-hero h1 { max-width:820px; margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(3rem,5vw,5.4rem); font-weight:400; line-height:.97; letter-spacing:-.05em; }.guide-hero .eyebrow { color:#aed1df; }.guide-hero .intro { max-width:680px; color:#d8e7ed; }.guide-hero .button { background:#e4eff3; border-color:#e4eff3; color:var(--ink); }.guide-index { align-self:end; display:grid; padding:22px; border-top:1px solid #94bece; background:rgba(255,255,255,.06); }.guide-index p { margin:0 0 10px; color:#a8cedb; font-size:.72rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.guide-index a { padding:10px 0; border-top:1px solid rgba(188,219,228,.24); color:#e4f0f4; font-size:.9rem; }.guide-section { padding:84px 9vw; }.guide-section-heading { max-width:780px; margin-bottom:32px; }.guide-section-heading h2 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(2.15rem,3.7vw,3.65rem); font-weight:400; line-height:1.03; letter-spacing:-.04em; }.guide-prose { display:grid; grid-template-columns:1fr 1fr; gap:40px; max-width:1060px; }.guide-prose p { margin:0; color:#4e6472; font-size:1.02rem; }.guide-callout { display:grid; grid-template-columns:200px 1fr; gap:25px; max-width:1060px; padding:22px 25px; margin:38px 0; border-left:4px solid var(--sea); background:var(--pale); }.guide-callout strong { font-size:.86rem; }.guide-callout span { color:#4e6472; }.guide-three-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.guide-three-grid article { min-height:208px; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.guide-three-grid span { color:var(--sea); font-size:.7rem; font-weight:800; letter-spacing:.1em; }.guide-three-grid h3 { margin:19px 0 8px; font-family:Georgia,'Times New Roman',serif; font-size:1.48rem; font-weight:400; }.guide-three-grid p,.guide-fineprint { color:#556b79; font-size:.9rem; }.guide-steps { background:var(--mist); }.guide-journey { max-width:1040px; padding:0; margin:0; list-style:none; border-top:1px solid var(--line); }.guide-journey li { display:grid; grid-template-columns:78px 1fr; gap:20px; padding:23px 0; border-bottom:1px solid var(--line); }.guide-journey > li > span { color:var(--sea); font-size:.76rem; font-weight:800; letter-spacing:.11em; }.guide-journey h3 { margin:0 0 5px; font-size:1.06rem; }.guide-journey p { max-width:800px; margin:0; color:#586d7a; }.guide-fineprint { max-width:800px; margin:24px 0 0; }.guide-dark { color:var(--white); background:#0d3048; }.guide-dark .eyebrow { color:#a5cad9; }.guide-dark .guide-prose p { color:#d5e5eb; }.open-book-table { max-width:1080px; margin-top:42px; border-top:1px solid rgba(197,222,231,.4); }.open-book-table > div { display:grid; grid-template-columns:.75fr 1.25fr; gap:28px; padding:17px 18px; border-bottom:1px solid rgba(197,222,231,.26); }.open-book-table .table-head { color:#a8cfde; font-size:.72rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.open-book-table strong { font-size:.94rem; }.open-book-table span { color:#d4e5eb; font-size:.9rem; }.guide-two-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:1140px; }.guide-two-grid article { padding:31px; border:1px solid var(--line); }.guide-two-grid h3 { margin:0 0 14px; font-family:Georgia,'Times New Roman',serif; font-size:1.75rem; font-weight:400; }.guide-two-grid p { color:#536a78; }.guide-two-grid ul { margin:0; padding:0; list-style:none; }.guide-two-grid li { padding:12px 0; border-top:1px solid var(--line); color:#536a78; font-size:.92rem; }.guide-two-grid li::before { content:'—'; margin-right:8px; color:var(--sea); }.dao-guide-grid article:first-child { background:#eef6f8; }.dao-guide-grid article:last-child { background:#f7f7f4; }.guide-wash { background:#f5f8f9; }.faq-list { max-width:980px; border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { position:relative; padding:18px 34px 18px 0; cursor:pointer; font-weight:700; list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:'+'; position:absolute; right:4px; top:12px; color:var(--sea); font-size:1.5rem; font-weight:400; }.faq-list details[open] summary::after { content:'−'; }.faq-list details p { max-width:850px; margin:0 0 20px; color:#536a78; }.guide-cta { display:flex; align-items:end; justify-content:space-between; gap:35px; padding:36px; margin-top:64px; color:var(--white); background:var(--navy); }.guide-cta .eyebrow { color:#abd0de; }.guide-cta h2 { max-width:550px; margin:0 0 9px; font-family:Georgia,'Times New Roman',serif; font-size:2rem; font-weight:400; }.guide-cta p:not(.eyebrow) { max-width:600px; margin:0; color:#d1e2e9; }.guide-cta .button { flex:0 0 auto; color:var(--ink); background:#e4eff3; border-color:#e4eff3; }
@media (max-width:900px) { .guide-hero { grid-template-columns:1fr; gap:40px; padding:66px 7vw; }.guide-index { max-width:540px; }.guide-section { padding:64px 7vw; }.guide-prose { grid-template-columns:1fr; gap:17px; }.guide-callout { grid-template-columns:1fr; gap:8px; }.guide-three-grid { grid-template-columns:repeat(2,1fr); }.guide-cta { align-items:flex-start; flex-direction:column; } }
@media (max-width:600px) { .guide-section { padding-top:54px; padding-bottom:54px; }.guide-hero { padding-top:55px; padding-bottom:55px; }.guide-three-grid,.guide-two-grid { grid-template-columns:1fr; }.guide-journey li { grid-template-columns:50px 1fr; gap:12px; }.open-book-table > div { grid-template-columns:1fr; gap:6px; }.guide-cta { padding:27px; margin-top:45px; } }