@font-face{font-family:Public;src:url(/brand/fonts/public-sans-latin-wght-normal.woff2)}.family-hero{--blue:#20496b;--ink:#152c42;--orange:#ff6600;--paper:#f7f9fc;--muted:#52687c;--line:#c9d6e0;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}.family-hero *{box-sizing:border-box}.family-hero{scroll-behavior:auto}.family-hero{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 Public,Arial,sans-serif}.family-hero a{color:inherit;text-underline-offset:5px}.family-hero button,.family-hero input{font:inherit}.family-hero button,.family-hero a,.family-hero input{touch-action:manipulation}.family-hero a:focus-visible,.family-hero button:focus-visible,.family-hero input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.family-hero button{cursor:pointer}.family-hero .skip{position:absolute;top:-100px;left:10px;z-index:10;background:white;padding:10px}.family-hero .skip:focus{top:10px}.family-hero .study{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 4%;background:#e7edf3;font-size:11px}.family-hero .study nav{display:flex;gap:18px;flex-wrap:wrap}.family-hero .study a{text-decoration:none}.family-hero .study a[aria-current]{font-weight:800;text-decoration:underline;text-decoration-color:#9e3e00}.family-hero .mast{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4%;background:var(--blue);color:#fff;border-bottom:1px solid #ffffff29}.family-hero .brand{display:flex;align-items:center;gap:13px;text-decoration:none}.family-hero .brand img{width:55px;height:41px}.family-hero .brand strong{font-size:26px;letter-spacing:-1px;line-height:1.1}.family-hero .brand small{display:block;font-size:10px;letter-spacing:1.4px;margin-top:5px;color:#c5dbea}.family-hero .mast nav{display:flex;gap:28px;align-items:center;font-size:13px}.family-hero .mast nav a{text-decoration:none}.family-hero .mast nav a:last-child{border:1px solid #ffffff6b;padding:9px 14px}.family-hero .family-inner{background:var(--blue);color:white;padding:36px 4% 28px}.family-hero .hero-grid{display:grid;grid-template-columns:minmax(0, .82fr) minmax(0,1.35fr);gap:2%;align-items:center;max-width:1550px;margin:auto}.family-hero .eyebrow{text-transform:uppercase;font-size:10px;font-weight:650;letter-spacing:1.6px;margin:0 0 24px}.family-hero .eyebrow:before{content:'';display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:10px}.family-hero h1{font-size:clamp(36px,4.3vw,68px);line-height:1.06;letter-spacing:-2.8px;margin:0 0 25px;font-weight:650}.family-hero h1 em{font-style:normal;color:#b9d4e8}.family-hero h1 .dot{color:var(--orange)}.family-hero .lead{font-size:17px;max-width:470px;color:#e0ebf3;line-height:1.65}.family-hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:27px;font-size:13px}.family-hero .primary{background:#fff;color:#152c42;text-decoration:none;font-weight:650;padding:13px 18px;border-bottom:3px solid var(--orange)}.family-hero .actions a span,.family-hero .mast a span{display:inline-block;transition:transform 180ms ease}.family-hero .fine{font-size:11px;color:#c5dbea;margin-top:22px}.family-hero .scene{min-width:0;position:relative}.family-hero .scene svg{width:100%;height:auto;display:block;overflow:visible}.family-hero .scene svg text{font-family:Public,Arial,sans-serif;fill:#152c42;stroke:none}.family-hero .scene svg .muted{fill:#536779}.family-hero .scene svg .light{fill:#d4e5f1}.family-hero .scene svg .white{fill:#fff}.family-hero .scene svg .orange{fill:#ff6600}.family-hero .scene svg .paper{fill:#f7f9fc;stroke:#b9cfdf;stroke-width:1}.family-hero .scene svg .line{fill:none;stroke:#8baac1;stroke-width:1.4}.family-hero .scene svg .inkline{fill:none;stroke:#93a9b9;stroke-width:1.4}.family-hero .scene svg .accent{fill:none;stroke:#ff6600;stroke-width:3}.family-hero .scene svg .wash{fill:#e4edf4}.family-hero .scene svg .out{fill:#20496b;stroke:#6f93ae;stroke-width:1.3}.family-hero .scene svg .tag{font-size:12px;letter-spacing:1.5px}.family-hero .scene svg .body{font-size:16px}.family-hero .scene svg .title{font-size:23px;font-weight:650}.family-hero .scene svg .mono{font:14px ui-monospace,monospace}.family-hero .scene svg [data-move]{transform-box:fill-box;transform-origin:center}.family-hero .controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 4px;color:#d4e5f1;font-size:11px;border-top:1px solid #ffffff30}.family-hero .controls button{color:white;border:1px solid #b9d4e8;background:transparent;padding:7px 12px;font-size:11px;min-height:36px;min-width:95px}.family-hero .stages{display:flex;gap:6px;justify-content:space-between;margin:15px 0 0}.family-hero .stages button{flex:1;text-align:left;color:#d4e5f1;background:none;border:0;border-top:2px solid #7294ae;padding:10px 4px;font-size:10px;line-height:1.45;min-height:46px}.family-hero .stages button[aria-pressed=true]{border-color:#ff6600;color:#fff}.family-hero .stages button b{display:block;font-size:10px;opacity:.8;margin-bottom:5px}.family-hero .promise{max-width:1450px;margin:25px auto 0;padding-top:20px;border-top:1px solid #ffffff29;display:flex;gap:30px;flex-wrap:wrap;font-size:11px;letter-spacing:.3px;color:#d4e5f1}.family-hero .promise span:before{content:'+';color:#ff6600;margin-right:8px}.family-hero .section{max-width:1370px;margin:auto;padding:62px 4%}.family-hero .section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:30px}.family-hero h2{font-size:clamp(29px,3vw,43px);line-height:1.12;letter-spacing:-1.2px;margin:0}.family-hero .section-head p{color:var(--muted);margin:0;max-width:530px}.family-hero .features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.family-hero .feature{padding:25px 25px 8px 0}.family-hero .feature+.feature{border-left:1px solid var(--line);padding-left:25px}.family-hero .number{font-size:12px;color:#9e3e00}.family-hero h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:14px 0}.family-hero .feature p{font-size:14px;color:var(--muted)}.family-hero .detail{background:#e7edf3;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.family-hero .detail-inner{max-width:1370px;margin:auto;padding:38px 4%;display:grid;grid-template-columns:1fr 1fr;gap:40px}.family-hero .detail h2{font-size:30px}.family-hero .detail p{font-size:15px}.family-hero .proof{border-left:3px solid var(--orange);padding-left:22px}.family-hero .proof strong{display:block;font-size:22px;line-height:1.3}.family-hero .proof p{color:var(--muted)}.family-hero .contact{display:flex;justify-content:space-between;gap:30px;align-items:center}.family-hero .contact h2{max-width:700px}.family-hero .contact a{white-space:nowrap;background:var(--blue);color:white}.family-hero .footer{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:22px 4%;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.family-hero button:active,.family-hero .primary:active{transform:translateY(1px)}@media(hover:hover) and (pointer:fine){.family-hero .actions a:hover span,.family-hero .mast a:hover span{transform:translateX(4px)}.family-hero .stages button:hover{border-color:white}.family-hero .primary:hover{background:#e7edf3}.family-hero .contact .primary:hover{background:#173954}}@media(max-width:1050px){.family-hero .hero-grid{grid-template-columns:1fr 1.1fr}.family-hero h1{font-size:43px;letter-spacing:-1.6px}.family-hero .mast nav{gap:16px}.family-hero .brand strong{font-size:22px}.family-hero .lead{font-size:15px}}@media(max-width:760px){.family-hero .study{align-items:flex-start;flex-direction:column;gap:8px}.family-hero .study nav{gap:12px}.family-hero .mast{padding:18px 5%}.family-hero .mast nav a:not(:last-child){display:none}.family-hero .mast nav{font-size:11px}.family-hero .brand img{width:43px;height:33px}.family-hero .brand strong{font-size:20px}.family-hero .brand small{font-size:8px}.family-hero .family-inner{padding:28px 5% 23px}.family-hero .hero-grid{grid-template-columns:1fr;gap:22px}.family-hero h1{font-size:48px;max-width:550px}.family-hero .lead{max-width:560px;font-size:16px}.family-hero .eyebrow{margin-bottom:18px}.family-hero .scene{margin:0 -3%}.family-hero .promise{gap:12px 25px;margin-top:14px}.family-hero .section{padding:38px 5%}.family-hero .section-head,.family-hero .detail-inner{grid-template-columns:1fr;gap:20px}.family-hero .features{grid-template-columns:1fr}.family-hero .feature,.family-hero .feature+.feature{border-left:0;border-bottom:1px solid var(--line);padding:20px 0 12px}.family-hero .feature h3{margin:5px 0}.family-hero .feature p{margin:8px 0}.family-hero .contact{align-items:flex-start;flex-direction:column}.family-hero .controls{font-size:10px}.family-hero .stages button{font-size:9px}.family-hero .detail-inner{padding:30px 5%}.family-hero .fine{margin-top:16px}.family-hero .footer{padding:20px 5%}}@media(max-width:360px){.family-hero h1{font-size:41px}.family-hero .mast nav a:last-child{padding:8px}.family-hero .brand{gap:8px}.family-hero .brand strong{font-size:18px}.family-hero .study nav{gap:8px}.family-hero .stages button{font-size:8px}}@media(prefers-reduced-motion:reduce){.family-hero *,.family-hero *::before,.family-hero *::after{scroll-behavior:auto!important;transition:none!important}}

.family-hero{font-family:"Public Sans",Arial,sans-serif;background:#20496b;color:#fff;padding:48px 32px;margin:0;width:100%;max-width:none;border:0}.family-hero .hero-grid{max-width:1280px;margin:auto}.family-hero h1{color:#fff;font-weight:700}.family-hero .scene{min-width:0}.family-hero .dot{display:inline;color:#ff6600;background:none;width:auto;height:auto;margin:0}.family-hero .accent{display:inline;position:static}.family-hero .scene svg .accent{fill:none;stroke:#ff6600;stroke-width:2.5}.family-hero .actions a{font-size:14px}.family-hero .primary{background:#ff6600;color:#152c42}.family-hero .primary:hover{background:#ff8a3d}@media(max-width:760px){.family-hero{padding:32px 16px}.family-hero .hero-grid{display:grid;grid-template-columns:1fr}.family-hero h1{font-size:42px}}

/* Context family: fine, readable construction lines; orange marks the change. */
.family-hero .scene svg .paper{fill:#20496b;stroke:#b9d4e8;stroke-width:1}
.family-hero .scene svg text{fill:#edf4f9}
.family-hero .scene svg .muted{fill:#b9cfdf}
.family-hero .scene svg .wash{fill:#2a5675}
.family-hero .scene svg .inkline{stroke:#a6c1d5;stroke-width:1}
.family-hero .scene svg .line{stroke:#7295af;stroke-width:1}
.family-hero .scene svg .accent{stroke:#ff6600;stroke-width:1.7}
.family-hero .scene svg [stroke="#152c42"]{stroke:#d7e6f0}
.family-hero .scene svg .title{font-size:21px;font-weight:550}
.family-hero .scene svg .tag{font-size:11px;letter-spacing:1.1px}
.family-hero .controls button{min-height:44px}
.family-hero[data-product="stop"] h1{font-size:clamp(32px,3.1vw,48px);overflow-wrap:normal;word-break:normal}@media(max-width:760px){.family-hero[data-product="stop"] h1{font-size:clamp(32px,9.5vw,42px)}}
