:root{color-scheme:dark;--accent:#32b8ff;--glow:#0648a9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#090b11;color:#f4f5fa;font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:6px}.skip{position:absolute;top:-100px;z-index:10;background:#fff;color:#111;padding:15px}.skip:focus{top:10px}.header,main,footer{max-width:1440px;margin:auto}.header{height:102px;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand img{width:37px;height:37px;object-fit:contain}.brand-dot{font-size:10px;align-self:flex-start;margin:8px 0 0 -6px}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav>a:first-child{color:#afb2c0}.nav-cta{padding:12px 0;color:#c3cad8}.nav-cta:hover{color:#fff}.nav-cta span{margin-left:20px}.hero{margin:0 24px;border:1px solid #282d3d;border-radius:14px;background:radial-gradient(ellipse at 80% 60%,color-mix(in srgb,var(--glow) 48%,transparent),transparent 67%),#0b101c;overflow:hidden;transition:background .5s}.hero-top{display:flex;justify-content:space-between;padding:27px 4.5% 0;font-size:9px;letter-spacing:2px;color:#a6b2c7}.hero-top i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:10px}.edition{opacity:.5}.slide{display:grid;grid-template-columns: .9fr 1.25fr;gap:45px;align-items:center;padding:65px 4.5% 75px;min-height:535px}.slide[hidden]{display:none}.product{display:flex;align-items:center;gap:9px;font-size:16px;margin-bottom:24px}.product img{height:28px;width:28px;object-fit:contain}.product strong{color:var(--accent);font-weight:500}h1{font-size:clamp(40px,4.65vw,67px);letter-spacing:-3px;line-height:1.04;margin:0 0 23px;font-weight:650}h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{font-size:15px;line-height:1.8;color:#aeb9ce;max-width:365px;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:18px;background:transparent;color:var(--accent);padding:16px 0;font-size:13px;font-weight:500;transition:color .2s}.button:hover{color:#fff}.button span{transition:transform .2s}.button:hover span{transform:translateX(3px)}.micro{display:block;font-size:10px;color:#8793a9;margin-top:18px}.visual{border:1px solid #4c5362;border-radius:9px;background:#20242d;box-shadow:0 25px 70px #0008;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.window-bar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:8px;color:#aeb7c5;background:#232730;border-bottom:1px solid #393c48}.window-bar span:first-child{color:#f0f3fa}.workspace{display:flex;padding:12px 8px;gap:10px;height:320px}.toolbar{font-size:15px;line-height:2.6;color:#a7b2c2;width:23px;text-align:center}.photo{position:relative;flex:1;overflow:hidden;background:#151d24}.photo img{width:100%;height:100%;object-fit:cover}.photo-tag{position:absolute;bottom:20px;left:18px;right:15px;font-size:25px;letter-spacing:-1px;font-weight:600;text-shadow:0 1px 10px #000}.panels{width:105px;font-size:7px;display:flex;flex-direction:column;gap:12px;color:#bfc8d5}.panels b{font-size:7px;letter-spacing:1px}.panels span{padding:9px 3px;border-bottom:1px solid #424550}.panels .selected{background:#354c67}.spectrum{height:55px;background:linear-gradient(0deg,#172029,transparent),linear-gradient(90deg,#0062e9,#13d8d6,#ffb050,#fd486b);clip-path:polygon(0 100%,0 70%,10% 50%,20% 70%,30% 20%,40% 48%,50% 70%,60% 30%,70% 60%,80% 25%,90% 75%,100% 90%,100% 100%)}.window-bottom{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;padding:10px;color:#97a2b6}.vector-art svg{width:100%;display:block;height:320px}.publish-art{background:#273b3d}.paper{background:#f4f0e5;color:#272c2a;margin:17px auto;padding:20px;width:85%;height:335px;overflow:hidden;font-family:Georgia,serif}.paper-kicker{font:7px Arial;letter-spacing:2px;display:block;text-align:center}.paper h2{text-align:center;font-size:35px;letter-spacing:-2px;margin:10px 0}.paper-rule{text-align:center;border-block:1px solid;font:7px Arial;padding:6px}.paper-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.paper h3{font-size:23px;line-height:1;margin:15px 0}.paper img{width:100%;height:140px;object-fit:cover}.paper h4{font-size:17px;margin-bottom:8px}.paper p{font-size:10px;line-height:1.5}.print-lines{height:100px;background:repeating-linear-gradient(#a4a195 0 1px,transparent 1px 6px);opacity:.5}.collage-board{height:350px;background:#eae3d5;position:relative;overflow:hidden}.cutout{position:absolute;width:60%;height:90%;object-fit:cover;left:12%;top:8%;transform:rotate(-11deg);filter:grayscale(1)}.stripes{position:absolute;inset:15px 15px 10px 40%;background:repeating-linear-gradient(45deg,#b59ed6 0 8px,#48306e 8px 10px);transform:rotate(8deg)}.flower{position:absolute;right:5%;top:-40px;font-size:200px;color:#ff9c26;line-height:1.3}.cutout-type{position:absolute;left:7%;top:18%;font-size:45px;font-weight:900;line-height:1.1;letter-spacing:-2px;color:#151118;transform:rotate(-6deg);text-shadow:2px 2px #f7f2e8,-2px -2px #f7f2e8}.cutout-type i{color:#6e31c0;background:#f7f2e8;padding:0 12px}.stamp{position:absolute;bottom:20px;right:20px;background:#ecff8b;color:#292534;padding:20px;font-size:12px;font-weight:800;transform:rotate(9deg)}.hero-controls{border-top:1px solid #ffffff15;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%}.choices{display:flex;gap:32px}.choices button{border:0;border-top:2px solid transparent;background:none;padding:22px 0;font-size:12px;color:#7f8ba0}.choices button span{font-size:9px;margin-right:10px;opacity:.6}.choices button[aria-pressed=true]{border-color:var(--accent);color:#fff}.pause{background:none;border:1px solid #465065;border-radius:50%;width:28px;height:28px;font-size:11px}.intro{padding:95px 6% 40px;display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8e94a5}.intro h2{font-size:40px;line-height:1.13;letter-spacing:-1.7px;margin:18px 0 0;font-weight:550}.intro>p{max-width:370px;font-size:14px;line-height:1.9;color:#8e94a5;margin:0}.cards{padding:0 6%;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{border:1px solid #262933;border-radius:9px;padding:25px 22px;background:linear-gradient(145deg,#151823,#0d1018);transition:border-color .2s,transform .2s}.card:hover{border-color:var(--accent);transform:translateY(-4px)}.card>img{height:42px;width:42px;object-fit:contain;margin-bottom:30px}.card-kind{display:block;font-size:8px;letter-spacing:1.3px;color:var(--accent)}.card h3{font-size:24px;letter-spacing:-.7px;margin:13px 0}.card h3 span{float:right;color:#6a7182;font-weight:400}.card p{color:#979cac;font-size:12px;line-height:1.9;min-height:92px}.card-link{font-size:11px;color:var(--accent)}.closing{margin:90px 6% 60px;border-block:1px solid #242833;text-align:center;padding:65px 20px;background:radial-gradient(ellipse at center,#20284466,transparent 65%)}.closing h2{font-size:45px;letter-spacing:-2px;font-weight:550;margin:20px 0}.closing p{color:#979cac;font-size:13px;margin-bottom:25px}.closing .button{background:transparent;color:#eceef6}footer{padding:0 6% 40px;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:20px}footer>span,footer>a:last-child{font-size:11px;color:#979cac}@media(min-width:1500px){.slide{min-height:590px}}@media(max-width:900px){.slide{gap:25px;padding-top:45px;padding-bottom:45px;grid-template-columns:1fr 1fr}h1{font-size:44px}.panels{display:none}.cards{grid-template-columns:repeat(2,1fr)}.intro h2{font-size:33px}.edition{display:none}}@media(max-width:620px){.header{height:80px}nav{gap:0}nav>a:first-child{display:none}.brand{font-size:22px}.hero{margin:0 12px}.hero-top{font-size:8px;padding-top:20px}.slide{grid-template-columns:1fr;padding:32px 6%;gap:35px;min-height:760px}h1{font-size:49px}.hero-copy>p{font-size:14px}.visual{transform:none}.workspace{height:240px}.vector-art svg{height:240px}.paper{height:260px}.collage-board{height:265px}.cutout-type{font-size:36px}.flower{font-size:160px}.choices{gap:15px}.choices button{font-size:10px;padding:19px 0}.choices button span{display:none}.intro{display:block;padding-top:65px}.intro>p{margin-top:25px}.cards{gap:10px}.card{padding:20px 15px}.card-kind{font-size:7px;letter-spacing:.6px}.card h3{font-size:22px}.card p{min-height:120px}.closing{margin-top:60px}.closing h2{font-size:34px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Mobile preview order: app name, image, headline, description, action. */
@media(max-width:620px){
  .header{height:70px;padding:0 16px}
  .hero{margin:0 8px}
  .hero-top{padding:18px 16px 0}
  .slides .slide{grid-template-columns:minmax(0,1fr);grid-template-rows:28px 230px auto auto auto auto;align-content:start;align-items:start;padding:24px 16px;gap:16px;min-height:0}
  .slide .hero-copy{display:contents}
  .slide .product{grid-row:1;margin:0}
  .slide .visual{grid-row:2;width:100%;height:230px;margin:0;transform:none}
  .slide h1{grid-row:3;font-size:clamp(32px,9.8vw,44px);letter-spacing:-1.8px;margin:4px 0 0}
  .slide .hero-copy>p{grid-row:4;margin:0;max-width:none;line-height:1.65}
  .slide .hero-copy>.button{grid-row:5;padding:8px 0}
  .slide .micro{grid-row:6;margin:0}
  .hero .carousel-arrow{top:var(--preview-center,190px);transform:translateY(-50%);width:44px;height:44px;opacity:.9}
  .hero .carousel-arrow.previous{left:0}
  .hero .carousel-arrow.next{right:0}
  .hero-controls{padding:0 12px;gap:8px}
  .choices{flex:1;justify-content:space-between;gap:8px;min-width:0}
  .pause{flex-shrink:0}
  .slide .visual .workspace,.slide .visual .collage-board,.slide .visual .inspire-board{height:200px!important;min-height:0;padding:10px}
  .slide .visual .artboard{min-height:0}
  .slide .publish-art .paper{height:200px;margin:0 auto}
}

/* Tool-free previews retain only the app icon and document tab. */
.visual{border-radius:12px;overflow:hidden;background:#555}
.visual .window-bar{height:28px;justify-content:flex-start;gap:0;padding:0 8px;background:#242424;border-bottom:1px solid #181818}
.window-bar>img{width:16px;height:16px;object-fit:contain;margin-right:8px}
.window-bar .preview-tab{height:28px;display:flex;align-items:center;gap:20px;padding:0 10px;border-top:2px solid var(--accent);background:#353535;color:#ddd;font-size:9px}
.window-bar .preview-tab span{color:#999}
.window-bar .preview-new{margin-left:12px;color:#999;font-size:13px}
.visual .toolbar,.visual .panels,.visual .window-bottom,.photo-tag{display:none}
.studio-art .workspace{height:350px;padding:16px;gap:0;background:#555}
.studio-art .photo img{object-fit:contain}
.studio-art .photo{background:#555}
.vector-art .workspace{height:350px;padding:16px;background:#555;display:flex;flex-direction:column;gap:12px}
.vector-art .artboard{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vector-art .artboard img{width:100%;height:100%;object-fit:contain}
.publish-art .paper{background:#f4f0e5;color:#272c2a;margin:17px auto 0 auto;width:85%;height:335px;overflow:hidden;font-family:Georgia,serif;display:flex;align-items:flex-end;justify-content:center;padding:0}
.publish-art .paper img{width:auto;height:auto;max-width:100%;object-fit:none}
.collage-art .collage-board{height:350px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px;background:#555}
.collage-art .collage-board img{width:100%;height:100%;object-fit:contain}
.inspire-art .inspire-board{height:350px;background:#18191f;overflow:hidden}
@media(max-width:620px){.studio-art .workspace,.vector-art>svg,.collage-art .collage-board,.inspire-art .inspire-board,.publish-art .paper{height:265px}}

/* A shared grid row keeps all slides exactly the same height. */
body{font-family:Roboto,Arial,sans-serif}.hero{position:relative}.carousel-viewport{overflow:hidden;touch-action:pan-y pinch-zoom}.slides{display:grid;grid-template-columns:repeat(5,100%);align-items:stretch;transition:transform 550ms cubic-bezier(.22,.7,.25,1);will-change:transform}.slide{min-width:0;height:100%}.slide[data-product="studio"]{--accent:#32b8ff}.slide[data-product="vector"]{--accent:#ffab40}.slide[data-product="publish"]{--accent:#2bd4c5}.slide[data-product="collage"]{--accent:#b48aff}.slide[data-product="inspire"]{--accent:#f59e0b}.product{font-size:14px;letter-spacing:1.2px}.product strong{font-weight:700}.carousel-arrow{position:absolute;top:48%;z-index:2;width:32px;height:48px;padding:0;border:0;border-radius:0;background:transparent;color:#d9e1ef;font-size:30px;opacity:0;transition:opacity .2s,background .2s}.carousel-arrow.previous{left:8px}.carousel-arrow.next{right:8px}.hero:hover .carousel-arrow,.hero:focus-within .carousel-arrow,.carousel-arrow:focus-visible{opacity:.8}.carousel-arrow:hover{opacity:1!important;color:#fff}@media(hover:none){.carousel-arrow{opacity:.65}}@media(max-width:620px){.carousel-arrow{width:23px;height:38px;font-size:25px;top:53%}.carousel-arrow.previous{left:2px}.carousel-arrow.next{right:2px}.product{font-size:13px}}@media(prefers-reduced-motion:reduce){.slides{transition:none}}