:root{--ink:#10100f;--paper:#f3f0e8;--cream:#e7e0d2;--teal:#173d38;--accent:#73d5c8;--line:rgba(16,16,15,.14);--white:#fff;--sans:"DM Sans",sans-serif;--display:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}button{font:inherit}.page-noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{position:sticky;top:10px;z-index:50;max-width:1380px;margin:10px auto 0;min-height:66px;padding:0 16px 0 20px;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:rgba(255,255,255,.83);backdrop-filter:blur(16px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;box-shadow:0 8px 30px rgba(26,30,29,.06)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:-.02em}.brand img{width:31px;height:31px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:30px}.desktop-nav a,.header-cta{font-size:13px;text-decoration:none}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:.3s}.desktop-nav a:hover:after{right:0}.header-cta{justify-self:end;padding:12px 16px;border-radius:999px;background:var(--ink);color:#fff;display:flex;gap:18px}.menu-toggle,.mobile-nav{display:none}.section-pad{padding:clamp(78px,9vw,140px) max(24px,calc((100vw - 1320px)/2))}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;align-items:center;padding-top:54px;padding-bottom:70px}.eyebrow,.section-kicker{font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.14em}.hero h1,.intro h2,.work h2,.statement h2,.process h2,.pricing h2,.contact h2{font-family:var(--display);font-weight:500;letter-spacing:-.06em}.hero h1{font-size:clamp(60px,6.6vw,110px);line-height:.91;margin:26px 0 30px;max-width:790px}.hero h1 em,.work h2 em,.statement h2 em{font-weight:400;color:#4a7069}.hero-copy>p{max-width:590px;color:#67665f;font-size:clamp(17px,1.35vw,20px);line-height:1.6}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{min-height:52px;padding:0 20px;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;font-size:13px;font-weight:500}.button-dark{background:var(--ink);color:#fff}.button-light{background:#fff;color:var(--ink)}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.text-link{font-size:13px;text-underline-offset:5px}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px;padding-top:24px;border-top:1px solid var(--line)}.hero-meta span{display:grid;gap:5px}.hero-meta b{font:500 27px var(--display)}.hero-meta small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#77746d}.hero-art{min-height:700px;position:relative;border-radius:34px;overflow:hidden;background:linear-gradient(145deg,#143b36,#2f7870);isolation:isolate}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.72}.orb-one{width:420px;height:420px;right:-70px;top:-80px;background:#8ce2d7}.orb-two{width:300px;height:300px;left:-80px;bottom:-60px;background:#dbd0b7}.browser{position:absolute;background:#fff;border-radius:15px;box-shadow:0 30px 70px rgba(7,26,23,.28);overflow:hidden}.browser-bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#f6f6f4;color:#999;font-size:8px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#bbb}.browser-bar span{margin-left:8px}.browser-main{width:78%;left:8%;top:12%;transform:rotate(-2.5deg);animation:float-main 7s ease-in-out infinite}.browser-main img{width:100%;aspect-ratio:1.23/1;object-fit:cover;object-position:top}.browser-float{width:45%;right:4%;bottom:8%;transform:rotate(5deg);animation:float-secondary 6s ease-in-out infinite}.browser-float img{width:100%;aspect-ratio:1.08/1;object-fit:cover;object-position:top}.floating-label{position:absolute;left:6%;bottom:8%;padding:11px 15px;border-radius:999px;background:rgba(255,255,255,.9);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ticker{overflow:hidden;background:var(--ink);color:#fff;padding:17px 0}.ticker-track{display:flex;width:max-content;align-items:center;gap:30px;animation:ticker 24s linear infinite}.ticker span{font:500 13px var(--display);text-transform:uppercase;letter-spacing:.06em}.ticker b{color:var(--accent);font-weight:400}.section-kicker{display:flex;align-items:center;gap:14px;margin-bottom:42px}.section-kicker span{display:grid;place-items:center;width:27px;height:27px;border:1px solid currentColor;border-radius:50%;font-size:9px}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}.intro h2,.work h2,.process h2{font-size:clamp(48px,5.5vw,82px);line-height:.98;margin:0}.intro-copy{max-width:530px}.intro-copy p,.work-heading p,.statement-side p,.pricing-copy>p,.contact-copy>p{color:#66635c;line-height:1.65;font-size:17px}.intro-copy .text-link{display:inline-block;margin-top:14px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:70px}.benefit-card{min-height:280px;padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.42);display:flex;flex-direction:column;transition:transform .35s,background .35s}.benefit-card:hover{transform:translateY(-5px);background:#fff}.benefit-card>span{font-size:10px;color:#777}.benefit-card h3{margin:auto 0 12px;font:500 24px var(--display);letter-spacing:-.035em}.benefit-card p{margin:0;color:#706e67;line-height:1.5}.work{background:var(--cream)}.work-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:70px}.work-heading p{max-width:470px;margin:0 0 6px}.portfolio-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;align-items:start}.project-card{text-decoration:none;min-width:0}.project-1{grid-row:span 2}.project-image-wrap{position:relative;overflow:hidden;border-radius:20px;background:#fff}.project-image-wrap img{width:100%;height:auto;object-fit:contain;object-position:top;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:hover img{transform:none}.visit-chip{position:absolute;right:16px;top:16px;opacity:0;transform:translateY(-6px);transition:.3s;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.9);font-size:11px}.project-card:hover .visit-chip{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;gap:20px;padding:17px 4px 28px}.project-meta small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#6f6d66}.project-meta h3{font:500 25px var(--display);letter-spacing:-.04em;margin:6px 0 0}.project-meta>span{font-size:24px}.statement{min-height:720px;padding:clamp(80px,10vw,150px) max(24px,calc((100vw - 1320px)/2));background:var(--teal);color:#fff;display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:center}.statement h2{font-size:clamp(52px,6vw,94px);line-height:.98;margin:22px 0 0}.statement h2 em{color:var(--accent)}.statement-side{align-self:end}.statement-side p{color:#c9dad7}.mini-proof{margin-top:50px;padding-top:25px;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;align-items:end}.mini-proof span{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.mini-proof strong{font:500 25px var(--display)}.process-heading{max-width:900px}.process-list{margin-top:70px;border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:80px .7fr 1.3fr;gap:30px;align-items:start;padding:35px 0;border-bottom:1px solid var(--line)}.process-row>span{font-size:10px}.process-row h3{margin:0;font:500 27px var(--display);letter-spacing:-.04em}.process-row p{max-width:620px;margin:0;color:#696760;line-height:1.6}.pricing{background:#1e655d;color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.section-kicker.light{color:#d8eeea}.pricing h2{font-size:clamp(50px,5.5vw,83px);line-height:.97;margin:0 0 28px}.pricing-copy>p{color:#d0e1de;max-width:500px}.price-card{max-width:690px;justify-self:end;width:100%;padding:clamp(34px,5vw,60px);border-radius:28px;background:#f5f1e8;color:var(--ink);box-shadow:0 35px 80px rgba(8,34,30,.22)}.price-badge{display:inline-flex;padding:8px 11px;border:1px solid var(--line);border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.price-main{margin-top:44px;display:flex;align-items:baseline;gap:12px}.price-main strong{font:500 clamp(74px,8vw,118px)/.85 var(--display);letter-spacing:-.08em}.price-main span,.monthly span{color:#777}.monthly{display:flex;align-items:baseline;gap:8px;margin-top:18px}.monthly strong{font:500 38px var(--display);letter-spacing:-.05em}.price-card ul{list-style:none;padding:28px 0;margin:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.price-card li{display:flex;gap:9px;font-size:13px;line-height:1.4}.price-card li span{color:#258d82}.price-note{display:block;margin-top:15px;color:#85827a}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.contact-copy{position:sticky;top:110px}.contact h2{font-size:clamp(50px,5.8vw,84px);line-height:.96;margin:24px 0}.contact-copy>p{max-width:560px}.contact-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px}.contact-links a{font-size:13px;text-underline-offset:5px}.form-card{min-height:820px;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 20px 60px rgba(39,39,36,.08)}.site-footer{padding:60px max(24px,calc((100vw - 1320px)/2)) 30px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1.2fr auto;gap:40px;align-items:start}.brand-footer{align-self:start}.brand-footer img{filter:brightness(4)}.site-footer p{margin:0;color:#aaa;max-width:470px;line-height:1.5}.site-footer>div{display:flex;gap:20px}.site-footer>div a{font-size:12px}.site-footer>small{grid-column:1/-1;padding-top:34px;border-top:1px solid rgba(255,255,255,.14);color:#777}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float-main{0%,100%{transform:rotate(-2.5deg) translateY(0)}50%{transform:rotate(-1.2deg) translateY(-12px)}}@keyframes float-secondary{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3.5deg) translateY(12px)}}
@media(max-width:980px){.site-header{margin:7px;top:7px;grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;justify-self:end;border:0;background:var(--ink);color:#fff;border-radius:999px;padding:10px 14px}.mobile-nav{position:absolute;top:72px;left:0;right:0;padding:10px;background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.12)}.mobile-nav.is-open{display:grid}.mobile-nav a{text-decoration:none;padding:13px;border-bottom:1px solid #eee}.hero,.pricing,.contact{grid-template-columns:1fr}.hero{padding-top:55px}.hero-art{min-height:620px}.intro-grid,.work-heading,.statement{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr 1fr}.project-1{grid-column:1/-1;grid-row:auto}.statement{gap:55px}.statement-side{max-width:600px}.price-card{justify-self:start}.contact-copy{position:static}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div{justify-self:end}}
@media(max-width:620px){.section-pad{padding:70px 18px}.site-header{min-height:60px;padding:0 12px}.brand span{font-size:14px}.hero{padding-top:36px}.hero h1{font-size:55px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-meta{grid-template-columns:1fr 1fr}.hero-art{min-height:440px;border-radius:22px}.browser-main{width:86%;left:4%;top:10%}.browser-float{width:52%;right:2%;bottom:9%}.floating-label{display:none}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:230px}.portfolio-grid{grid-template-columns:1fr}.statement{padding:80px 18px}.process-row{grid-template-columns:45px 1fr;gap:14px}.process-row p{grid-column:2}.price-card{padding:32px 22px}.price-main strong{font-size:74px}.price-card ul{grid-template-columns:1fr}.form-card{min-height:850px}.site-footer{grid-template-columns:1fr;padding:50px 18px 26px}.site-footer>div{justify-self:start}.ticker-track{gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.browser-main,.browser-float{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* 3D scroll-reactive hero devices */
.hero-art{perspective:1500px;perspective-origin:52% 45%}
.device-scene{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.laptop-device{position:absolute;width:min(78%,650px);left:48%;top:18%;transform-style:preserve-3d;transform-origin:50% 60%;will-change:transform;filter:drop-shadow(0 42px 42px rgba(5,22,19,.28))}
.laptop-lid{position:relative;padding:10px 10px 12px;background:linear-gradient(145deg,#d9dcda,#9da19f);border-radius:18px 18px 8px 8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.laptop-camera{position:absolute;z-index:2;top:4px;left:50%;width:4px;height:4px;transform:translateX(-50%);border-radius:50%;background:#555}
.laptop-screen{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#111}
.laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top center}
.laptop-base{position:absolute;left:-5%;top:100%;width:110%;height:34px;transform:rotateX(72deg);transform-origin:top center;background:linear-gradient(to bottom,#e5e7e5,#9ca19e);border-radius:2px 2px 18px 18px;box-shadow:0 18px 28px rgba(0,0,0,.18)}
.laptop-base:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:3px;border-radius:50%;background:rgba(50,55,53,.25)}
.laptop-base span{position:absolute;left:50%;top:1px;width:18%;height:4px;transform:translateX(-50%);border-radius:0 0 8px 8px;background:#aaaead}
.phone-device{position:absolute;width:min(24%,178px);right:5%;bottom:12%;z-index:5;padding:7px;border-radius:30px;background:linear-gradient(145deg,#272827,#050505);box-shadow:0 35px 60px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.16);transform-style:preserve-3d;will-change:transform}
.phone-screen{position:relative;aspect-ratio:9/19.5;border-radius:23px;overflow:hidden;background:#ece9e0}
.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.phone-speaker{position:absolute;z-index:2;top:12px;left:50%;width:35%;height:14px;transform:translateX(-50%);border-radius:999px;background:#080808;box-shadow:0 0 0 1px rgba(255,255,255,.05)}
.label-one{left:5%;bottom:9%}.label-two{left:auto;right:7%;top:8%;bottom:auto}

/* Reviews */
.reviews{background:#f7f4ed}
.reviews-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:58px}
.reviews h2{font:500 clamp(48px,5.3vw,80px)/.98 var(--display);letter-spacing:-.06em;margin:0;max-width:950px}
.reviews-heading p{margin:0;color:#696760;line-height:1.65;font-size:16px;max-width:490px}
.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.review-card{min-height:360px;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease}
.review-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(16,16,15,.08)}
.review-stars{font-size:15px;letter-spacing:.16em;color:#2f756c}
.review-card blockquote{margin:48px 0 46px;font:500 23px/1.45 var(--display);letter-spacing:-.035em}
.review-author{margin-top:auto;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}
.review-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font:600 13px var(--display)}
.review-author div{display:grid;gap:3px}.review-author strong{font-size:13px}.review-author small{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#777}

@media(max-width:980px){
  .laptop-device{width:75%;left:48%;top:18%}.phone-device{width:22%;right:5%;bottom:12%}
  .reviews-heading{grid-template-columns:1fr;gap:24px}.reviews-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .hero-art{perspective:1000px}.laptop-device{width:82%;left:50%;top:20%}.phone-device{width:28%;right:2%;bottom:12%;padding:5px;border-radius:22px}.phone-screen{border-radius:17px}.phone-speaker{top:8px;height:10px}.label-two{display:none}
  .reviews-heading{margin-bottom:36px}.reviews h2{font-size:48px}.reviews-grid{grid-template-columns:1fr}.review-card,.review-card:last-child{grid-column:auto;min-height:300px}.review-card blockquote{margin:34px 0;font-size:21px}
}
@media(prefers-reduced-motion:reduce){.laptop-device,.phone-device{will-change:auto}}


/* Portfolio cards */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.project-card{display:flex;flex-direction:column;min-width:0;text-decoration:none}
.project-image-wrap{position:relative;overflow:hidden;padding:22px 20px 18px;border-radius:24px;background:linear-gradient(180deg,#fbfaf7 0%,#efe7d8 100%);border:1px solid rgba(16,16,15,.08);min-height:340px;transition:transform .35s ease,box-shadow .35s ease}
.project-device-pair{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:14px;align-items:end;min-height:255px}
.portfolio-laptop{position:relative;transform:perspective(1400px) rotateX(4deg) rotateY(-10deg);transform-origin:50% 100%;transition:transform .35s ease}
.portfolio-laptop-lid{position:relative;padding:7px 7px 8px;background:linear-gradient(145deg,#d9dcda,#9da19f);border-radius:14px 14px 6px 6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 18px 28px rgba(20,25,22,.10)}
.portfolio-laptop-camera{position:absolute;z-index:2;top:3px;left:50%;width:4px;height:4px;transform:translateX(-50%);border-radius:50%;background:#555}
.portfolio-laptop-screen{position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#0f0f0f;display:flex;align-items:flex-start;justify-content:center}
.portfolio-laptop-screen img{width:100%;height:auto;display:block}
.portfolio-laptop-base{position:absolute;left:-5%;top:100%;width:110%;height:24px;transform:rotateX(72deg);transform-origin:top center;background:linear-gradient(to bottom,#e5e7e5,#9ca19e);border-radius:2px 2px 14px 14px;box-shadow:0 12px 20px rgba(0,0,0,.12)}
.portfolio-laptop-base:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:3px;border-radius:50%;background:rgba(50,55,53,.24)}
.portfolio-laptop-base span{position:absolute;left:50%;top:1px;width:18%;height:4px;transform:translateX(-50%);border-radius:0 0 999px 999px;background:rgba(50,55,53,.18)}
.portfolio-phone{position:relative;align-self:end;justify-self:end;width:100%;max-width:112px;padding:5px;border-radius:22px;background:linear-gradient(145deg,#272827,#050505);box-shadow:0 18px 30px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.16);transform:translateY(8px) rotate(5deg);transition:transform .35s ease}
.portfolio-phone-speaker{position:absolute;z-index:2;top:9px;left:50%;width:35%;height:10px;transform:translateX(-50%);border-radius:999px;background:#080808}
.portfolio-phone-screen{position:relative;aspect-ratio:9/19.5;border-radius:16px;overflow:hidden;background:#ece9e0;display:flex;align-items:flex-start;justify-content:center}
.portfolio-phone-screen img{width:100%;height:auto;display:block}
.project-card:hover .project-image-wrap{transform:translateY(-4px);box-shadow:0 24px 45px rgba(16,16,15,.09)}
.project-card:hover .portfolio-laptop{transform:perspective(1400px) rotateX(2deg) rotateY(-7deg) translateY(-3px)}
.project-card:hover .portfolio-phone{transform:translateY(3px) rotate(2deg)}
.project-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 4px 0}
.project-copy{min-width:0}
.project-meta small{display:inline-block;margin-bottom:8px}
.project-meta h3{margin:0 0 10px;font:500 24px var(--display);letter-spacing:-.04em}
.project-meta p{margin:0;color:#67655f;line-height:1.6;font-size:15px;max-width:34ch}
.project-meta>span{flex:0 0 auto;font-size:22px;line-height:1;padding-top:4px}
@media(max-width:1180px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr}.project-image-wrap{min-height:unset}.project-device-pair{grid-template-columns:minmax(0,1fr) 104px;min-height:230px}.project-meta p{max-width:none}}

/* Keep portfolio screenshots fixed-size on hover */
.project-card:hover img{transform:none!important}