.process-page{--process-green:#637d4c}
.process-container{width:100%;padding-inline:var(--page-full-gutter)}
.process-skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:8px}
.process-skip:focus{top:16px}
.process-page h2{font-size:clamp(38px,3.7vw,64px);line-height:1.08;letter-spacing:-.045em;font-weight:450}
.process-page h2 span,.process-hero h1 span{color:var(--process-green)}
.process-page h3{font-family:"Necarta",Manrope,Arial,sans-serif;font-weight:450;letter-spacing:-.035em;line-height:1.18}
.process-page .eyebrow{font-weight:500;color:#646f5c;font-size:11px;letter-spacing:.08em}
.process-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:center;padding-top:82px;padding-bottom:72px}
.process-hero h1{font-size:clamp(44px,4.2vw,76px);line-height:1.065;letter-spacing:-.05em;font-weight:450;margin:28px 0}
.process-hero-copy>p{max-width:510px;color:#616858;font-size:16px;line-height:1.8}
.process-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:30px}
.process-hero-copy>.process-hero-note{margin-top:22px;font-size:12px;color:var(--muted)}
.process-hero-visual{position:relative;min-width:0;margin:0;padding:26px 0 22px;border-radius:26px;overflow:hidden;background:#e7ecdf}
.process-visual-top{display:flex;justify-content:space-between;gap:12px;padding:0 26px;font-size:9px;letter-spacing:.05em;color:#5d6b50;position:relative;z-index:2}
.process-visual-top>span:last-child{display:flex;align-items:center;gap:7px;letter-spacing:0}
.process-visual-top i,.process-launch-status i{display:block;width:6px;height:6px;background:#83b53d;border-radius:50%}
.process-laptop{display:block;width:115%;max-width:none;height:auto;margin:8px 0 0 -10%}
.process-phone{position:absolute;width:23%;height:auto;right:2%;bottom:19%;filter:drop-shadow(0 14px 10px #20261f13)}
.process-hero-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px;color:#65735a;font-size:12px;line-height:1.65}
.process-hero-visual figcaption strong{font-weight:500;color:var(--ink)}
.process-visual-mark{display:grid;place-items:center;border:1px solid #b5c1a7;border-radius:50%;width:40px;height:40px;font-size:23px}
.process-route{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line);padding-block:23px;gap:18px;font-size:12px}
.process-route a{display:flex;align-items:center;gap:16px}
.process-route a>span:first-child{color:#78945d;font-size:11px}
.process-route a:hover{color:var(--process-green)}
.process-stages{padding-top:90px;padding-bottom:85px}
.process-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:52px}
.process-section-heading .eyebrow{margin-bottom:24px}
.process-section-heading>p{max-width:340px;color:#69705e;font-size:15px;line-height:1.8}
.process-journey{display:grid;grid-template-columns:230px minmax(0,1fr);gap:55px;align-items:start}
.process-progress{position:sticky;top:40px;padding-top:35px}
.process-progress>span{font-size:9px;letter-spacing:.08em;color:var(--muted)}
.process-progress ol{list-style:none;counter-reset:stages;padding:0;margin:24px 0 30px}
.process-progress li{counter-increment:stages;position:relative;border-left:1px solid var(--line);padding:12px 0 12px 27px}
.process-progress li::before{content:"";width:7px;height:7px;border-radius:50%;background:#cad2bf;position:absolute;left:-4px;top:23px;box-shadow:0 0 0 5px var(--paper)}
.process-progress li:has([aria-current="step"])::before{background:#85b847}
.process-progress a{font-size:13px;color:var(--muted)}
.process-progress li a::before{content:"0" counter(stages);margin-right:14px;font-size:10px}
.process-progress [aria-current="step"]{color:var(--ink);font-weight:600}
.process-progress>.text-link{font-size:12px}
.process-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(26px,3vw,62px);align-items:center;padding:44px 0;border-top:1px solid var(--line);scroll-margin-top:30px}
.process-step-number{display:block;font-size:12px;color:#81966c;margin-bottom:18px}
.process-stage h3{font-size:clamp(27px,2.25vw,37px);margin-bottom:18px}
.process-stage-copy>p{font-size:14px;line-height:1.85;color:#69705e;max-width:470px}
.process-result{margin-top:24px;padding-left:16px;border-left:2px solid #b4d98b}
.process-result>span{font-size:9px;letter-spacing:.06em;color:#78886a}
.process-result p{font-size:13px;line-height:1.6;margin-top:6px;max-width:380px}
.process-stage-art{min-width:0;border-radius:18px;margin:0;padding:27px;background:#e9edde}
.process-mini-label{font-size:9px;letter-spacing:.065em;color:#68795a;display:block}
.process-proposal{background:#fffef9;border:1px solid var(--line)}
.process-stage-art>strong,.process-admin-preview figcaption>strong{font-size:24px;line-height:1.25;letter-spacing:-.035em;font-weight:500;display:block;margin:24px 0}
.process-chip-row{display:flex;flex-wrap:wrap;gap:7px}
.process-chip-row span{padding:5px 10px;border:1px solid #d9e1cf;border-radius:40px;font-size:10px}
.process-proposal dl{margin:23px 0 0;font-size:11px}
.process-proposal dl>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.process-proposal dt{color:var(--muted)}
.process-proposal dd{margin:0}
.process-file-plan{background:var(--paper);border:1px solid #d8dfcd;border-radius:8px;padding:17px;margin:20px 0 10px;transform:rotate(-2deg)}
.process-file-plan svg{display:block;width:100%;height:auto}
.process-file-plan>span{display:block;text-align:center;font-size:10px;color:#69775c;margin-top:10px}
.process-file-row{display:flex;gap:14px;align-items:center;padding:16px 0}
.process-file-icon{display:grid;place-items:center;width:36px;height:42px;border:1px solid #b9c6a9;border-radius:5px;font-size:18px;color:#78915d}
.process-file-row strong{display:block;font-size:12px;font-weight:500}
.process-file-row small{display:block;font-size:10px;color:#69775c;margin-top:4px}
.process-files .text-link,.process-admin-preview .text-link{font-size:11px;gap:10px}
.process-admin-preview{overflow:hidden;background:#e7ecdf;padding-bottom:22px}
.process-admin-preview img{display:block;width:calc(100% + 54px);max-width:none;height:auto;margin:-8px -27px 8px}
.process-admin-preview figcaption>strong{margin:18px 0 8px;font-size:21px}
.process-checklist ul{list-style:none;padding:0;margin:18px 0 0}
.process-checklist li{display:flex;gap:14px;align-items:center;border-top:1px solid #d6deca;padding:18px 0}
.process-checklist li:last-child{padding-bottom:0}
.process-checklist li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #b1c796;border-radius:50%;color:#617c41;font-size:13px;flex:none}
.process-checklist strong{display:block;font-size:13px;font-weight:500}
.process-checklist small{font-size:11px;color:#6b755f;display:block;margin-top:3px}
.process-launch{background:#273024;color:var(--paper)}
.process-launch .process-mini-label{color:#a4b497}
.process-launch>strong{font-size:32px;line-height:1.15;letter-spacing:-.04em;margin:25px 0}
.process-launch-roles{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;margin-bottom:22px}
.process-launch-roles>span{display:flex;gap:7px;align-items:center}
.process-launch-roles b{font-weight:400;display:grid;place-items:center;width:28px;height:28px;background:#46573b;border-radius:50%;color:var(--lime)}
.process-launch>p{font-size:12px;color:#bac7af;line-height:1.75}
.process-launch-status{display:flex;gap:8px;align-items:center;font-size:10px;border-top:1px solid #4a5940;padding-top:17px;margin-top:25px}
.process-launch-status i{background:var(--lime)}
.process-materials{background:#e9edde;padding-block:80px}
.process-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.process-material-grid article{background:var(--paper);padding:35px;border-radius:20px}
.process-material-title{display:flex;gap:20px;align-items:center}
.process-material-title svg{width:44px;height:44px;fill:none;stroke:#708c54;stroke-width:1.4;flex:none}
.process-material-title h3{font-size:27px}
.process-material-grid ul{list-style:none;padding:0;margin:27px 0 25px;font-size:14px;color:#616e55;line-height:1.7}
.process-material-grid li{padding:8px 0 8px 18px;position:relative}
.process-material-grid li::before{content:"";width:4px;height:4px;background:#99b17e;border-radius:50%;position:absolute;left:0;top:18px}
.process-material-footer{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#68765b}
.process-material-footer>span:last-child{font-size:19px;line-height:1}
.process-material-note{font-size:12px;line-height:1.9;color:#66725a;max-width:950px;margin-top:25px}
.process-material-note strong{font-weight:600;color:var(--ink)}
.process-connection{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(35px,5vw,90px);align-items:center;padding-block:100px}
.process-connection h2{margin:24px 0 28px;font-size:clamp(37px,3.25vw,57px)}
.process-connection-copy>p{font-size:15px;line-height:1.8;color:#616d56;max-width:470px}
.process-connection-copy ul{padding-left:18px;margin:23px 0;color:#515f45;font-size:13px;line-height:1.8}
.process-connection-copy li{padding-bottom:7px}
.process-connection-copy>.process-subnote{font-size:11px;color:var(--muted);max-width:410px}
.process-site-mockup{min-width:0;margin:0;border:1px solid #d5ddca;border-radius:18px;overflow:hidden;background:var(--white);box-shadow:0 16px 45px #20261f06}
.process-site-chrome{padding:12px 20px;background:#e9edde;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#7b8970}
.process-site-chrome>span:first-child{font-size:8px;letter-spacing:2px;color:#a7b698}
.process-client-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 24px;border-bottom:1px solid var(--line)}
.process-client-header strong{font-size:15px;font-weight:600;letter-spacing:.1em;color:#485f36}
.process-client-header>span{font-size:10px;color:var(--muted)}
.process-client-heading{padding:20px 24px;font-size:20px;font-weight:500;letter-spacing:-.03em}
.process-client-heading small{display:block;font-weight:400;font-size:10px;letter-spacing:0;color:#78866a;margin-top:5px}
.process-embedded-preview{position:relative;background:#37482b}
.process-embedded-preview>svg{width:100%;height:330px;display:block}
.process-preview-card{position:absolute;bottom:18px;left:18px;padding:16px;border-radius:10px;width:214px;background:var(--paper)}
.process-preview-card>span{display:inline-block;font-size:9px;color:#5f763f;background:#e2eccf;border-radius:20px;padding:2px 7px}
.process-preview-card>strong{display:block;font-weight:500;font-size:22px;letter-spacing:-.03em;margin:8px 0 14px}
.process-preview-card>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--muted)}
.process-preview-card b{font-weight:500;font-size:16px;color:var(--ink);letter-spacing:-.03em}
.process-map-credit{position:absolute;right:12px;bottom:12px;font-size:9px;background:#20261fd9;color:var(--paper);border-radius:4px;padding:5px 8px}
.process-site-mockup figcaption{background:#e9edde;display:flex;gap:17px;align-items:center;padding:23px;color:#57684a}
.process-connection-icon{font-size:32px;color:#88a371}
.process-site-mockup figcaption strong{font-size:13px;font-weight:500;display:block;color:var(--ink)}
.process-site-mockup figcaption div>span{font-size:11px;display:block;margin-top:4px}
.process-after{padding-bottom:90px}
.process-after-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.process-after-grid article{border-top:1px solid var(--line);padding-top:23px}
.process-after-icon{font-size:23px;color:#799b55;display:block;margin-bottom:18px}
.process-after-grid h3{font-size:26px;margin-bottom:15px}
.process-after-grid p{font-size:14px;line-height:1.8;color:#69735e;max-width:430px}
.process-after-note{font-size:12px;color:#78816d;border-top:1px solid var(--line);padding-top:22px;margin-top:32px}
.process-faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:70px;padding-top:65px;padding-bottom:100px;border-top:1px solid var(--line)}
.process-faq h2{margin:24px 0}
.process-faq>div>p{color:#6c765f;font-size:13px;line-height:1.9}
.process-faq>div>p a{border-bottom:1px solid #b2bea5;padding-bottom:4px}
.process-faq details{border-bottom:1px solid var(--line)}
.process-faq summary{display:flex;gap:20px;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:23px 0;font-size:15px;font-weight:500;line-height:1.5}
.process-faq summary::-webkit-details-marker{display:none}
.process-faq summary>span{font-size:21px;font-weight:400;line-height:1;color:#82966a;flex:none;transition:transform .2s}
.process-faq details[open] summary>span{transform:rotate(45deg)}
.process-faq details p{font-size:14px;line-height:1.85;color:#69735e;padding:0 36px 25px 0;max-width:760px}
.process-faq details a{text-decoration:underline;text-underline-offset:3px}
.process-page summary:focus-visible{outline:2px solid #5c7e2f;outline-offset:4px}
.process-final{background:#273024;color:var(--paper);padding-block:75px}
.process-final .eyebrow{color:#a3b693}
.process-final h2{margin:24px 0;font-size:clamp(40px,4.5vw,76px)}
.process-final p{font-size:15px;color:#c1cdb7;max-width:550px;margin-bottom:30px;line-height:1.8}
.process-final-note{display:inline-block;font-size:11px;color:#9eaf91;margin-left:25px}
@media(min-width:1800px){.process-hero{padding-block:95px}.process-stage{padding-block:50px}}
@media(max-width:1150px){.process-hero{gap:24px;padding-top:58px}.process-hero h1{font-size:52px}.process-hero-copy>p{font-size:14px}.process-actions{gap:20px}.process-actions .button{padding:16px 20px;font-size:13px}.process-actions .text-link{font-size:12px}.process-visual-top{padding-inline:20px;font-size:8px}.process-journey{grid-template-columns:170px minmax(0,1fr);gap:30px}.process-stage{gap:24px}.process-stage h3{font-size:29px}.process-stage-art{padding:22px}.process-stage-copy>p{font-size:13px}.process-admin-preview img{width:calc(100% + 44px);margin-inline:-22px}.process-stage-art>strong{font-size:25px}.process-proposal dl>div{flex-wrap:wrap;gap:4px}.process-section-heading{gap:30px}.process-material-title h3{font-size:24px}.process-connection{gap:35px}.process-preview-card{width:185px;padding:13px}.process-map-credit{font-size:8px;bottom:10px;right:10px}.process-faq{gap:40px}.process-after-grid{gap:25px}.process-after-grid h3{font-size:23px}}
@media(max-width:900px){.process-hero{grid-template-columns:1fr 1fr;align-items:start}.process-hero h1{font-size:44px}.process-hero-visual{margin-top:38px}.process-visual-top>span:last-child{display:none}.process-hero-visual figcaption{font-size:10px;padding-inline:20px}.process-visual-mark{display:none}.process-journey{grid-template-columns:1fr}.process-progress{display:none}.process-route{font-size:10px;gap:12px}.process-route a{gap:9px}.process-material-grid article{padding:27px}.process-material-title{gap:12px}.process-material-title h3{font-size:22px}.process-connection{grid-template-columns:1fr 1fr;gap:28px}.process-client-header{padding:17px}.process-client-header>span{display:none}.process-client-heading{font-size:18px;padding:17px}.process-map-credit{top:12px;bottom:auto}.process-after-grid h3{font-size:22px}.process-faq{grid-template-columns:1fr 1.6fr;gap:30px}}
@media(max-width:650px){.process-hero{grid-template-columns:1fr;gap:34px;padding-top:40px;padding-bottom:38px}.process-hero h1{font-size:clamp(39px,8.4vw,54px);margin-block:23px}.process-hero-copy>p{font-size:14px;max-width:480px}.process-hero-visual{margin-top:0;max-width:540px;width:100%;justify-self:center}.process-hero-visual figcaption{font-size:12px}.process-visual-top>span:last-child{display:flex;font-size:9px}.process-hero-visual{padding-block:20px}.process-hero-copy>.process-hero-note{font-size:11px}.process-route{display:flex;overflow:auto;scrollbar-width:thin;gap:23px;padding-block:18px}.process-route a{white-space:nowrap;font-size:11px}.process-route a>span:first-child,.process-route-number{font-size:10px}.process-stages{padding-block:55px}.process-section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:32px}.process-section-heading .eyebrow{margin-bottom:20px}.process-section-heading>p{font-size:14px;max-width:470px}.process-page h2{font-size:clamp(35px,7.8vw,46px)}.process-stage{grid-template-columns:1fr;padding-block:33px;gap:25px}.process-stage h3{font-size:31px}.process-stage-copy>p{font-size:14px}.process-stage-art{padding:24px}.process-stage-art>strong{font-size:27px}.process-admin-preview img{width:calc(100% + 48px);margin-inline:-24px}.process-materials{padding-block:52px}.process-material-grid{grid-template-columns:1fr;gap:16px}.process-material-grid article{padding:26px}.process-material-title h3{font-size:25px}.process-material-note{font-size:11px}.process-connection{grid-template-columns:1fr;padding-block:60px;gap:34px}.process-connection-copy>p{font-size:14px}.process-client-header>span{display:block;font-size:9px}.process-embedded-preview>svg{height:300px}.process-map-credit{top:12px;bottom:auto}.process-preview-card{width:210px;left:12px;bottom:12px}.process-site-mockup figcaption{padding:20px 17px;gap:12px}.process-site-mockup figcaption strong{font-size:12px}.process-site-mockup figcaption div>span{font-size:10px}.process-after{padding-bottom:55px}.process-after-grid{grid-template-columns:1fr;gap:27px}.process-after-grid article{padding-top:18px}.process-after-icon{float:left;margin:0 15px 50px 0}.process-after-grid h3{font-size:25px}.process-after-grid p{font-size:14px}.process-after-note{font-size:11px}.process-faq{grid-template-columns:1fr;gap:30px;padding-block:52px}.process-faq h2 br{display:none}.process-faq h2 span::before{content:' '}.process-faq summary{font-size:14px;padding-block:20px}.process-faq details p{font-size:13px;padding-right:15px}.process-final{padding-block:55px}.process-final h2{font-size:clamp(35px,8vw,47px)}.process-final h2 br{display:none}.process-final p{font-size:14px}.process-final-note{display:block;margin:22px 0 0}.process-page .eyebrow{font-size:10px}}