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

:root{--ink:#0b0b0b;--coral:#d85a30;--canvas:#fff;--paper:#f5f4f1;--slate:#545454;--blue:#0c447c;--green:#1d9f75;--line:rgba(11,11,11,.14);--font-body:'DM Sans',Arial,sans-serif;--font-display:'Manrope','DM Sans',sans-serif;--page:1320px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:var(--coral);color:#fff}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--canvas);padding:12px 16px}.skip-link:focus{top:12px}
.site-header{height:82px;position:absolute;z-index:20;inset:0 0 auto;color:#fff;border-bottom:1px solid rgba(255,255,255,.14);transition:background .25s,border .25s,height .25s}
.site-header.is-stuck{position:fixed;height:72px;background:rgba(11,11,11,.92);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.08)}
.nav-shell{width:min(var(--page),calc(100% - 96px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:8px;color:#fff}
.brand-mark{position:relative;width:30px;height:30px;display:block;overflow:hidden;flex:none}.brand-mark img{position:absolute;width:90px;height:90px;max-width:none;left:-29px;top:-33px}
.brand-name{display:flex;align-items:baseline;gap:5px;font-size:19px;letter-spacing:-1.1px}.brand-name strong{font-family:var(--font-display);font-weight:800}.brand-name>span{font-weight:400;color:#b8b8b8}
.primary-nav{display:flex;align-items:center;gap:38px;font-size:13px;color:#d2d2d2}.primary-nav>a:not(.nav-cta){transition:color .2s}.primary-nav>a:not(.nav-cta):hover{color:#fff}
.nav-cta{border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:11px 17px;color:#fff;transition:background .2s,border .2s}.nav-cta span{color:var(--coral);margin-left:9px;font-size:16px}.nav-cta:hover{background:#fff;color:var(--ink);border-color:#fff}
.menu-toggle{display:none}
.hero{position:relative;min-height:760px;height:min(900px,100svh);max-height:980px;overflow:hidden;background:var(--ink);color:white;padding:180px max(48px,calc((100vw - var(--page))/2)) 88px;display:flex;align-items:center}
.hero-grid,.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%);pointer-events:none}
.hero-copy{position:relative;z-index:2;width:min(770px,63%);padding-bottom:15px}
.eyebrow{margin:0 0 31px;display:flex;align-items:center;gap:10px;color:#b8b8b8;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:600}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 14px rgba(29,159,117,.7)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-family:var(--font-display);font-size:clamp(68px,9.6vw,138px);line-height:.93;letter-spacing:-.095em;margin:0 0 44px;font-weight:600}
.hero-word{color:#a5a5a5;font-weight:400}.coral-dot{color:var(--coral)}
.hero-bottom{display:flex;align-items:center;gap:46px}.hero-description{font-size:15px;line-height:1.65;color:#b4b4b4;max-width:340px;margin:0}
.button{min-height:52px;padding:0 21px;display:inline-flex;justify-content:center;align-items:center;gap:25px;border-radius:3px;font-size:12px;font-weight:700;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-coral{color:#fff;background:var(--coral)}.button-coral:hover{background:#e2673d}.button span{font-size:18px;font-weight:400}
.hero-art{width:min(46vw,590px);aspect-ratio:1;position:absolute;right:max(0px,calc((100vw - var(--page))/2 - 15px));top:50%;transform:translateY(-46%);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:grid;place-items:center;opacity:.94}
.hero-art:before,.hero-art:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}.hero-art:before{inset:9%}.hero-art:after{inset:22%;border-color:rgba(255,255,255,.08)}
.art-orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;inset:9%;transform:rotate(-32deg) scaleY(.42)}.orbit-two{inset:9%;transform:rotate(32deg) scaleY(.42);border-color:rgba(216,90,48,.35)}
.art-core{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(130px,22vw,290px);font-weight:700;line-height:.8;letter-spacing:-.14em;color:#fff;text-shadow:0 16px 75px rgba(0,0,0,.4)}.art-core span:last-child{color:#8b8b8b}.art-core-dot{position:absolute;width:clamp(14px,2.6vw,34px);height:clamp(14px,2.6vw,34px);border-radius:50%;background:var(--coral);top:4%;left:53%;z-index:3;box-shadow:0 0 45px rgba(216,90,48,.35)}
.art-cross{position:absolute;color:var(--coral);font-size:22px;top:19%;right:21%;font-weight:300}.art-caption{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:8px;letter-spacing:.2em;color:#a3a3a3}.art-caption i{display:block;width:29px;height:1px;background:var(--coral)}.art-coordinate{position:absolute;right:8%;top:49%;writing-mode:vertical-rl;color:#666;font-size:8px;letter-spacing:.18em}
.scroll-cue{position:absolute;left:max(48px,calc((100vw - var(--page))/2));bottom:34px;color:#858585;font-size:10px;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:12px}.scroll-line{width:32px;height:1px;background:var(--coral)}
.section-pad{padding-left:max(48px,calc((100vw - var(--page))/2));padding-right:max(48px,calc((100vw - var(--page))/2))}.intro{padding-top:138px;padding-bottom:148px}.section-kicker{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#777}.section-kicker span:first-child{color:var(--coral)}.section-kicker span:last-child:before{content:'';display:inline-block;width:32px;height:1px;background:#c8c8c8;vertical-align:middle;margin:0 16px 3px 0}
.intro-content{display:grid;grid-template-columns:1.15fr .65fr;align-items:end;gap:80px;margin:66px 0 80px}.intro h2,.section-heading h2,.approach-heading h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.075em;font-size:clamp(48px,6.7vw,86px);line-height:1.02;margin:0}.intro h2 span{color:#a3a3a3}.intro-content>p{max-width:380px;margin:0 0 6px;color:#666;font-size:15px;line-height:1.8}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card{position:relative;min-height:330px;padding:28px 30px 26px 0}.service-card+.service-card{padding-left:30px;border-left:1px solid var(--line)}.service-number{font-size:10px;color:#858585;letter-spacing:.1em;text-transform:uppercase}.service-icon{width:54px;height:54px;margin:32px 0 22px;position:relative}.icon-target:before,.icon-target:after,.icon-target span{content:'';position:absolute;border:1px solid var(--coral);border-radius:50%;inset:0}.icon-target:after{inset:10px;border-color:#d5d5d5}.icon-target span{inset:20px;background:var(--coral);border:0}.icon-shape:before,.icon-shape:after{content:'';position:absolute;width:36px;height:36px;border:1px solid var(--blue);border-radius:50%;left:5px;top:8px}.icon-shape:after{left:20px;top:8px;background:var(--coral);border-color:var(--coral);mix-blend-mode:multiply}.icon-code{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--blue);font-size:15px;font-weight:700}.service-card h3{font:600 23px var(--font-display);letter-spacing:-.05em;margin:0 0 11px}.service-card p{color:#686868;line-height:1.7;font-size:13px;max-width:340px;margin:0 0 27px}.service-tags{color:#8b8b8b;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.work{background:var(--paper);padding-top:128px;padding-bottom:132px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:60px 0 56px}.section-heading h2 em{font-style:normal;color:var(--coral)}.section-heading p{max-width:320px;font-size:13px;line-height:1.8;color:#6d6d6d;margin:0 2% 8px 0}
.work-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:start}.work-card{min-width:0}.work-card:nth-child(2){margin-top:100px}.work-visual{height:390px;position:relative;overflow:hidden;display:grid;place-items:center}.saas-visual{background:#e4e9e9}.saas-visual:before{content:'';width:350px;height:350px;position:absolute;border:1px solid rgba(12,68,124,.16);border-radius:50%;right:-160px;top:-120px;box-shadow:0 0 0 35px rgba(12,68,124,.025),0 0 0 70px rgba(12,68,124,.025)}.saas-window{position:relative;width:78%;height:76%;background:#fff;box-shadow:0 22px 60px rgba(23,39,42,.15);border-radius:5px;transform:rotate(-2deg);overflow:hidden}.window-bar{height:31px;background:#fbfbfa;border-bottom:1px solid #eee;display:flex;align-items:center;gap:4px;padding:0 11px}.window-bar>span{width:5px;height:5px;border-radius:50%;background:#d2d4d4}.window-bar b{font-size:6px;font-weight:500;color:#888;margin-left:12px}.dashboard{display:flex;height:calc(100% - 31px)}.dashboard aside{width:14%;background:#f6f7f5;border-right:1px solid #eee;padding:14px 8px}.dashboard aside i{display:block;width:13px;height:13px;border-radius:4px;background:#dde5e4;margin-bottom:13px}.dashboard aside i:first-child{background:var(--coral)}.dash-main{padding:17px 20px;flex:1}.dash-main>small,.dash-stats small{color:#a3aaa8;font-size:5px;letter-spacing:.08em}.dash-main h4{margin:6px 0 13px;font:600 13px var(--font-display);letter-spacing:-.4px}.dash-stats{display:flex;gap:10px}.dash-stats>span{flex:1;padding:9px;border:1px solid #edf0ee;border-radius:3px}.dash-stats small{display:block}.dash-stats b{display:block;font:700 13px var(--font-display);margin:4px 0}.dash-stats i{font-style:normal;font-size:6px;color:var(--green)}.chart{height:70px;display:flex;align-items:end;gap:5px;margin-top:10px;border-bottom:1px solid #eee;background:repeating-linear-gradient(to bottom,transparent 0 17px,#f0f1ef 18px)}.chart span{flex:1;background:linear-gradient(0deg,rgba(29,159,117,.16),rgba(29,159,117,.85));border-radius:2px 2px 0 0}.chart span:nth-child(3n){height:45%}.chart span:nth-child(3n + 1){height:68%}.chart span:nth-child(3n + 2){height:82%}.visual-label{position:absolute;bottom:14px;left:17px;font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:rgba(11,11,11,.52)}
.booking-visual{height:330px;background:#e1e2db;align-items:center;justify-items:center}.booking-visual:before{content:'';position:absolute;width:240px;height:240px;border-radius:50%;background:var(--coral);opacity:.15;right:-75px;top:-75px}.booking-card{position:relative;width:68%;padding:24px 24px 22px;background:#f6f4ed;box-shadow:0 20px 44px rgba(28,34,31,.12);transform:rotate(3deg);z-index:1}.booking-overline{font-size:6px;letter-spacing:.15em;color:#777}.booking-card h4{font:600 28px/.98 var(--font-display);letter-spacing:-1.8px;margin:15px 0 10px}.booking-card h4 em{font-family:Georgia,serif;color:var(--coral);font-weight:400}.booking-card p{font-size:8px;line-height:1.5;color:#696969;max-width:160px;margin:0 0 18px}.booking-button{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:white;padding:10px;font-size:7px}.booking-button b{font-size:11px;color:var(--coral)}.booking-sun{position:absolute;width:56px;height:56px;border-radius:50%;background:var(--coral);right:15%;top:13%;opacity:.9}.work-meta{display:flex;justify-content:space-between;align-items:start;padding-top:18px;border-top:1px solid rgba(11,11,11,.16);margin-top:16px}.work-type{font-size:10px;color:#797979}.work-meta h3{font:600 20px var(--font-display);letter-spacing:-.045em;margin:7px 0 0}.work-index{font-size:10px;color:#999}.concept-note{font-size:11px;color:#777;margin:44px 0 0}.concept-note span{color:var(--coral);margin-right:7px}
.approach{padding-top:137px;padding-bottom:144px}.approach-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;padding-top:67px}.approach-heading h2{font-size:clamp(48px,5.8vw,74px)}.approach-heading h2 span{color:var(--coral)}.approach-heading>p{max-width:350px;color:#686868;font-size:14px;line-height:1.8;margin:25px 0 30px}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid var(--coral);padding-bottom:7px}.text-link span{color:var(--coral);margin-left:10px;font-size:15px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:50px 1fr 20px;gap:10px;padding:23px 0;border-bottom:1px solid var(--line);align-items:start}.step-no{font-size:10px;color:var(--coral);padding-top:5px}.step h3{font:600 18px var(--font-display);letter-spacing:-.04em;margin:0 0 6px}.step p{font-size:12px;line-height:1.65;color:#747474;max-width:360px;margin:0}.step-mark{color:#999;font-size:15px;text-align:right}
.contact{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding-top:87px;padding-bottom:103px;min-height:570px}.contact-grid{mask-image:linear-gradient(90deg,#000,transparent 90%);opacity:.7}.contact .section-kicker{position:relative;color:#aaa}.contact-content{position:relative;z-index:1;margin:79px 0 0 13%}.contact-content .eyebrow{margin-bottom:24px}.contact h2{font:600 clamp(58px,8.2vw,105px)/.95 var(--font-display);letter-spacing:-.09em;margin:0 0 23px}.contact h2 span{color:#878787}.contact-copy{font-size:13px;color:#aaa;margin:0 0 25px}.contact-button{min-width:206px}.contact-stamp{position:absolute;right:11%;top:42%;width:154px;height:154px;border:1px solid rgba(255,255,255,.21);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#8d8d8d;font-size:8px;letter-spacing:.16em;transform:rotate(-12deg)}.contact-stamp b{color:var(--coral);font-size:20px;font-weight:400}
.site-footer{min-height:100px;background:#050505;color:#aaa;padding:20px max(48px,calc((100vw - var(--page))/2));display:flex;align-items:center;justify-content:space-between}.footer-brand{transform:scale(.9);transform-origin:left center}.site-footer>p{font-size:11px;margin:0}.copyright{font-size:10px;color:#777}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.service-card:nth-child(2),.step:nth-child(2){transition-delay:.08s}.service-card:nth-child(3),.step:nth-child(3){transition-delay:.16s}.step:nth-child(4){transition-delay:.24s}
@media(max-width:1000px){.hero{min-height:720px}.hero-copy{width:70%}.hero-art{right:-12%;width:55vw;opacity:.62}.hero h1{font-size:clamp(70px,10vw,116px)}.hero-bottom{display:block}.hero-description{margin-bottom:22px}.intro-content{gap:35px}.work-visual{height:330px}.booking-visual{height:290px}.booking-card{width:78%}.approach-layout{gap:8%}.contact-stamp{right:5%}}
@media(max-width:720px){html{scroll-padding-top:72px}.site-header{height:70px}.nav-shell{width:calc(100% - 40px)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;padding:9px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;z-index:2}.menu-toggle span{width:100%;height:1px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.primary-nav{position:absolute;left:0;right:0;top:69px;padding:20px 22px 26px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#101010;border-bottom:1px solid rgba(255,255,255,.1);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s}.primary-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}.primary-nav>a:not(.nav-cta){padding:15px 2px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-cta{margin-top:17px;text-align:center}.hero{height:auto;min-height:790px;max-height:none;padding:145px 24px 82px;align-items:flex-start}.hero-copy{width:100%;padding-top:35px}.hero h1{font-size:clamp(64px,14vw,100px);margin-bottom:29px}.eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:24px}.hero-description{font-size:13px;max-width:310px}.hero-art{width:min(94vw,450px);right:-24%;top:auto;bottom:-30px;transform:none;opacity:.42}.art-core{font-size:clamp(150px,42vw,230px)}.scroll-cue{left:24px;bottom:25px;font-size:8px}.section-pad{padding-left:24px;padding-right:24px}.intro,.approach{padding-top:88px;padding-bottom:94px}.section-kicker{font-size:9px}.section-kicker span:last-child:before{width:20px;margin-right:10px}.intro-content{grid-template-columns:1fr;gap:20px;margin:45px 0 50px}.intro h2,.section-heading h2{font-size:clamp(46px,11vw,70px)}.intro-content>p{font-size:13px;max-width:420px}.service-grid{grid-template-columns:1fr}.service-card,.service-card+.service-card{padding:24px 0 25px;min-height:0;border-left:0}.service-card+.service-card{border-top:1px solid var(--line)}.service-icon{margin:24px 0 18px}.service-card p{max-width:440px;margin-bottom:17px}.work{padding-top:90px;padding-bottom:88px}.section-heading{display:block;margin:44px 0 38px}.section-heading p{margin:20px 0 0;max-width:410px}.work-grid{grid-template-columns:1fr;gap:40px}.work-card:nth-child(2){margin-top:0}.work-visual{height:300px}.booking-visual{height:280px}.saas-window{width:86%;height:74%}.booking-card{width:min(72%,300px)}.concept-note{font-size:10px;line-height:1.6;margin-top:27px}.approach-layout{grid-template-columns:1fr;gap:50px;padding-top:45px}.approach-heading h2{font-size:clamp(48px,11vw,70px)}.approach-heading>p{font-size:13px}.step{grid-template-columns:36px 1fr 18px;padding:20px 0}.step h3{font-size:16px}.step p{font-size:11px}.contact{min-height:560px;padding-top:66px;padding-bottom:75px}.contact-content{margin:69px 0 0}.contact h2{font-size:clamp(57px,12vw,82px)}.contact-copy{max-width:300px;line-height:1.6}.contact-stamp{width:104px;height:104px;right:8%;top:auto;bottom:22px;opacity:.55}.contact-stamp span{font-size:6px}.contact-stamp b{font-size:16px}.site-footer{padding:20px 24px;min-height:110px;flex-wrap:wrap;gap:14px}.site-footer>p{order:3;width:100%;font-size:10px}.copyright{font-size:9px}}
@media(max-width:390px){.hero{min-height:740px}.hero h1{font-size:61px}.button{font-size:11px;gap:14px;padding:0 15px}.work-visual{height:255px}.booking-visual{height:250px}.contact h2{font-size:54px}.brand-name{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}