/* Clearline: warm surfaces, navy typography and a restrained teal identity. */
:root{--ink:#182b3b;--muted:#596b78;--paper:#fafbf9;--lime:#c7eee2;--line:#dce4e6;--dark:#152b3b;--accent:#167464}
body{background:var(--paper);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.035em}h2{font-weight:600}.eyebrow{color:#536b75}
.header{background:#fafbf9;color:var(--ink);border-bottom:1px solid #e4eae7}
.mark{color:var(--accent)}.brand-small{color:#637680;letter-spacing:.13em}
nav a:hover{color:var(--accent)}nav a:not(.nav-contact)::after{background:var(--accent)}
.nav-contact{border-color:#c5d3d5;background:white;border-radius:9px}.header .nav-contact{color:var(--ink)!important}
.hero{background:radial-gradient(ellipse at 85% 35%,#e4f1ec 0,transparent 55%),#fafbf9;color:var(--ink)}
.hero .eyebrow{color:#5b7680}.hero h1 span{color:var(--accent)}.hero-copy{color:#526978}
.hero-rule{border-color:#d5e1df;color:#617680}
.button{border-radius:9px;box-shadow:0 2px 3px #182b3b08}.lime{background:var(--accent);color:white}.lime:hover{background:#115e50}.dark{background:var(--ink)}.dark:hover{background:#284757}
.hero-explorer{background:#fff;border-color:#d5e3de;box-shadow:0 12px 36px #183b2c08}
.explorer-options{background:#f0f5f2}.explorer-options button{color:#536b64}.explorer-options button[aria-pressed=true]{background:#dcefe6;color:#185e50}
.explorer-content>p{color:var(--ink)}.offer-flow{color:#536b64}.flow-line{background:#bbd5ca}.flow-line::after{background:var(--accent)}.explorer-content a{color:var(--accent);border-color:#a8c9bc}
.hero clearline-spotlight{background:radial-gradient(circle,#a6d8c630,transparent 75%);filter:blur(30px)}
.work{background:#f1f5f3}.build-showcase{border-color:#d6e2de;box-shadow:0 12px 30px #183b2c05}
.build-kicker,.build-story .eyebrow{color:#3e766b}.build-header{border-color:#e0e9e5}.build-connection{background:#f6faf8;color:#58766e}.build-connection>span:not(.connection-line){border-color:#dce7e1}.build-stage{background:#eaf2ef}.build-browser{border-color:#cfddd7}.browser-bar a{color:#246c5e}.build-story>p:not(.eyebrow){color:#536b70}.build-tasks button{border-color:#d9e3df;color:#6c837d}.build-tasks button span{color:#263f46}.build-tasks button[aria-selected=true]{background:#e0f1e9;border-color:#83b8a4}.build-tasks button:hover{border-color:#75a995}.studio-strip{color:#637980}
.services{background:#fafbf9}
.course-service-list .course-card,.course-service-list .course-card:last-child{background:radial-gradient(ellipse at right top,var(--course-glow),#fff 65%);color:var(--ink);border-color:#dce6e3;box-shadow:0 5px 18px #182b3b05}
.course-card.green{--course-glow:#e4f2eb;--course-border:#bedbce;--course-accent:#216d59}
.course-card.orange{--course-glow:#f4ede0;--course-border:#e5d9be;--course-accent:#80612c}
.course-card.blue{--course-glow:#e7eff7;--course-border:#cbd9e7;--course-accent:#416d95}
.course-header{color:#6a7c83}.course-service-list .course-card h3{color:var(--ink)}.course-service-list .course-card p,.course-service-list .course-card ul{color:#566b76}
.course-deliverables{border-color:#dde7e3}.course-footer{background:#ffffff80;border-color:#e0e8e5}.course-footer>span{color:#637781}.course-footer a{color:var(--ink);background:white;border:1px solid #d8e3df}.course-footer a:hover{background:#e1f0e9;color:#185e50}.course-service-list .course-card:hover{box-shadow:0 12px 24px #183b2c0c}
.process{background:#f0f4f2}.process-board{background:repeating-linear-gradient(transparent 0 31px,#1d485608 31px 32px)}.pinned-steps .pinned-step{box-shadow:0 8px 24px #1d485608;border-color:#dee6e2}
.step-1{--paper:#f6f0e6;--edge:#ece1ce;--ink:#8b683c}.step-2{--paper:#edf3f8;--edge:#dce7f0;--ink:#477495}.step-3{--paper:#f1eef6;--edge:#e4ddeb;--ink:#77608b}.step-4{--paper:#eaf4ee;--edge:#d4e7dc;--ink:#35745d}
.contact{background:#152b3b;color:#f6faf9}.contact h2 span{color:#a6d9c7}.contact .eyebrow{color:#a8c5c3}.contact>div>p:not(.eyebrow){color:#c5d4db}.contact .mark{color:#a6d9c7}
.contact input,.contact select,.contact textarea{background:#203c4c;border-color:#45606f;color:#f6faf9}.contact input::placeholder,.contact textarea::placeholder{color:#a9bdc7}.contact .lime{background:#c7eee2;color:#143c35}.form-note,#brief-status{color:#bcced5}
.footer{background:#152b3b;border-color:#36505e;color:#bbced4}.footer .mark{color:#a6d9c7}.menu{color:var(--ink);border-color:#c5d3d5}
.service-page .eyebrow{color:var(--accent)}.service-page+.footer{margin-top:24px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#218c79}
.scroll-enter{opacity:0;translate:0 24px;transition:opacity .65s ease var(--scroll-delay,0ms),translate .65s cubic-bezier(.2,.7,.2,1) var(--scroll-delay,0ms)}
.scroll-enter.scroll-visible{opacity:1;translate:0 0}
.course-service-list .course-card.scroll-enter,.pinned-steps .pinned-step.scroll-enter{transition:opacity .65s ease var(--scroll-delay,0ms),translate .65s cubic-bezier(.2,.7,.2,1) var(--scroll-delay,0ms),transform .25s,box-shadow .25s}
.brand .mark{display:inline-block;transform-origin:center;transition:rotate .35s cubic-bezier(.2,.8,.2,1),scale .35s cubic-bezier(.2,.8,.2,1),color .25s}
.header .brand .mark{animation:logo-arrive .9s cubic-bezier(.2,.8,.2,1) both}
.brand:hover .mark,.brand:focus-visible .mark{rotate:-10deg;scale:1.1}
@keyframes logo-arrive{0%{opacity:0;transform:translateY(7px) rotate(-24deg) scale(.75)}65%{opacity:1;transform:translateY(-2px) rotate(5deg) scale(1.06)}100%{opacity:1;transform:none}}
.hero-emblem{width:200px;margin:0 0 26px;position:relative;text-align:center}
.hero-emblem svg{display:block;width:100%;overflow:visible}
.hero-emblem>span{display:block;font-size:9px;font-weight:600;letter-spacing:.2em;color:#58756e;margin-top:4px}
.emblem-halo{fill:#e5f3ed;opacity:.6;animation:emblem-breathe 6s ease-in-out infinite}
.emblem-orbit{transform-origin:120px 120px;animation:emblem-orbit 24s linear infinite}.emblem-orbit>circle:first-child{fill:none;stroke:#aacbbf;stroke-width:1;stroke-dasharray:3 8}.orbit-dot{fill:#167464}
.emblem-core{animation:emblem-float 6s ease-in-out infinite}.emblem-core rect{fill:#fff;stroke:#cde2d8;stroke-width:1;filter:drop-shadow(0 8px 10px #173c2d12)}
.emblem-c,.emblem-slash{fill:none;stroke:url(#emblem-gradient);stroke-width:9;stroke-linecap:round;stroke-dasharray:180;animation:emblem-draw 1.8s ease both}.emblem-slash{stroke-dasharray:90;animation-delay:.25s}
.emblem-spark{stroke:#5f9e87;stroke-width:2;stroke-linecap:round;animation:emblem-breathe 6s ease-in-out infinite}
@keyframes emblem-draw{from{stroke-dashoffset:180;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes emblem-orbit{to{transform:rotate(360deg)}}
@keyframes emblem-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes emblem-breathe{0%,100%{opacity:.4}50%{opacity:.8}}
@media(max-height:760px) and (min-width:961px){.hero-emblem{width:150px;margin-bottom:18px}}
@media(max-width:960px){.hero-emblem{width:140px;margin-bottom:20px}}
@media(max-width:640px){.hero-emblem{width:110px;margin-bottom:20px}.hero-emblem>span{font-size:8px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.hero-emblem svg *{animation:none!important}}
.hero h1{font-size:clamp(38px,3.74vw,54px);line-height:1.16}
@media(max-width:960px){.hero h1{font-size:41px}}
@media(max-width:640px){.hero h1{font-size:33px}}
/* User-selected palette: #010736, #0D1C42, #22396F and #FCF1D0. */
.step-1,.step-4{--paper:#fcf1d0;--edge:#e7dab4;--ink:#22396f}.step-3{--paper:#edf0f7;--edge:#d7dfef;--ink:#22396f}
:root{--ink:#010736;--muted:#5e6478;--paper:#f8f8fc;--dark:#010736;--accent:#22396f;--lime:#fcf1d0}
.header{background:#010736;color:#f7f8ff;border-color:#ffffff16}.header .mark{color:#fcf1d0}.brand-small{color:#a5abc6}.header .nav-contact{background:#ffffff08;border-color:#ffffff35;color:#f7f8ff!important}.menu{color:#f7f8ff;border-color:#ffffff40}nav a:hover{color:#fcf1d0}nav a:not(.nav-contact)::after{background:#fcf1d0}
.hero{background:radial-gradient(ellipse at 85% 35%,#22396f35,transparent 52%),radial-gradient(ellipse at 10% 90%,#22396f18,transparent 45%),#010736;color:#f7f8ff}
.hero h1 span{color:#fcf1d0}.hero .eyebrow{color:#aab3da}.hero-copy{color:#c4cbea}.hero-rule{color:#aab3d1;border-color:#ffffff20}.hero .text-link{color:#f2f4ff}
.lime{background:#fcf1d0;color:#010736}.lime:hover{background:#fff8e4}.dark{background:#22396f;color:#fff}.dark:hover{background:#0d1c42}
.hero-explorer{background:#0d1c42;border-color:#ffffff20;box-shadow:0 18px 50px #00000020}.explorer-options{background:#010736}.explorer-options button{color:#aab5db}.explorer-options button[aria-pressed=true]{background:#22396f;color:white}.explorer-content>p{color:white}.offer-flow{color:#b8c6ea}.flow-line{background:#546590}.flow-line::after{background:#fcf1d0}.explorer-content a{color:#fcf1d0;border-color:#8e856c}
.hero clearline-spotlight{background:radial-gradient(circle,#fcf1d012,transparent 75%)}
.hero-emblem>span{color:#aab4d5}.emblem-halo{fill:#22396f;opacity:.2}.emblem-orbit>circle:first-child{stroke:#6678bb}.orbit-dot{fill:#fcf1d0}.emblem-core rect{fill:#0d1c42;stroke:#637ab1;filter:drop-shadow(0 12px 20px #00000030)}.emblem-c,.emblem-slash{stroke:#fcf1d0}.emblem-spark{stroke:#8ca2ff}
.work{background:#f0f1fa}.section-heading .eyebrow{color:#22396f}.build-showcase{border-color:#d9dcef;box-shadow:0 12px 40px #25368a08}.build-kicker,.build-story .eyebrow{color:#22396f}.build-connection{background:#f5f5ff;color:#5a6181}.build-connection>span:not(.connection-line){border-color:#d9dff3}.connection-line{background:#a9b5e3}.connection-line:after{background:#22396f}.build-stage{background:#e9edfb}.build-browser{border-color:#c9d3ec}.browser-bar a{color:#22396f}.build-story>p:not(.eyebrow){color:#59647e}.build-tasks button[aria-selected=true]{background:#22396f;border-color:#22396f;color:#cdd6ff}.build-tasks button[aria-selected=true] span{color:#fff}.build-tasks button:hover{border-color:#22396f}
.services{background:#fafaff}.course-service-list .course-card,.course-service-list .course-card:last-child{background:radial-gradient(ellipse at right top,var(--course-glow),#0d1c42 75%);border-color:#2b3657;box-shadow:0 8px 24px #01073610;color:#f7f8ff}
.course-card.green,.course-card.orange,.course-card.blue{--course-glow:#22396f;--course-accent:#fcf1d0}.course-header{color:#aeb8d3}.course-service-list .course-card h3{color:#fff}.course-service-list .course-card p,.course-service-list .course-card ul{color:#c5cde4}.course-deliverables{border-color:#ffffff1c}.course-footer{background:#01073645;border-color:#ffffff16}.course-footer>span{color:#aeb8d3}.course-footer a{background:#ffffff08;border-color:#ffffff25;color:#fff}.course-footer a:hover{background:#fcf1d0;color:#010736}
.process{background:#f0f1fa}.process-board{background:repeating-linear-gradient(transparent 0 31px,#22396f0b 31px 32px)}.step-2{--paper:#eaf0ff;--edge:#ccd9ff;--ink:#22396f}.step-4{--paper:#eff8d7;--edge:#dbe9b8;--ink:#4e6c22}.process-path path{stroke:#8e9cd2}
.contact{background:radial-gradient(ellipse at 90% 80%,#22396f30,transparent 55%),#010736}.contact h2 span{color:#fcf1d0}.contact .eyebrow{color:#a8b7eb}.contact>div>p:not(.eyebrow){color:#c1c9e1}.contact input,.contact select,.contact textarea{background:#0d1c42;border-color:#45527a}.contact input::placeholder,.contact textarea::placeholder{color:#aab4d1}.contact .lime{background:#fcf1d0;color:#010736}.form-note,#brief-status{color:#b7c0db}.footer{background:#010736;border-color:#ffffff1c;color:#aeb9d8}.footer .mark{color:#fcf1d0}
.service-page{color:#010736}.service-page .eyebrow{color:#22396f}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#6e89bb}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}.scroll-enter{opacity:1;translate:none;transition:none}.header .brand .mark{animation:none}.brand:hover .mark,.brand:focus-visible .mark{rotate:none;scale:1}.brand .mark{transition:none}}