:root{--paper:#f2f0ea;--ink:#19181e;--green:#d4ff63;--line:#d8d5cf;--muted:#66626c;--violet:#b9a2ff;--orange:#ff744b}body{font-family:'Arial',Helvetica,sans-serif}::selection{background:var(--violet);color:var(--ink)}header{height:82px;padding:0 4%;background:#19181ef5;color:#fff;border-bottom:1px solid #ffffff20;backdrop-filter:blur(15px)}header .brand{font-size:26px;letter-spacing:-1.5px}header .brand i{background:var(--violet);color:#19181e;transform:none;border-radius:50%;width:36px;height:36px}header .brand span{color:#c4bbc9}nav{gap:25px}header nav a{font-size:12px;color:#d8d3de}header .btn{background:var(--green);color:var(--ink);border-color:var(--green);border-radius:30px;padding:13px 20px}.wrap{max-width:1530px;padding-left:5%;padding-right:5%}.btn{border-radius:40px;padding:18px 25px;transition:transform .25s,background .25s,box-shadow .25s;gap:22px}.btn:hover{transform:translateY(-3px);box-shadow:0 7px 0 #00000015}.btn.light:hover{background:#19181e0a}.eyebrow{font-family:'Courier New',monospace;font-size:10px;letter-spacing:1.8px}h2{letter-spacing:-2.8px;font-weight:600}h3{font-weight:600}.wrap:has(>.hero){max-width:none;background:var(--ink);color:#fff;position:relative;overflow:hidden}.wrap:has(>.hero):before{content:'';position:absolute;width:650px;height:650px;right:-200px;top:-350px;background:radial-gradient(circle,#8b60e126,transparent 70%);pointer-events:none}.hero{max-width:1400px;margin:auto;padding-top:60px;padding-bottom:75px;min-height:740px;gap:3%;grid-template-columns:1.03fr 1fr;position:relative}.hero .eyebrow{color:#c5bfcd}.hero .dot{background:var(--green);box-shadow:0 0 0 5px #d4ff6310}.hero h1{font-size:clamp(64px,6.4vw,100px);font-weight:600;letter-spacing:-6.5px;line-height:.98;margin:32px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--violet);position:relative;letter-spacing:-5px}.hero .intro{color:#c6c0ce;max-width:410px;font-size:16px}.hero .btn{background:var(--green);color:var(--ink);border-color:var(--green)}.hero .btn.light{background:none;color:white;border-color:#68616f}.hero .small{color:#9e96a8;font-size:10px}.hero .visual{height:570px;padding:90px 22px 40px;background:none;border-radius:0;overflow:visible;isolation:isolate}.gridbg{inset:20px -20px;background-image:radial-gradient(#9c92b144 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,black,transparent 70%);z-index:-2}.hero .visual:before{content:'';position:absolute;inset:20px 0 60px;background:#a98af6;border-radius:50% 50% 8px 8px;transform:rotate(-12deg) scale(.9);z-index:-1}.orb{width:380px;height:380px;border:38px solid var(--green);right:-12px;bottom:4px;z-index:-1;border-radius:50%;transform:rotate(-28deg) scaleY(.45);box-shadow:0 12px 0 #829d3e,0 24px 50px #0006}.browser{color:var(--ink);width:93%;transform:rotate(-8deg);border:0;box-shadow:18px 28px 0 #11101835,0 30px 65px #0005;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.visual:hover .browser{transform:rotate(-3deg) translateY(-8px)}.bar{background:#fff;border-radius:9px 9px 0 0;color:#8c8397}.bar i{background:#bba7e9}.mock{background:#f2f0e8;padding:25px}.mock h3{font-size:38px;letter-spacing:-2px;font-weight:500}.mockbutton{border-radius:30px;background:#1b191e}.sculpture{background:#ff744b;border-radius:100px 100px 4px 4px}.sculpture:before{border-color:#ebe1ff;box-shadow:18px 23px 0 #19181e30}.float{left:-4px;bottom:21px;transform:rotate(5deg);background:#d4ff63;color:#19181e;border-radius:5px;padding:20px 24px;box-shadow:12px 12px 0 #0003}.float b{font-size:25px;color:#19181e;font-weight:600;letter-spacing:-1px}.tag{right:1px;top:54px;transform:rotate(11deg);background:var(--orange);color:var(--ink);padding:17px 22px;font-weight:700;border-radius:4px;font-size:11px;z-index:2}.visualfoot{color:#c3b5d5;right:8px;bottom:-25px;font-size:8px}.studio-stamp{position:absolute;right:-15px;top:-20px;width:98px;height:98px;border:1px solid #b9a2ff77;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:9px;line-height:1.6;letter-spacing:2px;color:#b9a2ff;transform:rotate(12deg)}.studio-stamp strong{font-size:27px;font-weight:400;letter-spacing:0}.ticker{background:var(--green);color:var(--ink);padding:23px 10px;gap:35px;position:relative;font-weight:700;font-size:11px;letter-spacing:1.4px;border-bottom:1px solid #19181e}.ticker span:before{color:#19181e;font-size:16px;margin-right:28px}.sectionhead{margin-top:22px;margin-bottom:48px}.sectionhead p{font-size:14px;line-height:1.8}.services{border:0;gap:15px;grid-template-columns:1.15fr 1fr 1fr}.service{border:1px solid var(--line)!important;padding:30px!important;border-radius:8px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.service:first-child{background:var(--violet);border-color:var(--violet)!important}.service:nth-child(2){background:#e7e5de}.service:nth-child(3){background:#e1e8d6}.service:hover{transform:translateY(-6px);box-shadow:0 20px 35px #19181e0b}.symbol{font-size:66px;margin:30px 0;color:var(--ink);font-weight:400;line-height:1}.service h3{font-size:25px;margin:24px 0 10px}.service p{color:#4e4954}.service li{border-color:#19181e22}.service .textlink{margin-bottom:10px}.num{font-family:'Courier New',monospace;font-size:10px;letter-spacing:1px}.dark{background:#221f29;position:relative;overflow:hidden}.dark:before{content:'↗';position:absolute;right:4%;top:20px;color:#ffffff05;font-size:500px;line-height:1;pointer-events:none}.dark .wrap{position:relative}.dark .eyebrow{color:var(--violet)}.dark h2{font-weight:500}.tab{border-radius:4px;border-color:#63596e;padding:13px 20px;transition:background .2s}.tab.active{background:var(--violet);border-color:var(--violet)}.tabs{margin:35px 0 45px}.demo{gap:7%;grid-template-columns:1.3fr 1fr}.demoweb{transform:rotate(-2deg);box-shadow:12px 15px 0 #b9a2ff22;border-radius:8px;min-height:350px}.demobar{background:#e8e3f1;border-bottom:1px solid #d8d0e1}.democontent{padding:37px}.democontent h3{font-size:45px;font-weight:400;letter-spacing:-2px}.demoart{height:225px;transition:background .4s}.democontent span{border-radius:25px;padding:12px 16px}.demotext h3{font-size:36px;letter-spacing:-1.4px}.demotext .num{color:#a89bb9}.chips span{border-color:#655b70;border-radius:20px;padding:9px 12px}.project{background:var(--violet);padding:60px;gap:8%;border-radius:8px}.project h3{font-size:45px!important;letter-spacing:-2px}.project p{color:#393041}.project .news{transform:rotate(-5deg);box-shadow:12px 15px 0 #19181e20;padding:30px;transition:transform .4s}.project:hover .news{transform:rotate(-2deg)}.newslogo{font-size:40px;letter-spacing:-2px}.newsimage{height:160px}.about{gap:9%;grid-template-columns:.9fr 1.1fr;padding-top:100px;align-items:center}.monogram{background:var(--ink);color:var(--violet);height:360px;font-size:170px;overflow:hidden;border-radius:8px}.monogram:before{content:'';position:absolute;inset:45px;border:1px solid #b9a2ff35;border-radius:50%;transform:rotate(-30deg) scaleX(.65)}.monogram:after{content:'✳';position:absolute;right:25px;top:5px;color:var(--green);font-size:80px;font-style:normal;letter-spacing:0}.monogram span{color:#c6bccf;letter-spacing:2px;left:30px;bottom:30px;font-size:9px}.plan-grid{gap:15px}.plan{padding:35px;border-radius:8px;background:#e8e5dd;position:relative;border:1px solid #d5d0c8}.plan.featured{background:#19181e;color:white;transform:translateY(-12px);border-color:#19181e;box-shadow:0 20px 40px #19181e15}.plan.featured:before{content:'WEB + MARCA';position:absolute;top:20px;right:20px;font:9px 'Courier New',monospace;background:var(--violet);color:var(--ink);padding:7px 10px;border-radius:3px}.plan h3{font-size:36px;letter-spacing:-1.5px;margin:22px 0 5px}.plan .pill{font-size:9px}.plan.featured .pill{padding-top:28px}.plan .btn{margin-top:20px}.plan li{font-size:12px}.steps{gap:0;border-bottom:1px solid var(--line)}.steps article{padding:25px 28px 25px 0}.steps article+article{padding-left:28px;border-left:1px solid var(--line)}.steps .num{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:#ddd4f2;color:#19181e;border-radius:50%;letter-spacing:0}.contact{background:var(--green);position:relative;overflow:hidden}.contact:before{content:'↗';position:absolute;font-size:600px;right:-80px;top:-150px;color:#19181e06;pointer-events:none;line-height:1}.contact .wrap{position:relative}.contact h2{font-size:clamp(48px,5.3vw,78px);line-height:1;letter-spacing:-4px}.contactgrid{gap:8%}input,select,textarea{padding:15px 0;border-bottom-color:#19181e50}.contact .formnote{color:#424c30}summary{font-weight:500;padding-right:15px;font-size:18px}details{padding:26px 0}details[open] summary{color:#685198}footer{background:var(--ink);color:#c0b7c9;min-height:140px;gap:25px}footer .brand{color:#fff;font-size:28px}footer a:hover{color:var(--violet)}.pagetitle{padding-top:70px}.pagetitle h1{font-weight:500;letter-spacing:-5px}.pagetitle .eyebrow{color:#70607f}.configuration{background:#e9e5de;border:0;padding:45px}.configuration .choice{background:#f6f3ee;border-color:#d6d0c7;transition:background .2s}.configuration .choice:has(input:checked){background:#d8cafa;border-color:#8d71b5}.configuration input[type=checkbox]{accent-color:#6e4f9f}.pagecopy{padding-bottom:75px}.pagecopy h2{font-size:29px;font-weight:500}.service .textlink,.textlink{transition:color .2s}.textlink:hover{color:#734aa6}.scroll-progress{position:fixed;top:0;left:0;right:0;z-index:30;height:3px;transform-origin:left;transform:scaleX(0);background:var(--violet);pointer-events:none}.reveal-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal-ready .reveal.in-view{opacity:1;transform:translateY(0)}
@media(min-width:1600px){.hero{min-height:810px}}@media(max-width:1100px){nav{gap:15px}.hero h1{font-size:76px;letter-spacing:-4.7px}.hero .visual{height:510px}.studio-stamp{right:0;top:0}.float{left:0}.services{grid-template-columns:repeat(3,1fr)}.service{padding:22px!important}.project{padding:40px}.plan{padding:25px}.plan.featured:before{position:static;width:fit-content;margin-bottom:15px}.plan.featured .pill{padding-top:0}}@media(max-width:800px){header{height:74px}header .brand{font-size:22px}header .btn{font-size:10px;padding:12px 15px}.menu{color:white;border-color:#665e70;border-radius:30px;padding:10px 15px}nav{background:#19181e;top:74px;padding:25px;gap:24px;border-color:#504858}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:60px;min-height:auto;gap:15px}.hero h1{font-size:clamp(58px,10.5vw,83px);letter-spacing:-4px;margin:28px 0}.hero h1 em{letter-spacing:-3px}.hero .intro{font-size:15px}.hero .visual{height:480px;max-width:540px;width:100%;margin:auto;padding-top:75px}.studio-stamp{width:75px;height:75px;top:5px;right:5px;font-size:7px}.studio-stamp strong{font-size:22px}.tag{top:50px;right:0;font-size:9px;padding:14px}.float{bottom:15px;left:0;padding:16px 20px}.float b{font-size:23px}.visualfoot{bottom:-20px}.orb{width:300px;height:300px;right:0;bottom:12px}.browser{width:88%}.mock h3{font-size:34px}.ticker{padding:20px 15px;gap:18px;font-size:9px}.ticker span:before{font-size:12px;margin-right:10px}.services,.demo,.about,.contactgrid{grid-template-columns:1fr}.service{padding:30px!important}.symbol{font-size:50px;margin:20px 0}.service h3{margin-top:20px}.demo{gap:40px}.demoweb{min-height:0;margin:0 5px}.democontent{padding:25px}.democontent h3{font-size:37px}.demoart{height:190px}.demotext h3{font-size:32px}.tabs{gap:7px}.tab{padding:11px 13px;font-size:11px}.project{padding:28px;gap:35px}.newslogo{font-size:33px}.project .news{padding:22px}.about{padding-top:65px;gap:35px}.monogram{height:280px;font-size:145px}.plan.featured{transform:none}.plan{padding:30px}.plan.featured:before{position:absolute;top:20px;right:20px}.plan.featured .pill{padding-top:28px}.steps{grid-template-columns:1fr 1fr}.steps article{padding:20px!important}.steps article:nth-child(3){border-left:0}.contact h2{font-size:54px;letter-spacing:-3px}.pagetitle h1{letter-spacing:-3px}.configuration{padding:25px}.pagecopy h2{letter-spacing:-1px}.brand i{margin-right:7px}footer{flex-wrap:wrap;padding:35px 5%;font-size:10px}h2{letter-spacing:-2px}.sectionhead{margin-bottom:35px}}@media(max-width:420px){.hero h1{font-size:58px}.hero .visual{height:420px;padding-top:65px}.mock{padding:18px}.mock h3{font-size:29px}.mockmain{margin:20px 0}.tag{font-size:8px;padding:12px;top:38px}.float b{font-size:20px}.float{font-size:10px}.studio-stamp{top:-3px}.democontent h3{font-size:30px}.demoart{font-size:55px;height:170px}.hero .actions{gap:12px}.hero .actions .btn{font-size:12px;padding:17px 20px}.ticker span{white-space:nowrap}header .brand{font-size:20px}header .brand i{width:29px;height:29px}.steps article{padding:17px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal-ready .reveal{opacity:1;transform:none}.visual:hover .browser{transform:rotate(-8deg)}.btn:hover,.service:hover{transform:none}}