:root{--ink:#13231f;--ink-soft:#263a35;--paper:#f3f1eb;--surface:#fffdf8;--mist:#e5e8df;--lime:#cef45b;--lime-deep:#a6d832;--muted:#60706a;--line:#d4d8cf;--serif:Georgia,serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit}a:focus-visible{outline:3px solid var(--lime-deep);outline-offset:4px}.site-header{position:sticky;top:0;z-index:10;height:76px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:rgba(243,241,235,.96)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:1px;flex-shrink:0}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--lime);font-size:15px}.brand-name{font-size:16px;line-height:1}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:7px;font-weight:700;letter-spacing:1px}.nav{display:flex;align-items:center;gap:22px;margin-left:auto}.nav a{padding:8px 0;color:#34443e;font-size:12px;font-weight:700;text-decoration:none}.nav a:hover{color:var(--ink);box-shadow:inset 0 -2px var(--lime-deep)}.header-cta{padding:11px 16px;border-radius:999px;background:var(--ink);color:white;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.header-cta:hover{background:var(--ink-soft)}.header-cta span{color:var(--lime);padding-left:8px;font-size:15px}.hero,.section,.contact{padding:clamp(72px,9vw,132px) clamp(24px,5vw,76px)}.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);gap:clamp(40px,7vw,100px);align-items:center;background:linear-gradient(135deg,#f4f2ec 0%,#edf0e7 100%)}.hero-copy{max-width:670px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#52645d;font-size:10px;font-weight:800;letter-spacing:1.35px;text-transform:uppercase}.eyebrow span{width:25px;height:2px;background:var(--lime-deep)}h1,h2{margin:0;color:var(--ink);font-size:clamp(42px,5.4vw,76px);font-weight:600;letter-spacing:-.065em;line-height:.98}h1 em,h2 em{font-family:var(--serif);font-weight:400}.lead{max-width:560px;margin:28px 0;color:#4d5d56;font-size:16px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:22px;padding:16px 20px;font:700 13px var(--sans);text-decoration:none}.button-lime{background:var(--lime);color:var(--ink);box-shadow:inset 0 0 0 1px #b6df45}.button-lime:hover{background:#d9fb74}.button span{font-size:18px}.text-link{padding:12px 0;font-size:13px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.hero-note{margin:42px 0 0;color:var(--muted);font-size:12px}.hero-art{position:relative;height:410px}.art-orbit{position:absolute;right:0;top:-20px;width:430px;height:430px;border:1px solid #c2cec1;border-radius:50%}.browser{position:absolute;top:32px;left:18px;width:min(94%,490px);height:340px;overflow:hidden;background:#f9f7ef;box-shadow:0 28px 55px #1731282b;transform:rotate(-3deg)}.browser-bar{height:30px;padding:10px;background:#dce0d7}.browser-bar i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#8c958c}.browser-bar b{margin-left:34%;font-size:7px;font-weight:400}.browser-page{position:relative;height:310px;padding:27px;background:#d9d1c1}.browser-page header{display:flex;justify-content:space-between;font-size:8px}.browser-page header strong{font-size:13px}.browser-page small{display:block;margin-top:51px;font-size:7px;letter-spacing:1px}.browser-page h2{margin-top:12px;font-size:54px}.art-circle{position:absolute;right:45px;bottom:58px;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font-size:22px}.art-card{position:absolute;right:-2px;bottom:4px;display:flex;align-items:center;gap:5px;padding:16px 21px;background:var(--ink);color:white;box-shadow:0 15px 30px #17241f33}.art-card b{font-size:28px}.art-card span{font-size:10px}.art-card small{color:#b7c5be}.trust-strip{display:flex;justify-content:center;align-items:center;gap:26px;padding:21px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.trust-strip i{width:5px;height:5px;border-radius:50%;background:var(--lime-deep)}.section{background:var(--paper)}.services-grid,.portfolio-grid,.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.service-card{min-height:295px;padding:27px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #1c32260c}.service-card.featured{border-color:var(--ink);background:var(--ink);color:white}.service-card small{color:var(--muted);font-size:11px;font-weight:700}.featured small{color:#b8c8bf}.service-card h3{margin:46px 0 12px;font-size:22px;letter-spacing:-.5px}.service-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.featured p{color:#c4d0ca}.service-card a{margin-top:auto;padding-top:22px;font-size:12px;font-weight:800;text-decoration:none}.service-card a:hover{text-decoration:underline}.service-card a span{margin-left:8px;color:var(--lime-deep)}.statement{padding:96px max(24px,8%);background:var(--lime);text-align:center}.statement p{margin:0 0 17px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.statement h2{max-width:900px;margin:auto;font-size:clamp(36px,4.8vw,66px)}.content-tabs{display:flex;gap:10px;padding:18px clamp(24px,5vw,76px);border-bottom:1px solid var(--line);background:#e6e5de}.content-tabs a{flex:1;display:flex;justify-content:space-between;padding:16px 18px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:700;text-decoration:none}.content-tabs a:first-child{border-color:var(--ink);background:var(--ink);color:white}.content-tabs a:hover{border-color:var(--ink)}.content-tabs span{color:var(--muted);font-family:var(--serif);font-size:16px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-head>p{max-width:350px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.testimonials{background:#e4e4dc}.testimonials-grid{grid-template-columns:repeat(3,1fr)}.testimonials article{min-height:255px;display:flex;flex-direction:column;padding:27px;border:1px solid var(--line);background:var(--surface)}.testimonials article.dark{border-color:var(--ink);background:var(--ink);color:white}.testimonials b{color:#84998e;font:52px/.6 var(--serif)}.testimonials .dark b{color:var(--lime)}blockquote{margin:28px 0;font:21px/1.22 var(--serif);letter-spacing:-.4px}blockquote+footer{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);font-size:10px;letter-spacing:1px;text-transform:uppercase}footer span{color:var(--muted)}.dark footer{border-color:#52625b}.dark footer span{color:#b9c7c0}.portfolio{background:var(--paper)}.project{text-decoration:none}.project-visual{position:relative;display:flex;flex-direction:column;justify-content:end;height:360px;overflow:hidden;padding:24px;background:var(--ink);color:white}.project-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.project:hover img{transform:scale(1.05)}.project-shade{position:absolute;inset:0;background:linear-gradient(180deg,#13221c12 20%,#0c1713df 100%)}.project small,.project b,.project i{position:relative;z-index:1}.project small{font-size:8px;letter-spacing:1.5px}.project b{margin-top:12px;font-size:31px;line-height:.94}.project i{position:absolute;top:16px;right:16px;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:white;color:var(--ink);font-style:normal}.project h3{margin:14px 0 0;font-size:16px}.project h3 span{float:right;color:var(--muted);font:18px var(--serif)}.demos{padding:80px clamp(24px,5vw,76px);background:#d8ddd4}.demos article{position:relative;display:flex;align-items:center;min-height:430px;overflow:hidden;margin-bottom:26px;color:white}.demos article:last-child{margin-bottom:0}.demos article>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demos article:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#0e1a17ec 0%,#0e1a1788 52%,#0e1a1710 100%)}.demos .demo-beauty:after{background:linear-gradient(90deg,#3d2726e5 0%,#3d27267e 54%,#3d272610 100%)}.demos .demo-hair:after{background:linear-gradient(90deg,#0f211cd9 0%,#0f211c76 54%,#0f211c10 100%)}.demo-copy{position:relative;z-index:1;width:min(580px,86%);margin-left:8%;padding:48px 0}.demos small{font-size:9px;font-weight:700;letter-spacing:2px}.demos h2{margin:16px 0;font-size:clamp(44px,6vw,82px);color:white}.demos h2 span{color:var(--lime)}.demos p{max-width:390px;color:#eef1eb;font-size:13px;line-height:1.65}.demos a{display:inline-block;margin-top:12px;color:white;font-size:12px;font-weight:800}.demos a strong{margin-left:16px;color:var(--lime);font-size:18px}.process{display:grid;grid-template-columns:1fr 1.18fr;gap:12%;background:var(--surface)}.process ol{margin:0;padding:0;list-style:none}.process li{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:25px 0;border-top:1px solid var(--line)}.process li:last-child{border-bottom:1px solid var(--line)}.process li>b{color:var(--muted);font:20px var(--serif)}.process h3{margin:0 0 8px;font-size:17px}.process p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.contact{display:flex;align-items:center;min-height:500px;background:var(--ink);color:white}.contact-copy{max-width:720px}.contact .eyebrow{color:var(--lime)}.contact h2{color:white}.contact>div>p:last-of-type{max-width:410px;margin-top:28px;color:#c1cdc7;line-height:1.65}.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 58px;margin-top:38px;font-style:normal}.contact-details a{width:max-content;max-width:100%;color:white;font-size:19px;font-weight:700;text-decoration:none}.contact-details a:hover{text-decoration:underline}.contact-details span{display:block;margin-bottom:7px;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}body>footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px clamp(24px,5vw,76px);background:#0d1916;color:white}body>footer .brand{color:white}.footer-contact{display:flex;flex-wrap:wrap;gap:20px}.footer-contact a,body>footer>a:last-child{color:#c9d2cc;font-size:11px;text-decoration:none}.footer-contact a:hover,body>footer>a:last-child:hover{text-decoration:underline}@media(max-width:900px){.site-header{height:auto;min-height:72px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.nav{order:3;width:100%;justify-content:space-between;gap:12px;overflow-x:auto}.nav a{white-space:nowrap}.hero{grid-template-columns:1fr;padding-top:70px;padding-bottom:74px}.hero-copy{max-width:720px}.hero-art{max-width:570px;width:100%;margin:10px auto 0}.services-grid,.portfolio-grid,.testimonials-grid{grid-template-columns:1fr}.service-card{min-height:240px}.section-head{display:block}.section-head>p{margin-top:22px}.content-tabs{overflow-x:auto}.content-tabs a{min-width:190px}.process{grid-template-columns:1fr;gap:48px}.demos{padding-top:60px;padding-bottom:60px}body>footer{flex-wrap:wrap}.footer-contact{order:3;width:100%}}@media(max-width:560px){.site-header{padding-left:22px;padding-right:22px}.header-cta{padding:10px 12px;font-size:10px}.header-cta span{display:none}.hero,.section,.contact,.demos{padding-left:22px;padding-right:22px}.hero{min-height:0}.hero h1{font-size:45px;letter-spacing:-.06em}.lead{font-size:15px}.hero-art{height:310px}.art-orbit{width:310px;height:310px;top:-10px}.browser{left:0;height:260px}.browser-page{height:230px;padding:22px}.browser-page small{margin-top:27px}.browser-page h2{font-size:42px}.art-circle{right:28px;bottom:33px;width:48px;height:48px}.art-card{right:0;bottom:0;padding:12px 15px}.trust-strip{justify-content:flex-start;gap:10px;overflow:hidden;font-size:8px}.trust-strip span{white-space:nowrap}.trust-strip span:nth-of-type(n+3),.trust-strip i:nth-of-type(n+3){display:none}.statement{padding:70px 22px}.content-tabs{padding-left:22px;padding-right:22px}.project-visual{height:310px}.demos article{min-height:390px}.demo-copy{width:88%;margin-left:7%;padding:30px 0}.contact{min-height:430px}.contact-details{grid-template-columns:1fr;gap:20px}body>footer{padding-left:22px;padding-right:22px}.footer-contact{display:grid;gap:10px}}