:root{--ink:#171b25;--ink-soft:#57606f;--paper:#f5f3ef;--sand:#e8e2d9;--warm:#d7d0c4;--accent:#e89a3d;--white:#fffdfa;--line:rgba(23,27,37,.15);--max:1240px;--display:'Space Grotesk',sans-serif;--body:'Manrope',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 64px),var(--max));margin:0 auto}.section-pad{padding:136px 0}.announcement{min-height:34px;padding:7px 32px;background:var(--ink);color:rgba(255,253,250,.74);display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:.04em}.announcement a{color:var(--white);margin-left:14px;text-decoration:underline;text-underline-offset:3px}.announcement-dot,.pulse{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(232,154,61,.14)}.site-header{height:86px;background:rgba(245,243,239,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-weight:800;letter-spacing:-.05em}.brand-mark{width:42px;height:42px;display:block}.brand-name{font-family:var(--display);font-size:18px;letter-spacing:-.06em}.brand-name i{font-style:normal;color:var(--ink-soft);font-weight:500;margin-left:2px}.desktop-nav{display:flex;gap:38px;margin-left:100px;font-size:12px;color:var(--ink-soft)}.desktop-nav a,.footer-links a,.footer-bottom a{transition:color .2s ease}.desktop-nav a:hover,.footer-links a:hover,.footer-bottom a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;font-size:12px;font-weight:700;letter-spacing:.01em;padding:15px 20px;transition:transform .2s ease,background .2s ease,border .2s ease}.button:hover{transform:translateY(-2px)}.button span{font-size:18px;line-height:0;font-weight:400}.button-small{padding:11px 16px;font-size:11px}.button-dark{background:var(--ink);color:var(--white)}.button-primary{background:var(--accent);color:var(--ink)}.button-outline{border-color:var(--ink);color:var(--ink)}.button-outline:hover{background:var(--ink);color:var(--white)}.menu-toggle,.mobile-nav{display:none}
.hero{padding:84px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;min-height:610px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.11em;color:var(--ink-soft)}.eyebrow-line{width:30px;height:1px;background:var(--accent)}h1,h2,h3,p,blockquote{margin:0}.hero h1{font:600 clamp(70px,8.25vw,126px)/.89 var(--display);letter-spacing:-.085em;margin:33px 0 32px}.hero h1 em,h2 em,.footer-message em{font-style:normal;color:var(--accent)}.period{color:var(--accent)}.hero-intro{font-size:17px;line-height:1.7;color:var(--ink-soft);max-width:460px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.text-link{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link span{font-size:19px;font-weight:400;line-height:0}.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:76px;color:var(--ink-soft);font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.slash{color:var(--warm)}.hero-visual{height:560px;position:relative;background:var(--sand);overflow:hidden}.hero-visual:before,.hero-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:84px 84px;opacity:.34}.hero-visual:after{background-size:14px 14px;opacity:.12}.visual-topline{position:absolute;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;z-index:2;font:10px var(--mono);color:var(--ink-soft);letter-spacing:.08em}.orbit{position:absolute;border:1px solid rgba(23,27,37,.2);border-radius:50%;z-index:1;transform:rotate(-28deg)}.orbit-one{width:620px;height:230px;left:-40px;top:200px}.orbit-two{width:550px;height:180px;left:0;top:225px;transform:rotate(34deg);border-color:rgba(232,154,61,.65)}.orbit-three{width:390px;height:390px;left:136px;top:96px;border-color:rgba(23,27,37,.12)}.pillar{position:absolute;background:var(--ink);z-index:2}.pillar-left{width:52px;height:300px;left:26%;top:180px;transform:skewY(-25deg)}.pillar-center{width:85px;height:347px;left:44%;top:125px;background:var(--accent);transform:skewY(24deg)}.pillar-right{width:45px;height:260px;right:17%;top:210px;transform:skewY(-25deg)}.bridge{position:absolute;width:295px;height:18px;background:var(--ink);left:28%;top:285px;z-index:3;transform:rotate(-18deg)}.visual-label{position:absolute;z-index:4;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.label-top{right:20px;top:146px;writing-mode:vertical-rl}.label-bottom{left:22px;bottom:70px}.visual-caption{position:absolute;left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;z-index:4;font:10px var(--mono);color:var(--ink-soft)}.hero-marquee{margin-top:54px;background:var(--accent);overflow:hidden;padding:14px 0;white-space:nowrap}.marquee-track{width:max-content;display:flex;align-items:center;gap:30px;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.1em;animation:marquee 28s linear infinite}.marquee-track b{font-size:15px;font-weight:400}@keyframes marquee{to{transform:translateX(-50%)}}
.trust-strip{border-bottom:1px solid var(--line);padding:20px 0}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.trust-label{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.trust-items{display:flex;gap:44px;font:600 12px var(--display);letter-spacing:-.02em;color:var(--ink-soft)}
.section-heading{margin-bottom:62px}.section-heading h2{font:600 clamp(48px,6vw,82px)/.94 var(--display);letter-spacing:-.08em;margin-top:25px}.split-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px}.split-heading>p{max-width:430px;color:var(--ink-soft);font-size:15px;line-height:1.75;padding-bottom:8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{position:relative;min-height:330px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 30px 26px;display:flex;flex-direction:column;transition:background .25s ease,transform .25s ease}.service-card:hover{background:var(--white);transform:translateY(-5px);z-index:2}.card-number,.project-type,.process-num{font:10px var(--mono);letter-spacing:.08em;color:var(--ink-soft)}.service-icon{height:80px;display:flex;align-items:center;margin-top:24px;margin-bottom:28px;color:var(--accent)}.service-card h3{font:600 25px/1.05 var(--display);letter-spacing:-.07em}.service-card p{color:var(--ink-soft);font-size:12px;line-height:1.65;max-width:260px;margin-top:16px}.card-arrow{margin-top:auto;align-self:flex-end;font-size:25px;line-height:1;transition:color .2s,transform .2s}.service-card:hover .card-arrow{color:var(--accent);transform:translate(3px,-3px)}.dark-card{background:var(--ink);color:var(--white)}.dark-card .card-number,.dark-card p{color:rgba(255,253,250,.5)}.dark-card:hover{background:#252a36}.icon-structure{gap:6px;align-items:flex-end}.icon-structure span{display:block;width:16px;background:currentColor}.icon-structure span:nth-child(1){height:42px}.icon-structure span:nth-child(2){height:63px}.icon-structure span:nth-child(3){height:32px}.icon-mobile{width:37px;height:62px;border:2px solid currentColor;border-radius:8px;margin-top:32px}.icon-mobile span{width:4px;height:4px;border-radius:50%;background:currentColor;display:block;margin:52px auto 0}.icon-grid{display:grid;grid-template-columns:repeat(2,20px);grid-template-rows:repeat(2,20px);gap:5px}.icon-grid span{border:2px solid currentColor}.icon-fintech{font:600 43px var(--display)}.icon-fintech span{border-bottom:2px solid currentColor;line-height:1}.icon-automation{position:relative;width:72px}.icon-automation span{position:absolute;border:2px solid currentColor;border-radius:50%;width:38px;height:38px}.icon-automation span:first-child{left:0;top:8px}.icon-automation span:last-child{left:28px;top:8px;background:var(--paper)}.icon-transform{font:400 70px var(--display);align-items:center}.dark-card .icon-transform{color:var(--accent)}
.work{background:var(--white)}.work-heading{display:flex;justify-content:space-between;align-items:end}.work-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-art{height:430px;position:relative;overflow:hidden}.art-nest{background:#d9d4ca}.nest-shape{position:absolute;width:280px;height:280px;border:50px solid var(--ink);border-right-color:var(--accent);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg)}.nest-shape:after{content:"";position:absolute;width:80px;height:80px;background:var(--white);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.art-pulse{background:#27313a}.pulse-bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px}.pulse-bars i{display:block;width:24px;background:var(--accent);opacity:.96}.pulse-bars i:nth-child(1){height:74px}.pulse-bars i:nth-child(2){height:122px}.pulse-bars i:nth-child(3){height:188px}.pulse-bars i:nth-child(4){height:255px;background:var(--white)}.pulse-bars i:nth-child(5){height:174px}.pulse-bars i:nth-child(6){height:112px}.pulse-bars i:nth-child(7){height:62px}.art-label{position:absolute;left:24px;top:22px;font:10px var(--mono);color:var(--ink-soft);letter-spacing:.08em}.art-pulse .art-label{color:rgba(255,255,255,.55)}.art-axis{position:absolute;right:26px;top:20px;font-size:24px;color:var(--ink-soft)}.art-note{position:absolute;right:25px;bottom:22px;font:500 16px/1.1 var(--display);color:var(--white);letter-spacing:-.05em}.project-meta{display:flex;align-items:flex-end;justify-content:space-between;margin-top:25px}.project-type{display:block;text-transform:uppercase;margin-bottom:16px}.project h3{font:600 clamp(26px,3vw,38px)/.98 var(--display);letter-spacing:-.075em}.round-arrow{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:21px;transition:background .2s,color .2s}.round-arrow:hover{background:var(--ink);color:var(--white)}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.project-tags span{border:1px solid var(--line);border-radius:30px;padding:6px 10px;font:10px var(--mono);color:var(--ink-soft)}
.manifesto{background:var(--ink);color:var(--white)}.manifesto-inner{display:grid;grid-template-columns:1fr 2fr;gap:100px;align-items:start}.manifesto .eyebrow{color:rgba(255,253,250,.6)}.manifesto-mark{font-size:90px;color:var(--accent);line-height:.7}.manifesto blockquote{font:500 clamp(35px,4.7vw,65px)/1.05 var(--display);letter-spacing:-.075em;max-width:900px;margin-top:38px}.signature{font:10px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:rgba(255,253,250,.5);margin-top:32px}
.process{background:var(--sand)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-item{position:relative;min-height:258px;padding:26px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.process-item:hover,.process-item.active{background:var(--white)}.process-num{display:block}.process-item h3{font:600 27px var(--display);letter-spacing:-.07em;margin:45px 0 12px}.process-item p{font-size:12px;color:var(--ink-soft);max-width:230px;line-height:1.7}.process-symbol{position:absolute;right:25px;top:21px;font-size:28px;color:var(--accent)}
.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.about-art{height:550px;background:var(--accent);position:relative;overflow:hidden}.about-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,27,37,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(23,27,37,.16) 1px,transparent 1px);background-size:60px 60px}.about-ring{position:absolute;border:1px solid rgba(23,27,37,.45);border-radius:50%}.ring-a{width:410px;height:410px;left:9%;top:11%}.ring-b{width:250px;height:530px;left:31%;top:1%;transform:rotate(35deg)}.about-block{width:185px;height:310px;background:var(--ink);position:absolute;left:38%;top:23%;transform:skewY(-20deg)}.about-art-label{position:absolute;bottom:22px;left:23px;font:10px var(--mono);line-height:1.6;letter-spacing:.1em}.about-copy h2{font:600 clamp(48px,5vw,70px)/.95 var(--display);letter-spacing:-.08em;margin:28px 0}.about-copy>p{color:var(--ink-soft);font-size:15px;line-height:1.75;max-width:500px;margin-bottom:16px}.about-copy .button{margin-top:22px}.about-stats{display:flex;gap:42px;border-top:1px solid var(--line);margin-top:62px;padding-top:18px}.about-stats div{display:flex;flex-direction:column;gap:6px}.about-stats strong{font:500 26px var(--display);letter-spacing:-.07em}.about-stats span{font:10px var(--mono);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}
.contact{background:var(--accent)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:120px}.contact h2{font:600 clamp(57px,6.5vw,88px)/.89 var(--display);letter-spacing:-.09em;margin:31px 0}.contact-copy>p{font-size:15px;line-height:1.75;max-width:400px}.contact-details{display:flex;flex-direction:column;gap:9px;margin-top:62px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em}.contact-details a{font-size:15px;text-transform:none;font-family:var(--display);font-weight:700;letter-spacing:-.04em}.contact-details a span{font-size:20px;margin-left:10px}.contact-form{background:var(--white);padding:38px 40px}.contact-form label{display:block;border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:28px}.contact-form label span{display:block;font:10px var(--mono);text-transform:uppercase;color:var(--ink-soft);letter-spacing:.06em;margin-bottom:8px}.contact-form input,.contact-form textarea{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a7a49e}.contact-form textarea{height:74px;resize:vertical}.contact-form .button{border:0;margin-top:4px}.form-note{font-size:10px;color:var(--ink-soft);margin-top:18px}
.site-footer{background:var(--ink);color:var(--white);padding:55px 0 23px}.footer-top{display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:30px;align-items:start;padding-bottom:75px}.brand-footer{color:var(--white);align-self:start}.brand-footer .brand-name i{color:rgba(255,253,250,.5)}.footer-message{font:500 31px/.98 var(--display);letter-spacing:-.07em}.footer-links{display:flex;flex-direction:column;gap:10px;font:12px var(--mono);color:rgba(255,253,250,.6)}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:19px;display:grid;grid-template-columns:1fr 1fr 1fr;font:10px var(--mono);color:rgba(255,253,250,.45)}.footer-bottom>span:nth-child(2){text-align:center}.footer-bottom div{display:flex;justify-content:flex-end;gap:22px}.footer-bottom a{color:rgba(255,253,250,.75)}.accent{color:var(--accent)}
@media(max-width:900px){.container{width:min(calc(100% - 40px),var(--max))}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--ink);transition:transform .2s}.mobile-nav{display:flex;position:absolute;left:0;right:0;top:85px;flex-direction:column;background:var(--white);border-bottom:1px solid var(--line);padding:18px 20px;transform:translateY(-150%);transition:transform .3s ease}.mobile-nav.open{transform:translateY(0)}.mobile-nav a{padding:12px 0;font:600 16px var(--display);border-bottom:1px solid var(--line)}.hero-grid,.about-grid,.contact-inner{grid-template-columns:1fr;gap:60px}.hero{padding-top:65px}.hero-grid{min-height:0}.hero-visual{height:470px}.trust-inner{align-items:flex-start;flex-direction:column;gap:17px}.trust-items{width:100%;justify-content:space-between;gap:15px;flex-wrap:wrap}.service-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.work-list{gap:16px}.project-art{height:310px}.manifesto-inner{gap:45px;grid-template-columns:1fr 3fr}.about-art{height:450px;max-width:600px}.contact-inner{gap:40px}.footer-top{grid-template-columns:1fr 1fr}.footer-message{grid-column:1/-1;grid-row:1;order:2}.footer-links{grid-column:2;grid-row:2}.brand-footer{grid-row:2}.footer-bottom{grid-template-columns:1fr;gap:12px}.footer-bottom>span:nth-child(2){text-align:left}.footer-bottom div{justify-content:flex-start}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.announcement{padding:8px 16px;font-size:9px;gap:8px}.announcement a{display:none}.site-header{height:76px}.mobile-nav{top:75px}.hero{padding-top:55px}.hero h1{font-size:65px}.hero-intro{font-size:15px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-footnote{margin-top:52px;flex-wrap:wrap;line-height:1.4}.hero-footnote .slash{display:none}.hero-visual{height:365px;margin:0 -0px}.pillar-left{width:36px;height:210px}.pillar-center{width:58px;height:245px}.pillar-right{width:32px;height:185px}.bridge{width:205px;left:27%;top:195px}.orbit-one{width:430px;height:160px;left:-42px;top:148px}.orbit-two{width:410px;height:125px;top:168px}.orbit-three{width:280px;height:280px;left:75px;top:67px}.visual-label{font-size:8px}.trust-items{font-size:11px}.section-pad{padding:92px 0}.section-heading{margin-bottom:42px}.section-heading h2{font-size:49px}.split-heading{display:block}.split-heading>p{margin-top:28px;font-size:14px}.service-grid,.process-grid,.work-list{grid-template-columns:1fr}.service-card{min-height:290px;padding:23px}.project-art{height:300px}.project h3{font-size:30px}.project-meta{align-items:center}.manifesto-inner{grid-template-columns:1fr;gap:30px}.manifesto-mark{font-size:60px}.manifesto blockquote{font-size:39px;margin-top:27px}.about-grid{gap:45px}.about-art{height:350px}.about-copy h2{font-size:49px}.about-stats{gap:22px;margin-top:42px}.about-stats strong{font-size:22px}.about-stats span{font-size:8px}.contact h2{font-size:64px}.contact-form{padding:25px 22px}.footer-top{grid-template-columns:1fr;gap:30px;padding-bottom:50px}.footer-message{grid-column:auto;grid-row:auto;order:initial;font-size:27px}.footer-links{grid-column:auto;grid-row:auto}.brand-footer{grid-row:auto}.footer-bottom div{gap:15px}}
