/* Paper White / Ink Black / Cornflower Blue */
:root{--paper:#FFFFFF;--black:#050505;--blue:#548CFF;--ink:var(--black);--text:var(--black);--muted:#55565B;--teal:var(--black);--teal-dark:var(--black);--mint:#EDF3FF;--line:#DFE1E6;--wash:#F7F9FD;--white:var(--paper);--violet:#EDF3FF;--radius:8px}
body{background:var(--paper);color:var(--black)}
::selection{background:var(--blue);color:var(--black)}
:focus-visible{outline:2px solid var(--black);outline-offset:5px}
.section-wrap{max-width:1320px;padding-inline:40px}
.section-space{padding-block:100px}
.site-header{background:rgb(255 255 255 / .96);border-color:var(--line);backdrop-filter:blur(16px)}
.site-header.scrolled{box-shadow:0 8px 25px #05050505}
.nav-wrap{max-width:1440px;min-height:88px;padding:18px 40px}
.site-header .brand-crop{width:250px}
.brand-crop{aspect-ratio:2040/340;background:var(--black);-webkit-mask-image:url('./digital-trekker-logo.png');mask-image:url('./digital-trekker-logo.png');-webkit-mask-size:106.4706% auto;mask-size:106.4706% auto;-webkit-mask-position:75.758% 52.083%;mask-position:75.758% 52.083%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.brand-crop img{opacity:0;filter:none}
#navigation{gap:30px;font-size:12px}
#navigation>a:not(.button):after{background:var(--blue);height:3px}
.button,.offer-cta.button-outline{border-radius:4px;background:var(--blue);color:var(--black);border:1px solid var(--blue);font-weight:700;padding:16px 23px;box-shadow:0 2px 0 #0505050a;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.button:hover,.offer-cta.button-outline:hover{background:var(--black);border-color:var(--black);color:var(--paper);transform:translateY(-2px);box-shadow:0 6px 15px #05050515}
.button-small{min-height:44px;padding:11px 18px;font-size:12px}
.button-outline{background:transparent;color:var(--black);border-color:#B7BBC5}
.text-link{font-weight:600;gap:12px}
.text-link:hover{color:var(--black);text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:6px;text-decoration-thickness:2px}
.status-dot{width:6px;height:6px;background:var(--blue);border-radius:1px}
.eyebrow{font-size:10px;letter-spacing:.16em}.section-heading .eyebrow{color:var(--black)}

/* An editorial headline leads into tangible previews of the work. */
.hero{grid-template-columns:1fr;gap:44px;padding-top:66px;padding-bottom:50px;min-height:0}
.hero-copy{display:grid;grid-template-columns:1.1fr .9fr;gap:22px 70px;max-width:none}
.hero .eyebrow{grid-column:1/-1;margin:0 0 4px;font-size:9px}
.hero h1{grid-column:1/-1;font-size:clamp(58px,7.7vw,110px);line-height:1.04;letter-spacing:-.065em;font-weight:550;margin:0 0 9px}
.word-accent{color:var(--blue);white-space:normal}.word-accent:after{display:none}
.hero-intro{grid-column:1;grid-row:3;font-size:20px;line-height:1.5;font-weight:450;letter-spacing:-.035em;margin:0}
.hero-description{grid-column:2;grid-row:3 / span 2;font-size:14px;line-height:1.9;max-width:385px;justify-self:end;align-self:center;color:var(--muted)}
.hero-actions{grid-column:1;grid-row:4;gap:24px;margin:0;flex-wrap:wrap}
.hero-actions .text-link{font-size:12px}
.hero-notes{grid-column:1/-1;margin:0;gap:18px;font-size:10px;color:#5A5C63}
.hero-notes svg{color:var(--black)}
.hero-art{margin:0;height:420px;width:100%;max-width:none;border-radius:7px;background:linear-gradient(180deg,#FFF 5%,#F6F9FF);border:1px solid #DCE3F2;overflow:hidden;isolation:isolate}
.hero-art:before{display:none}.art-orbit{display:none}
.route-landscape{position:absolute;inset:auto 0 0;width:100%;height:100%;stroke:none;z-index:0;pointer-events:none}
.art-label{top:22px;left:26px;font-size:8px;color:#4B556A;z-index:2}
.dashboard{left:auto;right:35px;top:43px;width:55%;transform:rotate(-2deg);z-index:1;transition:transform .6s var(--ease)}
.mini-website{left:36px;bottom:31px;width:43%;transform:rotate(2deg);transition:transform .6s var(--ease)}
.mini-content h3{font-size:clamp(25px,3vw,40px)}
.float-note{right:35px;bottom:22px;transform:none;padding:13px 17px;border-radius:6px}
.art-caption{left:26px;bottom:11px;font-size:6px;color:#56617A;z-index:3}
@media(hover:hover){.hero-art:hover .dashboard{transform:translateY(-5px) rotate(-1deg)}.hero-art:hover .mini-website{transform:translateY(-3px) rotate(1deg)}}
.benefits{font-size:11px;padding-block:25px;gap:15px;border-color:var(--line)}.benefits svg{color:var(--black);width:19px;height:19px}

.solutions .centered{text-align:left;max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:0 60px}
.solutions .centered .eyebrow{grid-column:1/-1;justify-content:flex-start}
.solutions .section-heading h2{font-size:clamp(34px,4vw,54px);font-weight:550;margin-bottom:0}
.solutions .section-heading>p:not(.eyebrow){align-self:end;max-width:420px;font-size:14px}
.offer-grid{margin-top:46px;counter-reset:offer}
.offer{background:var(--paper);border:1px solid #D9DEE8;border-radius:7px;box-shadow:none;counter-increment:offer;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.offer:after{content:'0' counter(offer);position:absolute;right:22px;top:25px;font-size:10px;font-family:monospace;color:#6B7280}
.offer:hover{border-color:var(--blue);box-shadow:0 14px 30px #05050508;transform:translateY(-5px)}
.offer-icon,.offer-featured .offer-icon{background:#EDF3FF;color:var(--black);border:1px solid #DCE7FF;border-radius:5px}
.offer h3{font-weight:600;letter-spacing:-.045em}
.offer-featured{background:linear-gradient(160deg,#F2F6FF,var(--paper) 65%);border:1px solid var(--blue);box-shadow:none}
.offer-ribbon{background:var(--black);color:var(--paper);border-radius:3px;font-size:8px;padding:5px 12px;letter-spacing:.08em}
.offer .offer-cta{border-radius:4px;padding:12px 8px;min-height:46px}
.feature-list li:before{border-color:var(--black)}.offer-foot{border-color:var(--line)}
.quote-note{margin-top:30px}.quote-note a{color:var(--black);text-decoration-color:var(--blue);text-decoration-thickness:2px}

.possibilities{background:#F7F9FD;border-block:1px solid var(--line)}
.section-heading h2{font-weight:550}.section-heading>p,.section-heading.split>p{font-size:14px}
.showcase-tabs{background:var(--paper);border:1px solid #D9DEE8;border-radius:5px;padding:5px;gap:5px}
.showcase-tabs button{border-radius:3px;transition:background .2s,color .2s}
.showcase-tabs button[aria-selected=true]{background:var(--blue);color:var(--black)}
.showcase-tabs button:hover:not([aria-selected=true]){background:#EDF3FF}
.showcase-panel{border:1px solid #D9DEE8;border-radius:7px;background:var(--paper)}
.showcase-copy h3{font-weight:550;font-size:34px}.showcase-copy .text-link{padding-bottom:5px;border-bottom:2px solid var(--blue)}
.pill{border-radius:2px;background:#EDF3FF;color:var(--black);font-size:8px}
.showcase-visual,.shop-visual,.crm-visual,.ai-visual{background:radial-gradient(ellipse at 50% 20%,#FFF,#E4EDFF)}
.example-browser{border-radius:5px;border-color:#D0DCF3;box-shadow:0 16px 32px #1E3B6C12}
.demo-label{color:#55627B}

/* A dark chapter gives the process a distinct place in the journey. */
.approach{max-width:none;background:var(--black);color:var(--paper);padding:95px max(40px,calc((100% - 1240px)/2)) 100px;--muted:#BFC2C9;--teal:var(--paper);--line:#ffffff26}
.approach .section-heading{max-width:900px}.approach .eyebrow{color:var(--paper)}
.approach h2{font-size:clamp(34px,4vw,54px);font-weight:500}
.step-number{border:1px solid #ffffff36;border-radius:4px;background:#ffffff08;color:var(--paper);width:42px;height:42px}
.steps article:hover .step-number{background:var(--blue);border-color:var(--blue);color:var(--black)}
.steps article:not(:last-child):after{border-color:#ffffff30}.steps h3{font-weight:550}.steps p{color:#BFC2C9}
.faq-section{padding-top:100px}.faq-grid details{border-color:var(--line)}
.faq-grid summary{font-size:14px}.faq-grid summary>span:before,.faq-grid summary>span:after{background:var(--black)}
.faq-grid details[open]{border-bottom-color:var(--blue)}
.contact{padding-bottom:75px}
.contact-inner{border:1px solid var(--black);border-radius:8px;background:radial-gradient(ellipse at 0% 0%,#548CFF2B,transparent 65%),var(--black);color:var(--paper);padding:55px;gap:65px}
.contact-copy>p:not(.eyebrow),.contact-note{color:#C5C8D1}.contact .status-dot{background:var(--blue)}
.contact h2{font-size:53px;font-weight:500}.contact form{background:var(--paper);color:var(--black);border:0;border-radius:6px;box-shadow:none}
.contact form h3{font-weight:600}.contact form .form-intro{color:#55565B}
.contact input,.contact select,.contact textarea{background:var(--paper);color:var(--black);border-color:#CCD0D8;border-radius:4px;font-size:12px;transition:border-color .2s,box-shadow .2s}
.contact input::placeholder,.contact textarea::placeholder{color:#6A6E77}
.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--black);box-shadow:0 0 0 3px #548CFF26}
.contact form .button{border-radius:4px}.contact .form-note{color:#5F636D}.form-status{color:var(--black)}
.footer-top{padding-top:5px;border-color:var(--line)}.footer-top .brand-crop{width:220px}.footer-bottom{color:#5A5E67}

/* Recolour the illustrations without introducing another brand accent. */
.mock-window,.float-note,.kanban,.workflow-step{color:var(--black);--text:var(--black);--teal:var(--black);--muted:#55565B;--mint:#EDF3FF;--line:#DFE1E6;background:var(--paper)}
.mock-window,.float-note{border-color:#D7DFEE;box-shadow:0 18px 36px #14213D13}
.window-top,.mock-sidebar,.example-address{background:#F7F9FD;color:#606B7E;border-color:#E3E8F1}
.window-dots i,.window-dots i:first-child,.window-dots i:nth-child(2),.window-dots i:nth-child(3){background:#BCC7DA}
.mock-monogram span,.mock-sidebar>svg.active{color:var(--black)}.mock-sidebar>svg{color:#8893A6}
.mock-avatar,.mock-stats>div,.mock-stats small,.task-check,.note-icon{background:#EDF3FF;color:var(--black)}
.mock-period,.mock-stats>div,.chart-card{border-color:#DDE4F1}.mock-overline,.mock-stats>div>span,.chart-legend,.chart-axis{color:#667085}
.mock-head h3>span{color:var(--black)}.chart-grid{background:repeating-linear-gradient(to top,#E4EAF4 0px,#E4EAF4 1px,transparent 1px,transparent 27px)}
.mini-website,.atelier-demo,.shop-demo{background:var(--paper);color:var(--black)}
.mini-button,.atelier-body i{background:var(--black);color:var(--paper)}
.vase-scene,.architecture-art,.product-art,.product-two{background:#EDF3FF}
.vase,.leaf,.stem,.arch,.table-top,.table-leg,.little-vase,.product-one span,.product-two span{background:var(--blue)}
.arch{box-shadow:inset 15px 0 0 #ffffff45}.arch-shadow{background:#ffffff66}.product-one span{box-shadow:inset 0 6px 0 #05050524}.product-one span:after{border-color:var(--blue)}.product-two span{box-shadow:inset -20px 0 0 #05050517}
.atelier-body p,.atelier-bottom,.shop-demo>p,.shop-products>div>span{color:#596577}.atelier-bottom{border-color:#DDE4EF}
.kanban{background:#F7F9FD;border-color:#D4DFF3;box-shadow:0 16px 32px #14213D0D}
.kanban-cols h4>span,.kanban-card small{background:#EDF3FF;color:var(--black)}.kanban-card{background:var(--paper);border-color:#DFE6F1}.kanban-card p{color:#5F6B7D}
.project-dot,.project-dot.blue,.progress i{background:var(--blue)}.progress{background:#DFE7F5}
.workflow-label{color:#52617D}.workflow-step,.workflow-active{background:var(--paper);border-color:#D2DFF5;box-shadow:0 6px 20px #14213D08;border-radius:5px}
.workflow-step>span,.workflow-active>span{background:#EDF3FF;color:var(--black)}.workflow-active{border-color:var(--blue)}.workflow-step>i{color:#5F6B7D}.flow-line{background:#A8C2F5}
.reveal-pending{opacity:0;transform:translateY(18px)}.is-revealed{opacity:1;transform:translateY(0);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:var(--reveal-delay,0ms)}

@media(min-width:1160px){.offer-grid{gap:18px}.offer{padding:28px 22px}.offer h3{font-size:25px}.offer-description{min-height:96px}}
@media(max-width:1100px){.site-header .brand-crop{width:220px}.hero-copy{column-gap:35px}.hero h1{font-size:84px}.hero-art{height:400px}.dashboard{width:58%;right:25px}.mini-website{left:25px;width:44%}.mini-content h3{font-size:29px}}
@media(max-width:850px){.section-wrap{padding-inline:26px}.nav-wrap{padding:16px 26px;min-height:78px}.site-header .brand-crop{width:220px}.menu-toggle{background:var(--paper);border-color:#CDD4E0;border-radius:4px}.menu-toggle span{background:var(--black)}#navigation{background:var(--paper);border-color:var(--line);gap:7px;padding-inline:26px}.hero{padding-top:45px;gap:35px}.hero-copy{grid-template-columns:1fr;gap:18px}.hero h1{font-size:76px}.hero-description{grid-column:1;grid-row:auto;max-width:550px;justify-self:start;font-size:14px}.hero-intro{grid-row:auto}.hero-actions{grid-row:auto;margin-top:5px}.hero-notes{grid-row:auto}.hero-art{height:410px}.dashboard{width:65%;top:50px;right:18px}.mini-website{width:47%;left:18px;bottom:30px}.mini-content h3{font-size:25px}.float-note{right:18px;bottom:20px}.benefits{font-size:11px;gap:18px}.solutions .centered{grid-template-columns:1fr;gap:20px}.solutions .section-heading>p:not(.eyebrow){max-width:550px}.offer-featured{order:0}.section-space{padding-block:75px}.offer-grid{max-width:none}.showcase-tabs{gap:4px}.showcase-copy h3{font-size:32px}.approach{padding:75px 26px}.contact-inner{padding:35px;gap:30px}.contact h2{font-size:46px}.footer-top .brand-crop{width:195px}}
@media(max-width:540px){.section-wrap{padding-inline:22px}.nav-wrap{padding:15px 22px;min-height:73px}.site-header .brand-crop{width:212px}.hero{padding-top:35px;padding-bottom:35px;gap:30px}.hero h1{font-size:clamp(43px,10.5vw,58px);line-height:1.08;letter-spacing:-.055em;margin:0}.hero .eyebrow{font-size:7px;letter-spacing:.11em}.hero-copy{gap:19px}.hero-intro{font-size:18px;line-height:1.5}.hero-description{font-size:13px;line-height:1.85}.hero-actions{gap:16px}.hero-actions .button{font-size:13px;min-height:50px}.hero-actions .text-link{font-size:12px}.hero-notes{font-size:8px;gap:6px 10px;justify-content:flex-start}.hero-art{height:365px;border-radius:5px}.art-label{top:16px;left:14px;font-size:5px}.dashboard{width:auto;left:14px;right:14px;top:43px;transform:rotate(-2deg)}.mini-website{left:12px;bottom:20px;width:64%;transform:rotate(2deg)}.mini-content h3{font-size:19px}.float-note{right:9px;bottom:9px;padding:8px;max-width:58%;border-radius:4px}.float-note b{font-size:6px}.float-note div>span{font-size:5px}.art-caption{bottom:3px;left:12px;font-size:4px}.route-landscape{width:150%;max-width:none;left:-25%;height:100%}.benefits{font-size:9px;gap:16px 10px;padding-block:23px}.benefits svg{width:17px;height:17px}.section-space{padding-block:60px}.solutions .centered{gap:15px}.solutions .section-heading h2,.section-heading h2{font-size:36px;line-height:1.15}.solutions .section-heading>p:not(.eyebrow){font-size:13px}.offer-grid{margin-top:35px;gap:22px}.offer{padding:26px}.offer h3{font-size:27px}.offer-description{font-size:13px}.offer-icon{margin-bottom:20px}.quote-note{font-size:11px}.showcase-tabs button{padding:11px 7px;font-size:10px}.showcase-copy{padding:28px 23px}.showcase-copy h3{font-size:29px}.showcase-visual{padding:27px 16px;min-height:285px}.approach{padding:60px 22px}.approach h2{font-size:35px}.steps{gap:32px 20px}.steps h3{font-size:17px}.steps p{font-size:12px}.faq-grid summary{font-size:13px}.contact{padding-inline:14px;padding-bottom:45px}.contact-inner{padding:28px 18px;border-radius:6px}.contact h2{font-size:40px}.contact form{padding:24px 18px;border-radius:4px}.contact input,.contact select,.contact textarea{font-size:13px}.footer-top .brand-crop{width:190px}}
@media(max-width:380px){.site-header .brand-crop{width:185px}.nav-wrap{gap:16px}.hero h1{font-size:43px}.hero-notes{font-size:7px}.hero-art{height:340px}.mini-content h3{font-size:16px}.float-note{max-width:57%}.footer-top .brand-crop{width:170px}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}.is-revealed{transition:none}.hero-art:hover .dashboard,.hero-art:hover .mini-website{transform:none}.button,.offer{transition:none}}