@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c0f0e;--surface:#141916;--line:#2a302b;--text:#f3f5f0;--muted:#a0aaa1;--accent:#c6fb74}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',sans-serif}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}::selection{background:var(--accent);color:var(--bg)}.wrap{max-width:1340px;margin:auto;padding-left:48px;padding-right:48px}.nav{height:100px;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:800 21px 'Manrope',sans-serif;letter-spacing:-.8px}.brand img{width:38px;height:42px;object-fit:contain}.brand-light{font-weight:400}.brand small{font-size:10px;letter-spacing:1px;color:var(--accent);margin-left:5px}.nav nav{display:flex;gap:30px;margin:auto;font-size:14px;color:#b9c1bb}.nav nav a:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 25px;border-radius:7px;background:var(--accent);color:#11170d;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#dbffa9;transform:translateY(-2px)}.small{min-height:42px;padding:10px 22px}.menu-toggle{display:none}.hero{padding-top:78px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;color:var(--accent);display:flex;align-items:center;gap:12px}.line{height:1px;width:35px;background:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(52px,6.7vw,96px);line-height:1.09;font-weight:500;letter-spacing:-5px;margin:24px 0 27px}h1 span,.closing h2 span{color:var(--accent)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:52px}.hero-bottom p{color:var(--muted);font-size:18px}.hero-bottom>div{display:flex;align-items:center;gap:28px}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid #5e685e;padding:5px 0}.showcase{border:1px solid #394337;border-radius:12px;overflow:hidden;background:#161917;box-shadow:0 0 100px -30px #9ce64721;transform:perspective(1600px) rotateX(2deg)}.window-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #30392e;color:#8d988f;font-size:10px;letter-spacing:1px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#465046}.sim{color:var(--accent);font-size:10px}.workspace{display:flex;min-height:330px}.workspace aside{width:175px;flex-shrink:0;padding:24px 14px;border-right:1px solid #30362e}.micro-label{font-size:10px;letter-spacing:1.5px;color:#939d92;margin-bottom:20px}.watch{padding:12px 10px;margin-bottom:5px;border-radius:4px;display:flex;flex-direction:column;font-size:12px}.watch span{font-size:10px;color:var(--muted)}.watch.selected{background:#25331d;border-left:2px solid var(--accent)}.scanner-chip{border-top:1px solid var(--line);padding-top:18px;margin-top:18px;color:var(--accent);font-size:11px}.chart{flex:1;min-width:0}.chart-toolbar{display:flex;justify-content:space-between;padding:14px 20px;font-size:11px;color:#a8b0a8}.chart-toolbar strong{font-size:13px;color:white}.chart-toolbar strong span{color:#8b958c;font-size:11px;margin-left:8px}.chart img{display:block;width:100%;height:290px;object-fit:cover;object-position:center}.chart-footer{display:flex;justify-content:space-between;padding:14px 20px;font-size:11px;color:#828d82;border-top:1px solid var(--line)}.under-showcase{display:flex;justify-content:space-between;padding:24px 0;color:#859083;font-size:12px}.section{padding-top:112px;padding-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}h2{font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1.16;letter-spacing:-2px}.section-heading h2,.faq h2{margin-top:20px}.section-heading p,.workflow p{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.feature{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(130deg,#182019,#121613);border-radius:12px;padding:36px}.feature-icon{font-size:30px;color:var(--accent);height:50px}.feature h3{font-size:26px;line-height:1.3;font-weight:500;letter-spacing:-.6px;margin:15px 0}.feature p{color:var(--muted);max-width:450px;font-size:15px}.feature.large{padding-bottom:170px}.chart-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chart-options span{font-size:12px;background:#222b21;padding:5px 10px;border-radius:4px;border:1px solid #374232}.mini-chart{position:absolute;bottom:0;left:0;width:100%;opacity:.9}.mini-chart svg{display:block;width:100%}.purple{background:radial-gradient(ellipse at 90% 20%,#36284380,transparent 70%),#17151b}.purple .feature-icon{color:#c6a2ff}.chat-sample{border:1px solid #42384d;background:#201c25;padding:18px;margin-top:30px;border-radius:9px;font-size:14px}.chat-sample>span{display:block;color:#b6a9c4;font-size:12px;margin-bottom:4px}.chat-sample div{margin-top:20px;display:flex;flex-direction:column;gap:4px}.chat-sample b{color:#d3b1ff;font-size:12px}.feature small{display:block;color:#879087;font-size:12px;margin-top:18px}.replay-demo{display:flex;align-items:center;gap:16px;background:#1c2c20;padding:15px;border-radius:8px;margin-top:26px}.replay-demo button{background:var(--accent);color:#10200c;width:34px;height:34px;border-radius:50%}.replay-demo input{flex:1;width:50px;accent-color:var(--accent)}.replay-demo span{font-size:12px;min-width:36px}.rule{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:25px}.rule span{font-size:13px;background:#222a23;border:1px solid #344336;border-radius:5px;padding:8px 14px}.rule b{font-size:10px;letter-spacing:2px;color:var(--accent);margin-left:16px}.workflow{margin-top:100px;padding:80px 0;background:#141916;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px}.workflow h2{margin:24px 0}.workflow em{font-style:normal;color:var(--accent)}.workflow .text-link{margin-top:28px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:25px 0}.steps li:first-child{padding-top:0}.steps li:last-child{border:0}.steps li>span{font-size:13px;color:var(--accent);padding-top:5px}.steps h3{font-size:21px;font-weight:500;margin-bottom:8px}.steps p{font-size:14px}.pricing-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #546944;border-radius:14px;overflow:hidden;background:linear-gradient(110deg,#1f2b1c,#131913 70%)}.price-main{padding:42px 50px}.plan-label{font-size:14px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:15px}.plan-label span{font-size:10px;color:var(--accent);border:1px solid #546944;border-radius:4px;padding:3px 7px}.billing{display:flex;background:#0c120c;border:1px solid #354330;border-radius:7px;padding:4px;width:fit-content;gap:3px;margin:28px 0}.billing button{padding:8px 13px;border-radius:4px;background:transparent;color:#aeb9a9;font-size:13px}.billing .active{background:#34412d;color:#f3f5f0}.billing span{font-size:10px;color:var(--accent);margin-left:5px}.price{display:flex;align-items:baseline;gap:10px}.price>span{font:500 74px/1.2 'Manrope',sans-serif;letter-spacing:-4px}.price small{font-size:15px;color:var(--muted)}#billing-detail{font-size:13px;color:var(--muted);margin:10px 0 26px}.trial-note{display:block;font-size:12px;color:var(--muted);margin-top:15px}.included{border-left:1px solid #34432c;padding:42px 50px}.included h3{font-size:21px;font-weight:500}.included ul{padding:0;list-style:none;margin:24px 0}.included li{margin:12px 0;font-size:15px}.included li:before{content:'✓';color:var(--accent);margin-right:12px}.included p{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.release-note{font-size:12px;color:#929d8b;margin-top:20px;display:flex;gap:15px;align-items:center}.release-note span{font-size:10px;letter-spacing:1px;color:var(--accent);white-space:nowrap}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding-bottom:100px}.answers details{border-bottom:1px solid var(--line);padding:21px 0}.answers summary{list-style:none;cursor:pointer;font-size:16px;display:flex;justify-content:space-between;gap:20px}.answers summary::-webkit-details-marker{display:none}.answers summary:after{content:'+';color:var(--accent);font-size:20px;line-height:1}.answers details[open] summary:after{content:'−'}.answers p{font-size:14px;color:var(--muted);padding-top:15px}.closing{text-align:center;padding-top:70px;padding-bottom:90px;border-top:1px solid var(--line);background:radial-gradient(ellipse at bottom,#2b42192b,transparent 65%)}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(42px,5vw,68px);margin:25px 0 32px}footer{padding-top:35px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line)}footer p,footer>span{color:var(--muted);font-size:12px}.risk{width:100%;color:#828b82;font-size:12px;border-top:1px solid #202720;padding-top:22px;margin-top:16px}dialog{color:var(--text);background:#161d17;border:1px solid #45563b;border-radius:15px;max-width:520px;width:calc(100% - 32px);padding:40px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:34px;margin:22px 0}dialog p{color:var(--muted);font-size:15px}.dialog-close{position:absolute;right:16px;top:12px;font-size:26px;background:transparent;color:var(--muted)}.dialog-plan{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:25px 0;font-size:14px}.dialog-plan small{display:block;font-size:12px;color:var(--muted);margin-top:8px}@media(min-width:1600px){.hero{padding-top:100px}}@media(max-width:1000px){.wrap{padding-left:28px;padding-right:28px}.nav{padding:0 28px;gap:20px}.nav nav{gap:18px}.hero-bottom>div{gap:18px}.hero-bottom{align-items:flex-start}.hero-bottom>div{flex-direction:column;align-items:flex-start}.feature{padding:28px}.price-main,.included{padding:32px}.workspace aside{width:145px}}@media(max-width:720px){.nav{height:78px;padding:0 20px;position:relative}.brand{font-size:18px}.brand img{width:32px}.nav>.small{margin-left:auto;font-size:12px;padding:8px 12px;min-height:38px}.menu-toggle{display:block;background:transparent;color:white;font-size:22px;padding:0}.nav nav{display:none;position:absolute;top:77px;left:0;right:0;z-index:4;background:#192019;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.wrap{padding-left:22px;padding-right:22px}.hero{padding-top:48px}h1{font-size:55px;letter-spacing:-2.7px}.hero-bottom{flex-direction:column;gap:24px;margin-bottom:35px}.hero-bottom p{font-size:16px}.hero-bottom>div{flex-direction:row;align-items:center;gap:20px}.button{padding:13px 17px;font-size:13px}.text-link{font-size:13px}.workspace aside{display:none}.window-top{font-size:8px;padding:0 12px}.workspace{min-height:0}.chart img{height:215px}.chart-toolbar>div{display:none}.chart-footer{font-size:9px;padding:12px}.under-showcase{font-size:10px;gap:15px;align-items:center}.under-showcase span:nth-child(2){display:none}.section{padding-top:70px}.section-heading{flex-direction:column;align-items:flex-start;gap:25px}.feature-grid{grid-template-columns:1fr}.feature{padding:28px}.feature.large{min-height:420px}.workflow{margin-top:60px;padding:55px 0}.workflow-inner{grid-template-columns:1fr;gap:40px}.pricing-card{grid-template-columns:1fr}.price-main,.included{padding:30px}.included{border-left:0;border-top:1px solid #34432c}.release-note{align-items:flex-start;flex-direction:column;gap:5px}.faq{grid-template-columns:1fr;gap:24px;padding-bottom:65px}.closing{padding-top:55px;padding-bottom:65px}footer{justify-content:flex-start;gap:20px}footer>span{margin-left:auto}footer p{display:none}dialog{padding:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Actual platform tour */
.actual-showcase{display:block;position:relative;transform:none}.actual-showcase>img{display:block;width:100%;height:auto}.actual-showcase>span{display:block;padding:15px 20px;color:var(--accent);font-size:14px;background:#182016;border-top:1px solid #394337}.actual-showcase:hover{border-color:var(--accent)}
.product-tour{padding-top:100px}.tour-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tour-filter button{font-size:14px;padding:10px 16px;border:1px solid #354131;color:#bac5b6;background:#151c14;border-radius:6px}.tour-filter button.active{background:var(--accent);color:#14200d;border-color:var(--accent)}.tour-filter button:hover{border-color:var(--accent)}.tour-context{color:var(--muted);font-size:13px;max-width:820px}.tour-count{font-size:13px;color:#c1cfb7;margin:15px 0 26px}.tour-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tour-card{border:1px solid var(--line);background:#141a14;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.tour-card[hidden]{display:none}.tour-image{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:300px;padding:16px;background:linear-gradient(130deg,#242c26,#101310);border-bottom:1px solid #303b2b;overflow:hidden}.tour-image img{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 30px #0006;transition:transform .25s}.tour-image:hover img{transform:scale(1.025)}.tour-image>span{position:absolute;bottom:12px;right:12px;background:#111b0fed;color:var(--accent);font-size:12px;border:1px solid #5b7245;border-radius:4px;padding:5px 9px}.tour-copy{padding:28px}.tour-meta{display:flex;justify-content:space-between;color:var(--accent);font-size:12px;letter-spacing:.7px;margin-bottom:15px}.tour-meta span:last-child{color:#85967c}.tour-copy h3{font-size:24px;letter-spacing:-.5px;line-height:1.3;font-weight:500;margin-bottom:15px}.tour-copy p{font-size:15px;line-height:1.75;color:var(--muted)}.tour-copy ul{padding:18px 0 0;margin:20px 0 0;border-top:1px solid var(--line);list-style:none}.tour-copy li{font-size:14px;margin:7px 0;color:#b9c6b2;padding-left:18px;position:relative}.tour-copy li:before{content:'·';position:absolute;left:0;color:var(--accent)}
#screenshot-dialog{width:calc(100vw - 48px);max-width:1500px;max-height:94vh;padding:22px;border-radius:12px;background:#111711;overflow:auto}.screenshot-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.screenshot-header h2{font-size:24px;letter-spacing:-.5px;margin:8px 0 0}.screenshot-close{background:#263022;color:white;font-size:26px;border:1px solid #43573a;border-radius:6px;width:42px;height:42px;flex-shrink:0}.screenshot-stage{background:#090c09;display:flex;justify-content:center;align-items:center;padding:12px;border:1px solid var(--line);border-radius:6px}.screenshot-stage img{display:block;max-width:100%;max-height:66vh;object-fit:contain}.screenshot-caption{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px}.screenshot-caption p{max-width:950px;font-size:14px}.screenshot-caption a{white-space:nowrap;color:var(--accent);font-size:14px;border-bottom:1px solid #5b7245}
@media(max-width:900px){.nav nav{gap:16px}.nav{gap:22px}.tour-image{height:260px}.tour-copy{padding:22px}}
@media(max-width:720px){.tour-grid{grid-template-columns:1fr}.tour-image{height:290px}.tour-filter{gap:8px}.tour-filter button{font-size:13px;padding:9px 12px}.product-tour{padding-top:70px}.screenshot-caption{flex-direction:column;align-items:flex-start;gap:15px}#screenshot-dialog{width:calc(100vw - 20px);padding:16px}.screenshot-header h2{font-size:21px}.screenshot-stage{padding:0}.actual-showcase>span{font-size:12px}}

/* Guided showcase, using original proportions. */
.tour-chapter{margin-top:64px;scroll-margin-top:100px}.tour-chapter[hidden]{display:none}.chapter-heading{max-width:770px;margin-bottom:28px}.chapter-heading>span{color:var(--accent);font-size:12px;letter-spacing:1.8px}.chapter-heading h3{font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-1px;line-height:1.2;margin:15px 0}.chapter-heading p{color:var(--muted);line-height:1.7}.tour-image{height:auto;min-height:0;aspect-ratio:2.2;padding:10px}.tour-image img{width:100%;height:100%;object-fit:contain}.tour-card.narrow .tour-image{aspect-ratio:auto;height:340px;padding:22px}.tour-card.narrow .tour-image img{width:auto;height:auto;max-height:100%;max-width:100%}.tour-card.toolbar-shot{grid-column:1/-1}.tour-card.toolbar-shot .tour-image{aspect-ratio:auto;min-height:110px;padding:28px 12px}.tour-card.toolbar-shot .tour-image img{height:auto}.theme-grid .tour-copy p{display:none}.theme-grid .tour-copy{padding:20px}.theme-grid .tour-copy h3{margin:0;font-size:20px}.replay-film{margin:0 0 28px;border:1px solid #45563b;background:#141a14;border-radius:12px;overflow:hidden}.replay-film video{display:block;width:100%;aspect-ratio:1549/692;background:#080b09}.replay-film figcaption{padding:28px}.replay-film h3{font-size:28px;font-weight:500;margin:12px 0}.replay-film p{max-width:850px;color:var(--muted);line-height:1.7}.tour-filter{position:relative}.tour-image>span{opacity:.92}@media(max-width:720px){.tour-image{height:auto}.tour-card.narrow .tour-image{height:330px}.tour-image>span{font-size:10px;padding:4px 7px;bottom:6px;right:6px}.replay-film figcaption{padding:20px}.tour-chapter{margin-top:44px}.replay-film h3{font-size:24px}}

/* Keep navigation available while scrolling, including the mobile menu. */
.nav{position:sticky;top:0;z-index:100;background:#0d1110;box-shadow:0 8px 24px #0003}
html{scroll-padding-top:116px}
@media(max-width:720px){html{scroll-padding-top:94px}}
