*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#07090f;color:#f8f8fc;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #79e5ff;outline-offset:6px}img{display:block;max-width:100%}.wrap{max-width:1220px;margin:auto;padding-left:40px;padding-right:40px}.nav{height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:800;letter-spacing:-1.2px}.brand img{width:66px;height:66px;object-fit:contain;background:white;border-radius:13px;padding:3px}.brand-dot{color:#ff861e}nav{display:flex;gap:32px;font-size:14px;color:#b4b9cb}nav a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 23px;border-radius:12px;background:linear-gradient(110deg,#7924f7,#a03dfa);font-weight:650;box-shadow:0 9px 35px #7014ed22;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.15)}.small{font-size:13px;padding:12px 18px}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;min-height:610px;padding-top:35px;padding-bottom:75px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.3px;color:#b4a3d9;margin:0 0 22px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff923f;margin-right:7px;vertical-align:middle}h1{font-size:clamp(46px,5.5vw,76px);line-height:1.02;letter-spacing:-4px;margin:0 0 28px;font-weight:800}.gradient{background:linear-gradient(100deg,#bd56ff 0%,#8d7bff 45%,#65e4ed 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:#b8bed0;max-width:460px;line-height:1.7;margin:0 0 28px}.fine{color:#858da2;font-size:12px;margin:19px 0 0}.hero-image{margin:0 -35px 0 -12px;position:relative}.hero-image img{width:100%;height:auto;mix-blend-mode:screen}.hero-image figcaption{font-size:10px;color:#70798f;text-align:right;padding-right:30px}.ticker{display:flex;justify-content:center;gap:38px;align-items:center;padding:26px 20px;border-top:1px solid #1a1d29;border-bottom:1px solid #1a1d29;color:#b5bace;font-size:11px;letter-spacing:2px;flex-wrap:wrap}.ticker b{color:#9c56ea}.section{padding-top:100px;padding-bottom:100px}h2{font-size:clamp(34px,4vw,49px);line-height:1.1;letter-spacing:-2px;margin:0 0 24px}h3{font-size:22px;letter-spacing:-.6px;margin:10px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading>p{color:#929bb1;font-size:14px;padding-bottom:12px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:linear-gradient(140deg,#10121f,#0a0d16);border:1px solid #242737;border-radius:18px;padding:24px;overflow:hidden}.feature p{color:#9ba5bb;font-size:14px;margin-bottom:5px}.preview{height:190px;display:flex;justify-content:center;align-items:center;margin:-4px -10px 23px;gap:8px}.triple img{width:29%;border-radius:9px;box-shadow:0 10px 24px #8837e722;transform:rotate(-9deg)}.triple img:nth-child(2){transform:rotate(3deg) translateY(-12px)}.triple img:nth-child(3){transform:rotate(10deg)}.shapes img{border-radius:50%;box-shadow:none}.image-preview img{height:170px;width:170px;object-fit:contain;border-radius:12px;transform:rotate(-7deg)}.number{font-size:10px;letter-spacing:2px;color:#9675bf}.studio{background:radial-gradient(ellipse at 80% 50%,#35185650,transparent 60%),#0b0d16;border-block:1px solid #1b1f2c}.studio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.tabs{display:flex;gap:9px;flex-wrap:wrap}.tabs button{cursor:pointer;border:1px solid #363345;border-radius:9px;background:#111622;color:#c0c7d8;padding:11px 18px;font-size:13px;transition:background .2s}.tabs button[aria-pressed=true]{background:#7928e9;color:white;border-color:#a16beb}.tabs button:hover{border-color:#bb8aff}.gallery{background:linear-gradient(130deg,#23233d,#141723);border:1px solid #494057;border-radius:23px;padding:38px;transform:rotate(2deg);box-shadow:0 25px 75px #0004}.gallery>img{width:250px;height:250px;object-fit:contain;border-radius:15px;margin:0 auto 30px;background:white}.gallery-label{display:flex;justify-content:space-between;font-size:12px;color:#c3bed5}.brand-section{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.logo-stage{background:#fff;border-radius:30px;max-width:365px;padding:24px;transform:rotate(-3deg);box-shadow:0 0 90px #ff711719}.logo-stage img{width:100%;height:auto}.swatches{display:flex;gap:14px}.swatches i{height:29px;width:29px;background:#8b1fff;border-radius:50%;box-shadow:inset 0 0 0 1px #fff3}.swatches i:nth-child(2){background:#0d5ceb}.swatches i:nth-child(3){background:#00cbdf}.swatches i:nth-child(4){background:#ff5799}.swatches i:nth-child(5){background:#ffaa34}.export{border-top:1px solid #222431;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.format-detail{min-height:70px;color:#a0aac0;font-size:14px;max-width:430px;margin:24px 0 0}.formats button{font-size:17px;padding:15px 22px}.print-scene{min-height:330px;display:grid;place-items:center;background:radial-gradient(ellipse,#38245860,transparent 70%)}.business-card{background:#eeedf4;color:#2a2450;width:350px;border-radius:5px;padding:29px;transform:rotate(-12deg);display:grid;grid-template-columns:1fr 120px;align-items:center;gap:15px;box-shadow:15px 18px 0 #9b99ad,23px 38px 50px #0007}.business-card span{font-size:16px;font-weight:800;line-height:1.3;letter-spacing:-.3px}.business-card img{width:120px;border-radius:5px}.business-card small{font-size:8px;letter-spacing:1px}.questions{border-top:1px solid #222431;max-width:900px}.questions h2{margin-bottom:38px}details{border-bottom:1px solid #292b38;padding:21px 0}summary{font-weight:600;font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:#bd8dfb;font-size:22px;line-height:1}details[open] summary:after{content:'−'}details p{color:#a6b0c5;font-size:14px;max-width:660px;margin:18px 0 4px}.download{text-align:center;background:radial-gradient(ellipse at 50% 85%,#6423b938,transparent 65%);border-bottom:1px solid #272334}.download h2{font-size:clamp(42px,5vw,65px)}.download .lead{margin:0 auto 28px}.coming-soon{display:inline-flex;text-align:left;gap:12px;align-items:center;border:1px solid #777486;background:#080a11;border-radius:12px;padding:12px 24px}.coming-soon>span{font-size:32px;color:#b28bfc}.coming-soon small{font-size:8px;letter-spacing:1.3px;display:block;color:#c5c2d0}.coming-soon strong{font-size:23px;line-height:1.2;display:block}.download .fine{font-size:11px}footer{display:flex;align-items:center;gap:27px;min-height:130px;color:#8e96aa;font-size:12px}footer .brand{color:white;font-size:22px;margin-right:8px}footer img{width:48px!important;height:48px!important}footer small{margin-left:auto;font-size:11px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;color:black;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.hero{min-height:670px}}@media(max-width:900px){.wrap{padding-inline:25px}.hero{grid-template-columns:1fr 1fr;min-height:520px}h1{letter-spacing:-2.5px}.hero-image{margin-right:-15px}.lead{font-size:16px}.section{padding-block:70px}.studio-grid,.brand-section{gap:40px}.features{gap:12px}.feature{padding:18px}.preview{height:140px}.image-preview img{height:130px;width:130px}.feature h3{font-size:19px}.gallery{padding:25px}.export{gap:20px}.business-card{width:280px;padding:20px;grid-template-columns:1fr 95px}.business-card img{width:95px}.ticker{gap:20px}}@media(max-width:640px){.nav{height:94px;gap:12px}.brand{font-size:24px}.brand img{width:53px;height:53px}nav{display:none}.small{padding:10px 13px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:34px;padding-bottom:35px;gap:30px}.hero h1{font-size:54px}.hero-copy .lead{max-width:340px}.hero-image{margin:0 -10px}.hero-image img{width:100%}.eyebrow{font-size:9px;letter-spacing:2px}.hero-image figcaption{padding-right:10px}.ticker{font-size:8px;gap:12px;letter-spacing:1px;padding:18px 15px}.ticker b:nth-of-type(n+3),.ticker span:last-child{display:none}.section-heading{display:block}.section-heading>p br{display:none}.features{grid-template-columns:1fr;gap:20px}.feature{padding:25px}.preview{height:200px}.triple img{max-width:95px}.image-preview img{height:190px;width:190px}.feature h3{font-size:24px}.studio-grid,.brand-section,.export{grid-template-columns:1fr;gap:35px}.gallery{max-width:360px;width:100%;margin:auto}.gallery>img{width:220px;height:220px}.brand-section .logo-stage{max-width:260px;margin:auto;order:2}.brand-section>div:last-child{order:1}.print-scene{min-height:270px}.business-card{width:280px}.questions h2{margin-bottom:20px}summary{font-size:15px}.download h2{font-size:46px}footer{flex-wrap:wrap;gap:20px;padding-block:30px!important}footer .brand{width:55%;margin:0}footer small{width:100%;margin:0}.section{padding-block:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Refined transparent artwork and compact mobile presentation */
.brand img{background:transparent;padding:0;border-radius:0;object-fit:contain}.hero-image img{mix-blend-mode:normal}.hero-image{isolation:isolate}.hero-image:before{content:'';position:absolute;inset:15%;background:radial-gradient(ellipse,#7829b52b,transparent 70%);z-index:-1}.logo-stage{padding:0;background:transparent;box-shadow:0 0 80px #793ce51a;transform:rotate(-3deg)}.logo-stage img{border-radius:22px}.shapes img{border-radius:12px;padding:3px;background:white}.image-preview img{transform:rotate(-5deg)}@media(max-width:640px){.feature{padding:20px}.preview{height:140px;margin-bottom:14px}.image-preview img{width:135px;height:135px}.feature p{margin-top:7px}.brand-section .logo-stage{max-width:280px}.download h2{font-size:40px}}

/* Hero composition matched to supplied mock */
.hero.hero-mock{display:block;max-width:none;width:100%;min-height:0;height:550px;padding:0;background:#07090f url('assets/hero-mock.webp') center center / auto 100% no-repeat;position:relative}.hero-inner{height:100%;display:flex;align-items:center}.hero-mock .hero-copy{width:49%;padding-bottom:18px}.hero-mock h1{font-size:68px;letter-spacing:-2.8px;line-height:1.01;margin-bottom:23px}.hero-mock .gradient{background-image:linear-gradient(100deg,#c02cff 0%,#835afb 40%,#12dcec 90%)}.hero-mock .lead{font-size:21px;line-height:1.4;max-width:520px;margin-bottom:24px;letter-spacing:-.25px}.hero-purchase{font-size:16px;color:#c0cee4;margin:0 0 24px}.hero-store{display:inline-flex;gap:10px;align-items:center;background:#030508;border:1px solid #a4a7ae;border-radius:9px;padding:8px 17px;color:white}.hero-store small{display:block;font-size:10px;line-height:1.1}.hero-store strong{display:block;font-size:25px;line-height:1.1;font-weight:550;letter-spacing:-.6px}.hero-store:hover{background:#151222}.nav{height:88px}.hero-mock+.ticker{display:none}
@media(min-width:1440px){.hero.hero-mock{height:600px;background-size:1200px 600px}.hero-mock h1{font-size:70px}}
@media(min-width:641px) and (max-width:1000px){.hero.hero-mock{height:440px;background-size:880px 440px}.hero-mock h1{font-size:49px;letter-spacing:-2px}.hero-mock .lead{font-size:16px}.hero-purchase{font-size:13px}.hero-store strong{font-size:21px}.desktop-break{display:none}}
@media(max-width:640px){.hero.hero-mock{height:auto;min-height:760px;background-size:920px 460px;background-position:right bottom;padding:30px 0 405px}.hero-inner{display:block}.hero-mock .hero-copy{width:100%;padding:0}.hero-mock h1{font-size:48px;letter-spacing:-2px;margin-bottom:18px}.hero-mock .lead{font-size:17px;max-width:350px;margin-bottom:18px}.desktop-break{display:none}.hero-purchase{font-size:13px;margin-bottom:18px}.hero-store strong{font-size:23px}.hero-store{padding:8px 14px}.hero-mock+.ticker{display:none}}
@media(min-width:641px){.hero.hero-mock{background-size:100% 100%}}
.hero-mock~#features{padding-top:28px}
@media(max-width:640px){.hero.hero-mock{background-size:184.6vw 92.3vw;min-height:0;padding-bottom:95vw}}

/* Reference-matched sections */
.mock-features{padding-top:24px;padding-bottom:0}.mock-features h2{font-size:47px;letter-spacing:-1.8px;margin-bottom:20px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mock-cards article{position:relative;overflow:hidden;border:1px solid #263044;border-radius:15px;background:#090f18;min-height:290px;padding:20px 20px 0}.mock-cards h3{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin:0 0 8px}.mock-cards p{color:#b2bfd7;font-size:16px;line-height:1.35;margin:0;position:relative;z-index:1}.card-art{height:190px;margin:0 -19px;background-image:url('assets/features-mock.webp');background-size:300% 100%;background-repeat:no-repeat}.gradient-art{background-position:left center}.icon-art{background-position:center center}.photo-art{background-position:right center}.mock-brand{display:grid;grid-template-columns:1.2fr .75fr .5fr;gap:35px;align-items:center;padding-top:55px;padding-bottom:45px}.mock-brand h2{font-size:48px;margin-bottom:18px;letter-spacing:-1.8px}.mock-brand p{font-size:19px;color:#bdc9df;line-height:1.45;margin:0 0 23px}.mock-brand .swatches{gap:20px}.mock-brand .swatches i{width:34px;height:34px;box-shadow:0 4px 20px #6d3dff66}.mock-qr{position:relative;padding:10px;isolation:isolate}.mock-qr:before{content:'';position:absolute;inset:-12%;z-index:-1;background:radial-gradient(ellipse,#7118e5aa,transparent 68%)}.mock-qr img{width:100%;height:auto;border-radius:22px;box-shadow:0 0 20px #7c50ff4d;transform:rotate(2deg)}.design-details{list-style:none;padding:0;margin:0;display:grid;gap:22px;font-size:15px}.design-details li{display:flex;align-items:center;gap:15px}.design-details span{font-size:30px;line-height:1;color:#e4e8ff}.mock-export{min-height:350px;display:flex;align-items:center;background:#07090f url('assets/export-printed-orange-qr.webp') center / cover no-repeat}.mock-export>.wrap{width:100%;padding-top:38px;padding-bottom:35px}.mock-export h2{font-size:37px;letter-spacing:-1.5px;margin-bottom:13px;max-width:58%}.mock-export p{color:#bac9e4;font-size:16px;max-width:51%;margin:0 0 25px}.mock-export .formats{gap:17px}.mock-export .formats button{padding:14px 22px;border-radius:18px;font-size:18px;background:linear-gradient(140deg,#23324c,#151c2c);border:1px solid #7f8ba4;color:white;display:flex;gap:10px;align-items:center}.mock-export .formats button[data-format=SVG]{background:linear-gradient(135deg,#065dbe,#00376a);border-color:#178ced}.mock-export .formats button[aria-pressed=true]{background:linear-gradient(135deg,#6b11ed,#3c0b9f);border-color:#9d68ff}.mock-export .formats button span{font-size:28px;line-height:1}.mock-export .format-detail{font-size:12px;min-height:36px;max-width:430px;margin:15px 0 0;color:#9daecb}.mock-download{text-align:center;background:#07090f url('assets/cta-mock.webp') center / cover no-repeat;padding:87px 0 65px}.mock-download h2{font-size:44px;letter-spacing:-1.7px;margin:0 0 12px}.mock-download p{font-size:22px;margin:0 0 28px;color:#c7cbe0}.mock-footer{min-height:85px;display:flex;align-items:center;gap:25px;border-top:1px solid #252c3f}.footer-wordmark{font-size:22px;color:white;font-weight:800;letter-spacing:-.8px}.footer-domain{border-left:1px solid #6d7281;padding-left:25px}.mock-footer>div{margin-left:auto;display:flex;gap:26px}.mock-footer a:hover{color:white}
@media(max-width:900px) and (min-width:641px){.mock-cards article{padding:16px 14px 0;min-height:235px}.mock-cards h3{font-size:18px}.mock-cards p{font-size:13px}.card-art{height:150px;margin:0 -13px}.mock-brand{gap:22px}.mock-brand h2{font-size:37px}.mock-brand p{font-size:15px}.design-details{font-size:12px;gap:15px}.design-details li{gap:8px}.mock-export h2{font-size:29px}.mock-export p{font-size:13px}.mock-download h2{font-size:35px}}
@media(max-width:640px){.mock-features{padding-top:25px}.mock-features h2{font-size:35px}.mock-cards{grid-template-columns:1fr;gap:15px}.mock-cards article{min-height:0;padding:20px 20px 0}.mock-cards h3{font-size:23px}.mock-cards p{font-size:15px}.card-art{height:195px}.mock-brand{grid-template-columns:1fr 1fr;gap:22px;padding-top:45px;padding-bottom:40px}.mock-brand-copy{grid-column:1/-1}.mock-brand h2{font-size:38px}.mock-brand p{font-size:17px}.mock-qr{padding:0}.design-details{font-size:13px;gap:18px}.design-details li{gap:10px}.design-details span{font-size:25px}.mock-export{min-height:530px;background-size:1000px 500px;background-position:right bottom;align-items:flex-start;position:relative}.mock-export:before{content:'';position:absolute;inset:0;background:linear-gradient(#07090f 0%,#07090f 44%,transparent 65%)}.mock-export>.wrap{position:relative;padding-top:25px;padding-bottom:270px}.mock-export h2{max-width:100%;font-size:30px}.mock-export p{max-width:100%;font-size:14px}.mock-export .formats{gap:9px}.mock-export .formats button{padding:12px 16px;font-size:16px;border-radius:13px}.mock-export .format-detail{max-width:100%;font-size:11px}.mock-download{padding:65px 0 50px;background-size:auto 100%}.mock-download h2{font-size:34px;line-height:1.1;letter-spacing:-1px}.mock-download p{font-size:18px}.mock-footer{gap:17px;padding-block:23px!important;min-height:90px;flex-wrap:wrap}.mock-footer>div{margin-left:auto;gap:18px}.footer-domain{padding-left:17px}.footer-wordmark{font-size:20px}}
.card-art{background-size:300% auto;background-position-y:center}
@media(max-width:640px){.mock-export{min-height:0;background-size:184.6vw 92.3vw}.mock-export>.wrap{padding-bottom:78vw}.mock-export:before{background:linear-gradient(#07090f 0%,#07090f 35%,transparent 55%)}}

.examples-section{padding-top:65px;padding-bottom:60px}.examples-section h2{font-size:44px;margin-bottom:14px}.examples-intro{color:#b2bfd7;font-size:18px;margin:0 0 30px}.examples-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.examples-grid figure{margin:0;overflow:hidden;border:1px solid #263044;border-radius:16px;background:#090f18}.example-image{aspect-ratio:1;background-image:url('assets/real-world-examples-v2.webp');background-size:200% 200%;background-repeat:no-repeat}.example-shirt{background-position:0 0}.example-coffee{background-position:100% 0}.example-car{background-position:0 100%}.example-paper{background-position:100% 100%}.examples-grid figcaption{padding:17px 18px 22px}.examples-grid h3{font-size:21px;margin:0 0 6px}.examples-grid p{color:#b2bfd7;font-size:14px;line-height:1.4;margin:0}@media(max-width:900px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.examples-section{padding-top:40px;padding-bottom:30px}.examples-section h2{font-size:34px}.examples-intro{font-size:16px}.examples-grid{gap:12px}.examples-grid figcaption{padding:12px}.examples-grid h3{font-size:18px}.examples-grid p{font-size:12px}}


.examples-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:36px}.examples-kicker{font-size:11px;font-weight:700;letter-spacing:2.5px;color:#ae9bd7;margin:0 0 18px}.examples-heading h2{font-size:clamp(38px,4.5vw,60px);line-height:1.05;letter-spacing:-2px;margin:0}.examples-heading .examples-intro{font-size:17px;line-height:1.6;margin:0 0 4px;max-width:350px}@media(max-width:900px){.examples-heading .examples-intro{max-width:240px;font-size:15px}}@media(max-width:640px){.examples-heading{display:block;margin-bottom:25px}.examples-heading h2{font-size:39px;letter-spacing:-1.5px}.examples-heading .examples-intro{max-width:none;font-size:16px;margin-top:20px}.examples-kicker{font-size:9px;letter-spacing:2px;margin-bottom:14px}}

.formats .file-icon{display:block;flex-shrink:0;width:23px;height:27px}@media(max-width:640px){.formats .file-icon{width:20px;height:24px}}

.hero-store{padding:0!important;border:0;background:transparent;border-radius:0}.hero-store img{width:180px;height:auto}.hero-store:hover{background:transparent}

.policy{max-width:880px;padding-top:55px;padding-bottom:80px}.policy h1{font-size:clamp(40px,6vw,64px);letter-spacing:-2px}.policy h2{font-size:27px;letter-spacing:-.7px;margin:36px 0 14px}.policy p,.policy li{color:#bdc9df;line-height:1.8}.policy li{margin-bottom:12px}.policy a{color:#bcb0ff;text-decoration:underline;text-underline-offset:3px}.policy .policy-date{font-size:14px;color:#939db3}.policy ul{padding-left:22px}@media(max-width:640px){.policy{padding-top:30px}.policy h2{font-size:24px}.mock-footer>div{flex-wrap:wrap}}

.privacy-summary{margin:30px 0;padding:25px;border:1px solid #493076;border-radius:18px;background:linear-gradient(135deg,#201333,#0b1420)}.privacy-summary h2{margin-top:0}.privacy-summary p:last-child{margin-bottom:0}
