@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700&family=Manrope:wght@400;500;600;700&display=swap";html,body,#root{min-height:100%;margin:0}html{scroll-behavior:smooth}body{margin:0}:root{--ink:#0a0b0b;--ink-2:#131515;--paper:#f2f2ed;--paper-2:#e7e8e1;--white:#fbfbf8;--text:#121414;--muted:#585b57;--muted-dark:#a3a7a2;--line:#d3d4cd;--line-dark:#ffffff24;--accent:#ff5b54;--accent-text:#d93a33;--font-display:"Bricolage Grotesque", "Manrope", system-ui, sans-serif;--font-text:"Manrope", system-ui, sans-serif;--container:1360px;--gutter:clamp(16px, 4vw, 40px);--section-pad:clamp(88px, 11vw, 160px);--nav-h:76px;--ease:cubic-bezier(.16, 1, .3, 1);--fs-display:clamp(46px, 7vw, 116px);--fs-h2:clamp(36px, 5.4vw, 84px);--fs-h3:clamp(24px, 2.6vw, 38px);--fs-body:16px;--fs-small:14px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{background:var(--paper);color:var(--text);font-family:var(--font-text);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600}ul,ol{margin:0;padding:0;list-style:none}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,svg{max-width:100%}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{z-index:10001;background:var(--ink);color:#fff;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.nav-inner,.hero-container,.section-container,.approach-inner,.cta-inner,.footer-top,.footer-bottom{width:min(calc(100% - var(--gutter) * 2), var(--container));margin-inline:auto}.nav-inner>*,.hero-container>*,.approach-inner>*,.service-row>*,.case-study>*,.process-item>*{min-width:0}.progress-bar{z-index:9999;background:var(--accent);transform-origin:0;pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.loader{z-index:10000;background:var(--ink);color:#fff;animation:loaderOut .6s 1s var(--ease) forwards;place-content:center;justify-items:center;gap:22px;display:grid;position:fixed;inset:0}.loader-name{font-family:var(--font-display);letter-spacing:-.04em;animation:loaderIn .7s var(--ease) both;font-size:clamp(36px,7vw,84px);font-weight:700}.loader-line{background:var(--accent);transform-origin:0;width:120px;height:1px;animation:loaderLine .9s var(--ease) both}@keyframes loaderIn{0%{opacity:0;transform:translateY(14px)}}@keyframes loaderLine{0%{transform:scaleX(0)}}@keyframes loaderOut{to{opacity:0;visibility:hidden;pointer-events:none}}.navbar{z-index:1000;height:var(--nav-h);border-bottom:1px solid #0000;transition:background .35s,border-color .35s,height .35s,color .3s;position:fixed;inset:0 0 auto}.navbar.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2f2eddb;border-bottom-color:#00000014;height:64px}.navbar.menu-open,.navbar.menu-open.scrolled{color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000}.nav-inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-symbol{flex:0 0 28px;width:28px;height:28px;position:relative}.brand-symbol i{border:1.5px solid;border-radius:50%;position:absolute;inset:6px 0}.brand-symbol i:first-child{transform:rotate(55deg)}.brand-symbol i:nth-child(2){transform:rotate(-55deg)}.brand-symbol i:nth-child(3){border-color:var(--accent);inset:0 7px}.brand-text{font-family:var(--font-display);letter-spacing:-.035em;white-space:nowrap;font-size:19px;font-weight:700}.nav-links{gap:6px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);padding:10px 14px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .35s var(--ease);position:absolute;bottom:5px;left:14px;right:14px;transform:scaleX(0)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text)}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}.nav-cta{background:var(--ink);color:#fff;white-space:nowrap;transition:background .25s ease, transform .25s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.nav-cta:hover{background:var(--accent)}.nav-cta:active{transform:scale(.97)}.nav-right{align-items:center;gap:14px;display:flex}.mobile-menu-button{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;margin-right:-10px;padding:0;display:none}.mobile-menu{z-index:999;height:100dvh;padding:104px var(--gutter) calc(30px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#fff;position:fixed;inset:0;overflow-y:auto}.mobile-menu a{border-bottom:1px solid var(--line-dark);font-family:var(--font-display);letter-spacing:-.03em;justify-content:space-between;align-items:center;padding:20px 0;font-size:clamp(26px,7vw,36px);font-weight:600;display:flex}.mobile-menu a:hover,.mobile-menu a:focus-visible{color:var(--accent)}.button{transition:background .25s ease, color .25s ease, transform .25s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:15px;font-weight:600;line-height:1.2;display:inline-flex}.button:active{transform:scale(.98)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--accent)}.button-light{background:var(--white);color:var(--ink)}.button-light:hover{background:var(--accent);color:#fff}.text-link{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.text-link svg{transition:transform .3s var(--ease)}.text-link:hover svg{transform:translate(4px)}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px}.section-label{color:var(--accent-text);font-size:14px;font-weight:600}.hero{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-container{padding-block:calc(var(--nav-h) + 24px) 80px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.hero-eyebrow{color:var(--muted);font-size:14px;font-weight:500}.hero h1{font-size:var(--fs-display);letter-spacing:-.05em;margin:24px 0 28px;font-weight:700;line-height:.95}.hero-mask{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.hero-line{display:block}.hero-line.accent{color:var(--accent-text)}.hero-copy{max-width:520px;color:var(--muted);font-size:clamp(16px,1.3vw,18px);line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:36px;display:flex}.hero-scroll{left:var(--gutter);color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;bottom:28px}.hero-scroll svg{color:var(--accent-text)}.hero-system-wrap{place-items:center;display:grid}.hero-system{aspect-ratio:1;place-items:center;width:min(600px,100%);display:grid;position:relative}.orbit{border:1px solid #00000029;border-radius:50%;position:absolute}.orbit-outer{width:94%;height:50%;animation:48s linear infinite spinA}.orbit-middle{border-color:#ff5b548c;width:74%;height:56%;animation:36s linear infinite spinB}.orbit-inner{border-style:dashed;width:46%;height:46%}.orbit-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:50%}@keyframes spinA{0%{transform:rotate(-23deg)}to{transform:rotate(337deg)}}@keyframes spinB{0%{transform:rotate(64deg)}to{transform:rotate(-296deg)}}.system-core{z-index:2;background:var(--ink);color:#fff;border-radius:50%;place-content:center;justify-items:center;gap:8px;width:132px;height:132px;display:grid;position:relative}.system-core svg{color:var(--accent)}.system-core span{opacity:.8;font-size:12px;font-weight:600}.system-node{z-index:3;background:var(--white);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;position:absolute}.system-node-icon{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.system-node strong{white-space:nowrap;font-size:13px;font-weight:600}.node-one{top:14%;left:4%}.node-two{top:22%;right:0}.node-three{bottom:14%;right:6%}.node-four{bottom:10%;left:6%}.section{padding-block:var(--section-pad)}.section-intro{margin-bottom:clamp(48px,7vw,96px)}.section-intro-main{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:48px;margin-top:24px;display:grid}.section-intro h2{font-size:var(--fs-h2);letter-spacing:-.05em;line-height:.98}.section-desc{max-width:420px;color:var(--muted);line-height:1.75}.services-list{border-top:1px solid var(--ink)}.service-row{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:32px;padding:40px 0;transition:background .4s;display:grid}.service-icon{border:1px solid var(--line);place-items:center;width:48px;height:48px;transition:background .3s,color .3s,border-color .3s;display:grid}.service-icon svg{width:22px;height:22px}.service-main h3{font-size:var(--fs-h3);letter-spacing:-.04em;margin-bottom:14px;line-height:1.1}.service-main p{max-width:560px;color:var(--muted);line-height:1.75}.service-row .tag-list{padding-top:6px}@media (hover:hover){.service-row:hover .service-icon{background:var(--ink);color:#fff;border-color:var(--ink)}}.approach{padding-block:var(--section-pad);background:var(--ink);color:#fff;overflow:hidden}.approach-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(48px,8vw,120px);display:grid}.approach .section-label{color:var(--accent)}.approach h2{letter-spacing:-.045em;margin:24px 0 28px;font-size:clamp(34px,4.6vw,70px);line-height:1}.approach-copy>p:not(.section-label){max-width:460px;color:var(--muted-dark);margin-bottom:36px;line-height:1.75}.flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.flow-step{color:var(--muted-dark);flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.flow-icon{z-index:1;border:1px solid var(--line-dark);background:var(--ink);border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:relative}.flow-icon svg{width:22px;height:22px}.flow-label{font-size:14px;font-weight:600}.flow-line{background:var(--line-dark);width:calc(100% - 68px);height:1px;position:absolute;top:34px;left:calc(50% + 34px)}.flow-step.active{color:#fff}.flow-step.active .flow-icon{background:var(--accent);border-color:var(--accent);color:var(--ink)}.case-list{gap:clamp(32px,5vw,64px);display:grid}.case-study{border:1px solid var(--line);background:var(--white);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);display:grid}.case-study:nth-child(2n){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.case-study:nth-child(2n) .case-visual{order:2}.case-visual{place-items:center;min-height:460px;padding:40px;display:grid}.case-diagram{width:min(380px,100%);height:auto;overflow:visible}.tone-dark .case-visual{background:var(--ink);color:#fff}.tone-light .case-visual{background:var(--paper-2);color:var(--ink)}.tone-coral .case-visual{background:var(--accent);color:var(--ink)}.d-ring{fill:none;stroke:currentColor;stroke-opacity:.25;stroke-dasharray:2 4}.d-line{stroke:currentColor;stroke-opacity:.45}.d-node{fill:var(--ink);stroke:currentColor;stroke-opacity:.6}.tone-dark .d-node{fill:var(--ink)}.tone-light .d-node,.tone-coral .d-node{fill:var(--white)}.d-hub{fill:var(--accent)}.tone-coral .d-hub{fill:var(--ink)}.case-content{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(32px,4.5vw,64px);display:flex}.case-category{color:var(--accent-text);margin-bottom:20px;font-size:14px;font-weight:600}.case-content h3{letter-spacing:-.045em;margin-bottom:20px;font-size:clamp(30px,3.6vw,54px);line-height:1}.case-content>p:not(.case-category){max-width:460px;color:var(--muted);margin-bottom:28px;line-height:1.75}.case-link{align-items:center;gap:8px;margin-top:36px;font-size:15px;font-weight:600;display:inline-flex}.case-link svg{transition:transform .3s var(--ease)}.case-link:hover svg{transform:translate(3px,-3px)}.process{padding-top:0}.process-list{border-top:1px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.process-item{padding:28px 28px 8px 0}.process-item+.process-item{border-left:1px solid var(--line);padding-left:28px}.process-num{font-family:var(--font-display);color:var(--accent-text);margin-bottom:56px;font-size:15px;font-weight:600;display:block}.process-item h3{font-size:var(--fs-h3);letter-spacing:-.04em;margin-bottom:14px}.process-item p{color:var(--muted);font-size:var(--fs-small);line-height:1.75}.cta{padding-block:var(--section-pad);background:var(--ink);color:#fff}.cta .section-label{color:var(--accent)}.cta h2{letter-spacing:-.055em;max-width:14ch;margin:24px 0 28px;font-size:clamp(48px,9vw,140px);line-height:.92}.cta-copy{max-width:480px;color:var(--muted-dark);margin-bottom:40px;line-height:1.75}.cta-actions{flex-wrap:wrap;align-items:center;gap:20px 32px;display:flex}.cta-email{border-bottom:1px solid var(--accent);overflow-wrap:anywhere;padding-bottom:2px;font-size:16px;font-weight:600}.cta-email:hover{color:var(--accent)}.footer{background:var(--ink);color:#fff;border-top:1px solid var(--line-dark)}.footer-top{justify-content:space-between;align-items:center;gap:28px;padding-block:48px;display:flex}.footer-links{flex-wrap:wrap;gap:8px 28px;display:flex}.footer-links a{color:var(--muted-dark);font-size:14px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{padding-block:22px calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-dark);color:#8a8e89;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;font-size:13px;display:flex}.footer-bottom a{align-items:center;gap:6px;display:inline-flex}.footer-bottom a:hover{color:#fff}@media (width<=1100px){.nav-links,.nav-cta{display:none}.mobile-menu-button{display:grid}.hero{min-height:auto}.hero-container{padding-block:calc(var(--nav-h) + 32px) 56px;grid-template-columns:minmax(0,1fr)}.hero-scroll{display:none}.hero-system{width:min(520px,100%);margin-inline:auto}.approach-inner{grid-template-columns:minmax(0,1fr)}.service-row{grid-template-columns:56px minmax(0,1fr)}.service-row .tag-list{grid-column:2;padding-top:0}.case-study,.case-study:nth-child(2n){grid-template-columns:minmax(0,1fr)}.case-study:nth-child(2n) .case-visual{order:0}.case-visual{min-height:360px}.process-list{grid-template-columns:repeat(2,minmax(0,1fr))}.process-item:nth-child(odd){border-left:0;padding-left:0}.process-item:nth-child(n+3){border-top:1px solid var(--line);margin-top:28px}}@media (width<=800px){:root{--nav-h:68px}.section-intro-main{grid-template-columns:minmax(0,1fr);gap:24px}.system-node{padding:6px 12px 6px 6px}.system-node-icon{width:26px;height:26px}.system-core{width:104px;height:104px}.flow{grid-template-columns:minmax(0,1fr);justify-items:start;gap:0}.flow-step{flex-direction:row;gap:18px;padding-bottom:36px}.flow-step:last-child{padding-bottom:0}.flow-line{width:1px;height:calc(100% - 68px);top:68px;left:34px}}@media (width<=600px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .text-link{align-self:flex-start}.button{width:100%}.service-row{grid-template-columns:minmax(0,1fr);gap:20px;padding:32px 0}.service-row .tag-list{grid-column:auto}.case-visual{min-height:280px;padding:24px}.process-list{grid-template-columns:minmax(0,1fr)}.process-item,.process-item+.process-item{border-left:0;border-top:1px solid var(--line);margin-top:0;padding:28px 0}.process-item:first-child{border-top:0}.process-num{margin-bottom:20px}.footer-top{flex-direction:column;align-items:flex-start;padding-block:40px}.footer-bottom{flex-direction:column;align-items:flex-start}.cta-actions{flex-direction:column;align-items:stretch}}@media (height<=520px) and (orientation:landscape){.hero{min-height:auto}.mobile-menu{padding-top:76px}.mobile-menu a{padding:12px 0;font-size:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}