:root{--bg:#0A0A0F;--bg-soft:#101016;--bg-card:#121219;--gold:#D4AF37;--cyan:#59DDF1;--cyan-light:#A9F2FF;--cream:#f1eee8;--muted:#a09da2;--line:rgba(241,238,232,.13);--font-display:'Syne',sans-serif;--font-body:'Manrope',sans-serif;--gutter:clamp(22px,6.2vw,104px);--ease:cubic-bezier(.22,.75,.25,1);--container:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--font-body);font-size:15px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.96' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.33'/%3E%3C/svg%3E");mix-blend-mode:soft-light}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}::selection{background:rgba(89,221,241,.34);color:#fff}.container{width:min(100% - var(--gutter)*2,var(--container));margin-inline:auto}.section-pad{padding-block:clamp(96px,12vw,176px)}
.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:var(--cyan);color:var(--bg);padding:12px 18px;font-weight:700}.skip-link:focus{top:16px}.preloader{position:fixed;inset:0;z-index:150;background:#08080c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;animation:preloader-out .7s var(--ease) 1.4s forwards}.preloader-mark{width:48px;color:var(--gold);animation:mark-pulse 1.2s ease-in-out infinite alternate}.preloader-mark svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.preloader-mark .orbit-dot{fill:var(--cyan);stroke:none}.preloader-wordmark{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.04em;margin:0}.preloader-wordmark span{display:block;text-align:center;text-transform:uppercase;letter-spacing:.28em;font:500 13px var(--font-body);color:var(--muted);margin-top:4px}.preloader-line{height:1px;width:120px;background:rgba(255,255,255,.13);overflow:hidden;margin-top:9px}.preloader-line span{display:block;height:100%;width:45%;background:var(--gold);animation:loading-line 1.05s var(--ease) forwards}@keyframes preloader-out{to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes loading-line{from{transform:translateX(-110%)}to{transform:translateX(235%)}}@keyframes mark-pulse{to{transform:rotate(14deg) scale(1.06)}}.cursor-halo,.cursor-core{position:fixed;left:0;top:0;z-index:100;width:30px;height:30px;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);mix-blend-mode:screen}.cursor-halo{border:1px solid rgba(89,221,241,.65);transition:width .25s,height .25s,background .25s,opacity .25s}.cursor-core{width:5px;height:5px;background:var(--gold);box-shadow:0 0 14px var(--cyan)}body.custom-cursor-enabled .cursor-halo,body.custom-cursor-enabled .cursor-core{opacity:1}body.custom-cursor-enabled,body.custom-cursor-enabled a,body.custom-cursor-enabled button{cursor:none}body.cursor-active .cursor-halo{width:48px;height:48px;background:rgba(89,221,241,.09);border-color:var(--cyan)}
.site-header{position:fixed;z-index:60;inset:0 0 auto;transition:background .4s,border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:rgba(10,10,15,.78);border-color:rgba(255,255,255,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-wrap{width:min(100% - var(--gutter)*2,1600px);height:92px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:36px;height:36px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s var(--ease)}.brand:hover .brand-mark{transform:rotate(24deg)}.brand-mark .orbit-dot{fill:var(--cyan);stroke:none}.brand-type{font-family:var(--font-display);font-weight:700;letter-spacing:-.055em;font-size:16px;line-height:1.05}.brand-type>span{display:block}.brand-type small{display:block;font:500 13px var(--font-body);letter-spacing:.36em;text-transform:uppercase;color:var(--muted);margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:clamp(23px,3.2vw,52px);margin-left:auto}.desktop-nav a{font-size:13px;color:#cfccd1;letter-spacing:.015em;position:relative;transition:color .25s}.desktop-nav a::after{content:"";height:1px;position:absolute;bottom:-7px;left:0;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.desktop-nav a:hover{color:white}.desktop-nav a:hover::after{transform:scaleX(1);transform-origin:left}.nav-cta{display:flex;align-items:center;gap:16px;padding:11px 0 11px 21px;margin-left:20px;border-left:1px solid var(--line);font-size:13px}.nav-cta .arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(212,175,55,.55);border-radius:50%;color:var(--gold);font-size:15px;transition:background .25s,color .25s,transform .25s}.nav-cta:hover .arrow{background:var(--gold);color:var(--bg);transform:rotate(45deg)}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;min-height:780px;height:min(100svh,1000px);display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#0a0a0f}.hero-art,.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-art{z-index:-2;background-image:url('/manus-storage/async-images/cdIjIGOTcbXrLxiOaCgEgZ/image-1.webp');background-position:center right;background-size:cover;opacity:.78;transform:scale(1.04);will-change:transform}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(10,10,15,.98) 0%,rgba(10,10,15,.82) 39%,rgba(10,10,15,.28) 74%,rgba(10,10,15,.4) 100%),linear-gradient(0deg,#0a0a0f 0%,transparent 24%,transparent 80%,rgba(10,10,15,.5))}.hero-grid{position:relative;min-height:100%;padding-top:116px;padding-bottom:72px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;width:min(670px,58%);padding-top:12px}.eyebrow{font-size:13px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:#c3bec6;margin:0;display:flex;align-items:center;gap:12px}.hero-eyebrow{margin-bottom:33px;color:#d2cdd3}.eyebrow i{font-style:normal;color:var(--gold);font-size:14px}.eyebrow-mark{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 17px rgba(89,221,241,.8)}.hero h1{font-family:var(--font-display);font-size:clamp(62px,8.45vw,130px);line-height:.92;letter-spacing:-.095em;font-weight:500;margin:0;max-width:790px}.hero h1 em{font-style:normal;color:var(--gold);font-weight:500}.hero h1 span{color:rgba(241,238,232,.83)}.hero-description{max-width:480px;font-size:clamp(15px,1.25vw,18px);line-height:1.75;color:#d1cdd2;margin:31px 0 9px}.editable-inline{display:flex;gap:8px;align-items:center;color:#a9a0a9;font-size:13px;margin:0}.edit-dot{height:5px;width:5px;flex:0 0 5px;border-radius:50%;background:var(--cyan)}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:34px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 22px;border:0;font-size:16px;font-weight:700;letter-spacing:.025em;transition:transform .25s var(--ease),background .25s,box-shadow .25s}.button-primary{background:var(--cyan);color:#1a1019}.button-primary:hover{background:#A9F2FF;box-shadow:0 12px 40px rgba(89,221,241,.22)}.button span:last-child{font-size:16px;transition:transform .25s}.button:hover span:last-child{transform:translate(3px,-3px)}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:13px;color:#e4e0e5}.text-link span{color:var(--gold);font-size:16px;transition:transform .25s}.text-link:hover span{transform:translate(4px,-4px)}.hero-meta{display:flex;align-items:center;gap:13px;margin-top:67px;color:#8f8992;font-size:13px;letter-spacing:.09em;text-transform:uppercase}.meta-line{width:38px;height:1px;background:var(--gold)}.meta-separator{color:var(--cyan)}.hero-graphic{position:absolute;right:2%;top:50%;width:min(41vw,570px);aspect-ratio:1;transform:translateY(-50%);opacity:.82}.graphic-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(237,220,185,.19);border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}.orbit-one{width:94%;height:40%}.orbit-two{width:73%;height:73%;border-color:rgba(212,175,55,.24);transform:translate(-50%,-50%) rotate(40deg)}.orbit-three{width:49%;height:94%;border-color:rgba(89,221,241,.21);transform:translate(-50%,-50%) rotate(31deg)}.graphic-sphere{position:absolute;left:49%;top:47%;width:43%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 34% 28%,rgba(255,238,194,.98) 0,rgba(212,175,55,.83) 5%,rgba(153,108,51,.67) 17%,rgba(63,47,40,.88) 38%,rgba(13,13,18,.97) 69%);box-shadow:inset -22px -30px 48px rgba(0,0,0,.86),0 0 70px rgba(212,175,55,.2),30px 22px 130px rgba(89,221,241,.16);animation:sphere-drift 11s ease-in-out infinite alternate}.sphere-shine{position:absolute;left:25%;top:16%;width:27%;height:10%;border-radius:50%;background:rgba(255,242,208,.62);filter:blur(10px);transform:rotate(-29deg)}.sphere-core{position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(255,245,218,.15)}.graphic-cross{position:absolute;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 20px var(--cyan)}.cross-a{left:15%;top:45%}.cross-b{right:13%;top:24%;width:4px;height:4px;background:var(--gold);box-shadow:0 0 16px var(--gold)}.graphic-caption{position:absolute;right:2%;bottom:15%;display:flex;align-items:center;gap:11px;font:500 13px/1.5 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#d2cbd1}.caption-rule{width:31px;height:1px;background:var(--cyan)}.graphic-coordinate{position:absolute;left:3%;top:19%;font:500 13px/1.8 var(--font-body);letter-spacing:.19em;color:rgba(240,230,222,.5)}.scroll-cue{position:absolute;left:0;bottom:41px;display:flex;align-items:center;gap:12px;color:#a5a0a8;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.scroll-cue-line{width:33px;height:1px;background:var(--cyan)}.hero-index{position:absolute;right:0;bottom:41px;display:flex;align-items:center;gap:12px;color:#817b84;font:500 13px var(--font-body);letter-spacing:.12em}.hero-index>span:first-child{color:var(--gold)}.index-line{height:1px;width:46px;background:rgba(255,255,255,.26)}
.marquee{overflow:hidden;border-block:1px solid rgba(241,238,232,.1);background:#0d0d13}.marquee-track{display:flex;align-items:center;justify-content:flex-start;gap:28px;width:max-content;min-height:69px;padding-inline:20px;animation:marquee-scroll 32s linear infinite}.marquee-track span{font:600 13px var(--font-body);letter-spacing:.21em;text-transform:uppercase;color:#d3cfd5;white-space:nowrap}.marquee-track b{color:var(--gold);font-size:16px;font-weight:400}@keyframes marquee-scroll{to{transform:translateX(-50%)}}.marquee:hover .marquee-track{animation-play-state:paused}
.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(50px,7vw,94px)}.section-number{color:var(--gold);font:600 13px var(--font-body);letter-spacing:.06em}.section-note{font-size:13px;color:#8f8992;letter-spacing:.18em;text-transform:uppercase}.about{background:var(--bg);position:relative}.about-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(50px,11vw,170px);align-items:end}.about-heading{position:relative}.about-heading h2,.work-heading h2,.reviews-heading h2,.services-heading h2,.contact h2{font:500 clamp(49px,7vw,102px)/.98 var(--font-display);letter-spacing:-.085em;margin:0}.about-heading h2 em,.work-heading h2 em,.reviews-heading h2 em,.services-heading h2 em,.contact h2 em{font-style:normal;color:var(--gold)}.about-stamp{position:absolute;right:6%;bottom:-12%;display:flex;align-items:center;gap:9px;color:var(--cyan);transform:rotate(-9deg)}.about-stamp>span{font:600 24px var(--font-display);letter-spacing:-.12em}.about-stamp small{font:600 13px/1.25 var(--font-body);letter-spacing:.14em;color:#98919b}.about-copy{max-width:480px;padding-bottom:4px}.large-copy{font:500 clamp(18px,2vw,25px)/1.46 var(--font-display);letter-spacing:-.025em;margin:0 0 22px;color:#eae6eb}.body-copy{max-width:450px;color:#a7a2aa;font-size:13px;line-height:1.9;margin:0}.founder-card{display:flex;align-items:center;gap:13px;padding:18px 0;margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.founder-monogram{width:38px;height:38px;border-radius:50%;border:1px solid rgba(212,175,55,.45);display:grid;place-items:center;color:var(--gold);font:600 14px var(--font-display)}.micro-label{font-size:13px;color:#918a95;letter-spacing:.17em;text-transform:uppercase;font-weight:700}.founder-name{font-size:13px;font-weight:600;margin:4px 0 0}.founder-location{font-size:13px;color:#9d97a1;margin:0}.founder-tag{margin-left:auto;align-self:flex-start;color:var(--cyan);font-size:13px;letter-spacing:.12em}.metrics-band{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:22px;align-items:end;border-top:1px solid var(--line);margin-top:clamp(85px,12vw,156px);padding-top:25px}.metrics-intro{display:flex;flex-direction:column;gap:7px;padding-bottom:5px}.metrics-warning{font-size:13px;color:#837d86}.metric{display:flex;flex-direction:column;gap:2px}.metric-number{font:500 clamp(32px,4vw,53px)/1.05 var(--font-display);letter-spacing:-.07em;color:var(--cream)}.metric-number sup{font:500 19px var(--font-display);color:var(--gold);margin-left:2px}.metric-label{font-size:13px;color:#a39da6}
.work{background:linear-gradient(180deg,#0d0d12,#101016 50%,#0d0d12);position:relative}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.work-heading h2{font-size:clamp(56px,8vw,111px)}.section-intro{max-width:475px;margin:20px 0 0;color:#9c97a0;font-size:13px;line-height:1.85}.work-all{flex-shrink:0;margin-bottom:8px}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(16px,2.4vw,36px);row-gap:clamp(42px,7vw,94px)}.project-card{grid-column:span 6;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;min-width:0}.project-card.project-wide{grid-column:span 7}.project-card.project-tall{grid-column:span 5}.project-card:nth-child(2){margin-top:125px}.project-card:nth-child(3){margin-top:-75px}.project-card:nth-child(4){margin-top:45px}.project-image{position:relative;display:block;overflow:hidden;background:#19191f;aspect-ratio:1.26}.project-card.project-tall .project-image{aspect-ratio:.86}.project-card.project-wide:nth-child(4) .project-image{aspect-ratio:1.4}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .6s;filter:saturate(.78) brightness(.82)}.project-card:hover .project-image img,.project-card:focus-visible .project-image img{transform:scale(1.045);filter:saturate(.95) brightness(.95)}.project-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,12,.1),transparent 42%,rgba(8,8,12,.6));transition:opacity .4s}.project-card:hover .project-shade{opacity:.75}.project-open{position:absolute;top:21px;right:22px;width:40px;height:40px;border:1px solid rgba(255,255,255,.52);border-radius:50%;display:grid;place-items:center;font-size:18px;transform:translateY(8px);opacity:0;transition:opacity .35s,transform .35s}.project-card:hover .project-open,.project-card:focus-visible .project-open{opacity:1;transform:translateY(0)}.project-meta{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;gap:10px;font:600 13px var(--font-body);letter-spacing:.15em;color:#f0e9e9}.project-meta span:last-child{color:var(--cyan-light)}.project-caption{display:flex;align-items:center;justify-content:space-between;padding-top:15px}.project-caption b{display:block;font:600 19px var(--font-display);letter-spacing:-.04em}.project-caption small{display:block;color:#928c96;font-size:13px;margin-top:3px}.project-arrow{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);transition:transform .3s,background .3s}.project-card:hover .project-arrow{background:var(--gold);color:var(--bg);transform:rotate(45deg)}.work-footnote{display:flex;align-items:center;gap:10px;margin-top:52px;padding:13px 15px;border:1px solid rgba(89,221,241,.15);background:rgba(89,221,241,.035);font-size:13px;color:#a9a2aa}.footnote-mark{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(89,221,241,.4);color:var(--cyan);font-size:13px;flex:0 0 auto}.project-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-48%);width:min(880px,calc(100vw - 40px));max-width:none;max-height:min(88svh,820px);overflow:auto;padding:0;background:#131319;border:1px solid rgba(212,175,55,.23);color:var(--cream);box-shadow:0 30px 120px rgba(0,0,0,.65)}.project-dialog[open]{animation:dialog-in .35s var(--ease) forwards}@keyframes dialog-in{to{transform:translate(-50%,-50%)}}.project-dialog::backdrop{background:rgba(4,4,8,.82);backdrop-filter:blur(8px)}.dialog-close{position:sticky;z-index:2;top:15px;float:right;margin:15px 15px -55px 0;width:38px;height:38px;border:1px solid rgba(255,255,255,.4);background:rgba(10,10,15,.7);border-radius:50%;font-size:24px;cursor:pointer}.dialog-image-wrap{height:min(48vh,380px);background:#202027}.dialog-image{height:100%;width:100%;object-fit:cover}.dialog-content{padding:clamp(24px,5vw,52px)}.dialog-category{color:var(--cyan)}.dialog-content h2{font:500 clamp(35px,6vw,62px)/1 var(--font-display);letter-spacing:-.07em;margin:15px 0}.dialog-description{max-width:650px;color:#aaa3ad;font-size:13px;line-height:1.9}.dialog-placeholder{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:15px 0;margin:26px 0 20px;font-size:13px;letter-spacing:.13em;color:#b1aab3}.dialog-placeholder span:first-child{color:var(--cyan)}
.reviews{position:relative;overflow:hidden;background:#0a0a0f}.reviews-glow{position:absolute;right:-17%;top:10%;width:45vw;aspect-ratio:1;background:radial-gradient(circle,rgba(212,175,55,.08),rgba(89,221,241,.05) 30%,transparent 68%);pointer-events:none}.reviews-container{position:relative}.reviews-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:54px}.reviews-heading h2{font-size:clamp(58px,8vw,108px)}.reviews-controls{display:flex;align-items:center;gap:15px;padding-bottom:7px}.review-control{border:1px solid rgba(255,255,255,.22);background:transparent;width:42px;height:42px;border-radius:50%;color:#e8e3e8;font-size:16px;cursor:pointer;transition:background .25s,color .25s,border .25s}.review-control:hover{background:var(--cyan);border-color:var(--cyan);color:var(--bg)}.review-count{font:500 13px var(--font-body);color:var(--cream);letter-spacing:.12em;display:flex;gap:8px}.count-divider{color:#78727d}.review-window{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.review-track{display:flex;transition:transform .7s var(--ease)}.review-slide{flex:0 0 100%;min-width:0;padding:clamp(26px,5.2vw,70px) 0 clamp(32px,5vw,64px)}.quote-mark{font:400 56px/.7 Georgia,serif;color:var(--gold);height:44px}.review-slide blockquote{font:500 clamp(22px,3.3vw,43px)/1.32 var(--font-display);letter-spacing:-.045em;max-width:930px;margin:17px 0 38px;color:#eeeaef}.quote-source{display:flex;align-items:center;gap:13px}.quote-avatar{width:37px;height:37px;border-radius:50%;border:1px solid rgba(212,175,55,.45);display:grid;place-items:center;color:var(--gold);font:500 14px var(--font-display)}.quote-source b{display:block;font-size:13px}.quote-source small{display:block;color:#918a95;font-size:13px;margin-top:2px}.quote-label{color:var(--cyan);font-size:13px;letter-spacing:.17em;margin-left:auto}.review-progress{height:2px;background:rgba(255,255,255,.08);margin-top:-1px}.review-progress span{display:block;width:12.5%;height:100%;background:var(--cyan);transition:transform .7s var(--ease)}.success-strip{position:relative;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:22px;align-items:center;margin-top:68px;padding:26px 28px;border:1px solid rgba(212,175,55,.21);background:linear-gradient(110deg,rgba(212,175,55,.055),rgba(89,221,241,.03) 65%,transparent)}.success-strip>div:first-child p{font:500 18px var(--font-display);margin:5px 0 0}.success-stat{display:flex;align-items:center;gap:12px}.success-stat b{font:500 28px var(--font-display);color:var(--gold)}.success-stat span{font-size:13px;color:#aaa3ad;line-height:1.5}.success-strip-note{grid-column:1/-1;color:#8d8690;font-size:13px;letter-spacing:.05em;margin-top:-9px}
.services{background:#0e0e14}.services-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:54px}.services-heading h2{font-size:clamp(52px,7.6vw,100px)}.services-heading>p{max-width:300px;color:#99939d;font-size:13px;line-height:1.85;margin:0 0 8px}.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;padding:28px clamp(18px,3vw,44px) 31px 0;min-height:338px;display:flex;flex-direction:column}.service-card+.service-card{border-left:1px solid var(--line);padding-left:clamp(18px,3vw,44px)}.service-index{font:600 13px var(--font-body);letter-spacing:.16em;color:#938c96}.service-icon{width:54px;height:54px;margin:31px 0 18px;color:var(--gold);transition:transform .45s var(--ease),color .45s}.service-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.service-card:hover .service-icon{transform:translateY(-5px) rotate(-4deg);color:var(--cyan)}.service-card h3{font:600 clamp(19px,2vw,26px)/1.2 var(--font-display);letter-spacing:-.035em;margin:0 0 10px}.service-card p{max-width:315px;color:#9d97a1;font-size:13px;line-height:1.8;margin:0 0 25px}.service-link{display:inline-flex;align-items:center;gap:10px;margin-top:auto;font-size:13px;color:#d9d4da}.service-link span{color:var(--cyan);font-size:15px;transition:transform .25s}.service-link:hover span{transform:translate(4px,-4px)}
.contact{position:relative;overflow:hidden;background:#121117}.contact-halo{position:absolute;width:55vw;aspect-ratio:1;right:-13%;top:-25%;background:radial-gradient(circle,rgba(89,221,241,.11),rgba(212,175,55,.04) 37%,transparent 67%);pointer-events:none}.contact-layout{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:clamp(48px,9vw,130px);align-items:start}.contact-copy .section-top{margin-bottom:54px}.contact h2{font-size:clamp(57px,8vw,111px)}.contact-lede{max-width:440px;color:#aaa4ad;font-size:13px;line-height:1.9;margin:27px 0 0}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px;margin-top:47px;padding-top:24px;border-top:1px solid var(--line)}.contact-details>div:nth-child(3){grid-column:1/-1}.contact-details p{margin:5px 0 0;font-size:13px;color:#e5e0e6}.social-links{display:flex;flex-wrap:wrap;gap:14px 23px;align-items:baseline;margin-top:24px}.social-links .micro-label{width:100%}.social-links>span:not(.micro-label){font-size:13px;color:#bcb6bf}.social-links i{font-style:normal;color:var(--cyan);font-size:13px}.contact-form{padding:clamp(25px,4vw,46px);background:rgba(8,8,12,.45);border:1px solid rgba(241,238,232,.12);backdrop-filter:blur(8px)}.form-heading{display:flex;justify-content:space-between;padding-bottom:23px;margin-bottom:27px;border-bottom:1px solid var(--line)}.form-step{font-size:13px;letter-spacing:.12em;color:#77717b}.contact-form label{display:block;font-size:13px;color:#e5e0e5;margin:0 0 8px}.contact-form label span{color:var(--cyan)}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;background:transparent;color:var(--cream);padding:9px 0 12px;margin:0 0 25px;outline:0;font-size:13px;resize:vertical;transition:border-color .25s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#66616b}.contact-form textarea{min-height:104px}.form-submit{width:100%;justify-content:space-between;margin-top:2px}.form-disclaimer{font-size:13px;line-height:1.6;color:#847e88;margin:13px 0 0}.form-feedback{font-size:13px;line-height:1.7;color:var(--cyan-light);padding:12px;border:1px solid rgba(89,221,241,.25);margin:14px 0 0}.form-feedback[hidden]{display:none}
.site-footer{padding:44px 0 20px;background:#09090d;border-top:1px solid rgba(255,255,255,.08)}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--line)}.footer-brand .brand-mark{width:41px;height:41px}.footer-main>p{font:500 16px/1.5 var(--font-display);letter-spacing:-.02em;color:#b7b1bb;margin:0}.footer-top{font-size:13px;color:#cfcad0;display:flex;gap:13px;align-items:center}.footer-top span{color:var(--gold);font-size:16px}.footer-links{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.footer-links nav,.footer-socials{display:flex;gap:clamp(16px,3vw,40px);flex-wrap:wrap}.footer-links nav a,.footer-socials a{font-size:13px;color:#928c96}.footer-links nav a:hover{color:var(--cyan)}.footer-socials i{font-style:normal;color:var(--cyan);font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:#77727b;font-size:13px;letter-spacing:.04em}.footer-bottom b{color:#c8c1ca;font-weight:500}.footer-spark{color:var(--gold);padding-left:3px}.footer-services-note{color:#a08091}
.reveal{opacity:1;transform:none}.js-motion .reveal{will-change:opacity,transform}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:2px}button:focus:not(:focus-visible){outline:none}
@media (min-width:1500px){.hero-grid{max-width:1600px}.hero h1{font-size:132px}}
@media (max-width:1000px){:root{--gutter:5vw}.nav-wrap{height:79px}.hero{min-height:700px}.hero-copy{width:62%}.hero-graphic{right:-10%;width:52vw;opacity:.63}.graphic-caption{display:none}.hero h1{font-size:clamp(63px,9vw,105px)}.metrics-band{grid-template-columns:1fr repeat(3,.9fr);gap:14px}.metric-number{font-size:40px}.success-strip{grid-template-columns:1fr 1fr;row-gap:20px}.success-strip>div:first-child{grid-column:1/-1}.success-strip-note{grid-column:1/-1}.project-card:nth-child(2){margin-top:78px}.project-card:nth-child(3){margin-top:-42px}}
@media (max-width:760px){:root{--gutter:23px}.section-pad{padding-block:88px}.menu-open{overflow:hidden}.nav-wrap{height:73px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;position:relative;z-index:72;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);background:rgba(10,10,15,.15);flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.menu-toggle span{width:16px;height:1px;background:var(--cream);transition:transform .25s}.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)}.mobile-nav{display:flex;position:fixed;z-index:65;inset:0;background:rgba(10,10,15,.97);backdrop-filter:blur(22px);padding:110px var(--gutter) 34px;flex-direction:column;justify-content:center;gap:0}.mobile-nav[hidden]{display:none}.mobile-nav>a{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font:500 clamp(25px,7vw,39px) var(--font-display);letter-spacing:-.05em}.mobile-nav>a span{font:500 13px var(--font-body);letter-spacing:.12em;color:var(--gold)}.mobile-nav>p{font:600 13px var(--font-display);margin-top:34px;color:#dad5db}.mobile-nav>p span{display:block;color:#908a94;font:500 13px var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin-top:5px}.hero{height:auto;min-height:790px;max-height:none}.hero-grid{padding-top:132px;padding-bottom:70px;align-items:flex-start}.hero-copy{width:100%;padding-top:15px}.hero-art{background-position:62% center;opacity:.51}.hero-shade{background:linear-gradient(90deg,rgba(10,10,15,.91),rgba(10,10,15,.59)),linear-gradient(0deg,#0a0a0f 0,transparent 34%,rgba(10,10,15,.28))}.hero h1{font-size:clamp(61px,13.5vw,96px);max-width:550px}.hero-eyebrow{font-size:13px;letter-spacing:.12em;gap:8px;margin-bottom:29px}.hero-description{max-width:440px}.hero-graphic{width:min(80vw,490px);right:-20%;top:auto;bottom:45px;transform:none;opacity:.4}.hero-meta{margin-top:49px;font-size:13px}.scroll-cue{bottom:23px}.hero-index{bottom:23px}.marquee-track{min-height:57px;gap:22px}.about-layout{grid-template-columns:1fr;gap:50px}.about-heading h2{font-size:clamp(53px,12vw,83px)}.about-stamp{right:9%;bottom:-9%}.about-copy{max-width:620px}.metrics-band{grid-template-columns:1fr 1fr;row-gap:28px;margin-top:74px}.metrics-intro{grid-column:1/-1}.metric-number{font-size:45px}.section-top{margin-bottom:50px}.work-heading{align-items:flex-start;flex-direction:column;margin-bottom:35px}.work-heading h2{font-size:clamp(59px,13vw,90px)}.work-all{margin-bottom:0}.work-grid{grid-template-columns:1fr;row-gap:39px}.project-card,.project-card.project-wide,.project-card.project-tall{grid-column:auto;margin:0}.project-card:nth-child(odd){width:92%;margin-left:auto}.project-card:nth-child(even){width:92%;margin-right:auto}.project-card.project-tall .project-image{aspect-ratio:1.04}.project-card.project-wide:nth-child(4) .project-image{aspect-ratio:1.22}.project-open{opacity:1;transform:none;width:34px;height:34px;top:14px;right:14px}.work-footnote{align-items:flex-start;line-height:1.65;margin-top:42px}.reviews-heading{align-items:flex-end;margin-bottom:36px}.reviews-heading h2{font-size:clamp(58px,12vw,88px)}.review-control{width:37px;height:37px}.reviews-controls{gap:9px}.success-strip{padding:20px;grid-template-columns:1fr 1fr}.success-stat{align-items:flex-start;flex-direction:column;gap:2px}.success-strip>div:first-child{grid-column:1/-1}.services-heading{flex-direction:column;align-items:flex-start;gap:18px}.services-heading h2{font-size:clamp(52px,11.7vw,82px)}.service-grid{grid-template-columns:1fr}.service-card{padding:25px 0;min-height:0}.service-card+.service-card{border-left:0;border-top:1px solid var(--line);padding-left:0}.service-icon{margin:23px 0 15px}.service-card p{margin-bottom:18px}.contact-layout{grid-template-columns:1fr;gap:49px}.contact-copy .section-top{margin-bottom:38px}.contact h2{font-size:clamp(59px,12vw,89px)}.contact-details{margin-top:34px}.contact-form{padding:25px}.footer-main{grid-template-columns:1fr auto}.footer-main>p{grid-column:1/-1;grid-row:2;font-size:14px}.footer-top{grid-column:2;grid-row:1}.footer-links{flex-direction:column;align-items:flex-start}.footer-bottom{flex-wrap:wrap}.footer-services-note{order:3;width:100%}}
@media(max-width:430px){:root{--gutter:19px}.hero{min-height:760px}.hero h1{font-size:clamp(57px,13.8vw,72px)}.hero-eyebrow{font-size:13px;letter-spacing:.095em}.hero-actions{gap:14px;flex-wrap:wrap}.button{padding:0 16px;gap:17px}.hero-actions .text-link{font-size:13px}.hero-meta{gap:8px;font-size:13px}.hero-graphic{right:-35%;bottom:44px;width:93vw}.section-note{font-size:13px;letter-spacing:.11em}.about-heading h2{font-size:50px}.founder-card{gap:10px}.founder-tag{font-size:13px}.metric-number{font-size:40px}.project-card:nth-child(odd),.project-card:nth-child(even){width:100%}.project-meta{left:13px;right:13px;bottom:13px;font-size:13px}.project-caption b{font-size:17px}.reviews-heading{gap:8px}.reviews-heading h2{font-size:53px}.reviews-controls{gap:6px}.review-count{font-size:13px}.review-control{width:33px;height:33px}.review-slide blockquote{font-size:21px}.success-strip{padding:16px;gap:16px}.success-stat b{font-size:25px}.contact-details{gap:20px 10px}.footer-links nav,.footer-socials{gap:14px 18px}.footer-bottom{gap:10px}}
@media (pointer:fine) and (prefers-reduced-motion:no-preference){.cursor-halo,.cursor-core{display:block}}@media (pointer:coarse){.cursor-halo,.cursor-core{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.marquee-track{animation:none}.hero-art,.graphic-sphere{transform:none}}
@media(prefers-reduced-motion:reduce){.preloader{animation-delay:0s}}

/* User-provided WebSense logo lockup */
.brand-image{display:block;width:min(176px,44vw);max-height:70px;height:auto;object-fit:contain;border-radius:2px}
.footer-brand .brand-image{width:min(230px,48vw);max-height:98px}
.preloader-logo{display:block;width:min(390px,82vw);height:auto;object-fit:contain;border-radius:3px}
@media(max-width:760px){.brand-image{width:min(165px,44vw);max-height:69px}.footer-brand .brand-image{width:min(230px,72vw);max-height:98px}}


/* Live portfolio screenshots and readable type */
.project-card{display:block;color:inherit;text-decoration:none;text-align:left;grid-column:span 6;min-width:0}
.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4){margin-top:0}
.project-card:nth-child(even){margin-top:76px}
.project-image{aspect-ratio:1.46}
.project-image img{filter:saturate(.95) brightness(.94)}
.project-card:hover .project-image img,.project-card:focus-visible .project-image img{filter:saturate(1) brightness(1)}
.project-meta{font:600 13px/1.25 var(--font-body);letter-spacing:.08em}
.project-meta span:last-child{color:var(--cyan-light)}
.project-caption small{font-size:13px}
.work-footnote{font-size:13px}
.contact-details a{color:var(--cream);text-decoration:underline;text-decoration-color:rgba(89,221,241,.55);text-underline-offset:4px}
.contact-details a:hover{color:var(--cyan-light)}
@media(max-width:900px){
 .work-grid{grid-template-columns:1fr;row-gap:42px}
 .project-card,.project-card.project-wide,.project-card.project-tall{grid-column:auto;width:100%;margin:0}
 .project-image,.project-card.project-tall .project-image{aspect-ratio:1.46}
}

/* Let the original cinematic artwork retain its gold tones; cyan belongs to the interface accents. */
.hero-art{filter:none}

.metric-since{font:500 clamp(18px,1.65vw,25px)/1.1 var(--font-display);letter-spacing:-.045em;white-space:nowrap;color:var(--gold)}
.social-links a{display:inline-flex;align-items:baseline;gap:5px;font-size:13px;color:#bcb6bf;text-decoration:none;transition:color .25s}
.social-links a>span{color:var(--cyan)}
.social-links a:hover,.social-links a:focus-visible,.footer-socials a:hover,.footer-socials a:focus-visible{color:var(--cyan-light)}


/* User preference: cream-filled primary CTA buttons */
.button-primary{background:var(--cream);color:var(--bg);border-color:var(--cream);font-size:16px;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.button-primary:hover,.button-primary:focus-visible{background:var(--cream);color:var(--bg);border-color:var(--cream);filter:brightness(.97);transform:translateY(-2px)}

/* Hero trust link: concise, responsive, and visually secondary to the main CTAs. */
.hero-fiverr-proof{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;width:max-content;max-width:100%;padding:10px 14px;margin-top:17px;border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(212,175,55,.08),rgba(212,175,55,.015))}
.hero-fiverr-proof p{margin:0;color:#c3bec6;font-size:13px;line-height:1.55}
.hero-fiverr-proof a{display:inline-flex;align-items:center;gap:7px;color:var(--cream);font-size:13px;font-weight:700;white-space:nowrap;transition:color .2s}
.hero-fiverr-proof a span{color:var(--cyan);font-size:16px}
.hero-fiverr-proof a:hover{color:var(--gold)}
.hero-fiverr-proof a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:760px){.hero-fiverr-proof{width:100%;gap:5px 12px;padding:10px 12px;margin-top:16px}.hero-fiverr-proof p{flex:1 1 230px}.hero-fiverr-proof a{white-space:normal}}
@media(max-width:430px){.hero-fiverr-proof{margin-top:14px}.hero-meta{margin-top:32px}}
