@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&family=Permanent+Marker&display=swap");.preview-root{--font-display:"Inter Tight","Inter",system-ui,sans-serif;--font-editorial:"Instrument Serif","Times New Roman",Georgia,serif;--stash-blue:#2ec4f1;--stash-blue-light:#5ad4ff;--stash-blue-deep:#071e26;--ink:#0b1015;--ink-soft:#1c3143;--white:#ffffff;--paper:#f6f8fa;--line:#e5eaee;--muted:#838383;--c-deep-teal:#006781;--c-ocean:#0c7bb1;--c-mint:#39d7aa;--c-sand:#f0b265;--font-body:"Inter",system-ui,-apple-system,sans-serif;--ease-out:cubic-bezier(0.2,0.7,0.2,1);font-family:var(--font-body);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.preview-root *,.preview-root :after,.preview-root :before{box-sizing:border-box}.preview-root img{max-width:100%;display:block}.preview-root .ff-display{font-family:var(--font-display),"Inter",system-ui,sans-serif}.preview-root .ff-editorial,.preview-root .serif{font-family:var(--font-editorial),"Times New Roman",Georgia,serif}.preview-root .serif{font-style:italic;font-weight:400;letter-spacing:-.02em}.preview-root .chaos-word{font-family:"Permanent Marker",var(--font-editorial),cursive;color:#e5342b;font-weight:400;letter-spacing:.01em;display:inline-block;transform:rotate(-3deg)}.preview-root .eyebrow{font-family:var(--font-body);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-deep-teal);display:inline-flex;align-items:center;gap:8px}.preview-root .eyebrow.on-dark{color:#b1feff}.preview-root .eyebrow.muted{color:var(--muted)}.preview-root .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55}.preview-root .h-display{font-size:clamp(48px,7vw,104px);line-height:.95;letter-spacing:-.035em}.preview-root .h-display,.preview-root .h-section{font-family:var(--font-display),"Inter",system-ui,sans-serif;font-weight:700}.preview-root .h-section{font-size:clamp(36px,4.2vw,64px);line-height:1.02;letter-spacing:-.025em}.preview-root .stat-num{font-family:var(--font-display),"Inter",system-ui,sans-serif;font-weight:700;font-size:clamp(56px,50vw,60px);line-height:.92;letter-spacing:-.04em;color:var(--ink)}.preview-root .stat-num.blue{color:var(--stash-blue)}.preview-root .card{background:var(--white);border-radius:28px;overflow:hidden;box-shadow:2px 10px 24px rgba(17,25,32,.06);border:1px solid rgba(229,234,238,.8)}.preview-root .chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font:600 13px/1 var(--font-body);background:rgba(46,196,241,.12);color:var(--c-deep-teal);border:1px solid rgba(46,196,241,.25)}@keyframes pv-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.preview-root .in{animation:pv-fadeUp .6s var(--ease-out) both}.preview-root .pv-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--line);border-radius:999px;outline:none}.preview-root .pv-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ink);border:3px solid var(--white);box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;-webkit-transition:transform .12s;transition:transform .12s}.preview-root .pv-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.preview-root .pv-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--ink);border:3px solid var(--white);box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer}.preview-root .jrn-vs{display:grid;grid-template-columns:1fr 1fr;background:var(--white);border:1px solid var(--line);border-radius:24px;overflow:hidden;margin:32px 0 44px;box-shadow:0 12px 30px rgba(11,16,21,.06)}.preview-root .jrn-vs-col{padding:28px 30px 30px;min-width:0}.preview-root .jrn-vs-col.bad{background:var(--paper);border-right:1px solid var(--line)}.preview-root .jrn-vs-col.good{background:var(--stash-blue-deep);color:var(--white);position:relative;overflow:hidden}.preview-root .jrn-vs-col.good:after{content:"";position:absolute;right:-120px;top:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(46,196,241,.22),transparent 70%);pointer-events:none}.preview-root .jrn-vs-header{display:inline-flex;align-items:center;gap:10px;margin-bottom:10px;font:700 11px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase}.preview-root .jrn-vs-header .dot{width:6px;height:6px;border-radius:50%}.preview-root .jrn-vs-header.bad{color:var(--muted)}.preview-root .jrn-vs-header.bad .dot{background:var(--muted)}.preview-root .jrn-vs-header.good{color:var(--stash-blue-light);position:relative;z-index:1}.preview-root .jrn-vs-header.good .dot{background:var(--stash-blue-light)}.preview-root .jrn-vs-headline{font:700 clamp(17px,1.5vw,21px)/1.2 var(--font-display);letter-spacing:-.015em;margin:0 0 18px;text-wrap:balance}.preview-root .jrn-vs-headline.bad{color:var(--muted)}.preview-root .jrn-vs-headline.good{color:var(--white);position:relative;z-index:1}.preview-root .jrn-vs-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.preview-root .jrn-vs-item{display:flex;gap:10px;align-items:flex-start}.preview-root .jrn-vs-marker{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;font:700 11px/1 var(--font-display)}.preview-root .jrn-vs-marker.bad{background:rgba(11,16,21,.08);color:var(--muted)}.preview-root .jrn-vs-marker.good{background:rgba(46,196,241,.18);color:var(--stash-blue-light)}.preview-root .jrn-vs-name{font:700 14px/1.25 var(--font-display);letter-spacing:-.01em;margin:0 0 2px}.preview-root .jrn-vs-col.bad .jrn-vs-name{color:var(--ink)}.preview-root .jrn-vs-col.good .jrn-vs-name{color:var(--white)}.preview-root .jrn-vs-desc{font:500 12.5px/1.5 var(--font-body);margin:0}.preview-root .jrn-vs-col.bad .jrn-vs-desc{color:var(--ink-soft)}.preview-root .jrn-vs-col.good .jrn-vs-desc{color:rgba(255,255,255,.65)}.preview-root .jrn-shell{margin:0 auto;background:var(--stash-blue-deep);border:1px solid rgba(255,255,255,.05);border-radius:20px;overflow:hidden;position:relative;box-shadow:0 30px 60px rgba(11,16,21,.18),0 8px 18px rgba(11,16,21,.1)}.preview-root .jrn-autoprogress{position:absolute;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.06);z-index:10;pointer-events:none}.preview-root .jrn-grid{display:grid;grid-template-columns:58fr 42fr;min-height:620px}.preview-root .jrn-left{position:relative;overflow:hidden;background:var(--ink);min-height:620px}.preview-root .jrn-photo{position:absolute;inset:0;transition:opacity .7s ease;background-size:cover;background-position:50%}.preview-root .jrn-badge{position:absolute;top:20px;left:20px;padding:8px 14px;background:rgba(0,0,0,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:999px;font:600 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);display:inline-flex;align-items:center;gap:8px;z-index:3}.preview-root .jrn-badge-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font:700 10px/1 var(--font-display);color:#fff}.preview-root .jrn-glow{position:absolute;left:50%;bottom:-60px;width:60%;height:200px;transform:translateX(-50%);border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none;transition:background .7s ease;z-index:2}.preview-root .jrn-right{padding:32px 36px 36px;display:flex;flex-direction:column;color:#fff}.preview-root .jrn-dots{display:flex;gap:8px;align-items:center;margin-bottom:24px}.preview-root .jrn-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15);border:0;padding:0;cursor:pointer;transition:all .3s ease}.preview-root .jrn-dot.active{width:32px;height:8px;border-radius:999px;background:var(--stash-blue-light);box-shadow:0 0 16px rgba(90,212,255,.45)}.preview-root .jrn-mindset{width:100%;aspect-ratio:16/9;max-height:160px;border-radius:10px;overflow:hidden;background-size:cover;background-position:50%;transition:opacity .7s ease,background .7s ease;margin-bottom:12px}.preview-root .jrn-mindset-caption{font:600 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:22px}.preview-root .jrn-narrative>*{opacity:0;transform:translateY(8px);animation:jrn-fade .35s ease forwards}.preview-root .jrn-narrative>:first-child{animation-delay:0s}.preview-root .jrn-narrative>:nth-child(2){animation-delay:.06s}.preview-root .jrn-narrative>:nth-child(3){animation-delay:.12s}.preview-root .jrn-narrative>:nth-child(4){animation-delay:.18s}@keyframes jrn-fade{to{opacity:1;transform:translateY(0)}}.preview-root .jrn-eyebrow{font:600 11px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--stash-blue-light);margin-bottom:12px}.preview-root .jrn-headline{font:500 clamp(24px,2.2vw,30px)/1.15 var(--font-display);letter-spacing:-.02em;color:#fff;margin:0 0 14px}.preview-root .jrn-body{font:400 14px/1.75 var(--font-body);color:rgba(255,255,255,.55);margin:0 0 18px}.preview-root .jrn-milestone{display:block;padding:10px 14px;font:500 13px/1.4 var(--font-body);letter-spacing:.02em;text-transform:uppercase;background:transparent!important;border-radius:0;border:none;border-left:2px solid}.preview-root .jrn-stat{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.07)}.preview-root .jrn-stat-num{font:500 40px/1 var(--font-display);letter-spacing:-.025em;transition:color .5s ease}.preview-root .jrn-stat-label{margin-top:6px;font:600 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45)}.preview-root .jrn-scrub{position:relative;background:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.05);padding:22px 36px 26px}.preview-root .jrn-scrub-row1{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font:600 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase}.preview-root .jrn-scrub-hint{color:rgba(255,255,255,.4);transition:opacity .5s ease}.preview-root .jrn-scrub-pos{color:var(--stash-blue-light)}.preview-root .jrn-scrub-track-wrap{position:relative;height:50px}.preview-root .jrn-scrub-line{right:14px;background:rgba(255,255,255,.08)}.preview-root .jrn-scrub-line,.preview-root .jrn-scrub-line-fill{position:absolute;top:18px;left:14px;height:2px;border-radius:2px}.preview-root .jrn-scrub-line-fill{background:linear-gradient(90deg,var(--stash-blue) 0,var(--stash-blue-light) 100%);transition:width .5s ease}.preview-root .jrn-scrub-nodes{position:absolute;top:0;left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none}.preview-root .jrn-node{position:relative;pointer-events:auto;width:24px;height:38px;background:transparent;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center}.preview-root .jrn-node-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.12);margin-top:12px;transition:all .3s ease}.preview-root .jrn-node.passed .jrn-node-dot{background:var(--stash-blue)}.preview-root .jrn-node.active .jrn-node-dot{width:18px;height:18px;margin-top:9px;background:var(--stash-blue-light);box-shadow:0 0 0 4px rgba(90,212,255,.18),0 0 0 8px rgba(90,212,255,.08),0 0 18px rgba(90,212,255,.5)}.preview-root .jrn-node-label{position:absolute;top:36px;left:50%;transform:translateX(-50%);text-align:center;font:600 10px/1.3 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.4);white-space:nowrap;transition:color .3s ease}.preview-root .jrn-node.active .jrn-node-label{color:#fff}.preview-root .jrn-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;margin:0}.preview-root .jrn-range:active{cursor:grabbing}.preview-root .jrn-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:100%;height:38px;cursor:grab}.preview-root .jrn-range::-moz-range-thumb{width:100%;height:38px;border:0;background:transparent;cursor:grab}.preview-root .jrn-health{margin-top:60px}.preview-root .jrn-health-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font:600 10px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45)}.preview-root .jrn-health-val{color:var(--stash-blue-light)}.preview-root .jrn-health-bar{height:4px;border-radius:2px;background:rgba(255,255,255,.06);overflow:hidden}.preview-root .jrn-health-fill{height:100%;background:linear-gradient(90deg,#cc2233 0,var(--stash-blue) 55%,var(--stash-blue-light) 100%);transition:width .5s ease}.preview-root [role=tab]:focus-visible,.preview-root a:focus-visible,.preview-root button:focus-visible,.preview-root input[type=range]:focus-visible{outline:2px solid var(--c-ocean);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){.preview-root,.preview-root *{scroll-behavior:auto!important}.preview-root .in,.preview-root .jrn-mindset,.preview-root .jrn-narrative>*,.preview-root .jrn-photo{animation:none!important;opacity:1!important;transform:none!important}.preview-root .jrn-autoprogress-fill{width:100%!important}}@media (max-width:900px){.preview-root .jrn-grid{grid-template-columns:1fr}.preview-root .jrn-left{min-height:320px}.preview-root .jrn-right{padding:28px 24px}.preview-root .jrn-scrub{padding:18px 18px 22px}.preview-root .jrn-node-label{font-size:9px}.preview-root .jrn-vs{grid-template-columns:1fr}.preview-root .jrn-vs-col.bad{border-right:0;border-bottom:1px solid var(--line)}}