@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--paper:#f2efe8;--ink:#101416;--blue:#12b8df;--muted:#626a6e;--line:#d6d5cf;--sans:'DM Sans',Arial,sans-serif;--display:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #00819f;outline-offset:5px}::selection{background:var(--blue);color:var(--ink)}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--paper);padding:14px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;min-height:82px;padding:16px 5%;display:flex;align-items:center;gap:30px;background:rgba(242,239,232,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand img{display:block;width:190px;height:auto}.nav{display:flex;gap:26px;margin-left:auto}.nav a{font-size:13px;color:#535b5f;padding:8px 0}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.nav a[aria-current]{box-shadow:0 2px var(--blue)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 20px;font-size:13px;font-weight:600;border:1px solid var(--ink);transition:background .2s,transform .2s}.header-cta:hover,.button:hover{transform:translateY(-2px)}.header-cta{padding:12px 16px}.button-blue{background:var(--blue);border-color:var(--blue);color:var(--ink)}.button-blue:hover{background:#63d8ef}.button-dark{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}.wrap{width:88%;max-width:1320px;margin:auto}.dark{background:var(--ink);color:var(--paper)}.eyebrow,.kicker,.tag,.number,.section-label{font:400 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}.eyebrow{color:var(--blue);display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--blue);border-radius:50%}.kicker{color:var(--muted);margin:0 0 22px}.dark .kicker{color:#a8b6bc}h1,h2,h3{font-family:var(--display);letter-spacing:-.055em}h1{font-size:clamp(46px,6.6vw,96px);line-height:1.04;font-weight:600;margin:26px 0}h2{font-size:clamp(34px,4vw,58px);line-height:1.1;font-weight:600;margin:0 0 24px}h3{font-size:25px;line-height:1.2;margin:0 0 14px;font-weight:600}p{line-height:1.75}em{font-family:Georgia,serif;font-weight:400}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 40%,#173339 0%,var(--ink) 50%)}.hero-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;padding:88px 0 78px}.hero h1 em{color:var(--blue)}.lede{font-size:18px;line-height:1.7;max-width:600px;color:var(--muted)}.dark .lede{color:#b0bec4}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.text-link{display:inline-block;font-size:13px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link span{margin-left:15px}.hero-note{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px;color:#a8b6bc;font-size:11px}.hero-note span:before{content:'✓';color:var(--blue);margin-right:7px}.hero-foot{padding:20px 0;display:flex;justify-content:space-between;border-top:1px solid #354044;color:#a8b6bc;font:10px var(--mono);letter-spacing:.06em}.system-panel{border:1px solid #435256;border-radius:10px;background:#172024;box-shadow:0 25px 80px #0005;padding:25px;transform:rotate(-2deg)}.panel-head{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:#b2c5cc;border-bottom:1px solid #354044;padding-bottom:20px}.panel-head b{color:var(--blue);font-weight:400}.flow-node{background:#202d32;border:1px solid #3c5058;border-radius:5px;padding:18px;display:flex;align-items:center;gap:14px}.flow-node .icon{display:grid;place-items:center;color:var(--blue);border:1px solid #45606b;width:36px;height:36px;font:14px var(--mono)}.flow-node b{font-size:13px;font-weight:500}.flow-node small{display:block;color:#a9bcc4;font-size:11px;margin-top:5px}.flow-line{height:28px;border-left:1px dashed #4b8494;margin-left:35px}.flow-stack{padding:25px 0}.flow-result{display:flex;gap:8px}.flow-result span{background:#183e44;color:#b9e8ee;padding:10px 12px;font:10px var(--mono);flex:1;text-align:center}.panel-foot{font:9px var(--mono);color:#a8b6bc;padding-top:18px;line-height:1.6}.section{padding:95px 0}.section-label{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);margin-bottom:45px}.dark .section-label{border-color:#354044;color:#a8b6bc}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.split p{color:var(--muted);margin-top:0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section-heading h2{margin:0}.section-heading p{max-width:430px;color:var(--muted);margin:0}.service-list{border-top:1px solid var(--line);margin-top:35px}.service-row{display:grid;grid-template-columns:60px 1fr 1fr 30px;align-items:start;gap:25px;padding:32px 0;border-bottom:1px solid var(--line)}.service-row h3{margin:0}.service-row p{margin:0;color:var(--muted);font-size:14px}.service-row:hover h3{color:#00768f}.number{color:var(--muted)}.arrow{font-size:22px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{display:block;border-bottom:1px solid var(--line);padding-bottom:25px}.project-card h3{font-size:25px;margin:18px 0 10px}.project-card p{color:var(--muted);font-size:14px;margin:0 0 18px}.project-card:hover .project-visual{border-color:#00819f}.project-visual{height:245px;border:1px solid #bfc9c9;padding:24px;background:#e2e8e5;overflow:hidden;transition:border-color .2s}.project-visual.sales{background:#dce9e8}.project-visual.docs{background:#e6e2db}.project-visual.ops{background:#dce3eb}.mock-top{font:9px var(--mono);display:flex;justify-content:space-between;border-bottom:1px solid #b5c3c6;padding-bottom:13px;margin-bottom:19px;color:#40585c}.mock-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mock-column{border:1px solid #c0cecd;padding:10px;background:#f5faf888;min-height:150px}.mock-column b{font:9px var(--mono);color:#446367}.mock-item{height:34px;margin-top:12px;background:#fff;border-left:3px solid #079bb4;padding:8px;font:8px var(--mono);color:#53686b}.mock-doc{display:grid;grid-template-columns:.9fr 1fr;gap:16px}.paper-sheet{background:#fff;padding:15px;height:155px;box-shadow:0 5px 10px #0001;font:9px var(--mono)}.paper-sheet i{display:block;height:4px;background:#cbd2d3;margin:13px 0;width:80%}.data-fields{font:9px var(--mono);padding:8px 0}.data-fields span{display:block;border-bottom:1px solid #c3c6bd;padding:10px 0}.data-fields b{color:#00768f;display:block;margin-top:5px;font-weight:400}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-stats span{padding:12px 6px;background:#ffffff99;font:8px var(--mono);color:#425a6b}.mock-stats b{display:block;font:20px var(--display);margin-top:8px;color:#1d3a4a}.mock-chart{display:flex;align-items:end;justify-content:space-around;height:90px;gap:10px;margin-top:18px;border-bottom:1px solid #a2b4c4}.mock-chart i{width:22px;background:#23859f;height:var(--height)}.tag{display:inline-block;color:#42656c;font-size:9px}.project-meta{display:flex;justify-content:space-between;align-items:center}.concept-note{font-size:13px;color:var(--muted);border-left:2px solid var(--blue);padding:4px 0 4px 16px;margin:25px 0}.process{background:#e8e5de}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.step{border-top:1px solid #bfc3bf;padding-top:20px}.step h3{margin:25px 0 12px;font-size:23px}.step p{font-size:14px;color:var(--muted)}.cta{padding:75px 0;background:var(--blue)}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{margin-bottom:12px}.cta p{margin:0;color:#193b44}.site-footer{background:var(--ink);color:var(--paper);padding:55px 0 25px}.footer-layout{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-brand img{width:180px;filter:brightness(0) invert(1)}.footer-brand p{max-width:280px;color:#a8b6bc;font-size:13px}.footer-links{display:flex;flex-direction:column;align-items:start;gap:14px;font-size:13px}.footer-links b{font:10px var(--mono);letter-spacing:.08em;color:#a8b6bc;margin-bottom:5px}.footer-links a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid #354044;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a8b6bc}.page-hero{padding:70px 0 65px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:960px;font-size:clamp(45px,6vw,82px)}.page-hero .lede{max-width:720px}.detail-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding:55px 0;border-bottom:1px solid var(--line)}.detail-grid p{color:var(--muted)}.deliverables{padding:0;list-style:none}.deliverables li{padding:12px 0;border-top:1px solid var(--line);font-size:14px}.deliverables li:before{content:'↗';margin-right:12px;color:#00768f}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.filters button{border:1px solid #b6bfbc;background:transparent;color:var(--ink);padding:11px 18px;font-size:12px;cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.principle{padding-top:25px;border-top:1px solid var(--line)}.principle p{color:var(--muted);font-size:14px}.faq{max-width:880px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{font-size:18px;font-weight:500;cursor:pointer;line-height:1.5}.faq details p{color:var(--muted);max-width:720px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.contact-mail{display:inline-block;font-size:clamp(20px,2.4vw,32px);letter-spacing:-.04em;border-bottom:1px solid var(--ink);padding-bottom:8px;margin:15px 0}.contact-aside p{color:var(--muted);font-size:14px}.contact-aside h3{margin-top:38px;font-size:20px}.contact-form{padding:32px;background:#e8e5de;border:1px solid var(--line)}.contact-form label{display:block;font-size:12px;font-weight:500;margin-bottom:23px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;padding:12px;border:1px solid #abb4af;background:var(--paper);color:var(--ink);margin-top:9px;border-radius:0;font-size:14px}.contact-form textarea{resize:vertical;min-height:140px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-hint{font-size:12px;color:#535c60;line-height:1.7}.form-status{font-size:13px;color:#00586c;line-height:1.7}.contact-form button{cursor:pointer}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:35px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.case-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.case-hero h1{font-size:clamp(42px,5vw,70px)}.case-hero .project-visual{height:300px;padding:32px}.case-hero .mock-column{min-height:200px}.case-hero .paper-sheet{height:215px}.case-hero .mock-chart{height:135px}.case-info{display:flex;gap:45px;margin-top:30px}.case-info span{font:10px var(--mono);color:var(--muted)}.case-info b{display:block;font:14px var(--sans);color:var(--ink);margin-top:8px}.case-body{max-width:850px}.case-body h2{font-size:36px;margin-top:50px}.case-body p{color:var(--muted)}
@media(min-width:1500px){.hero-layout{padding:110px 0}.hero{min-height:720px}}@media(max-width:1000px){.nav{gap:17px}.site-header{gap:20px}.brand img{width:165px}.hero-layout{gap:4%}.system-panel{padding:18px}.service-row{grid-template-columns:35px 1fr 1fr 20px;gap:18px}.project-grid{gap:15px}.project-visual{padding:16px}.steps{gap:22px}.contact-layout{gap:6%}}
@media(max-width:760px){.site-header{min-height:72px;padding:15px 6%;gap:12px;flex-wrap:wrap}.brand img{width:155px}.menu-toggle{display:block;background:none;border:1px solid #a5afad;padding:9px 12px;font-size:12px;margin-left:auto;cursor:pointer}.header-cta{display:none}.nav{display:flex;flex-basis:100%;flex-wrap:wrap;gap:12px 25px;margin:0;padding-top:8px}.nav a{font-size:13px}.js .nav{display:none}.js .nav.is-open{display:flex}.wrap{width:88%}.hero-layout{grid-template-columns:1fr;padding:50px 0;gap:45px}.hero h1{font-size:clamp(48px,9vw,72px)}.hero-lede{font-size:16px}.system-panel{transform:none;max-width:520px;width:100%;margin:auto}.hero-foot{font-size:8px;gap:20px}.hero-foot span:last-child{display:none}.section{padding:65px 0}.split,.contact-layout,.case-hero{grid-template-columns:1fr;gap:32px}.section-heading{align-items:start;flex-direction:column;gap:20px}.service-row{grid-template-columns:30px 1fr 20px;gap:15px}.service-row p{grid-column:2;grid-row:2}.service-row .arrow{grid-column:3;grid-row:1}.project-grid{grid-template-columns:1fr;gap:35px}.project-visual{height:260px;padding:25px}.project-card h3{font-size:28px}.steps,.principles{grid-template-columns:1fr 1fr;gap:30px}.cta .wrap{align-items:start;flex-direction:column}.footer-layout{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;line-height:1.7}.page-hero{padding:45px 0}.page-hero h1{font-size:clamp(42px,8vw,65px)}.detail-grid{grid-template-columns:1fr;gap:20px;padding:38px 0}.contact-form{padding:23px}.case-info{gap:25px;flex-wrap:wrap}}
@media(max-width:420px){.steps,.principles,.form-row{grid-template-columns:1fr}.section-label{font-size:9px}.flow-result span{font-size:8px;padding:10px 6px}.hero-actions{gap:22px}.hero h1{font-size:46px}.mock-column{padding:7px}.mock-item{font-size:7px}.contact-form{padding:18px}.footer-links{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Dark enquiry form for consistency with the Aurbient visual identity. */
.contact-form{background:#111417;color:#f5f6f4;border-color:#30363b;box-shadow:0 18px 50px #0000000a}
.contact-form label{color:#e6e9e9}
.contact-form input,.contact-form select,.contact-form textarea{background:#171b1f;color:#f5f6f4;border-color:#353c42}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#899198}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue)}
.contact-form select option{background:#171b1f;color:#f5f6f4}
.contact-form .form-hint{color:#a8b0b4}
.contact-form .form-status{color:#7be0ef}
.contact-form .button-dark{background:var(--blue);border-color:var(--blue);color:var(--ink)}
.contact-form .button-dark:hover{background:#63d8ef}


/* Aurbient inner pages: darker, clearer, cyan-led visual system. */
:root{--paper:#111417;--ink:#f3f5f4;--blue:#12b8df;--muted:#a7b0b5;--line:#30373c}
body{background:#111417;color:#f3f5f4}
.site-header{position:sticky;top:0;min-height:82px;padding:16px 4vw;gap:clamp(14px,2.2vw,34px);background:rgba(241,238,231,.96);color:#101416;border-bottom:1px solid #d6d5cf}
.brand img{width:clamp(155px,17vw,205px);height:auto}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2.25vw,32px);margin-left:auto;margin-right:0;flex-wrap:nowrap;min-width:0;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.075em}
.nav a{color:#101416;white-space:nowrap;font-size:11px;padding:8px 0}
.nav a:hover,.nav a[aria-current]{color:#007f9b}
.nav a[aria-current]{box-shadow:0 2px #12b8df}
.header-cta{flex-shrink:0;background:transparent;color:#101416;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.06em}
.header-cta:hover{background:#101416;color:#f3f5f4}
.menu-toggle{display:none;background:transparent;border:1px solid #6e777c;color:#101416;padding:10px 12px;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;margin-left:auto}
.page-hero{background:radial-gradient(ellipse at 85% 15%,#172d34 0%,#111417 55%);border-bottom:1px solid #30373c}
.page-hero .kicker,.kicker{color:#12b8df}
.lede,.detail-grid p,.case-body p,.project-card p,.step p,.principle p,.faq details p,.contact-aside p{color:#a7b0b5}
.section{background:#111417}
.process{background:#171c20;color:#f3f5f4}
.step{border-color:#354047}
.service-list,.service-row,.detail-grid,.faq details,.principle{border-color:#30373c}
.service-row p{color:#a7b0b5}
.project-card{border-color:#30373c}
.project-visual{border-color:#35434a;box-shadow:0 14px 40px #0003}
.concept-note{color:#a7b0b5}
.contact-mail{border-color:#12b8df;color:#f3f5f4}
.contact-form{background:#171c20;border-color:#354047;box-shadow:0 20px 55px #0004}
.contact-form input,.contact-form select,.contact-form textarea{background:#101417;color:#f3f5f4;border-color:#3a454b}
.contact-form .form-hint{color:#a7b0b5}
.cta{background:#12b8df;color:#101416}
.cta p{color:#173b43}
.site-footer{background:#090b0d;color:#f3f5f4;border-top:1px solid #30373c}
.footer-brand img{filter:none}
.footer-brand p,.footer-bottom{color:#a7b0b5}
.footer-links b{color:#8e9ba2}
.breadcrumb{color:#a7b0b5}
@media(max-width:1120px){.site-header{gap:16px}.brand img{width:160px}.nav{gap:14px}.nav a{font-size:10px}.header-cta{padding:10px 11px;font-size:9px}}
@media(max-width:900px){.site-header{flex-wrap:wrap;gap:12px}.brand img{width:170px}.menu-toggle{display:block}.header-cta{display:none}.nav,.js .nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:50;margin:0;padding:22px 6vw;background:#f1eee7;color:#101416;border-bottom:1px solid #d6d5cf;flex-direction:column;align-items:flex-start;gap:16px}.nav.is-open,.js .nav.is-open{display:flex}.nav a{font-size:11px}.wrap{width:88%}}
@media(max-width:600px){.brand img{width:150px}.site-header{min-height:72px;padding:12px 6%}.page-hero{padding-top:48px}.footer-layout{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
html {
    scroll-behavior: smooth;
}

#top {
    scroll-margin-top: 20px;
}