/* Approved three-page composition, with separate artwork for every product. */
header,.wrap,footer{max-width:1440px}header{gap:60px;padding:0 46px}.wrap{padding:0 46px}
body{background:radial-gradient(ellipse at 22% 80%,#fff 0,transparent 55%),linear-gradient(135deg,#e8f5ff,#f7fcff 55%,#dfedff)}
.hero{min-height:clamp(690px,67.5vw,920px);background-image:linear-gradient(90deg,#f3faff50,transparent 65%),url('assets/hero.png');background-position:center;background-size:cover}
.hero-content{max-width:660px;padding:30px 0 245px}.hero-logo{width:650px;height:155px;max-width:112%;transform:translateX(-78px)}
.hero h1{font-size:clamp(26px,2.55vw,36px);white-space:nowrap;margin:12px 0 34px;letter-spacing:0}.hero p{font-size:21px;line-height:1.65}.hero .actions{gap:22px}.hero .primary,.hero .secondary{font-size:19px;padding:13px 30px;min-height:54px}
.hero .wrap{position:relative}.hero-labels{position:absolute;right:48px;top:70px;display:grid;gap:10px;transform:perspective(600px) rotateY(-14deg) rotate(-6deg)}
.hero-labels span{display:flex;align-items:center;gap:16px;padding:10px 24px;color:white;font-size:20px;letter-spacing:3px;border:1px solid #fff9;background:linear-gradient(120deg,#ffffff26,#9bccff20);border-radius:10px;box-shadow:inset 0 1px 0 #fff8;backdrop-filter:blur(8px);text-shadow:0 1px 4px #276194}
.hero-labels svg{width:26px;height:26px}
.benefits{margin-top:-75px;padding:25px 24px;min-height:132px}.benefit{gap:18px}.benefit .icon{width:70px;height:70px}.benefit .icon svg{width:36px;height:36px}.benefit h3{font-size:22px}.benefit p{font-size:16px}
.section-title{margin:45px 0 24px}.section-title h2{font-size:40px;display:flex;gap:24px;align-items:center;justify-content:center}.section-title h2:before,.section-title h2:after{content:'';width:70px;height:1px;background:linear-gradient(90deg,transparent,#0089ff)}.section-title h2:after{transform:rotate(180deg)}.section-title p{font-size:20px}
.products{gap:20px}.product{padding:25px 20px 24px;border-radius:22px;background:linear-gradient(125deg,#ffffffab,#e9f6ff75 48%,#ffffffbf);box-shadow:inset 0 1px 0 white,0 12px 40px #278ad112}
.wordmark{font-size:44px;letter-spacing:-1px}.product>p{font-size:18px;font-weight:600}.product-art{height:auto;aspect-ratio:1.72;background-size:cover;background-position:center!important;border-radius:0;margin:16px -20px 5px}.product-art::after{box-shadow:inset 0 14px 22px #eff8ff80,inset 0 -12px 16px #eff8ff90}
.product-art.main{background-image:url('assets/product-main.png')}.product-art.lg{background-image:url('assets/product-lg.png')}.product-art.new{background-image:url('assets/product-new.png')}
.product>.tags{margin:17px -10px 22px;font-size:14px}.tags svg{width:22px;height:22px}.product .primary,.product .secondary,.product .actions .update{font-size:16px;min-height:46px;padding:9px 22px}
.page-hero{min-height:390px;margin-top:-88px;padding-top:140px;padding-bottom:95px;background-image:linear-gradient(90deg,#eaf7ff90,transparent 75%),url('assets/features-hero.png');background-position:center;background-size:cover}
.page-hero h1{font-size:clamp(40px,4.3vw,58px);font-weight:800;line-height:1.28;margin-bottom:14px}.page-hero p{font-size:24px}
.tabs{min-width:690px;margin-top:-32px;padding:8px;gap:10px;border-radius:36px}.tabs button{flex:1;font-size:21px;padding:10px 30px}
.feature-main{min-height:420px;padding:35px;background-image:url('assets/features-art.png');background-position:center;background-size:cover;border:1px solid #fff}.feature-main.art-lg{background-image:linear-gradient(90deg,#edf8fff2 30%,#eff9ff22),url('assets/product-lg.png')}.feature-main.art-new{background-image:linear-gradient(90deg,#edf8fff2 30%,#eff9ff22),url('assets/product-new.png')}
.feature-main .wordmark{font-size:66px}.feature-main>p{font-size:25px;font-weight:600;margin:5px 0 20px}.feature-main>.tags{gap:10px;margin:25px 0 30px;max-width:650px}.feature-main>.tags span{font-size:18px;padding:20px 15px;background:#ffffff9c;border:1px solid white;backdrop-filter:blur(8px)}.feature-main>.tags svg{width:36px;height:36px}
.steps{padding:28px;margin:18px 0}.step strong{width:76px;height:76px;flex-basis:76px;font-size:30px}.step h3{font-size:22px}.step p{font-size:16px}.step+.step:before{content:'›';font-size:32px;color:#0785ff;margin-right:12px}
.two .product-art{height:auto;aspect-ratio:2.05}.two .wordmark{font-size:48px}.two .tags{font-size:18px;margin-top:18px}.two .tags svg{width:32px;height:32px}.two .product{padding-top:24px}.cta{background:linear-gradient(90deg,#eef9ff75,#ffffffb5),url('assets/features-hero.png') center/cover;padding:28px 40px}.cta h2{font-size:30px}.cta p{font-size:18px}
body[data-page=downloads]{background-image:linear-gradient(#e7f4ffdd,#eef8ffcc),url('assets/download-art.png');background-size:cover;background-attachment:fixed}
body[data-page=downloads] .page-hero{min-height:340px;padding-bottom:70px;background-image:linear-gradient(90deg,#eaf7ffdd,#edf8ff55),url('assets/download-art.png');background-position:center 38%}
.download-main{margin-top:-15px;min-height:365px;background-image:url('assets/download-art.png');background-position:center;background-size:cover;padding:34px 42px}.download-card .wordmark{font-size:68px}.download-card>p{font-size:25px;font-weight:600;margin:5px 0 20px}.download-card .tags{font-size:19px;gap:23px;margin:27px 0}.download-card .tags svg{width:33px;height:33px}.download-card .primary{font-size:20px;padding:12px 28px}.downloads-grid .tags{order:0}.downloads-grid .product{display:flex;flex-direction:column}.downloads-grid .product-art{order:2;margin:0 -20px 12px}.downloads-grid .tags{order:1}.downloads-grid .actions{order:3}.downloads-grid .release-note{order:4;font-size:14px;margin:12px 0 0}.downloads-grid .product>p{display:none}
.faq{padding:28px 40px;background:linear-gradient(120deg,#ffffffa6,#deefff85);border:1px solid white}.faq h2{font-size:30px}.faq summary{font-size:20px;list-style:none;display:flex;align-items:center;gap:18px}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:'?';width:28px;height:28px;line-height:28px;text-align:center;color:#0577ff;border:2px solid #0577ff;border-radius:50%;font-size:21px;flex-shrink:0}.faq summary:after{content:'+';margin-left:auto;color:#007aff;font-size:26px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:17px;padding:12px 18px;background:linear-gradient(100deg,#ddecff80,#e8f5ff50);border-radius:10px}.faq .note{font-size:16px}.details{background:linear-gradient(125deg,#ffffff85,#b9dcff55 55%,#edf8ff70)}
@media(max-width:1100px){header{gap:42px}.hero-labels{right:26px;padding:0;top:55px}.hero-labels span{font-size:16px;padding:7px 12px}.wrap{padding:0 30px}.wordmark{font-size:34px}.two .wordmark{font-size:42px}.product>.tags{font-size:12px;gap:5px}.benefit h3{font-size:18px}.benefit p{font-size:14px}.benefit .icon{width:52px;height:52px}.feature-main>.tags span{font-size:15px;padding:14px 10px}.feature-main>.tags svg{width:26px;height:26px}.feature-main>.tags{max-width:510px}.step h3{font-size:18px}.step p{font-size:14px}.step strong{width:60px;height:60px;flex-basis:60px}}
@media(max-width:800px){header{padding:0 18px;gap:20px}.wrap{padding:0 18px}.hero{min-height:640px;background-image:linear-gradient(90deg,#f2f9fff2,#edf7ffd4),url('assets/hero.png')}.hero-content{padding:35px 0 110px;max-width:100%}.hero-logo{width:100%;max-width:100%;height:100px;transform:none}.hero h1{white-space:normal;font-size:25px}.hero p{font-size:17px}.hero .primary,.hero .secondary{font-size:16px;padding:10px 20px}.hero-labels{display:none}.benefits{margin-top:-55px;padding:16px}.benefit .icon{width:56px;height:56px}.section-title h2{font-size:27px;gap:12px}.section-title h2:before,.section-title h2:after{width:24px}.section-title p{font-size:16px}.wordmark,.two .wordmark{font-size:37px}.product>p{font-size:16px}.product>.tags,.two .tags{font-size:13px}.two .tags svg{width:23px;height:23px}.product-art,.two .product-art{aspect-ratio:1.8}.page-hero{margin-top:-74px;min-height:350px;padding:120px 0 70px;background-image:linear-gradient(90deg,#edf8fff0,#edf8ff99),url('assets/features-hero.png')}.page-hero h1{font-size:32px}.page-hero p{font-size:17px}.tabs{min-width:0;width:100%;gap:3px}.tabs button{padding:9px 8px;font-size:14px}.feature-main{padding:25px;min-height:370px;background-image:linear-gradient(90deg,#f0f9ffe6,#eaf5ff90),url('assets/features-art.png')}.feature-main .wordmark,.download-card .wordmark{font-size:42px}.feature-main>p,.download-card>p{font-size:19px}.feature-main>.tags{max-width:100%;gap:8px}.feature-main>.tags span{font-size:13px;padding:10px}.feature-main>.tags svg{width:20px;height:20px}.steps{padding:24px}.step+.step:before{display:none}.two .product{padding-top:25px}.cta{padding:24px}.cta h2{font-size:26px}.cta p{font-size:16px}body[data-page=downloads] .page-hero{min-height:300px}.download-main{padding:26px;min-height:350px;background-image:linear-gradient(90deg,#f2f9ffdd,#f2f9ff66),url('assets/download-art.png')}.download-card .tags{font-size:14px;gap:12px}.download-card .tags svg{width:23px;height:23px}.download-card .primary{font-size:16px}.faq{padding:22px}.faq h2{font-size:26px}.faq summary{font-size:17px;gap:12px}.faq details p{font-size:15px}.faq .note{font-size:14px}}
body[data-page=downloads] .page-hero{background-image:linear-gradient(90deg,#eaf7fff0,#edf8ffbf),url('assets/product-lg.png');background-position:center 20%}