@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap');
:root{--sky:#b2b2b2;--sky-soft:#f5f5f5;--coral:#989898;--coral-soft:#ececec;--ink:#262626;--muted:#6d6d6d;--line:#d9d9d9;--paper:#fcfcfc;--white:#ffffff;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}.container{max-width:1480px;margin:0 auto;padding-left:clamp(24px,6vw,90px);padding-right:clamp(24px,6vw,90px)}.skip-link{position:absolute;top:-50px;left:15px;background:#ffffff;padding:10px;z-index:30}.skip-link:focus{top:10px}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(24px,6vw,90px);background:#fcfcfc;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;gap:12px;align-items:center;font:700 11px "DM Sans",sans-serif;letter-spacing:.12em;white-space:nowrap}.brand-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--sky);color:var(--ink);font-size:21px;line-height:1}.brand i{font-style:normal;color:#ababab;padding:0 4px}.site-header nav{display:flex;gap:33px;font-size:12px;font-weight:600}.site-header nav a:hover,.header-cta:hover{color:#6b6b6b}.header-cta{font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.header-cta span{font-size:17px;padding-left:6px}.hero{background:#f7f7f7;overflow:hidden}.hero-grid{display:grid;grid-template-columns:54% 46%;min-height:650px;padding-right:0}.hero-copy{padding-top:100px;padding-bottom:85px;z-index:2}.eyebrow,.section-kicker,.micro,.project-meta,.visual-label,.visual-id,.image-note,.visual-caption{font:700 10px "DM Sans",sans-serif;letter-spacing:.12em}.eyebrow{display:flex;gap:10px;align-items:center;color:#6c6c6c}.eyebrow span{width:24px;height:2px;background:var(--coral)}.hero h1{font:700 clamp(52px,5.1vw,78px)/1.08 "DM Sans",sans-serif;letter-spacing:-.065em;max-width:800px;margin:32px 0 25px}.hero h1 em,.intro-grid em,.section-head h2 em,.project-card h3 em,.about-grid h2 em,.case-hero h1 em{font:italic 1.06em var(--serif);letter-spacing:-.06em;color:#858585}.coral{color:var(--coral)}.hero-lede{font-size:18px;line-height:1.55;max-width:560px;color:#585858}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:35px}.hero-actions small{font:700 9px "DM Sans",sans-serif;letter-spacing:.12em;color:#828282}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:0 22px;font-weight:700;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button b{font-size:18px}.button-dark{background:var(--ink);color:#ffffff}.button-coral{background:var(--coral);color:var(--ink)}.hero-visual{position:relative;min-height:650px;background:radial-gradient(circle at center,#ececec 0,#f4f4f4 60%,#f7f7f7 79%);overflow:hidden}.halo{border:1px solid #c1c1c188;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.halo-one{width:480px;height:480px}.halo-two{width:720px;height:720px}.ui-card{position:absolute;background:#ffffff;box-shadow:0 24px 40px #5e5e5e30;border:1px solid #d6d6d6;color:var(--ink);border-radius:14px;padding:14px;overflow:hidden}.ui-top{display:flex;justify-content:space-between;align-items:center;font:700 10px "DM Sans";letter-spacing:.08em}.ui-top span{font-size:7px;color:#7c7c7c}.ui-title{font:700 15px "DM Sans";letter-spacing:-.04em;margin:15px 0 10px}.ui-user{left:8%;top:27%;width:180px;height:320px;z-index:4;transform:rotate(-11deg)}.ui-host{right:10%;top:16%;width:195px;height:310px;z-index:3;transform:rotate(9deg)}.ui-axon{left:22%;top:47%;width:340px;height:230px;z-index:2;transform:rotate(-4deg)}.ui-map,.mock-map{height:155px;border-radius:9px;position:relative;background-color:#ededed;background-image:linear-gradient(25deg,transparent 38%,#ffffff 39% 44%,transparent 45%),linear-gradient(125deg,transparent 50%,#ffffff 51% 56%,transparent 57%),linear-gradient(75deg,transparent 25%,#ffffff 26% 30%,transparent 31%)}.ui-map b,.mock-map b{position:absolute;width:28px;height:28px;border:3px solid white;border-radius:50%;background:var(--ink);color:var(--sky);display:grid;place-items:center;font-size:17px;box-shadow:0 3px 6px #50505038}.ui-map b:nth-child(1),.mock-map b:nth-child(1){left:25%;top:24%}.ui-map b:nth-child(2),.mock-map b:nth-child(2){left:64%;top:51%}.ui-map b:nth-child(3),.mock-map b:nth-child(3){left:38%;top:73%}.ui-foot{background:var(--sky);padding:9px;margin-top:10px;font-size:8px;font-weight:700}.ui-foot span{float:right}.ui-stat{background:var(--ink);border-radius:8px;color:#ffffff;font-size:8px;padding:15px;display:flex;justify-content:space-between}.ui-stat strong{color:var(--sky);font-size:16px}.ui-bars{display:flex;align-items:end;gap:7px;height:75px;padding:9px 6px;background:#f4f4f4;border-radius:8px}.ui-bars i{flex:1;background:var(--sky);border-radius:2px 2px 0 0}.ui-bars i:nth-child(1){height:35%}.ui-bars i:nth-child(2){height:60%}.ui-bars i:nth-child(3){height:48%}.ui-bars i:nth-child(4){height:80%}.ui-bars i:nth-child(5){height:70%}.ui-rows{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid #e1e1e1;padding-top:11px;margin-top:10px;font-size:8px}.ui-rows b{color:#898989}.ui-axon .ui-rows{font-size:9px}.visual-caption{position:absolute;bottom:26px;right:26px;color:#838383;font-size:8px}.hero-bottom{height:60px;border-top:1px solid #e1e1e1;display:flex;justify-content:space-between;align-items:center;font:700 10px "DM Sans";letter-spacing:.13em;color:#727272}.hero-bottom span:last-child{font-size:22px;color:var(--coral)}.intro-band{background:#ffffff;border-bottom:1px solid var(--line)}.intro-grid{min-height:225px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.micro{color:#727272}.intro-grid p{font:600 clamp(27px,3vw,44px)/1.18 "DM Sans";margin:15px 0 0;letter-spacing:-.06em}.intro-numbers{display:flex;gap:42px}.intro-numbers>div{display:flex;align-items:end;gap:10px}.intro-numbers strong{font:600 67px/1 "DM Sans";letter-spacing:-.09em;color:#878787}.intro-numbers small{font:700 8px/1.45 "DM Sans";letter-spacing:.08em;max-width:70px;margin-bottom:10px}.work-section{padding-top:110px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-kicker{color:#808080}.section-head h2,.about-grid h2{font:700 clamp(42px,4.6vw,68px)/1.1 "DM Sans";letter-spacing:-.065em;margin:19px 0 0}.section-head>p{font-size:15px;line-height:1.6;color:var(--muted);max-width:300px;margin:0 0 6px}.project-card{display:grid;grid-template-columns:46% 54%;min-height:505px;margin-bottom:22px;overflow:hidden}.project-copy{padding:38px clamp(28px,4.5vw,66px);display:flex;flex-direction:column}.project-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px}.project-card h3{font:700 clamp(47px,4.6vw,69px)/1.03 "DM Sans";letter-spacing:-.07em;margin:58px 0 17px}.project-card h3 em{font-size:.98em;color:inherit}.project-copy>p{max-width:430px;font-size:14px;line-height:1.6;margin-bottom:12px}.project-copy .project-subtitle{font-weight:600;font-size:17px;line-height:1.35}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 20px}.tags span{border:1px solid currentColor;border-radius:30px;padding:7px 10px;font-size:9px;opacity:.76}.project-link{border-top:1px solid currentColor;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;padding-top:15px;margin-top:auto}.project-link b{font-size:20px;transition:transform .2s}.project-link:hover b{transform:translate(3px,-3px)}.host-card{background:#f2f2f2}.axon-card{background:#323232;color:#ffffff}.consumer-card{background:#ededed}.project-visual{position:relative;min-height:505px;display:grid;place-items:center;overflow:hidden}.project-visual:before,.project-visual:after{content:'';position:absolute;border:1px solid #ffffff80;border-radius:50%;width:400px;height:400px}.project-visual:after{width:610px;height:610px}.host-card .project-visual{background:#c3c3c3}.axon-card .project-visual{background:#676767}.consumer-card .project-visual{background:#b7b7b7}.visual-label,.visual-id{position:absolute;z-index:4;font-size:9px}.visual-label{top:28px;left:30px}.visual-id{bottom:27px;right:30px}.mock-phone{width:240px;height:420px;border-radius:30px;border:7px solid #383838;background:#fafafa;box-shadow:28px 31px 35px #4e4e4e55;transform:rotate(-8deg) translate(0,42px);z-index:2;position:relative;padding:18px 14px}.mock-camera{position:absolute;top:7px;width:60px;height:7px;background:#383838;border-radius:10px;left:50%;transform:translateX(-50%)}.mock-content>span{font:700 8px "DM Sans";letter-spacing:.12em}.mock-content h4{font:700 24px/1.05 "DM Sans";letter-spacing:-.06em;margin:31px 0 20px}.mock-content h4 em{font:italic 1.1em var(--serif)}.mock-primary{background:#323232;color:#ffffff;border-radius:11px;padding:18px;height:130px}.mock-primary small{font:700 7px "DM Sans";letter-spacing:.12em;color:#cecece}.mock-primary strong{display:block;font:600 20px "DM Sans"}.mock-chart{display:flex;align-items:end;gap:8px;height:50px}.mock-chart i{flex:1;background:var(--sky);border-radius:2px 2px 0 0}.mock-chart i:nth-child(1){height:35%}.mock-chart i:nth-child(2){height:65%}.mock-chart i:nth-child(3){height:54%}.mock-chart i:nth-child(4){height:82%}.mock-chart i:nth-child(5){height:70%}.mock-row{border-bottom:1px solid #e2e2e2;padding:11px 0;font-size:9px;font-weight:600}.mock-row b{float:right}.mock-dashboard{width:min(90%,570px);height:335px;border:8px solid #2b2b2b;border-radius:12px;background:#f9f9f9;box-shadow:26px 30px 40px #33333377;z-index:2;transform:rotate(-5deg) translate(22px,30px);overflow:hidden}.dash-bar{height:34px;background:#262626;color:#ffffff;padding:10px 15px;font:700 9px "DM Sans";letter-spacing:.1em}.dash-bar span{float:right}.dash-body{display:flex;height:calc(100% - 34px)}.dash-body aside{width:53px;background:#e8e8e8;display:flex;flex-direction:column;align-items:center;gap:17px;padding:12px;font-size:20px}.dash-body aside i{width:20px;height:7px;border-radius:3px;background:#afafaf}.dash-main{flex:1;padding:20px}.dash-main h4{font:700 21px "DM Sans";letter-spacing:-.05em;margin:0 0 15px}.dash-tiles{display:flex;gap:8px}.dash-tiles i{height:65px;flex:1;background:#eaeaea;border-radius:5px}.dash-table{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:14px;font:500 8px Outfit}.dash-table span,.dash-table b{padding:7px;border-bottom:1px solid #e6e6e6}.dash-table b:nth-child(2){font-weight:700;color:#7a7a7a}.consumer-phone{transform:rotate(8deg) translate(0,42px)}.consumer-phone .mock-content h4{margin-bottom:12px}.mock-map{height:205px}.mock-map-cta{position:absolute;bottom:19px;left:14px;right:14px;background:var(--sky);padding:12px;font-size:9px;font-weight:700}.mock-map-cta b{float:right}.image-note{font-size:11px;color:#868686;margin-top:10px}.ecosystem-section{background:#efefef;padding:100px 0}.flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:10px}.flow>div{min-height:190px;background:#ffffff;padding:27px;border:1px solid #d9d9d9}.flow>div span{font:700 9px "DM Sans";letter-spacing:.12em;color:#7a7a7a}.flow>div strong{font:600 23px "DM Sans";letter-spacing:-.05em;display:block;margin:23px 0 8px}.flow>div p{font-size:12px;color:var(--muted);margin:0}.flow>b{color:var(--coral);font-size:22px;text-align:center}.ecosystem-section blockquote{display:grid;grid-template-columns:60px 1fr;gap:10px;background:#323232;color:#ffffff;margin:30px 0 0;padding:32px 42px}.ecosystem-section blockquote>span{font:italic 80px var(--serif);color:var(--coral);line-height:.9}.ecosystem-section blockquote p{font:400 clamp(18px,2vw,25px)/1.5 Outfit;max-width:850px;margin:0}.ecosystem-section blockquote cite{grid-column:2;font:700 9px "DM Sans";letter-spacing:.13em;color:#c0c0c0;font-style:normal;margin-top:10px}.approach-section{padding-top:110px;padding-bottom:120px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.principles article{padding:26px;background:#ffffff;border-top:3px solid var(--sky);min-height:230px}.principles article:nth-child(even){border-color:var(--coral)}.principles span{font:700 10px "DM Sans";color:#999999}.principles h3{font:600 20px/1.2 "DM Sans";letter-spacing:-.05em;margin:35px 0 10px}.principles p{font-size:12px;line-height:1.55;color:var(--muted)}.about-section{background:var(--coral-soft);padding:100px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-grid>div:nth-child(2){padding-top:25px}.about-grid p{font-size:16px;line-height:1.6;max-width:530px}.about-grid .about-quote{font:italic 24px/1.35 var(--serif);color:#707070;margin:30px 0}.focus-list{display:flex;gap:7px;flex-wrap:wrap}.focus-list span{padding:8px 10px;border:1px solid #c2c2c2;border-radius:30px;font:700 8px "DM Sans";letter-spacing:.06em}footer{background:var(--ink);color:#e2e2e2}.footer-grid{min-height:85px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:700 9px "DM Sans";letter-spacing:.1em}
.case-hero{background:#f5f5f5;overflow:hidden}.case-hero-inner{display:grid;grid-template-columns:1fr 42%;gap:40px;align-items:center;min-height:570px}.case-hero .eyebrow{margin-bottom:28px}.case-hero h1{font:700 clamp(50px,5.8vw,78px)/1.06 "DM Sans";letter-spacing:-.07em;margin:0 0 25px}.case-hero p.case-deck{font-size:19px;line-height:1.5;color:#616161;max-width:620px}.case-hero .case-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.case-meta span{border:1px solid #cbcbcb;padding:8px 12px;border-radius:30px;font:700 9px "DM Sans";letter-spacing:.07em}.case-graphic{height:350px;background:radial-gradient(circle,#e3e3e3,#f4f4f4);border:1px solid #d1d1d1;display:grid;place-items:center;position:relative;overflow:hidden}.case-graphic .graphic-word{font:700 clamp(55px,6vw,90px) "DM Sans";letter-spacing:-.09em;color:#6f6f6f;transform:rotate(-8deg)}.case-graphic .graphic-number{position:absolute;bottom:23px;right:25px;font:700 11px "DM Sans";letter-spacing:.13em;color:#757575}.case-graphic:before,.case-graphic:after{content:'';position:absolute;width:290px;height:290px;border:1px solid #ffffff;border-radius:50%}.case-graphic:after{width:480px;height:480px}.case-graphic.graphic-axon{background:radial-gradient(circle,#8b8b8b,#494949)}.case-graphic.graphic-axon .graphic-word{color:#ffffff}.case-graphic.graphic-axon .graphic-number{color:#e5e5e5}.case-graphic.graphic-consumer{background:radial-gradient(circle,#d8d8d8,#b5b5b5)}.case-graphic.graphic-consumer .graphic-word{color:#535353}.case-overview{background:#ffffff;border-bottom:1px solid var(--line)}.overview-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-top:58px;padding-bottom:58px}.overview-grid h2{font:600 32px/1.2 "DM Sans";letter-spacing:-.05em}.overview-grid p{font-size:16px;line-height:1.6;color:#5f5f5f}.case-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px;padding-top:70px;padding-bottom:105px}.case-sidebar{position:sticky;top:30px;align-self:start}.case-sidebar .side-label{font:700 9px "DM Sans";letter-spacing:.13em;color:#8b8b8b}.case-sidebar nav{display:grid;gap:13px;margin:20px 0 35px}.case-sidebar nav a{font-size:12px;font-weight:600;color:#6d6d6d}.case-sidebar nav a:hover{color:#6b6b6b}.case-sidebar .areas{border-top:1px solid var(--line);padding-top:25px}.case-sidebar .areas span{display:block;font-size:12px;padding:7px 0}.case-content{max-width:790px}.case-content section{scroll-margin-top:40px;border-bottom:1px solid var(--line);padding:0 0 55px;margin-bottom:55px}.case-content section:last-child{border-bottom:0;margin-bottom:0}.case-content h2{font:700 clamp(32px,3.5vw,48px)/1.12 "DM Sans";letter-spacing:-.06em;margin-bottom:22px}.case-content h3{font:600 20px "DM Sans";letter-spacing:-.04em;margin:31px 0 10px}.case-content p,.case-content li{font-size:16px;line-height:1.7;color:#565656}.case-content ul{padding-left:22px}.case-content li{padding-left:6px;margin:8px 0}.case-content .goal{background:#f0f0f0;border-left:4px solid var(--sky);padding:22px 25px;font:600 21px/1.45 Outfit;color:var(--ink)}.case-content .decision{display:grid;grid-template-columns:95px 1fr;gap:20px;border-top:1px solid var(--line);padding:20px 0}.case-content .decision>span{font:700 10px "DM Sans";letter-spacing:.1em;color:#888888;padding-top:6px}.case-content .decision h3{margin:0 0 5px}.case-content .decision p{margin:0}.case-illustration-note{font-size:11px;color:#7e7e7e;margin-top:12px}.next-case{background:#363636;color:#ffffff}.next-case .container{min-height:260px;display:flex;justify-content:space-between;align-items:center;gap:20px}.next-case span{font:700 10px "DM Sans";letter-spacing:.1em;color:#c3c3c3}.next-case a{font:600 clamp(30px,4vw,50px) "DM Sans";letter-spacing:-.05em}.next-case a:hover{color:var(--sky)}
@media(max-width:1050px){.hero-grid{grid-template-columns:55% 45%}.hero h1{font-size:55px}.ui-axon{left:5%}.ui-user{left:0}.ui-host{right:0}.project-card h3{font-size:50px}.project-card{grid-template-columns:48% 52%}.project-copy{padding:30px}.principles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:70px;padding:0 20px}.site-header nav{gap:12px;font-size:10px}.site-header .header-cta{display:none}.brand{font-size:9px}.brand-icon{width:25px;height:25px;font-size:17px}.hero-grid{display:block;padding-right:0}.hero-copy{padding:70px 24px 50px}.hero h1{font-size:clamp(45px,9vw,64px)}.hero-lede{font-size:16px}.hero-visual{height:410px;min-height:410px}.ui-axon{left:22%;top:42%;transform:rotate(-4deg) scale(.8)}.ui-user{left:10%;top:16%;transform:rotate(-11deg) scale(.85)}.ui-host{right:10%;top:11%;transform:rotate(9deg) scale(.85)}.hero-bottom{height:55px}.intro-grid{display:block;padding-top:35px;padding-bottom:40px}.intro-grid p{font-size:30px}.intro-numbers{margin-top:25px}.intro-numbers strong{font-size:50px}.work-section,.approach-section{padding-top:75px;padding-bottom:80px}.section-head{display:block}.section-head>p{margin-top:20px}.project-card{display:flex;flex-direction:column}.project-copy{min-height:440px}.project-card h3{margin-top:55px}.project-visual{min-height:420px}.mock-phone{transform:rotate(-8deg) translate(0,35px) scale(.9)}.consumer-phone{transform:rotate(8deg) translate(0,35px) scale(.9)}.mock-dashboard{transform:rotate(-5deg) translate(0,25px) scale(.8);min-width:570px}.ecosystem-section{padding:75px 0}.flow{grid-template-columns:1fr}.flow>b{transform:rotate(90deg)}.flow>div{min-height:135px}.ecosystem-section blockquote{padding:25px;grid-template-columns:35px 1fr}.ecosystem-section blockquote>span{font-size:55px}.about-grid,.case-hero-inner,.overview-grid,.case-layout{grid-template-columns:1fr;gap:25px}.about-section{padding:75px 0}.case-hero-inner{padding-top:65px;padding-bottom:60px}.case-graphic{height:280px}.case-sidebar{position:static;display:none}.case-layout{padding-top:60px}.footer-grid{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.next-case .container{min-height:210px}}
@media(max-width:480px){.site-header nav{gap:8px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.brand span:last-child{max-width:145px;line-height:1.2}.hero h1{font-size:44px}.hero-actions{align-items:start;flex-direction:column;gap:15px}.hero-visual{height:340px;min-height:340px}.ui-axon{left:5%;top:33%;transform:rotate(-4deg) scale(.6)}.ui-user{left:-10%;top:6%;transform:rotate(-11deg) scale(.65)}.ui-host{right:-8%;top:2%;transform:rotate(9deg) scale(.65)}.visual-caption{right:12px;bottom:12px}.intro-numbers{gap:20px}.intro-numbers strong{font-size:43px}.section-head h2,.about-grid h2{font-size:42px}.project-card h3{font-size:46px}.principles{grid-template-columns:1fr}.case-hero h1{font-size:47px}.case-content .decision{grid-template-columns:1fr;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.project-link b{transition:none}}

.case-hero h1{font-size:clamp(46px,4.8vw,66px)}
.challenge-strip{background:#373737;color:#ffffff;padding:48px 0}
.challenge-strip .section-kicker{color:#cacaca}
.challenge-strip p{font:italic clamp(23px,2.8vw,36px)/1.3 Georgia,'Times New Roman',serif;max-width:990px;margin:15px 0 0}
.case-sidebar a[aria-current="location"]{color:#6b6b6b;font-weight:700}
@media(max-width:480px){.case-hero h1{font-size:43px}}