*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#10111a;--muted:#686b79;--purple:#7047ff;--blue:#00aaff;--pink:#ff38a8;--green:#20d68a;--orange:#ff7a00;--yellow:#ffd21c;--red:#ff4658;--teal:#00c9c0;--white:#fff}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;color:var(--ink);background:#fbfbfd;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.header{position:absolute;z-index:30;top:0;left:0;width:100%}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font:700 21px "Space Grotesk";letter-spacing:-.8px}.logo b{color:var(--purple)}.logo-box{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--pink));color:white;box-shadow:0 8px 20px #7047ff40}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.nav-links a:hover{color:var(--purple)}.nav-cta{padding:11px 19px;background:var(--ink);color:#fff!important;border-radius:7px}.menu{display:none;border:0;background:none;font-size:27px}
.hero{min-height:760px;position:relative;overflow:hidden;background:#f8f7ff;padding:145px 0 80px}.noise{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:8px 8px;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.75}.orb1{width:420px;height:420px;background:#7047ff22;left:-190px;bottom:-190px}.orb2{width:360px;height:360px;background:#00aaff22;right:25%;top:-190px}.orb3{width:310px;height:310px;background:#ff38a822;right:-100px;bottom:-130px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;position:relative;z-index:2}.pill{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:2px;color:#5f5b70;background:#fff;border:1px solid #e8e6ef;border-radius:100px;padding:8px 12px;box-shadow:0 5px 18px #1111}.pill span{width:7px;height:7px;border-radius:50%;background:var(--pink)}h1,h2{font-family:"Space Grotesk";line-height:.97;letter-spacing:-4px}h1{font-size:clamp(66px,8vw,105px);margin:25px 0}h1 span{background:linear-gradient(90deg,var(--purple),var(--pink) 55%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent} .hero-copy>p{font-size:16px;color:var(--muted);max-width:570px;margin-bottom:28px}.actions{display:flex;gap:11px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;border-radius:8px;font-size:13px;font-weight:800;transition:.2s}.btn-main{background:linear-gradient(100deg,var(--purple),var(--pink));color:#fff;box-shadow:0 12px 28px #7047ff40}.btn-main:hover{transform:translateY(-3px)}.btn-ghost{background:#fff;border:1px solid #dcdbe4}.btn-ghost:hover{border-color:var(--purple);color:var(--purple)}.stats{display:flex;gap:42px;margin-top:42px}.stats div{display:flex;gap:12px;align-items:center}.stats strong{font:700 30px/1 "Space Grotesk";color:var(--purple);letter-spacing:-1px}.stats span{font-size:13px;line-height:1.15;color:#777887;font-weight:600}
.visual{height:520px;position:relative}.poster{position:absolute;border-radius:5px;box-shadow:0 25px 55px #1413292b}.poster-back{width:300px;height:410px;right:65px;top:65px;background:linear-gradient(140deg,var(--blue),#8ce4ff);transform:rotate(12deg)}.poster-front{width:330px;height:445px;right:100px;top:30px;background:#fff;padding:25px 28px;transform:rotate(-5deg);overflow:hidden}.poster-top,.poster-bottom{display:flex;justify-content:space-between;font:700 9px "Space Grotesk";letter-spacing:1.5px}.poster-word{font:700 64px/.83 "Space Grotesk";letter-spacing:-5px;margin-top:80px}.poster-word i{font-style:normal;color:var(--pink)}.poster-shape{width:190px;height:190px;background:linear-gradient(135deg,var(--yellow),var(--orange));border-radius:45% 55% 65% 35%;position:absolute;right:-45px;bottom:40px;transform:rotate(25deg)}.poster-bottom{position:absolute;bottom:25px;left:28px;right:28px;color:#777}.mini-card{position:absolute;padding:14px 16px;background:var(--ink);color:#fff;border-radius:8px;font:700 10px/1.25 "Space Grotesk";letter-spacing:1px;box-shadow:0 12px 25px #0003}.mini-card b{color:var(--yellow)}.mc1{right:5px;top:100px;transform:rotate(8deg)}.mc2{left:20px;bottom:60px;transform:rotate(-8deg)}.color-ball{position:absolute;border-radius:50%;box-shadow:0 12px 25px #0002}.ball1{width:72px;height:72px;background:var(--yellow);right:340px;top:5px}.ball2{width:50px;height:50px;background:var(--green);right:20px;bottom:75px}.ball3{width:42px;height:42px;background:var(--purple);left:20px;top:175px}.ring{position:absolute;border-radius:50%;border:3px solid #ff38a844}.ring1{width:90px;height:90px;right:0;top:10px}.ring2{width:145px;height:145px;left:0;bottom:40px;border-color:#00aaff44}
.rainbow{height:10px;display:flex}.rainbow i{flex:1}.rainbow i:nth-child(1){background:var(--purple)}.rainbow i:nth-child(2){background:var(--blue)}.rainbow i:nth-child(3){background:var(--green)}.rainbow i:nth-child(4){background:var(--yellow)}.rainbow i:nth-child(5){background:var(--orange)}.rainbow i:nth-child(6){background:var(--pink)}.rainbow i:nth-child(7){background:var(--red)}
.services-section{padding:110px 0;background:#fff}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:55px}.section-head small,.mini-label{font-size:10px;font-weight:800;letter-spacing:2.4px;color:var(--purple)}h2{font-size:clamp(44px,5.5vw,70px);margin-top:14px}h2 em{font-style:normal;color:var(--pink)}.section-head>p{font-size:15px;color:var(--muted);max-width:430px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{min-height:365px;padding:23px;border-radius:18px;background:#fff;border:1px solid #e9e8ee;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s,color .35s;position:relative;overflow:hidden;isolation:isolate}
.card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-75px;top:-75px;background:currentColor;opacity:.055;transition:transform .5s,opacity .35s}
.card:after{content:"";position:absolute;inset:auto -30px -65px auto;width:180px;height:180px;border-radius:50%;background:currentColor;opacity:.045;transition:transform .5s}
.card:hover{transform:translateY(-11px) rotate(-.7deg);box-shadow:0 28px 55px #15152b1f}
.card:hover:before{transform:scale(2.2);opacity:.11}.card:hover:after{transform:translate(-35px,-35px) scale(1.25)}
.card-no{font-size:10px;color:#a7a7b0;position:relative;z-index:4}.service-art{height:112px;position:relative;margin:10px 0 7px}
.service-art:before{content:"";position:absolute;width:72px;height:72px;border-radius:22px;background:currentColor;opacity:.1;left:0;top:13px;transform:rotate(-9deg);transition:.4s}
.card:hover .service-art:before{transform:rotate(8deg) scale(1.18)}
.paper-icon,.book-icon,.flyer-icon,.mag-icon,.poster-icon,.label-icon,.invite-icon,.custom-icon{position:absolute;left:17px;top:25px;width:48px;height:56px;border-radius:6px;background:currentColor;color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:7px 9px 0 rgba(17,17,30,.08);transform:rotate(-7deg);transition:.45s cubic-bezier(.2,.8,.2,1)}
.card:hover .paper-icon,.card:hover .book-icon,.card:hover .flyer-icon,.card:hover .mag-icon,.card:hover .poster-icon,.card:hover .label-icon,.card:hover .invite-icon,.card:hover .custom-icon{transform:translate(8px,-7px) rotate(5deg) scale(1.08)}
.mini-mark{position:absolute;left:78px;top:43px;font:800 11px "Space Grotesk";color:currentColor;transition:.35s}.card:hover .mini-mark{transform:translate(10px,-12px) rotate(-8deg)}
.paint-splash,.spray,.paint-blob,.ink-drop,.palette{position:absolute;border-radius:50%;background:currentColor;opacity:.22;filter:saturate(1.2);transition:.5s}
.paint-splash{width:88px;height:50px;left:55px;top:20px;transform:rotate(-25deg);border-radius:55% 45% 50% 40%}
.spray{width:70px;height:70px;left:58px;top:10px;box-shadow:22px 3px 0 -18px currentColor,38px 19px 0 -21px currentColor,18px 45px 0 -19px currentColor,57px 41px 0 -20px currentColor}
.paint-blob{width:110px;height:80px;left:42px;top:8px;border-radius:40% 60% 50% 45%;transform:rotate(14deg)}
.ink-drop{width:78px;height:78px;left:55px;top:7px;border-radius:55% 45% 58% 42%}
.palette{width:92px;height:62px;left:43px;top:17px;border-radius:50%;transform:rotate(-10deg)}
.palette:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;right:10px;top:10px}
.paper-stack,.book-stack,.label-roll{position:absolute;left:7px;top:24px;width:55px;height:62px;border:3px solid currentColor;border-radius:5px;transform:rotate(-8deg);background:#fff;box-shadow:8px 7px 0 currentColor,16px 14px 0 rgba(17,17,30,.08);transition:.45s}
.book-stack{height:54px;top:29px;border-radius:3px;box-shadow:8px 7px 0 currentColor,16px 14px 0 currentColor}
.label-roll{width:64px;height:47px;top:34px;border-radius:50%;box-shadow:8px 4px 0 currentColor,16px 8px 0 rgba(17,17,30,.08)}
.card:hover .paper-stack,.card:hover .book-stack,.card:hover .label-roll{transform:translate(8px,-7px) rotate(4deg)}
.fly{position:absolute;z-index:5;opacity:0;font:800 9px "Space Grotesk";letter-spacing:1px;padding:7px 9px;border-radius:6px;background:var(--ink);color:#fff;box-shadow:0 7px 15px #0002;pointer-events:none}
.fly-a{right:17px;top:76px}.fly-b{right:48px;top:28px;border-radius:50%;padding:8px}.fly-c{left:87px;top:76px;background:currentColor;color:#fff}
.card:hover .fly-a{animation:flyA .55s .04s both}.card:hover .fly-b{animation:flyB .55s .1s both}.card:hover .fly-c{animation:flyC .55s .16s both}
@keyframes flyA{from{opacity:0;transform:translate(15px,14px) rotate(15deg)}to{opacity:1;transform:translate(0,0) rotate(5deg)}}
@keyframes flyB{from{opacity:0;transform:translate(-12px,18px) scale(.5)}to{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes flyC{from{opacity:0;transform:translate(10px,12px) rotate(-15deg)}to{opacity:1;transform:translate(0,0) rotate(-5deg)}}
.card-copy{position:relative;z-index:6}.card h3{font:700 20px "Space Grotesk";color:var(--ink);letter-spacing:-.6px;transition:.3s}.card p{font-size:12.5px;color:var(--muted);margin-top:9px;line-height:1.55;max-width:245px}.card a{display:inline-flex;gap:8px;align-items:center;margin-top:22px;font-size:11px;font-weight:800;color:currentColor;transition:.3s}.card a b{font-size:14px;transition:.3s}.card:hover a b{transform:translate(4px,-3px) rotate(-8deg)}
.c-purple{color:var(--purple)}.c-blue{color:var(--blue)}.c-pink{color:var(--pink)}.c-green{color:var(--green)}.c-orange{color:var(--orange)}.c-yellow{color:#d6a900}.c-red{color:var(--red)}.c-teal{color:var(--teal)}

/* Hero slideshow */
.slide-show{position:relative;width:100%;height:500px}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(24px) scale(.97);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1),visibility .55s}.slide.active{opacity:1;visibility:visible;transform:none}
.slide-label{position:absolute;top:18px;left:50px;z-index:8;font:800 9px "Space Grotesk";letter-spacing:2px;color:#777;transform:rotate(-4deg)}
.slide-poster{position:absolute;width:335px;height:450px;right:85px;top:22px;background:#fff;border-radius:5px;box-shadow:0 28px 60px #14132932;padding:28px;overflow:hidden;transform:rotate(-5deg);transition:transform .7s}.slide.active .slide-poster{transform:rotate(-5deg) translateY(0)}.slide:nth-child(even) .slide-poster{transform:rotate(5deg)}
.slide-mini{display:block;font:800 9px/1.15 "Space Grotesk";letter-spacing:1.8px;color:#6c6d79}.slide-poster strong{display:block;position:relative;z-index:3;font:700 67px/.82 "Space Grotesk";letter-spacing:-5px;margin-top:70px}.slide-poster strong i{font-style:normal;color:currentColor}.slide-poster small{position:absolute;bottom:28px;left:28px;z-index:4;font:700 8px "Space Grotesk";letter-spacing:1px;color:#777}.slide-shape{position:absolute;width:220px;height:220px;border-radius:45% 55% 58% 42%;right:-55px;bottom:62px;transform:rotate(22deg);opacity:.95}.shape-orange{background:linear-gradient(135deg,#ffd21c,#ff7a00)}.shape-pink{background:linear-gradient(135deg,#ff38a8,#7047ff)}.shape-yellow{background:linear-gradient(135deg,#ffd21c,#20d68a)}.shape-green{background:linear-gradient(135deg,#20d68a,#00aaff)}.poster-business{color:#7047ff}.poster-creative{color:#ff38a8;background:#fffaff}.poster-premium{color:#d59c00;background:#fffdf4}.poster-big{color:#00a88f;background:#f7fffd}
.slide-arrow{position:absolute;z-index:10;bottom:26px;width:38px;height:38px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:16px;cursor:pointer;box-shadow:0 7px 20px #1112;transition:.2s}.slide-arrow:hover{background:var(--ink);color:#fff;transform:scale(1.08)}.prev{right:115px}.next{right:65px}.slide-dots{position:absolute;z-index:10;bottom:38px;left:35px;display:flex;gap:7px}.slide-dots .dot{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#d5d3dc;cursor:pointer;transition:.25s}.slide-dots .dot.active{width:24px;border-radius:10px;background:var(--purple)}

/* Showcase */
.showcase{padding:110px 0;background:#f7f6fb}.showcase-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:230px 230px;gap:14px}.showcase-card{position:relative;overflow:hidden;border-radius:18px;padding:28px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:.3s;box-shadow:0 12px 35px #15152b0c}.showcase-card:hover{transform:translateY(-7px) rotate(-.5deg);box-shadow:0 25px 50px #15152b1a}.showcase-card.wide{grid-row:span 2}.showcase-card>span{font:800 10px "Space Grotesk";opacity:.75}.showcase-card small{font-size:9px;letter-spacing:2px;color:inherit;opacity:.8}.showcase-card h3{font:700 30px/.98 "Space Grotesk";letter-spacing:-1.5px;margin:6px 0}.showcase-card p{font-size:12px;max-width:320px;opacity:.82}.purple-card{background:linear-gradient(135deg,#7047ff,#b449df)}.blue-card{background:linear-gradient(135deg,#00aaff,#29d5ff)}.orange-card{background:linear-gradient(135deg,#ff7a00,#ff4658)}.green-card{background:linear-gradient(135deg,#20d68a,#00aaa4)}.showcase-mark{position:absolute;right:24px;top:20px;font:700 120px/.8 "Space Grotesk";opacity:.13;transform:rotate(12deg)}

/* Process */
.process{padding:110px 0;background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e6e5ea}.process-grid>div{padding:30px 24px 10px;border-right:1px solid #e6e5ea}.process-grid>div:first-child{border-left:1px solid #e6e5ea}.process-no{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font:800 11px "Space Grotesk";margin-bottom:28px}.process-grid h3{font:700 21px "Space Grotesk";letter-spacing:-.5px}.process-grid p{font-size:12px;color:var(--muted);margin-top:8px;max-width:220px}

/* Ideas */
.ideas{padding:90px 0;background:#11121a}.ideas-box{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.ideas h2{color:#fff}.ideas h2 em{color:var(--yellow)}.ideas-box>div>p{color:#999ba6;max-width:510px;font-size:14px;margin-top:20px}.ideas small{color:var(--pink)}.idea-cloud{min-height:280px;position:relative}.idea-cloud span{position:absolute;padding:13px 17px;border-radius:100px;background:#fff;font:800 11px "Space Grotesk";box-shadow:0 12px 25px #0003;animation:floatTag 4s ease-in-out infinite}.idea-cloud span:nth-child(1){left:4%;top:18%;color:#7047ff}.idea-cloud span:nth-child(2){left:44%;top:4%;background:#ffd21c}.idea-cloud span:nth-child(3){right:3%;top:25%;background:#20d68a}.idea-cloud span:nth-child(4){left:18%;top:53%;background:#ff38a8;color:#fff}.idea-cloud span:nth-child(5){right:27%;top:48%;background:#00aaff;color:#fff}.idea-cloud span:nth-child(6){left:4%;bottom:10%;background:#ff7a00;color:#fff}.idea-cloud span:nth-child(7){right:4%;bottom:7%;background:#7047ff;color:#fff}.idea-cloud span:nth-child(8){left:43%;bottom:0;background:#fff}
@keyframes floatTag{50%{transform:translateY(-9px) rotate(2deg)}}

.about{background:#11121a;color:#fff;padding:110px 0;overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.about-title small{font-size:10px;letter-spacing:2.4px;color:var(--yellow);font-weight:800}.about h2{margin-bottom:25px}.about h2 em{color:var(--yellow)}.about-title>p{max-width:510px;color:#999ba6;font-size:15px}.about-title>a{display:inline-block;margin-top:30px;border-bottom:1px solid #555;padding-bottom:7px;font-weight:700}.about-title>a span{color:var(--pink)}.feature-list{border-top:1px solid #34353d}.feature-list>div{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:21px 0;border-bottom:1px solid #34353d}.f{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:10px}.feature-list h3{font:600 17px "Space Grotesk"}.feature-list p{font-size:12px;color:#9698a2;margin-top:3px}
.contact-section{padding:105px 0;background:linear-gradient(120deg,#f7f4ff,#fff7f0)}.contact-card{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.contact-card h2 span{color:var(--purple)}.contact-card>div>p{color:var(--muted);margin-top:20px}.contact-box{background:#fff;border-radius:15px;padding:34px;border:1px solid #e4e2e9;box-shadow:0 22px 50px #17152a12}.proprietor{font-size:9px;letter-spacing:2px;color:#999}.contact-box h3{font:700 30px "Space Grotesk";margin:7px 0}.phone{font-size:20px;font-weight:700}.contact-actions{display:flex;gap:8px;margin-top:22px}.dark{background:var(--ink);color:#fff}.wa{background:var(--green);color:#fff}
footer{background:#0a0b10;color:#777;padding:30px 0;font-size:11px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .logo{color:#fff}
@media(max-width:950px){.showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 230px}.showcase-card.wide{grid-row:auto;grid-column:span 2}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid>div:nth-child(3){border-left:1px solid #e6e5ea}.ideas-box{grid-template-columns:1fr;gap:45px}.idea-cloud{max-width:650px;width:100%}
@media(max-width:950px){.hero-grid,.section-head,.about-grid,.contact-card{grid-template-columns:1fr}.visual{height:470px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-card{gap:55px}}
@media(max-width:650px){.slide-show{height:350px}.slide-poster{width:250px;height:335px;right:38px;padding:20px}.slide-poster strong{font-size:48px;margin-top:50px}.slide-shape{width:155px;height:155px;bottom:45px}.slide-label{left:15px}.prev{right:75px}.next{right:27px}.slide-dots{left:20px;bottom:30px}.showcase-grid{grid-template-columns:1fr;grid-template-rows:auto}.showcase-card.wide{grid-column:auto;grid-row:auto;min-height:250px}.showcase-card{min-height:220px}.process-grid{grid-template-columns:1fr}.process-grid>div,.process-grid>div:first-child,.process-grid>div:nth-child(3){border-left:1px solid #e6e5ea}.ideas-box{gap:25px}.idea-cloud{height:250px;min-height:250px}
.container{width:calc(100% - 32px)}.nav{height:72px}.nav-links{display:none;position:absolute;top:72px;left:16px;right:16px;background:#fff;padding:10px;border-radius:10px;box-shadow:0 15px 35px #0002;flex-direction:column;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px}.nav-cta{text-align:center}.menu{display:block}.hero{padding-top:120px;min-height:820px}.hero-grid{gap:20px}.hero-copy h1{font-size:66px}.stats{gap:18px}.stats strong{font-size:24px}.stats span{font-size:10px}.visual{height:370px}.poster-front{width:250px;height:335px;right:40px;padding:20px}.poster-back{width:230px;height:315px;right:10px}.poster-word{font-size:45px;margin-top:55px}.poster-shape{width:145px;height:145px}.mc1{right:0}.mc2{left:0}.ball1{right:255px}.ball3{left:0}.service-grid{grid-template-columns:1fr}.services-section,.about,.contact-section{padding:75px 0}.section-head{gap:25px;margin-bottom:35px}.card{min-height:285px}.service-art{height:100px}.footer{flex-direction:column;align-items:flex-start}}