/* Twelve-pattern product motion: stable layouts, honest illustrations, readable static fallbacks. */
.hero-rotator{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0;font-size:18px;font-weight:500}.rotator-window{display:inline-block;height:1.7em;overflow:hidden;min-width:7.5em;background:var(--p-accent-soft);color:var(--p-accent);border-radius:9px;padding-inline:12px}.rotator-window>[data-rotator-track]{display:flex;flex-direction:column}.rotator-window b{display:block;height:1.7em;line-height:1.7;flex:none;font-weight:600}.rotator-dots{display:flex;gap:5px}.rotator-dots i{width:5px;height:5px;background:var(--p-line);border-radius:50%}.rotator-dots i.active{background:var(--p-accent)}
.facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.facts-grid article{border:1px solid var(--p-line);border-radius:22px;background:var(--p-surface);padding:32px;min-width:0}.facts-grid h3{font-size:18px}.facts-grid p{font-size:14px;color:var(--p-muted);line-height:1.8}.fact-ring{height:116px;width:116px;position:relative}.fact-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.fact-ring circle{fill:none;stroke:var(--p-line);stroke-width:5}.fact-ring .fact-ring-fill{stroke:var(--p-accent);stroke-dasharray:270;stroke-dashoffset:0}.fact-ring strong{position:absolute;inset:0;display:grid;place-content:center;font-size:46px}.fact-value{display:flex;gap:12px;align-items:baseline;font-size:56px;line-height:1.2;letter-spacing:-2px}.fact-value small{font-size:14px;color:var(--p-muted);letter-spacing:0;font-weight:400}.mini-bars{height:52px;display:flex;gap:9px;align-items:end;margin:12px 0}.mini-bars i{display:block;height:40%;width:10%;background:var(--p-accent-soft);border-radius:4px 4px 0 0;transform-origin:bottom}.mini-bars i:nth-child(2n){height:75%}.mini-bars i:nth-child(3n){height:55%}.mini-bars i:last-child{height:100%;background:var(--p-accent)}.fact-trend{height:64px;width:100%;margin:8px 0;overflow:visible}.fact-trend path{fill:none;stroke:var(--p-accent);stroke-width:2;stroke-dasharray:500;stroke-dashoffset:0}
.motion-bento article:nth-child(5){grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;column-gap:24px}.motion-bento article:nth-child(5)>:not(.feature-number){grid-column:2}.motion-bento article:nth-child(5) .feature-number{grid-row:1/5}.mini-activity{display:grid;gap:10px;margin:16px 0}.mini-activity span{display:flex;justify-content:space-between;gap:15px;padding:12px;border:1px solid var(--p-line);border-radius:10px;font-size:12px}.mini-activity b{color:var(--p-accent);font-weight:500}.support-illustration{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0}.support-illustration span{padding:12px 18px;background:var(--p-accent-soft);border-radius:16px;font-size:13px}
.tour-screen{display:grid;grid-template-columns:190px minmax(0,1fr);position:relative;border:1px solid var(--p-line);background:var(--p-surface);border-radius:24px;overflow:hidden;min-height:390px;box-shadow:0 24px 65px #30275c0c}.tour-sidebar{padding:28px 20px;display:flex;flex-direction:column;gap:25px;background:var(--p-bg);border-right:1px solid var(--p-line);font-size:13px}.tour-sidebar strong{font-size:14px;margin-bottom:15px}.tour-sidebar .selected{color:var(--p-accent);font-weight:600}.tour-content{padding:30px;position:relative}.tour-content>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.tour-content h3{margin:8px 0;font-size:21px}.tour-content small{font-size:10px;letter-spacing:.08em;color:var(--p-muted)}.tour-faux-button{display:inline-block;border-radius:9px;background:var(--p-accent);color:white;padding:13px 18px;font-size:12px;white-space:normal}.tour-existing{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tour-existing article{border:1px solid var(--p-line);border-radius:14px;padding:24px;min-width:0}.tour-existing strong{display:block;font-size:16px;margin-top:14px}.tour-existing p,.tour-result p{font-size:12px;color:var(--p-muted);line-height:1.7}.tour-result{margin-top:20px;padding:18px;border:1px solid var(--p-line);background:var(--p-bg);border-radius:13px;display:flex;align-items:center;gap:15px}.tour-result[hidden],.tour-modal[hidden],.tour-cursor[hidden]{display:none}.tour-result strong{font-size:14px}.tour-result p{margin:5px 0 0}.tour-check{background:var(--p-accent-soft);color:var(--p-accent);border-radius:50%;width:32px;height:32px;display:grid;place-content:center}.tour-modal{position:absolute;inset:40px 15% auto;background:var(--p-surface);border:1px solid var(--p-line);border-radius:18px;box-shadow:0 18px 60px #241a5540;padding:28px;z-index:2}.tour-input{display:block;padding:14px;min-height:48px;border:1px solid var(--p-line);border-radius:9px;font-size:13px;margin:18px 0}.tour-cursor{position:absolute;top:0;left:0;width:22px;height:29px;z-index:3;pointer-events:none;fill:var(--p-ink);stroke:var(--p-surface);stroke-width:1.5}.tour-cursor.clicking{filter:drop-shadow(0 0 8px #8c77e9)}.scene-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 4px;font-size:12px;color:var(--p-muted)}
.process-svg{position:absolute;left:0;top:0;width:35px;height:calc(100% - 70px);overflow:visible}.process-path{fill:none;stroke:var(--p-accent);stroke-width:1.7;vector-effect:non-scaling-stroke;opacity:.45}.process-complete{display:inline-flex;border:1px solid var(--p-line);background:var(--p-accent-soft);color:var(--p-accent);padding:10px 14px;border-radius:30px;font-size:12px;margin:12px 0 8px 55px}.process-disclaimer{display:block;font-size:11px;color:var(--p-muted);margin-left:55px}
.workflow-compare{position:relative;min-height:320px;border:1px solid var(--p-line);border-radius:22px;overflow:hidden;background:var(--p-bg)}.compare-before,.compare-after{position:absolute;inset:0;padding:32px 7%;background:var(--p-bg);display:flex;flex-direction:column;justify-content:center;gap:26px}.compare-before>small,.compare-after>small{font-size:11px;letter-spacing:.1em;color:var(--p-muted)}.compare-after{clip-path:inset(0 0 0 50%);background:var(--p-accent-soft)}.scattered-notes{display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap}.scattered-notes span{padding:18px;border:1px solid var(--p-line);border-radius:10px;background:var(--p-surface);font-size:13px;transform:rotate(-4deg)}.scattered-notes span:nth-child(2n){transform:rotate(4deg) translateY(15px)}.structured-notes{display:grid;gap:16px;padding:24px;border:1px solid var(--p-line);border-radius:14px;background:var(--p-surface);font-size:14px}.structured-notes strong{font-size:20px}.compare-divider{position:absolute;inset:0;pointer-events:none;transform:translateX(50%);border-left:2px solid var(--p-accent)}.compare-divider i{position:absolute;left:-22px;top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;display:grid;place-content:center;background:var(--p-accent);color:white;font-style:normal;box-shadow:0 3px 12px #30275c20}.compare-control{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:20px;font-size:13px}.compare-control input{grid-column:1/-1;grid-row:2;min-height:44px;width:100%;accent-color:var(--p-accent);cursor:ew-resize}.compare-control output{font-size:12px;color:var(--p-muted)}
.comparison-table-wrap{border:1px solid var(--p-line);border-radius:20px;overflow:hidden;margin-bottom:24px}.workflow-table table{width:100%;border-collapse:collapse;table-layout:fixed}.workflow-table :is(th,td){padding:22px;text-align:left;border-bottom:1px solid var(--p-line);font-size:14px;overflow-wrap:anywhere;line-height:1.7}.workflow-table th{font-weight:600}.workflow-table thead th{font-size:12px}.workflow-table tr:last-child :is(th,td){border-bottom:0}.workflow-table tr>:last-child{background:var(--p-accent-soft)}.workflow-table td:last-child{color:var(--p-accent)}.review-card{position:absolute;border:1px solid var(--p-line);border-radius:20px;background:var(--p-surface);padding:24px;transition:transform .6s,opacity .6s}.review-card blockquote{font-size:18px}.review-card p{font-size:13px}
@media(min-width:1000px){.journey{display:block}.journey .section-intro{max-width:650px;margin-bottom:56px}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.journey-steps li{display:block;padding:0}.journey-steps li>span{display:grid;place-content:center;margin-bottom:20px}.process-svg{top:0;left:17px;width:calc(100% - 70px);height:35px;transform-origin:center;transform:scaleY(.65)}.process-complete,.process-disclaimer{margin-left:0}.process-complete{margin-top:28px}}
@media(max-width:700px){.facts-grid{grid-template-columns:1fr}.facts-grid article{padding:26px}.facts-grid h3{font-size:20px}.fact-value{font-size:48px}.hero-rotator{font-size:15px}.motion-bento article:nth-child(5){display:block}.tour-screen{grid-template-columns:1fr;min-height:480px}.tour-sidebar{display:none}.tour-content{padding:20px}.tour-content>header{align-items:flex-start}.tour-content h3{font-size:19px}.tour-faux-button{font-size:11px;padding:11px}.tour-existing{grid-template-columns:1fr}.tour-existing article{padding:18px}.tour-existing article:nth-child(2){display:none}.tour-modal{inset:70px 16px auto;padding:22px}.tour-result{padding:14px}.workflow-compare{min-height:340px}.compare-before,.compare-after{padding:24px}.structured-notes{font-size:12px;line-height:1.8}.structured-notes strong{font-size:17px}.scattered-notes span{padding:14px;font-size:12px}.compare-control{grid-template-columns:1fr}.compare-control output{grid-row:3}.workflow-table :is(th,td){padding:14px 10px;font-size:11px}.workflow-table thead th{font-size:11px}.comparison-table-wrap{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.review-card{transition:none}.rotator-window [data-rotator-track]{transform:none!important}}
html[data-motion=paused] .review-card{transition:none}

.process-svg-horizontal{display:none}@media(min-width:1000px){.process-svg-vertical{display:none}.process-svg-horizontal{display:block}}

.workflow-compare{touch-action:pan-y;cursor:ew-resize}

/* Prepared public-proof layouts: no mount/data source is active until publication is reviewed. */
.review-deck{position:relative;min-height:300px;margin-bottom:44px}.review-card{inset:0 0 auto;min-height:220px}.review-controls{display:flex;gap:12px;flex-wrap:wrap}.review-controls button{min-height:44px;padding:12px 18px;border:1px solid var(--p-line);background:var(--p-surface);color:var(--p-ink);border-radius:10px}.sale-stack{display:grid;gap:12px}.sale-stack p{padding:18px;border:1px solid var(--p-line);background:var(--p-surface);border-radius:12px;font-variant-numeric:tabular-nums}

.hero-rotator{justify-content:center}