@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-0.woff2) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-1.woff2) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-2.woff2) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-3.woff2) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/font-4.woff2) format('truetype');
}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 Manrope,Arial,sans-serif;--bg:#10120f;--fg:#f5f7ed;--muted:#b3baaa;--line:#ffffff24;--lime:#d6fb28;--glass:#ffffff0c;--ink:#12180b}::selection{background:#d6fb28;color:#111}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9ab61a;outline-offset:5px}a,button{touch-action:manipulation}button{cursor:pointer}svg{width:20px;height:20px;flex-shrink:0}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1320px;margin:auto;padding:0 48px;position:relative;z-index:2}.brand{display:flex;align-items:center;font-size:24px;letter-spacing:-1px;font-weight:800;gap:0}.brand span{font-weight:400}.brand img{width:34px;height:34px;object-fit:contain;margin-right:12px}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a:hover,.textlink:hover{color:#9cb71c}.nav-cta{border:1px solid var(--line);padding:10px 20px;border-radius:30px}.glass{background:var(--glass);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px 1px #ffffff66,inset 0 -1px 1px #ffffff18,0 24px 65px #00000014;border-radius:16px}.hero{max-width:1320px;margin:auto;min-height:660px;padding:65px 48px 70px;position:relative}h1,h2,h3,p{margin:0}h1{font-size:clamp(46px,5.6vw,80px);line-height:1.08;letter-spacing:-.04em;font-weight:600;text-wrap:balance}h1 em{font-style:normal;color:var(--lime)}p{color:var(--muted)}.copy p{max-width:440px;font-size:16px;margin-top:28px;line-height:1.85}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 24px;background:var(--lime);color:#17200a;border-radius:32px;font-weight:700;font-size:14px;white-space:nowrap;transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s}.cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #94ac1928}.cta:active{transform:scale(.97)}.textlink{font-size:13px}.markstage{position:relative;min-height:460px;display:grid;place-items:center;isolation:isolate}.orb{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle at 28% 20%,#edff98,#b4da26 40%,#4e660b 76%,#182507);transform:translate(45px,-10px);box-shadow:25px 50px 80px #0005}.markplate{width:290px;height:320px;display:grid;place-items:center;transform:rotate(-13deg);background:linear-gradient(120deg,#ffffff40,#ffffff08 45%,#ffffff18);backdrop-filter:blur(13px);border-radius:55px;box-shadow:inset 2px 2px 2px #ffffff90,inset -2px -2px 2px #ffffff30,25px 35px 50px #0005}.markplate img{width:180px;transform:rotate(13deg);filter:drop-shadow(0 10px 9px #27300050)}.floating{position:absolute;bottom:34px;left:16%;padding:14px 24px;font-size:12px;background:#1b231cba;color:#fff}.v1 .hero,.v2 .hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px}.v1 .hero{background:radial-gradient(ellipse at 80% 45%,#78921318,transparent 55%)}.browser{position:relative;overflow:hidden;background:#ffffff13}.chrome{height:42px;display:flex;align-items:center;gap:5px;padding:0 17px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.chrome i{height:6px;width:6px;border-radius:50%;background:var(--muted);opacity:.5}.chrome span{margin-left:20px}.screen{background:#e9eddc;color:#1b2616;min-height:300px;padding:28px;position:relative;overflow:hidden}.screen small{font-size:9px;letter-spacing:2px}.screen strong{font-size:45px;font-weight:500;line-height:1.1;display:block;margin:24px 0;position:relative;z-index:1;letter-spacing:-2px}.mini-cta{background:#253124;color:#fff;padding:8px 12px;border-radius:20px;font-size:9px;position:relative;z-index:1}.mini-orb{width:190px;height:230px;border-radius:100px;position:absolute;right:-20px;top:80px;transform:rotate(28deg);background:linear-gradient(130deg,#ebff91,#88a42b 50%,#2a401a);box-shadow:inset 8px 2px 14px #fff9,20px 25px 40px #364c3330}.v2,.v6,.v9{--bg:#f4f5ef;--fg:#1c251c;--muted:#59614f;--line:#1d2e2026;--glass:#ffffff90;--lime:#546b10}.v2 .cta,.v6 .cta,.v9 .cta{background:#d6fb28}.v2 .hero{gap:70px}.v2 .browser{transform:rotate(-4deg);padding:12px;box-shadow:0 35px 65px #365c2625,inset 0 1px 0 #fff}.v2 .screen{min-height:340px}.v2 header{margin-top:16px;height:72px;max-width:1224px;background:#ffffff80;backdrop-filter:blur(20px);border-radius:50px}.v2 .hero{padding-top:100px;min-height:670px}.v3 .hero{padding-top:28px}.compact h1{font-size:45px}.compact .copy{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.compact .copy p{margin:0}.compact .actions{grid-column:1/-1;margin:0 0 24px}.motion{height:310px;overflow:hidden;background:#cbe933;color:#17200f;border-radius:16px;position:relative;padding:32px}.motion>span{font-size:60px;letter-spacing:-3px;font-weight:600;position:relative;z-index:1}.motion small{position:absolute;bottom:25px;left:32px;letter-spacing:2px;font-size:9px}.loop{width:340px;height:340px;border:55px solid #121a11;border-radius:44%;position:absolute;right:13%;top:-20px;transform:rotate(32deg);box-shadow:inset 8px 8px 12px #ffffaa60,10px 18px 20px #42500040}.selector{display:flex;width:max-content;padding:6px;gap:4px;margin:24px auto 0;border-radius:40px;background:#ffffff12}.selector button{border:0;background:none;color:var(--fg);padding:10px 24px;border-radius:30px;font-size:13px}.selector button.active{background:var(--lime);color:#17200a}.service-caption{text-align:center;font-size:13px;margin:12px 0}.v4{--bg:#e4e9de;--fg:#243125;--muted:#54634f;--line:#24312530;--glass:#ffffff50;--lime:#526c17}.v4 .hero{display:grid;grid-template-columns:1.4fr 1fr;gap:70px}.v4 h1{font-size:88px}.editorial-side{padding-top:10px}.editorial-side>p{max-width:350px;margin-bottom:24px}.v4 .cta{background:#d6fb28}.index-services{margin-top:50px;padding:10px 26px}.index-services a{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:22px}.index-services a:last-child{border:0}.v5 .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;min-height:740px}.v5{--bg:#171b20;--fg:#f3f6ee;--muted:#bac4c3}.window-field{position:relative;height:490px}.window-field .browser{width:90%;transform:rotate(-7deg);position:absolute;top:0;right:0}.window-field .screen{min-height:280px}.code-window{position:absolute;bottom:5px;left:-50px;background:#24332ce8;padding:24px;width:260px;transform:rotate(5deg);z-index:2}.code-window>span{font-size:11px;color:#b8c9b9}.code-window strong{display:block;font-size:22px;line-height:1.4;margin:12px 0}.code-line{height:5px;width:150px;background:#d6fb28;border-radius:4px;margin:10px 0;opacity:.6}.code-line.short{width:95px;opacity:.3}.motion-window{position:absolute;bottom:-20px;right:-10px;width:225px;transform:rotate(12deg);z-index:3}.motion-window .motion{height:175px;padding:20px}.motion-window .motion>span{font-size:24px;letter-spacing:-1px}.motion-window .loop{width:140px;height:140px;border-width:25px;top:50px;right:15px}.motion-window .motion small{display:none}.quiet-top,.gallery-top{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end}.quiet-top h1{font-size:66px;font-weight:400}.quiet-top p,.gallery-top p{margin-bottom:24px;max-width:400px}.quiet-show{height:330px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:36px;overflow:hidden}.quiet-show>span{font-size:200px;font-weight:800;letter-spacing:-8px;color:#dce2d1}.quiet-show>img{width:180px;position:absolute;right:100px;top:60px;transform:rotate(-10deg)}.ribbon{position:absolute;left:0;right:0;top:140px;padding:25px 40px;display:flex;justify-content:space-around;background:#ffffff65;backdrop-filter:blur(12px);font-size:20px}.v7 .hero{text-align:center;padding-top:36px;min-height:850px}.v7 .copy p{margin:24px auto 0;max-width:560px}.v7 .actions{justify-content:center;margin-top:24px}.v7 h1{font-size:64px}.product-stage{position:relative;max-width:650px;margin:30px auto 0}.product-stage .browser{text-align:left}.product-stage .screen{min-height:260px}.phone{position:absolute;right:-65px;bottom:-25px;width:155px;height:270px;background:#303b2de8;padding:22px;text-align:left;box-shadow:0 22px 45px #0008,inset 0 1px 1px #fff9;border-radius:28px}.phone-notch{height:5px;background:#10190b;width:48px;border-radius:20px;margin:0 auto 20px}.phone img{width:40px}.phone strong{font-size:25px;line-height:1.2;display:block;margin-top:20px}.phone span{display:block;font-size:9px;margin-top:20px;color:#d2dccd}.v8{--bg:#092d24;--fg:#f6f9ec;--muted:#c7d9ce;--glass:#ffffff10}.v8 .hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;background:radial-gradient(ellipse at 80% 30%,#92b44250,transparent 55%);min-height:710px}.green-panel{padding:45px;background:#113c2ba8;z-index:1;margin-right:-100px}.green-panel h1{font-size:61px}.green-art .markplate{width:260px;height:330px;transform:rotate(18deg);background:#b3eab32b}.green-art .markplate img{transform:rotate(-18deg)}.green-art .orb{background:radial-gradient(circle at 30% 20%,#deff7e,#57a04d,#0d4735);width:380px;height:380px}.green-art .floating{display:none}.green-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:28px;margin-top:50px;font-size:12px;color:#bacfc0}.v9 .hero{padding-top:30px}.gallery-top h1{font-size:64px}.work-strip{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:24px;margin-top:50px;align-items:start}.work-strip .screen{min-height:240px;padding:20px}.work-strip .screen strong{font-size:33px}.work-strip .screen small{font-size:8px}.work-strip .mini-orb{width:125px;height:180px;right:-35px}.work-strip .chrome{height:30px}.work-strip>div>p{font-size:11px;margin-top:12px}.work-strip .motion{height:270px;margin-top:40px;padding:24px;background:#d6fb28}.work-strip .motion>span{font-size:33px;letter-spacing:-1px}.work-strip .loop{width:220px;height:220px;border-width:38px;right:-50px;top:65px}.brand-study{margin-top:85px}.brand-study>div{height:220px;background:#dde7d0;display:grid;place-items:center}.brand-study img{width:150px}.v10{--bg:#dce4d5;--fg:#233123;--muted:#56654f;--line:#213b2425;--glass:#ffffff70;--lime:#496313}.v10 .hero{min-height:670px;text-align:center;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 90%,#badf5670,transparent 65%)}.v10 h1{font-size:88px;font-weight:500}.v10 .copy p{margin:24px auto;max-width:490px}.v10 .actions{display:none}.task-choices{display:flex;justify-content:center;gap:0;margin:35px auto 0;background:#ffffff70;max-width:620px;padding:10px}.task-choices a{display:flex;align-items:center;gap:40px;padding:18px 25px;border-right:1px solid var(--line);font-size:18px}.task-choices a:last-child{border:0}.task-choices a:hover{background:#ffffff90;border-radius:10px}.essential-note{font-size:12px;margin-top:25px}.section{max-width:1224px;margin:auto;padding:76px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}h2{font-size:40px;font-weight:500;line-height:1.15;letter-spacing:-.03em}.section-head p{max-width:380px;font-size:14px}.service-row{display:grid;grid-template-columns:1fr 1.2fr 30px;gap:40px;padding:25px 0;border-bottom:1px solid var(--line);align-items:center}.service-row h3{font-size:25px;font-weight:500;letter-spacing:-.02em}.service-row p{font-size:14px;max-width:480px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach p{margin-top:25px;max-width:440px}.steps{padding:5px 0}.steps div{display:grid;grid-template-columns:38px 1fr;gap:10px;margin-bottom:26px}.steps small{font-size:12px;color:var(--muted);padding-top:5px}.steps h3{font-size:18px;font-weight:600}.steps p{margin-top:5px;font-size:13px}.brief{display:grid;grid-template-columns:1fr 1fr;gap:90px}.brief>div>p{margin:24px 0;max-width:380px}.brief form{display:grid;gap:16px}.brief label{display:grid;gap:6px;font-size:12px}.brief select,.brief textarea{width:100%;padding:14px;background:var(--glass);border:1px solid var(--line);border-radius:10px;color:var(--fg);outline-offset:3px}.brief option{color:#182010;background:#f5f7ee}.brief textarea{height:100px;resize:vertical}.brief button{border:0;justify-self:start}.form-note{font-size:11px;max-width:400px}.result{white-space:pre-wrap;font-size:13px;padding:20px;background:var(--glass);border-radius:12px}.result:empty{display:none}footer{max-width:1224px;margin:auto;padding:25px 0 90px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.reviewbar{position:fixed;z-index:20;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:10px 20px;background:#182019eF;color:#f3f7ee;border-radius:40px;box-shadow:0 8px 35px #0004;font-size:11px;white-space:nowrap}.reviewbar a{padding:4px}.reviewbar b{color:#d6fb28}button:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:1050px){.section,footer{margin-left:40px;margin-right:40px}.hero{padding-left:40px;padding-right:40px}h1{font-size:56px}.v4 h1{font-size:68px}.green-panel{padding:30px}.green-panel h1{font-size:48px}.actions{gap:16px}.window-field{transform:scale(.9);transform-origin:right center}.quiet-top{gap:35px}.quiet-top h1{font-size:52px}}@media(max-width:720px){header{height:80px;padding:0 22px;gap:10px}.brand{font-size:21px}.brand img{width:28px;margin-right:8px}nav{gap:12px}nav a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:9px 13px}.hero{padding:35px 22px 45px!important;min-height:0!important}.v1 .hero,.v2 .hero,.v4 .hero,.v5 .hero,.v8 .hero{display:block}.v2 header{margin:10px 12px;padding:0 18px}.copy h1,h1,.v4 h1,.v7 h1,.v10 h1,.green-panel h1,.quiet-top h1,.gallery-top h1{font-size:46px}.copy p{font-size:14px;margin-top:22px}.actions{flex-wrap:wrap;margin-top:25px}.markstage{min-height:350px;margin-top:25px}.orb{width:240px;height:240px;transform:translate(20px,0)}.markplate{width:220px;height:250px;border-radius:40px}.markplate img{width:145px}.floating{bottom:5px;left:10%}.v2 .browser{margin-top:50px;transform:rotate(-2deg)}.v2 .screen{min-height:280px}.compact .copy{display:block}.compact h1{font-size:37px}.compact .copy p{margin:20px 0}.compact .actions{margin:20px 0 30px}.motion{height:260px}.motion>span{font-size:38px;letter-spacing:-1px}.loop{width:230px;height:230px;border-width:38px;right:-35px;top:60px}.selector{max-width:100%;gap:0}.selector button{padding:10px 12px;font-size:11px}.editorial-side{margin-top:30px}.index-services{margin-top:28px}.window-field{margin-top:50px;height:430px;transform:none}.window-field .browser{width:96%}.code-window{left:0;width:210px;bottom:0;padding:18px}.motion-window{right:0;width:165px;bottom:-20px}.quiet-top,.gallery-top{display:block}.quiet-top>div,.gallery-top>div{margin-top:25px}.quiet-show{height:220px;margin-top:30px}.quiet-show>span{font-size:110px;letter-spacing:-5px}.quiet-show>img{width:105px;right:20px;top:38px}.ribbon{top:100px;padding:20px 12px;font-size:12px}.product-stage{margin:30px 20px 35px 0}.phone{right:-20px;width:125px;height:230px;padding:15px;bottom:-30px}.phone strong{font-size:20px}.product-stage .screen{padding:20px}.product-stage .screen strong{font-size:34px}.product-stage .mini-orb{right:-50px}.v7 .hero{text-align:left}.v7 .actions{justify-content:flex-start}.green-panel{margin:0;padding:25px}.green-art .markstage{margin:0;min-height:350px}.green-art .orb{width:270px;height:270px}.green-art .markplate{width:210px;height:260px}.green-foot{flex-wrap:wrap;gap:18px;margin-top:20px}.work-strip{grid-template-columns:1fr;gap:30px;margin-top:30px}.work-strip .motion{margin-top:0}.brand-study{margin-top:0}.work-strip .screen{min-height:260px}.v10 .hero{text-align:center}.task-choices{flex-direction:column;max-width:320px}.task-choices a{border-right:0;border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 20px}.section{padding:45px 0;margin:0 22px}.section-head{display:block}h2{font-size:32px}.section-head p{margin-top:18px}.service-row{grid-template-columns:1fr 25px;gap:10px;padding:22px 0}.service-row h3{font-size:23px}.service-row p{grid-column:1;grid-row:2;font-size:13px}.service-row svg{grid-column:2;grid-row:1}.approach,.brief{grid-template-columns:1fr;gap:32px}.approach p{margin-top:18px}.brief>div>p{margin-bottom:0}footer{margin:0 22px;gap:20px;font-size:10px;align-items:start}.reviewbar{bottom:10px;gap:12px;padding:9px 14px;font-size:10px}.reviewbar .concept-name{display:none}}
.brief textarea::placeholder{color:var(--muted);opacity:1}