:root{--navy:#17344b;--ink:#16354a;--orange:#ea7834;--paper:#fff;--soft:#f1f5f7;--muted:#506571;--border:#d8e1e7;--dark:#102b3e;--light:#e8f0f5;--radius:8px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Arial',sans-serif;font-size:17px;line-height:1.6}body.dark{--paper:#112a3a;--soft:#183647;--ink:#f1f6f8;--muted:#bbcad3;--border:#375365;color-scheme:dark}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:white;color:var(--navy);padding:12px}.skip:focus{top:10px}header{height:98px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 5%;background:var(--paper);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}header .brand{width:272px;flex-shrink:0;background:#fff;border-radius:3px}header img{width:100%;height:auto;display:block}nav{display:flex;gap:28px;font-size:15px}nav a:hover,.text-link:hover{color:#b95012}.header-actions{display:flex;align-items:center;gap:18px}.theme{width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--ink);font-size:23px}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;padding:17px 23px;background:var(--orange);color:#142c3c;font-weight:700;border:0;border-radius:5px;font-size:16px;min-height:48px;transition:background .2s,transform .2s}.button:hover{background:#fc985b;transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:14px}.button.secondary{background:var(--soft);border:1px solid var(--border);color:var(--ink)}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1.1fr;background:var(--navy);color:white;position:relative;overflow:hidden}.hero-copy{padding:76px 0 78px 10%;z-index:2;align-self:center}.intro{color:#c5d8e4;font-size:15px;margin:0 0 24px}h1{font-size:clamp(42px,4.6vw,76px);line-height:1.06;letter-spacing:-.055em;font-weight:700;max-width:670px;margin:0 0 30px}h2{font-size:clamp(32px,3.3vw,52px);line-height:1.14;letter-spacing:-.045em;margin:0 0 25px}h3{line-height:1.3;letter-spacing:-.025em}.lead{color:#d3e0e9;max-width:510px;font-size:19px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px;flex-wrap:wrap}.text-link{border-bottom:1px solid currentColor;padding-bottom:3px;font-weight:600;font-size:15px}.hero-note{display:flex;align-items:center;gap:12px;color:#c5d8e4;font-size:13px;margin-top:42px}.line{width:27px;height:2px;background:var(--orange)}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}.hero-art img{width:120%;max-width:none;height:auto;object-fit:contain;mix-blend-mode:lighten}.art-caption{position:absolute;bottom:38px;left:12%;right:7%;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#c5d8e4;border-top:1px solid #62809470;padding-top:16px}.sector-strip{padding:23px 6%;display:flex;justify-content:space-between;gap:25px;background:var(--soft);border-bottom:1px solid var(--border);font-size:15px;color:var(--muted)}.section{padding:100px 7%;max-width:1680px;margin:auto}.section-label{font-size:15px;color:var(--muted);margin:0 0 23px}.opening,.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.opening p:not(.section-label),.about p:not(.section-label){max-width:710px;color:var(--muted);font-size:18px}.journey{background:var(--dark);color:var(--light);padding:70px 7%;height:2300px}.journey-sticky{position:sticky;top:145px;min-height:550px;display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;max-width:1450px;margin:auto}.journey .section-label{color:#aac2d1}.journey-heading>p:not(.section-label){max-width:370px;color:#b2c9d8}.step-controls{display:flex;gap:12px;margin-top:35px}.step-controls button{background:transparent;border:0;border-top:2px solid #567080;color:#9eb7c6;padding:14px 8px 10px;min-width:63px;text-align:left;transition:border .2s,color .2s}.step-controls button span{display:block;font-size:12px;margin-top:4px}.step-controls button[aria-pressed=true]{border-color:var(--orange);color:white}.process-panel{border:1px solid #446174;border-radius:12px;padding:30px;background:#19374b;position:relative;overflow:hidden}.process-top{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#c4d7e4}.process-status{font-size:12px;color:#a7bece}.process-diagram{display:flex;align-items:center;gap:0;margin:45px 0 35px}.process-node{border:1px solid #7791a1;padding:12px 6px;border-radius:4px;color:#b8cbd7;font-size:12px;flex:1;text-align:center;transition:.35s}.process-node.active{background:var(--orange);color:#122f40;border-color:var(--orange);font-weight:700}.connector{height:2px;width:16px;background:#5d7889}.stage-body{min-height:315px}.stage-number{font-size:62px;color:#f29a65;line-height:1;letter-spacing:-4px}.stage-body h3{font-size:28px;max-width:440px;margin:20px 0 15px}.stage-body p{font-size:16px;color:#c5d7e2;max-width:510px}.stage-body ul{padding-left:20px;color:#d7e5ee;font-size:14px;line-height:1.8}.progress-track{height:3px;background:#456171;margin-top:26px}.progress-track span{display:block;height:100%;width:25%;background:var(--orange);transition:width .35s}.scroll-hint{color:#a7bece;font-size:12px;margin:16px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:70px}.section-head>p{max-width:320px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.services article{border-top:1px solid var(--border);padding-top:24px;display:flex;align-items:start;flex-direction:column}.service-mark{font-size:14px;color:var(--muted)}.services h3{font-size:26px;margin:20px 0 10px}.services p{color:var(--muted);margin:0 0 25px;font-size:16px}.services a{margin-top:auto;font-size:14px;font-weight:700;border-bottom:2px solid var(--orange);padding:8px 0}.materials{background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:10%;max-width:none}.materials>div>p:not(.section-label){max-width:520px;color:var(--muted)}.material-list article{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid var(--border)}.material-list article>span{font-size:40px;color:#b95012;line-height:1.5}.material-list h3{font-size:25px;margin:0 0 10px}.material-list p{color:var(--muted);margin:0}.about{border-bottom:1px solid var(--border)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.questions details{border-bottom:1px solid var(--border)}summary{padding:23px 30px 23px 0;font-size:18px;font-weight:600;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:25px;font-weight:400;top:15px}details[open] summary:after{content:'−'}.questions p{color:var(--muted);font-size:16px;padding-bottom:22px;margin:0;max-width:650px}.contact{background:var(--navy);color:#fff;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact .section-label{color:#b9d0df}.contact p{max-width:460px;color:#c5d7e4}.contact .contact-note{font-size:14px;margin-top:40px}form{display:flex;flex-direction:column;align-items:stretch}label{font-size:14px;font-weight:600;margin-bottom:8px}label span{font-weight:400;color:#b8cdd9}input,select,textarea{width:100%;padding:14px;border:1px solid #607d91;background:#24465d;color:#fff;border-radius:4px;min-height:50px;margin:0 0 20px}input::placeholder{color:#b9ccd9}form .button{align-self:start}#form-feedback{font-size:14px;margin:10px 0}#project-result{margin-top:24px;border-top:1px solid #658093;padding-top:22px}#project-result .button{margin:0 8px 10px 0}footer{padding:42px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:13px;color:var(--muted)}.footer-brand{font-size:30px;font-weight:700;letter-spacing:-1.5px;color:var(--ink)}.footer-brand span{color:#b95012}.dark .footer-brand span{color:var(--orange)}footer p{margin:0}footer a{white-space:nowrap}.hero-art img{animation:appear 1.2s ease-out both}@keyframes appear{from{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-copy{padding-left:max(10%,calc((100vw - 1450px)/2))}.hero{min-height:750px}}
@media(max-width:1000px){header{gap:16px;padding:0 4%;height:85px}header .brand{width:230px}nav{gap:16px;font-size:13px}.header-actions{gap:8px}.hero{grid-template-columns:1fr 1fr;min-height:570px}.hero-copy{padding:55px 0 55px 8%}h1{font-size:52px}.lead{font-size:17px}.hero-actions{gap:18px}.hero-note{font-size:12px}.art-caption{display:none}.section{padding:75px 5%}.opening,.about{gap:35px}.journey{padding:65px 5%}.journey-sticky{gap:30px}.process-panel{padding:24px}.process-status{display:none}.process-node{font-size:10px}.services{gap:26px}.section-head{gap:30px}.contact{gap:7%}}
@media(max-width:720px){header{height:78px;padding:0 18px}header .brand{width:195px}nav{display:none}.header-actions .button{display:none}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:50px 24px 15px}.intro{font-size:13px;margin-bottom:20px}h1{font-size:48px;max-width:500px}.lead{font-size:17px}.hero-actions{gap:20px}.hero-actions .button{font-size:14px;padding:16px}.hero-note{margin-top:30px}.hero-art{width:100%;height:330px;overflow:hidden}.hero-art img{width:110%}.sector-strip{display:grid;grid-template-columns:1fr 1fr;padding:22px 24px;gap:14px;font-size:13px}.section{padding:65px 24px}.opening,.about,.materials,.faq,.contact{display:block}.opening>div,.about>div{margin-top:25px}.opening p:not(.section-label),.about p:not(.section-label){font-size:16px}h2{font-size:34px}.journey{padding:45px 20px;height:auto}.journey-sticky{position:relative;top:auto;display:block}.journey-heading h2 br{display:none}.journey-heading>p:not(.section-label){max-width:100%}.step-controls{margin:20px 0 28px;justify-content:space-between}.step-controls button{flex:1}.process-panel{padding:22px}.process-diagram{margin:28px 0}.process-node{padding:10px 3px}.connector{width:10px}.stage-number{font-size:44px}.stage-body{min-height:325px}.stage-body h3{font-size:25px}.scroll-hint{font-size:12px}.section-head{display:block}.section-head>p{max-width:none}.services{grid-template-columns:1fr;gap:38px;margin-top:35px}.services h3{font-size:26px}.services p{margin-bottom:12px}.material-list{margin-top:30px}.questions{margin-top:25px}.contact form{margin-top:35px}.contact .contact-note{margin-top:20px}footer{padding:35px 24px;flex-direction:column;align-items:start;gap:18px}summary{font-size:17px}.stage-body p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.journey{height:auto}.journey-sticky{position:relative;top:auto}}
h1,h2,h3{text-wrap:balance}button,a,summary{touch-action:manipulation}.journey-visual{height:190px;position:relative;overflow:hidden;margin:20px -8px;border-radius:6px;background:#133146}.journey-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transform:scale(1.05);transition:transform 1s ease,object-position 1s ease;opacity:.9}.process-panel[data-stage="0"] .journey-visual img{transform:scale(1);object-position:50% 35%}.process-panel[data-stage="1"] .journey-visual img{transform:scale(1.3);transform-origin:20% 30%;object-position:50% 28%}.process-panel[data-stage="2"] .journey-visual img{transform:scale(1.35);transform-origin:55% 45%;object-position:50% 45%}.process-panel[data-stage="3"] .journey-visual img{transform:scale(1.2);transform-origin:90% 65%;object-position:50% 60%}.visual-label{position:absolute;right:8px;bottom:7px;background:#102b3ee8;color:#dbe7ed;font-size:11px;padding:2px 6px;border-radius:3px}.journey-sticky{top:110px}.process-diagram{margin:22px 0 12px}.stage-body{min-height:265px}.stage-number{display:none}.stage-body h3{margin-top:18px}.journey{height:2600px}.process-node{transition:background .3s,color .3s,border-color .3s}@media(max-width:720px),(prefers-reduced-motion:reduce){.journey{height:auto}.journey-sticky{top:auto}.journey-visual{height:170px}.stage-body{min-height:320px}}@media(min-width:721px) and (max-height:800px){.journey-visual{height:120px}.process-panel{padding:20px}.stage-body{min-height:240px}.stage-body h3{font-size:24px}.stage-body p{font-size:14px}.stage-body ul{font-size:13px}.journey-sticky{top:100px}.process-top{font-size:12px}}
/* Legibility review: live descriptor, readable supporting text and reflow. */
:root{--header-height:134px}html{scroll-padding-top:calc(var(--header-height) + 16px)}header{height:auto;min-height:134px;padding:14px 5%;gap:24px;display:grid;grid-template-columns:minmax(320px,390px) 1fr auto}.brand-block{min-width:0}header .brand{display:block;width:260px;max-width:100%;background:#fff;padding:0 5px;border-radius:4px}header .brand img{aspect-ratio:740/160}.brand-description{font-size:.875rem;line-height:1.5;margin:6px 0 0;color:var(--ink);font-weight:400}.brand-description span,.brand-description strong{display:block}.brand-description strong{font-size:.9375rem;font-weight:600}header nav{justify-content:center;font-size:1rem;gap:24px}header nav a{padding:8px 0;min-height:44px;display:flex;align-items:center}.header-actions .button{font-size:.9375rem}.hero-note{font-size:.875rem}.hero .text-link:hover{color:#ffb081}.art-caption{font-size:.8125rem}.step-controls button{font-size:1rem;min-width:70px;min-height:70px}.step-controls button span{font-size:.875rem}.process-top,.process-status,.scroll-hint{font-size:.875rem}.process-node{font-size:.875rem;padding:10px 6px;overflow-wrap:anywhere}.visual-label{font-size:.8125rem}.stage-body p{font-size:1rem}.stage-body ul{font-size:.9375rem}.journey-sticky{top:calc(var(--header-height) + 20px)}footer{font-size:.9375rem}.sector-strip{font-size:.9375rem}.services a{font-size:1rem;min-height:44px}.stage-body{min-height:0}.process-panel{min-width:0}.process-diagram{min-width:0}.dark .material-list article>span{color:#f7a16d}body.dark nav a:hover,body.dark .text-link:hover{color:#f7a16d}
@media(max-width:1100px){header{grid-template-columns:1fr auto;padding:12px 4%;gap:12px;min-height:145px}header nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;font-size:.9375rem;gap:24px}header .header-actions{grid-row:1;grid-column:2}header .brand{width:240px}.brand-description{font-size:.875rem}.brand-description strong{font-size:.9375rem}.journey-sticky{gap:24px;grid-template-columns:.8fr 1.2fr}.process-status{display:none}}
@media(max-width:720px){header{position:relative;padding:14px 20px;grid-template-columns:1fr auto;gap:8px;min-height:0}.brand-block{display:contents}header .brand{grid-column:1;grid-row:1;width:230px;max-width:100%}header .header-actions{grid-row:1;grid-column:2}.brand-description{grid-column:1 / -1;grid-row:2;margin:4px 0 0;font-size:.875rem;line-height:1.55}.brand-description strong{font-size:.9375rem}header nav{display:flex;grid-column:1 / -1;grid-row:3;gap:20px;flex-wrap:wrap;font-size:.875rem;margin-top:4px}header nav a{min-height:44px;padding:5px 0}.header-actions .button{display:none}html{scroll-padding-top:20px}.journey-sticky{top:auto}.hero-note{font-size:.875rem;align-items:flex-start}.hero-note .line{margin-top:10px;flex-shrink:0}.step-controls{gap:4px}.step-controls button{min-width:0;padding:12px 3px}.step-controls button span{font-size:.875rem}.process-diagram{display:grid;grid-template-columns:1fr 1fr;gap:8px}.connector{display:none}.process-node{font-size:.875rem;overflow-wrap:normal}.process-top{font-size:.875rem}.stage-body{min-height:320px}.stage-body p{font-size:1rem}.stage-body ul{font-size:.9375rem}.scroll-hint{font-size:.875rem}.visual-label{font-size:.8125rem}.sector-strip{font-size:.875rem}.intro{font-size:.875rem}.hero-art img{object-fit:contain}.art-caption{display:block;bottom:8px;left:auto;right:24px;border:0;padding:4px 8px;background:#17344bd9;font-size:.8125rem}.art-caption span:first-child{display:none}}
@media(min-width:721px) and (max-height:950px){.journey{height:auto}.journey-sticky{position:relative;top:auto}.journey-visual{height:190px}.stage-body{min-height:280px}.stage-body p{font-size:1rem}.stage-body ul{font-size:.9375rem}.stage-body h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.journey-sticky{position:relative;top:auto}.journey-visual img{transform:none!important}}
@media(max-width:380px){header .brand{width:205px}.hero h1{font-size:2.5rem}.brand-description{font-size:.875rem}.brand-description strong{font-size:.9375rem}header nav{gap:16px}.step-controls button span{font-size:.8125rem}}
:root{--focus:#9d410c}.dark{--focus:#ffb37d}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--focus)}.hero :focus-visible,.journey :focus-visible,.contact :focus-visible{outline-color:#ffb37d}

@media(min-width:721px) and (max-width:1100px){.journey{height:auto}.journey-sticky{position:relative;top:auto;grid-template-columns:1fr;gap:36px;max-width:740px}.journey-heading>p:not(.section-label){max-width:620px}.step-controls{max-width:540px}.step-controls button{flex:1}.journey-visual{height:240px}.stage-body{min-height:0}}

#summary{resize:none;overflow-y:auto}form,form select{min-width:0}

/* Mobile type scale: broad reading area and consistent, readable supporting text. */
.button-icon{width:20px;height:20px;flex-shrink:0;display:block}
.theme{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.theme svg{display:block;width:26px;height:26px}
.material-list article>span svg{display:block;width:32px;height:40px}
@media(max-width:720px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{font-size:1.125rem;line-height:1.6}
 header{grid-template-columns:minmax(0,1fr) 48px;justify-content:center;column-gap:12px;row-gap:12px;padding:24px 18px 16px}
 header .brand{grid-column:1 / -1;grid-row:1;justify-self:center;width:368px;max-width:100%;min-height:48px;display:flex;align-items:center;padding:0}
 .brand-description{grid-column:1 / -1;grid-row:2;text-align:center;margin:0;width:100%;font-size:clamp(.8125rem,3.8vw,1rem);line-height:1.5;text-wrap:balance}
 .brand-description strong{font-size:clamp(.9375rem,4.1vw,1.125rem);font-weight:600}
 header nav{grid-column:1;grid-row:3;justify-content:space-between;flex-wrap:nowrap;gap:8px;margin:4px 0 0;font-size:1rem;line-height:1.35}
 header nav a{white-space:nowrap;min-height:48px}
 header .header-actions{grid-column:2;grid-row:3;justify-self:end;margin-top:4px}
 header .theme{width:48px;height:48px}
 .hero-copy{width:100%;padding:38px 18px 16px;text-align:center}
 .hero .intro{max-width:none;margin:0 auto 24px;font-size:1rem;line-height:1.5;text-wrap:pretty;color:#d3e0e9}
 .hero h1{font-size:clamp(1.5rem,calc(10vw - .32rem),3.375rem);line-height:1.12;letter-spacing:-.025em;max-width:none;margin:0 auto 26px}
 .hero h1 span{display:block}
 .hero .lead{max-width:none;margin:0 auto;font-size:clamp(1.125rem,4.6vw,1.3125rem);line-height:1.55;text-wrap:pretty;color:#e2ebf1}
 .hero-actions{flex-direction:column;align-items:center;gap:12px;max-width:none;margin:28px auto 0}
 .hero-actions .button{width:100%;min-height:60px;font-size:1.125rem;gap:12px;padding:17px 18px;justify-content:space-between;line-height:1.4}
 .hero-actions .text-link{display:inline-flex;align-items:center;min-height:48px;font-size:1.125rem;padding:8px 0}
 .hero-note{justify-content:center;align-items:center;max-width:none;margin:22px auto 0;font-size:1rem;line-height:1.5;text-wrap:pretty}
 .hero-note .line{display:none}
 .hero-art{height:auto;min-height:240px;padding-bottom:38px}
 .hero-art img{width:100%;max-width:100%}
 .art-caption{left:0;right:0;bottom:14px;text-align:center;background:none;font-size:.875rem}
 .sector-strip{text-align:center;font-size:1rem;gap:16px 12px;padding:24px 18px}
 .section{padding:64px 20px}
 .section-label,.section h2,.journey-heading{text-align:center}
 .section-label{font-size:1rem;margin-bottom:20px}
 .section h2,.journey h2{font-size:clamp(1.75rem,7.3vw,2.125rem);letter-spacing:-.025em;line-height:1.16}
 .section-head>p,.materials>div>p,.contact>div>p{margin-left:auto;margin-right:auto;text-align:center}
 .opening p:not(.section-label),.about p:not(.section-label),.services p,.questions p,.stage-body p{font-size:1.125rem;line-height:1.65}
 .services h3,.stage-body h3{font-size:1.625rem;letter-spacing:-.02em}
 .services a,.text-link{font-size:1.0625rem}
 .step-controls button{text-align:center}
 .step-controls button span{font-size:1rem}
 .process-panel{padding:22px 18px}
 .process-top,.scroll-hint,.stage-body ul{font-size:1rem;line-height:1.6}
 .stage-body{min-height:0}
 .material-list article{gap:12px}
 .material-list article>span{flex:0 0 28px}
 .material-list article>span svg{width:28px}
 .material-list article>div{min-width:0}
 .material-list h3{font-size:clamp(1.375rem,5.9vw,1.75rem);letter-spacing:-.02em}
 summary{font-size:1.125rem;line-height:1.5}
 label,.contact .contact-note,#form-feedback{font-size:1rem}
 input,select,textarea{font-size:1.125rem;line-height:1.5}
 .contact form>.button,#project-result .button{width:100%;margin-right:0;min-height:60px;font-size:1.125rem;line-height:1.4}
 .contact form>.button{justify-content:space-between;gap:12px}
 footer{align-items:center;text-align:center;font-size:1rem}
 footer a{min-height:48px;display:inline-flex;align-items:center}
}
@media(max-width:359px){
 header nav{font-size:.9375rem;gap:8px}
 header nav a{white-space:normal;text-align:center;justify-content:center}
 .step-controls button span{font-size:.9375rem}
 .sector-strip{grid-template-columns:1fr}
}
@media(hover:none){.button:hover{transform:none}}