:root{--ink:#193841;--navy:#182f39;--navy2:#244956;--muted:#596e75;--blue:#257b87;--light:#eef6f5;--paper:#fffef9;--mist:#f5f8f7;--border:#dce8e7;--accent:#f5be72;--green:#bde4c8;--shadow:0 18px 40px rgba(22,54,62,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffefb;color:var(--ink);font:16px/1.72 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4{line-height:1.13;letter-spacing:-.042em}h1,h2{font-weight:780}h1{font-size:clamp(48px,5.5vw,78px);margin:16px 0 24px}h2{font-size:clamp(31px,3.4vw,48px);margin:12px 0 20px}h3{font-size:20px;margin:0 0 10px}p{color:var(--muted);margin:0 0 18px}strong{color:var(--ink)}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-70px;left:15px;z-index:100;background:white;padding:8px 12px}.skip:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e19a48;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.kicker{display:block;text-transform:uppercase;letter-spacing:.15em;color:#2b7777;font-weight:850;font-size:12px}.site-header{background:var(--paper);position:sticky;top:0;border-bottom:1px solid var(--border);z-index:40}.header-inner{min-height:78px;display:flex;align-items:center;gap:26px}.logo{display:flex;align-items:center;text-decoration:none;gap:10px;letter-spacing:-.065em;line-height:.95;font-size:24px;font-weight:890;white-space:nowrap}.logo-accent{color:#35828d}.logo small{display:block;letter-spacing:.15em;font-size:8px;line-height:2;color:#769097;font-weight:800}.logomark{width:35px;height:35px;border-radius:10px;background:#193b45;display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);align-content:center;justify-content:center;gap:4px}.logomark i{background:#e3eef0;border-radius:2px}.logomark i:nth-child(2){background:var(--accent)}.logomark i:nth-child(3){background:var(--green)}.nav{margin-left:auto;display:flex;align-items:center;gap:23px}.nav a{font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}.nav a:hover{color:#237a86}.header-cta{background:#193c46;color:white;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:780;text-decoration:none;white-space:nowrap}.header-cta:hover,.button.primary:hover{background:#276374}.nav-button{display:none;background:transparent;border:1px solid #cddedc;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:750}.hero{background:#eaf4f3;padding:70px 0 74px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:65px}.overline{display:inline-flex;align-items:center;gap:10px;letter-spacing:.1em;color:#397a79;font-size:11px;font-weight:850}.pulse{width:9px;height:9px;background:#56a592;border-radius:100%;box-shadow:0 0 0 5px #d1eae1}.hero h1{max-width:650px;letter-spacing:-.073em}.hero h1 em,.manifesto h2 em{font-style:normal;color:#327d87}.hero-copy>p{font-size:18px;line-height:1.75;max-width:595px;color:#48656a}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.button{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:12px 20px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:800;transition:transform .2s,background .2s;min-height:44px}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--navy);color:#fff}.button.outline{border-color:#b7d0d1;color:var(--ink);background:#fbfefd}.button.ghost{border:1px solid var(--border);background:#fff}.button.secondary{background:#edf4f3;border:1px solid var(--border);color:var(--ink)}.button.large{font-size:15px}.hero-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;font-size:12px;color:#4b7075}.hero-meta span{border-right:1px solid #9fc4c1;padding-right:15px}.hero-meta span:last-child{border:0}.hero-meta strong{font-size:15px}.hero-art{position:relative}.hero-art img{width:100%;height:auto;display:block;max-width:590px}.art-note{position:absolute;right:-18px;bottom:-12px;border-radius:12px;background:#fffefa;padding:12px 16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;line-height:1.5}.note-icon{color:#4a9f8a;font-size:23px}.proof-strip{background:#f7faf9;border-bottom:1px solid var(--border)}.proof-inner{display:flex;align-items:center;gap:30px;padding:19px 0}.proof-inner>span{font-size:10px;letter-spacing:.14em;font-weight:850;color:#397c86;white-space:nowrap}.proof-inner p{margin:0;font-size:13px;color:#597176}.proof-inner b{color:#b4bec0;padding:0 12px}.space{padding:88px 0}.pale{background:#f3f8f7}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading h2{max-width:700px;margin-bottom:0}.section-heading>p{max-width:340px;font-size:14px;margin-bottom:3px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card{display:flex;flex-direction:column;min-height:259px;background:var(--paper);border:1px solid var(--border);border-radius:13px;padding:26px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#a5d1cf}.article-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.category{font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:6px 10px;border-radius:999px;display:inline-flex;font-weight:840;line-height:1.15}.category.blue{background:#e0f0f2;color:#245b68}.category.sage{background:#e4efdf;color:#426a49}.category.violet{background:#efe8fa;color:#654e83}.category.sand{background:#f7ecd9;color:#85643b}.category.rose{background:#fce5df;color:#935343}.category.yellow{background:#fff3cb;color:#8a6e27}.card-arr{font-size:19px;color:#7ca5a7}.article-card h3{font-size:20px}.article-card p{font-size:13px;line-height:1.7}.readtime{font-size:12px;color:#2d777c;font-weight:750;margin-top:auto;line-height:1.45}.section-end{text-align:center;margin-top:30px}.split-band{background:var(--navy);color:white;padding:80px 0}.split-inner{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center}.split-band .kicker{color:#a0e7d5}.split-band h2{max-width:520px}.split-band p{color:#b2c9cc}.button-pair{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:22px}.split-band .button.primary{background:#f5c57e;color:#193841}.text-link{text-decoration:none;color:#247782;font-weight:820;font-size:14px}.text-link:hover{text-decoration:underline}.light-link{color:#c6f0e4}.workflow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.workflow>div{background:#254751;border:1px solid #38616d;padding:26px;border-radius:11px;min-height:153px}.workflow span{display:block;color:#f5c57e;font-weight:900;font-size:14px}.workflow strong{display:block;color:white;font-size:23px;margin-top:12px}.workflow small{font-size:12px;color:#b2c9cc}.source-line{display:flex;flex-wrap:wrap;gap:18px;align-items:center;border-top:1px solid #d4e4e2;padding-top:22px;margin-top:28px;font-size:13px}.source-line a{font-weight:700;text-decoration:none;color:#387c7b}.tag-live{background:#e1eeeb;border-radius:4px;padding:5px 10px;font-size:10px;font-weight:850;color:#2d6265}.manifesto{border-radius:16px;border:1px solid #d6e7e2;background:#ecf5f3;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.manifesto h2{font-size:clamp(34px,3.5vw,50px)}.manifesto p{font-size:16px}.footer{background:#172e38;color:#c8d9dc;padding:64px 0 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}.footer-brand{text-decoration:none;font-weight:890;letter-spacing:-.06em;font-size:30px;color:#fff}.footer-brand span{color:#76c1c7}.footer-brand .dot{color:#f4bd71}.footer-pitch p{font-size:14px;color:#b8cdd0;max-width:340px;margin:18px 0}.footer .mail{font-size:14px;color:#e0f1eb;font-weight:700}.footer-links h3{color:#fff;font-size:13px;margin-bottom:19px;letter-spacing:0}.footer-links a{display:block;text-decoration:none;color:#bdd1d3;font-size:12px;margin-bottom:12px}.footer-links a:hover{text-decoration:underline;color:white}.footer-bottom{border-top:1px solid #38545d;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#abc1c4;font-size:11px}.page-hero{background:#eaf4f3;padding:65px 0 68px;border-bottom:1px solid var(--border)}.page-hero h1{max-width:950px;letter-spacing:-.065em;font-size:clamp(44px,5vw,67px)}.sublead{max-width:750px;font-size:18px}.library-toolbar{background:#f9fcfa;border:1px solid var(--border);border-radius:12px;padding:17px 18px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #bed7d6;border-radius:9px;background:white;padding:0 12px}.search-box span{font-size:28px;color:#427e84}.search-box input{width:100%;border:0;background:transparent;padding:14px 2px;color:var(--ink);outline:none;font-size:15px}.filters{margin-top:16px;display:flex;gap:7px;flex-wrap:wrap}.filters button{background:white;color:#355c61;border:1px solid #d5e5e2;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750}.filters button.active{background:#1c4650;color:white;border-color:#1c4650}.filters button span{opacity:.7}.results-counter,.empty-results{font-size:12px;margin:0 0 19px}.notice{background:#e9f4ef;border-left:4px solid #68a58f;padding:18px 22px;border-radius:5px;margin-bottom:24px;color:#30564e;font-size:14px}.source-panel{margin-top:45px;padding:34px;border-radius:12px;background:#edf5f4;border:1px solid var(--border)}.source-panel h2{font-size:29px}.source-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 30px;padding-left:18px}.source-panel a{color:#247782;font-weight:730}.article-outer{padding-top:40px;padding-bottom:110px}.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#7a8e8d;font-size:12px;margin-bottom:40px}.breadcrumbs a{color:#27727c;text-decoration:none}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:72px;align-items:start}.content-article{min-width:0}.article-title h1{font-size:clamp(39px,4.8vw,64px);letter-spacing:-.065em;margin-top:18px;margin-bottom:17px}.article-deck{font-size:20px;line-height:1.55;color:#566f75}.byline{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;display:flex;flex-wrap:wrap;gap:16px;color:#718589;font-size:12px;margin:24px 0 37px}.article-prose{max-width:760px}.article-prose p{font-size:16px;line-height:1.9}.article-prose>.intro{font-size:18px;color:#324e55}.article-section{padding-top:23px;margin-top:28px;border-top:1px solid var(--border);scroll-margin-top:110px}.article-section h2{font-size:30px;line-height:1.24;margin:12px 0 16px}.section-num{display:inline-block;color:#438d89;font-size:11px;font-weight:850;letter-spacing:.11em}.note{padding:20px 24px;background:#eaf4f1;border-left:4px solid #80b5aa;border-radius:7px;margin:29px 0}.note p{font-size:14px;margin:6px 0 0}.scenario{background:#fff6e7;border:1px solid #f2e5d0;border-radius:10px;padding:23px 27px;margin-top:37px}.scenario p{margin:0}.action-list ol{padding-left:28px}.action-list li{padding:9px 4px;line-height:1.65;border-bottom:1px solid #e7eeec}.reference-list{padding-left:0;list-style:none}.reference-list li{margin:9px 0}.reference-list a{display:flex;justify-content:space-between;align-items:center;gap:13px;background:#f4f8f7;border:1px solid #e1eae8;padding:10px 13px;border-radius:7px;color:#2d6c75;text-decoration:none;font-size:13px;font-weight:730}.reference-list a:hover{text-decoration:underline}.smallprint{font-size:12px!important;line-height:1.7!important;color:#798c8e}.article-sidebar{position:sticky;top:105px}.sidebar-card{background:#f7faf9;border:1px solid var(--border);border-radius:11px;padding:22px}.sb-title{font-weight:900;letter-spacing:.1em;font-size:11px;color:#397b7e;margin-bottom:15px}.sidebar-card>a{display:flex;gap:9px;text-decoration:none;color:#507076;font-size:12px;line-height:1.5;padding:8px 0;border-bottom:1px solid #e8eeee}.sidebar-card>a:hover{color:#1c6570}.sidebar-card span{color:#8cb1ae;font-weight:800}.sb-sep{height:14px}.sidebar-card>a.sidebar-more{color:#25747b;font-weight:800;border-bottom:0}.article-cta{margin:45px 0;padding:24px 26px;background:#e5f1f0;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:20px}.article-cta p{font-size:13px;margin:5px 0 0}.article-related{margin-top:66px}.article-related h2{font-size:31px}.article-related .article-card{min-height:240px}.flat-content{max-width:795px;margin-inline:auto}.flat-content p,.flat-content li{font-size:17px;line-height:1.85}.flat-content .intro{font-size:19px;color:#36545b}.flat-content h2{margin-top:43px;font-size:30px}.flat-content a{color:#247782}.contact-box{background:#ecf6f3;border:1px solid var(--border);padding:30px;margin:30px 0;border-radius:12px}.contact-box>a{display:block;font-size:27px;font-weight:800;margin:15px 0;overflow-wrap:anywhere}.contact-box p{font-size:14px}.source-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.source-directory>div{border:1px solid var(--border);background:#f8fbfa;border-radius:8px;padding:14px}.source-directory p{font-size:12px;margin:8px 0 0}.source-directory a{font-size:13px;font-weight:780}.tool-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-tool{display:flex;flex-direction:column;align-items:flex-start;padding:35px;border:1px solid var(--border);border-radius:14px;background:#f7fbf9;text-decoration:none;min-height:385px}.feature-tool:hover{box-shadow:var(--shadow)}.feature-tool h2{font-size:35px}.feature-tool p{font-size:15px}.feature-tool .text-link{margin-top:auto}.tool-icon{display:grid;place-items:center;background:#cce8eb;border-radius:13px;width:60px;height:60px;font-size:38px;color:#315e68;margin-bottom:20px}.tool-icon.green{background:#e0efd9;color:#4e7850}.content-split{display:grid;grid-template-columns:1.4fr .8fr;gap:50px;margin-top:60px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}.tool-panel{background:#fffefa;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:33px}.form-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:23px}.form-heading h2{font-size:29px;margin:3px 0 6px}.form-heading p{font-size:13px}.step-index{width:39px;height:39px;flex:0 0 39px;border-radius:10px;background:#cbe7e5;display:grid;place-items:center;font-weight:860;color:#285d65}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .full{grid-column:1/-1}label{display:block;color:#344f56;font-size:13px;font-weight:780;margin:0 0 7px}input,select,textarea{display:block;width:100%;padding:11px 13px;border:1px solid #c5dcd9;border-radius:8px;background:white;color:#24434d;font-size:14px;outline-offset:2px}textarea{resize:vertical}.form-grid+button{margin-top:25px}.tool-explainer{background:#e8f2f0;border:1px solid var(--border);border-radius:12px;padding:26px;position:sticky;top:105px}.tool-explainer h2{font-size:30px}.tool-explainer p{font-size:14px}.side-note{padding:18px 20px;background:#fbf9ee;border:1px solid #eee3ca;border-radius:8px;margin:20px 0}.side-note p{margin:7px 0 0;font-size:12px}.path-output{margin-top:28px;border-top:1px solid var(--border);padding-top:23px}.result-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.result-top .kicker{color:#2b7e81}.path-output h2{font-size:31px}.result-steps{padding-left:21px}.result-steps li{padding:12px 2px;border-bottom:1px solid var(--border);line-height:1.65}.small-button{padding:8px 13px;background:white;border:1px solid #c4d9d6;color:#33636b;border-radius:7px;font-size:12px;font-weight:800}.small-button.destructive{color:#9c5147;border-color:#f3c9c4}.path-output a{color:#276e78}.secondary-form{margin-top:33px}.checklist-panel{border:1px solid var(--border);padding:16px;background:#f8fbfa;border-radius:9px;display:grid;gap:13px;margin-bottom:20px}.checklist-panel label{display:flex;align-items:start;gap:11px;margin:0;font-size:13px;line-height:1.5}.checklist-panel input{width:17px;height:17px;margin:2px 0 0;flex:0 0 17px;accent-color:#287f81}.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:21px}.form-message{font-size:12px;margin-top:17px}.result-steps li::marker{color:#247e7b;font-weight:900}[hidden]{display:none!important}
@media(max-width:1080px){.header-cta{display:none}.nav{gap:13px}.nav a{font-size:12px}.article-layout{gap:34px;grid-template-columns:minmax(0,1fr) 230px}.hero-grid{gap:20px}}@media(max-width:830px){.nav-button{display:block;margin-left:auto}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fffefa;flex-direction:column;align-items:stretch;padding:18px 24px;border-bottom:1px solid var(--border);box-shadow:0 14px 25px #1638441a;gap:0}.nav.open{display:flex}.nav a{padding:11px 5px;font-size:14px}.hero-grid,.split-inner,.manifesto,.article-layout,.tool-layout,.content-split{grid-template-columns:1fr}.hero-art{max-width:520px;margin:auto}.article-sidebar,.tool-explainer{position:static}.footer-top{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.source-directory{grid-template-columns:1fr}}@media(max-width:600px){.container{width:min(100% - 30px,1160px)}.hero,.space{padding:53px 0}.hero h1{font-size:clamp(44px,10vw,62px)}.hero-grid{gap:38px}.hero-meta{gap:9px}.hero-meta span{padding-right:8px}.art-note{right:0;bottom:-14px}.section-heading{display:block}.section-heading p{margin-top:17px}.card-grid,.card-grid.two-col,.tool-cards,.source-panel ul,.workflow,.form-grid{grid-template-columns:1fr}.source-panel ul{padding-left:20px}.split-band{padding:50px 0}.manifesto{padding:29px}.footer-top{grid-template-columns:1fr;gap:22px}.footer-bottom{display:block}.page-hero{padding:48px 0}.page-hero h1{font-size:clamp(41px,9vw,57px)}.article-outer{padding-top:24px}.article-title h1{font-size:42px}.article-prose .intro{font-size:17px}.article-cta{flex-direction:column;align-items:flex-start}.tool-panel{padding:21px}.form-grid{gap:14px}.source-line{gap:10px}.source-line a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Simplified hero: one clean illustration, no overlapping decorative overlays. */
.hero-art{position:relative;overflow:hidden;border-radius:19px;box-shadow:0 12px 32px rgba(22,55,61,.08)}
.hero-art img{width:100%;height:auto;max-width:none;display:block}
@media(max-width:830px){.hero-art{max-width:520px;margin:0 auto}}