*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f4ee;color:#172b32;font:18px/1.65 system-ui,sans-serif}a{color:#155c64;text-underline-offset:5px}a:hover{color:#082c32}header,main,footer{max-width:1140px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #cad1ca}nav{display:flex;gap:24px;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:.06em;text-decoration:none}h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:1.08;letter-spacing:-.04em;max-width:880px;margin:25px 0}h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.2}h3{line-height:1.3}p{max-width:740px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700}.hero{padding:55px 0 70px}.lede{font-size:1.25rem;max-width:730px}.button,button{display:inline-block;border:2px solid #17494f;background:#17494f;color:white;padding:12px 20px;border-radius:4px;font:inherit;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:#0c3338;color:white}.secondary{background:transparent;color:#17494f}.actions{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border-top:3px solid #407b78;padding:20px 0}.card p{font-size:1rem}.band{background:#e3e9e2;padding:28px;margin:48px 0}.note{background:#e4e7dc;padding:10px 28px;margin:0;font-size:.85rem}section{padding:24px 0}footer{border-top:1px solid #cad1ca;font-size:.9rem;display:flex;gap:24px;flex-wrap:wrap}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:2}:focus-visible{outline:3px solid #ad4d13;outline-offset:4px}label{display:block;font-weight:600;margin-top:22px}input,textarea,select{font:inherit;width:100%;max-width:700px;padding:12px;border:1px solid #637779;border-radius:3px;background:white;color:#172b32}textarea{min-height:160px}input[type=checkbox]{width:auto}small{display:block;max-width:700px}form{max-width:740px}#status{padding:16px 0;font-weight:600}details{border-bottom:1px solid #bac7bf;padding:16px 0}summary{cursor:pointer;font-weight:600}code{overflow-wrap:anywhere}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding:22px}.grid{grid-template-columns:1fr}nav{gap:16px;font-size:1rem}.hero{padding:36px 0}.band{padding:22px}h1{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
nav a,footer a{min-height:24px;display:inline-flex;align-items:center}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #923f0e;outline-offset:4px}p,li{overflow-wrap:break-word}
.card h2{font-size:1.17em}
/* Approved preview design */
:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#102b46;background:#fafaf7;--teal:#197b83;--line:#d9dfe0;--muted:#526273}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--teal)}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #b66927;outline-offset:5px}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}.wrap{max-width:1200px;margin:auto;padding:0 48px}.skip{position:absolute;top:-80px;left:16px;padding:12px;background:white;z-index:20}.skip:focus{top:12px}header{border-bottom:1px solid var(--line);background:white}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none;font-size:23px;font-weight:800;letter-spacing:.095em;white-space:nowrap}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}.paused{color:var(--muted)}.menu{display:none;border:1px solid var(--line);background:transparent;border-radius:5px;padding:8px;line-height:0}.menu svg{width:24px;height:24px}.notice{padding:13px 20px;text-align:center;background:#f0efeb;font-size:13px;line-height:1.55;color:#485766}.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:50px;align-items:center;padding-top:68px;padding-bottom:62px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;line-height:1.6;color:var(--teal);text-transform:uppercase;margin:0 0 21px}h1{font-size:clamp(40px,4.45vw,59px);line-height:1.07;letter-spacing:-.048em;margin:0 0 22px;font-weight:760}.audience{font-size:16px;color:var(--muted);line-height:1.6;margin:0 0 16px}.intro{font-size:18px;line-height:1.6;margin:0;max-width:600px;color:#30465a}.actions{display:flex;gap:26px;align-items:center;margin-top:29px;flex-wrap:wrap}.primary{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--teal);color:white;text-decoration:none;font-size:14px;font-weight:650;border-radius:5px;padding:17px 22px;min-height:52px;border:1px solid var(--teal)}.primary:hover{background:#11646c;color:white}.secondary{font-size:14px;font-weight:600}.workflow{margin:0;padding-top:17px}.steps{display:flex;align-items:center;justify-content:center;gap:12px}.step{display:flex;flex:1;min-height:108px;border:1px solid #9aa8b2;border-radius:6px;align-items:center;justify-content:center;flex-direction:column;gap:12px;max-width:110px;background:#ffffff80;font-size:13px}.step-arrow{color:#748392;font-size:23px}.workflow figcaption{margin-top:20px;text-align:center;color:var(--muted);font-size:13px}.problems{border-top:1px solid var(--line);padding-top:32px;padding-bottom:62px;scroll-margin-top:24px}.problems .eyebrow{margin-bottom:8px}h2{font-size:34px;line-height:1.2;letter-spacing:-.035em;margin:0 0 27px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{border:1px solid var(--line);border-radius:7px;padding:26px;background:white;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.card:hover{border-color:#91b1b5;transform:translateY(-3px)}.card>svg{width:37px;height:37px;margin-bottom:21px}.card h3{font-size:21px;line-height:1.2;letter-spacing:-.025em;margin:0 0 13px}.card p{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 23px}.card button{align-self:flex-start;margin-top:auto;border:0;background:none;color:#126775;padding:0;min-height:32px;text-align:left;text-decoration:underline;text-underline-offset:5px;font-size:14px;font-weight:600}.approach{border-top:1px solid var(--line);padding:39px 0 48px;scroll-margin-top:24px}.approach>p{color:var(--muted);max-width:670px;line-height:1.65}.approach h2{margin-bottom:14px}.method{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:30px}.method h3{font-size:17px;margin:0 0 10px}.method p{color:var(--muted);font-size:15px;line-height:1.6;margin:0}.num{font-size:12px;color:var(--teal);letter-spacing:.1em;margin-right:9px}footer{background:#f0efeb;border-top:1px solid var(--line);padding:23px 0;font-size:12px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{margin:0}footer a{margin-left:18px}dialog{border:1px solid var(--line);border-radius:12px;max-width:570px;width:calc(100% - 32px);padding:35px;color:#102b46;background:#fafaf7;box-shadow:0 20px 100px #102b462a}dialog::backdrop{background:#102b4670}dialog h2{font-size:29px;margin-top:16px;margin-bottom:18px}dialog p{font-size:16px;line-height:1.65;color:var(--muted)}.close{float:right;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:white;font-size:25px;color:#102b46}dialog .eyebrow{margin-top:9px}dialog .primary{margin-top:12px}.example{border-left:3px solid var(--teal);padding-left:18px}dialog small{font-size:12px;line-height:1.6;color:var(--muted);display:block;margin-top:22px}@media(max-width:1050px){.hero{gap:26px}.wrap{padding-left:32px;padding-right:32px}nav{gap:19px}.steps{gap:8px}.step{min-height:95px}.card{padding:23px}.actions{gap:19px}.secondary{font-size:13px}}
@media(max-width:760px){.wrap{padding:0 23px}.header-inner{height:78px}.brand{font-size:20px}.menu{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;z-index:10;border-bottom:1px solid var(--line);padding:17px 23px;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:14px 0}.notice{font-size:12px;padding:11px 25px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:34px;padding-bottom:33px;gap:28px}.eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:17px}h1{font-size:40px;line-height:1.09;letter-spacing:-.045em;margin-bottom:18px}.audience{font-size:15px;line-height:1.55;margin-bottom:15px}.intro{font-size:16px;line-height:1.6}.actions{flex-direction:column;align-items:stretch;gap:17px;margin-top:24px}.primary{min-height:50px}.secondary{font-size:14px;text-align:center}.workflow{padding:0}.steps{gap:13px;max-width:360px;margin:auto}.step{height:86px;min-height:86px;font-size:12px;gap:9px}.step svg{width:26px;height:26px}.workflow figcaption{font-size:12px;margin-top:14px}.problems{padding-top:29px;padding-bottom:36px}h2{font-size:29px;margin-bottom:23px}.cards{grid-template-columns:1fr;gap:16px}.card{padding:25px}.card>svg{margin-bottom:17px}.card h3{font-size:21px;max-width:270px}.method{grid-template-columns:1fr;gap:25px}.approach{padding:31px 0 35px}footer .wrap{flex-direction:column;gap:15px}footer a{margin:0 18px 0 0}.preview-bar{padding:11px 14px;flex-wrap:wrap}.preview-bar small,.controls{display:none}.frame-area{padding:10px}.preview-frame{height:calc(100dvh - 135px);border-radius:5px;min-height:450px}dialog{padding:24px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
body{font:18px/1.65 Inter,'Segoe UI',Arial,sans-serif;background:#fafaf7;color:#102b46}header{max-width:none;margin:0;padding:0}header .header-inner,main,footer{max-width:1200px;margin:auto;padding-left:48px;padding-right:48px}.header-inner{height:94px}nav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}main{padding-top:36px;padding-bottom:36px}.home main{padding-top:0;padding-bottom:0}h1{max-width:900px}.hero h1{max-width:none}p{max-width:740px}.hero p{max-width:600px}.hero{padding-top:68px;padding-bottom:62px}.hero .eyebrow{margin-top:0}.card-link{font-size:14px;font-weight:600;color:#126775;margin-top:auto;min-height:44px;display:inline-flex;align-items:center;align-self:flex-start}.card h3 a{color:inherit}.band{background:#edf2ef;border:1px solid var(--line);border-radius:7px;padding:30px;margin:0 0 48px}.band h2{font-size:29px;margin-bottom:16px}.band p{font-size:16px}.button{background:var(--teal);border-color:var(--teal);font-size:14px;min-height:50px}.button:hover{background:#11646c}.grid{gap:19px}.card{border:1px solid var(--line);padding:26px}.card p{font-size:15px}footer{background:transparent;padding-top:24px;padding-bottom:24px;display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);font-size:13px}footer a{margin-left:0;min-height:44px;display:inline-flex;align-items:center}.note{border-radius:5px;background:#edf2ef}.home section{padding-left:0;padding-right:0}.home .problems{padding-top:32px;padding-bottom:62px}.home .approach{padding-top:39px;padding-bottom:48px}
@media(max-width:1050px){header .header-inner,main,footer{padding-left:32px;padding-right:32px}}
@media(max-width:760px){header .header-inner,main,footer{padding-left:23px;padding-right:23px}.header-inner{height:78px}header{display:block}.hero{padding-top:34px;padding-bottom:33px}.home .problems{padding-top:29px;padding-bottom:36px}.home .approach{padding-top:31px;padding-bottom:35px}.band{padding:24px;margin-bottom:36px}main{padding-top:28px}.grid{grid-template-columns:1fr}footer{gap:12px;align-items:flex-start}.brand{font-size:20px}.home h1{font-size:40px}.workflow{max-width:100%}.step{min-width:0}.menu{color:#102b46}.menu:hover{background:#edf2ef;color:#102b46}}
header{display:block}.header-inner{width:100%}@media(max-width:760px){nav{flex-wrap:nowrap}}