:root{--gold:#ebc181;--gold-soft:#e5b66d;--accent:#d2bcfa}body{background:radial-gradient(ellipse at 8% 700px,#674b9420,transparent 35%),#090e15}.siteHeader{height:90px;gap:26px;background:#090e15f2;box-shadow:0 1px 0 #b495dd0d}.siteHeader nav{font-size:14px}.brand b{font-size:27px}.brand small{font-size:10px}.brand img{width:55px;height:55px}#accountTrigger{font-size:14px}#accountName{max-width:115px}.languages button{font-size:11px}.download.small{font-size:13px}.dropdown .gold{border:1px solid #ddb56d35;background:linear-gradient(115deg,#ac7b3438,#76539220);color:#f4ce8a}.dropdown .gold:hover{background:linear-gradient(115deg,#ac7b3455,#76539233)}
.heroScene{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #b99adc12}.heroBackdrop{position:absolute;inset:0;z-index:-2;background:#0d1421}.heroBackdrop video{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.43;filter:saturate(.82)}.heroScrim{position:absolute;inset:0;background:linear-gradient(90deg,#090e15 0,#090e15e8 30%,#090e1570 70%,#090e1590),linear-gradient(0deg,#090e15 0,transparent 35%,#090e1550 100%)}.hero{min-height:680px;max-width:1400px;padding:75px 56px 45px;gap:70px}.hero h1{font-size:clamp(48px,4.7vw,72px)}.heroCopy>p{font-size:18px;line-height:1.75;max-width:500px}.heroCopy>small{font-size:13px;color:#a7b6c9}.hero .textLink{font-size:15px}.heroActions{gap:25px}.heroActions .download{font-size:17px}.drawStage{height:500px;background:radial-gradient(ellipse at center,#b693ee28,transparent 70%)}.stageCaption{font-size:12px;letter-spacing:1.5px}.stageCaption>span{font-size:11px;color:#b4bdd0;letter-spacing:1.1px}.demoCards{height:390px;perspective:1100px}.backCard{position:absolute;height:340px;width:auto;border-radius:18px;box-shadow:0 35px 55px #0009;object-fit:contain}.backCardLeft{transform:translateX(-125px) rotate(-13deg);opacity:.6;z-index:0;height:300px}.backCardMain{height:358px;z-index:2;transform:rotate(-4deg);animation:cardFloat 7s ease-in-out infinite}.backCardRight{transform:translateX(125px) rotate(13deg);opacity:.6;z-index:0;height:300px}.stageBottom{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;text-align:center;font-size:16px;font-weight:750;color:#d8cce9}.stageBottom b{font-size:23px;letter-spacing:-.3px;color:#f4ecff}.heroLower{max-width:1288px;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 0 28px;gap:20px;color:#a5b5cd;font-size:11px;font-weight:850;letter-spacing:1.6px}.heroLower button{color:#b7c6da;background:#070b1280;border:1px solid #ffffff20;border-radius:20px;padding:8px 13px;font-size:12px;font-weight:750;letter-spacing:0}.heroLower button:hover{border-color:#c9b6eb60;color:white}.eyebrow{font-size:12px;letter-spacing:2px}.steps{max-width:1400px;border-top:0;padding:80px 56px}.sectionTitle h2{font-size:38px;margin-bottom:34px}.stepGrid{gap:22px}.stepGrid article{overflow:hidden;padding:0;border:1px solid #c6afee1a;background:linear-gradient(150deg,#d2bcfa08,#11162000);box-shadow:0 18px 42px #0002;transition:border-color .2s,transform .2s}.stepGrid article:hover{border-color:#d0b4f55e;transform:translateY(-4px)}.stepScreen{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid #c6afee15!important;background:#070a10!important}.stepScreen img{width:100%;height:100%;object-fit:cover;object-position:top}.stepScreen>span{position:absolute;right:10px;bottom:10px;border:1px solid #ffffff30;background:#090e15b0;border-radius:50%;display:grid;place-items:center;width:30px;height:30px;font-size:19px;color:white}.screenshotButton{display:block;border:0;padding:0;width:100%;background:transparent;cursor:zoom-in;line-height:0}.screenshotButton img{display:block;width:100%}.stepText{padding:26px}.stepText>span{font-size:14px;font-weight:900;color:#b9a1df}.stepText h3{font-size:23px;line-height:1.25;margin:14px 0 12px}.stepText p{font-size:15px;line-height:1.75}
.together{display:block;max-width:1288px;margin:10px auto 70px;padding:48px;background:radial-gradient(ellipse at 0 0,#9163d719,transparent 60%),linear-gradient(140deg,#141a27,#0d121c);border-color:#bf9eea26;box-shadow:0 20px 80px #0003}.togetherIntro{max-width:810px}.togetherIntro h2{max-width:none;font-size:40px;margin:18px 0}.togetherIntro p{font-size:17px;line-height:1.8;max-width:790px}.togetherTags{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0 35px}.togetherTags span{color:#9cd5c4;border:1px solid #75c9a42a;background:#75c9a40b;padding:7px 12px;border-radius:20px;font-size:13px;font-weight:800}.togetherTags span+span{color:#e7c490;border-color:#e7c4903c;background:#e7c49009}.duoScreens{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.duoScreens figure{margin:0;border:1px solid #b99de644;border-radius:12px;overflow:hidden;background:#090e17;box-shadow:0 20px 50px #0003}.duoScreens .duoStats{margin-top:72px;border-color:#dbb67a44}.duoScreens figcaption{position:relative;padding:18px 20px;line-height:1.5;background:linear-gradient(120deg,#aa83dd16,#090e17)}.duoScreens figcaption b{font-size:17px;display:block;color:#eee5fa}.duoScreens figcaption span{display:block;font-size:14px;color:#a4b6ce;margin-top:4px}.duoScreens figcaption i{float:right;width:7px;height:7px;border-radius:50%;background:#81d3b3;box-shadow:0 0 15px #81d3b370;margin-top:8px}.duoStats figcaption{background:linear-gradient(120deg,#b0843c16,#090e17)}.together>.textLink{display:inline-block;margin-top:30px;font-size:15px}
.premiumTeaser{max-width:1288px;margin:50px auto 80px;padding:45px 48px;border-radius:18px;border:1px solid #c9a06562;background:radial-gradient(ellipse at right top,#bb8e4950,transparent 70%),linear-gradient(110deg,#211c27,#201a1c);display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:0 0 75px #bc8f3c0a}.premiumTeaser .eyebrow{color:#efc887}.premiumTeaser h2{font-size:32px;line-height:1.25;max-width:500px;margin:16px 0}.premiumTeaser p{font-size:15px;color:#bcb3bd}.goldButton{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border:1px solid #f4d397;border-radius:8px;background:linear-gradient(110deg,#f3d89c,#d6a65e);color:#2b2018;font-size:14px;font-weight:900;box-shadow:0 10px 30px #b1853c22}.teaserPrice{flex-shrink:0;color:#efcf95;text-align:right}.teaserPrice>span{font-size:10px;letter-spacing:1.5px;font-weight:900}.teaserPrice>strong{display:block;font-size:57px;line-height:1.2;font-weight:900;letter-spacing:-1.3px;margin:10px 0}.teaserPrice small{font-size:18px;letter-spacing:0}.teaserPrice p{font-size:12px;color:#c6af8a}.finalCta h2{font-size:36px}.finalCta>img{width:85px}.finalCta .download{font-size:17px}.textLink:hover{color:white}.screenshotDialog{width:min(1400px,96vw);max-height:95vh;padding:36px 16px 16px;border-radius:14px;background:#090e15;overflow:auto}.screenshotDialog>img{max-width:100%;max-height:83vh;object-fit:contain;margin:auto;display:block}.screenshotDialog::backdrop{background:#04060bf0;backdrop-filter:blur(7px)}
.premiumPage{background:radial-gradient(ellipse at 78% 10%,#b2874940,transparent 42%),radial-gradient(ellipse at 5% 0,#7656962b,transparent 40%),linear-gradient(145deg,#241b21,#0d1018 58%,#090e15);background-attachment:fixed}.premiumPage .siteHeader{background:#100f16db;border-bottom-color:#d6b77922}.premiumPage #subpage{position:relative;isolation:isolate;max-width:1100px;padding-top:76px}.premiumPage #subpage>h1{position:relative;max-width:770px;font-size:47px;font-weight:900;line-height:1.15;color:#f8efdf;z-index:1}.premiumEyebrow{color:#efcc93}.premiumHeroArt{position:absolute;top:8px;right:25px;z-index:-1;opacity:.18;transform:rotate(20deg);pointer-events:none;filter:drop-shadow(0 0 30px #d2ab7240)}.premiumHeroArt img{width:150px;border-radius:12px}.premiumPage .lead{color:#c9bacc;max-width:700px;font-size:18px}.planGrid{margin-top:50px;gap:25px}.planGrid article{padding:32px;position:relative;background:radial-gradient(at top left,#9f7cc522,transparent 65%),linear-gradient(145deg,#201d2a,#111622);border-color:#ad91d34a;border-radius:17px;gap:0;box-shadow:0 20px 45px #0003}.planGrid .annualPlan{background:radial-gradient(ellipse at 90% 0%,#e7b86b3b,transparent 65%),linear-gradient(145deg,#3e2f23,#1c1820 75%);border-color:#e2bd7db0;box-shadow:0 0 50px #b7853213,inset 0 1px 0 #ffe8b120}.planGrid article .eyebrow{color:#c9b1ec;font-size:11px}.planGrid .annualPlan .eyebrow{color:#f0ce93}.planGrid article h2{font-size:29px;margin:18px 0 10px}.planGrid article .planPitch{font-size:15px;margin:0 0 27px;color:#bdb1ca}.planGrid .annualPlan .planPitch{color:#d1bca1}.planPrice{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:0 0 13px}.planPrice strong{font-size:54px;font-weight:900;letter-spacing:-2px;color:#f4eaff;line-height:1.1}.planPrice span{font-size:15px;color:#bba9c9}.annualPlan .planPrice strong{color:#f2cc85;font-size:59px}.annualPlan .planPrice span{color:#ddc6a5}.bestValue{position:absolute;top:-14px;right:25px;background:linear-gradient(110deg,#f7dfaa,#d2a15e);border:1px solid #f9dda6;color:#392919;border-radius:20px;padding:6px 13px;font-size:11px;font-weight:900;letter-spacing:.7px}.planGrid article .savingTag,.planGrid article .billingLine{font-size:13px;line-height:1.5;margin:0 0 17px;padding:5px 0}.planGrid article .savingTag{color:#f1cf90;background:#dfb76f1a;border:1px solid #dfb76f3d;border-radius:6px;padding:5px 10px;font-weight:900}.planGrid ul{list-style:none;padding:0;margin:10px 0 28px;display:grid;gap:13px;font-size:15px;color:#cdc1d6}.planGrid li{display:flex;gap:10px;align-items:center}.planGrid li>span{color:#bc9de7;font-weight:900}.annualPlan li>span{color:#e8bd77}.planGrid button.primary{margin-top:auto;width:100%;font-size:15px;min-height:48px;box-shadow:0 10px 30px #0003}.planGrid .annualPlan button.primary{background:linear-gradient(110deg,#f6dda5,#d5a35b);border-color:#f5d293;color:#322315;box-shadow:0 10px 30px #bc8c3f25}.planGrid article>small{margin-top:15px;font-size:12px;line-height:1.5;color:#a99cb7}.planGrid .annualPlan>small{color:#c4af90}.annualFootnote{font-size:13px;color:#bdab91;line-height:1.8;margin:20px 0 26px}.annualFootnote strong{color:#f0d6a8}.premiumPage .notice{border-color:#d9b77a;background:#c796400a;font-size:13px;color:#b7a8b5}.comparisonWrap{margin-top:58px}.comparisonWrap h2{font-size:29px;color:#f0e4d2;letter-spacing:-.5px;margin-bottom:10px}.comparisonWrap>p{font-size:15px;color:#b5aabf;margin-bottom:27px}.comparisonWrap table{font-size:15px}.comparisonWrap th,.comparisonWrap td{padding:17px 16px}.comparisonWrap thead th{font-size:16px}.comparisonWrap thead th:not(:first-child){text-align:center}.comparisonWrap thead th:last-child{background:#dcb3691f;color:#f4d195;border-radius:10px 10px 0 0}.comparisonWrap tbody th{font-weight:750}.premiumCell{background:#dcb3690b;border-left:1px solid #dcb3691c;color:#efd09b;min-width:145px}.freeCell{color:#a8a1b1;min-width:110px}.status{display:inline-grid;place-items:center;min-width:28px;min-height:28px;border-radius:7px;font-weight:800}.premiumCell .status.yes{background:#d4a95e26;color:#f5ce87;border:1px solid #d4a95e17}.freeCell .status.yes{color:#9dcac0}.freeCell .status.no{color:#716d7a}.comparisonWrap tbody tr:hover{background:#ffffff03}.premiumFaq{margin-top:48px}.premiumFaq h2{color:#e5d8c4;font-size:23px}.premiumFaq p{font-size:16px;line-height:1.8}.premiumPage footer{background:#080b12b0}
@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(-2deg)}}
@media(max-width:1400px){.heroLower{margin:0 56px}.together,.premiumTeaser{margin-left:56px;margin-right:56px}.hero{gap:35px}}@media(max-width:1100px){.hero{padding:65px 35px 40px;gap:25px}.hero h1{font-size:53px}.heroCopy>p{font-size:17px}.drawStage{transform:scale(.87);height:470px}.heroLower{margin:0 35px}.heroLower>span{font-size:10px}.together,.premiumTeaser{margin-left:35px;margin-right:35px}.premiumTeaser{padding:35px}.premiumTeaser h2{font-size:29px}.teaserPrice>strong{font-size:49px}.teaserPrice small{font-size:16px}.stepText{padding:22px}.stepText h3{font-size:21px}}
@media(max-width:800px){.siteHeader{height:auto;min-height:82px;gap:13px}.hero{padding:55px 28px 35px;grid-template-columns:1fr;gap:20px;min-height:0}.hero h1{font-size:57px}.heroCopy>p{font-size:17px}.drawStage{transform:none;max-width:500px;height:490px}.heroScrim{background:linear-gradient(0deg,#090e15 0,#090e15b3 35%,#090e15cf 100%),linear-gradient(90deg,#090e15e0,#090e1540)}.heroBackdrop video{opacity:.5}.heroLower{margin:0 28px;align-items:center;flex-wrap:wrap}.steps{padding:60px 28px}.sectionTitle h2{font-size:33px}.stepGrid{grid-template-columns:1fr}.stepScreen{aspect-ratio:16/8}.stepText{padding:26px}.stepText h3{font-size:25px}.stepText p{font-size:16px}.together{margin:0 28px 55px;padding:28px}.togetherIntro h2{font-size:33px}.duoScreens{gap:20px;grid-template-columns:1fr}.duoScreens .duoStats{margin-top:0}.togetherIntro p{font-size:16px}.premiumTeaser{margin:35px 28px 65px;padding:29px;flex-direction:column;align-items:start;gap:35px}.teaserPrice{text-align:left}.teaserPrice>strong{font-size:55px}.premiumTeaser h2{font-size:31px}.finalCta h2{font-size:32px}.premiumPage #subpage{padding-top:55px}.premiumPage #subpage>h1{font-size:37px}.premiumHeroArt{right:10px;top:5px}.premiumHeroArt img{width:100px}.planGrid{gap:28px}.planGrid article{padding:28px}.comparisonWrap table{font-size:13px}.comparisonWrap th,.comparisonWrap td{padding:13px 8px}.premiumCell{min-width:88px}.freeCell{min-width:65px}.comparisonWrap thead th{font-size:14px}.comparisonWrap h2{font-size:26px}.premiumFaq p{font-size:15px}}@media(max-width:420px){.hero h1{font-size:47px}.heroCopy>p{font-size:16px}.hero .download{font-size:15px}.hero .textLink{font-size:14px}.drawStage{height:430px}.stageCaption{font-size:11px;letter-spacing:.8px}.stageCaption>span{font-size:9px}.demoCards{height:330px;transform:scale(.86)}.stageBottom b{font-size:21px}.stageBottom span{font-size:15px}.together{padding:22px}.togetherIntro h2{font-size:29px}.duoScreens figcaption{padding:16px}.duoScreens figcaption b{font-size:16px}.premiumTeaser{padding:24px}.premiumTeaser h2{font-size:29px}.planPrice strong{font-size:47px}.annualPlan .planPrice strong{font-size:50px}.planGrid article{padding:25px}.comparisonWrap table{font-size:12px}.comparisonWrap th,.comparisonWrap td{padding:13px 6px}.eyebrow{font-size:10px}.heroLower{gap:12px}}
@media(prefers-reduced-motion:reduce){.backCardMain{animation:none}.stepGrid article{transition:none}.stepGrid article:hover{transform:none}}
