/* Refinement layer: shared brand tokens, calmer hierarchy, deliberate states. */
:root{--gutter:clamp(24px,5vw,80px)}
body{font-size:17px}h1,h2{font-weight:550;letter-spacing:-.05em}.eyebrow{font-size:11px;letter-spacing:.045em;color:var(--muted)}
.button{min-height:44px;padding:10px 16px;gap:17px;font-size:14px;border-radius:8px;box-shadow:-2px 3px 0 var(--ink);line-height:1.45}.button span{font-size:17px}.button:active{transform:translate(-2px,3px)}.text-link{font-size:13px;gap:15px;min-height:44px}.text-link img{height:17px;width:17px}.quiet-link{font-size:13px}.hero-actions{gap:24px;margin-top:30px}
.header{height:132px;display:grid;grid-template-columns:156px 1fr auto;align-items:center;gap:24px;border-bottom:1px solid #17252216}.brand-mark{width:156px;margin:0;align-self:start;display:block;position:relative;height:132px}.brand-mark img{width:180px;max-width:none;margin:-14px 0 0 -25px}.header>nav:not(#mobile-nav){padding:0;justify-content:center;gap:32px;align-items:center}.header>nav a{font-size:13px;font-weight:500;position:relative}.header>nav a:after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;transform:scaleX(0);transform-origin:left;background:var(--ink);transition:transform var(--ct-motion-transition) var(--ct-ease-settle)}.header>nav a.is-current:after{transform:scaleX(1)}.nav-contact{font-size:13px;padding:10px 16px;border:1px solid var(--ink);border-radius:8px;display:flex;align-items:center;gap:24px;min-height:44px}.nav-contact span{font-size:17px}.hero{min-height:760px;max-width:1760px}.hero-layout{grid-template-columns:1.12fr 1fr;gap:5vw;padding:40px 0 46px}.hero h1{font-size:clamp(58px,6.3vw,96px);line-height:1.04;margin:24px 0}.hero-copy>p{font-size:clamp(18px,1.45vw,22px);line-height:1.6;max-width:390px}.hero-baseline{font-size:12px;padding:18px 0;color:var(--muted)}.hero-baseline>span{font-weight:500}.hero-baseline p{font-size:12px}.hero-baseline>a{font-size:18px;min-height:44px;display:grid;align-items:center}
.hero-art{display:block;transform:none;padding:24px 25px 19px;background:radial-gradient(ellipse at 85% 15%,#ddd4f1a6,transparent 55%),radial-gradient(ellipse at 20% 30%,#c8ddf2b0,transparent 70%),linear-gradient(150deg,#f7f9f3,#dcecdf);border:1px solid #ffffffdd;box-shadow:inset 0 0 0 5px #ffffff40,inset 0 1px 8px white,0 22px 65px #34473e0c;border-radius:26px;position:relative;isolation:isolate}.hero-art:after{content:'';position:absolute;inset:8px;border:1px solid #ffffff88;border-radius:19px;pointer-events:none}.desk-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px var(--mono);position:relative;z-index:1}.desk-title{display:flex;align-items:center;gap:7px}.desk-title i{width:5px;height:5px;border-radius:50%;background:var(--ink)}.desk-state{font:10px var(--ct-font-body);color:var(--muted)}.desk-visual{height:235px;position:relative;margin:14px -10px 6px}.desk-visual canvas{height:100%;width:100%;display:block}.source-tag{position:absolute;font-size:10px;color:#4f6358;border:1px solid #fff;background:#f5f8f0d9;padding:6px 9px;border-radius:6px;box-shadow:0 4px 12px #17252208;pointer-events:none}.tag-one{top:30%;left:1%}.tag-two{right:0;top:16%}.tag-three{bottom:12%;right:3%}.desk-results{display:grid;gap:8px;position:relative;z-index:1}.desk-results>div{display:flex;gap:10px;align-items:center;padding:11px 12px;font-size:12px;background:#f9fbf4bd;border:1px solid #fff9;border-radius:8px;box-shadow:0 3px 8px #17252204}.desk-result-icon{width:19px;height:19px;border-radius:5px;display:grid;place-items:center;background:var(--signal);font-size:11px}.desk-results small{font-size:7px;margin-left:auto;color:var(--muted)}.desk-foot{display:flex;justify-content:space-between;gap:10px;font:7px var(--mono);color:var(--muted);margin-top:17px}
.possibilities,.approach{padding-block:88px}.intro-head{display:grid;grid-template-columns:1.2fr 1fr;column-gap:8vw;align-items:end}.intro-head>.eyebrow{grid-column:1/-1;margin-bottom:20px}.intro-head h2{font-size:clamp(38px,4vw,61px);margin:0}.intro-head>p{font-size:17px;line-height:1.65;max-width:420px;padding-bottom:3px}.service-index{margin-top:42px}.service-index a{font-size:15px;padding-block:19px;transition:background var(--ct-motion-press)}.service-frame{max-height:none;min-height:680px}.section-rail{font-size:10px;letter-spacing:.04em}.section-rail>span:empty{display:none}.service-copy h2{font-size:clamp(40px,3.8vw,60px);line-height:1.08}.service-copy>p{font-size:16px;line-height:1.65;max-width:350px;margin:22px 0 17px}.steps{gap:12px;margin-top:30px}.steps li{font-size:12px;line-height:1.5;opacity:.64;transition:opacity var(--ct-motion-press)}.steps li.active{opacity:1}.steps span{background:none!important;box-shadow:none!important;border:1px solid #17252230;border-radius:4px;display:grid;place-items:center;min-width:24px;height:24px;font-size:9px}.steps li.active span{border-color:var(--ink);background:var(--signal)!important}.marketing-section .steps span{border-color:#ffffff40}.marketing-section .steps li.active span{border-color:var(--signal)}.demo-caption{font-size:9px;letter-spacing:.015em}.scroll-cue{font-size:8px}.service-layout{gap:5vw}.section-progress{height:2px;background:#1725220c}.section-progress i{background:#6b8364}.itinerary-book{transform:rotate(-1deg)}.mini-doc{transform:rotate(-2deg)}.invoice{transform:rotate(2deg)}.enquiry-card{transform:rotate(1deg)}.beyond{padding-block:88px}.beyond h2{font-size:clamp(41px,4vw,61px)}.beyond-list article{padding:26px 0}.beyond-list h3{font-size:26px}.beyond-list p{font-size:16px;line-height:1.65}.beyond-list .text-link{font-size:13px}.signal-section{padding:36px 42px 27px;max-width:1600px}.signal-top h2{font-size:clamp(35px,3.9vw,57px)}.signal-top>p{font-size:16px;line-height:1.65}.matrix-wrap{height:clamp(180px,21vw,300px)}.signal-bottom{font-size:9px;letter-spacing:.03em}.approach-grid{gap:42px;margin-top:46px}.step-key{width:49px;height:41px;font-size:16px;border-radius:8px;box-shadow:-2px 3px var(--ink)}.approach-grid h3{font-size:24px;margin:25px 0 15px}.approach-grid p{font-size:16px;line-height:1.7}.faq{padding-top:32px;padding-bottom:85px;grid-template-columns:1fr 1.15fr}.faq h2{font-size:40px}.faq summary{font-size:16px;line-height:1.5}.faq details p{font-size:15px;line-height:1.7}.contact{padding-block:85px;gap:8vw}.contact h2{font-size:clamp(42px,4vw,61px)}.contact-copy>p{font-size:17px;line-height:1.65}.contact-form-wrap{padding:30px}.form-step label{font-size:13px}.form-step input,.form-step textarea{min-height:46px;padding:10px 12px}.form-step .button{min-height:44px;padding:10px 15px}.form-top{margin-bottom:20px;padding-bottom:18px}.form-step legend{font-size:26px}.preview-disclosure{font-size:12px}.footer{padding-top:45px}.footer-name{font-size:clamp(44px,8.6vw,134px);padding-bottom:28px}.footer>p{font-size:10px}
@media(hover:hover) and (pointer:fine){.header>nav a:hover:after{transform:scaleX(1)}.nav-contact:hover{background:var(--signal)}.service-index a:hover{background:#17252206}.button:hover{background:#c9ed56}.text-link:hover{border-bottom-width:2px}}
@media(min-width:1000px) and (min-height:680px){.hero{height:100svh;min-height:680px;max-height:1000px}.hero-layout{min-height:0;flex:1;padding:24px 0}.hero-art{max-height:100%}.desk-visual{height:clamp(155px,24svh,260px)}.hero h1{font-size:clamp(58px,6.2vw,96px)}}
@media(min-width:1000px) and (max-height:760px){.header{height:116px}.brand-mark{height:116px}.brand-mark img{margin-top:-22px}.hero-layout{padding:20px 0}.hero h1{font-size:5.9vw}.hero-art{padding:20px 23px 15px}.desk-visual{height:145px;margin-top:12px}.desk-results{gap:6px}.desk-results>div{padding:9px 12px}.hero-baseline{padding-block:9px}.service-copy h2{font-size:3.55vw}.service-copy>p{font-size:15px;margin:18px 0 12px}.service-layout{padding-top:18px;padding-bottom:14px}.steps{margin-top:21px;gap:9px}.demo{height:410px}}
@media(max-width:999px){.hero{min-height:0}.hero-layout{grid-template-columns:1fr 1fr;padding-block:38px;gap:26px}.hero h1{font-size:6.2vw}.hero-copy>p{font-size:17px}.hero-copy .eyebrow{font-size:9px}.hero-actions{gap:14px}.hero-actions .button{font-size:13px;padding:10px 13px;min-height:44px}.hero-art{padding:20px 17px 16px}.desk-visual{height:190px}.desk-state{display:none}.desk-results>div{font-size:11px;padding:10px}.desk-results small{display:none}.desk-foot{font-size:6px}.intro-head{gap:25px;grid-template-columns:1.2fr 1fr}.intro-head h2{font-size:41px}.intro-head>p{font-size:16px}.service-copy h2{font-size:43px}.service-copy>p{max-width:none;font-size:16px}.service-layout{padding-top:32px}.service-frame{min-height:0}.contact h2{font-size:44px}}
@media(max-width:640px){.header{height:123px;grid-template-columns:148px 1fr;gap:16px;position:relative}.brand-mark{height:123px;width:148px}.brand-mark img{margin-top:-17px;margin-left:-24px}.nav-contact{display:none}.menu-button{justify-self:end;align-self:center;margin:0;padding:8px 12px;display:flex;align-items:center;gap:14px;min-height:44px;font-size:12px;background:transparent}.header #mobile-nav{top:102px;left:0;right:0;min-width:0;padding:18px 22px;border:1px solid var(--line);box-shadow:0 12px 30px #17252212;gap:2px}.header #mobile-nav a{min-height:44px;font-size:15px}.hero-layout{grid-template-columns:1fr;padding:31px 0;gap:32px}.hero-copy .eyebrow{font-size:10px}.hero h1{font-size:clamp(43px,10.6vw,65px);margin:22px 0}.hero-copy>p{font-size:18px}.hero-actions{gap:20px;margin-top:26px}.hero-actions .button{font-size:13px;padding:10px 14px;min-height:44px}.quiet-link{font-size:12px}.hero-art{margin:0;transform:none;padding:21px 21px 16px;border-radius:23px}.desk-top{font-size:9px}.desk-state{display:block;font-size:9px}.desk-visual{height:205px}.desk-results>div{font-size:12px;padding:11px}.desk-results small{display:block;font-size:7px}.desk-foot{font-size:7px}.hero-baseline{gap:3px;padding-block:16px}.hero-baseline p{font-size:11px}.hero-baseline>a{top:16px}.intro-head{display:block}.intro-head>.eyebrow{margin-bottom:20px}.intro-head h2{font-size:36px}.intro-head>p{font-size:16px;margin-top:22px;max-width:none}.possibilities,.approach,.beyond{padding-block:62px}.service-index{margin-top:29px}.service-index a{font-size:13px;padding-block:16px}.service-copy h2{font-size:37px;max-width:13ch}.service-copy h2 br{display:none}.service-copy>p{font-size:16px;line-height:1.65;margin:19px 0 10px}.steps{margin-top:20px;gap:8px}.steps li{font-size:12px}.section-rail{font-size:10px}.service-frame{padding-bottom:34px}.service-layout{gap:25px}.signal-section{padding:29px 22px 24px}.signal-top h2{font-size:38px}.signal-top>p{font-size:15px}.signal-bottom{font-size:8px}.signal-bottom>span:first-child{max-width:175px}.matrix-wrap{height:165px}.approach-grid{gap:32px;margin-top:37px}.approach-grid h3{font-size:25px;margin-top:23px}.approach-grid p{font-size:16px}.faq{padding-bottom:57px}.faq h2{font-size:37px}.contact{padding-block:59px;gap:29px}.contact h2{font-size:40px;margin-block:25px}.contact-copy>p{font-size:16px}.contact-form-wrap{padding:24px}.footer-name{font-size:10vw}.footer>div{gap:17px}.footer>p{font-size:9px}}
@media(max-width:340px){.header{grid-template-columns:140px 1fr;gap:5px}.menu-button{padding:8px 10px;gap:8px}.hero h1{font-size:38px}.hero-copy .eyebrow{font-size:9px}.hero-copy>p{font-size:16px}.hero-actions{gap:8px}.hero-art{padding-inline:17px}.desk-state{display:none}.desk-visual{height:180px}.source-tag{font-size:9px;padding:5px 7px}.desk-results small{display:none}.desk-foot{font-size:6px}.intro-head h2,.service-copy h2{font-size:33px}.contact h2{font-size:34px}.service-index a{font-size:11px}.signal-top h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.steps li{opacity:1}.source-tag{opacity:0}.desk-results>div{opacity:1}.desk-result-icon{opacity:1}.header>nav a:after{transition:none}}
/* Campaign detail receives more width than the simpler document scenes. */
@media(min-width:1000px){.marketing-section .service-layout{grid-template-columns:.72fr 1.5fr;gap:4vw}.marketing-section .service-copy>p{max-width:320px}}
@media(min-width:641px){#mobile-nav{display:none!important}}
@media(min-width:641px) and (max-width:800px){.header{grid-template-columns:148px 1fr;height:123px}.header>nav:not(#mobile-nav),.nav-contact{display:none}.menu-button{display:flex;justify-self:end;align-self:center;margin:0;gap:14px;min-height:44px;padding:8px 13px;font-size:13px;border:1px solid var(--ink);border-radius:7px;background:transparent}.header #mobile-nav:not([hidden]){display:flex!important;position:absolute;top:102px;left:0;right:0;z-index:20;padding:18px 22px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #17252212;flex-direction:column;gap:2px}.header #mobile-nav a{min-height:44px;font-size:15px}.brand-mark{height:123px}.brand-mark img{margin-top:-17px}}
@media(max-width:640px){.marketing-section .service-copy h2 br{display:initial}.marketing-section .service-copy h2{font-size:clamp(34px,9vw,45px);max-width:12ch}.marketing-section .service-copy>p{font-size:17px;line-height:1.65}.marketing-section .steps li{font-size:13px}.marketing-section .steps span{font-size:11px}}