:root{color-scheme:dark;--bg:#100d19;--panel:#1d1729;--ink:#f4effa;--muted:#b9aecb;--line:#392c4b;--gold:#f4c95d;--blue:#18b7f5;--pink:#ff3566;--violet:#c067ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:radial-gradient(ellipse at 77% 13%,#49266848,transparent 37%),var(--bg);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}a[aria-disabled=true]{cursor:default;opacity:.65}a:not([aria-disabled=true]):hover{color:#fff}p,h1,h2,h3,figure{margin:0}p{color:var(--muted)}.wrap{max-width:1320px;margin-inline:auto;padding-inline:42px}.topbar{min-height:94px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #b39bcc16}.brand svg{width:145px;height:55px;display:block}.topbar nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.nav-buy{border:1px solid #725c8b;padding:9px 17px;border-radius:7px}.hero{display:grid;grid-template-columns:.76fr 1.24fr;gap:42px;align-items:center;padding-block:54px 46px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.19em;color:var(--gold);line-height:1.6}.hero h1{font-size:clamp(43px,4.8vw,66px);font-weight:760;letter-spacing:-.055em;line-height:1.04;margin:19px 0 23px}.hero h1 span{background:linear-gradient(100deg,#cc82ff,#27bfff);background-clip:text;-webkit-background-clip:text;color:transparent}.subtitle{font-size:19px;color:#e6dcec;line-height:1.45;letter-spacing:-.015em;margin-bottom:14px}.intro{font-size:15px;max-width:380px}.hero-actions{display:flex;gap:21px;align-items:center;margin-top:26px;flex-wrap:wrap}.button{display:flex;justify-content:center;align-items:center;gap:18px;background:#352842;border:1px solid #715b84;padding:12px 18px;border-radius:7px;font-size:13px;line-height:1.4;font-weight:650;min-height:44px}.button.primary{background:var(--gold);border-color:var(--gold);color:#231a09}.button.primary:hover{color:#231a09;background:#ffe08b}.text-link{font-size:12px;color:#dac8ed;text-decoration:underline;text-underline-offset:4px}.formats{margin-top:24px;font-size:12px;color:#d7cbe4}.formats span{font-size:11px;color:var(--muted)}.showcase{min-width:0;position:relative}.plugin{position:relative;overflow:hidden;border-radius:12px;border:1px solid #424050;box-shadow:0 24px 65px #0009,0 0 65px #a647ff12;line-height:0;background:#0c1016}.plugin img{display:block;width:100%;height:auto}.plugin canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.showcase figcaption{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:var(--muted);margin-top:13px}.live-dot{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--violet)}#motion-toggle{padding:5px 0 5px 10px;border:0;background:transparent;color:#d6c5e4;font-size:10px;text-decoration:underline;text-underline-offset:3px;min-height:32px}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;font-size:10px;color:var(--muted)}[hidden]{display:none!important}.preview-controls>div{display:flex;gap:5px}.preview-controls button{font-size:10px;background:#20172e;border:1px solid #503962;color:#cfbce0;padding:6px 10px;border-radius:5px;min-height:32px}.preview-controls button[aria-pressed=true]{background:#20354a;border-color:#327295;color:#8cdaff}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:26px 48px}.features article{border-top:1px solid var(--line);padding-top:19px}.feature-mark{display:flex;justify-content:space-between;color:#9e88b4;font-size:10px;letter-spacing:.14em;align-items:center;margin-bottom:9px}.feature-mark span{font-size:29px;line-height:1}.pink{color:var(--pink)}.gold{color:var(--gold)}.violet{color:var(--violet)}h2{letter-spacing:-.035em;font-size:30px;line-height:1.2;font-weight:650}.features h2{font-size:21px;margin-bottom:11px}.features p{font-size:13px;line-height:1.7}.editions{padding-block:32px 35px;background:linear-gradient(125deg,#261a3599,#1b162333);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.section-heading h2{margin-top:9px}.section-heading>p{font-size:13px;line-height:1.7}.edition-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:45px;align-items:start}.comparison{min-width:0}table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px}th,td{padding:10px 8px;border-bottom:1px solid #a382c022;text-align:center;vertical-align:middle}thead th{font-size:11px;color:#c7b6d8;font-weight:600;padding-top:0}th:first-child{width:74%;text-align:left;padding-left:0}tbody th{font-weight:550;color:#e8dfef;line-height:1.5}tbody th small{font-size:10px;color:var(--muted);display:block;font-weight:400;margin-top:1px}tbody td{font-size:16px;color:#cb9fee}tbody td:last-child{color:var(--gold)}tr:last-child>*{border:0}.purchase-options{display:grid;gap:12px}.purchase{border:1px solid #5c426e;background:#211a2c;border-radius:11px;padding:19px 21px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.purchase h3{font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.025em}.purchase h3 span{font-weight:400;color:#bd9ed4}.purchase p{font-size:11px;margin-top:6px}.purchase .button{font-size:12px;white-space:nowrap;gap:12px}.purchase.pro{border-color:#856635;background:linear-gradient(115deg,#362537,#241d2a)}.purchase.pro h3 span{color:var(--gold)}.purchase.pro .eyebrow{font-size:8px;margin:0 0 6px;color:var(--gold)}.small{font-size:11px;color:var(--muted)}.purchase-status{text-align:center}.edition-note{font-size:10px;margin-top:22px;max-width:850px}.availability{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-block:40px;align-items:start}.availability h2{font-size:25px;margin-top:10px}.platform h3{font-size:15px;margin-bottom:5px}.platform p{font-size:12px;line-height:1.8}.platform a{display:inline-block;font-size:10px;margin-top:9px;color:#dac5ed}.app-store{display:flex;align-items:center;gap:23px;padding-block:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.app-store>img{object-fit:contain;width:76px;height:76px}.app-store .eyebrow{font-size:9px;color:#b99cd4}.app-store h2{font-size:23px;margin-top:3px}.app-store p:not(.eyebrow){font-size:12px;margin-top:3px}.store-link{margin-left:auto;background:#090a0e;border:1px solid #63566f;border-radius:9px;padding:9px 20px;display:flex;align-items:center;gap:13px;line-height:1.1;font-size:23px;white-space:nowrap}.store-link small{display:block;font-size:10px;line-height:1.5}.store-symbol{font-size:27px;color:#cdbade}footer{display:flex;align-items:center;gap:25px;padding-block:24px;font-size:10px;color:#9e8eaf}footer .company{display:flex;align-items:center;gap:6px}footer .company img{margin-right:7px}footer strong{color:var(--blue);font-weight:550}footer>a:last-child{margin-left:auto}.skip{position:fixed;top:-100px;left:16px;background:var(--bg);padding:12px;z-index:10}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.hero{gap:55px;padding-block:58px}.hero h1{font-size:68px}}
@media(max-width:1050px){.wrap{padding-inline:28px}.hero{gap:28px;grid-template-columns:.8fr 1.2fr}.hero h1{font-size:47px}.subtitle{font-size:17px}.intro{font-size:13px}.hero-actions{gap:14px}.hero-actions .button{font-size:12px}.features{gap:26px}.edition-layout{gap:25px}.purchase{grid-template-columns:1fr;padding:17px}.purchase .button{padding:9px}.availability{gap:25px}}
@media(max-width:760px){.wrap{padding-inline:22px}.topbar{min-height:78px;gap:14px}.brand svg{width:116px;height:46px}.topbar nav{gap:16px;font-size:11px}.nav-buy{display:none}.hero{grid-template-columns:1fr;padding-block:35px 30px;gap:30px}.hero-copy{text-align:center}.hero h1{font-size:clamp(47px,10vw,67px);margin:14px 0 18px}.subtitle{font-size:19px}.intro{max-width:430px;margin:auto;font-size:14px}.hero-actions{justify-content:center;margin-top:20px}.formats{margin-top:19px}.showcase{width:100%;max-width:600px;margin:auto}.features{gap:22px;padding-block:10px 32px}.features h2{font-size:17px}.features p{font-size:12px}.section-heading{align-items:start;gap:16px}.section-heading>p{font-size:11px}.section-heading h2{font-size:27px}.edition-layout{grid-template-columns:1fr;gap:24px}.purchase-options{grid-template-columns:1fr 1fr;gap:12px}.purchase{padding:17px}.purchase-status{grid-column:1/-1}.availability{grid-template-columns:1fr 1fr;gap:20px;padding-block:30px}.availability>div:first-child{grid-column:1/-1}.availability h2{font-size:24px}.app-store{gap:16px;flex-wrap:wrap}.app-store>img{width:60px;height:60px}.app-store h2{font-size:21px}.store-link{font-size:19px;padding:9px 15px}.app-store p:not(.eyebrow){font-size:11px}.app-store>div{flex:1}footer{gap:15px;flex-wrap:wrap}footer>a:last-child{margin-left:0}}
@media(max-width:450px){.wrap{padding-inline:18px}.topbar nav{gap:12px;font-size:10px}.hero h1{font-size:48px}.features{grid-template-columns:1fr;gap:18px}.features article{padding-top:12px}.feature-mark{float:right;width:40px;gap:10px;margin-left:15px}.feature-mark span{font-size:25px}.features h2{font-size:20px;margin-bottom:7px}.features p{font-size:13px}.section-heading{display:block}.section-heading>p{margin-top:13px}.section-heading>p br{display:none}.purchase-options{gap:9px}.purchase{padding:14px 12px}.purchase h3{font-size:17px}.purchase p{font-size:10px}.purchase .button{padding:10px;font-size:11px}.preview-controls{flex-wrap:wrap}.preview-controls button{padding:6px 9px}.edition-note{font-size:10px}.app-store .store-link{margin-left:76px}.app-store>div{min-width:180px}footer>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Interactive enlargement and module explanations. */
.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 15px}.showcase-heading>div>p:last-child{font-size:12px;margin-top:3px}.showcase-heading .eyebrow{font-size:9px;color:#cab0e5}#enlarge-preview{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 14px;font-size:12px;color:#efe3fa;background:#2b203b;border:1px solid #6b5085;border-radius:8px}#enlarge-preview:hover{background:#3d2c51}#enlarge-preview svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.viewer-surface{position:relative;isolation:isolate;width:100%}.hotspots{position:absolute;inset:0}.hotspot{position:absolute;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;cursor:help;touch-action:manipulation}.hotspot:hover,.hotspot:focus-visible,.hotspot[aria-expanded=true]{background:#26aafa0b;border-color:#58c9ff9c;box-shadow:inset 0 0 25px #23b7ff0b}.hotspot:focus-visible{outline-offset:0}.hotspot::after{content:"i";position:absolute;right:5px;top:5px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#172c3d;border:1px solid #6abadd;color:#c6edff;font:600 11px/1 sans-serif;opacity:0}.hotspot:hover::after,.hotspot:focus-visible::after,.hotspot[aria-expanded=true]::after{opacity:1}.module-hint{position:absolute;z-index:5;width:310px;max-width:calc(100% - 16px);padding:17px 36px 17px 18px;border:1px solid #8063a1;border-radius:11px;box-shadow:0 12px 35px #0009;background:#21182ff5;backdrop-filter:blur(15px);line-height:1.5;color:#f3eafa}.module-hint strong{font-size:15px;display:block;color:var(--gold);margin-bottom:6px}.module-hint p{font-size:13px;color:#e1d4ec}.module-hint>button{position:absolute;right:5px;top:5px;width:29px;height:29px;background:none;border:0;color:#c3afd7;font-size:22px}.preview-controls{font-size:12px}.preview-controls button{font-size:11px;min-height:36px;padding:7px 12px}.showcase figcaption{font-size:11px}#motion-toggle{font-size:11px;min-height:36px}dialog{color:var(--ink)}#preview-dialog{width:min(1600px,96vw);max-width:none;max-height:94dvh;padding:0;border:1px solid #67517d;border-radius:15px;background:#15101f;box-shadow:0 24px 100px #000b;overflow:hidden}#preview-dialog::backdrop{background:#08050dde;backdrop-filter:blur(8px)}.zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;border-bottom:1px solid var(--line)}.zoom-toolbar h2{font-size:19px;letter-spacing:-.02em}.zoom-toolbar p{font-size:11px;margin-top:4px}.zoom-actions{display:flex;align-items:center;gap:9px;font-size:12px}.zoom-actions select,.zoom-actions button,.zoom-bottom button{font:inherit;border:1px solid #6d527f;border-radius:6px;background:#2b2138;color:#f0e7f8;min-height:38px;padding:7px 12px}.zoom-actions select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.zoom-scroll{overflow:auto;max-height:calc(94dvh - 150px);overscroll-behavior:contain;padding:18px;scrollbar-color:#775293 #171021}.zoom-scroll #viewer-surface{margin:auto;max-width:none}.zoom-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.zoom-bottom button{font-size:11px;padding:5px 12px;min-height:32px}.preview-placeholder{width:100%}
@media(max-width:760px){.showcase-heading{align-items:center}.showcase-heading>div>p:last-child{font-size:11px}#enlarge-preview{font-size:11px;padding:7px 10px;gap:6px}.zoom-toolbar{padding:14px;align-items:start;flex-wrap:wrap}.zoom-toolbar h2{font-size:17px}.zoom-actions{margin-left:auto}.zoom-scroll{padding:10px;max-height:calc(94dvh - 190px)}.zoom-bottom{padding:9px 14px}.module-hint{width:290px;padding:14px 32px 14px 15px}.module-hint strong{font-size:14px}.module-hint p{font-size:12px}.hotspot::after{width:15px;height:15px;right:2px;top:2px;font-size:9px}}
@media(max-width:450px){.showcase-heading .eyebrow{font-size:8px}.showcase-heading>div>p:last-child{max-width:155px;font-size:10px}.preview-controls>div{flex-wrap:wrap}.preview-controls button{font-size:10px;padding:6px 9px}.preview-controls{font-size:11px}.module-hint{max-width:calc(100% - 12px)}.zoom-actions{margin-left:0}.zoom-toolbar>div:first-child{width:100%}}