@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--bg:#F8F6F2;--surface:#fffdfa;--soft:#EAE5F1;--ink:#393345;--muted:#817b88;--primary:#75658F;--primary-ink:#fff;--apricot:#E9A184;--sage:#DCE5DA;--line:#39334514;--skeleton:#39334515;--outer:#e4e0e5;--shadow:0 16px 38px #3933450c;--glass:#fffdfaeb;--preview-paper:#fcfaf7;color-scheme:light;font-family:Manrope,'Segoe UI',sans-serif;font-synthesis:none}
[data-theme=dark]{--bg:#24212C;--surface:#302B39;--soft:#393241;--ink:#F1EDF4;--muted:#b0a7ba;--primary:#B9A8D4;--primary-ink:#24212C;--sage:#39443E;--line:#F1EDF417;--skeleton:#F1EDF41c;--outer:#19171f;--shadow:0 16px 40px #00000020;--glass:#302b39ed;--preview-paper:#332d3d;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--outer);color:var(--ink);line-height:1.5;transition:background .35s,color .35s}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:10px}.skip-link:focus{top:15px}.site-frame{width:calc(100% - 56px);max-width:1560px;margin:28px auto;background:var(--bg);border:1px solid var(--line);border-radius:28px;overflow:clip;transition:background .35s}.site-header{height:102px;margin:0 66px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.brand img{width:50px;height:50px;object-fit:contain}.brand>span{font-size:30px;font-weight:800;letter-spacing:-1.7px}.brand-dot{color:var(--apricot)}.logo-dark{display:none}[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.desktop-nav{display:flex;align-items:center;gap:32px;margin-left:42px}.desktop-nav a{font-size:12px;position:relative;color:var(--muted);padding:12px 0;transition:color .2s}.desktop-nav a:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:15px}.icon-button{width:38px;height:38px;border:0;background:transparent;display:grid;place-items:center;border-radius:50%;padding:8px}.theme-toggle{color:var(--muted);border:1px solid var(--line)}.theme-toggle:hover{background:var(--soft)}.theme-toggle svg{width:17px;height:17px}.sun-icon{display:none}[data-theme=dark] .moon-icon{display:none}[data-theme=dark] .sun-icon{display:block}.header-cta{display:flex;align-items:center;gap:14px;border-radius:50px;background:var(--ink);color:var(--bg);font-size:11px;padding:12px 18px;transition:transform .2s}.header-cta svg{width:15px;height:15px}.header-cta:hover{transform:translateY(-2px)}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;display:grid;grid-template-columns:1.03fr 1.22fr .8fr;padding:74px 66px 24px;min-height:670px;align-items:start;isolation:isolate}.hero-copy{position:relative;z-index:2;padding-top:15px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.1px;font-weight:500;color:var(--muted);white-space:nowrap}.tiny-pill{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:19px;padding:0 6px;border-radius:20px;background:var(--apricot);color:#393345;font-size:9px;letter-spacing:0;font-weight:700}.hero .eyebrow{background:color-mix(in srgb,var(--apricot) 10%,transparent);border-radius:30px;padding-right:10px;width:fit-content}h1,h2,h3,p{margin:0}h1{font-size:clamp(39px,3.75vw,59px);font-weight:700;line-height:1.12;letter-spacing:-2.8px;position:relative;width:120%;margin:20px 0 25px}.accent-word{color:var(--primary);position:relative}.word-dot{color:var(--apricot)}h2{font-size:clamp(34px,3.4vw,48px);font-weight:650;letter-spacing:-1.9px;line-height:1.16}h2 em,.hero-side-title em{font-style:normal;color:var(--primary)}h3{font-size:19px;font-weight:650;letter-spacing:-.6px}.placeholder{display:grid;gap:10px;max-width:310px}.placeholder>span{display:block;height:6px;width:var(--length,100%);background:var(--skeleton);border-radius:10px}.hero-description{max-width:260px;margin-bottom:29px;gap:11px}.hero-description>span{height:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:45px;padding:5px 5px 5px 20px;border-radius:50px;font-size:12px;font-weight:500;border:1px solid transparent;transition:transform .25s,box-shadow .25s,background .25s}.button-primary{background:var(--ink);color:var(--bg);box-shadow:0 10px 20px #39334516}.button-orb{width:34px;height:34px;border-radius:50%;background:var(--apricot);color:#393345;display:grid;place-items:center;transition:transform .3s}.button-orb svg{width:18px;height:18px}.button:hover{transform:translateY(-3px);box-shadow:0 14px 25px #39334518}.button:hover .button-orb{transform:rotate(-35deg)}.button-outline{border-color:var(--line);background:transparent;padding:11px 20px;gap:16px}.button-outline svg{width:17px;height:17px}.quiet-link{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:11px;width:fit-content;margin-top:18px}.quiet-link svg{width:13px;height:13px}.quiet-link:hover{color:var(--primary)}.hero-footnote{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:96px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--apricot);flex-shrink:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--apricot) 12%,transparent)}.hero-art{position:relative;height:545px;margin-top:-25px;z-index:0;min-width:0;pointer-events:auto}.art-halo{position:absolute;inset:45px -55px 35px;background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--primary) 15%,transparent),transparent 65%);filter:blur(13px)}#particle-canvas{position:absolute;inset:-20px -30%;width:160%;height:100%;opacity:.55;pointer-events:none}.art-stage{width:118%;height:100%;position:relative;margin-left:-10%;transform-style:preserve-3d;transition:transform .7s ease-out}.forma-sculpture{width:100%;height:100%;stroke-width:0;overflow:visible;color:var(--primary);animation:sculpture-float 7s ease-in-out infinite}.sculpture-body{transform-origin:260px 310px;animation:sculpture-turn 9s ease-in-out infinite}.connection-flow{opacity:.5}.f-stroke{stroke-dasharray:650;animation:draw-form 2.8s cubic-bezier(.16,1,.3,1) both}.floating-chip{position:absolute;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);font-size:10px;border-radius:7px;display:flex;align-items:center;gap:9px;padding:9px 14px;backdrop-filter:blur(10px);animation:float 6s ease-in-out infinite}.chip-top{top:16%;right:7%}.chip-bottom{bottom:20%;left:-2%;animation-delay:-3s}.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--primary)}.chip-bottom svg{width:13px;height:13px;color:var(--primary)}.dimension-label{position:absolute;font-size:7px;letter-spacing:1.5px;color:var(--muted);opacity:.65;white-space:nowrap}.dimension-left{top:58%;left:1%;transform:rotate(-90deg)}.dimension-right{bottom:8%;right:20%}.hero-side{position:relative;z-index:2;padding-top:12px}.direction-widget{position:relative;margin-left:17px}.direction-current{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:var(--surface);padding:11px 13px;border-radius:11px;box-shadow:0 13px 24px #39334510;min-height:62px}.widget-icon{width:35px;height:35px;background:var(--ink);color:var(--bg);border-radius:9px;display:grid;place-items:center;flex-shrink:0}.widget-icon svg{width:19px;height:19px}.direction-current small{display:block;font-size:9px;color:var(--muted)}.direction-current strong{display:block;font-size:11px;font-weight:600;min-height:17px;transition:opacity .22s,transform .22s}.direction-current strong.changing{opacity:0;transform:translateY(-5px)}.widget-pulse{margin-left:auto;background:var(--apricot);height:5px;width:5px;border-radius:50%;animation:pulse 3s infinite}.direction-list{display:grid;gap:9px;padding:16px 0 9px 59px;font-size:10px;color:var(--muted);mask-image:linear-gradient(#000,#0009);-webkit-mask-image:linear-gradient(#000,#0009)}.direction-list span{transition:color .35s,transform .35s,opacity .35s;opacity:.55}.direction-list span.active{color:var(--ink);opacity:1;transform:translateX(3px)}.widget-progress{height:2px;margin:5px 0 0 59px;background:var(--line);max-width:140px;overflow:hidden}.widget-progress span{display:block;width:100%;height:100%;background:var(--apricot);transform-origin:left;animation:progress 4.5s linear infinite}.mini-layout{margin-top:72px;background:var(--surface);border:1px solid var(--line);padding:13px 14px;border-radius:11px;box-shadow:0 10px 25px #39334505}.mini-label{font-size:9px;color:var(--muted)}.mini-layout-content{display:flex;height:71px;gap:11px;margin-top:12px}.mini-sidebar{width:17px;display:grid;align-content:start;gap:9px;border-right:1px solid var(--line)}.mini-sidebar i{width:6px;height:6px;border-radius:2px;background:var(--skeleton)}.mini-sidebar i:first-child{background:var(--primary)}.mini-workspace{flex:1}.mini-head{display:flex;justify-content:space-between}.mini-head span{height:5px;background:var(--skeleton);width:40%;border-radius:5px}.mini-head b{width:14px;height:5px;border-radius:10px;background:var(--apricot)}.mini-blocks{display:flex;gap:5px;margin:8px 0}.mini-blocks i{height:17px;flex:1;border-radius:4px;background:var(--soft)}.mini-blocks i:last-child{background:var(--sage)}.mini-bars{display:flex;gap:5px;height:25px;align-items:end}.mini-bars i{background:var(--primary);opacity:.35;width:10%;border-radius:2px 2px 0 0;animation:mini-bar 4s ease-in-out infinite alternate;height:30%}.mini-bars i:nth-child(2){height:45%;animation-delay:-1s}.mini-bars i:nth-child(3){height:41%;animation-delay:-3s}.mini-bars i:nth-child(4){height:62%;animation-delay:-2s}.mini-bars i:nth-child(5){height:56%;animation-delay:-4s}.mini-bars i:nth-child(6){height:75%;animation-delay:-3s}.mini-bars i:nth-child(7){height:85%;animation-delay:-1s}.mini-bars i:nth-child(8){height:100%;animation-delay:-2s;background:var(--apricot);opacity:.8}.hero-side-title{font-size:clamp(26px,2.7vw,39px);font-weight:600;line-height:1.16;letter-spacing:-1.5px;margin-top:22px}
.trust-strip{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0 66px;padding:5px 0 14px}.trust-strip>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.trust-items{display:flex;justify-content:center;max-width:850px;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:13px;overflow:hidden}.trust-items>span{display:flex;align-items:center;justify-content:center;gap:11px;flex:1;padding:17px 12px;font-size:11px;white-space:nowrap}.trust-items>span+span{border-left:1px solid var(--line)}.trust-items svg{width:16px;height:16px;color:var(--primary)}.trust-items>span:last-child svg{color:#8a9b86}
.section{padding:100px 66px 0}.section-heading{margin-bottom:40px}.section-heading .eyebrow{margin-bottom:17px}.centered{text-align:center}.centered .eyebrow{justify-content:center}.centered-placeholder{margin:24px auto 0;max-width:270px;width:100%}.centered-placeholder span{margin:auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:22px;transition:transform .4s,border-color .4s,box-shadow .4s}.service-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--primary) 35%,transparent);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;color:var(--muted)}.card-top svg{width:17px;height:17px}.service-number{font-size:10px;font-variant-numeric:tabular-nums}.service-art{height:180px;background:var(--bg);border-radius:10px;margin:16px 0 23px;position:relative;display:grid;place-items:center;overflow:hidden}.service-card h3{margin-bottom:16px}.service-card .placeholder{gap:8px}.service-card .placeholder span{height:5px}.card-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:27px}.small-orb{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--bg);transition:background .25s,transform .25s}.small-orb svg{width:16px;height:16px}.card-link:hover .small-orb,.work-card:hover .small-orb{background:var(--apricot);color:#393345;transform:rotate(-15deg)}.object-shadow{position:absolute;bottom:20px;left:50%;width:95px;height:9px;background:var(--primary);filter:blur(8px);opacity:.13;transform:translateX(-50%)}.drawing-cross{position:absolute;color:var(--primary);opacity:.22;font-size:19px;font-weight:300}.cross-a{left:21px;top:14px}.cross-b{right:21px;bottom:13px}.sphere{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 34% 23%,#fffefaeb 0 7%,#ede7f160 18%,#b5a4ce50 38%,#75658f70 66%,#ebe2f5db 77%,#9c8cb76b 86%,#75658f70 100%);box-shadow:inset -9px -6px 13px #75658f27,inset 5px 4px 10px #ffffff60,0 12px 24px #75658f15;border:1px solid #ffffff50;animation:float 6s ease-in-out infinite}.sphere:before{content:'';display:block;position:absolute;width:29px;height:11px;border-radius:50%;background:#fff9;filter:blur(2px);margin:12px 0 0 24px;transform:rotate(-24deg)}.art-rings{perspective:500px}.glass-ring{position:absolute;width:111px;height:111px;border-radius:50%;border:14px solid #d0c3dfb0;box-shadow:inset 2px 2px 5px #fff8,inset -3px -3px 8px #75658f70,4px 4px 5px #75658f40,-3px -3px 5px #fff7}.ring-one{transform:rotateY(45deg) rotateX(-18deg);animation:ring-turn 10s ease-in-out infinite}.ring-two{width:90px;height:90px;border-width:10px;transform:rotateY(-50deg) rotateX(45deg);border-color:#e9a18460;animation:ring-turn-alt 10s ease-in-out infinite}.art-cube{perspective:500px}.cube{width:86px;height:86px;position:relative;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(36deg);animation:cube-turn 9s ease-in-out infinite}.cube>div{position:absolute;width:86px;height:86px;border:1px solid #f5effa95;background:linear-gradient(135deg,#ece6f477,#b9a8d480);box-shadow:inset 0 0 16px #ffffff20}.cube-front{transform:translateZ(43px)}.cube-side{transform:rotateY(90deg) translateZ(43px);background:linear-gradient(135deg,#75658f70,#d1c4e050)!important}.cube-top{transform:rotateX(90deg) translateZ(43px)}
.approach{display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:80px;padding-top:120px;overflow:hidden}.approach-copy .eyebrow{margin-bottom:18px}.approach-copy .placeholder{margin:28px 0 28px}.principles{display:flex;gap:21px;margin-top:55px;font-size:9px;color:var(--muted);flex-wrap:wrap}.principles span{display:flex;gap:6px;align-items:center}.principles i{font-style:normal;display:grid;place-items:center;font-size:7px;background:var(--apricot);color:#393345;width:17px;height:17px;border-radius:50%}.approach-visual{position:relative;padding:35px 0 5px;perspective:1500px}.floating-note{position:absolute;z-index:2;top:0;right:24px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:12px 18px;font-size:10px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow);animation:float 7s infinite ease-in-out}.dashboard{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 20px 60px #75658f14;transform:rotateY(-8deg) rotateX(6deg) rotateZ(-2deg);width:calc(100% + 45px);min-height:365px;transition:transform .8s}.approach-visual:hover .dashboard{transform:rotateY(0) rotateX(0) rotateZ(0)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-bottom:1px solid var(--line)}.mini-brand{font-size:27px;font-weight:800;line-height:1;letter-spacing:-3px}.mini-brand span{color:var(--apricot)}.dashboard-header>div{display:flex;gap:10px}.tab-dot{width:39px;height:15px;border-radius:15px;background:var(--bg)}.tab-dot.selected{background:var(--soft)}.avatar-dot{height:20px;width:20px;border-radius:50%;background:var(--sage)}.dashboard-body{display:flex}.dashboard-sidebar{width:48px;padding:21px 7px;border-right:1px solid var(--line);display:grid;gap:13px;align-content:start}.dashboard-sidebar>span{height:27px;border-radius:7px;display:grid;place-items:center;color:var(--muted)}.dashboard-sidebar .selected{background:var(--soft);color:var(--primary)}.dashboard-sidebar svg{width:14px;height:14px}.dashboard-main{flex:1;padding:20px 24px;min-width:0}.dashboard-title{display:flex;justify-content:space-between;align-items:center}.dashboard-title b{font-size:12px;font-weight:600;letter-spacing:-.3px}.dashboard-title>span{font-size:8px;color:var(--muted)}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.dash-kpis>div{background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:12px}.skeleton{display:block;background:var(--skeleton);height:5px;border-radius:5px}.dash-kpis span{width:60%}.dash-kpis b{height:12px;width:40%;margin:9px 0}.dash-kpis i{height:3px;background:var(--sage);width:25%;display:block}.dash-chart{border:1px solid var(--line);border-radius:9px;margin-top:12px;padding:13px 15px 0}.chart-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px}.chart-heading i{width:24px;height:9px;border-radius:12px;background:var(--soft)}.bar-chart{height:103px;display:flex;align-items:flex-end;gap:8px;padding-top:16px;background:repeating-linear-gradient(to top,transparent 0 28px,var(--line) 29px 30px)}.bar-chart>i{display:block;flex:1;height:var(--bar);border-radius:4px 4px 0 0;background:linear-gradient(to top,var(--soft),var(--primary));opacity:.65;transform-origin:bottom;transition:transform 1.2s cubic-bezier(.2,.7,.3,1);transition-delay:calc(var(--i)*50ms)}.bar-chart>i:last-child{background:linear-gradient(to top,var(--soft),var(--apricot));opacity:1}.reveal:not(.visible) .bar-chart>i{transform:scaleY(.05)}.dash-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;margin-top:12px}.dash-bottom>div{background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:11px}.dash-donut{display:flex;align-items:center;gap:16px}.dash-donut>div{width:49px;height:49px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--primary) 0 56%,var(--apricot) 56% 77%,var(--sage) 77% 100%);position:relative}.dash-donut>div:after{content:'';position:absolute;inset:8px;border-radius:50%;background:var(--bg)}.dash-donut span{width:39%}.dash-table{display:grid;gap:9px;align-content:center}.dash-table span:nth-child(2){width:80%}.dash-table span:nth-child(3){width:90%}
.heading-row{display:flex;justify-content:space-between;gap:30px;align-items:end}.work-filter{display:flex;gap:3px;background:var(--soft);border-radius:30px;padding:4px;flex-shrink:0}.work-filter button{border:0;background:transparent;color:var(--muted);font-size:10px;border-radius:30px;padding:8px 15px;transition:background .3s,color .3s}.work-filter button.active{background:var(--ink);color:var(--bg)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.work-card{text-align:left;border:0;padding:0;background:transparent;min-width:0}.work-image{height:330px;border-radius:16px;overflow:hidden;position:relative;display:grid;place-items:center;transition:transform .5s}.website-preview{background:var(--soft)}.system-preview{background:var(--sage)}.preview-tag{position:absolute;top:18px;left:20px;font-size:8px;letter-spacing:.9px;border:1px solid #39334515;color:var(--ink);background:var(--glass);padding:4px 8px;border-radius:12px;z-index:3}.preview-coordinate{position:absolute;right:18px;bottom:14px;font-size:8px;letter-spacing:1px;color:var(--muted)}.browser-mock{width:78%;background:var(--preview-paper);border:1px solid #39334514;border-radius:10px;overflow:hidden;box-shadow:0 18px 35px #39334517;transform:rotate(-4deg) translateY(7px);transition:transform .6s}.work-card:hover .browser-mock{transform:rotate(0) translateY(0) scale(1.025)}.browser-chrome{display:flex;align-items:center;gap:4px;height:21px;padding:0 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 75%,var(--soft))}.browser-chrome i{width:4px;height:4px;border-radius:50%;background:var(--skeleton)}.browser-chrome i:first-child{background:var(--apricot)}.browser-chrome>span{height:7px;width:40%;margin:auto;background:var(--skeleton);border-radius:4px}.browser-content{padding:15px 20px}.mock-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.mock-logotype{width:36px;height:6px;background:var(--ink);border-radius:2px;opacity:.65}.mock-nav>div{display:flex;gap:9px}.mock-nav i{width:13px;height:3px;background:var(--skeleton)}.mock-nav>b{width:26px;height:9px;background:var(--primary);border-radius:20px}.mock-hero{display:flex;align-items:center;gap:10px;min-height:141px}.mock-copy{width:50%;display:grid;gap:8px}.mock-copy .mock-eyebrow{width:38%;height:4px;background:var(--apricot);margin-bottom:2px}.mock-copy>i{height:9px;width:90%;border-radius:2px;background:var(--ink);opacity:.75}.mock-copy>i:nth-of-type(2){width:76%}.mock-copy>i:nth-of-type(3){width:87%;height:3px;background:var(--muted);margin-top:6px}.mock-copy>b{width:43%;height:15px;border-radius:30px;background:var(--primary);margin-top:5px}.mock-product{position:relative;width:50%;height:141px}.product-arch{position:absolute;left:4px;top:5px;width:72px;height:111px;border:17px solid #b9a8d4;border-bottom:0;border-radius:50px 50px 0 0;box-shadow:inset 4px 0 8px #75658f20,4px 3px 5px #75658f20;transform:rotate(10deg)}.product-orb{position:absolute;left:51px;top:69px;width:59px;height:59px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fce5d8,#e9a184 60%,#ba7660);box-shadow:5px 9px 12px #75658f20}.product-slab{position:absolute;left:-8px;right:0;bottom:3px;height:13px;background:var(--sage);transform:skewX(-15deg);box-shadow:2px 3px 0 #acbaaa}.mock-footer{display:flex;gap:14px;justify-content:center;margin-top:21px;border-top:1px solid var(--line);padding:15px 0 5px}.mock-footer span{width:25px;height:4px;background:var(--skeleton)}.work-meta{display:flex;justify-content:space-between;align-items:center;padding:20px 2px}.work-meta h3{font-size:17px;margin-bottom:5px}.work-meta>div>span{font-size:10px;color:var(--muted)}.work-meta .small-orb{border:1px solid var(--line)}.system-window{width:80%;display:flex;min-height:240px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 35px #39334514;transform:rotate(4deg) translateY(8px);transition:transform .6s;overflow:hidden}.work-card:hover .system-window{transform:rotate(0) translateY(0) scale(1.025)}.system-nav{width:38px;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:13px 8px;gap:12px}.system-nav .mini-brand{font-size:24px;margin-bottom:9px}.system-nav i{width:12px;height:12px;border:1px solid var(--line);border-radius:3px}.system-nav .selected{background:var(--soft)}.system-main{padding:17px 13px;flex:1;min-width:0}.system-top{display:flex;justify-content:space-between;align-items:center}.system-top>span{width:43%;height:8px}.system-top>b{width:27px;height:12px;border-radius:20px;background:var(--primary)}.system-stats{display:flex;gap:7px;margin:14px 0}.system-stats>i{flex:1;height:30px;border-radius:5px;border:1px solid var(--line);background:var(--bg)}.system-stats>i:nth-child(2){background:var(--soft)}.kanban{display:flex;gap:7px}.kanban>div{flex:1;min-width:0;background:var(--bg);border-radius:5px;padding:7px}.kanban>div>span{display:block;background:var(--skeleton);width:60%;height:4px;margin-bottom:10px;border-radius:3px}.kanban article{background:var(--surface);border:1px solid var(--line);padding:8px 6px;border-radius:5px;margin-top:6px}.kanban article>i{display:block;width:88%;height:4px;border-radius:3px;background:var(--skeleton);margin-bottom:6px}.kanban article>i:nth-child(2){width:60%}.kanban article>b{display:block;width:35%;height:6px;border-radius:3px;background:var(--soft);margin-top:9px}.kanban>div:last-child article>b{background:var(--sage)}.work-grid.filtered{grid-template-columns:1fr}.work-grid.filtered .work-card{max-width:750px;width:100%;margin:auto}
.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.process-stage{position:relative;min-height:400px;border-radius:17px;background:var(--soft);border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}.process-grid-paper{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#0009,transparent 80%);-webkit-mask-image:radial-gradient(ellipse,#0009,transparent 80%)}.process-stage-label{position:absolute;top:23px;left:25px;display:flex;gap:10px;align-items:center;font-size:10px;z-index:2}.process-object{position:relative;width:290px;height:270px;perspective:800px;transform-style:preserve-3d;transition:transform .7s}.process-sheet{position:absolute;left:40px;top:49px;width:215px;height:190px;border-radius:9px;border:1px solid var(--line);background:var(--surface);box-shadow:0 20px 35px #75658f18;transform:rotateX(13deg) rotateY(-17deg) rotateZ(-7deg);transition:transform .8s,opacity .8s,background .8s}.sheet-back{transform:translate(19px,-17px) rotateX(13deg) rotateY(-17deg) rotateZ(4deg);background:color-mix(in srgb,var(--primary) 9%,var(--surface));opacity:.65}.sheet-front{padding:18px}.sheet-nav{display:flex;gap:8px;justify-content:end;align-items:center}.sheet-nav>span{height:5px;width:22px;background:var(--primary);border-radius:3px;margin-right:auto}.sheet-nav>i{height:3px;width:12px;background:var(--skeleton)}.sheet-headline{display:grid;gap:8px;margin-top:25px}.sheet-headline i{height:8px;width:75%;background:var(--skeleton);border-radius:3px}.sheet-headline i:last-child{width:55%}.sheet-columns{display:flex;gap:8px;margin-top:15px}.sheet-columns>i{height:33px;flex:1;border:1px dashed color-mix(in srgb,var(--primary) 30%,transparent);border-radius:4px;background:var(--bg);transition:background .5s}.sheet-button{width:40px;height:11px;border-radius:20px;background:var(--apricot);margin-top:17px;opacity:.8}.process-node{position:absolute;height:12px;width:12px;border-radius:50%;background:var(--bg);border:2px solid var(--primary);transition:transform .7s,background .7s;z-index:2}.node-one{top:21px;left:10px}.node-two{bottom:22px;left:42px;background:var(--apricot);border-color:var(--apricot)}.node-three{top:83px;right:0}.process-connect{position:absolute;left:-35px;top:-20px;width:360px;height:300px;stroke:var(--primary);stroke-width:1;stroke-dasharray:4 6;opacity:.4}.process-float-icon{position:absolute;right:8px;bottom:6px;width:39px;height:39px;background:var(--sage);border-radius:11px;display:grid;place-items:center;box-shadow:var(--shadow);opacity:0;transform:scale(.5) translateY(15px);transition:opacity .5s,transform .5s}.stage-coordinate{position:absolute;bottom:20px;right:23px;letter-spacing:1px;font-size:8px;color:var(--muted)}.process-stage[data-step="1"] .sheet-front{transform:rotateX(6deg) rotateY(-6deg) rotateZ(0)}.process-stage[data-step="1"] .sheet-back{transform:translate(8px,-8px) rotateZ(0)}.process-stage[data-step="2"] .sheet-columns>i{background:var(--soft);border-style:solid}.process-stage[data-step="2"] .sheet-columns>i:last-child{background:var(--sage)}.process-stage[data-step="3"] .sheet-front{transform:rotateY(13deg) rotateZ(4deg)}.process-stage[data-step="3"] .node-one{transform:translate(23px,15px);background:var(--primary)}.process-stage[data-step="4"] .sheet-front{transform:rotateY(0) rotateZ(0) translateY(-8px)}.process-stage[data-step="4"] .process-float-icon{opacity:1;transform:scale(1) translateY(0)}.process-stage[data-step="4"] .sheet-columns>i{background:var(--sage);border-style:solid}.process-step{border-bottom:1px solid var(--line);transition:padding .4s}.process-step>button{display:flex;gap:22px;align-items:center;width:100%;padding:20px 0;border:0;background:transparent;text-align:left}.process-step>button>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.process-step>button>h3{font-size:18px;flex:1;font-weight:500}.process-step>button>b{width:24px;height:24px;display:grid;place-items:center;font-size:17px;font-weight:400;color:var(--muted);border-radius:50%;background:var(--surface)}.process-step.active>button>h3{color:var(--primary)}.process-step.active>button>b{background:var(--soft);color:var(--primary)}.step-detail{padding:0 0 23px 39px;animation:detail-in .35s ease-out}.step-detail .placeholder{max-width:360px;gap:9px}.step-detail .placeholder span{height:5px}
.audience{display:grid;grid-template-columns:.95fr 1.2fr;gap:90px;padding-top:120px}.audience-intro .eyebrow{margin-bottom:18px}.audience-intro .placeholder{margin-top:28px}.audience-decoration{position:relative;width:155px;height:74px;margin-top:37px}.audience-decoration>span{position:absolute;top:10px;left:8px;width:50px;height:50px;border:1px solid var(--primary);border-radius:10px;transform:rotate(-15deg);opacity:.4}.audience-decoration>span:nth-child(2){left:40px;transform:rotate(0);background:var(--soft);opacity:.8}.audience-decoration>span:nth-child(3){left:73px;transform:rotate(15deg);background:var(--bg);opacity:.65}.audience-decoration>i{position:absolute;left:95px;top:33px;width:10px;height:10px;border-radius:50%;background:var(--apricot)}.audience-list>a{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:24px 0;transition:padding .25s}.audience-list>a:first-child{padding-top:5px}.audience-list>a>span{font-size:10px;color:var(--muted)}.audience-list h3{font-size:16px;font-weight:500;flex:1;letter-spacing:-.3px}.audience-list svg{width:16px;height:16px;color:var(--muted);transition:transform .25s}.audience-list>a:hover{padding-left:7px}.audience-list>a:hover svg{transform:translate(2px,-2px);color:var(--primary)}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-top:100px}.about-visual{position:relative;min-height:330px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:grid;place-items:center;overflow:hidden}.about-logo{width:100px;height:100px;position:relative;z-index:2;box-shadow:0 15px 35px #75658f17;border-radius:22px;overflow:hidden;animation:float 8s ease-in-out infinite}.about-logo img{width:100%;height:100%;object-fit:cover}.about-orbit{position:absolute;border:1px solid var(--line);width:260px;height:260px;border-radius:50%;transform:rotateX(55deg) rotateZ(-25deg)}.orbit-b{transform:rotateX(50deg) rotateZ(65deg);width:280px;height:280px}.about-chip{position:absolute;background:var(--glass);border:1px solid var(--line);border-radius:8px;padding:10px 16px;box-shadow:var(--shadow);font-size:11px;animation:float 8s ease-in-out infinite}.chip-design{top:53px;left:40px}.chip-dev{right:29px;top:135px;animation-delay:-3s}.chip-project{left:65px;bottom:48px;animation-delay:-5s}.about-copy .eyebrow{margin-bottom:18px}.about-copy .placeholder{margin-top:26px}.team-placeholder{display:flex;gap:30px;margin-top:32px}.team-placeholder>div{display:flex;align-items:center;gap:11px}.team-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--primary)}.team-avatar svg{width:16px;height:16px}.team-placeholder .skeleton{width:61px;height:5px;margin-bottom:7px}.team-placeholder small{font-size:9px;color:var(--muted)}
.contact-section{margin:100px 66px 0;display:grid;grid-template-columns:.9fr 1.15fr;overflow:hidden;border-radius:17px;background:var(--ink);color:var(--bg);min-height:485px}.contact-copy{padding:43px 42px;position:relative;overflow:hidden}.contact-copy .eyebrow{color:color-mix(in srgb,var(--bg) 65%,transparent);margin-bottom:24px}.contact-copy h2{font-size:43px;letter-spacing:-1.7px;line-height:1.12}.contact-copy h2 em{color:var(--apricot)}.contact-copy .placeholder{margin-top:25px;max-width:230px}.contact-copy .placeholder>span{background:color-mix(in srgb,var(--bg) 20%,transparent)}.contact-flower{position:relative;width:80px;height:80px;margin-top:33px;animation:flower-turn 25s linear infinite}.contact-flower i{position:absolute;width:36px;height:36px;border-radius:50%;border:1px solid color-mix(in srgb,var(--bg) 35%,transparent);left:5px;top:5px}.contact-flower i:nth-child(2){left:36px}.contact-flower i:nth-child(3){top:36px}.contact-flower i:nth-child(4){top:36px;left:36px}.contact-flower>span{position:absolute;left:33px;top:33px;width:11px;height:11px;border-radius:50%;background:var(--apricot)}.contact-form-wrap{padding:38px 34px;background:var(--soft);color:var(--ink);position:relative;display:flex;align-items:center}.contact-form-wrap form{width:100%}.form-topline{display:flex;align-items:center;gap:10px;font-size:10px;margin-bottom:26px;color:var(--muted)}.form-counter{margin-left:auto;font-size:9px;font-variant-numeric:tabular-nums}.input-row{display:grid;grid-template-columns:1fr 1.25fr;gap:20px}form label{display:grid;gap:10px;font-size:10px;font-weight:500}input[type=text],textarea{width:100%;border:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:transparent;border-radius:0;padding:0 0 13px;color:var(--ink);font-size:12px;outline:none;transition:border-color .2s}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input[type=text]:focus,textarea:focus{border-bottom-color:var(--primary)}input[aria-invalid=true]{border-color:#b86048}fieldset{padding:0;margin:25px 0;border:0;min-width:0}legend{font-size:10px;margin-bottom:12px}.service-choice{display:flex;gap:7px;flex-wrap:wrap}.service-choice label{position:relative;display:block}.service-choice input{position:absolute;opacity:0;width:1px;height:1px}.service-choice label>span{display:block;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);padding:7px 14px;font-size:10px;border-radius:30px;transition:background .2s,color .2s,border-color .2s}.service-choice input:checked+span{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.service-choice input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}textarea{resize:vertical;min-height:72px;max-height:160px}.form-error{font-size:10px;color:#a94731;min-height:20px;margin-top:10px}.form-submit-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:7px}.form-submit-row .button{gap:16px;font-size:11px;padding-left:17px;white-space:nowrap}.demo-note{font-size:9px;color:var(--muted);line-height:1.6}.form-success{width:100%;text-align:center;padding:35px 5px;animation:detail-in .45s}.success-icon{display:grid;place-items:center;width:58px;height:58px;background:var(--sage);color:var(--primary);border-radius:50%;margin:0 auto 22px}.success-icon svg{width:28px;height:28px}.form-success h3{font-size:24px;margin-bottom:16px}.form-success p{font-size:12px;color:var(--muted);line-height:1.8}.form-success .button{margin-top:28px;font-size:11px}
.site-footer{padding:48px 66px 25px}.footer-top{display:grid;grid-template-columns:1.2fr .7fr .85fr 1fr;gap:35px}.footer-top>div:first-child>p{font-size:10px;color:var(--muted);margin-top:12px}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:11px;padding-top:12px}.footer-column>span{font-size:10px;font-weight:600;margin-bottom:6px}.footer-column a,.footer-column button{color:var(--muted)}.footer-column button{border:0;background:transparent;padding:0;text-align:left;font-size:11px}.footer-column a:hover,.footer-column button:hover{color:var(--primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:53px;border-top:1px solid var(--line);padding-top:21px;font-size:9px;color:var(--muted)}.footer-concept{letter-spacing:.4px}.back-top{display:flex;align-items:center;gap:10px}.back-top svg{width:13px;height:13px}
.site-dialog{width:min(730px,calc(100% - 32px));max-height:88dvh;border:1px solid var(--line);border-radius:20px;padding:35px;background:var(--bg);color:var(--ink);overflow-y:auto;box-shadow:0 30px 90px #0003}.site-dialog::backdrop{background:#24212c70;backdrop-filter:blur(8px)}.site-dialog[open]{animation:dialog-in .3s}.site-dialog h2{font-size:31px;margin:19px 0 23px}.dialog-close{position:absolute;top:14px;right:14px;background:var(--surface)}.dialog-close svg{width:18px;height:18px}.case-preview{height:340px;border-radius:12px;overflow:hidden;position:relative;display:grid;place-items:center}.case-preview .browser-mock,.case-preview .system-window{width:70%;max-width:420px}.case-description{display:grid;grid-template-columns:90px 1fr;gap:15px;margin-top:25px;font-size:12px}.case-description .placeholder{max-width:none;padding-top:6px}.dialog-note{font-size:11px;line-height:1.7;color:var(--muted);margin:24px 0}.dialog-contact{font-size:11px}.info-dialog{max-width:500px}.info-dialog>p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:27px}
.enter{animation:entry .9s cubic-bezier(.16,1,.3,1) both}.hero-copy .enter:nth-child(2){animation-delay:.12s}.hero-copy .enter:nth-child(3){animation-delay:.21s}.hero-copy .enter:nth-child(4){animation-delay:.3s}.hero-copy .enter:nth-child(5){animation-delay:.36s}.hero-copy .enter:nth-child(6){animation-delay:.45s}.hero-side.enter{animation-delay:.4s}.reveal{transition:opacity .85s cubic-bezier(.2,.7,.3,1),transform .85s cubic-bezier(.2,.7,.3,1)}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(28px)}.service-card:nth-child(2),.work-card:nth-child(2){transition-delay:90ms}.service-card:nth-child(3){transition-delay:180ms}
@keyframes entry{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sculpture-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes sculpture-turn{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(2deg)}}@keyframes draw-form{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mini-bar{to{transform:scaleY(.65)}}@keyframes ring-turn{0%,100%{transform:rotateY(45deg) rotateX(-18deg)}50%{transform:rotateY(20deg) rotateX(7deg)}}@keyframes ring-turn-alt{0%,100%{transform:rotateY(-50deg) rotateX(45deg)}50%{transform:rotateY(-65deg) rotateX(15deg)}}@keyframes cube-turn{0%,100%{transform:rotateX(-24deg) rotateY(36deg) translateY(0)}50%{transform:rotateX(-15deg) rotateY(52deg) translateY(-7px)}}@keyframes flower-turn{to{transform:rotate(360deg)}}@keyframes detail-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1700px){.hero{padding-top:88px;min-height:720px}.hero-art{height:580px}.hero-side{padding-top:26px}.hero-copy{padding-top:30px}.hero-footnote{margin-top:113px}}
@media(max-width:1300px){.site-frame{width:auto;margin:20px;max-width:none}.site-header{margin:0 45px;height:92px}.hero{padding:60px 45px 20px;min-height:620px;grid-template-columns:1fr 1.15fr .78fr}.hero-art{height:500px}.hero-copy h1{font-size:45px;letter-spacing:-2.2px}.hero-footnote{font-size:9px;margin-top:80px}.hero-side-title{font-size:32px}.direction-list{padding-left:46px;font-size:9px}.widget-progress{margin-left:46px}.direction-widget{margin-left:0}.direction-current{gap:8px;padding:10px}.direction-current strong{font-size:10px}.widget-icon{width:30px;height:30px}.trust-strip{margin:0 45px}.section{padding:85px 45px 0}.approach{gap:50px;padding-top:110px}.work-image{height:300px}.process-grid{gap:45px}.audience{gap:65px}.about{gap:55px}.contact-section{margin:85px 45px 0}.contact-copy{padding:38px 30px}.contact-form-wrap{padding:33px 28px}.site-footer{padding-left:45px;padding-right:45px}.footer-top{gap:25px}.service-card{padding:19px}.service-art{height:160px}}
@media(max-width:1050px){.desktop-nav{gap:21px;margin-left:0}.header-cta{font-size:10px;padding:11px 15px}.header-actions{gap:9px}.brand>span{font-size:27px}.brand img{width:43px;height:43px}.site-header{margin:0 30px}.hero{padding:45px 30px 10px;grid-template-columns:1.07fr 1.05fr .72fr;min-height:560px}.hero-copy h1{font-size:39px;letter-spacing:-1.9px}.hero-art{height:444px}.hero-side-title{font-size:27px}.direction-current{padding:9px 8px}.direction-current small{font-size:8px}.direction-current strong{font-size:9px}.widget-icon{width:25px;height:25px}.widget-icon svg{width:14px;height:14px}.widget-pulse{display:none}.mini-layout{margin-top:57px}.mini-label{font-size:8px}.hero-footnote{font-size:8px;margin-top:65px}.hero-copy .button{font-size:11px;padding-left:17px;gap:15px}.hero-description{max-width:215px}.trust-strip{margin:0 30px}.trust-items>span{font-size:10px}.section{padding:75px 30px 0}.service-grid{gap:13px}.service-card h3{font-size:16px}.service-art{height:145px}.service-card{padding:16px}.card-link{font-size:10px}.approach{gap:35px;padding-top:100px;grid-template-columns:.85fr 1.1fr}.principles{gap:10px;font-size:8px}.dashboard-main{padding:17px}.dashboard{min-height:350px}.work-image{height:275px}.mock-nav{margin-bottom:22px}.browser-content{padding:12px 16px}.mock-hero{min-height:122px}.mock-product{transform:scale(.83);transform-origin:center;height:132px}.system-window{min-height:220px}.system-main{padding:13px 9px}.system-stats{gap:5px}.kanban{gap:4px}.kanban>div{padding:5px}.process-grid{gap:30px}.process-stage{min-height:360px}.audience{gap:40px}.about{gap:35px}.contact-section{margin:75px 30px 0;grid-template-columns:.8fr 1.2fr}.contact-copy h2{font-size:38px}.contact-form-wrap{padding:30px 25px}.input-row{gap:15px}.form-submit-row{gap:10px}.form-submit-row .button{font-size:10px;gap:12px}.service-choice label>span{padding:7px 11px;font-size:9px}.site-footer{padding-left:30px;padding-right:30px}.footer-column,.footer-column button{font-size:10px}.footer-top{gap:17px}}
@media(max-width:800px){html{scroll-padding-top:25px}.site-frame{margin:12px;border-radius:22px}.site-header{height:83px;margin:0 22px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--line)}.menu-toggle span{height:1.5px;width:15px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;margin:0 22px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px 20px;animation:detail-in .3s}.mobile-nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.mobile-nav a:last-child{border-bottom:0;color:var(--primary)}.hero{padding:37px 22px 12px;grid-template-columns:1fr 1fr;min-height:590px;gap:0}.hero-copy{padding-top:7px}.hero-copy h1{font-size:45px;width:118%;margin-top:20px}.hero-art{height:423px;grid-column:2;grid-row:1;align-self:center;margin-top:-14px;margin-left:0}.hero-side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:10px;align-items:center}.direction-widget{max-width:270px}.direction-list,.widget-progress{display:none}.mini-layout{margin-top:0;height:104px;max-width:280px;margin-left:auto;width:100%}.mini-layout-content{height:54px;margin-top:8px}.hero-side-title{display:none}.hero-footnote{margin-top:40px;font-size:9px}.dimension-label{font-size:6px}.floating-chip{font-size:9px;padding:8px 11px}.chip-top{right:2%;top:20%}.chip-bottom{left:0;bottom:17%}.trust-strip{margin:33px 22px 0;padding-bottom:0}.trust-items>span{font-size:8px;gap:6px;padding:15px 7px}.trust-items svg{width:13px;height:13px}.section{padding:75px 22px 0}h2{font-size:35px;letter-spacing:-1.5px}.service-grid{gap:11px}.service-card{padding:14px}.service-art{height:130px}.service-card h3{font-size:15px}.card-link{font-size:9px;margin-top:22px}.small-orb{width:26px;height:26px}.service-art .sphere{transform:scale(.85)}.service-art .glass-ring{scale:.8}.service-art .cube{scale:.8}.approach{grid-template-columns:1fr;gap:24px;padding-top:75px}.approach-copy{max-width:520px}.approach-copy h2 br{display:none}.approach-copy .placeholder{max-width:380px}.principles{margin-top:25px;gap:22px;font-size:9px}.approach-visual{max-width:570px;width:100%;margin:0 auto;overflow:visible}.dashboard{width:100%;min-height:355px}.dashboard-main{padding:20px}.bar-chart{height:115px}.heading-row{align-items:start;flex-direction:column;gap:22px}.section-heading{margin-bottom:28px}.work-grid{gap:15px}.work-image{height:255px}.browser-mock{width:84%}.browser-content{padding:12px}.mock-product{transform:scale(.72);transform-origin:left center}.mock-copy{gap:7px}.mock-copy>i{height:7px}.mock-nav{margin-bottom:14px}.mock-hero{min-height:118px}.mock-footer{margin-top:12px}.system-window{width:84%;min-height:216px}.system-nav{width:30px;padding-left:4px;padding-right:4px}.system-main{padding:13px 8px}.work-meta h3{font-size:15px}.work-meta>div>span{font-size:8px}.process-grid{gap:28px;grid-template-columns:.95fr 1fr}.process-stage{min-height:320px}.process-object{scale:.8}.process-step>button{gap:12px;padding:17px 0}.process-step>button h3{font-size:14px}.step-detail{padding-left:29px}.process-stage-label{left:18px;font-size:9px}.stage-coordinate{font-size:7px;right:15px}.audience{grid-template-columns:1fr;gap:28px}.audience-intro h2 br{display:none}.audience-decoration{display:none}.audience-list>a{padding:20px 0}.audience-list h3{font-size:17px}.about{grid-template-columns:1fr;gap:32px}.about-visual{max-width:520px;width:100%;margin:auto;min-height:320px}.about-copy h2 br{display:none}.about-copy .placeholder{max-width:380px}.contact-section{margin:75px 22px 0;grid-template-columns:1fr}.contact-copy{padding:33px 30px}.contact-copy h2{font-size:39px}.contact-copy h2 br{display:none}.contact-copy h2{max-width:400px}.contact-copy .placeholder{max-width:320px;margin-top:21px}.contact-flower{position:absolute;right:30px;bottom:24px;width:60px;height:60px;scale:.8;opacity:.8}.contact-form-wrap{padding:30px}.form-submit-row .button{font-size:11px;gap:22px}.service-choice label>span{font-size:10px;padding:8px 15px}.site-footer{padding:35px 22px 22px}.footer-top{grid-template-columns:1.2fr 1fr 1fr;gap:26px}.footer-top>div:first-child{grid-column:1/-1}.footer-column{padding-top:0}.footer-top>div:first-child>p{margin-top:6px}.footer-bottom{margin-top:30px}}
@media(max-width:540px){.site-frame{margin:8px;border-radius:19px}.site-header{margin:0 18px;height:76px;gap:10px}.brand img{width:37px;height:37px}.brand>span{font-size:25px;letter-spacing:-1.4px}.header-actions{gap:7px}.icon-button{width:33px;height:33px}.header-cta{font-size:9px;padding:9px 12px;gap:8px}.header-cta svg{width:12px;height:12px}.theme-toggle{border:0;width:29px}.mobile-nav:not([hidden]){margin-left:18px;margin-right:18px}.hero{display:flex;flex-direction:column;gap:0;padding:28px 23px 0;min-height:0}.hero-copy{width:100%;padding-top:0}.hero-copy h1{font-size:clamp(38px,10.7vw,55px);letter-spacing:-2.2px;width:100%;line-height:1.12;margin:19px 0 22px}.eyebrow{font-size:8px;letter-spacing:.8px}.hero-description{max-width:260px;margin-bottom:23px}.hero-copy .button{font-size:11px;gap:22px;padding-left:19px}.quiet-link{display:inline-flex;margin:0 0 0 15px;font-size:9px;gap:5px}.quiet-link svg{width:12px;height:12px}.hero-footnote{margin-top:20px;font-size:8px}.hero-art{width:100%;height:345px;margin:9px 0 -4px}.art-stage{width:110%;margin-left:-5%}.art-halo{inset:10px -30px 0}.chip-top{right:5%;top:19%}.chip-bottom{left:8%;bottom:18%}.dimension-left{left:8%;top:53%}.dimension-right{right:8%;bottom:5%}.hero-side{width:100%;grid-template-columns:1fr;gap:0;padding:0 4px 0;margin-top:0}.direction-widget{max-width:none}.direction-current{padding:11px 14px;gap:12px}.widget-icon{width:30px;height:30px}.direction-current small{font-size:8px}.direction-current strong{font-size:11px}.widget-pulse{display:block}.mini-layout{display:none}.trust-strip{margin:30px 18px 0;gap:12px}.trust-strip>span{font-size:7px;letter-spacing:.7px}.trust-items{flex-direction:column;border-radius:12px}.trust-items>span{font-size:10px;padding:11px 12px;gap:10px}.trust-items>span+span{border-left:0;border-top:1px solid var(--line)}.trust-items svg{width:14px;height:14px}.section{padding:63px 23px 0}h2{font-size:32px;letter-spacing:-1.5px}.section-heading .eyebrow{margin-bottom:15px}.centered-placeholder{max-width:230px;margin-top:21px}.service-grid{grid-template-columns:1fr;gap:15px}.service-card{padding:20px}.service-art{height:170px;margin-top:12px;margin-bottom:20px}.service-card h3{font-size:19px}.service-card .placeholder{max-width:260px}.card-link{font-size:11px;margin-top:22px}.small-orb{width:30px;height:30px}.service-art .sphere,.service-art .glass-ring,.service-art .cube{scale:1}.service-art .sphere{transform:none}.service-card:nth-child(2),.service-card:nth-child(3),.work-card:nth-child(2){transition-delay:0s}.approach{gap:22px}.approach-copy .placeholder{margin:22px 0 25px}.approach-copy .button{font-size:11px}.principles{gap:10px;margin-top:24px;font-size:8px}.principles i{width:15px;height:15px;font-size:6px}.approach-visual{padding-top:30px}.floating-note{padding:9px 13px;right:7px;font-size:9px}.dashboard{min-height:0;transform:rotateY(-5deg) rotateZ(-2deg);width:calc(100% + 5px)}.dashboard-header{padding:11px 13px}.dashboard-header .mini-brand{font-size:25px}.dashboard-sidebar{width:33px;padding:14px 4px;gap:8px}.dashboard-sidebar>span{height:24px}.dashboard-main{padding:14px 11px}.dashboard-title b{font-size:9px}.dashboard-title>span{font-size:7px}.dash-kpis{gap:5px;margin-top:13px}.dash-kpis>div{padding:9px 7px}.dash-kpis b{height:9px}.dash-chart{padding:10px 9px 0}.chart-heading{font-size:7px}.bar-chart{height:85px;gap:5px}.dash-bottom{gap:7px}.dash-bottom>div{padding:8px}.dash-donut{gap:8px}.dash-donut>div{width:36px;height:36px}.dash-donut>div:after{inset:6px}.dash-table{gap:7px}.work-grid{grid-template-columns:1fr;gap:14px}.work-image{height:285px}.browser-mock{max-width:330px;width:80%}.browser-content{padding:14px 17px}.mock-copy>i{height:9px}.mock-nav{margin-bottom:24px}.mock-product{transform:scale(.85);height:133px}.mock-footer{margin-top:19px}.system-window{width:80%;max-width:330px;min-height:220px}.system-nav{width:35px}.system-main{padding:15px 12px}.system-stats{gap:7px}.kanban{gap:6px}.kanban>div{padding:6px}.work-meta{padding:17px 0}.work-meta h3{font-size:17px}.work-meta>div>span{font-size:9px}.heading-row h2{max-width:280px}.work-filter button{font-size:10px}.process-grid{grid-template-columns:1fr;gap:20px}.process-stage{min-height:315px}.process-object{scale:.85}.process-step>button{padding:18px 0;gap:20px}.process-step>button h3{font-size:16px}.step-detail{padding-left:35px}.audience{gap:28px}.audience-intro h2 br{display:block}.audience-list>a{gap:13px;padding:20px 0}.audience-list h3{font-size:14px}.audience-list svg{width:15px;height:15px}.about{gap:26px}.about-visual{min-height:280px}.about-logo{width:82px;height:82px}.chip-design{left:23px;top:45px}.chip-dev{right:17px;top:130px}.chip-project{left:32px;bottom:35px}.about-chip{font-size:9px;padding:9px 12px}.about-orbit{width:210px;height:210px}.orbit-b{width:230px;height:230px}.team-placeholder{gap:24px;margin-top:27px}.contact-section{margin:63px 18px 0;border-radius:14px}.contact-copy{padding:30px 25px}.contact-copy h2{font-size:35px;max-width:240px}.contact-copy .eyebrow{margin-bottom:20px}.contact-copy .placeholder{max-width:190px}.contact-flower{scale:.62;right:12px;bottom:19px}.contact-form-wrap{padding:27px 23px}.input-row{grid-template-columns:1fr;gap:22px}.form-topline{margin-bottom:26px}.service-choice{gap:6px}.service-choice label>span{padding:7px 12px;font-size:9px}.form-submit-row{align-items:start;flex-direction:column;gap:14px}.demo-note{font-size:8px}.demo-note br{display:none}.form-submit-row .button{font-size:11px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-column:last-child{grid-column:1/-1}.footer-top>div:first-child>p{font-size:10px;margin-top:8px}.footer-bottom{font-size:8px;gap:15px}.footer-concept{display:none}.site-dialog{padding:27px 22px}.site-dialog h2{font-size:27px}.case-preview{height:260px}.case-preview .browser-mock,.case-preview .system-window{width:87%}.case-description{grid-template-columns:60px 1fr;font-size:11px}.dialog-note{font-size:10px}.dialog-contact{font-size:10px;padding-left:13px;gap:10px}.info-dialog>p{font-size:12px}}
:root{--hero-logo-stroke:#393345}
[data-theme=dark]{--hero-logo-stroke:#B9A8D4}
.hero-original-mark{overflow:visible;stroke-width:0}
.original-mark-lines,.original-mark-node,.original-mark-accent{stroke:var(--hero-logo-stroke)}
.original-mark-node{fill:var(--bg)}
.original-mark-accent{fill:#E9A184}
.logo-claw{transform-box:view-box}
.logo-claw-upper{transform-origin:112px 52px;animation:claw-pinch-upper 8.5s cubic-bezier(.45,0,.25,1) infinite}
.logo-claw-lower{transform-origin:142px 104px;animation:claw-pinch-lower 8.5s cubic-bezier(.45,0,.25,1) infinite}
.is-grabbing .logo-claw-upper{animation:claw-grab-upper 1.5s cubic-bezier(.45,0,.25,1) 1}
.is-grabbing .logo-claw-lower{animation:claw-grab-lower 1.5s cubic-bezier(.45,0,.25,1) 1}
.art-paused .logo-claw,.art-paused .forma-sculpture,.art-paused .floating-chip{animation-play-state:paused}
.js-motion .reveal[data-reveal]{transition-duration:1.05s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.js-motion .reveal:not(.visible)[data-reveal=from-right]{transform:translateX(82px)}
.js-motion .reveal:not(.visible)[data-reveal=from-left]{transform:translateX(-62px)}
.service-card:nth-child(2){transition-delay:120ms}.service-card:nth-child(3){transition-delay:240ms}
.scroll-window{translate:0 var(--window-shift,0px);transition-property:transform,translate;transition-duration:.6s,.22s;transition-timing-function:ease,ease-out}
.contact-section.visible .contact-form-wrap{animation:form-panel-in .85s cubic-bezier(.16,1,.3,1) .12s both}
@keyframes claw-pinch-upper{0%,15%,48%,100%{transform:rotate(0)}26%,34%{transform:rotate(8deg)}}
@keyframes claw-pinch-lower{0%,15%,48%,100%{transform:rotate(0)}26%,34%{transform:rotate(-13deg)}}
@keyframes claw-grab-upper{0%,100%{transform:rotate(0)}35%,55%{transform:rotate(8deg)}}
@keyframes claw-grab-lower{0%,100%{transform:rotate(0)}35%,55%{transform:rotate(-13deg)}}
@keyframes form-panel-in{from{opacity:.6;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:540px){.js-motion .reveal:not(.visible)[data-reveal=from-right]{transform:translateX(34px)}.js-motion .reveal:not(.visible)[data-reveal=from-left]{transform:translateX(-28px)}.service-card:nth-child(2),.service-card:nth-child(3){transition-delay:0s}}
@media(max-width:360px){.site-header{margin:0 14px;gap:6px}.site-header .brand img{width:32px;height:32px}.site-header .brand>span{font-size:23px}.header-actions{gap:3px}.header-cta{white-space:nowrap;font-size:8px;padding:9px}.header-cta svg{display:none}.theme-toggle{width:24px}.menu-toggle{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}.f-stroke{stroke-dashoffset:0}.bar-chart>i{transform:none!important}.connection-flow{display:none}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal:not(.visible)[data-reveal]{transform:none}.scroll-window{translate:none}}

/* Content typography: keep illustrative skeletons inside mock interfaces only. */
.body-copy{font-size:14px;line-height:1.8;color:var(--muted);margin:0;overflow-wrap:break-word}
.hero-description{margin:0 0 27px;max-width:310px;font-size:13px;line-height:1.85}
.section-description{max-width:510px;margin:22px auto 0}
.service-grid{align-items:stretch}.service-card{display:flex;flex-direction:column}.service-description{font-size:13px;line-height:1.8}.service-examples{font-size:10px;line-height:1.8;color:var(--primary);margin:17px 0 0}.service-card .card-link{margin-top:auto;padding-top:25px}
.approach-description{margin:24px 0 28px}.approach-points{display:grid;gap:17px;margin-top:32px}.approach-points b{font-weight:600;font-size:12px}.approach-points p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.work-intro{max-width:610px;margin-bottom:27px}.work-meta>div{min-width:0}.work-meta h3{line-height:1.5}.work-meta>div>span{display:block;line-height:1.7}
.step-detail .body-copy{font-size:13px;max-width:400px}.audience-intro>.body-copy{margin-top:23px}.audience-item-copy{flex:1;min-width:0}.audience-item-copy p{font-size:12px;line-height:1.75;color:var(--muted);margin:8px 0 0}.audience-list>a>svg{flex-shrink:0}
.about-description{margin-top:25px}.expertise-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}.expertise-tags span{border:1px solid var(--line);border-radius:20px;padding:9px 12px;color:var(--primary);font-size:10px}
.contact-copy .contact-description{color:color-mix(in srgb,var(--bg) 85%,transparent);margin-top:26px;max-width:300px;position:relative;z-index:1}.contact-flower{margin-top:30px}.case-description .body-copy{font-size:12px}
@media(max-width:1050px){.desktop-nav{gap:15px}.desktop-nav a{font-size:10px}.hero-description{font-size:12px}.trust-items>span{font-size:9px;text-align:center}.service-description{font-size:12px}.service-examples{font-size:9px}}
@media(max-width:800px){.hero-copy h1{width:100%}.hero-description{max-width:300px}.trust-items>span{font-size:9px}.approach-copy{max-width:none}.contact-copy .contact-description{max-width:430px;padding-right:50px}.contact-flower{opacity:.3}.work-meta h3{font-size:15px}}
@media(max-width:540px){.body-copy{font-size:13px}.hero-description{font-size:13px;max-width:330px}.trust-items>span{font-size:10px;text-align:left}.service-description{font-size:13px}.service-examples{font-size:10px}.work-meta h3{font-size:17px}.work-meta>div>span{font-size:10px}.process-step>button{gap:12px}.process-step>button h3{font-size:15px;line-height:1.5}.contact-copy h2{max-width:none;font-size:32px}.contact-copy .contact-description{padding:0;max-width:none}.contact-flower{display:none}.audience-item-copy p{font-size:12px}}

.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-consent{display:grid;grid-template-columns:16px 1fr;gap:7px 10px;align-items:start;margin:19px 0;font-size:11px;color:var(--muted);line-height:1.7}.form-consent input{width:16px;height:16px;margin:3px 0 0;accent-color:var(--primary)}.form-consent label{display:block;font-size:11px;line-height:1.7}.form-consent button{grid-column:2;padding:0;width:fit-content;background:none;border:0;color:var(--primary);text-decoration:underline;font-size:11px;cursor:pointer}.button:disabled{opacity:.65;cursor:wait}

/* Fluid layout sizes shrink illustrations and spacing, while controls stay usable. */
@media(max-width:800px){
  .site-frame{margin:clamp(6px,1.5vw,12px);border-radius:clamp(16px,3vw,22px)}
  .site-header{height:clamp(64px,10vw,78px);margin:0 clamp(14px,3vw,22px);gap:8px}
  .section{padding:clamp(36px,7vw,60px) clamp(18px,4vw,30px) 0}
  h2{font-size:clamp(25px,4.4vw,34px);letter-spacing:-1.1px;line-height:1.2}
  .hero{padding:clamp(22px,4vw,35px) clamp(18px,4vw,30px) 0;min-height:0}
  .hero-copy h1{font-size:clamp(30px,5.5vw,43px);letter-spacing:-1.5px;margin:16px 0 18px}
  .hero-description{font-size:14px;line-height:1.7;margin-bottom:20px}
  .hero-art{height:clamp(225px,45vw,350px)}
  .hero-footnote{margin-top:20px}.hero-side{padding-top:14px}
  .section-heading{margin-bottom:24px}.section-description{margin-top:16px}
  .approach{gap:20px}.approach-description{margin:18px 0 22px}.approach-points{gap:13px;margin-top:23px}
  .work-intro{margin-bottom:20px}.about{gap:20px}.about-description{margin-top:18px}
  .contact-section{margin:clamp(36px,7vw,60px) clamp(14px,3vw,22px) 0}
  .contact-copy{padding:clamp(24px,4vw,32px)}.contact-copy h2{font-size:clamp(26px,4.8vw,36px)}
  .contact-copy .contact-description{margin-top:17px}.contact-form-wrap{padding:clamp(20px,4vw,30px)}
  .contact-form-wrap input[type=text],.contact-form-wrap textarea{font-size:16px}
  .service-choice label>span{min-height:38px;display:flex;align-items:center}
  .form-consent{font-size:12px;gap:8px 11px}.form-consent label,.form-consent button{font-size:12px}
  .site-footer{padding:28px clamp(18px,4vw,30px) 20px}
  .site-dialog{padding:26px 20px}.site-dialog h2{font-size:clamp(23px,4.3vw,30px);line-height:1.25}
  .case-preview{height:clamp(200px,45vw,300px)}
}
@media(max-width:540px){
  .site-header .brand img{width:clamp(28px,7.7vw,35px);height:clamp(28px,7.7vw,35px)}
  .site-header .brand>span{font-size:clamp(21px,5.8vw,26px);letter-spacing:-1.2px}
  .header-actions{gap:2px}.site-header .icon-button{width:40px;height:44px;padding:10px}
  .site-header .header-cta{min-height:40px;padding:8px 11px;font-size:10px;white-space:nowrap;gap:7px}
  .mobile-nav:not([hidden]){margin:0 16px 10px}.mobile-nav a{min-height:44px;padding:11px 0}
  .hero{padding-top:22px}.hero-copy h1{font-size:clamp(28px,8.1vw,39px);line-height:1.15;width:100%;letter-spacing:-1.4px}
  .hero .eyebrow{font-size:9px}.hero-description{max-width:none;font-size:14px;line-height:1.7;margin-bottom:18px}
  .hero-copy .button{font-size:12px;min-height:44px;gap:14px;padding-left:17px}.button-orb{width:32px;height:32px}
  .quiet-link{min-height:44px;font-size:11px;margin-left:12px;gap:6px}.hero-footnote{margin-top:13px;font-size:10px}
  .hero-art{height:clamp(180px,55vw,270px);margin:12px 0 0;width:100%}
  .art-stage{width:100%;margin-left:0}.art-halo{inset:0 -16px}.floating-chip{font-size:8px;padding:6px 8px;gap:6px}.chip-top{right:7%;top:15%}.chip-bottom{left:10%;bottom:16%}
  .dimension-label{font-size:6px;letter-spacing:1px}.hero-side{padding:0;margin-top:8px}
  .direction-current{min-height:50px;padding:8px 12px}.widget-icon{width:28px;height:28px}.direction-current strong{font-size:11px}
  .trust-strip{margin:24px 18px 0;gap:9px}.trust-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:10px}
  .trust-items>span{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:7px;padding:10px 6px;font-size:10px;line-height:1.5;white-space:normal;min-width:0}
  .trust-items>span+span{border-top:0;border-left:1px solid var(--line)}.trust-items svg{width:13px;height:13px}
  h2{font-size:clamp(24px,6.7vw,32px);line-height:1.22}.section-heading .eyebrow{margin-bottom:12px}.body-copy{font-size:14px;line-height:1.7}
  .section-description{font-size:13px;margin-top:15px}.service-grid{gap:13px}
  .service-card{display:grid;grid-template-columns:minmax(0,1fr) clamp(78px,23vw,112px);column-gap:14px;row-gap:13px;padding:clamp(14px,4vw,20px);border-radius:13px}
  .service-card .card-top{grid-column:1/-1}.service-art{grid-column:2;grid-row:2;height:clamp(78px,23vw,112px);margin:0;border-radius:9px}
  .service-card h3{grid-column:1;grid-row:2;align-self:center;font-size:clamp(17px,4.5vw,21px);line-height:1.35;margin:0}
  .service-description{grid-column:1/-1;font-size:13px;line-height:1.75}.service-examples{grid-column:1/-1;font-size:10px;margin:0;line-height:1.8}
  .service-card .card-link{grid-column:1/-1;margin:0;padding:0;min-height:44px;font-size:12px}.service-art .sphere{scale:.6}.service-art .glass-ring{scale:.55}.service-art .cube{scale:.52}.service-art .object-shadow{width:50px;bottom:12px}.drawing-cross{font-size:9px}
  .approach-points b{font-size:13px}.approach-points p{font-size:12px}.approach-visual{padding-top:20px}.floating-note{font-size:9px}
  .dashboard{width:100%;min-height:0}.dashboard-main{padding:12px 10px}.bar-chart{height:clamp(65px,18vw,95px)}
  .work-image{height:clamp(185px,53vw,260px);border-radius:12px}.browser-mock{width:83%}.browser-content{padding:10px 12px}.mock-nav{margin-bottom:12px}.mock-hero{min-height:94px}.mock-product{transform:scale(.62);height:95px;transform-origin:left center}.mock-footer{margin-top:10px}
  .system-window{width:83%;min-height:180px}.system-main{padding:10px 8px}.system-nav{width:29px}.system-stats{margin-top:9px}.kanban{gap:4px}.kanban>div{padding:4px}
  .work-meta{padding:12px 0}.work-meta h3{font-size:16px;line-height:1.4}.work-meta>div>span{font-size:11px;margin-top:6px}.preview-tag{font-size:8px}
  .process-grid{gap:15px}.process-stage{height:clamp(205px,54vw,275px);min-height:0;border-radius:12px}.process-object{scale:.64}.process-stage-label{top:16px;left:16px}.stage-coordinate{font-size:6px;bottom:14px}
  .process-step>button{min-height:54px;padding:14px 0;gap:11px}.process-step>button h3{font-size:14px}.step-detail{padding:0 0 16px 28px}.step-detail .body-copy{font-size:13px}
  .audience{gap:18px}.audience-intro>.body-copy{margin-top:16px}.audience-list>a{padding:16px 0;gap:12px}.audience-item-copy h3{font-size:15px;line-height:1.45}.audience-item-copy p{font-size:12px;line-height:1.65;margin-top:6px}
  .about-visual{min-height:clamp(185px,50vw,250px);border-radius:12px}.about-logo{width:clamp(58px,16vw,78px);height:clamp(58px,16vw,78px);border-radius:15px}.about-orbit{width:165px;height:165px}.orbit-b{width:190px;height:190px}
  .about-chip{font-size:9px;padding:7px 10px}.chip-design{left:18px;top:30px}.chip-dev{right:16px;top:95px}.chip-project{left:25px;bottom:24px}.expertise-tags{margin-top:18px;gap:7px}.expertise-tags span{font-size:10px;padding:7px 10px}
  .contact-copy{padding:23px 20px}.contact-copy h2{font-size:clamp(25px,6.7vw,32px)}.contact-copy .eyebrow{margin-bottom:15px}.contact-copy .contact-description{margin-top:15px;font-size:13px}
  .contact-form-wrap{padding:22px 20px}.form-topline{margin-bottom:20px}.input-row{gap:17px}.contact-form-wrap input[type=text]{min-height:44px}.contact-form-wrap textarea{min-height:86px;line-height:1.6}.service-choice{gap:7px}.service-choice label>span{padding:7px 12px;font-size:11px}.form-submit-row{gap:12px}.form-submit-row .button{font-size:12px;min-height:44px}
  .demo-note{font-size:10px}.footer-top{gap:22px}.footer-column,.footer-column button{font-size:12px}.footer-column a,.footer-column button{min-height:32px}.footer-top>div:first-child>p{font-size:12px}.footer-bottom{margin-top:22px;font-size:10px}
  .site-dialog h2{font-size:24px;margin:15px 0 20px}.case-preview{height:clamp(190px,55vw,260px)}.case-description{grid-template-columns:1fr;gap:5px;margin-top:18px}.case-description .body-copy,.dialog-note,.info-dialog>p{font-size:13px}.dialog-contact{font-size:11px;min-height:44px}
}
@media(max-width:360px){.site-header .header-cta{display:none}.site-header{gap:10px}.header-actions{gap:6px}.hero-copy .quiet-link{display:flex;margin:3px 0 0}.process-object{scale:.57}}