:root {
  --ink: #071719;
  --ink-deep: #040d0f;
  --petrol: #0b2e33;
  --petrol-soft: #123e43;
  --ivory: #f3efe5;
  --paper: #ebe7dc;
  --lime: #cde83b;
  --clay: #b56f57;
  --muted: #9eadaa;
  --line: rgba(205, 232, 59, .26);
  --serif: "Playfair Display", Georgia, serif;
  --sans: "Manrope", Arial, sans-serif;
  --container: min(1510px, calc(100vw - 112px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; overflow-x: hidden; color: var(--ivory); background: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: .04; 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='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
a { color: inherit; }
img { display: block; max-width: 100%; }
.container { width: var(--container); margin-inline: auto; }
.skip-link { position: fixed; top: -80px; left: 14px; z-index: 200; padding: 12px 18px; border-radius: 8px; color: var(--ink); background: var(--lime); font-weight: 800; }
.skip-link:focus { top: 14px; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 90; height: 104px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; padding-inline: max(44px, calc((100vw - 1510px) / 2)); border-bottom: 1px solid transparent; transition: height .35s, background .35s, border-color .35s, backdrop-filter .35s, transform .35s cubic-bezier(.2,.78,.2,1); }
.site-header.scrolled { height: 78px; border-color: rgba(255,255,255,.08); background: rgba(4,13,15,.76); backdrop-filter: blur(22px) saturate(1.2); }
.site-header.is-hidden { transform: translateY(-115%); }
.brand { display: inline-flex; width: max-content; align-items: center; text-decoration: none; }
.brand-logo { width:205px; height:auto; filter:drop-shadow(0 0 13px rgba(205,232,59,.18)); }
.desktop-nav { display: flex; gap: clamp(30px, 3.2vw, 62px); }
.desktop-nav a { position: relative; font-size: 14px; text-decoration: none; }
.desktop-nav a::after { content: ""; position: absolute; right: 100%; bottom: -9px; left: 0; height: 1px; background: var(--lime); transition: right .25s; }
.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { right: 0; }
.header-cta { justify-self: end; display: flex; align-items: center; gap: 18px; padding: 13px 24px; border-radius: 999px; color: var(--ink); background: var(--ivory); text-decoration: none; font-weight: 700; transition: transform .25s, background .25s; }
.header-cta:hover { transform: translateY(-2px); background: white; }
.header-cta span { font-size: 21px; }
.menu-toggle, .mobile-nav { display: none; }

.hero { position: relative; min-height: 720px; height: 100dvh; max-height: 980px; overflow: hidden; background: radial-gradient(circle at 69% 48%, rgba(43,78,69,.42), transparent 36%), linear-gradient(105deg, #071719 0%, #041214 56%, #071a1c 100%); }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 190px; background: linear-gradient(180deg, transparent, rgba(3,13,14,.98)); pointer-events: none; }
.desktop-delivery,.hero-desktop-cta{display:none}
.hero-contours { position: absolute; width: 850px; aspect-ratio: 1; right: 15%; top: 8%; border: 1px solid rgba(205,232,59,.08); border-radius: 46% 54% 47% 53%; opacity: .7; box-shadow: inset 0 0 0 54px var(--ink), inset 0 0 0 56px rgba(205,232,59,.1), inset 0 0 0 112px var(--ink), inset 0 0 0 114px rgba(205,232,59,.09), inset 0 0 0 170px var(--ink), inset 0 0 0 172px rgba(205,232,59,.08); transform: rotate(-13deg); filter: blur(.1px); }
.hero-layout { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0, .94fr) minmax(450px, 1.06fr); align-items: center; height: 100%; padding-top: 82px; }
.hero-copy { position: relative; z-index: 4; padding: 42px 0 120px; }
.hero h1 { max-width: 780px; margin: 0; color: var(--ivory); font-family: var(--serif); font-size: clamp(58px, 5vw, 86px); font-weight: 500; line-height: .98; letter-spacing: -.055em; }
.hero h1 em { color: var(--lime); font-style: normal; }
.hero-copy > p { max-width: 540px; margin: 28px 0 34px; color: #e5e7e0; font-size: clamp(16px, 1.08vw, 19px); line-height: 1.55; }
.button { min-height: 58px; display: inline-flex; justify-content: center; align-items: center; gap: 24px; padding: 0 28px; border: 0; border-radius: 999px; text-decoration: none; font-size: 14px; font-weight: 800; transition: transform .28s, box-shadow .28s, filter .28s; }
.button span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: var(--ivory); background: var(--petrol); font-size: 19px; }
.button:hover { transform: translateY(-3px); filter: brightness(1.06); }
.button-primary { color: var(--ink); background: var(--lime); box-shadow: 0 18px 48px rgba(205,232,59,.14); }
.delivery { display: flex; align-items: center; gap: 10px; margin-top: 15px; color: #d0d7d3; font-size: 13px; }
.delivery b { color: var(--lime); font-size: 22px; }

.sculpture-stage { position: relative; align-self: end; height: calc(100% - 86px); min-height: 0; isolation: isolate; }
.sculpture { position: absolute; z-index: 3; width: auto; height: min(72vh, 720px); max-width: none; right: 1%; bottom: 12%; translate: var(--pointer-x, 0) var(--pointer-y, 0); filter: drop-shadow(0 34px 45px rgba(0,0,0,.58)); transform-origin: 56% 82%; transition: translate .3s ease-out; animation: sculptureBreathe 8s ease-in-out infinite; }
.sculpture-halo { position: absolute; width: 470px; height: 650px; right: 8%; top: 12%; border-radius: 50%; background: rgba(237,210,154,.13); filter: blur(65px); animation: haloPulse 8s ease-in-out infinite; }
.interface-frame { position: absolute; z-index: 5; width: 52%; height: 58%; right: -1%; top: 10%; overflow: hidden; border: 2px solid rgba(244,236,205,.74); border-radius: 17px; box-shadow: 0 0 26px rgba(244,236,205,.08), inset 0 0 34px rgba(205,232,59,.025); clip-path: inset(0 100% 100% 0 round 17px); animation: drawInterface 8s cubic-bezier(.65,0,.2,1) infinite; }
.interface-frame::before { content: ""; position: absolute; top: 43px; right: 0; left: 0; height: 1px; background: rgba(244,236,205,.58); }
.interface-frame i { position: absolute; top: 15px; width: 11px; height: 11px; border: 1px solid var(--ivory); border-radius: 50%; }
.interface-frame i:nth-child(1) { left: 20px; }.interface-frame i:nth-child(2) { left: 41px; }.interface-frame i:nth-child(3) { left: 62px; }
.interface-frame span { position: absolute; top: 23%; right: 8%; color: rgba(243,239,229,.8); font-size: 11px; line-height: 2.1; letter-spacing: .24em; text-transform: uppercase; }
.light-scan { position: absolute; z-index: 6; width: 13%; height: 72%; left: 49%; top: 7%; opacity: 0; background: linear-gradient(90deg, transparent, rgba(236,246,181,.36), transparent); filter: blur(11px); transform: skewX(-8deg); animation: lightSweep 8s ease-in-out infinite; pointer-events: none; }
.stage-caption { position: absolute; z-index: 7; right: -7%; top: 58%; margin: 0; padding-top: 25px; color: rgba(243,239,229,.66); font-size: 11px; line-height: 1.9; letter-spacing: .25em; text-transform: uppercase; }
.stage-caption::before { content: ""; position: absolute; top: 0; left: 0; width: 38px; height: 2px; background: var(--lime); }
.marble-particles i { position: absolute; z-index: 8; left: 23%; top: 38%; width: var(--size, 10px); height: var(--size, 10px); background: #d9d0bf; clip-path: polygon(13% 5%,100% 30%,73% 100%,0 70%); opacity: 0; animation: chipBurst 8s ease-out infinite; }
.marble-particles i:nth-child(1){--size:13px;--x:-80px;--y:-45px;animation-delay:.2s}.marble-particles i:nth-child(2){--size:8px;--x:-125px;--y:18px;animation-delay:.35s}.marble-particles i:nth-child(3){--size:16px;--x:-64px;--y:90px;animation-delay:.1s}.marble-particles i:nth-child(4){--size:6px;--x:-155px;--y:135px;animation-delay:.5s}.marble-particles i:nth-child(5){--size:10px;--x:-98px;--y:205px;animation-delay:.28s}.marble-particles i:nth-child(6){--size:5px;--x:-175px;--y:250px;animation-delay:.55s}.marble-particles i:nth-child(7){--size:11px;--x:-68px;--y:310px;animation-delay:.42s}.marble-particles i:nth-child(8){--size:7px;--x:-142px;--y:370px;animation-delay:.18s}.marble-particles i:nth-child(9){--size:14px;--x:-85px;--y:445px;animation-delay:.48s}
.brand-marquee{position:relative;z-index:5;overflow:hidden;border-block:1px solid rgba(205,232,59,.2);background:var(--ink-deep);color:rgba(243,239,229,.84)}
.brand-marquee-track{display:flex;width:max-content;animation:brandMarquee 12s linear infinite;will-change:transform}
.brand-marquee-set{display:flex;flex:none;align-items:center;gap:28px;padding:16px 28px 16px 0;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}
.brand-marquee-set i{color:var(--lime);font-size:12px;font-style:normal}

@keyframes sculptureBreathe { 0%,100%{transform:translate3d(0,0,0) scale(1)} 18%{transform:translate3d(-8px,-4px,0) scale(1.006)} 60%{transform:translate3d(5px,-7px,0) scale(1.012)} }
@keyframes haloPulse { 0%,100%{opacity:.45;transform:scale(.92)} 48%{opacity:1;transform:scale(1.07)} }
@keyframes brandMarquee{to{transform:translateX(-25%)}}
@keyframes drawInterface { 0%,12%{clip-path:inset(0 100% 100% 0 round 17px);opacity:0} 30%,78%{clip-path:inset(0 0 0 0 round 17px);opacity:1} 92%,100%{clip-path:inset(0 0 0 100% round 17px);opacity:0} }
@keyframes lightSweep { 0%,20%,100%{left:31%;opacity:0} 39%{opacity:.85} 61%{left:85%;opacity:.35} 70%{opacity:0} }
@keyframes chipBurst { 0%,10%,100%{opacity:0;transform:translate(0,0) rotate(0)} 18%{opacity:.85} 43%{opacity:0;transform:translate(var(--x),var(--y)) rotate(150deg)} }

.section-dark { background: var(--ink-deep); }
.portfolio { position: relative; z-index: 2; min-height: 1040px; padding: 120px 0 90px; overflow: hidden; background: radial-gradient(circle at 50% 48%, #0c3135 0%, #061719 44%, #030b0c 100%); }
.portfolio::after { content: ""; position: absolute; inset: auto 0 0; height: 130px; background: linear-gradient(178deg, transparent 15%, var(--ivory) 16%); pointer-events: none; }
.portfolio-head { position: relative; z-index: 4; display: grid; justify-items: center; text-align: center; }
.kicker { margin: 0 0 18px; color: var(--clay); font-size: 11px; font-weight: 800; letter-spacing: .35em; text-transform: uppercase; }
.kicker::before, .kicker::after { content: ""; display: inline-block; width: 70px; height: 1px; margin: 0 22px 4px; background: currentColor; }
.kicker.dark { color: var(--petrol); }.kicker.dark::after { background: var(--lime); }
.portfolio h2, .process h2, .offer h2, .speed h2, .about h2, .closing h2 { margin: 0; font-family: var(--serif); font-weight: 500; letter-spacing: -.045em; }
.portfolio h2 { font-size: clamp(54px, 5vw, 86px); line-height: .98; }.portfolio h2 em { color: var(--lime); font-style: normal; }
.drag-hint { position: absolute; right: 0; bottom: 0; margin: 0; color: rgba(243,239,229,.65); font-family: var(--serif); font-size: 14px; }.drag-hint span { margin-left: 16px; color: var(--lime); }
.portfolio-shell { position: relative; z-index: 3; margin-top: 58px; }
.portfolio-track { display: flex; align-items: center; gap: 18px; width: 100%; padding: 40px calc(50vw - 230px) 70px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; cursor: grab; perspective: 1200px; }.portfolio-track::-webkit-scrollbar{display:none}.portfolio-track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.project-card { position: relative; flex: 0 0 410px; height: 605px; margin: 0; overflow: hidden; scroll-snap-align: center; border: 1px solid rgba(205,232,59,.32); border-radius: 16px; background: #061112; box-shadow: 0 24px 55px rgba(0,0,0,.45); cursor:pointer; transform: scale(.87) rotateY(var(--tilt,0deg)); opacity: .64; transition: transform .45s cubic-bezier(.2,.8,.2,1), opacity .45s, box-shadow .45s; }
.project-card:nth-child(odd){--tilt:4deg}.project-card:nth-child(even){--tilt:-4deg}.project-card.is-active{z-index:3;transform:scale(1) rotateY(0);opacity:1;box-shadow:0 28px 80px rgba(0,0,0,.56),0 0 24px rgba(205,232,59,.14)}
.project-card::before { content: ""; position: absolute; z-index: 2; inset: 0 0 auto; height: 27px; background: rgba(3,13,15,.88); border-bottom: 1px solid rgba(255,255,255,.08); }
.project-card::after { content: "•••"; position: absolute; z-index: 3; top: 4px; left: 13px; color: var(--lime); letter-spacing: 4px; font-size: 11px; }
.project-card img { width: 100%; height: auto; min-height: 100%; object-fit: cover; object-position: top; transition: transform 9s cubic-bezier(.18,.7,.24,1); }.project-card:hover img,.project-card.is-active:hover img{transform:translateY(calc(-100% + 605px))}
.project-card span { position: absolute; z-index: 4; right: 14px; bottom: 13px; padding: 8px 11px; border-radius: 6px; color: var(--ivory); background: rgba(4,13,15,.78); backdrop-filter: blur(10px); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.project-card:focus-visible { outline:2px solid var(--lime); outline-offset:6px; }
.project-viewer { width:min(780px, calc(100vw - 32px)); height:min(90dvh, 960px); padding:0; overflow:hidden; border:1px solid rgba(205,232,59,.45); border-radius:18px; color:var(--ivory); background:var(--ink); box-shadow:0 40px 120px rgba(0,0,0,.7); }
.project-viewer::backdrop { background:rgba(1,9,11,.82); backdrop-filter:blur(10px); }
.project-viewer-bar { display:flex; align-items:center; justify-content:space-between; min-height:62px; padding:12px 16px 12px 22px; border-bottom:1px solid rgba(243,239,229,.12); background:var(--petrol); }
.project-viewer-bar p { margin:0; font-size:12px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.project-viewer-close { width:38px; height:38px; border:1px solid var(--line); border-radius:50%; color:var(--lime); background:transparent; cursor:pointer; font-size:28px; line-height:1; }
.project-viewer-scroll { height:calc(100% - 62px); overflow:auto; overscroll-behavior:contain; background:#071719; }
.project-viewer-scroll img { width:100%; height:auto; }
.carousel-control { position: absolute; z-index: 8; top: 52%; width: 50px; height: 50px; border: 1px solid var(--line); border-radius: 50%; color: var(--lime); background: rgba(4,13,15,.76); backdrop-filter: blur(12px); cursor: pointer; }.carousel-control.prev{left:28px}.carousel-control.next{right:28px}
.carousel-progress { position: relative; z-index: 5; width: min(550px, 70vw); height: 2px; margin: -25px auto 0; background: rgba(243,239,229,.15); }.carousel-progress i{display:block;width:16.66%;height:100%;background:var(--lime);box-shadow:0 0 12px var(--lime);transition:transform .35s}

.process { position: relative; min-height: 930px; padding: 120px 0 140px; overflow: hidden; color: var(--ink); background: var(--ivory); }
.process::after { content: ""; position: absolute; inset: auto 0 0; height: 100px; background: linear-gradient(180deg, transparent, rgba(11,46,51,.94)); }
.process-print { position: absolute; width: 540px; aspect-ratio: 1; right: -70px; top: 0; border-radius: 48%; opacity: .07; box-shadow: inset 0 0 0 36px var(--ivory), inset 0 0 0 39px var(--petrol), inset 0 0 0 80px var(--ivory), inset 0 0 0 83px var(--petrol), inset 0 0 0 126px var(--ivory), inset 0 0 0 129px var(--petrol); background: var(--petrol); }
.process-head { position: relative; z-index: 2; }.process-head .kicker{text-align:left}.process-head .kicker::before{display:none}
.process h2 { max-width: 1080px; color: var(--petrol); font-size: clamp(58px, 5vw, 90px); line-height: 1.04; }
.process-flow { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,1fr); gap: clamp(20px,3vw,55px); margin-top: 70px; }
.flow-line { position: absolute; z-index: -1; width: 108%; height: 300px; left: -4%; top: 0; overflow: visible; fill: none; stroke: var(--lime); stroke-width: 3; filter: drop-shadow(0 0 7px rgba(205,232,59,.6)); }.flow-line path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s ease}.process.in-view .flow-line path{stroke-dashoffset:0}
.flow-step:nth-of-type(2),.flow-step:nth-of-type(4){padding-top:52px}.flow-step h3{margin:24px 0 10px;color:var(--petrol);font-family:var(--serif);font-size:26px;font-weight:600}.flow-step>p{margin:0;color:#30494b;font-size:14px;line-height:1.55}
.artifact { height: 245px; position: relative; display: grid; place-items: center; }
.briefing::before,.briefing::after{content:"";position:absolute;width:68%;height:75%;background:var(--petrol);transform:rotate(-8deg);box-shadow:0 18px 34px rgba(11,46,51,.18)}.briefing::after{background:var(--lime);transform:rotate(5deg) translate(13px,-6px)}.briefing p{position:relative;z-index:2;width:78%;margin:0;padding:35px 28px;color:var(--ink);background:#f8f2e6;font-family:var(--serif);font-size:20px;font-style:italic;line-height:1.45;transform:rotate(-2deg);box-shadow:0 18px 35px rgba(11,46,51,.18)}
.typography{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:22px;background:rgba(255,255,255,.34);border:1px solid rgba(11,46,51,.12)}.typography b{font-family:var(--serif);font-size:104px;font-weight:500}.typography span{padding:16px 0;border-top:1px solid var(--petrol);font-family:var(--serif);font-size:16px}
.preview{perspective:800px}.mini-browser{position:relative;width:96%;height:78%;padding:55px 25px 20px;border:8px solid #161c1c;border-radius:16px;color:var(--ivory);background:radial-gradient(circle at 80% 50%,rgba(181,111,87,.55),transparent 30%),var(--petrol);box-shadow:0 24px 35px rgba(11,46,51,.2);transform:rotateY(-9deg)}.mini-browser span{position:absolute;top:18px;left:20px;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:15px 0 var(--clay),30px 0 var(--ivory)}.mini-browser b{font-family:var(--serif);font-size:26px;font-weight:500}.mini-browser i{display:block;width:68px;height:16px;margin-top:20px;border-radius:20px;background:var(--lime)}
.launch{align-content:center;justify-items:start;padding:38px;border:1px solid rgba(11,46,51,.22);border-radius:18px;background:rgba(255,255,255,.42);box-shadow:0 20px 35px rgba(11,46,51,.12);transform:rotate(4deg)}.launch i{width:25px;height:25px;border:6px solid var(--lime);border-radius:50%;box-shadow:0 0 0 6px rgba(205,232,59,.25)}.launch b{margin-top:23px;font-family:var(--serif);font-size:35px}.launch span{color:#577072;font-size:13px}

.offer { position: relative; padding: 120px 0 110px; overflow: hidden; background: radial-gradient(circle at 62% 15%,rgba(26,68,66,.7),transparent 34%),var(--ink); }
.offer::after { content:""; position:absolute; inset:auto 0 0; height:130px; background:linear-gradient(180deg,transparent,rgba(4,13,15,.95)); }
.offer-fingerprint{position:absolute;width:490px;aspect-ratio:1;left:-150px;bottom:80px;border-radius:48%;opacity:.3;box-shadow:inset 0 0 0 34px var(--ink),inset 0 0 0 38px rgba(205,232,59,.28),inset 0 0 0 80px var(--ink),inset 0 0 0 84px rgba(205,232,59,.2),inset 0 0 0 126px var(--ink),inset 0 0 0 130px rgba(205,232,59,.14);background:var(--petrol)}
.offer-layout{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.1fr .9fr;align-items:center;gap:14px}
.offer-intro{position:relative;z-index:3;padding-right:26px}.offer h2{font-size:clamp(47px,4vw,70px);line-height:1.05}.offer h2 em{color:var(--lime);font-style:normal}.offer-intro>p{max-width:430px;margin:30px 0;color:#d4dcd8;font-size:16px;line-height:1.55}.offer blockquote{margin:105px 0 0 140px;color:rgba(243,239,229,.42);font-family:var(--serif);font-size:23px;font-style:italic;transform:rotate(-5deg)}
.price-panel{position:relative;z-index:4;min-height:0;padding:44px 48px 48px;color:var(--ink);background:var(--ivory);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.38)}.price-panel>p{margin:0;font-size:26px;font-weight:800}.price{display:flex;align-items:center;margin:32px 0 8px;font-family:var(--serif);line-height:.8}.price small{margin:0 6px 0 0;font-size:54px;transform:translateY(18px)}.price strong{font-size:clamp(128px,10vw,182px);font-weight:500;letter-spacing:-.09em}.payments{display:flex;align-items:center;justify-content:center;gap:26px;padding:22px 0;border-top:1px solid rgba(11,46,51,.25);font-size:13px}.payments span{flex:1}.payments b{text-transform:uppercase}.payments i{width:1px;height:43px;background:rgba(11,46,51,.25)}.price-panel .button{width:100%;margin-top:4px}
.included{min-height:620px;padding:38px 35px;border:1px solid rgba(205,232,59,.34);border-radius:13px;background:rgba(4,20,22,.74);backdrop-filter:blur(15px)}.included h3{margin:0 0 19px;padding-bottom:18px;border-bottom:1px solid rgba(243,239,229,.2);font-size:11px;letter-spacing:.24em;text-transform:uppercase}.included h3:nth-of-type(2){margin-top:28px}.included ul{list-style:none;margin:0;padding:0}.included li{position:relative;padding:13px 0 13px 48px;border-bottom:1px solid rgba(243,239,229,.12);font-family:var(--serif);font-size:17px}.included li::before{content:"+";position:absolute;left:0;top:8px;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--lime);font-family:var(--sans)}.included>small{display:block;margin-top:24px;color:var(--muted);font-size:11px;line-height:1.55}

.speed { position:relative;padding:115px 0 150px;overflow:hidden;background:var(--ink-deep); }
.speed::after{content:"";position:absolute;inset:auto 0 0;height:115px;background:linear-gradient(176deg,transparent 49%,var(--ivory) 50%)}
.speed-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(205,232,59,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(205,232,59,.18) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.speed-layout{position:relative;z-index:2;display:grid;grid-template-columns:.7fr 1.55fr .8fr;align-items:center;gap:35px}.speed-intro .kicker{text-align:left}.speed-intro .kicker::before{display:none}.speed h2{font-size:clamp(45px,3.7vw,67px);line-height:1.08}.speed h2 em{font-style:italic}.speed-intro>p:last-child{max-width:330px;margin-top:70px;color:#bcc8c4;font-size:15px;line-height:1.65}
.performance-lab{position:relative;min-height:540px;perspective:1100px}.score-panel{position:absolute;z-index:3;width:180px;left:-15px;top:28px;padding:24px 24px 27px;border:1px solid rgba(243,239,229,.38);border-radius:14px;background:linear-gradient(150deg,rgba(15,62,63,.93),rgba(5,22,24,.88));box-shadow:0 25px 60px rgba(0,0,0,.45);transform:rotateY(8deg)}.score-panel>span,.score-panel>small{font-size:12px}.score-ring{width:110px;height:110px;display:grid;place-items:center;margin:16px auto 20px;border:10px solid var(--lime);border-right-color:#d6b85f;border-radius:50%;box-shadow:0 0 25px rgba(205,232,59,.18)}.score-ring b{font-size:41px}.score-panel>strong{display:block;margin-top:8px;color:var(--lime);font-size:34px}.bars{height:42px;margin-top:20px;background:repeating-linear-gradient(90deg,var(--lime) 0 3px,transparent 3px 8px);clip-path:polygon(0 80%,7% 55%,14% 70%,21% 22%,28% 50%,35% 38%,42% 72%,49% 30%,56% 58%,63% 42%,70% 68%,77% 20%,84% 47%,91% 30%,100% 8%,100% 100%,0 100%)}
.laptop{position:absolute;width:82%;left:14%;top:65px;transform:rotateY(-7deg) rotateX(2deg)}.laptop-screen{position:relative;aspect-ratio:1.55;padding:12px;overflow:hidden;border:8px solid #141b1c;border-radius:17px;background:#101717;box-shadow:0 30px 70px rgba(0,0,0,.55)}.laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:5px}.laptop-base{width:115%;height:20px;margin-left:-8%;border-radius:0 0 55% 55%;background:linear-gradient(#596263,#181f20 60%,#070b0c);box-shadow:0 20px 28px rgba(0,0,0,.42)}
.decode-stack{position:absolute;z-index:5;right:-14px;top:95px;display:grid;gap:10px}.decode-stack span{width:118px;padding:17px 13px;border:1px solid rgba(243,239,229,.34);border-radius:8px;background:rgba(9,36,39,.88);box-shadow:0 10px 20px rgba(0,0,0,.3);font-size:9px;text-transform:uppercase;transform:rotateY(-8deg)}.decode-stack b{float:right;color:var(--lime)}
.speed-copy>p{margin:0 0 25px;font-size:16px;line-height:1.55}.speed-copy .button{margin-top:15px}.speed-timeline{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:12px;padding-top:35px;border-top:2px solid rgba(243,239,229,.3)}.speed-timeline::before{content:"";position:absolute;top:-5px;left:4%;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}.speed-timeline span{display:grid;color:#d4ded9;font-size:13px}.speed-timeline b{color:var(--lime);font-size:20px}

.about{position:relative;padding:100px 0 120px;color:var(--ink);background:var(--ivory)}.about::after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(180deg,transparent,var(--petrol))}.about-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px}.founders{position:relative;height:720px;margin:0;overflow:hidden;border-radius:0 44% 0 0}.founders img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.88) contrast(1.04)}.founders::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,var(--ivory) 99%),linear-gradient(0deg,rgba(11,46,51,.65),transparent 28%)}.founders figcaption{position:absolute;z-index:2;left:6%;bottom:7%;padding:18px 28px;border:1px solid rgba(243,239,229,.42);border-radius:12px;color:var(--lime);background:rgba(4,13,15,.68);backdrop-filter:blur(14px);font-family:var(--serif);font-size:28px;font-style:italic}.founders figcaption small{display:block;margin-top:8px;color:var(--ivory);font-family:var(--sans);font-size:9px;letter-spacing:.35em;text-transform:uppercase}.about-copy .kicker{text-align:left}.about-copy .kicker::before{display:none}.about h2{font-size:clamp(50px,4.3vw,76px);line-height:1.01}.about-copy>p:not(.kicker){max-width:720px;margin:34px 0;color:#294246;font-size:17px;line-height:1.55}.metrics{display:grid;grid-template-columns:.72fr .9fr 1.35fr;margin-top:38px}.metrics span{display:flex;align-items:flex-end;gap:10px;padding:0 22px;border-right:1px solid var(--lime);font-size:11px;line-height:1.3}.metrics span:first-child{padding-left:0}.metrics span:last-child{border:0}.metrics b{font-family:var(--serif);font-size:64px;font-weight:500;line-height:.8;white-space:nowrap}

.closing{position:relative;padding:110px 0 0;overflow:hidden;background:radial-gradient(circle at 50% 25%,#124148,var(--petrol) 48%,var(--ink-deep) 92%)}.closing-panel{position:relative;z-index:3;display:grid;justify-items:center;min-height:590px;padding:85px 18%;border:1px solid rgba(205,232,59,.55);border-radius:50px;color:var(--ink);text-align:center;background:radial-gradient(circle at 80% 85%,rgba(207,224,224,.82),transparent 28%),var(--ivory);box-shadow:0 32px 90px rgba(0,0,0,.32)}.closing h2{max-width:1040px;font-size:clamp(50px,4.8vw,82px);line-height:1.02}.closing-panel>p{max-width:780px;margin:28px 0;color:#30474a;font-size:18px;line-height:1.5}.closing-panel>small{margin-top:14px;color:#506668}.glass-ribbon{position:absolute;z-index:5;width:370px;height:690px;border:20px solid rgba(221,237,216,.23);border-radius:50%;filter:drop-shadow(0 0 16px rgba(205,232,59,.18));box-shadow:inset 8px 0 18px rgba(255,255,255,.25),8px 0 24px rgba(0,0,0,.24);backdrop-filter:blur(2px);transform:rotate(48deg)}.ribbon-left{left:-210px;top:-40px}.ribbon-right{right:-215px;top:60px;transform:rotate(-48deg)}
.site-footer{position:relative;z-index:4;display:grid;grid-template-columns:1fr auto;align-items:center;gap:55px;padding-block:60px;color:#bdcbc7;font-size:13px}.site-footer nav{display:flex;gap:38px}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--lime)}.site-footer>p{margin:0;padding-left:55px;border-left:1px solid rgba(243,239,229,.25)}
.floating-whatsapp{position:fixed;z-index:88;right:22px;bottom:22px;display:none;width:56px;height:56px;place-items:center;border-radius:50%;color:var(--ink);background:var(--lime);text-decoration:none;font-size:22px;box-shadow:0 15px 35px rgba(0,0,0,.38)}
.process,.offer,.speed,.about,.closing{content-visibility:auto;contain-intrinsic-size:auto 900px}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.78,.2,1)}.reveal.visible{opacity:1;transform:none}

@media(max-width:1180px){
  :root{--container:min(100% - 48px,1080px)}.site-header{padding-inline:24px}.desktop-nav{gap:22px}.header-cta{display:none}.site-header{grid-template-columns:1fr auto}.hero{min-height:820px}.hero-layout{grid-template-columns:52% 48%}.hero h1{font-size:clamp(52px,6vw,72px)}.sculpture{width:auto;height:min(66vh,620px);right:-3%;bottom:10%}.interface-frame{width:67%;right:-3%}.stage-caption{display:none}.process-flow{grid-template-columns:repeat(2,1fr);row-gap:60px}.flow-line{display:none}.offer-layout{grid-template-columns:1fr 1.05fr}.offer-intro{grid-row:1}.price-panel{grid-row:1 / span 2}.included{grid-column:1 / -1;min-height:0;columns:2}.included h3,.included>small{column-span:all}.speed-layout{grid-template-columns:.65fr 1.35fr}.speed-copy{grid-column:1 / -1;display:flex;align-items:center;gap:24px}.speed-copy p{flex:1}.speed-copy .button{margin:0}.about-layout{gap:40px}.founders{height:620px}.metrics b{font-size:50px}
}

@media(min-width:761px){
  .site-header{height:104px;background:var(--ink);border-bottom-color:rgba(205,232,59,.12);opacity:1}
  .hero-static-desktop{height:auto;min-height:0;max-height:none;aspect-ratio:2.2 / 1;background:#061719 url("assets/site/hero-desktop-optimized-v1.jpg") center top / cover no-repeat}
  .hero-static-desktop::after{display:block;inset:auto auto 0 0;width:55%;height:38px;background:linear-gradient(180deg,rgba(6,23,25,0),#061719 58%,#061719);pointer-events:none}
  .hero-static-desktop .hero-contours,.hero-static-desktop .sculpture-stage{display:none}
  .hero-static-desktop .hero-copy{opacity:0!important;transform:none!important;pointer-events:none}
  .hero-static-desktop .hero-desktop-cta{position:absolute;z-index:7;left:5.25%;top:74.4%;display:block;width:23.7%;height:8%;border-radius:999px}.hero-static-desktop .hero-desktop-cta:focus-visible{outline:3px solid var(--ivory);outline-offset:5px}
  .hero-static-desktop .desktop-delivery{position:absolute;z-index:5;bottom:66px;left:max(72px,calc((100vw - 1510px)/2));display:flex;align-items:center;gap:9px;margin:0;color:var(--ivory);font-size:12px;font-weight:600}.hero-static-desktop .desktop-delivery::before{content:"";position:absolute;z-index:-1;inset:-19px -150px;background:radial-gradient(ellipse at 18% 50%,#071719 0%,#071719 56%,rgba(7,23,25,.95) 70%,rgba(7,23,25,.62) 84%,rgba(7,23,25,0) 100%);filter:blur(5px)}.hero-static-desktop .desktop-delivery b{color:var(--lime);font-size:20px}
}

@media(max-width:760px){
  body::before{display:none}.hero-copy.reveal{opacity:1;transform:none;transition:none}
  :root{--container:calc(100% - 30px)}html{scroll-padding-top:72px}.site-header,.site-header.scrolled{height:72px;padding-inline:15px;grid-template-columns:1fr auto 1fr;background:var(--ink);border-color:transparent;backdrop-filter:none}.brand{grid-column:2;justify-self:center}.brand-logo{width:142px}.desktop-nav{display:none}.menu-toggle{grid-column:3;justify-self:end;display:grid;gap:6px;width:44px;height:44px;place-content:center;border:1px solid var(--line);border-radius:50%;background:transparent}.menu-toggle span{width:19px;height:1px;background:var(--lime);transition:.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{position:absolute;top:72px;left:15px;right:15px;display:grid;padding:10px 20px;border:1px solid var(--line);border-radius:14px;background:var(--ink);opacity:0;pointer-events:none;transform:translateY(-10px);transition:.25s}.mobile-nav.open{opacity:1;pointer-events:auto;transform:none}.mobile-nav a{padding:14px 0;border-bottom:1px solid rgba(205,232,59,.13);text-decoration:none}.mobile-nav a:last-child{border:0}
  .hero{height:auto;min-height:0;max-height:none;padding:92px 0 0}.hero-layout{display:block;height:auto;padding-top:0}.hero-copy{z-index:7;display:flex;width:100%;padding:25px 0 30px;align-items:center;flex-direction:column;text-align:center}.hero h1{font-size:clamp(45px,12.2vw,59px);line-height:.99}.hero-copy>p{margin:22px auto 26px;font-size:15px}.button{width:100%;min-height:56px;padding:0 19px;font-size:12px}.delivery{justify-content:center}.sculpture-stage{display:none}.brand-marquee-set{gap:18px;padding-block:14px;font-size:8px;letter-spacing:.2em}
  .portfolio{min-height:850px;padding:85px 0 80px}.portfolio h2{font-size:clamp(42px,12vw,58px)}.kicker::before,.kicker::after{width:38px;margin-inline:10px}.drag-hint{position:static;margin-top:20px}.portfolio-shell{margin-top:30px}.portfolio-track{padding:20px calc(50vw - 150px) 60px;gap:12px}.project-card{flex-basis:300px;height:480px}.project-card:hover img,.project-card.is-active:hover img{transform:none}.carousel-control{display:none}
  .process{min-height:0;padding:95px 0 120px}.process h2{font-size:clamp(43px,12vw,60px)}.process-flow{grid-template-columns:1fr;gap:52px;margin-top:50px}.flow-step:nth-of-type(2),.flow-step:nth-of-type(4){padding-top:0}.artifact{height:220px}.flow-step h3{font-size:25px}
  .offer{padding:90px 0}.offer-layout{grid-template-columns:1fr;gap:28px}.offer h2{font-size:clamp(42px,12vw,58px)}.price-panel{grid-row:auto;min-height:0;padding:35px 25px 38px}.price-panel>p{font-size:20px}.price small{font-size:40px}.price strong{font-size:126px}.payments{gap:12px}.included{grid-column:auto;columns:auto;min-height:0;padding:30px 23px}.project-viewer{width:100vw;height:100dvh;border:0;border-radius:0}.project-viewer-bar{min-height:58px}.project-viewer-scroll{height:calc(100% - 58px)}
  .speed{padding:90px 0 130px}.speed-layout{grid-template-columns:1fr;gap:35px}.speed h2{font-size:48px}.speed-intro>p:last-child{margin-top:30px}.performance-lab{min-height:440px;margin-inline:-10px}.score-panel{width:125px;left:0;padding:15px}.score-ring{width:75px;height:75px;border-width:7px}.score-ring b{font-size:28px}.score-panel>strong{font-size:24px}.laptop{width:83%;left:16%;top:90px}.decode-stack{right:0;top:218px}.decode-stack span{width:88px;padding:10px 8px;font-size:7px}.speed-copy{grid-column:auto;display:block}.speed-copy p{font-size:15px}.speed-copy .button{margin-top:20px}.speed-timeline{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.speed-timeline span{font-size:9px}.speed-timeline b{font-size:15px}
  .about{padding:80px 0 105px}.about-layout{grid-template-columns:1fr;gap:45px}.founders{height:500px;border-radius:0 90px 0 0}.about h2{font-size:clamp(40px,11vw,55px)}.about-copy>p:not(.kicker){font-size:15px}.metrics{gap:0}.metrics span{display:grid;align-content:end;padding:0 8px;font-size:8px}.metrics b{font-size:34px}
  .closing{padding-top:75px}.closing-panel{min-height:520px;padding:62px 25px;border-radius:28px}.closing h2{font-size:clamp(40px,11vw,55px)}.closing-panel>p{font-size:15px}.glass-ribbon{width:210px;height:430px;border-width:12px}.ribbon-left{left:-155px}.ribbon-right{right:-165px}.site-footer{grid-template-columns:1fr;justify-items:center;gap:25px;padding-block:45px;text-align:center}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:18px 25px}.site-footer>p{padding-left:0;border:0}.floating-whatsapp{display:grid}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.interface-frame{clip-path:inset(0)}.marble-particles,.light-scan{display:none}}