/* Cool Slate / gunmetal: one continuous canvas, restrained metallic surfaces. */
:root{--bg:#0c1113;--surface:#161f22;--blue-surface:#0c1113;--purple-surface:#0c1113;--blue:#4c6c76;--purple:#4c6c76;--text:#deeaed;--muted:#deeaed;--line:#4c6c7626;--charcoal:#161f22;--dark-slate:#4c6c76;--slate:#4c6c76;--silver:#4c6c76;--ice:#deeaed}
body,main{background:var(--bg)}header{background:#0c1113f5;border-color:#4c6c7626}nav a:hover,nav a[aria-current]{color:var(--ice)}nav a[aria-current]:not(.nav-cta):after{background:var(--silver)}.nav-cta{border-color:#4c6c7670;background:#161f2244}.brand-words>span{color:var(--ice)}.brand-symbol{filter:none}.hero,.friction,.blue-surface,.solutions,.purple-surface,.studio,.work,.contact{background:var(--bg)}.hero-glow{background:none}.blue-text,.purple-text{color:var(--silver)}em{background:linear-gradient(115deg,#deeaed,#4c6c76 65%,#4c6c76);background-clip:text;-webkit-text-fill-color:transparent}.context{color:var(--muted)}.hero .intro{color:var(--muted)}.primary{background:linear-gradient(125deg,#deeaed,#4c6c76);color:#0c1113;border-color:#4c6c76;box-shadow:inset 0 1px #ffffff80,0 5px 14px #080c0d25}.secondary{background:#161f226b;border-color:#4c6c7670;color:var(--ice)}.secondary:hover,.nav-cta:hover{background:#203036}.button:hover{box-shadow:0 7px 20px #080c0d44}.wave-art{opacity:.09}.wave-art svg{filter:none}.hero-devices .device{filter:drop-shadow(0 24px 25px #080c0d80)}.friction,.solutions,.studio,.contact{position:relative;isolation:isolate;overflow:hidden}.section-inner{position:relative;z-index:1}.friction:before{content:'';inset:auto;right:-125px;top:20px;width:390px;height:425px;background:var(--silver);mask:url('assets/lad-symbol.svg') center/contain no-repeat;opacity:.035;pointer-events:none}.hero:before{content:'';position:absolute;right:4%;top:3%;width:530px;height:570px;background:var(--silver);mask:url('assets/lad-symbol.svg') center/contain no-repeat;opacity:.035;z-index:-1;pointer-events:none}.solutions:before{content:'';position:absolute;left:-135px;bottom:110px;width:330px;height:330px;border:48px solid #4c6c76;border-radius:50% 50% 6% 50%;opacity:.025;pointer-events:none}.solutions:after{content:'';position:absolute;left:85px;bottom:425px;width:48px;height:125px;background:var(--silver);border-radius:2px 48px 2px 2px;opacity:.025;pointer-events:none}.studio:before{content:'';position:absolute;right:-130px;bottom:-40px;width:390px;height:420px;background:var(--silver);mask:url('assets/lad-symbol.svg') center/contain no-repeat;opacity:.03;pointer-events:none}.contact:before{content:'';inset:auto;bottom:-195px;left:-150px;width:460px;height:460px;border:64px solid var(--silver);border-radius:50% 50% 5% 50%;opacity:.025;transform:none;pointer-events:none}.contact:after{content:'';bottom:210px;left:210px;width:62px;height:160px;background:var(--silver);border:0;border-radius:2px 65px 2px 2px;opacity:.025;transform:none;pointer-events:none}.friction-list li{border-color:#4c6c7618}.friction-list li:before{background:var(--slate)}.closing-line{color:var(--ice)}.workflow-demo .segmented,.segmented{background:#0c1113;border-color:#4c6c764d}.segmented button{color:var(--muted)}.segmented button[aria-pressed=true],.evolution .segmented button[aria-pressed=true]{background:linear-gradient(130deg,#4c6c76,#203036);color:#deeaed;box-shadow:inset 0 1px #4c6c763b,0 3px 9px #0c11132e}.manual .flow-node,.connected .flow-node,.connected .flow-node.hub{background:linear-gradient(140deg,#161f22,#161f22);border-color:#4c6c7678;color:var(--ice);box-shadow:inset 0 1px #4c6c7612}.manual .flow-node small,.connected .flow-node small{color:var(--muted)}.flow-diagram .flow-arrow{color:var(--silver)}.solution-options button{border-bottom-color:#4c6c7622}.solution-options button[aria-pressed=true]{background:#4c6c760c;border-color:#4c6c7670;box-shadow:inset 3px 0 #4c6c76}.solution-options button>span{color:var(--silver)}.solution-options small{color:var(--muted)}.solution-display{background:linear-gradient(135deg,#161f22,#161f22);border-color:#4c6c765c;box-shadow:0 20px 50px #080c0d20}.solution-outcome{color:var(--silver);border-color:#4c6c7626}.mock-window{background:#161f22;color:var(--ice);box-shadow:0 12px 24px #080c0d25;border:1px solid #4c6c765c}.mock-top{background:#203036}.mock-top i{background:#4c6c76}.mock-top span{color:#deeaed}.mock-body,.mock-site{background:#161f22;color:var(--ice)}.mock-body h4{color:var(--ice)}.mock-body p{color:var(--muted)}.mock-action{background:#4c6c76;color:#0c1113}.mock-day-grid span{border-color:#4c6c766b;color:var(--ice)}.mock-day-grid .selected{background:#4c6c76;color:#0c1113}.mock-table th,.mock-table td{border-color:#4c6c7640;color:var(--ice)}.mock-table th{color:var(--muted)}.status{color:var(--ice);background:#203036}.mock-flow span{background:#161f22;border-color:#4c6c76;color:var(--ice)}.mock-flow b{color:var(--silver)}.inline-invitation{background:#161f226b;border-color:#4c6c764d;box-shadow:none}.inline-invitation strong{color:var(--ice)}.workflow-demo,.evolution{border-color:#4c6c765c}.evolution{background:linear-gradient(135deg,#161f22,#161f22);box-shadow:0 20px 50px #080c0d20}.demo-bar{border-color:#4c6c7626;color:var(--ice)}.demo-label,.demo-foot{color:var(--muted)}.evolution-scene,.concept-scene{background:#161f22;color:var(--ice);border:1px solid #4c6c7650}.scene-heading{color:var(--ice)}.scene-heading small{color:var(--silver)}.scene-title{color:var(--ice)}.wire-line{background:#4c6c76}.wire-grid span{background:#203036;border-color:#4c6c766b;color:var(--ice)}.design-note{color:var(--silver)}.scene-mobile-note{background:#203036;color:var(--ice)}.delivery-line{border-color:#4c6c7626;color:var(--muted)}.delivery-line span:before{background:var(--silver)}.approach-stages li>span,.approach-stages li:nth-child(2)>span{background:#161f22;border-color:#4c6c76;color:var(--ice)}.approach-stages li:not(:last-child):before{background:linear-gradient(#4c6c76,#4c6c76)}.ai-note{background:#161f2244;border-color:#4c6c76;color:var(--muted)}.project-type,.project-forma .project-type{color:var(--silver)}.project-features{color:var(--muted)}.project-features li:before{background:var(--slate)}.project-details,.project-details summary{color:var(--muted)}.project-details summary:hover{color:var(--ice)}.project-preview,.project-forma .forma-preview{border-color:#4c6c765c}.personal-note{border-color:#4c6c7626}.personal-note strong{color:var(--ice)}form{background:#161f22;border-color:#4c6c765c;box-shadow:0 20px 50px #080c0d25}label{color:var(--ice)}label>span{color:var(--silver)}input,select,textarea{background:#242b36;border-color:#4c6c7666;color:var(--ice)}input::placeholder,textarea::placeholder{color:#4c6c76}.form-note{color:var(--muted)}#form-result{background:#364151;border-color:#4c6c76}#form-result p{color:var(--ice)}#form-result a{color:var(--ice)}footer{background:var(--bg);border-top:1px solid #4c6c761a;color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--ice)}@media(max-width:650px){nav{background:#0c1113;border-color:#4c6c764d}.menu{background:#161f22;border-color:#4c6c7666;color:var(--ice)}.hero .secondary{background:#161f22c0}.solution-options button{border-color:#4c6c765c}.hero:before{width:330px;height:360px;right:-80px;top:55%;opacity:.025}.solutions:before,.solutions:after{opacity:.02}.studio:before{opacity:.02}.contact:before,.contact:after{opacity:.02}}

/* Requested deep teal palette, with a continuous page-length colour drift. */
:root{--bg:#0C1113;--surface:#161F22;--blue-surface:transparent;--purple-surface:transparent;--blue:#4C6C76;--purple:#4C6C76;--text:#DEEAED;--muted:#DEEAEDc2;--line:#4C6C7640;--charcoal:#161F22;--dark-slate:#4C6C76;--slate:#4C6C76;--silver:#DEEAED;--ice:#DEEAED}
html{background:#0C1113}body{background:linear-gradient(180deg,#0C1113 0%,#0E1416 27%,#101719 52%,#0E1517 77%,#0C1113 100%);color:#DEEAED}main,.hero,.friction,.blue-surface,.solutions,.purple-surface,.studio,.work,.contact,footer{background:transparent}header{background:#0C1113f5}.hero:before,.friction:before,.solutions:before,.solutions:after,.studio:before,.contact:before,.contact:after{content:none;display:none}.hero-glow{display:none}.primary{background:#4C6C76;color:#DEEAED;border-color:#4C6C76;box-shadow:none}.primary:hover{background:#587b86;border-color:#587b86}.secondary,.nav-cta{background:transparent;color:#DEEAED;border-color:#4C6C76}.secondary:hover,.nav-cta:hover{background:#161F22}.blue-text,.purple-text{color:#DEEAED}em{background:none;color:#DEEAED;-webkit-text-fill-color:#DEEAED}.brand-words>span{color:#DEEAED}nav a:hover,nav a[aria-current]{color:#DEEAED}nav a[aria-current]:not(.nav-cta):after{background:#4C6C76}.solution-display,.evolution,form,.manual .flow-node,.connected .flow-node,.connected .flow-node.hub{background:#161F22;border-color:#4C6C7666;box-shadow:none}.segmented{background:#0C1113;border-color:#4C6C7640}.segmented button[aria-pressed=true],.evolution .segmented button[aria-pressed=true]{background:#4C6C76;color:#DEEAED;box-shadow:none}.solution-options button[aria-pressed=true]{background:#161F22;border-color:#4C6C76;box-shadow:inset 3px 0 #4C6C76}.solution-options button>span{color:#DEEAEDb3}.inline-invitation,.ai-note{background:#161F22;border-color:#4C6C7655}.approach-stages li>span,.approach-stages li:nth-child(2)>span{background:#161F22;border-color:#4C6C76;color:#DEEAED}.approach-stages li:not(:last-child):before{background:#4C6C76}.flow-diagram .flow-arrow{color:#4C6C76}.mock-window,.mock-body,.mock-site,.evolution-scene,.concept-scene{background:#161F22;color:#DEEAED}.mock-top,.wire-grid span,.scene-mobile-note,.status{background:#203036;color:#DEEAED}.mock-action,.mock-day-grid .selected{background:#4C6C76;color:#DEEAED}input,select,textarea{background:#0C1113;color:#DEEAED;border-color:#4C6C7666}input::placeholder,textarea::placeholder{color:#DEEAED99}label,label>span,.closing-line,.project-type,.project-forma .project-type{color:#DEEAED}.project-features li:before,.friction-list li:before,.delivery-line span:before{background:#4C6C76}#form-result{background:#161F22;border-color:#4C6C76}#form-result p,#form-result a{color:#DEEAED}.wave-art{opacity:.08}.wave-art svg{filter:none}@media(max-width:650px){nav{background:#0C1113}.menu{background:#161F22;color:#DEEAED;border-color:#4C6C76}.hero .secondary{background:#161F22}}
/* One shared alignment from navigation to footer. */
:root{--content-max:1400px;--page-gutter:clamp(24px,6vw,96px)}.site-container,.section-inner,.hero-layout{width:calc(100% - 2 * var(--page-gutter));max-width:var(--content-max);margin-left:auto;margin-right:auto}header{padding-left:0;padding-right:0;display:block}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.hero{padding:70px 0;min-height:790px}.hero-layout{position:relative;min-height:610px;display:flex;align-items:center}.hero-copy{max-width:53%}.hero-devices{right:1.5%;width:44%;height:490px;top:50%;bottom:auto;transform:translateY(-50%)}.hero h1{font-size:clamp(52px,4.6vw,76px)}footer{padding:35px 0;display:block}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.device{translate:var(--parallax-x,0px) var(--parallax-y,0px)}@media(max-width:1100px){.hero-devices{width:45%;right:1.5%;height:410px}.hero-copy{max-width:51%}.hero h1{font-size:58px}}@media(max-width:800px){.hero{min-height:0;padding:60px 0 70px}.hero-layout{display:block;min-height:930px}.hero-copy{max-width:100%}.hero-devices{width:72%;right:10%;height:360px;top:auto;bottom:30px;transform:none}.hero h1{font-size:62px}}@media(max-width:650px){header{padding:0;height:76px}.hero{padding:55px 0 60px;min-height:0}.hero-layout{min-height:900px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(42px,10.1vw,64px)}.hero-devices{width:95%;height:280px;right:2%;bottom:35px;top:auto;transform:none}.footer-inner{flex-wrap:wrap;gap:25px}.footer-inner .brand{width:45%}.footer-inner>p{width:43%}.footer-inner>span{flex:1}footer{padding:30px 0}}@media(max-width:380px){.hero-layout{min-height:930px}.hero-devices{height:255px}}@media(prefers-reduced-motion:reduce){.device{translate:0 0!important}}
/* Keep the expanded navigation comfortable at intermediate widths. */
@media(min-width:651px) and (max-width:900px){.menu{display:block;min-height:42px;padding:8px 15px;background:#161F22;border:1px solid #4C6C76;color:#DEEAED;border-radius:6px;font-size:13px}nav{display:none;position:absolute;top:87px;left:0;right:0;padding:24px var(--page-gutter);background:#0C1113;border-bottom:1px solid #4C6C7640}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}nav a{padding:4px 0}nav a[aria-current]:not(.nav-cta):after{display:none}nav .nav-cta{text-align:center;padding:12px}}
/* Independent manual jobs, revealed one at a time. */
.friction-layout{grid-template-columns:1fr 1fr;gap:8%;align-items:center}.friction-copy{grid-column:2;grid-row:1}.manual-jobs{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.job-card{position:relative;perspective:1000px;aspect-ratio:1/1;min-width:0}.job-rotator{height:100%;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,.7,.25,1)}.job-card.is-flipped .job-rotator{transform:rotateY(180deg)}.job-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:28px 24px 65px;background:#161F22;border:1px solid #4C6C7666;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:center}.job-face h3{font-size:clamp(17px,1.35vw,22px);line-height:1.4;letter-spacing:-.4px;margin:0;color:#DEEAED;max-width:240px}.job-back{transform:rotateY(180deg);background:#203036;border-color:#4C6C76}.job-flip{position:absolute;bottom:14px;right:14px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #4C6C7699;background:#0C1113;color:#DEEAED;border-radius:50%;padding:10px;transition:background .2s;z-index:2}.job-flip:hover{background:#4C6C76}.job-flip svg{width:23px;height:23px}.job-card.is-flipped .job-flip{background:#4C6C76}.job-flip:focus-visible{outline:2px solid #DEEAED;outline-offset:4px}@media(max-width:1000px){.manual-jobs{gap:14px}.job-face{padding:20px 16px 65px}.job-face h3{font-size:17px}.friction-layout{gap:5%}}@media(max-width:800px){.friction-layout{grid-template-columns:1fr;gap:32px}.friction-copy,.manual-jobs{grid-column:auto;grid-row:auto}.manual-jobs{width:100%;max-width:620px}.job-face h3{font-size:21px}.job-face{padding:25px 22px 65px}}@media(max-width:480px){.manual-jobs{gap:12px}.job-face{padding:18px 12px 58px}.job-face h3{font-size:15px;line-height:1.45}.job-flip{right:9px;bottom:9px;width:40px;height:40px;padding:9px}.job-flip svg{width:21px;height:21px}.job-card{aspect-ratio:auto;min-height:190px}}@media(prefers-reduced-motion:reduce){.job-rotator{transition:none}}
/* Full manual / digital explanations, with room for both faces. */
.job-card{aspect-ratio:auto;min-height:320px}.job-face{flex-direction:column;gap:14px;padding:28px 22px 66px}.job-way{font-size:10px;line-height:1.4;letter-spacing:1.5px;color:#DEEAEDa6}.job-face h3{font-size:20px;line-height:1.35;max-width:260px}.job-face p{font-size:16px;line-height:1.65;margin:0;color:#DEEAEDbf;max-width:270px}.job-back .job-way{color:#DEEAEDd9}@media(max-width:1100px){.job-card{min-height:350px}.job-face{padding:24px 18px 64px;gap:12px}.job-face h3{font-size:18px}.job-face p{font-size:13px}}@media(max-width:800px){.job-card{min-height:320px}.job-face h3{font-size:20px}.job-face p{font-size:16px}}@media(max-width:480px){.job-card{min-height:350px}.job-face{padding:22px 12px 60px;gap:12px}.job-way{font-size:9px;letter-spacing:1px}.job-face h3{font-size:16px;line-height:1.4}.job-face p{font-size:12px;line-height:1.65}}@media(max-width:360px){.manual-jobs{grid-template-columns:1fr}.job-card{min-height:300px}.job-face h3{font-size:20px}.job-face p{font-size:16px}}
/* Keep both card faces editorially aligned; mirror the control with its state. */
.job-face{align-items:flex-start;text-align:left}.job-face h3,.job-face p{text-align:left}.job-flip svg{transition:transform .55s cubic-bezier(.22,.7,.25,1);transform:rotateY(0deg)}.job-card.is-flipped .job-flip svg{transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.job-flip svg{transition:none}}
/* Keep small reading text consistently legible at every breakpoint. */
.friction-list li,.closing-line,.solution-options small,.solution-display>div>p,.solution-outcome,.approach-stages p,.ai-note,.demo-foot,.demo-label,.project-features,.project-details,.project-details summary,.personal-note p,.personal-note span,form label,.form-note,.job-face p,footer,footer p,.delivery-line,.design-note,.scene-mobile-note{font-size:16px;line-height:1.65}.project-copy>p:not(.project-type){font-size:16px}.solution-options small{line-height:1.5}.job-face p{font-size:16px}.job-card{min-height:350px}@media(max-width:650px){.friction-list li,.closing-line,.solution-options small,.solution-display>div>p,.solution-outcome,.approach-stages p,.ai-note,.demo-foot,.demo-label,.project-features,.project-details,.project-details summary,.personal-note p,.personal-note span,form label,.form-note,.job-face p,footer,footer p,.delivery-line,.design-note,.scene-mobile-note{font-size:16px}.solution-options button{min-height:114px}.delivery-line{flex-wrap:wrap;justify-content:flex-start;gap:10px 18px}}@media(max-width:480px){.job-card{min-height:390px}.job-face p{font-size:16px;line-height:1.6}}@media(max-width:360px){.job-card{min-height:320px}}

/* Extra room for the 16px card descriptions. */
.job-card{min-height:390px}@media(max-width:480px){.job-card{min-height:450px}}@media(max-width:360px){.job-card{min-height:350px}}

/* Let the taller face set each row's height instead of reserving empty space. */
.job-card{min-height:0;aspect-ratio:auto}.job-rotator{display:grid;height:100%}.job-face{position:relative;grid-area:1/1;inset:auto;justify-content:flex-start;gap:12px;padding:22px 22px 70px;min-width:0}.job-face h3,.job-face p{max-width:none}.friction-list li{border:0}.wave-art{display:none}@media(max-width:480px){.job-card{min-height:0}.job-face{padding:18px 12px 60px;gap:10px}}@media(max-width:360px){.job-card{min-height:0}.job-face{padding:20px 20px 64px}}

/* Real interfaces illustrate each solution. */
.solution-navigation{min-width:0}.solution-contact{margin-top:24px}.solution-display{justify-content:flex-start;gap:24px;min-width:0}.solution-shot{margin:0;min-width:0}.solution-shot>a{display:block;overflow:hidden;border:1px solid #4C6C7666;border-radius:8px}.solution-shot img{width:100%;height:auto;aspect-ratio:1280/850;display:block;object-fit:cover;object-position:top}.solution-shot figcaption{padding-top:14px;font-size:16px;line-height:1.6}.solution-shot figcaption a{color:#DEEAED;text-decoration:underline;text-underline-offset:4px}.solution-shot figcaption span{display:block;color:#DEEAED99;margin-top:4px}.solution-shot a:focus-visible{outline:2px solid #DEEAED;outline-offset:4px}@media(max-width:650px){.solution-contact{margin-top:20px}.solution-display{gap:20px}}