@font-face{font-family:Barlow;src:url('/assets/fonts/chakra-petch-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--charcoal:#111314;--yellow:#ff6a00;--light:#f6f7f4;--white:#fff;--silver:#d7dbd8;--muted:#abb2b4;--ink-muted:#535d60;--line:#34393b;--light-line:#d7dcd8;--display:Barlow,'Arial Narrow',sans-serif;--body:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--charcoal);color:var(--light);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}svg{display:block}p,h1,h2,h3{margin:0}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.018em;line-height:1.02}h2{font-size:clamp(44px,4.5vw,68px)}h3{font-size:20px;font-weight:600;line-height:1.35}p{color:var(--muted)}::selection{background:var(--yellow);color:var(--charcoal)}:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.section-light :focus-visible{outline-color:#6b5600}.container{width:min(1296px,calc(100% - 112px));margin-inline:auto}.section-light{background:var(--light);color:var(--charcoal)}.section-light p{color:var(--ink-muted)}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.14em;display:flex;align-items:center;gap:10px;line-height:1.6}.signal-dot{display:inline-block;flex:none;width:7px;height:7px;background:var(--yellow)}.skip-link{position:fixed;top:10px;left:10px;z-index:99;padding:12px 20px;color:var(--charcoal);background:var(--yellow);transform:translateY(-160%)}.skip-link:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 22px;min-height:56px;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button span{font-size:23px;line-height:1}.button:hover{transform:translateY(-2px)}.button-yellow{background:var(--yellow);color:var(--charcoal)}.button-yellow:hover{background:#ffdd48}.button-dark{background:var(--charcoal);color:white}.button-dark:hover{background:#303638}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:14px;font-weight:600;min-height:48px;border-bottom:1px solid currentColor;transition:gap .2s}.text-link:hover{gap:25px}.text-link span{font-size:23px;font-weight:400}.site-header{height:98px;border-bottom:1px solid var(--line)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:9px;align-items:center;flex-shrink:0}.brand img{width:44px;height:52px;object-fit:contain;mix-blend-mode:screen}.brand>span{font-family:var(--display);font-size:30px;letter-spacing:.02em;display:flex;gap:4px;line-height:1}.brand-forge{color:var(--yellow)}.main-nav{display:flex;gap:35px;margin-left:auto;margin-right:64px;font-size:14px}.main-nav a{padding:15px 0;position:relative}.main-nav a:after{position:absolute;bottom:7px;left:0;content:'';width:0;height:2px;background:var(--yellow);transition:width .2s}.main-nav a:hover:after{width:100%}.header-contact{font-size:14px;display:flex;gap:40px;align-items:center;padding:12px 17px;border:1px solid #62696b}.header-contact span{color:var(--yellow);font-size:20px}.menu-toggle{display:none}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:.94fr 1.17fr;gap:28px;padding-top:57px;padding-bottom:40px;align-items:center}.hero-copy .eyebrow{font-size:11px;letter-spacing:.115em;color:var(--silver)}h1{font-size:clamp(82px,8vw,118px);line-height:.96;margin:23px 0 26px}h1>span{color:var(--yellow)}.hero-intro{font-size:16px;max-width:415px;line-height:1.8;color:#c0c5c5}.hero-actions{display:flex;gap:23px;align-items:center;margin-top:30px;flex-wrap:wrap}.hero-actions .text-link{font-size:12px;gap:10px}.hero-actions .button{gap:38px}.hero-work{min-width:0;align-self:center;padding-top:15px}.hero-work-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a8afb0;margin:0 5px 0 30px}.hero-work-label span:first-child{text-transform:uppercase;letter-spacing:.1em}.hero-stage{position:relative;aspect-ratio:1.22;margin-top:20px}.frame-line{position:absolute;inset:0;width:100%;height:100%;color:var(--yellow);stroke:currentColor;stroke-width:1;opacity:.75}.frame-line-energy{stroke-width:3;stroke-dasharray:60 2200;animation:trace 3.8s ease-out 1 both}.screen{overflow:hidden;border:1px solid #41484a;border-radius:7px;box-shadow:0 16px 38px #0003}.browser-bar{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#222729;color:#a4adaf;font:9px var(--body);border-bottom:1px solid #ffffff12}.browser-dots{font-size:7px;letter-spacing:2px;color:#666e72}.screen>img{width:100%;height:auto}.hero-desktop{position:absolute;width:94%;top:12%;left:3%;transform:rotate(-3deg);transition:transform .4s}.hero-desktop:hover{transform:rotate(-1deg) translateY(-4px)}.phone{border:5px solid #1e2325;border-radius:24px;overflow:hidden;box-shadow:0 15px 40px #0004;background:var(--charcoal);outline:1px solid #656a6b;position:relative}.phone>img{width:100%;height:auto;display:block}.phone:after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);height:6px;width:27%;border-radius:20px;background:#101214;pointer-events:none}.hero-phone{position:absolute;right:-1%;bottom:0;width:25%;transform:rotate(5deg)}.stage-caption{position:absolute;bottom:1%;left:8%;font-size:11px;line-height:1.6;color:#a4acae}.hero-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.hero-bottom p{font-size:12px}.hero-bottom a{display:flex;align-items:center;gap:25px;color:#c8cece}.hero-bottom a span{color:var(--yellow);font-size:20px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:22px}.section-heading>p{max-width:305px;font-size:15px;line-height:1.8}.work-section{padding-top:105px;padding-bottom:45px}.project{padding-bottom:58px;margin-bottom:30px;scroll-margin-top:30px}.project-stage{position:relative;aspect-ratio:1.83;overflow:hidden;border-radius:3px;background:#c9d2d8;padding:0}.stage-topline{position:absolute;top:26px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.08em;font-weight:600;color:#35434c}.stage-topline>span:last-child{font-weight:400;letter-spacing:0}.project-desktop{position:absolute;top:13%;left:7%;width:75%;border:1px solid #414c52;box-shadow:0 25px 55px #101d3b35}.project-phone{position:absolute;right:6.5%;bottom:6%;width:18%;box-shadow:0 20px 40px #07131f44}.project-lrm .project-stage{background:#bac8d4}.project-lrm .project-desktop{left:18%}.project-lrm .project-phone{left:6.5%;right:auto}.project-lrm .stage-topline{color:#293c4b}.project-skies .project-stage{background:#cfd6d0}.project-skies .stage-topline{color:#36473b}.project-caption{display:grid;grid-template-columns:1fr 1fr 52px;gap:40px;margin-top:24px;align-items:start}.project-caption h3{font-size:23px;letter-spacing:-.035em;margin-bottom:4px}.project-caption>p{font-size:14px;max-width:360px;line-height:1.75}.project-caption>div>p{font-size:14px}.round-link{display:grid;place-items:center;border:1px solid #979f9b;border-radius:50%;width:48px;height:48px;font-size:26px;transition:background .2s,transform .2s}.round-link:hover{background:var(--yellow);transform:rotate(10deg)}.project-detail{margin-top:25px;border-top:1px solid var(--light-line);font-size:14px}.project-detail summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:14px 0;list-style:none;max-width:100%;font-size:13px}.project-detail summary::-webkit-details-marker{display:none}.project-detail summary>span{font-size:20px}.project-detail[open] summary>span{transform:rotate(45deg)}.project-detail>div{padding:10px 0 20px;max-width:760px}.project-detail p{margin-bottom:10px}.websites-section{padding:35px 0 116px}.websites-grid{border-top:1px solid var(--light-line);padding-top:85px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.websites-intro .eyebrow{margin-bottom:25px}.websites-intro h2{font-size:76px}.websites-intro>p:not(.eyebrow){margin-top:26px;max-width:400px;font-size:15px;line-height:1.9}.websites-intro .button{margin-top:30px}.benefits article{display:flex;gap:25px;padding:28px 0;border-bottom:1px solid var(--light-line)}.benefits article:first-child{padding-top:0}.benefit-icon{width:46px;height:46px;background:#e4e7e1;color:#283034;display:grid;place-items:center;flex:none;font-size:24px}.benefits h3{font-size:19px;margin-bottom:9px}.benefits p{font-size:14px;line-height:1.8;max-width:355px}.automation-section{padding:105px 0 68px}.automation-section h2 span{color:var(--yellow)}.automation-section .section-heading>p{max-width:330px}.journey-header{margin-top:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;color:#b0b8bb;font-size:12px}.replay{background:none;border:0;color:#d2d8d8;min-height:40px;padding:0 0 0 10px;display:flex;align-items:center;gap:13px;font-size:12px}.replay span{color:var(--yellow);font-size:21px}.enquiry-journey{list-style:none;margin:0;padding:36px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.enquiry-journey:before{content:'';position:absolute;top:52px;left:0;right:0;height:1px;background:#505437}.journey-step{position:relative;min-width:0}.step-number{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;background:var(--charcoal);color:var(--yellow);border:1px solid #73744c;font-size:11px;margin-bottom:26px}.journey-visual{height:168px;border:1px solid #41494b;padding:20px 15px;background:#1b2022;margin-bottom:25px;display:flex;flex-direction:column;gap:10px;border-radius:3px;position:relative}.mini-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#b2bcbe}.journey-visual strong{font-size:12px;line-height:1.65;font-weight:400;color:#edf0ed}.example-line{display:block;width:75%;height:4px;background:#465053}.example-line.short{width:45%}.visual-enquiry .example-line{margin-top:2px}.capture-row{display:flex;justify-content:space-between;font-size:11px;line-height:1.2;color:#e1e6e4}.capture-row b{color:var(--yellow);font-weight:400}.mini-status{padding:4px 8px;color:var(--yellow);background:#363722;width:max-content;font-size:10px;margin-top:2px}.sent-note{font-size:10px;color:var(--yellow);margin-top:4px}.followup-row{display:flex;gap:6px;align-items:center}.followup-row i{width:5px;height:5px;background:var(--yellow)}.followup-row strong{font-size:10px}.followup-row>span{margin-left:auto;border:1px solid #60664d;padding:0 4px;font-size:9px;color:var(--yellow)}.followup-task{font-size:10px;padding:8px 0;color:#dfe5e4}.journey-step h3{font-size:17px;margin-bottom:12px;max-width:230px}.journey-step>p{font-size:13px;line-height:1.85;padding-right:8px}.journey-step.is-active .step-number{color:var(--charcoal);background:var(--yellow);border-color:var(--yellow)}.journey-step.is-active .journey-visual{border-color:var(--yellow);transition:border-color .25s}.automation-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:44px;padding-top:32px;border-top:1px solid var(--line);gap:30px}.automation-bottom p{font-size:13px}.automation-bottom .text-link{color:var(--yellow)}.process-section{padding:105px 0 90px}.process-list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:15px 0 0;margin:0}.process-list li{border-top:2px solid #313b3e;padding-top:20px}.process-list li>span{text-transform:uppercase;font-size:11px;letter-spacing:.09em;color:#677271}.process-list h3{font-size:18px;margin-top:25px;margin-bottom:13px;max-width:220px}.process-list p{font-size:14px;line-height:1.8}.quote-section{padding-bottom:100px}.quote-panel{background:var(--yellow);padding:55px 60px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.quote-panel .eyebrow{margin-bottom:20px;color:#292b1a}.quote-panel h2{font-size:61px}.quote-panel>div>p:not(.eyebrow){color:#343821;font-size:16px;line-height:1.85}.quote-panel .quote-terms{margin-top:15px;font-size:12px!important;line-height:1.8!important}.quote-panel .button{margin-top:25px}.contact-section{padding:95px 0 100px}.contact-grid{display:grid;grid-template-columns:1fr .95fr;gap:105px}.contact-copy .eyebrow{margin-bottom:25px}.contact-copy h2{font-size:84px}.contact-copy h2>span{color:var(--yellow)}.contact-copy>p:not(.eyebrow){font-size:15px;max-width:365px;margin-top:28px;line-height:1.85}.direct-contact{display:flex;align-items:flex-start;flex-direction:column;gap:14px;margin-top:35px}.direct-contact>a{font-size:19px;display:flex;gap:25px;align-items:center}.direct-contact>a>span{color:var(--yellow)}.direct-contact>a:hover{text-decoration:underline}.direct-contact .email-link{font-size:13px;color:var(--muted);margin-top:5px;word-break:break-word}.enquiry-form{padding-top:7px;display:flex;flex-direction:column;gap:20px}.enquiry-form h3{font-size:22px;margin-bottom:11px}.enquiry-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#e3e7e5;font-weight:400}.enquiry-form label>span{display:contents;font-size:10px;color:#a8b0b2}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.enquiry-form input,.enquiry-form textarea,.enquiry-form select{width:100%;min-width:0;border:1px solid #4d5659;background:#1b2022;border-radius:0;padding:13px 14px;color:var(--light);font-size:14px;min-height:49px;line-height:1.55}.enquiry-form textarea{resize:vertical;min-height:113px}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#929da0;opacity:1}.enquiry-form select{appearance:auto}.enquiry-form .button{margin-top:3px;width:100%}.enquiry-form .form-note{font-size:11px;line-height:1.6;margin-top:-7px}.enquiry-form #form-status{font-size:13px;color:var(--yellow);padding:10px 0}.site-footer{border-top:1px solid var(--line);padding-top:40px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:45px}.footer-top>p{font-size:13px;line-height:1.8;margin-right:auto;margin-left:40px}.footer-top>div{display:flex;gap:25px;font-size:13px}.footer-bottom{border-top:1px solid var(--line);padding-block:21px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a5aeaf}.mobile-contact{display:none}@keyframes trace{from{stroke-dashoffset:2000}to{stroke-dashoffset:0}}
@media(min-width:1600px){.hero-grid{padding-top:75px;padding-bottom:68px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.main-nav{gap:22px;margin-right:30px}.hero-grid{grid-template-columns:1fr 1.05fr;gap:15px}h1{font-size:91px}.hero-actions{gap:15px}.hero-actions .button{padding:15px;gap:18px}.hero-work-label{font-size:9px;margin-left:0}.hero-work-label span:first-child{display:none}.hero-work-label{justify-content:flex-end}.websites-grid{gap:65px}.websites-intro h2{font-size:68px}.contact-grid{gap:65px}.contact-copy h2{font-size:72px}.journey-visual{padding:15px 10px}.enquiry-journey{gap:16px}.footer-top>p{margin-left:0}.footer-top>div{gap:17px}.quote-panel{padding:45px;gap:45px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.site-header{height:78px}.brand img{width:35px;height:43px}.brand>span{font-size:27px}.header-contact{display:none}.menu-toggle{display:flex;align-items:center;gap:14px;color:var(--light);border:0;background:none;font-size:13px;min-height:44px;padding:0 0 0 12px}.menu-toggle span{font-size:25px;font-weight:400;color:var(--yellow)}.main-nav{display:none;position:absolute;top:77px;left:0;right:0;background:#1b2022;border-bottom:1px solid var(--line);padding:25px 20px;margin:0;z-index:10;flex-direction:column;gap:0}.main-nav.is-open{display:flex}.main-nav a{font-size:18px;padding:14px}.main-nav a:after{display:none}.hero-grid{grid-template-columns:1fr;padding-top:32px;padding-bottom:28px;gap:27px}.hero-copy .eyebrow{font-size:10px;letter-spacing:.08em}.hero-copy{max-width:600px}h1{font-size:90px;margin:20px 0;line-height:.94;letter-spacing:-.015em}.hero-intro{font-size:15px;max-width:435px;line-height:1.8}.hero-actions{margin-top:25px;gap:21px}.hero-actions .button{min-height:50px;padding:14px 18px;gap:20px;font-size:13px}.hero-actions .text-link{font-size:11px;gap:7px}.hero-work{padding-top:0;max-width:600px;width:100%;margin-inline:auto}.hero-work-label{font-size:10px;justify-content:space-between;margin:0}.hero-work-label span:first-child{display:block}.hero-stage{aspect-ratio:1.65;margin-top:10px}.hero-desktop{width:83%;top:9%;left:0;transform:rotate(-2deg)}.hero-phone{width:22%;right:0;bottom:0;transform:rotate(4deg);border-width:4px;border-radius:16px}.hero-stage .frame-line{display:none}.stage-caption{display:none}.hero-bottom{padding-block:17px}.hero-bottom p{font-size:10px}.hero-bottom a{font-size:10px;gap:10px}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:17px}.section-heading>p{margin-top:22px;font-size:14px;max-width:360px}.work-section{padding-top:65px;padding-bottom:5px}h2{font-size:48px;line-height:1.05}.project{padding-bottom:24px;margin-bottom:34px}.project-stage{aspect-ratio:1.43}.stage-topline{top:15px;left:17px;right:17px;font-size:9px;letter-spacing:.02em}.stage-topline>span:last-child{display:none}.project-desktop{width:82%;top:19%;left:4%;border-radius:4px}.browser-bar{height:17px;padding:0 6px;font-size:6px}.browser-dots{font-size:5px;letter-spacing:1px}.project-phone{width:23%;right:3%;bottom:7%;border-width:3px;border-radius:15px}.phone:after{top:4px;height:3px}.project-lrm .project-desktop{left:13%}.project-lrm .project-phone{left:3%}.project-caption{grid-template-columns:1fr 44px;gap:13px;margin-top:20px}.project-caption h3{font-size:20px;line-height:1.3}.project-caption>div>p{font-size:12px;line-height:1.7}.project-caption>p{grid-column:1/-1;grid-row:2;font-size:13px;max-width:100%;padding-right:20px}.round-link{grid-column:2;grid-row:1;width:42px;height:42px;font-size:23px}.project-detail{margin-top:18px}.project-detail summary{font-size:12px;padding-block:10px}.project-detail>div{font-size:13px}.websites-section{padding:10px 0 65px}.websites-grid{grid-template-columns:1fr;gap:39px;padding-top:53px}.websites-intro h2{font-size:59px}.websites-intro>p:not(.eyebrow){font-size:14px;margin-top:20px}.websites-intro .button{margin-top:23px;font-size:13px}.benefits article{gap:20px;padding-block:23px}.benefits article:first-child{padding-top:0}.benefits h3{font-size:18px}.benefits p{font-size:13px;line-height:1.8}.benefit-icon{width:42px;height:42px}.automation-section{padding:65px 0 45px}.automation-section .eyebrow{font-size:10px;letter-spacing:.075em}.automation-section h2{font-size:49px}.journey-header{margin-top:30px;padding-bottom:10px}.enquiry-journey{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-left:43px}.enquiry-journey:before{width:1px;height:auto;left:15px;right:auto;top:30px;bottom:0}.journey-step .step-number{position:absolute;left:-44px;top:0;width:32px;height:32px;margin:0}.journey-visual{height:152px;max-width:440px;padding:19px 20px;margin-bottom:16px;gap:9px}.mini-label{font-size:10px}.journey-visual strong{font-size:13px}.capture-row{font-size:12px}.mini-status,.sent-note,.followup-task{font-size:11px}.followup-row strong{font-size:12px}.journey-step h3{font-size:18px;max-width:none;margin-bottom:7px}.journey-step>p{font-size:13px}.automation-bottom{display:block;margin-top:30px;padding-top:25px}.automation-bottom .text-link{margin-top:19px;font-size:13px}.process-section{padding:65px 0 55px}.process-section h2{font-size:45px}.process-list{grid-template-columns:1fr 1fr;gap:32px 23px;padding-top:0}.process-list li>span{font-size:10px}.process-list h3{font-size:17px;margin-top:19px;margin-bottom:10px}.process-list p{font-size:12px;line-height:1.85}.quote-section{padding-bottom:60px}.quote-panel{padding:33px 25px;grid-template-columns:1fr;gap:25px}.quote-panel h2{font-size:52px}.quote-panel .eyebrow{font-size:10px;margin-bottom:16px}.quote-panel>div>p:not(.eyebrow){font-size:14px}.quote-panel .quote-terms{font-size:11px!important}.quote-panel .button{font-size:12px;margin-top:22px;width:100%}.contact-section{padding:60px 0}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-copy h2{font-size:67px}.contact-copy>p:not(.eyebrow){font-size:14px;margin-top:23px}.direct-contact{gap:11px;margin-top:24px}.direct-contact>a{font-size:18px}.direct-contact .email-link{font-size:12px}.enquiry-form{gap:18px}.enquiry-form h3{font-size:21px;margin-bottom:6px}.enquiry-form input,.enquiry-form textarea,.enquiry-form select{font-size:16px}.form-row{grid-template-columns:1fr;gap:18px}.enquiry-form label{font-size:13px}.enquiry-form label>span{font-size:11px}.site-footer{padding-top:30px;padding-bottom:70px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:30px}.footer-top .brand{grid-column:1}.footer-top>p{font-size:11px;grid-column:2;text-align:right;margin:0}.footer-top>div{grid-column:1/-1;justify-content:space-between;font-size:12px}.footer-bottom{font-size:10px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.footer-bottom>span:nth-child(2){order:3;width:100%;font-size:10px}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr 55px;gap:8px;background:#111314;padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid #4d5353;transform:translateY(110%);transition:transform .25s}.mobile-contact.is-visible{transform:none}.mobile-contact>a:first-child{background:var(--yellow);color:var(--charcoal);font-size:13px;font-weight:600;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;min-height:46px}.mobile-contact>a:last-child{border:1px solid #5b6465;display:grid;place-items:center}.mobile-contact svg{width:20px;height:20px;fill:none;stroke:var(--yellow);stroke-width:1.5}}
@media(max-width:420px){.hero-grid{padding-top:27px;gap:24px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.07em}h1{font-size:75px}.hero-intro{font-size:14px;line-height:1.75;max-width:330px}.hero-actions{gap:15px;margin-top:22px}.hero-actions .button{font-size:12px;padding:13px 15px;gap:16px}.hero-actions .text-link{font-size:10px;gap:5px}.hero-work-label{font-size:9px}.hero-stage{aspect-ratio:1.55}.hero-bottom p{font-size:9px}.hero-bottom a{font-size:9px}.contact-copy h2{font-size:62px}.stage-topline{font-size:8px}.project-caption h3{font-size:19px}}
.journey-step>p,.automation-bottom p{font-size:14px}
@media(max-width:800px){.hero-intro{font-size:16px;line-height:1.65}.hero-actions .text-link{font-size:12px}.benefits p,.project-caption>p,.process-list p{font-size:14px}.websites-intro>p:not(.eyebrow),.contact-copy>p:not(.eyebrow){font-size:16px}.section-heading>p{font-size:16px}}
@media(max-width:370px){.hero-actions{gap:12px}.hero-actions .button{padding-inline:12px;gap:12px}.hero-actions .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-desktop:hover{transform:rotate(-3deg)}.button:hover{transform:none}}

/* Brand-led revision: geometry, colour and type are derived from the supplied mark. */
@font-face{font-family:Chakra;src:url('/assets/fonts/chakra-petch-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--charcoal:#060708;--yellow:#ff6a00;--orange:#ff3d00;--light:#f1f2ef;--white:#fff;--silver:#c7cbce;--muted:#aeb3b5;--ink-muted:#4d5558;--line:#303437;--light-line:#cfd3d1;--display:Chakra,Arial,sans-serif}
body{background:var(--charcoal)}
html,body{max-width:100%;overflow-x:hidden}
h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.055em;text-transform:uppercase}
h3,.brand>span,.eyebrow,.stage-topline,.process-list li>span{font-family:var(--display)}
.site-header{height:88px;background:linear-gradient(90deg,#050607 0%,#111315 52%,#050607 100%);border-color:#323639}
.brand>span{font-size:27px;letter-spacing:.025em;transform:skew(-4deg);text-shadow:0 1px 0 #fff2}
.brand img{width:48px;height:56px}
.brand-flow{background:linear-gradient(180deg,#ffad37 0%,#ff6a00 55%,#ff3d00 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-forge{color:#e3e6e7;background:linear-gradient(180deg,#fff 0%,#afb5b8 58%,#f3f4f4 100%);-webkit-background-clip:text;background-clip:text}
.main-nav{font-family:var(--display);text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.header-contact{font-family:var(--display);text-transform:uppercase;font-size:12px;letter-spacing:.04em;border-color:#636a6d;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.header-contact:hover{border-color:var(--yellow);background:#171a1c}
.brand-rail{height:35px;border-bottom:1px solid #2d3133;background:#0b0d0e;color:#7f888b;font:500 9px/35px var(--display);letter-spacing:.16em;text-transform:uppercase}
.brand-rail .container{display:flex;justify-content:space-between;align-items:center}
.brand-rail span:nth-child(2){color:#c6cbcc}
.brand-rail i{display:inline-block;width:5px;height:5px;margin:0 11px;background:linear-gradient(180deg,var(--yellow),var(--orange));transform:rotate(45deg)}
.hero{position:relative;background-color:#080a0b;background-image:linear-gradient(118deg,transparent 0 73%,rgba(199,203,206,.09) 73% 73.08%,transparent 73.08%),linear-gradient(62deg,transparent 0 84%,rgba(255,106,0,.11) 84% 84.08%,transparent 84.08%)}
.hero:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,transparent,#787e8029 22%,#787e8029 75%,transparent);pointer-events:none}
.hero-grid{position:relative;z-index:1;grid-template-columns:.88fr 1.18fr;padding-top:50px;padding-bottom:45px}
.hero-copy{position:relative}
.hero-copy:before{content:'';position:absolute;width:78px;height:3px;top:-19px;left:0;background:linear-gradient(90deg,var(--silver) 0 28%,transparent 28% 35%,var(--yellow) 35% 72%,transparent 72% 79%,var(--orange) 79%)}
.signal-dot{width:8px;height:8px;background:linear-gradient(145deg,var(--yellow),var(--orange));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
h1{font-size:clamp(66px,6.2vw,92px);line-height:.96;margin:22px 0 27px;max-width:570px}
h1>span{background:linear-gradient(180deg,#ffad37 0%,#ff6a00 52%,#ff3d00 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-intro{border-left:1px solid #646b6e;padding-left:18px;max-width:430px}
.button{font-family:var(--display);text-transform:uppercase;letter-spacing:.035em;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px)}
.button-yellow{background:linear-gradient(110deg,var(--yellow) 0 72%,#ffb000 100%)}
.button-yellow:hover{background:linear-gradient(110deg,#ff9b3d 0 60%,var(--orange) 100%)}
.text-link{font-family:var(--display);text-transform:uppercase;letter-spacing:.025em}
.hero-work{padding-top:0}
.hero-work-head{height:126px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:3}
.hero-logo-lockup{width:154px;height:154px;object-fit:contain;mix-blend-mode:screen;margin-left:-7px;margin-bottom:-28px;filter:drop-shadow(0 8px 18px #000)}
.hero-work-label{flex:1;margin-left:15px;margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid #424749;font-family:var(--display);text-transform:uppercase;letter-spacing:.08em}
.hero-work-label span:first-child{color:var(--silver)}
.hero-work-meta{flex:1;min-width:0;margin-left:15px;margin-bottom:13px;display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid #424749}
.hero-work-meta .hero-work-label{flex:1;min-width:0;margin:0;border-bottom:0}
.hero-carousel-controls{display:flex;align-items:center;gap:6px;padding-bottom:8px;color:#a8afb0;font:600 9px var(--display);letter-spacing:.08em;white-space:nowrap}
.hero-carousel-controls button{display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid #626a6c;background:transparent;color:var(--light);font:600 16px var(--display);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);transition:background .2s,color .2s,border-color .2s}
.hero-carousel-controls button:hover{background:var(--yellow);border-color:var(--yellow);color:var(--charcoal)}
.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(16px);transition:opacity .35s ease,transform .35s ease}
.hero-slide.is-active{opacity:1;pointer-events:auto;transform:none}
.hero-slide[aria-hidden="true"]{visibility:hidden}
.hero-slide .hero-desktop,.hero-slide .hero-desktop:hover{transform:none}
.hero-slide .hero-phone{transform:none}
.hero-stage{margin-top:0;background-image:linear-gradient(138deg,transparent 0 10%,rgba(255,106,0,.08) 10% 10.2%,transparent 10.2%)}
.screen{border-radius:0;border-color:#656b6e;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.browser-bar{font-family:var(--display);letter-spacing:.04em;background:#181c1e}
.phone{border-radius:8px;border-color:#2e3335;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.phone:after{border-radius:0}
.hero-bottom{position:relative;z-index:1;font-family:var(--display);text-transform:uppercase;letter-spacing:.055em}
.section-light{background-color:var(--light);background-image:linear-gradient(118deg,transparent 0 91%,rgba(27,31,32,.035) 91% 91.06%,transparent 91.06%)}
.section-heading{position:relative}
.section-heading:before{content:'FLOW / FORGE';position:absolute;right:0;top:0;font:600 9px var(--display);letter-spacing:.16em;color:#7c8586}
.section-heading .eyebrow{color:#171a1b}
.work-section{border-top:5px solid;border-image:linear-gradient(90deg,var(--yellow),var(--orange),var(--silver)) 1}
.project-stage{border-radius:0;clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px);box-shadow:inset 0 0 0 1px #12161720}
.project-stage:after{content:'FLOW FORGE / BUILT WITH INTENT';position:absolute;left:30px;bottom:18px;font:600 8px var(--display);letter-spacing:.14em;color:#263034;z-index:4}
.project-caption h3{font-family:var(--display);font-size:22px;text-transform:uppercase;letter-spacing:-.035em}
.round-link{border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#dfe2df;border:0}
.round-link:hover{background:linear-gradient(145deg,var(--yellow),var(--orange));transform:rotate(0)}
.project-detail summary{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em}
.websites-grid{position:relative}
.websites-grid:after{content:'';position:absolute;right:0;top:54px;width:52px;height:52px;border-top:2px solid var(--yellow);border-right:2px solid var(--orange)}
.benefit-icon{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#d9ddda;border-left:3px solid var(--yellow);font-family:var(--display)}
.automation-section{position:relative;background-color:#070809;background-image:linear-gradient(60deg,transparent 0 86%,rgba(199,203,206,.08) 86% 86.1%,transparent 86.1%)}
.automation-section:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--silver),var(--yellow) 45%,var(--orange))}
.automation-section h2 span{background:linear-gradient(180deg,var(--yellow),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.enquiry-journey:before{background:linear-gradient(90deg,var(--silver),var(--yellow) 50%,var(--orange))}
.step-number{font-family:var(--display);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.journey-visual{border-radius:0;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:#141719;border-color:#51585a}
.journey-step.is-active .journey-visual{border-color:var(--orange);box-shadow:inset 3px 0 0 var(--yellow)}
.journey-step.is-active .step-number{background:linear-gradient(145deg,var(--yellow),var(--orange))}
.process-list li{border-image:linear-gradient(90deg,#252a2c 0 70%,var(--yellow) 70% 84%,var(--orange) 84%) 1}
.process-list h3{text-transform:uppercase;font-family:var(--display)}
.quote-panel{background:linear-gradient(112deg,#ff8a1f 0%,var(--yellow) 58%,var(--orange) 100%);clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}
.contact-section{position:relative;background-image:linear-gradient(118deg,transparent 0 77%,rgba(255,106,0,.08) 77% 77.08%,transparent 77.08%)}
.contact-copy h2>span{background:linear-gradient(180deg,var(--yellow),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.enquiry-form input,.enquiry-form textarea,.enquiry-form select{border-radius:0;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);border-color:#565d60}
.footer-top .brand img{width:62px;height:70px}

@media(max-width:1100px){h1{font-size:73px}.hero-logo-lockup{width:128px;height:128px}.hero-work-head{height:112px}}
@media(max-width:800px){
  .site-header{height:74px}.brand-rail{height:31px;line-height:31px}.brand-rail span:nth-child(2){display:none}.brand-rail .container{font-size:8px}.brand img{width:40px;height:47px}.brand>span{font-size:24px}
  .hero:after{display:none}.hero-grid{grid-template-columns:minmax(0,1fr);padding-top:43px}.hero-copy,.hero-work{min-width:0;width:100%}.hero-copy:before{top:-20px}.hero-copy .eyebrow{font-size:10px}
  h1{font-size:61px;line-height:.98;margin-top:20px}.hero-intro{border-left-color:#71787a;padding-left:15px}
  .hero-work-head{height:105px;max-width:100%}.hero-logo-lockup{width:96px;height:96px;margin-bottom:0;flex:none}.hero-work-meta{min-width:0;margin-left:7px;margin-bottom:11px;gap:6px}.hero-work-label{min-width:0;margin:0;font-size:8px}.hero-work-label span{white-space:nowrap}.hero-carousel-controls{gap:3px;padding-bottom:7px;font-size:8px}.hero-carousel-controls button{width:23px;height:23px;font-size:14px}.hero-stage{margin-top:0}
  .phone{border-radius:5px}.project-stage{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.project-stage:after{font-size:6px;left:15px;bottom:9px}
  .section-heading:before{display:none}.websites-grid:after{top:28px;width:35px;height:35px}.automation-section:before{height:2px}
  .enquiry-journey:before{background:linear-gradient(180deg,var(--silver),var(--yellow),var(--orange))}
  .quote-panel{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
  .menu-toggle{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em}.main-nav{top:73px;font-family:var(--display)}
}
@media(max-width:420px){h1{font-size:52px}.hero-logo-lockup{width:92px;height:92px}.hero-work-head{height:100px}.hero-work-label span:first-child{font-size:7px}.hero-work-label span:last-child{font-size:7px}.hero-actions .button{font-size:11px}.hero-actions .text-link{font-size:10px}}

/* Production pages */
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.form-status{font-size:13px;color:var(--yellow);padding:10px 0;margin:0}.enquiry-form button:disabled{opacity:.55;cursor:wait}
.main-nav a[aria-current="page"]:after{width:100%;background:var(--yellow)}
.page-hero{position:relative;overflow:hidden;padding:92px 0 76px;background-color:#080a0b;background-image:linear-gradient(118deg,transparent 0 73%,rgba(199,203,206,.09) 73% 73.08%,transparent 73.08%),linear-gradient(62deg,transparent 0 86%,rgba(255,106,0,.1) 86% 86.08%,transparent 86.08%)}
.page-hero:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--silver),var(--yellow),var(--orange))}
.page-hero-grid{display:grid;grid-template-columns:1.2fr .72fr;gap:100px;align-items:end}.page-hero h1{font-size:clamp(64px,8vw,112px);margin:20px 0 27px;max-width:850px}.page-hero h1 span{background:linear-gradient(180deg,#ffad37,var(--yellow) 52%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.page-intro{font-size:18px;line-height:1.8;max-width:610px;color:#c5c9ca;border-left:1px solid #73797b;padding-left:20px}.page-hero-aside{border-top:1px solid #4a5052;padding-top:23px}.page-hero-aside img{width:155px;height:155px;object-fit:contain;mix-blend-mode:screen;margin-bottom:25px}.page-hero-aside p{font-size:14px;line-height:1.85}.page-hero-aside a{margin-top:20px}.page-index{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid #3a3f41;margin-top:58px;font:600 10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#9aa2a4}
.content-section{padding:100px 0}.content-section+.content-section{border-top:1px solid var(--light-line)}.content-heading{display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end;margin-bottom:55px}.content-heading .eyebrow{margin-bottom:20px}.content-heading>p{font-size:15px;line-height:1.85}.content-heading h2{font-size:clamp(44px,5.4vw,76px)}
.portfolio{background:var(--light);color:var(--charcoal)}.portfolio p{color:var(--ink-muted)}.case-study{padding:75px 0 95px;border-top:1px solid var(--light-line);scroll-margin-top:30px}.case-study:first-child{border-top:0}.case-header{display:grid;grid-template-columns:90px 1fr .72fr;gap:40px;align-items:start;margin-bottom:38px}.case-number{font:600 13px var(--display);letter-spacing:.12em;color:var(--yellow)}.case-title h2{font-size:clamp(42px,5vw,70px);margin:0 0 10px}.case-title p{font-size:17px}.case-summary{font-size:15px;line-height:1.9;padding-top:8px}.case-display{position:relative;aspect-ratio:1.83;overflow:hidden;background:#c7d0d7;clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}.case-display .screen{position:absolute;width:76%;left:7%;top:11%;box-shadow:0 25px 55px #101d3b35}.case-display .phone{position:absolute;width:18%;right:6%;bottom:6%}.case-display-lrm{background:#b8c7d3}.case-display-lrm .screen{left:18%}.case-display-lrm .phone{left:6%;right:auto}.case-display-skies{background:#cdd5cf}.case-notes{display:grid;grid-template-columns:1fr 1.2fr .55fr;gap:50px;padding-top:32px}.case-notes h3{font:600 18px var(--display);text-transform:uppercase;margin-bottom:12px}.case-notes p{font-size:14px;line-height:1.85}.case-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.case-tags span{font:600 10px var(--display);letter-spacing:.05em;text-transform:uppercase;border:1px solid #adb4b0;padding:7px 9px}.case-visit{align-self:start;justify-self:end}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.value-card{padding:29px 25px;min-height:260px;border:1px solid #cbd0cd;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:#f8f9f6}.value-card>span{display:block;font:600 11px var(--display);letter-spacing:.11em;color:var(--yellow);margin-bottom:45px}.value-card h3{font:600 20px var(--display);text-transform:uppercase;margin-bottom:15px}.value-card p{font-size:14px;line-height:1.85}.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:75px}.deliverables-list{list-style:none;margin:0;padding:0}.deliverables-list li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--light-line)}.deliverables-list span{font:600 11px var(--display);color:var(--yellow)}.deliverables-list strong{display:block;font:600 17px var(--display);text-transform:uppercase;margin-bottom:7px}.deliverables-list p{font-size:13px;line-height:1.75}.ownership-panel{background:#101314;color:var(--light);padding:55px;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px)}.ownership-panel h2{font-size:54px;margin-bottom:22px}.ownership-panel p{font-size:15px;line-height:1.9}.ownership-panel .text-link{margin-top:22px;color:var(--yellow)}
.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.use-case{padding:32px;border:1px solid #3e4446;background:#121516;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.use-case>span{font:600 11px var(--display);letter-spacing:.12em;color:var(--yellow)}.use-case h3{font:600 21px var(--display);text-transform:uppercase;margin:35px 0 13px}.use-case p{font-size:14px;line-height:1.85}.automation-principles{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.automation-principles h2{font-size:58px}.principle-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.principle-list article{border-top:2px solid;border-image:linear-gradient(90deg,var(--silver),var(--yellow),var(--orange)) 1;padding-top:20px}.principle-list h3{font:600 18px var(--display);text-transform:uppercase;margin-bottom:10px}.principle-list p{font-size:14px;line-height:1.8}
.faq{max-width:880px;margin-left:auto}.faq details{border-top:1px solid var(--light-line)}.faq details:last-child{border-bottom:1px solid var(--light-line)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:25px;padding:24px 0;font:600 17px var(--display);text-transform:uppercase}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--yellow);font-size:23px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{padding:0 55px 25px 0;font-size:14px;line-height:1.85}
.contact-page-section{padding:95px 0;background:var(--light);color:var(--charcoal)}.contact-page-section p{color:var(--ink-muted)}.contact-page-grid{display:grid;grid-template-columns:.76fr 1.2fr;gap:100px}.contact-options{margin-top:40px}.contact-option{display:block;padding:23px 0;border-top:1px solid var(--light-line)}.contact-option:last-child{border-bottom:1px solid var(--light-line)}.contact-option span{display:block;font:600 10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#687174;margin-bottom:7px}.contact-option strong{display:flex;justify-content:space-between;gap:18px;font:600 18px var(--display);text-transform:uppercase}.contact-page-section .enquiry-form{background:#0b0d0e;color:var(--light);padding:42px;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.contact-page-section .enquiry-form p{color:#aeb3b5}.contact-page-section .form-status{color:var(--yellow)}
.next-page{padding:46px 0;background:linear-gradient(110deg,var(--yellow),var(--orange));color:#0a0b0c}.next-page .container{display:flex;justify-content:space-between;align-items:center;gap:35px}.next-page p{color:#202322}.next-page h2{font-size:42px;margin-top:7px}.next-page .button{flex:none}
.dark-content{background:#070809;color:var(--light)}

/* Selected work carousel */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.project-switcher{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:stretch;margin:-4px 0 28px;border-top:1px solid var(--light-line);border-bottom:1px solid var(--light-line)}
.project-tabs{display:grid;grid-template-columns:repeat(3,1fr)}
.project-tab{position:relative;min-height:74px;padding:18px 22px;border:0;border-right:1px solid var(--light-line);background:transparent;color:#687174;text-align:left;font:600 13px var(--display);letter-spacing:.015em;text-transform:uppercase;transition:color .2s,background .2s}
.project-tab span{display:block;margin-bottom:4px;color:#899193;font-size:9px;letter-spacing:.12em}
.project-tab:after{content:'';position:absolute;left:0;right:100%;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--yellow),var(--orange));transition:right .28s ease}
.project-tab:hover{background:#e8ebe7;color:var(--charcoal)}
.project-tab.is-active{color:var(--charcoal);background:#fff}
.project-tab.is-active span{color:var(--yellow)}
.project-tab.is-active:after{right:0}
.project-arrows{display:grid;grid-template-columns:54px auto 54px;align-items:center;gap:9px;padding:9px 0 9px 20px}
.project-arrows button{display:grid;place-items:center;width:54px;height:54px;border:1px solid #9da5a1;background:transparent;color:var(--charcoal);font:600 23px var(--display);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:background .2s,color .2s,border-color .2s}
.project-arrows button:hover{background:var(--charcoal);border-color:var(--charcoal);color:var(--yellow)}
.project-count{min-width:62px;text-align:center;font:600 11px var(--display);letter-spacing:.1em;color:#7b8485}.project-count b{color:var(--yellow);font:inherit}
.project-carousel{position:relative;min-height:0;touch-action:pan-y}
.project-carousel .project{margin:0;padding-bottom:28px;animation:project-in .34s ease both}
.project-carousel .project[hidden]{display:none}
.work-section-footer{display:flex;justify-content:flex-end;padding:2px 0 44px}
@keyframes project-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.project-carousel .project{animation:none}.project-tab:after{transition:none}}

/* Hero-to-work colour rule: black field, orange signal */
.work-section-dark{position:relative;background-color:#080a0b;background-image:linear-gradient(118deg,transparent 0 88%,rgba(255,106,0,.055) 88% 88.08%,transparent 88.08%);color:var(--light);border-top:1px solid #34393b;border-image:none}
.work-section-dark:before{content:'';position:absolute;top:-1px;left:0;width:38%;height:3px;background:linear-gradient(90deg,var(--yellow),var(--orange),transparent)}
.work-section-dark p{color:var(--muted)}
.work-section-dark .section-heading:before{color:#737b7d}
.work-section-dark .project-switcher{border-color:#34393b}
.work-section-dark .project-tab{border-color:#34393b;color:#9ca4a6}
.work-section-dark .project-tab:hover{background:#141719;color:var(--light)}
.work-section-dark .project-tab.is-active{background:#111415;color:var(--light)}
.work-section-dark .project-tab.is-active span{color:var(--yellow)}
.work-section-dark .project-arrows button{border-color:#50575a;color:var(--light)}
.work-section-dark .project-arrows button:hover{background:var(--yellow);border-color:var(--yellow);color:var(--charcoal)}
.work-section-dark .project-count{color:#7f888a}.work-section-dark .project-count b{color:var(--yellow)}
.work-section-dark .project-stage,.work-section-dark .project-lrm .project-stage,.work-section-dark .project-skies .project-stage{background-color:#0e1112;background-image:linear-gradient(134deg,transparent 0 17%,rgba(255,106,0,.1) 17% 17.15%,transparent 17.15%),linear-gradient(45deg,transparent 0 82%,rgba(199,203,206,.08) 82% 82.1%,transparent 82.1%);box-shadow:inset 0 0 0 1px #343a3c}
.work-section-dark .stage-topline,.work-section-dark .project-lrm .stage-topline,.work-section-dark .project-skies .stage-topline{color:#d5d9d9}
.work-section-dark .project-stage:after{color:#7d8587}
.work-section-dark .project-caption h3{color:var(--light)}
.work-section-dark .round-link{background:#111415;border:1px solid #565e60;color:var(--yellow)}
.work-section-dark .round-link:hover{background:var(--yellow);color:var(--charcoal)}
.work-section-dark .project-detail{border-color:#34393b}
.work-section-dark .project-detail summary{color:#dfe2e1}
.work-section-dark .text-link{color:var(--yellow)}
.work-section-dark+.websites-section{border-top:3px solid var(--yellow)}

/* Homepage colour rhythm: orange information fields between black brand fields */
.section-orange{background-color:var(--yellow);background-image:linear-gradient(118deg,transparent 0 88%,rgba(17,19,20,.11) 88% 88.08%,transparent 88.08%);color:var(--charcoal)}
.section-orange p{color:#402515}
.section-orange :focus-visible{outline-color:var(--charcoal)}
.work-section-dark+.section-orange{border-top:1px solid #090b0c}
.section-orange .websites-grid{border-color:#b54900}
.section-orange .benefits article{border-color:#c54d00}
.section-orange .benefit-icon{background:var(--charcoal);color:var(--yellow)}
.section-orange .button-dark{background:var(--charcoal);color:var(--light)}
.section-orange .button-dark:hover{background:#24282a}
.section-orange .section-heading:before{color:#a53f00}
.section-orange .process-list li{border-color:var(--charcoal);border-image:linear-gradient(90deg,var(--charcoal) 0 70%,#7d3000 70% 84%,#f6f7f4 84%) 1}
.section-orange .process-list li>span{color:#5a2c12}
.section-orange.quote-section{background-image:none}
.section-orange .quote-panel{background:#090b0c;color:var(--light);box-shadow:inset 0 0 0 1px #303638}
.section-orange .quote-panel .eyebrow{color:var(--yellow)}
.section-orange .quote-panel>div>p:not(.eyebrow){color:#b8c0c1}
.section-orange .quote-panel .button-dark{background:var(--yellow);color:var(--charcoal)}
.section-orange .quote-panel .button-dark:hover{background:#ff8a38}

@media(max-width:900px){.page-hero-grid,.content-heading,.deliverables,.automation-principles,.contact-page-grid{grid-template-columns:1fr;gap:42px}.page-hero-aside{display:grid;grid-template-columns:115px 1fr;gap:25px;align-items:start}.page-hero-aside img{width:115px;height:115px;margin:0}.case-header{grid-template-columns:55px 1fr}.case-summary{grid-column:2}.case-notes{grid-template-columns:1fr 1fr}.case-visit{grid-column:2;justify-self:start}.value-grid{grid-template-columns:1fr 1fr}.use-cases{grid-template-columns:1fr}.contact-page-section .enquiry-form{padding:32px}.next-page .container{align-items:flex-start}.next-page h2{font-size:34px}}
@media(max-width:800px){.page-hero{padding:58px 0 48px}.page-hero h1{font-size:54px}.page-intro{font-size:16px}.page-hero-aside{grid-template-columns:90px 1fr}.page-hero-aside img{width:90px;height:90px}.page-index{margin-top:38px;font-size:8px}.content-section{padding:65px 0}.content-heading{margin-bottom:35px}.case-study{padding:52px 0 70px}.case-header{grid-template-columns:1fr;gap:12px}.case-summary{grid-column:auto}.case-display{aspect-ratio:1.42;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.case-display .screen{width:82%;left:4%;top:17%}.case-display .phone{width:23%;right:3%;bottom:6%}.case-display-lrm .screen{left:13%}.case-display-lrm .phone{left:3%}.case-notes{grid-template-columns:1fr;gap:24px}.case-visit{grid-column:auto}.value-grid{grid-template-columns:1fr}.value-card{min-height:0}.value-card>span{margin-bottom:25px}.ownership-panel{padding:34px 26px}.ownership-panel h2,.automation-principles h2{font-size:45px}.principle-list{grid-template-columns:1fr}.faq{margin:0}.contact-page-section{padding:65px 0}.contact-page-section .enquiry-form{padding:27px 20px}.next-page .container{display:block}.next-page .button{margin-top:24px;width:100%}}

/* Current direction: black information fields, orange kept for small signals and actions. */
.section-orange{background-color:#080a0b;background-image:linear-gradient(118deg,transparent 0 88%,rgba(199,203,206,.05) 88% 88.08%,transparent 88.08%);color:var(--light)}
.section-orange p{color:var(--muted)}
.section-orange .eyebrow{color:#cfd5d4}
.section-orange :focus-visible{outline-color:var(--yellow)}
.section-orange .websites-grid{border-color:#34393b}
.section-orange .benefits article{border-color:#34393b}
.section-orange .benefit-icon{background:#171b1d;color:var(--light);border-left:3px solid var(--yellow)}
.section-orange .button-dark{background:var(--yellow);color:var(--charcoal)}
.section-orange .button-dark:hover{background:#ff8a38}
.section-orange .section-heading:before{color:#737b7d}
.section-orange .process-list li{border-color:#34393b;border-image:linear-gradient(90deg,#34393b 0 70%,var(--yellow) 70% 84%,#6a2d0f 84%) 1}
.section-orange .process-list li>span{color:var(--yellow)}
.section-orange.quote-section{background-image:none}
.section-orange .quote-panel{background:#090b0c;color:var(--light);box-shadow:inset 0 0 0 1px #303638}
.section-orange .quote-panel .eyebrow{color:var(--yellow)}
.section-orange .quote-panel>div>p:not(.eyebrow){color:#b8c0c1}
.section-orange .quote-panel .button-dark{background:var(--yellow);color:var(--charcoal)}
.section-orange .quote-panel .button-dark:hover{background:#ff8a38}
.work-section-dark+.websites-section{border-top:1px solid #34393b}
.next-page{background:#080a0b;color:var(--light);border-top:1px solid #34393b;border-bottom:1px solid #34393b}
.next-page p{color:var(--muted)}
.next-page .button{background:var(--yellow);color:var(--charcoal)}
.next-page .button:hover{background:#ff8a38}
@media(max-width:800px){.project-switcher{display:block;margin-bottom:20px}.project-tabs{grid-template-columns:1fr}.project-tab{min-height:54px;padding:12px 14px;border-right:0;border-bottom:1px solid var(--light-line);display:flex;align-items:center;gap:12px}.project-tab span{display:inline;margin:0;min-width:19px}.project-tab:not(.is-active){display:none}.project-arrows{padding:10px 0;grid-template-columns:50px 1fr 50px}.project-arrows button{width:50px;height:48px}.project-count{font-size:10px}.project-carousel .project{padding-bottom:18px}.work-section-footer{justify-content:flex-start;padding-bottom:30px}.work-section-footer .text-link{font-size:12px}}

/* Secondary visual system: rising currents and a ghosted emblem. */
.hero{background-image:radial-gradient(ellipse at 48% 108%,rgba(255,106,0,.1),rgba(255,106,0,.025) 24%,transparent 54%),url('/assets/flow-field.svg?v=2');background-size:100% 100%,100% 100%;background-position:center bottom,center bottom;background-repeat:no-repeat}
.hero:before{content:'';position:absolute;z-index:0;right:-5vw;top:12%;width:clamp(360px,44vw,700px);aspect-ratio:96/110;background:url('/assets/logo-flame.svg') center/contain no-repeat;filter:grayscale(1) brightness(1.35) contrast(.75);opacity:.055;pointer-events:none;transform:rotate(6deg);animation:forge-drift 10s ease-in-out infinite alternate}
.hero-work-head{height:64px}
.hero-work-meta{width:100%;margin-left:0;margin-bottom:12px}
.hero-work-label{margin-left:0}
.work-section-dark{background-image:radial-gradient(ellipse at 42% 108%,rgba(255,106,0,.055),transparent 48%),url('/assets/flow-field.svg?v=2');background-size:100% 100%,100% 100%;background-position:center bottom,center bottom;background-repeat:no-repeat}
.section-orange{background-image:radial-gradient(ellipse at 58% 108%,rgba(255,106,0,.045),transparent 46%),url('/assets/flow-field.svg?v=2');background-size:100% 100%,100% 100%;background-position:center bottom,center bottom;background-repeat:no-repeat}
.section-orange.quote-section{background-image:radial-gradient(ellipse at 50% 112%,rgba(255,106,0,.06),transparent 52%),url('/assets/flow-field.svg?v=2');background-size:100% 100%,100% 100%;background-position:center bottom,center bottom;background-repeat:no-repeat}
.automation-section{background-image:radial-gradient(ellipse at 44% 108%,rgba(255,106,0,.06),transparent 48%),url('/assets/flow-field.svg?v=2');background-size:100% 100%,100% 100%;background-position:center bottom,center bottom;background-repeat:no-repeat}
.contact-section{background-image:radial-gradient(ellipse at 52% 110%,rgba(255,106,0,.055),transparent 50%),url('/assets/flow-field.svg?v=2');background-size:100% 100%,100% 100%;background-position:center bottom,center bottom;background-repeat:no-repeat}
.page-hero{background-image:radial-gradient(ellipse at 52% 112%,rgba(255,106,0,.085),transparent 54%),url('/assets/flow-field.svg?v=2');background-size:100% 100%,100% 100%;background-position:center bottom,center bottom;background-repeat:no-repeat}
.page-hero-aside{position:relative;display:block;padding:26px 0 0 34px;border-left:1px solid #4a5052}
.page-hero-aside:before{content:'';position:absolute;left:-4px;top:22px;width:7px;height:7px;background:#8c9496;transform:rotate(45deg)}
.page-hero-aside img{display:none}
.dark-content{background-image:radial-gradient(ellipse at 50% 110%,rgba(255,106,0,.045),transparent 50%),url('/assets/flow-field.svg?v=2');background-size:100% 100%,100% 100%;background-position:center bottom,center bottom;background-repeat:no-repeat}
.next-page{background-image:radial-gradient(ellipse at 50% 116%,rgba(255,106,0,.065),transparent 54%),url('/assets/flow-field.svg?v=2');background-size:100% 100%,100% 100%;background-position:center bottom,center bottom;background-repeat:no-repeat}
@keyframes forge-drift{from{transform:rotate(6deg) translateY(8px)}to{transform:rotate(6deg) translateY(-14px)}}
@media(max-width:800px){.hero:before{right:-28vw;top:28%;width:620px;opacity:.035}.hero-work-head{height:56px}.hero-work-meta{margin:0 0 9px}.page-hero-aside{padding:22px 0 0 22px}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}}

/* Homepage structure: one clear finish after the process. */
.process-section+.contact-section{border-top:1px solid #34393b}
.contact-note{max-width:390px;margin-top:20px!important;padding:13px 0 0 16px;border-left:2px solid var(--yellow);font-size:13px!important;line-height:1.7!important;color:#aeb3b5!important}

/* Lead-generation hero: let the offer, not a mockup, carry the first screen. */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:clamp(52px,7vw,120px)}
.hero-offer{align-self:center;position:relative;padding-top:18px}
.hero-offer:before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--silver),var(--yellow) 52%,var(--orange))}
.hero-offer-head{display:flex;justify-content:space-between;gap:20px;font:600 10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#aeb6b7}
.hero-offer-head span:last-child{color:var(--yellow)}
.hero-offer-list{list-style:none;margin:29px 0 0;padding:0}
.hero-offer-list li{display:grid;grid-template-columns:47px 1fr;gap:20px;padding:21px 0;border-top:1px solid #34393b}
.hero-offer-list li:last-child{border-bottom:1px solid #34393b}
.hero-offer-number{font:600 13px var(--display);color:var(--yellow);padding-top:2px}
.hero-offer-list strong{display:block;font:600 19px var(--display);line-height:1.25;text-transform:uppercase;color:var(--light);margin-bottom:8px}
.hero-offer-list p{font-size:14px;line-height:1.75;max-width:330px;color:#aeb6b7}

/* Remove the rejected signal-line treatment while keeping the brand's orange energy as a restrained accent. */
.hero,.work-section-dark,.section-orange,.section-orange.quote-section,.automation-section,.contact-section,.page-hero,.dark-content,.next-page{background-image:none}
.hero{background-color:#080a0b}
.hero:after{display:none}

@media(max-width:800px){
  .hero-grid{grid-template-columns:1fr;gap:43px}
  .hero-offer{max-width:600px}
  .hero h1{font-size:56px}
}
@media(max-width:420px){.hero h1{font-size:48px}}

/* Fast brand loader: enough theatre to establish Flow Forge, never a forced wait. */
.site-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(ellipse 34% 30% at 50% 57%, rgba(255,106,0,.13), transparent 72%),
    #020304;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  animation: loader-failsafe .42s ease 2.25s forwards;
}
.site-loader::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(255,156,82,.05), transparent 34%);
}
.site-loader-core { position: relative; width: min(178px, 38vw); text-align: center; }
.site-loader img {
  width: min(112px, 25vw);
  height: auto;
  margin: 0 auto 30px;
  object-fit: contain;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 18px rgba(255,106,0,.22));
  animation: loader-emblem-in .7s cubic-bezier(.22,.7,.25,1) both;
}
.site-loader-track { height: 2px; overflow: hidden; background: rgba(199,203,206,.17); }
.site-loader-track i {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,#ff9c52,#ff6a00);
  transform: scaleX(0);
  transform-origin: left;
  animation: loader-progress .78s .08s cubic-bezier(.22,.7,.25,1) forwards;
}
.site-loader.is-leaving { animation: loader-out .44s cubic-bezier(.4,0,.8,1) forwards; }
@keyframes loader-emblem-in {
  from { opacity: 0; transform: translateY(10px) scale(.94); filter: drop-shadow(0 0 0 rgba(255,106,0,0)); }
  to { opacity: 1; transform: translateY(0) scale(1); filter: drop-shadow(0 0 18px rgba(255,106,0,.22)); }
}
@keyframes loader-progress { to { transform: scaleX(1); } }
@keyframes loader-out { to { opacity: 0; visibility: hidden; transform: scale(1.015); } }
@keyframes loader-failsafe { to { opacity: 0; visibility: hidden; pointer-events: none; } }
@media (prefers-reduced-motion: reduce) {
  .site-loader,
  .site-loader img,
  .site-loader-track i,
  .site-loader.is-leaving { animation: none; }
  .site-loader.is-leaving { opacity: 0; visibility: hidden; pointer-events: none; }
}

/* Websites-first offer — October 2026 */
.hero{min-height:auto;background:#080a0b;isolation:isolate}
.hero:before{right:-7vw;top:8%;opacity:.035}
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.68fr);gap:clamp(48px,7vw,108px);padding-top:clamp(68px,8vw,118px);padding-bottom:clamp(65px,8vw,110px)}
.hero-copy{max-width:810px}
.hero h1{max-width:800px;font-size:clamp(58px,6.4vw,96px);line-height:.98;margin:22px 0 27px}
.hero-intro{max-width:620px;font-size:18px;line-height:1.75}
.price-plate{position:relative;align-self:center;padding:25px 27px 28px;border:1px solid #4c5356;background:linear-gradient(150deg,#171a1c,#0c0e0f 72%);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);box-shadow:0 28px 70px #0006}
.price-plate:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--silver),var(--yellow) 45%,#ff3d00)}
.price-plate-top{display:flex;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line);font:600 9px var(--display);letter-spacing:.12em;color:#939b9d}
.price-plate-main{padding:31px 0 28px;border-bottom:1px solid var(--line)}
.price-plate-main>span{display:block;font:600 11px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#aeb4b5}
.price-plate-main strong{display:block;margin:5px 0 0;font:600 clamp(76px,8vw,116px)/.92 var(--display);letter-spacing:-.06em;color:var(--light)}
.price-plate-main p{color:var(--yellow);font:600 13px var(--display);text-transform:uppercase;letter-spacing:.06em}
.price-plate ul{list-style:none;margin:0;padding:12px 0 0}
.price-plate li{display:flex;gap:18px;padding:11px 0;border-bottom:1px solid #292e30;font:600 12px var(--display);text-transform:uppercase;letter-spacing:.04em;color:#d6d9d8}
.price-plate li span{color:var(--yellow)}
.project-caption{grid-template-columns:minmax(220px,.85fr) minmax(260px,1fr) auto}
.project-visit,.project-status-badge,.case-visit{display:inline-flex;align-items:center;justify-content:center;align-self:start;min-height:44px;padding:10px 14px;border:1px solid #596164;color:var(--yellow);font:600 11px var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.project-visit:hover,.case-visit:hover{border-color:var(--yellow);background:var(--yellow);color:var(--charcoal)}
.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:none!important}
.project-facts p{margin:0!important}
.project-stage-prototype{display:grid;place-items:center;background:radial-gradient(circle at 52% 60%,#ff6a0019,transparent 36%),linear-gradient(145deg,#141719,#080a0b)!important}
.prototype-mark{text-align:center}
.prototype-mark span{font:600 10px var(--display);letter-spacing:.18em;color:var(--yellow)}
.prototype-mark strong{display:block;margin:16px 0 10px;font:600 clamp(54px,8vw,116px)/.82 var(--display);letter-spacing:-.055em;text-transform:uppercase;color:var(--light)}
.prototype-mark p{font:600 12px var(--display);letter-spacing:.1em;text-transform:uppercase}
.prototype-status{position:absolute;left:30px;right:30px;bottom:21px;display:flex;justify-content:space-between;font:600 9px var(--display);letter-spacing:.12em;color:#8c9698}
.included-section,.pricing-section,.faq-section{padding:clamp(78px,8vw,120px) 0;background:#0c0e0f;border-top:1px solid var(--line)}
.included-layout{display:grid;grid-template-columns:minmax(280px,.7fr) 1.3fr;gap:clamp(60px,8vw,130px)}
.included-intro{position:sticky;top:35px;align-self:start}
.included-intro .eyebrow{margin-bottom:24px;color:var(--yellow)}
.included-intro h2{font-size:clamp(46px,5vw,72px)}
.included-intro>p:not(.eyebrow){max-width:430px;margin-top:25px;line-height:1.85}
.included-intro .text-link{margin-top:26px;color:var(--yellow)}
.included-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3a4042}
.included-grid article{min-height:205px;padding:27px 28px;border-right:1px solid #3a4042;border-bottom:1px solid #3a4042;background:#111415}
.included-grid article:nth-child(2n){border-right:0}
.included-grid article>span{font:600 10px var(--display);letter-spacing:.12em;color:var(--yellow)}
.included-grid h3{margin:28px 0 11px;font:600 18px var(--display);text-transform:uppercase}
.included-grid p{font-size:13px;line-height:1.8}
.pricing-section{background:#080a0b}
.pricing-panel{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(55px,8vw,130px);padding:52px 0;border-top:3px solid var(--yellow);border-bottom:1px solid #42484a}
.pricing-panel .eyebrow{margin-bottom:20px;color:var(--yellow)}
.pricing-panel h2{font-size:clamp(55px,6vw,88px)}
.pricing-panel>div:last-child{padding-top:8px}
.pricing-panel>div:last-child p{font-size:16px;line-height:1.9;max-width:620px}
.pricing-panel .button{margin-top:27px}
.pricing-panel-page{padding-inline:0}
.faq-layout{display:grid;grid-template-columns:.64fr 1fr;gap:clamp(60px,8vw,120px)}
.faq-layout>div:first-child .eyebrow{margin-bottom:22px;color:var(--yellow)}
.faq-layout>div:first-child p:last-child{margin-top:25px;max-width:390px}
.faq-section .faq{margin:0;max-width:none}
.faq-section .faq details{border-color:#373d3f}
.faq-section .faq summary{color:var(--light)}
.faq-section .faq details p{color:var(--muted)}
.consent-row{display:grid!important;grid-template-columns:20px 1fr;align-items:start;gap:10px!important}
.consent-row input{width:18px!important;min-height:18px!important;margin:2px 0 0;clip-path:none!important;accent-color:var(--yellow)}
.consent-row span{display:block!important;font-size:12px!important;line-height:1.6}
.form-fallback{font-size:11px;line-height:1.7}
.form-fallback a{text-decoration:underline;text-underline-offset:3px}
.form-status{border-left:2px solid var(--yellow);padding-left:12px}
.case-header>span{font:600 13px var(--display);letter-spacing:.12em;color:var(--yellow)}
.case-header h2{font-size:clamp(42px,5vw,70px)}
.case-header .eyebrow{margin-bottom:10px}
.case-display-seventy{background:#16191b}
.case-notes{grid-template-columns:repeat(3,1fr) auto;gap:35px;border-top:1px solid currentColor;border-color:#b9bfbc}
.dark-content .case-notes{border-color:#33393b}
.case-notes article{padding-top:22px}
.case-notes article>span{font:600 10px var(--display);letter-spacing:.12em;color:var(--yellow)}
.case-notes p{margin-top:10px}
.case-visit{margin-top:22px}
.case-visit-static{color:#667073;pointer-events:none}
.case-display-prototype{display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#ff6a001f,transparent 38%),linear-gradient(145deg,#15191a,#080a0b);color:var(--light)}
.case-display-prototype>span{font:600 10px var(--display);letter-spacing:.19em;color:var(--yellow)}
.case-display-prototype>strong{margin:20px 0 15px;font:600 clamp(60px,9vw,132px)/.82 var(--display);letter-spacing:-.06em;text-transform:uppercase}
.case-display-prototype>p{font:600 12px var(--display);letter-spacing:.1em;color:#b4bcbd;text-transform:uppercase}
.case-display-prototype>b{position:absolute;left:28px;bottom:22px;font:600 9px var(--display);letter-spacing:.13em;color:#818b8d}
.faq-page{border-top:1px solid var(--light-line)}
.contact-page-section{padding:clamp(72px,8vw,115px) 0;background:#080a0b;color:var(--light)}
.contact-page-section p{color:var(--muted)}
.contact-page-title{max-width:none;font-size:clamp(64px,7vw,102px);margin:24px 0 30px}
.contact-page-title span{color:var(--yellow)}
.contact-page-section .contact-option{border-color:#343a3c}
.contact-page-section .contact-option span{color:#929a9c}
.contact-page-section .contact-option strong{color:var(--light);word-break:break-word}
.contact-page-section .enquiry-form{border:1px solid #3c4345;background:#111415}
.contact-page-section .enquiry-form h2{font-size:28px}

@media(max-width:900px){
  .hero-grid,.included-layout,.pricing-panel,.faq-layout{grid-template-columns:1fr}
  .included-intro{position:static}
  .project-facts{grid-template-columns:1fr}
  .case-notes{grid-template-columns:1fr 1fr}
  .case-visit{justify-self:start}
}
@media(max-width:800px){
  .hero-grid{gap:42px;padding-top:56px;padding-bottom:58px}
  .hero h1{font-size:clamp(47px,13vw,64px)}
  .hero-intro{font-size:15px}
  .price-plate{padding:21px 20px 23px}
  .price-plate-main strong{font-size:82px}
  .project-caption{grid-template-columns:1fr auto}
  .project-caption>p{grid-column:1/-1}
  .project-visit,.project-status-badge{grid-column:1/-1;justify-self:start}
  .project-stage-prototype{aspect-ratio:1.2}
  .prototype-status{left:16px;right:16px;bottom:12px;font-size:7px}
  .included-grid{grid-template-columns:1fr}
  .included-grid article,.included-grid article:nth-child(2n){border-right:0}
  .pricing-panel{padding:35px 0;gap:28px}
  .faq-layout{gap:38px}
  .case-notes{grid-template-columns:1fr}
  .case-display-prototype>strong{font-size:17vw}
  .contact-page-title{font-size:56px}
  .contact-page-section .enquiry-form h2{font-size:24px}
}

/* One continuous Flow Forge atmosphere */
html{background:#050607}
body{position:relative;isolation:isolate;overflow-x:hidden;background:#050607}
body::before,body::after{content:'';position:fixed;pointer-events:none;z-index:0;will-change:transform,opacity}
body::before{inset:-18vh -15vw;background:radial-gradient(ellipse 52% 48% at 7% 84%,rgba(255,132,34,.88) 0,rgba(255,82,0,.58) 14%,rgba(255,67,0,.3) 34%,transparent 61%),radial-gradient(ellipse 46% 50% at 94% 30%,rgba(255,148,44,.72) 0,rgba(255,91,0,.46) 18%,rgba(255,70,0,.2) 38%,transparent 66%),radial-gradient(ellipse 42% 36% at 54% 108%,rgba(255,157,52,.62) 0,rgba(255,86,0,.3) 24%,rgba(255,71,0,.12) 46%,transparent 72%);filter:blur(56px) saturate(128%);transform:translate3d(-2%,8%,0) scale(1.04);opacity:.9;animation:forge-atmosphere-rise 34s cubic-bezier(.45,.05,.25,1) infinite alternate}
body::after{inset:-16vh -12vw;background:radial-gradient(ellipse 42% 42% at 70% 68%,rgba(255,117,19,.46),rgba(255,72,0,.18) 34%,transparent 70%),radial-gradient(ellipse 38% 44% at 24% 18%,rgba(255,151,48,.38),rgba(255,83,0,.12) 36%,transparent 68%),linear-gradient(145deg,rgba(5,6,7,.08),rgba(5,6,7,.44) 56%,rgba(255,73,0,.16));filter:blur(72px);transform:translate3d(3%,6%,0) scale(1.08);opacity:.82;animation:forge-atmosphere-breathe 47s cubic-bezier(.42,0,.18,1) infinite alternate}
body>.site-header,body>.brand-rail,body>main,body>.site-footer{position:relative;z-index:1}

.hero:before,.work-section-dark:before,.page-hero:before{display:none}
.hero,.work-section-dark,.included-section,.pricing-section,.section-orange,.faq-section,.contact-section,.page-hero,.dark-content,.next-page,.contact-page-section,.section-light,.content-section.section-light,.case-study.section-light{background-color:transparent!important;background-image:none!important}
.section-light,.contact-page-section{color:var(--light)}
.section-light p,.contact-page-section p{color:var(--muted)}
.section-light :focus-visible{outline-color:var(--yellow)}
.work-section,.work-section-dark+.websites-section,.process-section+.contact-section,.content-section+.content-section,.case-study,.next-page{border-image:none;border-color:rgba(199,203,206,.14)}
.work-section{border-top:1px solid rgba(199,203,206,.14)}
.included-section,.pricing-section,.faq-section{border-color:rgba(199,203,206,.14)}
.site-header,.brand-rail,.site-footer{background:rgba(5,6,7,.28);border-color:rgba(199,203,206,.14)}

.value-card{color:var(--light);background:rgba(15,18,19,.72);border-color:rgba(199,203,206,.22)}
.value-card p,.deliverables-list p,.case-study.section-light p{color:var(--muted)}
.deliverables-list li,.faq-page,.faq details,.contact-option{border-color:rgba(199,203,206,.2)}
.deliverables-list strong,.faq-page .faq summary,.case-study.section-light h2,.case-study.section-light h3,.case-study.section-light .case-summary,.contact-page-section .contact-option strong{color:var(--light)}
.faq-page .faq details p{color:var(--muted)}
.case-notes{border-color:rgba(199,203,206,.2)}
.case-visit-static{color:#8d9698}
.next-page p{color:var(--muted)}

.price-plate,.included-grid article,.contact-page-section .enquiry-form{background:rgba(13,16,17,.78);box-shadow:0 24px 80px rgba(0,0,0,.18)}
.project-switcher,.project-detail,.pricing-panel{border-color:rgba(199,203,206,.2)}
.project-tab.is-active{background:rgba(18,22,23,.78)}
.project-tab:hover{background:rgba(22,26,27,.7)}

@keyframes forge-atmosphere-rise{
  0%{transform:translate3d(-3%,9%,0) scale(1.04);opacity:.78}
  34%{transform:translate3d(2%,2%,0) scale(1.1);opacity:.96}
  68%{transform:translate3d(5%,-7%,0) scale(1.06);opacity:.83}
  100%{transform:translate3d(-1%,-18%,0) scale(1.13);opacity:1}
}
@keyframes forge-atmosphere-breathe{
  0%{transform:translate3d(3%,7%,0) scale(1.08);opacity:.68}
  45%{transform:translate3d(-4%,-3%,0) scale(1.14);opacity:.9}
  100%{transform:translate3d(2%,-15%,0) scale(1.05);opacity:.74}
}
@media(max-width:800px){
  body::before{inset:-18vh -42vw;filter:blur(44px);opacity:.92}
  body::after{inset:-16vh -36vw;filter:blur(54px);opacity:.84}
  .site-header,.brand-rail{background:rgba(5,6,7,.42)}
}

/* Keep the complete opening offer inside the first screen */
.hero{min-height:calc(100svh - 88px);display:grid;grid-template-rows:minmax(0,1fr) auto}
.hero-grid{width:min(1296px,calc(100% - 112px));padding-top:clamp(34px,5vh,58px);padding-bottom:clamp(30px,4.5vh,52px)}
.hero h1{font-size:clamp(56px,min(6vw,9vh),90px);margin:18px 0 21px}
.hero-intro{font-size:clamp(15px,1.15vw,18px);line-height:1.65}
.hero-actions{margin-top:23px}
.price-plate-main{padding:24px 0 21px}
.price-plate-main strong{font-size:clamp(72px,min(7.4vw,12vh),104px)}
.price-plate li{padding:9px 0}
.hero-bottom{padding-block:15px}

@media(max-width:900px){
  .hero{min-height:calc(100svh - 74px)}
  .hero-grid{width:calc(100% - 40px);gap:24px;padding-top:28px;padding-bottom:24px}
  .hero h1{font-size:clamp(43px,8.4vw,58px);line-height:.96;margin:14px 0 16px}
  .hero-intro{max-width:650px;font-size:14px;line-height:1.55}
  .hero-actions{margin-top:17px}
  .hero-actions .button{min-height:46px;padding:12px 17px}
  .price-plate{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(170px,1.2fr);padding:15px 18px 16px}
  .price-plate-top{grid-column:1/-1;padding-bottom:10px}
  .price-plate-main{padding:13px 16px 8px 0;border-right:1px solid var(--line);border-bottom:0}
  .price-plate-main strong{font-size:clamp(58px,10vw,76px)}
  .price-plate-main p{font-size:10px}
  .price-plate ul{padding:8px 0 0 16px}
  .price-plate li{gap:12px;padding:6px 0;font-size:10px}
  .hero-bottom{padding-block:11px}
}

@media(max-width:520px){
  .hero-grid{gap:19px;padding-top:22px;padding-bottom:18px}
  .hero-copy .eyebrow{font-size:8px}
  .hero h1{font-size:clamp(39px,12.2vw,51px);margin:11px 0 13px}
  .hero-intro{font-size:13px;line-height:1.45}
  .hero-actions{margin-top:14px;gap:13px}
  .hero-actions .button{min-height:43px;padding:10px 13px;font-size:10px}
  .hero-actions .text-link{min-height:42px;font-size:9px}
  .price-plate{grid-template-columns:minmax(120px,.86fr) minmax(145px,1.14fr);padding:13px 14px 14px}
  .price-plate-top{font-size:7px;padding-bottom:8px}
  .price-plate-main{padding:10px 12px 5px 0}
  .price-plate-main>span{font-size:8px}
  .price-plate-main strong{font-size:54px}
  .price-plate-main p{font-size:8px}
  .price-plate ul{padding:5px 0 0 12px}
  .price-plate li{gap:8px;padding:4px 0;font-size:8px}
  .hero-bottom{padding-block:8px}
  .hero-bottom a{display:none}
}

@media(min-width:901px) and (max-height:760px){
  .hero-grid{padding-top:26px;padding-bottom:24px}
  .hero h1{font-size:clamp(54px,7.5vh,76px);margin:14px 0 17px}
  .hero-intro{font-size:15px}
  .hero-actions{margin-top:17px}
  .price-plate{padding-top:20px;padding-bottom:21px}
  .price-plate-main{padding:18px 0 16px}
  .price-plate-main strong{font-size:72px}
  .price-plate li{padding:7px 0}
}

/* Homepage hero — let the offer and the existing atmosphere carry the opening. */
.hero{grid-template-rows:minmax(0,1fr)}
.hero-grid{grid-template-columns:minmax(0,1fr);gap:0;padding-top:clamp(38px,5vh,64px);padding-bottom:clamp(38px,5vh,64px)}
.hero-copy{max-width:820px}
.hero h1{max-width:none;font-size:clamp(68px,min(6.6vw,10.5vh),108px);line-height:.9;letter-spacing:-.035em;margin:20px 0 25px;white-space:nowrap}
.hero-intro{max-width:620px;font-size:17px;line-height:1.68}
.hero-actions{margin-top:27px;gap:24px}
.hero-price-inline{display:flex;align-items:center;gap:13px;margin-top:20px;font:600 12px/1.4 var(--display);letter-spacing:.055em;text-transform:uppercase;color:#c7cdce}
.hero-price-inline strong{font:inherit;color:var(--light)}
.hero-price-inline em{font:inherit;color:var(--yellow)}
.hero-price-inline>span{width:1px;height:15px;background:#626a6c}

@media(max-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr);align-content:start;gap:0;padding-top:30px;padding-bottom:30px}
  .hero-copy{min-width:0;max-width:720px}
  .hero h1{font-size:clamp(56px,10vw,78px);line-height:.92;white-space:normal;margin:15px 0 20px}
  .hero-intro{max-width:600px;font-size:16px;line-height:1.6}
  .hero-actions{margin-top:23px}
}

@media(max-width:520px){
  .hero-grid{gap:0;padding-top:22px;padding-bottom:24px}
  .hero h1{font-size:clamp(43px,12.8vw,50px);margin:11px 0 16px}
  .hero-intro{max-width:100%;font-size:15px;line-height:1.55}
  .hero-actions{margin-top:19px;gap:17px}
  .hero-actions .button{min-height:48px;padding:13px 16px;font-size:11px}
  .hero-actions .text-link{min-height:46px;font-size:11px}
  .hero-price-inline{margin-top:15px;gap:9px;font-size:10px;letter-spacing:.035em}
  .hero-price-inline>span{height:12px}
}
@media(prefers-reduced-motion:reduce){
  body::before,body::after{animation:none;transform:none}
}

/* Homepage viewport chapters — keep each desktop section deliberate and self-contained. */
@media(min-width:901px){
  main>#work,
  main>#services,
  main>#pricing,
  main>#process,
  main>#faq,
  main>#contact{
    min-height:calc(100vh - 88px);
    min-height:calc(100svh - 88px);
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  main>#work{padding-top:62px;padding-bottom:24px}
  main>#services,
  main>#pricing,
  main>#process,
  main>#faq,
  main>#contact{padding-top:56px;padding-bottom:56px}

}

@media(min-width:901px){
  main>#work .project-stage{
    height:clamp(290px,38vh,420px);
    aspect-ratio:auto;
  }
  main>#work .project-desktop{
    height:74%;
  }
  main>#work .project-desktop>img{
    height:calc(100% - 27px);
    object-fit:cover;
    object-position:top;
  }
  main>#work .project-phone{
    height:82%;
    width:18%;
  }
  main>#work .project-phone>img{
    height:100%;
    object-fit:cover;
    object-position:top;
  }
}