@font-face{font-family:Poppins;src:url('assets/poppins-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('assets/poppins-medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url('assets/poppins-semibold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url('assets/poppins-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#171b1d;--paper:#f5f5f0;--cyan:#20b8e3;--muted:#636967;--line:#dbded7;--white:#fff;--dark:#151a1d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #087a9a;outline-offset:5px}button:disabled{cursor:default}img{max-width:100%}p{line-height:1.85}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(36px,4vw,57px);line-height:1.16;letter-spacing:-2.7px;margin-bottom:24px}h3{letter-spacing:-1.1px}.wrap{max-width:1320px;width:calc(100% - 112px);margin-inline:auto}.section{padding-block:104px}.eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:500;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 23px;border-radius:7px;font-size:12px;font-weight:500;transition:background .2s,transform .2s;min-height:54px}.button>span{font-size:22px;line-height:1;transition:transform .25s}.button:hover>span{transform:translate(3px,-3px)}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:#fff}.dark:hover{background:#303a3e}.light{background:#f8f8f2;color:var(--ink)}.small{font-size:10px;padding:12px 16px;min-height:43px;gap:20px}.skip{position:fixed;top:-100px;z-index:999;background:var(--cyan);padding:20px}.skip:focus{top:0}.cyan{color:var(--cyan)}.header{height:100px;padding:0 56px;max-width:1600px;margin:auto;display:flex;align-items:center;gap:44px}.brand{display:block;line-height:0;flex-shrink:0}.brand img{width:151px;height:auto}.nav{display:flex;gap:29px;margin-left:auto}.nav a{font-size:11px;position:relative}.nav a:after{content:'';position:absolute;bottom:-7px;left:0;height:2px;width:0;background:var(--cyan);transition:width .25s}.nav a:hover:after{width:100%}.header-end{display:flex;align-items:center;gap:22px}.lang{background:none;padding:10px 0;font-size:10px}.lang span{margin-left:5px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;align-items:center;min-height:650px;padding-top:34px;padding-bottom:65px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:25px}.tiny-dot{height:6px;width:6px;border-radius:100%;background:var(--cyan);box-shadow:0 0 0 5px #20b8e318}h1{font-size:clamp(58px,6.8vw,96px);line-height:1.075;letter-spacing:-6px;margin-bottom:28px;font-weight:500;white-space:nowrap}h1 em{font-weight:500;font-style:normal;color:#109fc7;position:relative}h1 em:after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:2px;background:#20b8e365}.hero-copy>p{color:#606764;max-width:385px;font-size:13px;line-height:1.9;margin-bottom:30px}.hero-foot{margin-top:47px;font-size:9px;display:flex;align-items:center;gap:10px;color:#6b726e}.mini-cross{font-size:26px;line-height:1;color:#67716c;animation:spin 24s linear infinite}.playground{height:520px;position:relative;background:#e8ede7;border:1px solid #e0e6de;border-radius:16px;overflow:hidden;isolation:isolate}.playground:before{position:absolute;inset:0;content:'';background-image:radial-gradient(#9fb2a24a .7px,transparent .7px);background-size:16px 16px;z-index:-1}.playground-top{position:absolute;left:23px;right:19px;top:18px;display:flex;align-items:center;justify-content:space-between;z-index:5}.playground-top>span{font-size:8px;letter-spacing:1.2px;display:flex;align-items:center;gap:6px;color:#536158}.playground-top i{width:5px;height:5px;border-radius:50%;background:#778d68}.motion-control{background:#ffffff86;border:1px solid #cfd8ce;border-radius:50%;width:29px;height:29px;display:grid;place-content:center;font-size:10px}.orbit{position:absolute;border:1px solid #a7bbaa60;width:460px;height:460px;border-radius:50%;top:18px;left:90px;transform:rotate(-35deg) scaleY(.7)}.orbit-two{top:78px;left:-60px;transform:rotate(40deg) scaleY(.7)}.orb{position:absolute;right:27px;top:47px;width:167px;height:167px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#abecff 0%,#20b8e3 42%,#0595bb 72%,#045c6f 100%);box-shadow:inset -8px -10px 20px #04577630,7px 20px 22px #12697924;display:grid;place-content:center;animation:bob 7s ease-in-out infinite;transform:rotate(15deg)}.orb>span{font-size:62px;font-weight:600;color:#c7f5ff;letter-spacing:-6px;transform:rotate(-15deg);text-shadow:1px 3px 1px #087a9b}.orb>span>span{color:#fff}.demo-stage{position:absolute;left:28px;right:53px;top:138px;min-height:235px;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 22px 44px #203a2930;transform:rotate(-5deg);transition:transform .65s,box-shadow .3s;z-index:2;animation:float-card 8s ease-in-out infinite}.playground:hover .demo-stage{box-shadow:0 30px 50px #203a2940}.browser-bar{height:28px;border-bottom:1px solid #edf0e9;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#fbfcf8;color:#89918a;font-family:monospace;font-size:7px}.browser-bar>span:first-child{color:#bec5ba;letter-spacing:2px}.browser-bar>span:last-child{font-size:12px}#hero-demo{min-height:231px;animation:appear .4s ease}.mini-website{padding:18px 23px 13px}.mini-nav{display:flex;align-items:center;justify-content:space-between;font-size:6px}.mini-nav b{font-size:11px;letter-spacing:-.6px}.mini-nav b span{color:#00abd0}.mini-layout{display:grid;grid-template-columns:1.3fr .85fr;padding-top:29px;gap:9px;align-items:center}.mini-layout small{font-size:5px;letter-spacing:1.2px}.mini-layout h3{font-size:24px;font-weight:500;line-height:1.15;margin:9px 0 14px;letter-spacing:-1.2px}.mini-cta{display:inline-flex;font-size:5px;padding:8px 12px;background:#202d26;border-radius:3px;color:white;gap:5px}.mini-sculpture{height:100px;position:relative;perspective:200px}.mini-sculpture i{display:block;width:90px;height:39px;border-radius:50%;position:absolute;top:15px;left:0;background:linear-gradient(150deg,#c9fdd9,#5cba70 40%,#247749);box-shadow:0 12px 0 #317c49;transform:rotate(-30deg) skew(9deg);animation:sculpture 7s ease-in-out infinite}.mini-sculpture i:nth-child(2){top:40px;left:22px;background:linear-gradient(150deg,#f4ffd1,#b2d475);box-shadow:0 12px 0 #7c9e50;animation-delay:-1s}.mini-sculpture i:nth-child(3){top:65px;left:45px;background:linear-gradient(150deg,#f0f9d5,#d5e6b2);box-shadow:0 12px 0 #9caf85;animation-delay:-2s}.mini-footer{display:flex;justify-content:space-between;margin-top:22px;padding-top:10px;border-top:1px solid #ebeee6;font-size:5px;color:#6e7970;letter-spacing:.7px}.floating-label{position:absolute;z-index:3;right:16px;top:374px;display:flex;align-items:center;gap:8px;background:#fff;padding:13px 16px;border-radius:7px;box-shadow:0 8px 20px #21492e14;transform:rotate(3deg);font-size:8px;animation:bob 7s -3s ease-in-out infinite}.check{background:#d9f3d0;color:#416932;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.demo-tabs{position:absolute;bottom:44px;left:18px;right:18px;display:flex;gap:6px;z-index:4}.demo-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;background:#ffffff80;border:1px solid #ccd8c9;border-radius:6px;padding:11px 4px;transition:background .2s,color .2s}.demo-tabs button span{font-family:monospace;font-size:7px;opacity:.6}.demo-tabs button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}.playground-note{position:absolute;bottom:15px;width:100%;text-align:center;font-size:7px;letter-spacing:1px;color:#72806f}.mini-software,.mini-ai{padding:22px}.mini-software>small,.mini-ai>small{font-size:6px;letter-spacing:1.2px}.mini-software h3,.mini-ai h3{font-size:21px;margin:8px 0 18px;letter-spacing:-1px}.mini-software p,.mini-ai p{font-size:7px;color:var(--muted);margin-bottom:0}.mini-kanban{display:flex;gap:8px;margin-bottom:14px}.mini-kanban>div{background:#f1f4ee;padding:9px;flex:1;border-radius:4px}.mini-kanban b{display:flex;justify-content:space-between;font-size:5px;margin-bottom:7px}.mini-kanban i{display:block;height:14px;margin-top:5px;border-radius:2px;background:white;border-left:2px solid var(--cyan);animation:kanban 5s ease-in-out infinite}.mini-kanban>div:nth-child(2) i{animation-delay:-1.5s}.mini-kanban>div:nth-child(3) i{animation-delay:-3s}.mini-ai{background:#f4f8fa;min-height:231px}.ai-chain{display:flex;align-items:center;justify-content:center;padding:8px 0 25px}.ai-chain>span,.ai-chain>strong{width:42px;height:42px;border:1px solid #ccdce3;background:#fff;border-radius:9px;display:grid;place-items:center;font-size:22px}.ai-chain>strong{background:var(--cyan);border-color:var(--cyan);font-size:32px;animation:pulse 3s infinite}.ai-chain i{height:1px;background:#b6c8d0;width:35px;position:relative}.ai-chain i:after{content:'';position:absolute;top:-2px;left:0;width:5px;height:5px;background:var(--cyan);border-radius:50%;animation:travel 2s linear infinite}.client-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;padding-block:27px;gap:48px}.client-strip>span{font-size:9px;max-width:92px;color:var(--muted)}.client-names{display:flex;flex:1;align-items:center;justify-content:space-between;gap:20px}.client-names>b{font-size:24px;font-weight:600;letter-spacing:-1.4px;color:#4e5753;white-space:nowrap}.client-names>b>span{font-size:10px;vertical-align:super;margin-left:2px}.client-names .hl{font-size:24px}.client-names .wm{font-size:17px;letter-spacing:-1px}.client-names .lf{font-size:20px;letter-spacing:-1px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:50px}.section-head .eyebrow{margin-bottom:22px}.section-head h2{margin-bottom:0}.section-head>p{max-width:335px;font-size:12px;color:var(--muted);margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr)}.service-card{padding:0 35px 8px;border-right:1px solid var(--line);transition:background .3s}.service-card:first-child{padding-left:0}.service-card:last-child{border:0;padding-right:0}.service-card.highlight{background:#d8f2f8}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.service-top svg{height:42px;width:42px;stroke:#2a3a35;stroke-width:1.3;fill:none;transition:transform .35s}.service-card:hover svg{transform:rotate(-8deg)}.service-top>span{font-size:10px;color:#828983}.service-card h3{font-size:29px;line-height:1.25;margin-bottom:18px}.service-card p{font-size:11px;color:var(--muted);max-width:310px;min-height:70px}.text-link{background:none;padding:10px 0 0;display:flex;width:100%;justify-content:space-between;align-items:center;font-size:10px;font-weight:500}.text-link>span{font-size:24px;transition:transform .2s}.text-link:hover>span{transform:translate(3px,-3px)}.featured{background:var(--dark);color:#f5f5ee;overflow:hidden;position:relative}.featured:before{content:'';width:500px;height:500px;border-radius:50%;border:1px solid #ffffff0a;position:absolute;right:-50px;top:-200px}.featured-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20;padding-bottom:27px;margin-bottom:53px}.featured-header .eyebrow{color:#aab6b5}.project-label{font-size:17px;letter-spacing:-.5px}.project-label>span{margin-left:18px;color:var(--cyan)}.featured-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:75px;align-items:center}.pill{font-size:8px;letter-spacing:1px;color:#92d9ec;border:1px solid #20b8e354;border-radius:20px;padding:7px 11px;display:inline-block;margin-bottom:25px}.featured h2{font-size:clamp(34px,3.4vw,49px);letter-spacing:-2px}.featured-grid>div>p{max-width:340px;color:#a4b1b3;font-size:12px;margin-bottom:28px}.feature-meta{display:flex;gap:40px;color:#7f9194;font-size:8px;margin-top:45px}.flow-visual{perspective:1200px}.flow-dashboard{background:#f6f8f6;color:#263c37;border-radius:11px;padding:22px;box-shadow:0 22px 50px #0005;transform:rotate(2deg);transition:transform .4s}.flow-visual:hover .flow-dashboard{transform:rotate(0deg)}.flow-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #dde6df}.flow-head>b{font-size:17px;letter-spacing:-.6px}.flow-head>b>span{font-size:7px;color:#93bf3e;vertical-align:super;margin-left:2px}.flow-mode{font-size:6px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.flow-mode i{height:5px;width:5px;background:#8cbd56;border-radius:50%;animation:pulse 3s infinite}.flow-summary{padding:23px 0;display:flex;gap:13px;align-items:center}.flow-symbol{width:35px;height:35px;border-radius:7px;background:#dff1d8;display:grid;place-items:center;font-size:25px}.flow-summary small{font-size:7px;color:#7c8d80;display:block;margin-bottom:5px}.flow-summary strong{font-size:11px;font-weight:500}.pipeline{display:flex;gap:9px}.pipeline button{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;background:#eaf0e9;border:1px solid #e0e8dc;border-radius:6px;padding:12px 3px;font-size:7px;transition:background .2s}.pipeline button>span{font-size:19px}.pipeline button.selected{background:#cee8bc;border-color:#aaca90}.flow-description{padding:17px 2px;min-height:68px;font-size:8px;line-height:1.8;color:#6b7c6e}.flow-rows{background:white;border:1px solid #e2e8e2;border-radius:6px;padding:0 12px}.flow-rows>div{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #edf0eb;font-size:7px}.flow-rows>div:last-child{border:0}.row-dot{width:5px;height:5px;border:1px solid #77a154;border-radius:50%}.row-track{height:3px;width:70px;background:#edf2ea;border-radius:5px;margin-left:auto;overflow:hidden}.row-track i{display:block;height:100%;background:#b0cd94;animation:progress 5s var(--delay) infinite;transform-origin:left}.flow-rows>div>span:last-child{color:#608848}.flow-bottom{display:flex;justify-content:space-between;padding-top:17px;color:#74915f;font-size:6px;letter-spacing:.5px}.flow-bottom i{display:inline-block;margin-right:5px;width:4px;height:4px;border-radius:50%;background:#93b871}.flow-caption{display:flex;justify-content:space-between;gap:15px;font-size:6px;color:#96a7a7;line-height:1.7;margin:20px 0 0}.projects-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px}.projects-head .eyebrow{margin-bottom:18px}.projects-head h2{margin-bottom:0;font-size:42px}.projects-count{font-size:10px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-card{background:transparent;padding:0;text-align:left;min-width:0}.project-art{height:348px;border-radius:9px;position:relative;overflow:hidden;transition:transform .4s}.project-card:hover .project-art{transform:translateY(-5px)}.project-arrow{position:absolute;bottom:18px;right:18px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:21px;transition:transform .3s}.project-card:hover .project-arrow{transform:rotate(45deg)}.project-info{display:grid;grid-template-columns:1fr auto;gap:5px;padding-top:19px;align-items:baseline}.project-info>h3{font-size:18px;letter-spacing:-.6px;margin:0}.project-info>span{font-size:7px;letter-spacing:.5px}.project-info>p{grid-column:1/-1;font-size:10px;color:var(--muted);margin:0}.wm-art{background:#d7e9e5;display:flex;align-items:center;justify-content:center}.wm-window{background:#f8faf6;width:78%;border-radius:6px;padding:22px 25px 17px;box-shadow:0 20px 35px #244e4018;transform:rotate(-4deg);transition:transform .4s}.project-card:hover .wm-window{transform:rotate(-1deg) scale(1.025)}.wm-top{display:flex;justify-content:space-between;font-size:8px;font-weight:600;margin-bottom:23px;color:#173b32}.wm-tag{font-size:5px;letter-spacing:1px;color:#6c8578}.wm-window h3{font-size:29px;line-height:1.12;margin:8px 0 10px;color:#153e30;letter-spacing:-1.4px}.wm-window p{font-size:6px;color:#5c7f6f;margin-bottom:13px}.wm-button{font-size:6px;background:#214f40;color:white;display:inline-block;padding:9px;border-radius:3px}.wm-options{display:flex;gap:7px;margin-top:19px}.wm-options span{border:1px solid #d6e2d4;border-radius:15px;font-size:5px;padding:4px 9px;color:#66836e}.motiv-art{background:#e9e3fc;color:#2b1c51;padding:25px 30px}.motiv-top{font-size:24px;font-weight:600;letter-spacing:-1.5px}.motiv-top>span{font-size:9px;vertical-align:super;letter-spacing:0;margin-left:4px}.motif{height:180px;position:relative;display:grid;place-items:center;max-width:370px;margin:auto}.motif strong{display:grid;place-content:center;width:96px;height:96px;background:#443076;border-radius:22px;font-size:72px;letter-spacing:-8px;color:#f8f1ff;line-height:1;position:relative;box-shadow:0 14px 22px #3b247728;animation:bob 8s -3s ease-in-out infinite}.motif strong span{position:absolute;font-size:50px;right:10px;bottom:9px;color:#b9e586}.motif-line{position:absolute;height:130px;width:285px;border:1px solid #9680c855;border-radius:50%;transform:rotate(-20deg)}.motif-node{width:35px;height:35px;border-radius:9px;background:#ffffffc2;border:1px solid #b6a3d150;display:grid;place-items:center;font-size:19px;position:absolute;animation:bob 7s infinite}.n1{left:25px;top:27px}.n2{right:10px;top:43px;animation-delay:-2s}.n3{left:40px;bottom:10px;animation-delay:-3s}.n4{right:48px;bottom:7px;animation-delay:-5s}.motiv-art>h3{margin:0;font-size:27px;letter-spacing:-1.3px}.mot-sub{font-size:6px;letter-spacing:1.2px}.website-section{background:#e9eee7}.website-grid{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid #cdd9ca;padding-top:43px;gap:85px}.payment-toggle{display:inline-flex;background:#d7dfd3;padding:4px;border-radius:7px;gap:4px;margin-bottom:30px}.payment-toggle button{background:none;padding:11px 22px;border-radius:5px;font-size:11px;transition:background .2s}.payment-toggle button[aria-pressed=true]{background:var(--ink);color:#fff}.payment-content h3{font-size:26px;margin-bottom:13px;line-height:1.25}.payment-content p{font-size:11px;color:var(--muted);max-width:440px;min-height:64px}.included{padding:0;margin:23px 0 30px;list-style:none}.included li{display:flex;align-items:center;gap:10px;font-size:10px;margin-bottom:14px}.included span{color:#326843}.scope-card{position:relative;border:1px solid #c9d6c3;border-radius:10px;padding:30px;background:#f5f7f0}.scope-icon{font-size:38px;color:#719762;position:absolute;right:27px;top:24px;animation:spin 35s linear infinite}.scope-card h3{font-size:25px;margin-bottom:6px}.scope-card>p{font-size:10px;color:var(--muted);margin-bottom:25px}.modules{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modules label{display:flex;align-items:center;border:1px solid #d8dfd2;border-radius:5px;padding:13px 10px;font-size:9px;position:relative;cursor:pointer;transition:background .2s}.modules input{position:absolute;opacity:0}.modules label:has(input:checked){background:#d9f0c9;border-color:#94b783}.modules label:has(input:focus-visible){outline:3px solid #087a9a;outline-offset:3px}.modules b{margin-left:auto;font-weight:400;font-size:18px;line-height:1;transition:transform .2s}.modules label:has(input:checked) b{transform:rotate(45deg)}.scope-result{margin-top:26px;padding-top:18px;border-top:1px solid #d9e0d1}.scope-result>.eyebrow{font-size:7px;letter-spacing:1px;color:#6d8064}.scope-result p{font-size:10px;margin:8px 0;line-height:1.65;min-height:32px}.scope-result small{font-size:8px;color:var(--muted)}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach .eyebrow{margin-bottom:22px}.steps>div{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:24px 0;align-items:flex-start}.steps>div:first-child{padding-top:0}.steps>div>span:first-child{font-size:9px;color:#7d8980;margin-top:6px}.steps>div>span:last-child{margin-left:auto;font-size:25px;color:#768271}.steps h3{font-size:23px;margin-bottom:8px}.steps p{font-size:11px;color:var(--muted);max-width:330px;margin:0}.ending{background:var(--cyan);padding:75px 0;overflow:hidden}.ending .wrap{position:relative}.ending .eyebrow{font-size:8px;letter-spacing:1.5px;position:relative;z-index:1}.ending-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin-top:25px;position:relative;z-index:1}.ending h2{font-size:clamp(45px,5.5vw,76px);letter-spacing:-4px;margin:0}.ending p{font-size:12px;max-width:345px;color:#134c5d;margin-bottom:22px}.ending-ring{width:450px;height:450px;position:absolute;left:28%;top:-180px;border:1px solid #04759426;border-radius:50%;box-shadow:0 0 0 80px #078cb415,0 0 0 160px #078cb40c;pointer-events:none}footer{display:flex;align-items:center;gap:30px;padding-block:36px}footer .brand img{width:122px}footer>span{font-size:9px;color:var(--muted)}footer>span:nth-of-type(2){margin-left:auto}footer>small{font-size:8px;color:#717971}.dialog-open{overflow:hidden}dialog{border:0;border-radius:12px;background:var(--paper);padding:45px;width:min(620px,calc(100% - 32px));max-height:88vh;color:var(--ink);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#15201dc9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:12px;font-size:30px;background:none;width:35px;height:35px;line-height:1}dialog>.eyebrow{color:#648072;margin-bottom:20px}dialog h2{font-size:38px;letter-spacing:-1.8px;padding-right:18px}dialog h3{font-size:22px}dialog p{font-size:12px;color:var(--muted)}dialog form>label{display:flex;flex-direction:column;gap:7px;font-size:10px;margin-top:17px}input,select,textarea{background:white;border:1px solid #cbd4c8;padding:12px;border-radius:5px;color:var(--ink);font-size:12px;max-width:100%;width:100%}textarea{resize:vertical}.form-scope{font-size:9px;color:#4e7864;margin-top:18px;line-height:1.8}.preview-note{display:block;background:#e6ece2;padding:12px;border-radius:5px;font-size:9px!important;line-height:1.7;margin:18px 0}.brief-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:11px;padding:20px;border:1px solid var(--line);line-height:1.8}.brief-result h3{margin-top:15px}.brief-result[hidden],form[hidden]{display:none}#case-content>.eyebrow{margin:24px 0 8px;color:#60826f}#case-content>.eyebrow:first-child{margin-top:0}#case-content>h2{margin:18px 0 12px}#case-content>h3{font-size:24px;line-height:1.35;margin-bottom:28px}#case-content .button{margin-top:10px}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.paused{scroll-behavior:auto}.paused .flow-dashboard,.paused .project-art,.paused .wm-window{transition:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes float-card{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-7px)}}@keyframes sculpture{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes kanban{0%,100%{opacity:.5;translate:0 0}50%{opacity:1;translate:0 -2px}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}@keyframes travel{from{left:0}to{left:100%}}@keyframes progress{0%{transform:scaleX(.12)}70%,100%{transform:scaleX(1)}}
@media(min-width:1500px){.hero{min-height:760px}.playground{height:565px}.demo-stage{left:45px;right:70px;top:160px}.floating-label{top:405px}.mini-website{padding:22px 28px}.mini-layout h3{font-size:29px}.mini-layout{padding-top:34px}.mini-footer{margin-top:28px}.orb{width:195px;height:195px;right:45px;top:55px}.hero-copy>p{font-size:15px}.hero-foot{font-size:10px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px;gap:25px;height:90px}.nav{gap:19px}.nav a{font-size:10px}.header-end{gap:14px}.small{font-size:9px;gap:10px}.hero{min-height:610px;gap:20px;padding-top:25px}.playground{height:470px}h1{font-size:67px;letter-spacing:-4px}.hero-copy>p{font-size:12px;max-width:325px}.demo-stage{left:17px;right:23px;top:137px}.mini-layout h3{font-size:21px}.mini-layout{padding-top:20px}.mini-website{padding:16px}.orb{width:145px;height:145px;right:18px}.floating-label{top:350px}.demo-tabs{bottom:38px;left:13px;right:13px}.playground-note{font-size:6px}.demo-tabs button{font-size:8px}.client-strip{gap:25px}.client-names>b{font-size:20px}.client-names .wm{font-size:14px}.client-names .lf{font-size:17px}.service-card{padding-inline:22px}.service-card h3{font-size:25px}.section{padding-block:80px}.featured-grid{gap:35px}.featured h2{font-size:38px}.flow-dashboard{padding:18px}.pipeline{gap:5px}.flow-summary strong{font-size:9px}.flow-caption{flex-direction:column;gap:4px}.feature-meta{gap:15px}.project-art{height:310px}.wm-window h3{font-size:25px}.project-info>span{font-size:6px}.website-grid{gap:40px}.scope-card{padding:24px}.modules label{font-size:8px}.approach{gap:55px}.ending-grid{gap:60px}footer{gap:20px}}
@media(max-width:800px){.header{height:82px}.brand img{width:132px}.header-end{margin-left:auto}.header-end>.button{display:none}.menu{display:flex;width:32px;height:32px;padding:7px 3px;flex-direction:column;justify-content:center;gap:6px;background:none}.menu span{height:1px;width:24px;background:var(--ink);transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav{display:none;position:absolute;z-index:10;left:16px;right:16px;top:76px;background:#f5f5f0f5;backdrop-filter:blur(12px);border:1px solid #d2d9cd;border-radius:7px;padding:25px;box-shadow:0 15px 35px #0001}.nav.open{display:flex;flex-direction:column;gap:22px}.nav a{font-size:16px}.hero{grid-template-columns:1fr;gap:40px;padding-top:30px;padding-bottom:40px;min-height:auto}.hero-copy{max-width:100%}h1{font-size:clamp(56px,10vw,80px);letter-spacing:-4px}.hero-copy>p{max-width:450px;font-size:13px}.hero-foot{margin-top:24px}.playground{height:510px;max-width:600px;width:100%;margin:auto}.demo-stage{left:38px;right:60px;top:142px}.mini-website{padding:22px 26px}.mini-layout h3{font-size:29px}.mini-sculpture{height:117px}.mini-sculpture i{width:100px;height:43px}.orb{width:170px;height:170px;right:28px;top:42px}.floating-label{top:377px;right:28px}.demo-tabs{left:22px;right:22px;bottom:43px}.demo-tabs button{font-size:10px}.playground-note{font-size:7px}.client-strip{display:block;padding-block:24px}.client-strip>span{max-width:none;display:block;margin-bottom:20px}.client-names{flex-wrap:wrap;justify-content:flex-start;column-gap:30px;row-gap:18px}.section-head{gap:25px;align-items:flex-start;flex-direction:column;margin-bottom:37px}.section-head>p{max-width:480px}.service-grid{grid-template-columns:1fr}.service-card{padding:25px 0!important;border-right:0;border-bottom:1px solid var(--line)}.service-card:last-child{padding-bottom:0!important}.service-top{margin-bottom:17px}.service-card h3 br{display:none}.service-card h3{font-size:27px}.service-card p{max-width:540px;min-height:0;font-size:12px}.text-link{max-width:540px;font-size:11px}.service-top svg{height:35px;width:35px}.featured-grid{grid-template-columns:1fr;gap:45px}.featured-grid>div>p{max-width:480px}.featured h2{font-size:43px}.feature-meta{margin-top:26px;gap:40px}.flow-dashboard{padding:25px;max-width:580px;margin:auto}.flow-summary strong{font-size:12px}.flow-description{font-size:10px}.pipeline button{font-size:9px}.flow-rows>div{font-size:9px}.flow-caption{font-size:8px;flex-direction:row}.project-grid{grid-template-columns:1fr;gap:36px}.project-art{height:385px}.wm-window{max-width:410px}.wm-window h3{font-size:33px}.wm-window p{font-size:8px}.wm-top{font-size:10px}.wm-button{font-size:8px}.wm-options span{font-size:7px}.wm-tag{font-size:7px}.motif{height:218px}.motiv-art>h3{font-size:35px}.project-info>span{font-size:8px}.project-info>p{font-size:11px}.website-grid{grid-template-columns:1fr;gap:35px}.payment-content p{min-height:0;max-width:550px}.scope-card{padding:30px}.modules label{font-size:11px;padding:15px}.scope-result p{font-size:12px;min-height:0}.approach{grid-template-columns:1fr;gap:30px}.approach h2 br{display:none}.steps p{max-width:500px;font-size:12px}.ending-grid{grid-template-columns:1fr;gap:28px}.ending p{max-width:450px;font-size:13px}.ending h2{font-size:61px}.ending{padding-block:60px}.ending-ring{left:40%;top:-80px}footer{flex-wrap:wrap}footer>.brand{width:calc(50% - 10px)}footer>span:nth-of-type(1){width:calc(50% - 10px);text-align:right}footer>span:nth-of-type(2){margin-left:0}footer>small{margin-left:auto}.section{padding-block:65px}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.header{padding:0 20px}.hero{padding-top:24px;gap:35px}h1{font-size:clamp(49px,12.2vw,58px);letter-spacing:-3px;line-height:1.1;white-space:normal}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:23px}.hero-copy>p{font-size:12px;max-width:335px}.hero-foot{font-size:8px}.button{font-size:11px;min-height:51px;padding:16px 19px}.playground{height:420px;border-radius:10px}.playground-top{left:15px;right:13px;top:12px}.playground-top>span{font-size:6px}.orb{width:122px;height:122px;right:15px;top:45px}.orb>span{font-size:46px;letter-spacing:-4px}.orbit{left:0;top:-50px}.orbit-two{left:-70px}.demo-stage{left:14px;right:24px;top:124px;min-height:190px}.browser-bar{height:22px;font-size:6px;padding-inline:8px}#hero-demo{min-height:177px}.mini-website{padding:13px}.mini-nav{font-size:5px}.mini-nav b{font-size:9px}.mini-layout{padding-top:18px}.mini-layout small{font-size:4px}.mini-layout h3{font-size:20px;letter-spacing:-.9px}.mini-cta{font-size:4px;padding:7px}.mini-sculpture{height:85px}.mini-sculpture i{width:66px;height:27px;box-shadow:0 8px 0 #317c49;top:8px}.mini-sculpture i:nth-child(2){left:13px;top:26px;box-shadow:0 8px 0 #7c9e50}.mini-sculpture i:nth-child(3){left:26px;top:44px;box-shadow:0 8px 0 #9caf85}.mini-footer{margin-top:11px;font-size:4px;padding-top:7px}.floating-label{top:304px;right:11px;font-size:6px;padding:9px 11px}.floating-label .check{width:15px;height:15px}.demo-tabs{left:10px;right:10px;bottom:34px;gap:4px}.demo-tabs button{font-size:8px;padding:9px 2px;gap:4px}.demo-tabs button span{font-size:6px}.playground-note{bottom:12px;font-size:5px}.mini-software,.mini-ai{padding:17px;min-height:177px}.mini-software h3,.mini-ai h3{font-size:16px;margin-bottom:13px}.mini-kanban{gap:5px;margin-bottom:9px}.mini-kanban>div{padding:6px}.mini-kanban i{height:10px}.mini-kanban b{font-size:4px}.mini-software p,.mini-ai p{font-size:6px}.mini-ai>small,.mini-software>small{font-size:5px}.ai-chain{padding:7px 0 16px}.ai-chain>span,.ai-chain>strong{height:36px;width:36px}.client-names{column-gap:24px;row-gap:15px}.client-names>b{font-size:21px}.client-names .hl{font-size:21px}.client-names .wm{font-size:16px}.client-names .lf{font-size:18px}.client-strip>span{font-size:8px}.section{padding-block:54px}h2{font-size:37px;letter-spacing:-2px}.section-head .eyebrow{font-size:8px;margin-bottom:18px}.section-head>p{font-size:11px}.service-card h3{font-size:25px}.service-card p{font-size:11px}.featured-header{margin-bottom:33px;padding-bottom:21px}.featured-header>.eyebrow{font-size:7px}.project-label{font-size:13px}.project-label>span{margin-left:8px}.featured h2{font-size:36px}.featured-grid>div>p{font-size:11px}.flow-dashboard{padding:15px;transform:rotate(1deg)}.flow-head>b{font-size:15px}.flow-mode{font-size:5px}.flow-summary{padding:19px 0;gap:9px}.flow-summary strong{font-size:9px}.flow-summary small{font-size:6px}.flow-symbol{width:29px;height:29px;font-size:20px;flex-shrink:0}.pipeline button{font-size:7px;padding:10px 1px}.pipeline button>span{font-size:16px}.flow-description{font-size:8px;min-height:67px}.flow-rows>div{font-size:6px;gap:6px}.row-track{width:45px}.flow-caption{font-size:6px;flex-direction:column;gap:6px}.projects-head h2{font-size:32px;max-width:260px}.projects-head .eyebrow{font-size:8px}.projects-count{font-size:8px}.project-art{height:290px}.wm-window{padding:18px;width:82%}.wm-window h3{font-size:24px}.wm-top{font-size:7px;margin-bottom:17px}.wm-tag{font-size:5px}.wm-window p{font-size:6px}.wm-button{font-size:6px}.wm-options{margin-top:16px}.wm-options span{font-size:5px}.project-arrow{height:30px;width:30px;font-size:18px;right:14px;bottom:14px}.motiv-art{padding:21px}.motiv-top{font-size:20px}.motif{height:167px;max-width:300px}.motif strong{height:80px;width:80px;font-size:61px;border-radius:18px}.motif strong span{font-size:39px;right:8px}.motif-line{width:228px;height:110px}.motif-node{height:30px;width:30px;font-size:16px}.n1{left:10px}.n2{right:0}.n3{left:25px}.n4{right:30px}.motiv-art>h3{font-size:27px}.project-info{grid-template-columns:1fr;gap:5px}.project-info>h3{font-size:18px}.project-info>span{font-size:7px;grid-row:2}.project-info>p{font-size:10px}.website-grid{padding-top:29px}.payment-content h3{font-size:25px}.payment-content p{font-size:11px}.payment-toggle button{font-size:11px;padding:11px 20px}.scope-card{padding:23px 18px}.scope-card h3{font-size:24px}.scope-icon{font-size:29px;right:17px}.modules{gap:7px}.modules label{font-size:9px;padding:13px 9px}.scope-result p{font-size:10px}.scope-result small{font-size:8px}.approach{gap:22px}.approach .eyebrow{font-size:8px}.steps>div{gap:18px}.steps h3{font-size:23px}.steps p{font-size:11px}.ending h2{font-size:47px;letter-spacing:-2.6px}.ending .eyebrow{font-size:6px;letter-spacing:1.2px}.ending p{font-size:11px}.ending-ring{left:30%;top:-40px}.ending{padding-block:49px}footer{gap:17px;padding-block:27px}footer .brand img{width:110px}footer>span{font-size:8px}footer>small{font-size:7px}dialog{padding:32px 23px;max-height:90dvh}dialog h2{font-size:30px;letter-spacing:-1.3px}dialog>.eyebrow{font-size:8px}.dialog-close{right:12px;top:8px}#case-content>h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Comfortable reading sizes for the main content. */
@media(min-width:801px){.nav a{font-size:12px}.small{font-size:11px}.hero-copy>p{font-size:14px}.section-head>p,.featured-grid>div>p{font-size:13px}.service-card p,.payment-content p,.steps p{font-size:12px}.text-link{font-size:11px}.included li{font-size:11px}}
@media(max-width:800px){.hero-copy>p,.service-card p,.section-head>p,.featured-grid>div>p,.payment-content p,.steps p,.ending p{font-size:13px}.included li{font-size:11px}}
/* Separate pages share the original visual language. */
.nav{gap:22px}.nav a[aria-current=page]:after{width:100%}.footer-links{display:flex;gap:28px;align-items:center;border-top:1px solid var(--line);padding-top:25px;font-size:11px}.footer-links .motion-control{margin-left:auto}.page-intro{padding-top:35px;padding-bottom:70px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:10px;color:var(--muted);margin-bottom:55px}.breadcrumbs a:hover{text-decoration:underline}.page-intro>.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px;text-transform:uppercase}.intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end}.intro-grid h1{font-size:clamp(44px,5.4vw,76px);white-space:normal;letter-spacing:-4px;margin-bottom:0}.intro-grid>div>p{font-size:14px;max-width:410px;color:var(--muted);margin:0}.intro-grid .button{margin-top:24px}.detail-features>h2{max-width:720px;margin-bottom:45px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.detail-grid article{border-top:1px solid var(--line);padding-top:23px}.detail-grid article>.eyebrow{color:#80917c;margin-bottom:24px}.detail-grid h3{font-size:25px;line-height:1.3}.detail-grid p{font-size:13px;color:var(--muted)}.home-case{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center;padding:10px 0 90px}.home-case .eyebrow{margin-bottom:20px}.home-case p{font-size:13px;max-width:390px;color:var(--muted)}.home-case-art{position:relative;background:var(--dark);color:white;border-radius:12px;padding:43px;overflow:hidden}.home-case-art>strong{font-size:30px;letter-spacing:-1px;font-weight:500;line-height:1.3;display:block}.home-process{display:flex;gap:10px;margin-bottom:34px}.home-process>span{flex:1;text-align:center;display:flex;align-items:center;flex-direction:column;font-size:8px;gap:8px;background:#26302d;padding:14px 3px;border:1px solid #354c3e;border-radius:6px}.home-process b{font-size:24px;font-weight:400;color:#c7e2a7;animation:pulse 4s infinite}.home-process>span:nth-child(2) b{animation-delay:-1s}.home-process>span:nth-child(3) b{animation-delay:-2s}.home-process>span:nth-child(4) b{animation-delay:-3s}.home-case-arrow{position:absolute;right:30px;bottom:28px;font-size:35px;color:var(--cyan)}.ai-showcase{background:#e6ede4;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:60px;overflow:hidden}.ai-showcase h2{font-size:38px;letter-spacing:-1.8px;margin-top:18px}.ai-showcase p{font-size:13px;color:var(--muted);margin-bottom:0}.ai-large-chain{display:flex;align-items:center;justify-content:center;padding:60px 0}.ai-large-chain>span{height:65px;width:65px;display:grid;place-items:center;font-size:35px;background:#f6f9f2;border:1px solid #d0decc;border-radius:14px;flex-shrink:0}.ai-large-chain>strong{height:100px;width:100px;border-radius:23px;background:var(--cyan);display:grid;place-items:center;font-size:68px;font-weight:400;animation:bob 7s infinite;box-shadow:0 20px 30px #087b9f20}.ai-large-chain>i{height:1px;width:40px;background:#aac1a2;position:relative}.ai-large-chain>i:after{content:'';position:absolute;top:-3px;width:6px;height:6px;border-radius:50%;background:#598869;animation:travel 3s linear infinite}.measure-band{padding:70px 0;background:var(--dark);color:#f6f8f2}.measure-band .eyebrow{color:#8bcddd;margin-bottom:22px}.measure-band p{max-width:670px;color:#aebbb8;font-size:14px}.related-band{padding-bottom:90px}.related-band>.eyebrow{margin-bottom:15px}.related-band>p{font-size:14px;color:var(--muted)}.case-visual{background:var(--dark);padding:60px 0}.case-visual .flow-visual{max-width:740px;margin:auto}.case-visual .flow-dashboard{transform:none;padding:30px}.case-visual .flow-description{font-size:12px}.case-visual .flow-summary strong{font-size:15px}.case-visual .flow-summary small{font-size:10px}.case-visual .pipeline button{font-size:11px}.case-visual .flow-rows>div{font-size:10px}.case-art-wide>.project-art{max-width:800px;height:450px;margin:auto}.case-art-wide .project-arrow{display:none}.case-art-wide .wm-window{width:60%}.case-art-wide .wm-window h3{font-size:39px}.case-art-wide .motiv-art{padding:35px 50px}.case-art-wide .motif{height:260px}.case-art-wide .motiv-art>h3{font-size:35px}.case-story{display:grid;grid-template-columns:.6fr 1.4fr;gap:100px}.case-story aside p{font-size:14px;margin:10px 0 35px}.case-story aside .text-link{max-width:240px;justify-content:flex-start}.case-story>div>.eyebrow{margin-bottom:20px}.case-story>div>p{font-size:15px;color:var(--muted)}.case-story h3{font-size:15px;font-weight:500;letter-spacing:.5px;margin-top:35px}.case-next{border-top:1px solid var(--line);padding:35px 0 70px}.case-next>a{display:flex;justify-content:space-between;align-items:center;font-size:38px;letter-spacing:-1px;margin-top:15px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:35px 0 90px}.contact-layout h1{font-size:65px;white-space:normal;letter-spacing:-3px;margin:23px 0}.contact-layout>div>p{font-size:14px;color:var(--muted);max-width:400px}.contact-panel{background:#e9eee7;border:1px solid #d4ddcf;border-radius:12px;padding:32px;margin-top:60px}.contact-panel label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:23px}.contact-panel input,.contact-panel select,.contact-panel textarea{font-size:14px}.contact-panel .preview-note{font-size:11px!important;background:#dae5d4}.contact-note{display:flex;gap:20px;align-items:flex-start;margin-top:45px;max-width:350px}.contact-note p{font-size:12px;color:var(--muted)}.contact-panel .brief-result h3{font-size:24px}.contact-panel .brief-result p{font-size:12px}.contact-panel .brief-result pre{background:#f7f9f3;font-size:12px}.contact-panel .form-scope{font-size:11px;margin-bottom:20px}
@media(max-width:1100px){.nav{gap:14px}.nav a{font-size:10px}.header{gap:22px}.intro-grid{gap:40px}.intro-grid h1{font-size:58px;letter-spacing:-3px}.contact-layout{gap:45px}.contact-layout h1{font-size:52px}.ai-showcase{padding:35px;gap:25px}.home-case{gap:40px}.home-case-art{padding:30px}.case-story{gap:60px}}
@media(max-width:800px){.intro-grid{grid-template-columns:1fr;gap:25px}.intro-grid h1{font-size:58px}.intro-grid>div>p{max-width:550px}.page-intro{padding-top:20px;padding-bottom:45px}.breadcrumbs{margin-bottom:35px}.detail-grid{grid-template-columns:1fr;gap:20px}.detail-grid h3{font-size:26px;margin-bottom:12px}.detail-grid article>.eyebrow{margin-bottom:12px}.detail-features>h2{margin-bottom:30px}.home-case{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.home-case-art{padding:35px}.home-case-art>strong{font-size:34px}.home-case p{max-width:500px}.ai-showcase{grid-template-columns:1fr;gap:15px}.ai-large-chain{padding:20px 0}.case-story{grid-template-columns:1fr;gap:35px}.case-story aside{border-bottom:1px solid var(--line);padding-bottom:25px}.case-story aside p{margin-bottom:20px}.case-art-wide>.project-art{height:380px}.case-art-wide .wm-window{width:75%}.contact-layout{grid-template-columns:1fr;gap:30px;padding-top:20px;padding-bottom:65px}.contact-layout h1{font-size:55px}.contact-panel{margin-top:0}.contact-note{margin-top:25px}.contact-layout .breadcrumbs{margin-bottom:35px}.nav a{font-size:16px}.footer-links{gap:20px;font-size:10px}.related-band{padding-bottom:65px}}
@media(max-width:480px){.intro-grid h1{font-size:43px;letter-spacing:-2.5px}.intro-grid>div>p{font-size:13px}.page-intro>.eyebrow{font-size:9px}.home-case-art{padding:25px 20px}.home-case-art>strong{font-size:26px}.home-case-arrow{font-size:26px;right:18px;bottom:20px}.home-process{gap:6px}.home-process>span{font-size:6px}.home-process b{font-size:21px}.detail-grid p{font-size:13px}.ai-showcase{padding:30px 20px}.ai-showcase h2{font-size:30px}.ai-large-chain>strong{width:80px;height:80px;font-size:55px}.ai-large-chain>span{width:50px;height:50px;font-size:27px}.ai-large-chain>i{width:22px}.case-visual{padding:30px 0}.case-visual .flow-dashboard{padding:16px}.case-visual .flow-summary strong{font-size:10px}.case-visual .flow-summary small{font-size:7px}.case-visual .flow-description{font-size:10px}.case-visual .pipeline button{font-size:8px}.case-visual .flow-rows>div{font-size:7px}.case-story>div>p{font-size:13px}.case-story h2{font-size:34px}.case-art-wide>.project-art{height:310px}.case-art-wide .wm-window{width:84%}.case-art-wide .wm-window h3{font-size:27px}.case-art-wide .motiv-art{padding:25px}.case-art-wide .motif{height:175px}.case-art-wide .motiv-art>h3{font-size:28px}.case-next>a{font-size:29px}.contact-layout h1{font-size:45px;letter-spacing:-2px}.contact-panel{padding:23px 18px}.footer-links{gap:15px;font-size:9px}.measure-band h2{font-size:35px}.measure-band p{font-size:13px}}

/* Technical studio direction — September 2026 */
:root{--paper:#f4f6f7;--ink:#091218;--dark:#071116;--muted:#5b6870;--line:#d4dfe3;--cyan:#20b8e3}
.wrap{max-width:1440px;width:calc(100% - 112px)}
.header{max-width:none;background:#f4f6f7;height:94px;position:relative;z-index:20;border-bottom:1px solid #d4dfe3}.nav a{font-size:12px}.button{border-radius:3px;font-size:13px}.small{font-size:11px}.eyebrow{font-size:11px;letter-spacing:1.5px}.signal{background:var(--cyan);color:#041218}.signal:hover{background:#72dcf8}.hero-shell{background:#071116;color:#f4f8fa;position:relative;overflow:hidden}.hero{min-height:640px;grid-template-columns:1.05fr 1fr;gap:0;padding-top:40px;padding-bottom:45px;position:relative}.hero h1{font-size:clamp(60px,6.3vw,98px);font-weight:500;letter-spacing:-5.5px;line-height:1.04;white-space:nowrap;margin-bottom:30px}.hero h1 em{color:#54d5f7}.hero h1 em:after{display:none}.hero .eyebrow{color:#a0bac5;margin-bottom:32px;font-size:10px}.hero-copy>p{color:#adbec5;font-size:14px;max-width:380px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px}.hero-work{font-size:12px;display:flex;align-items:center;gap:14px}.hero-work span{color:var(--cyan);font-size:22px}.hero-foot{margin-top:44px;color:#8ca0a9;font-size:10px}.hero-foot .mini-cross{color:var(--cyan)}.hero-baseline{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding-block:20px;color:#7c98a5;font:9px monospace;letter-spacing:1.5px}
.playground{height:540px;background:transparent;border:0;border-radius:0;overflow:visible;perspective:1200px;isolation:isolate;--px:0deg;--py:0deg}.playground:before{inset:-80px -100px;background:radial-gradient(ellipse at 55% 44%,#15a0c32b,transparent 64%);z-index:-2}.playground:after{content:'';position:absolute;inset:0;background:radial-gradient(300px circle at var(--light-x,50%) var(--light-y,50%),#20b8e312,transparent);pointer-events:none;z-index:5}.stage-grid{position:absolute;inset:10% -15% -5%;background-image:linear-gradient(#43829320 1px,transparent 1px),linear-gradient(90deg,#43829320 1px,transparent 1px);background-size:45px 45px;transform:perspective(650px) rotateX(65deg);mask-image:radial-gradient(ellipse,#000,transparent 70%);z-index:-1}.playground-top{top:8px;left:27px;right:0}.playground-top>span{color:#76949f;font:9px monospace;letter-spacing:1px}.playground-top i{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.motion-control{width:35px;height:35px;font-size:12px}.playground .motion-control{background:#17343f;color:#b4e7f7;border-color:#367181}.light-core{position:absolute;width:380px;height:380px;top:25px;right:-20px;transform:rotate(-26deg);pointer-events:none}.light-core i{position:absolute;border-radius:50%;inset:0;border:9px solid #40d8fa;border-left-color:#094054;border-bottom-color:#0c779b;box-shadow:inset 0 0 14px #20b8e380,0 0 25px #20b8e340;transform:rotateX(54deg) rotateY(-15deg);animation:core-drift 12s ease-in-out infinite}.light-core i:nth-child(2){inset:22px;animation-delay:-1s;border-width:6px;opacity:.8}.light-core i:nth-child(3){inset:46px;animation-delay:-2s;border-width:4px;opacity:.65}.light-core i:nth-child(4){inset:70px;animation-delay:-3s;border-width:3px;opacity:.5}.light-core i:nth-child(5){inset:94px;animation-delay:-4s;border-width:2px;opacity:.4}.stage-coordinate{position:absolute;left:18px;top:70px;color:#527985;font:10px/1.65 monospace;letter-spacing:2px}.scene-product{position:absolute;inset:110px 8px 110px 15px;transform:rotateY(var(--px)) rotateX(var(--py));transform-style:preserve-3d;transition:transform .3s ease-out;z-index:2}.demo-stage{left:15px;right:15px;top:35px;min-height:0;border-radius:8px;border:1px solid #81d7ea66;box-shadow:0 28px 80px #0008,0 0 35px #20b8e321;background:#08191f;transform:rotate(-5deg);animation:product-float 8s ease-in-out infinite}.playground:hover .demo-stage{box-shadow:0 35px 90px #000a,0 0 40px #20b8e338}.browser-bar{height:32px;background:#10242d;border-color:#2a4753;color:#7895a0;font-size:9px}.browser-bar>span:first-child{color:#456772}.browser-bar>span:first-child::first-letter{color:var(--cyan)}#hero-demo{min-height:265px}.floating-label{top:auto;bottom:-14px;right:-10px;transform:rotate(4deg);background:#122b36eF;border:1px solid #4fa1b965;color:#b4e1ef;padding:15px 18px;border-radius:5px;font-size:10px;box-shadow:0 10px 40px #0005;animation:product-float 7s -2s ease-in-out infinite}.check{background:#20b8e3;color:#05141b;width:25px;height:25px;font-size:18px}.demo-tabs{bottom:39px;left:15px;right:0;gap:0;border-top:1px solid #48718055;border-bottom:1px solid #48718055}.demo-tabs button{background:transparent;color:#8aa8b3;font-size:10px;border:0;border-right:1px solid #48718055;border-radius:0;justify-content:flex-start;gap:10px;padding:17px 12px;position:relative}.demo-tabs button:last-child{border-right:0}.demo-tabs button span{font-size:9px}.demo-tabs button b{font-weight:400;margin-left:auto;color:#4b6b78}.demo-tabs button[aria-selected=true]{background:#20b8e315;color:#71defa}.demo-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--cyan);left:0;right:0;box-shadow:0 0 9px var(--cyan)}.playground-note{bottom:12px;font:8px monospace;letter-spacing:1px;color:#567b88}
.mini-website{padding:20px 25px 17px;background:#f4fafc;color:#07171e}.mini-nav{font-size:7px;color:#50616a}.mini-nav b{font-size:15px}.mini-layout{padding-top:22px;grid-template-columns:1.25fr 1fr}.mini-layout small{font-size:6px;letter-spacing:1px;color:#738995}.mini-layout h3{font-size:29px;line-height:1.05;font-weight:600;letter-spacing:-1.4px;margin:10px 0 19px}.mini-cta{font-size:7px;background:#091b25;padding:10px 12px;border-radius:2px}.mini-sculpture{height:145px;perspective:500px}.mini-sculpture i{height:105px;width:105px;top:0;left:0;border-radius:50%;background:transparent!important;border:16px solid #20b8e3;box-shadow:inset 4px 3px 7px #fff7,4px 5px 0 #00607c,8px 12px 12px #00607c20;transform:rotateX(30deg) rotateY(-34deg);animation:sculpture-new 8s ease-in-out infinite}.mini-sculpture i:nth-child(2){top:15px;left:20px;border-color:#5ed9f7;animation-delay:-.8s;box-shadow:inset 4px 3px 7px #fff7,4px 5px 0 #087e9e}.mini-sculpture i:nth-child(3){top:30px;left:40px;border-color:#91e7fb;animation-delay:-1.6s;box-shadow:inset 4px 3px 7px #fff7,4px 5px 0 #2e9bbb}.mini-sculpture i:nth-child(4){top:45px;left:60px;border-color:#d3f5ff;animation-delay:-2.4s;box-shadow:inset 4px 3px 7px #fff7,4px 5px 0 #71c4db}.mini-footer{font-size:6px;border-color:#d6e4e9;color:#64828d;margin-top:16px}.mini-software,.mini-ai{min-height:265px;padding:25px;background:#0c1d26;color:#ecf8fb}.mini-software>small,.mini-ai>small{font:8px monospace;color:#61cbeb}.mini-software h3,.mini-ai h3{font-size:25px;margin:12px 0 22px}.mini-kanban{gap:10px;margin-bottom:17px}.mini-kanban>div{background:#102a35;border:1px solid #25424e;padding:11px}.mini-kanban b{font-size:8px;color:#8faebd}.mini-kanban i{height:34px;display:flex;align-items:center;padding-left:7px;background:#1c3d4a;border-color:#20b8e3;font-style:normal;font-size:7px;color:#a5c8d5}.mini-software p,.mini-ai p{font-size:9px;color:#9bb6c2}.ai-chain{padding:5px 0 35px}.ai-chain>span,.ai-chain>strong{width:65px;height:65px;background:#153340;border-color:#2b5364;color:#b8efff;position:relative;font-size:32px}.ai-chain>strong{background:#20b8e3;color:#051922;font-size:48px;box-shadow:0 0 30px #20b8e360}.ai-chain small{position:absolute;bottom:-19px;font:7px monospace;color:#83a8b7}.ai-chain i{width:55px;background:#35616f}.ai-chain i:after{box-shadow:0 0 8px #20b8e3}
.client-strip{padding-block:32px}.client-names>b{color:#243943}.client-strip>span{font-size:10px}.section{padding-block:100px}.service-grid{gap:24px}.service-card,.service-card:first-child,.service-card:last-child{padding:0;border:0}.service-visual{height:255px;background:#daeaf0;position:relative;overflow:hidden;margin-bottom:27px;--px:0deg;--py:0deg;border-radius:4px}.service-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(#48788d12 1px,transparent 1px),linear-gradient(90deg,#48788d12 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(transparent,#000)}.service-object{position:absolute;inset:20px 30px 40px;display:grid;place-items:center;transform:rotateY(var(--px)) rotateX(var(--py));transition:transform .3s}.visual-code{position:absolute;bottom:20px;left:22px;font:9px monospace;letter-spacing:1px;color:#496e7e}.wire-window{width:80%;height:135px;background:#f7fcff;box-shadow:12px 20px 0 #20b8e340,24px 38px 0 #20b8e315,0 15px 30px #103a4820;border:1px solid #6dc1db;transform:rotate(-10deg);position:relative;transition:transform .4s}.wire-window:before{content:'● ● ●';position:absolute;top:0;left:0;right:0;border-bottom:1px solid #c3e3ef;height:22px;font:8px monospace;color:#8fb8c6;padding:7px}.wire-window i{position:absolute;left:18px;top:45px;height:9px;width:43%;background:#0b3547;box-shadow:0 16px #0b3547}.wire-window b{position:absolute;left:18px;bottom:16px;width:47px;height:12px;background:var(--cyan)}.wire-window span{position:absolute;right:16px;top:45px;width:60px;height:60px;border:13px solid #20b8e3;border-radius:50%;box-shadow:3px 5px #087691}.service-card:hover .wire-window{transform:rotate(0) translateY(-8px)}.visual-1{background:#0b202b}.visual-1 .visual-code{color:#79b3c6}.stack-block{position:absolute;width:125px;height:87px;transform:rotate(-29deg) skewX(25deg);border:1px solid #65d5f4;background:linear-gradient(135deg,#235870,#0b202b);box-shadow:0 12px 0 #081a24,0 13px 0 #377e96;top:30px;transition:transform .5s}.stack-block:nth-child(2){top:65px;left:calc(50% - 42px);background:linear-gradient(135deg,#20b8e3,#10485f)}.stack-block:nth-child(3){top:100px;left:calc(50% - 18px);background:linear-gradient(135deg,#86def4,#1d6079)}.service-card:hover .stack-block{transform:rotate(-29deg) skewX(25deg) translateY(-12px)}.visual-2{background:#c7f2fc}.neural-ring{position:absolute;width:210px;height:125px;border:1px solid #49acc7;border-radius:50%;transform:rotate(-30deg);animation:network-orbit 18s linear infinite}.neural-ring:before,.neural-ring:after{content:'';width:12px;height:12px;border-radius:50%;background:#056987;position:absolute;top:20px;left:12px;box-shadow:0 0 0 7px #20b8e325}.neural-ring:after{top:auto;left:auto;right:15px;bottom:20px;background:#20b8e3}.neural-ring:nth-child(2){transform:rotate(60deg);animation-direction:reverse}.visual-2 strong{font-size:80px;font-weight:400;color:#087c9c;text-shadow:2px 5px #78d4eb}.service-top{margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:15px}.service-top svg{height:25px;width:25px;stroke:#087f9f}.service-card h3{font-size:31px}.service-card p{font-size:13px;min-height:90px;padding-right:15px}.text-link{font-size:12px}.section-head>p{font-size:14px}
.featured{background:radial-gradient(ellipse at 80% 65%,#0d4c60 0,transparent 58%),#071116}.featured-grid{grid-template-columns:.85fr 1.25fr;gap:65px}.featured-grid>div>p{font-size:14px}.featured h2{font-size:48px}.flow-dashboard{background:#0f2732;color:#e9f8fd;border:1px solid #568d9f80;padding:25px;box-shadow:0 35px 70px #0006,0 0 50px #20b8e312}.flow-head{border-color:#29505f}.flow-head>b{font-size:22px}.flow-head>b>span{color:var(--cyan)}.flow-mode{color:#94bdcc;font-size:8px}.flow-mode i{background:var(--cyan)}.flow-summary small{color:#7ca2b2;font-size:9px}.flow-summary strong{font-size:13px}.flow-symbol{background:#20b8e325;color:#58d7f9}.pipeline{gap:10px}.pipeline button{padding:18px 3px;background:#173744;color:#98becd;border-color:#315562;font-size:9px}.pipeline button.selected{background:#20b8e3;border-color:#20b8e3;color:#061922;box-shadow:0 0 22px #20b8e329}.pipeline button>span{font-size:25px}.flow-description{font-size:11px;color:#a7c1cb;min-height:78px;padding-block:20px}.flow-rows{background:#10232d;border-color:#284753}.flow-rows>div{font-size:9px;padding-block:14px;border-color:#25414e}.row-dot{border-color:#20b8e3}.row-track{background:#213e4c}.row-track i{background:#20b8e3}.flow-rows>div>span:last-child,.flow-bottom{color:#63d0ef}.flow-bottom{font-size:8px}.flow-caption{font-size:9px;color:#8aabb8}.project-art{height:420px;border-radius:4px}.wm-art{background:radial-gradient(ellipse at 40% 70%,#a4e7e6,transparent),#c9eff6}.wm-window{width:78%;transform:perspective(850px) rotateY(-9deg) rotate(-7deg);padding:30px;box-shadow:20px 35px 0 #46a8be25,0 25px 55px #07415025}.wm-top{font-size:11px}.wm-tag{font-size:7px}.wm-window h3{font-size:37px}.wm-window p{font-size:9px}.wm-button{font-size:9px}.wm-options span{font-size:7px}.motiv-art{background:radial-gradient(ellipse at 50% 40%,#613ecc,transparent 70%),#1a1134;color:#f1eaff}.motif{height:235px}.motif strong{background:#8260da;border:1px solid #c6abff;box-shadow:0 0 60px #b496ff60}.motif-node{background:#382567;color:#c3aff4;border-color:#9773ce}.motif-line{border-color:#bd9aff70;width:340px;height:180px}.mot-sub{font-size:9px;color:#c6b5e5}.project-info>h3{font-size:23px}.project-info>span{font-size:8px}.project-info>p{font-size:12px}.projects-head h2{font-size:52px}
.page-intro{padding-top:30px;padding-bottom:50px}.breadcrumbs{margin-bottom:45px;font-size:11px}.intro-grid{grid-template-columns:1.2fr 1fr}.intro-grid h1{font-size:clamp(52px,5.3vw,82px);line-height:1.05;letter-spacing:-4px}.intro-grid>div>p{font-size:14px}.product-panorama{margin-bottom:60px}.wide-stage{height:490px;background:#071116;overflow:hidden;border-radius:5px;padding:0}.wide-stage .playground-top{top:25px;left:30px;right:30px}.wide-stage .light-core{width:540px;height:540px;top:-100px;right:10%}.wide-stage .stage-coordinate{top:140px;left:7%;font-size:clamp(25px,3vw,45px);line-height:1.1;letter-spacing:-2px;color:#c4e0ea}.wide-stage .scene-product{left:34%;right:12%;top:45px;bottom:112px}.wide-stage .demo-stage{top:15px;left:0;right:0;max-width:610px}.wide-stage .floating-label{right:-25px;bottom:0}.wide-stage .demo-tabs{left:30px;right:30px;bottom:40px;max-width:500px}.wide-stage .playground-note{text-align:right;right:30px;bottom:23px}.wide-stage .mini-layout h3{font-size:32px}.wide-stage .mini-website{padding-inline:35px}.wide-stage .mini-layout{padding-top:16px}.wide-stage .mini-footer{margin-top:8px}.wide-stage .stage-grid{inset:-15% -5% -35%}.wide-stage .demo-tabs button{padding-block:14px}
.website-section{background:#e5edf1}.website-grid{border-color:#bbcfd8}.payment-toggle{background:#cfdee5;border-radius:4px}.payment-toggle button{font-size:13px;border-radius:2px}.payment-toggle button[aria-pressed=true]{background:#071b27}.payment-content h3{font-size:31px}.payment-content p{font-size:13px}.included li{font-size:12px}.scope-card{background:#f8fbfc;border-color:#b3cfdc;border-radius:4px;box-shadow:15px 15px 0 #ccdde6}.scope-icon{color:#20b8e3}.scope-card>p{font-size:12px}.modules label{font-size:11px;border-color:#c8dce5;border-radius:3px;padding-block:15px}.modules label:has(input:checked){background:#d9f4fc;border-color:#20b8e3}.scope-result{border-color:#c8dce5}.included span{color:#0083aa}.detail-grid{gap:25px}.detail-grid article{border:1px solid #d3e0e5;padding:30px;background:#edf2f4;position:relative}.detail-grid article:before{content:'';width:24px;height:3px;position:absolute;top:-1px;left:30px;background:var(--cyan)}.detail-grid article>.eyebrow{color:#1684a5}.detail-grid h3{font-size:25px}.ai-showcase{background:#e1eef3;border-radius:4px;padding:55px;margin-bottom:0}.ai-large-chain>span{background:#f7fcff;border-color:#bdd6e2}.ai-large-chain>i{background:#84bfd2}.ai-large-chain>i:after{background:#20b8e3;box-shadow:0 0 10px #20b8e3}.measure-band{background:radial-gradient(ellipse at 95% 50%,#135c76,transparent 60%),#071116;padding:85px 0}.approach .steps>div>span{color:#069aca}.ending{background:#20b8e3}.ending h2{font-size:clamp(52px,6vw,90px);letter-spacing:-4px}.ending-ring{border-color:#06465a30;border-width:40px}.ending p{font-size:14px}.ending:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 50%,#5dd8fa88);pointer-events:none}.ending .wrap{position:relative}.case-visual{background:radial-gradient(ellipse at center,#16556b,transparent 75%),#071116;padding:70px 0}.case-visual .flow-visual{max-width:860px}.case-art-wide>.project-art{max-width:none;height:520px}.case-art-wide .wm-window{max-width:560px}.case-art-wide .motif{height:320px}.case-art-wide .motif strong{width:140px;height:140px;font-size:100px}.case-art-wide .motif-line{width:430px;height:240px}.case-art-wide .motif-node{width:50px;height:50px;font-size:25px}.contact-panel{background:#e6eff3;border-color:#bed4df;border-radius:4px;box-shadow:14px 14px 0 #dae6ed}.contact-panel .preview-note{background:#d2e5ee}.contact-note .mini-cross{color:var(--cyan);font-size:50px}.contact-layout{padding-bottom:110px}.contact-panel input,.contact-panel textarea,.contact-panel select{border-color:#b6cdd7;background:#fbfdff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.service-card:nth-child(2),.detail-grid article:nth-child(2){transition-delay:.08s}.service-card:nth-child(3),.detail-grid article:nth-child(3){transition-delay:.16s}
@keyframes core-drift{0%,100%{transform:rotateX(54deg) rotateY(-15deg) rotateZ(0)}50%{transform:rotateX(35deg) rotateY(12deg) rotateZ(30deg)}}@keyframes product-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-13px) rotate(-2deg)}}@keyframes sculpture-new{0%,100%{transform:rotateX(30deg) rotateY(-34deg) translateY(0)}50%{transform:rotateX(5deg) rotateY(-20deg) translateY(-6px)}}@keyframes network-orbit{to{transform:rotate(330deg)}}
.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.paused .scene-product,.paused .service-object{transform:none}.paused .reveal{opacity:1;transform:none;transition:none}
@media(min-width:1600px){.hero h1{font-size:103px}.hero{min-height:720px}.playground{height:580px}.wide-stage{height:510px}.scene-product{top:120px}.demo-stage{top:32px}.mini-layout h3{font-size:35px}.mini-layout{padding-top:30px}.mini-footer{margin-top:25px}.mini-website{padding:25px 30px}.hero-copy>p{font-size:16px;max-width:430px}}
@media(max-width:1100px){.wrap{width:calc(100% - 70px)}.header{padding-inline:35px;gap:22px}.nav{gap:15px}.nav a{font-size:10px}.hero{grid-template-columns:1.05fr 1fr;min-height:595px}.hero h1{font-size:64px;letter-spacing:-4px}.hero-copy>p{font-size:13px;max-width:315px}.hero-actions{gap:18px}.hero-actions .button{font-size:11px;padding:16px}.hero-work{font-size:10px}.playground{height:490px}.scene-product{left:0;right:-7px;top:110px;bottom:113px}.demo-stage{left:0;right:0;top:15px}.light-core{width:320px;height:320px;right:-15px}.mini-layout h3{font-size:23px}.mini-sculpture{transform:scale(.8);transform-origin:center left}.mini-website{padding:17px}.mini-nav{font-size:6px}.mini-software,.mini-ai{padding:20px}.demo-tabs{left:0}.demo-tabs button{padding:15px 8px;font-size:9px;gap:5px}.demo-tabs button b{display:none}.playground-top{left:0}.stage-coordinate{left:0}.service-visual{height:220px}.service-object{inset-inline:12px}.service-card h3{font-size:26px}.service-card p{min-height:120px}.featured-grid{gap:35px}.featured h2{font-size:40px}.project-art{height:360px}.wm-window{padding:24px}.wm-window h3{font-size:30px}.motif{height:180px}.wide-stage{height:460px}.wide-stage .scene-product{left:35%;right:8%;top:65px}.wide-stage .stage-coordinate{left:5%}.wide-stage .mini-layout h3{font-size:27px}.wide-stage .mini-website{padding:20px}.wide-stage .demo-tabs{max-width:400px}.case-art-wide>.project-art{height:470px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.header{height:78px;padding-inline:22px}.header .brand img{width:135px}.nav a{font-size:18px}.nav.open{background:#f4f6f7;top:78px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:10px;gap:0}.hero h1{font-size:clamp(57px,9vw,82px);letter-spacing:-3.7px;white-space:normal;max-width:650px}.hero .eyebrow{margin-bottom:22px}.hero-copy>p{max-width:470px;font-size:14px;margin-bottom:23px}.hero-actions .button{font-size:12px}.hero-work{font-size:12px}.hero-foot{display:none}.playground{height:530px;max-width:590px;width:100%;margin:30px auto 0}.playground-top{top:10px;right:0;left:5px}.scene-product{inset:100px 35px 115px 15px}.demo-stage{top:25px}.light-core{width:380px;height:380px;right:20px;top:35px}.stage-coordinate{top:64px;left:10px}.mini-website{padding:20px 25px}.mini-layout h3{font-size:31px}.mini-sculpture{transform:none}.mini-layout{padding-top:22px}.demo-tabs{left:5px;right:5px;bottom:40px}.demo-tabs button{padding:16px 12px;font-size:11px;gap:10px}.demo-tabs button b{display:block}.playground-note{font-size:7px}.hero-baseline{font-size:8px;padding-block:18px}.hero-baseline>span:first-child{max-width:140px;line-height:1.6}.hero-baseline>span:last-child{align-self:center}.client-strip{gap:25px}.client-names{flex-wrap:wrap;justify-content:flex-start;gap:15px 25px}.client-names>b{font-size:20px}.section{padding-block:65px}.section-head{gap:25px;align-items:start}.section-head>p{font-size:13px}.service-grid{grid-template-columns:1fr;gap:42px}.service-visual{height:290px}.service-object{inset-inline:15%;inset-block:35px 55px}.wire-window{height:155px;max-width:280px}.stack-block{width:165px;height:100px}.stack-block:nth-child(2){top:73px}.stack-block:nth-child(3){top:116px}.service-card h3{font-size:32px}.service-card h3 br{display:none}.service-card p{min-height:0;max-width:500px;font-size:14px}.service-card .text-link{padding-top:0}.service-top{margin-bottom:15px}.service-card h3{margin-bottom:10px}.featured-grid{grid-template-columns:1fr;gap:40px}.featured h2{font-size:46px}.featured-grid>div>p{max-width:500px}.flow-dashboard{max-width:650px}.flow-caption{font-size:8px}.feature-meta{margin-top:25px}.project-grid{gap:35px}.project-art{height:380px}.projects-head h2{font-size:40px}.wm-window h3{font-size:32px}.motiv-art .motif{height:210px}.intro-grid{grid-template-columns:1fr;gap:25px}.intro-grid h1{font-size:61px;letter-spacing:-3px}.intro-grid>div>p{font-size:14px}.page-intro{padding-top:24px;padding-bottom:20px}.breadcrumbs{margin-bottom:30px}.product-panorama{margin-bottom:20px}.wide-stage{margin-top:15px;height:510px;max-width:none}.wide-stage .stage-coordinate{font-size:12px;top:70px;left:25px;letter-spacing:1px}.wide-stage .playground-top{top:18px;left:20px;right:20px}.wide-stage .scene-product{inset:100px 50px 113px 40px}.wide-stage .demo-stage{top:10px;max-width:none}.wide-stage .light-core{width:440px;height:440px;top:5px;right:-40px}.wide-stage .demo-tabs{left:20px;right:20px;max-width:none}.wide-stage .playground-note{text-align:center;right:0;font-size:7px;bottom:15px}.wide-stage .mini-layout h3{font-size:30px}.wide-stage .floating-label{right:-20px;bottom:-5px}.detail-grid{grid-template-columns:1fr;gap:15px}.detail-grid article{padding:27px}.detail-grid h3{font-size:26px}.detail-grid p{font-size:14px;margin-bottom:0}.website-grid{gap:35px}.scope-card{box-shadow:8px 8px #ccdde6}.ending h2{font-size:64px;letter-spacing:-3px}.case-art-wide>.project-art{height:400px}.case-art-wide .motif{height:240px}.case-art-wide .motif-line{width:320px;height:190px}.contact-panel{box-shadow:8px 8px #dae6ed}.contact-layout h1{font-size:60px}}
@media(max-width:480px){.hero{padding-top:38px}.hero h1{font-size:53px;letter-spacing:-3px;line-height:1.09}.hero .eyebrow{font-size:9px}.hero-copy>p{font-size:13px}.hero-actions{gap:19px;flex-wrap:wrap}.hero-actions .button{padding:15px 17px;gap:20px}.hero-work{font-size:11px}.playground{height:450px;margin-top:25px}.light-core{width:300px;height:300px;right:-10px;top:25px}.stage-coordinate{font-size:8px;left:0;top:66px}.playground-top>span{font-size:7px}.scene-product{inset:92px 8px 100px 0}.demo-stage{top:26px}#hero-demo{min-height:225px}.mini-website{padding:17px}.mini-nav b{font-size:12px}.mini-nav{font-size:5px}.mini-layout{padding-top:23px;grid-template-columns:1.2fr .8fr;gap:0}.mini-layout h3{font-size:23px}.mini-layout small{font-size:5px}.mini-sculpture{height:112px;transform:scale(.67);transform-origin:left center}.mini-footer{font-size:5px;margin-top:8px}.mini-cta{font-size:6px;padding:8px}.mini-software,.mini-ai{padding:20px;min-height:225px}.mini-software h3,.mini-ai h3{font-size:21px}.mini-kanban{gap:6px}.mini-kanban>div{padding:7px}.mini-kanban b{font-size:6px}.mini-kanban i{font-size:5px;height:25px}.mini-software p,.mini-ai p{font-size:7px}.ai-chain>span,.ai-chain>strong{width:48px;height:48px;font-size:29px}.ai-chain>strong{font-size:38px}.ai-chain i{width:35px}.floating-label{font-size:8px;padding:9px 12px;bottom:-5px;right:0}.check{width:20px;height:20px;font-size:15px}.demo-tabs{bottom:36px;left:0;right:0}.demo-tabs button{font-size:9px;padding:14px 8px;gap:7px}.demo-tabs button span{font-size:7px}.demo-tabs button b{font-size:12px}.playground-note{font-size:6px;letter-spacing:.4px;bottom:14px}.hero-baseline{font-size:7px}.client-strip{gap:20px;padding-block:25px}.client-strip>span{font-size:9px}.client-names{gap:10px 20px}.client-names .wm{font-size:14px}.client-names .hl,.client-names .lf{font-size:18px}.section-head h2{font-size:38px;letter-spacing:-1.8px}.service-visual{height:245px}.service-object{inset-inline:15px;inset-block:25px 45px}.service-card h3{font-size:28px}.featured-header .eyebrow{font-size:9px}.featured-header{margin-bottom:35px}.featured h2{font-size:37px}.flow-dashboard{padding:17px}.flow-head>b{font-size:19px}.flow-mode{font-size:7px}.flow-summary strong{font-size:10px}.flow-summary small{font-size:7px}.pipeline{gap:6px}.pipeline button{font-size:7px;padding:14px 2px}.pipeline button>span{font-size:22px}.flow-description{font-size:10px;min-height:90px}.flow-rows>div{font-size:7px}.flow-caption{font-size:7px}.project-art{height:315px}.project-info{grid-template-columns:1fr}.project-info>span{font-size:8px}.project-info>h3{font-size:23px}.projects-head h2{font-size:35px}.wm-window{padding:20px;width:82%}.wm-top{font-size:9px;margin-bottom:20px}.wm-window h3{font-size:29px}.wm-window p{font-size:7px}.wm-button{font-size:7px}.motiv-art .motif{height:175px}.motif-line{width:250px}.mot-sub{font-size:7px}.intro-grid h1{font-size:45px;letter-spacing:-2.5px}.intro-grid>div>p{font-size:13px}.page-intro>.eyebrow{font-size:10px}.wide-stage{height:455px;width:calc(100% + 44px);margin-left:-22px;border-radius:0}.wide-stage .playground-top{left:22px;right:22px}.wide-stage .stage-coordinate{font-size:9px;left:22px;top:70px}.wide-stage .scene-product{inset:95px 30px 100px 25px}.wide-stage .mini-website{padding:17px}.wide-stage .mini-layout h3{font-size:23px}.wide-stage .mini-layout{padding-top:23px}.wide-stage .demo-stage{top:20px}.wide-stage .floating-label{right:-5px;bottom:-3px}.wide-stage .light-core{width:330px;height:330px;top:10px;right:-10px}.wide-stage .demo-tabs{left:22px;right:22px;bottom:36px}.wide-stage .playground-note{font-size:6px;bottom:14px}.payment-content h3{font-size:28px}.scope-card{padding:24px 18px}.scope-card h3{font-size:24px}.modules label{font-size:10px;padding:13px 9px}.ending h2{font-size:50px;letter-spacing:-2.6px}.ending-grid{gap:20px}.case-art-wide>.project-art{height:330px}.case-art-wide .motif strong{width:100px;height:100px;font-size:75px}.case-art-wide .motif{height:180px}.case-art-wide .motif-line{width:250px;height:150px}.case-art-wide .motif-node{width:33px;height:33px;font-size:18px}.contact-layout h1{font-size:47px}.contact-layout{padding-bottom:70px}.footer-links{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}.scene-product,.service-object{transform:none!important}}
.ending{position:relative}.ending .wrap{z-index:1}
@media(min-width:801px){.hero .demo-stage{top:10px}.intro-grid h1{font-size:clamp(50px,4.3vw,68px);letter-spacing:-3px}.page-intro{padding-bottom:42px}.breadcrumbs{margin-bottom:32px}}
@media(max-width:480px){.hero h1{font-size:44px;letter-spacing:-2.5px}.hero-actions{gap:15px}.hero-actions .button{font-size:11px;padding:14px;gap:16px}.hero-work{font-size:10px;gap:8px}.hero-copy>p{margin-bottom:23px}}
@media(max-width:480px){.hero .playground{height:500px}.hero .scene-product{bottom:150px}.wide-stage{height:505px}.wide-stage .scene-product{bottom:150px}.mini-layout h3,.wide-stage .mini-layout h3{font-size:21px}}

.studio-sign{position:relative;isolation:isolate;overflow:hidden;background:#071116;color:#f3fbff;padding:50px;margin-bottom:25px}.studio-sign>.eyebrow{color:#6ba3b7;font:10px monospace;letter-spacing:1.5px}.studio-sign>strong{display:block;font-size:clamp(50px,7vw,100px);font-weight:500;letter-spacing:-4px;line-height:1.05;margin:50px 0}.studio-orbit{position:absolute;z-index:-1;width:480px;height:480px;right:-20px;top:-15px;border:35px solid #20b8e3;border-radius:50%;box-shadow:inset 0 0 60px #20b8e350,0 0 50px #20b8e340;transform:rotateX(35deg) rotateY(-30deg);animation:core-drift 12s ease-in-out infinite}.studio-orbit:after{content:'';position:absolute;inset:40px;border:15px solid #38ccec;border-radius:50%}.studio-disciplines{display:flex;gap:40px;font:10px monospace;color:#84b1c2;border-top:1px solid #355462;padding-top:25px}@media(max-width:600px){.studio-sign{padding:30px 22px}.studio-sign>strong{font-size:49px;letter-spacing:-2px;margin:45px 0}.studio-orbit{width:280px;height:280px;right:-140px;top:20px;border-width:20px;opacity:.7}.studio-orbit:after{inset:25px;border-width:10px}.studio-disciplines{gap:20px;font-size:8px}}

/* Hero cleanup: only the screen and expertise controls remain. */
.hero-shell .demo-stage{transform:rotate(5deg);animation-name:hero-screen-float}
@keyframes hero-screen-float{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-13px) rotate(2deg)}}