:root{--bg:var(--tide-bg,#121719);--surface:var(--tide-surface,#1b2225);--ink:var(--tide-ink,#f1f0e9);--muted:var(--tide-muted,#9da9ae);--coral:var(--tide-accent,#ed916f);--line:var(--tide-line,#ffffff12);--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,iframe:focus-visible{outline:2px solid var(--coral);outline-offset:5px}button{font:inherit}svg{display:block}a,button{-webkit-tap-highlight-color:transparent}.wrap{max-width:1256px;margin:auto;padding-left:40px;padding-right:40px}.site-header{height:86px;max-width:1376px;padding:0 60px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-.8px}.brand svg{width:29px;height:29px;color:var(--coral)}nav{display:flex;align-items:center;gap:30px;font-size:13px;color:var(--muted)}nav a:hover,.text-link:hover,.closing-docs:hover{color:var(--coral)}.nav-cta{padding:9px 14px;border:1px solid var(--line);border-radius:7px;color:var(--ink);display:flex;gap:15px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:center;padding-top:86px;padding-bottom:106px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.65px;text-transform:uppercase;color:var(--coral);margin:0 0 23px;display:flex;align-items:center;gap:9px}.signal,.tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--coral);display:inline-block;flex-shrink:0}.signal{box-shadow:0 0 0 4px #ed916f12}h1{font-size:clamp(44px,4.7vw,65px);font-weight:550;line-height:1.09;letter-spacing:-3px;margin:0 0 24px}h1 span{color:var(--coral)}.hero-lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:445px;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:21px;padding:13px 18px;border-radius:7px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--coral);color:#241915}.primary:hover{background:#f5a284}.subtle{color:var(--ink);border:1px solid var(--line)}.subtle:hover{background:var(--tide-soft)}.quiet{margin:18px 0 0;font-size:11px;color:var(--muted)}.story-art{position:relative;padding:23px 25px 18px;border:1px solid var(--line);background:linear-gradient(135deg,var(--surface),var(--tide-soft));border-radius:13px;box-shadow:0 22px 65px #0003;transform:rotate(1deg)}.art-topline{display:flex;justify-content:space-between;gap:10px;font:8px var(--mono);letter-spacing:1px;color:var(--muted);margin-bottom:30px}.example-label{color:var(--muted)}.trail-line{position:absolute;top:90px;bottom:86px;left:49px;width:1px;background:linear-gradient(#65767d55,#ed916f77)}.story-stop{display:flex;align-items:center;gap:13px;position:relative}.node-icon{display:grid;place-items:center;border:1px solid var(--line);background:var(--tide-soft);border-radius:9px;width:45px;height:45px}.node-icon svg{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.story-stop small,.payment-stop small{display:block;font-size:9px;color:var(--muted);margin-bottom:2px}.story-stop strong{font-weight:500;font-size:13px}.step-tag{margin-left:auto;color:var(--muted);font:10px var(--mono)}.path-chips{padding:19px 0 19px 58px;display:flex;align-items:center;gap:9px}.path-chips span{font:10px var(--mono);padding:5px 9px;border-radius:4px;background:var(--tide-soft);border:1px solid var(--line);color:var(--muted)}.path-chips i{font-style:normal;color:var(--muted);font-size:12px}.payment-stop{padding:13px 12px;background:#ed916f10;border:1px solid #ed916f35;border-radius:8px;display:flex;align-items:center;gap:13px;position:relative}.coin{width:35px;height:35px;color:var(--coral)}.coin svg{width:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.payment-stop strong{color:var(--coral);font-size:14px;font-weight:550}.payment-stop small{font-size:8px;color:var(--muted)}.check{margin-left:auto;width:18px;height:18px;stroke:var(--coral);stroke-width:1.8;fill:none}.art-bottom{border-top:1px solid var(--line);padding-top:14px;margin-top:21px;font-size:8px;color:var(--muted);display:flex;align-items:center;gap:7px}.art-bottom .tiny-dot{width:3px;height:3px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.section-top .eyebrow{margin-bottom:12px}h2{font-size:35px;line-height:1.15;font-weight:500;letter-spacing:-1.25px;margin:0}.text-link{font-size:12px;color:var(--muted);white-space:nowrap}.section-top>.text-link{padding-bottom:5px}.demo-shell{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;box-shadow:0 22px 70px #0002}.demo-toolbar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);gap:15px}.demo-caption{font:9px var(--mono);letter-spacing:1px;color:var(--muted);display:flex;align-items:center;gap:9px}.demo-tabs{display:flex;gap:4px}.demo-tab{font:10px var(--mono);letter-spacing:.9px;text-transform:uppercase;padding:7px 11px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.demo-tab:hover{color:var(--ink)}.demo-tab.active{color:var(--coral);border-color:#ed916f50;background:var(--tide-soft)}.demo-badge{font-size:9px;color:var(--muted);padding:3px 7px;background:var(--tide-soft);border:1px solid var(--line);border-radius:4px}.demo-shell iframe{display:block;width:100%;height:610px;border:0;background:var(--bg)}.demo-fallback{padding:15px;font-size:13px}.demo-fallback a{text-decoration:underline;color:var(--coral)}.demo-hint{text-align:center;margin:17px 0 0;font-size:11px;color:var(--muted)}.workflow{padding-top:115px;padding-bottom:102px}.section-aside{font-size:12px;line-height:1.7;color:var(--muted);text-align:right;margin:0 0 2px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.workflow-card{min-width:0}.mini-visual{height:178px;position:relative;border-radius:9px;overflow:hidden;background:var(--surface);border:1px solid var(--line);margin-bottom:25px}.step-label{font:9px var(--mono);letter-spacing:1.5px;color:var(--muted);margin-bottom:12px}h3{font-size:17px;line-height:1.4;font-weight:550;letter-spacing:-.4px;margin:0 0 11px}.workflow-card p{font-size:13px;line-height:1.8;color:var(--muted);max-width:310px;margin:0 0 19px}.orbit{position:absolute;border:1px solid #526c7633;border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-22deg)}.orbit-one{width:245px;height:85px}.orbit-two{width:145px;height:145px;transform:translate(-50%,-50%) rotate(25deg)}.person{position:absolute;display:grid;place-items:center;border:1px solid #9cb0ae36;border-radius:50%;background:var(--tide-soft);width:48px;height:48px;box-shadow:0 0 0 7px #718f8510}.person svg{width:25px;height:30px;fill:none;stroke:var(--ink);stroke-width:1.5}.person-one{left:26%;top:30%}.person-two{right:23%;top:45%;width:39px;height:39px;background:var(--tide-soft);border-color:#ed916f40}.person-two svg{width:21px;stroke:var(--coral)}.map-label{position:absolute;bottom:13px;left:17px;font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.route{display:flex;align-items:center;justify-content:center;padding:18px}.route-pill{font:9px var(--mono);padding:10px 8px;border:1px solid #718a9036;border-radius:5px;color:var(--muted);white-space:nowrap;background:var(--tide-soft)}.route-pill.middle{transform:translateY(-23px);background:var(--tide-soft)}.route-pill.end{transform:translateY(18px);color:var(--coral);border-color:#ed916f50;background:var(--tide-soft)}.route-connector{width:21px;height:1px;background:#66808666;flex-shrink:1}.receipt{display:grid;place-items:center;background:radial-gradient(ellipse at bottom,#44302a44,transparent 80%),var(--surface)}.receipt-paper{width:174px;background:var(--tide-soft);border:1px solid var(--line);border-radius:6px;padding:14px 15px 11px;transform:rotate(-4deg);box-shadow:0 9px 25px #0003;text-align:center}.receipt-paper>span{font:7px var(--mono);color:var(--muted);letter-spacing:1.1px}.receipt-paper svg{width:39px;height:39px;stroke:var(--coral);stroke-width:1.3;fill:none;margin:9px auto}.receipt-rule{border-top:1px dashed #65787d55;margin:7px 0}.receipt-paper b{font:8px var(--mono);color:var(--muted)}.integrations{padding-bottom:88px}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.integration-card{border:1px solid var(--line);border-radius:10px;display:flex;gap:21px;padding:27px;background:var(--surface);transition:border-color .2s,background .2s}.integration-card:hover{border-color:#ed916f60;background:var(--tide-soft)}.integration-icon{width:47px;height:47px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;font:18px var(--mono);background:var(--tide-soft);color:var(--ink);flex-shrink:0}.bag svg{width:25px;fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.integration-card h3{font-size:16px;margin:1px 0 7px}.integration-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 13px}.integration-card .text-link{font-size:11px;color:var(--muted)}.integration-arrow{margin-left:auto;color:var(--muted)}.integration-note{font-size:10px;color:var(--muted);text-align:center;margin-top:21px}.closing{text-align:center;padding-top:9px;padding-bottom:84px}.closing-line{display:block;width:1px;height:57px;margin:0 auto 29px;background:linear-gradient(transparent,#ed916f77)}.closing .eyebrow{justify-content:center;margin-bottom:15px}.closing h2{font-size:49px;letter-spacing:-2px;margin-bottom:28px}.closing-docs{display:block;font-size:11px;color:var(--muted);margin-top:18px}footer{display:flex;align-items:center;gap:23px;min-height:87px;border-top:1px solid var(--line)}.footer-brand{font-size:16px}footer p{font-size:10px;color:var(--muted)}footer nav{margin-left:auto;font-size:10px;gap:25px}.skip{position:absolute;top:-80px;left:20px;padding:10px 14px;background:var(--coral);color:#121719;z-index:20}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1500px){.hero{padding-top:110px;padding-bottom:125px}}@media(max-width:1050px){.wrap{padding-left:28px;padding-right:28px}.site-header{padding:0 28px}.hero{gap:36px;padding-top:58px;padding-bottom:80px}h1{font-size:49px;letter-spacing:-2.4px}.hero-actions{gap:10px}.button{padding:12px 14px;gap:12px}.hero-lead{font-size:14px}.story-art{padding:20px 18px}.trail-line{left:42px}.art-topline{font-size:7px}.example-label{display:none}.workflow-grid{gap:20px}h3{font-size:15px}.route{padding:10px}.route-pill{font-size:8px;padding:9px 6px}.route-connector{width:12px}}@media(max-width:760px){.site-header{height:73px;padding:0 20px}.brand{font-size:19px}.site-header nav{gap:20px;font-size:12px}.site-header nav>a:first-child{display:none}.nav-cta{padding:7px 10px;gap:8px}.wrap{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;gap:41px;padding-top:50px;padding-bottom:67px}.hero-copy{max-width:540px}h1{font-size:clamp(44px,9.5vw,64px);letter-spacing:-2.4px}.hero-lead{font-size:15px;max-width:430px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.story-art{max-width:440px;width:100%;justify-self:center;transform:none;padding:22px}.trail-line{left:46px}.art-topline{font-size:8px}.example-label{display:inline}.section-top{align-items:flex-start;gap:20px}h2{font-size:28px;letter-spacing:-1px}.section-top>.text-link{font-size:10px;padding-top:29px}.section-top .eyebrow{font-size:8px}.demo-toolbar{padding:0 11px;height:43px}.demo-caption{font-size:7px;letter-spacing:.3px}.demo-tab{font-size:8px;padding:6px 7px;letter-spacing:.4px}.demo-badge{font-size:7px;padding:3px 5px}.demo-shell iframe{height:630px}.workflow{padding-top:75px;padding-bottom:66px}.section-aside{display:none}.workflow-grid{grid-template-columns:1fr;gap:36px}.workflow-card{display:grid;grid-template-columns:1fr 1fr;column-gap:23px;align-content:center}.mini-visual{grid-column:1;grid-row:1/5;height:180px;margin:0;align-self:center}.step-label,.workflow-card h3,.workflow-card p,.workflow-card>a{grid-column:2}.step-label{font-size:8px;margin-bottom:8px}.workflow-card h3{font-size:15px}.workflow-card p{font-size:11px;margin-bottom:10px}.workflow-card>a{font-size:10px}.person-one{left:15%}.person-two{right:15%}.route{flex-direction:column}.route-pill.middle,.route-pill.end{transform:none}.route-connector{width:1px;height:10px;flex-shrink:0}.receipt-paper{width:135px}.integration-grid{grid-template-columns:1fr}.integration-card{padding:23px}.integrations{padding-bottom:49px}.integration-note{font-size:9px;line-height:1.8;max-width:300px;margin:18px auto 0}.closing{padding-bottom:58px}.closing h2{font-size:42px}footer{flex-wrap:wrap;gap:9px 16px;padding-top:22px;padding-bottom:22px}footer p{margin:0}footer nav{width:100%;margin-left:0;margin-top:4px}}@media(max-width:390px){.hero-actions{align-items:flex-start;flex-direction:column}.hero-actions .subtle{border-color:transparent;padding-left:0}.workflow-card{column-gap:15px;grid-template-columns:.85fr 1fr}.receipt-paper{width:112px}.art-topline{font-size:7px}.hero-lead br{display:none}.demo-caption{font-size:6px}.demo-badge{font-size:6px}.site-header nav{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}

/* Shared appearance controls and language-aware layout. */
.site-header{gap:24px;height:auto;min-height:86px;padding-top:14px;padding-bottom:14px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:18px}.site-header [data-product-controls]{display:flex;align-items:center;gap:6px;max-width:100%}.site-header [data-product-controls] select{max-width:110px;min-width:0}html[data-theme="light"] .primary,html[data-theme="light"] .skip{color:#fff}html[data-theme="light"] .primary:hover{background:#9c3d20}html[data-theme="light"] .story-art{box-shadow:0 20px 55px #20302b12}html[data-theme="light"] .receipt-paper{box-shadow:0 8px 20px #20302b12}html[data-theme="light"] .mini-visual,html[data-theme="light"] .node-icon,html[data-theme="light"] .path-chips span{border-color:var(--line)}html[lang^="zh"] h1{font-size:clamp(38px,4.1vw,57px);letter-spacing:-1px;line-height:1.25}html[lang^="zh"] .eyebrow,html[lang^="zh"] .step-label{letter-spacing:1px}html[lang^="zh"] h2,html[lang^="zh"] h3{letter-spacing:0}html[lang^="zh"] .art-topline{letter-spacing:.5px}html[lang^="zh"] .hero-lead{line-height:1.9}@media(max-width:760px){.site-header{align-items:flex-start;gap:12px;padding-top:15px;padding-bottom:15px}.site-header nav{gap:10px;max-width:calc(100% - 112px)}.site-header [data-product-controls]{flex-basis:100%;justify-content:flex-end}.site-header [data-product-controls] select{font-size:11px;max-width:94px}.site-header .nav-cta{font-size:11px}.hero{padding-top:35px}html[lang^="zh"] h1{font-size:clamp(36px,9vw,53px)}html[lang^="zh"] .text-link{white-space:normal}.art-topline{flex-wrap:wrap}.art-bottom{line-height:1.6}}
@media(max-width:760px){.demo-section .section-top{display:block}.demo-section .section-top>.text-link{display:inline-block;padding-top:12px}}
.landing-pricing{padding-bottom:80px}.landing-pricing .section-top{margin-bottom:27px}.landing-pricing .plan-heading h3{font-size:20px}.landing-pricing .plan-price strong{font-size:42px}.landing-pricing .plan-cta{font-size:12px}.site-header nav{gap:15px}@media(max-width:760px){.landing-pricing{padding-bottom:56px}.landing-pricing .section-top{display:block}.landing-pricing .section-top>.text-link{display:inline-block;padding-top:13px}.site-header nav{gap:9px}}
/* Product navigation and concrete setup information. */
.site-header { max-width: 1376px; display: grid; grid-template-columns: auto 1fr auto; gap: 24px; }
.site-header nav { max-width: none; flex-wrap: nowrap; justify-content: center; gap: 22px; }
.site-header > [data-product-controls] { justify-content: flex-end; }
.menu-toggle { display: none; }
.site-header .nav-cta { color: var(--coral); border-color: var(--line); white-space: nowrap; }
.setup-section, .proof-section { padding-bottom: 88px; }
.setup-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; list-style: none; margin: 32px 0; padding: 0; }
.setup-steps li { border-top: 1px solid var(--line); padding-top: 20px; }
.step-number { display: block; color: var(--coral); font: 12px var(--mono); margin-bottom: 20px; }
.setup-steps p, .proof-grid p { color: var(--muted); font-size: 13px; line-height: 1.8; margin: 0 0 18px; }
.setup-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.setup-options a { position: relative; padding: 22px 35px 22px 22px; }
.setup-options a + a { border-left: 1px solid var(--line); }
.setup-options strong { display: block; font-size: 13px; margin-bottom: 5px; }
.setup-options span { display: block; color: var(--muted); font-size: 12px; }
.setup-options b { position: absolute; right: 16px; top: 21px; color: var(--coral); }
.setup-options a:hover { background: var(--tide-soft); }
.setup-note, .plan-summary { color: var(--muted); font-size: 12px; line-height: 1.8; }
.proof-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.proof-grid > a { padding: 24px 0; border-top: 1px solid var(--line); }
.proof-grid .step-label { display: block; color: var(--coral); margin-bottom: 14px; }
.proof-grid a:hover h3 { color: var(--coral); }
.landing-pricing .billing-toggle { margin-top: 15px; }
.landing-pricing .billing-context { margin-bottom: 24px; }
.faq-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 64px; padding-bottom: 70px; }
.faq-section h2 { margin-bottom: 22px; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; cursor: pointer; padding: 20px 30px 20px 0; list-style: none; font-size: 14px; line-height: 1.6; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: '+'; position: absolute; right: 3px; color: var(--coral); }
.faq-list details[open] summary::after { content: '−'; }
.faq-list p { margin: 0 0 22px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.faq-list summary:focus-visible, .menu-toggle:focus-visible { outline: 2px solid var(--coral); outline-offset: 3px; }
@media(max-width:1100px) { .site-header { gap: 16px; padding-inline: 24px; } .site-header nav { gap: 14px; font-size: 12px; } }
@media(max-width:900px) {
 .site-header { grid-template-columns: 1fr auto auto; align-items: center; padding: 12px 20px; gap: 10px; min-height: 72px; }
 .site-header .brand { font-size: 20px; }
 .menu-toggle { display: block; grid-column: 3; grid-row: 1; border: 1px solid var(--line); color: var(--ink); background: transparent; border-radius: 9px; min-height: 44px; padding: 8px 12px; font-size: 12px; }
 .site-header > [data-product-controls] { grid-column: 2; grid-row: 1; }
 .site-header nav { display: none; grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; padding: 8px 0 0; border-top: 1px solid var(--line); }
 .site-header nav.is-open { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; }
 .site-header nav > a, .site-header nav > a:first-child { display: flex; min-height: 44px; align-items: center; justify-content: center; padding: 8px; }
 .setup-steps, .proof-grid { gap: 20px; }
}
@media(max-width:600px) {
 .site-header { grid-template-columns: 1fr auto; }
 .menu-toggle { grid-column: 2; }
 .site-header > [data-product-controls] { grid-row: 2; grid-column: 1 / -1; justify-content: flex-start; }
 .site-header nav { grid-row: 3; }
 .site-header [data-product-controls] select { font-size: 12px; max-width: 125px; }
 .setup-steps, .setup-options, .proof-grid, .faq-section { grid-template-columns: 1fr; }
 .setup-steps { gap: 24px; }
 .setup-options a + a { border-left: 0; border-top: 1px solid var(--line); }
 .setup-section, .proof-section { padding-bottom: 54px; }
 .proof-grid { gap: 0; }
 .faq-section { gap: 12px; padding-bottom: 48px; }
 .setup-section .section-top, .proof-section .section-top { display: block; }
}

@media(min-width:761px) { .demo-shell iframe[data-demo-view="live"] { height: 760px; } }

@media(min-width:761px) { .demo-shell iframe[data-demo-view="journeys"] { height:760px; } }