@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Caveat:wght@500;600&display=swap";
:root{--background:#fdfcf8;--foreground:#2a3237;--card:#fff;--primary:#5f9c9f;--primary-foreground:#fefdfa;--muted-foreground:#656e79;--border:#e4e5e8;--sand:#ede9d3;--river-soft:#e5f3f2;--navbar-height:80px;--gradient-river:linear-gradient(135deg, var(--river-soft) 0%, var(--background) 55%, var(--sand) 100%);--gradient-ink:linear-gradient(180deg, #2a323700 30%, #2a3237d9 100%);--shadow-lux:0 24px 60px -24px #2a323740;--shadow-card:0 1px 2px #2a32370a, 0 12px 32px -20px #2a323759;--ease-lux:cubic-bezier(.22, 1, .36, 1);--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-script:"Caveat", cursive}@supports (color:lab(0% 0 0)){:root{--background:lab(98.9792% -.181556 2.08833);--foreground:lab(20.3293% -2.69766 -3.96544);--card:lab(100% 0 0);--primary:lab(60.3004% -20.014 -8.37201);--primary-foreground:lab(99.4514% -.15983 1.89865);--muted-foreground:lab(46.0408% -1.65895 -7.30233);--border:lab(91.0166% -.0816584 -1.43986);--sand:lab(92.1591% -.919461 10.9805);--river-soft:lab(94.6753% -4.5855 -1.47325);--gradient-ink:linear-gradient(180deg, lab(20.3293% -2.69766 -3.96544/0) 30%, lab(20.3293% -2.69766 -3.96544/.85) 100%);--shadow-lux:0 24px 60px -24px lab(20.3293% -2.69766 -3.96544/.25);--shadow-card:0 1px 2px lab(20.3293% -2.69766 -3.96544/.04), 0 12px 32px -20px lab(20.3293% -2.69766 -3.96544/.35)}}*,:before,:after{box-sizing:border-box;border:0 solid var(--border)}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans)}.dt-main{background-color:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-sans)}.dt-script{font-family:var(--font-script);font-weight:600;line-height:1.1}.dt-surface-card{background-color:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card)}.dt-main{background-color:var(--background);min-height:100vh;color:var(--foreground)}.dt-hero{margin-top:50px;position:relative;overflow:hidden}.dt-hero__bg{pointer-events:none;z-index:-10;background:var(--gradient-river);position:absolute;inset:0}.dt-hero__inner{max-width:72rem;margin:0 auto;padding:3.5rem 1.25rem 4rem}.dt-eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--primary);margin:0;font-size:12px;font-weight:600}.dt-hero__grid{gap:2.5rem;margin-top:1.5rem;display:grid}.dt-hero__title{letter-spacing:-.025em;margin:0;font-size:36px;font-weight:800;line-height:1.05}.dt-hero__title span{color:var(--primary);margin-top:.25rem;font-size:30px;font-weight:600;display:block}.dt-hero__lead{max-width:32rem;color:var(--muted-foreground);margin:1.25rem 0 0;font-size:14px;line-height:1.625}.dt-hero__actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.dt-btn{background-color:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-lux);transition:transform .5s var(--ease-lux);border-radius:9999px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.dt-btn:hover{transform:translateY(-.125rem)}.dt-crumbs{color:var(--muted-foreground);font-size:12px}.dt-crumbs .dt-sep{color:var(--border)}.dt-crumbs .dt-here{color:var(--foreground)}.dt-figure{box-shadow:var(--shadow-lux);border-radius:28px;margin:0;position:relative;overflow:hidden}.dt-figure img{object-fit:cover;width:100%;height:215px;display:block}.dt-figure figcaption{background-color:color-mix(in oklab, var(--card) 85%, transparent);color:var(--foreground);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;padding:.5rem 1rem;font-size:12px;font-weight:500;position:absolute;bottom:1rem;left:1rem}.dt-intro{max-width:48rem;margin:0 auto;padding:4rem 1.25rem}.dt-intro p{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.9}.dt-route{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background-color:color-mix(in oklab, var(--river-soft) 40%, transparent);position:relative}.dt-route__head{max-width:72rem;margin:0 auto;padding:3.5rem 1.25rem 0}.dt-route__script{color:var(--primary);margin:0;font-size:30px}.dt-route__title{letter-spacing:-.025em;margin:.25rem 0 0;font-size:26px;font-weight:800}.dt-route__hint{color:var(--muted-foreground);margin:.75rem 0 0;font-size:13px;display:none}.dt-route__track-wrap{margin-top:2.5rem}.dt-route__tail{height:3.5rem}.jt-section{height:460vh;position:relative}.jt-sticky{height:calc(100vh - var(--navbar-height));flex-direction:column;justify-content:center;display:flex;position:sticky;top:20px;overflow:hidden}.jt-rail{z-index:20;position:absolute;top:1.25rem;left:1.25rem;right:1.25rem}.jt-rail__bar{background-color:var(--border);border-radius:9999px;width:100%;height:3px;overflow:hidden}.jt-rail__fill{transform-origin:0;background-color:var(--primary);border-radius:9999px;height:100%}.jt-rail__label{color:var(--primary);margin:.5rem 0 0;font-size:18px}.jt-track{will-change:transform;align-items:flex-start;gap:2rem;padding-left:1.25rem;display:flex;position:relative}.jt-road{pointer-events:none;position:absolute;left:0}.jt-road svg{width:100%}.jt-card{flex-shrink:0;width:74vw;max-width:320px;position:relative}.jt-node{z-index:10;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.jt-node__dotwrap{justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative}.jt-node__glow{background-color:var(--primary);filter:blur(12px);border-radius:9999px;position:absolute;inset:-.75rem}.jt-node__ring{border:2px solid var(--primary);border-radius:9999px;position:absolute;inset:0}.jt-node__base{background-color:var(--background);box-shadow:0 0 0 1px var(--border);border-radius:9999px;position:absolute;inset:0}.jt-node__dot{background-color:var(--primary);border-radius:9999px;width:.625rem;height:.625rem;position:relative}.jt-node__label{transform-origin:0;border-radius:9999px;margin-left:.75rem;padding:.125rem .75rem;font-size:20px;position:relative}.jt-node__pill{z-index:-10;background-color:var(--river-soft);border-radius:9999px;position:absolute;inset:0}.jt-card__inner{background-color:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:transform .7s var(--ease-lux);border-radius:26px;overflow:hidden}.jt-card:hover .jt-card__inner{transform:translateY(-.5rem)}.jt-card__media{aspect-ratio:4/4.6;position:relative;overflow:hidden}.jt-card__media img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-lux)}.jt-card:hover .jt-card__media img{transform:scale(1.06)}.jt-card__scrim{pointer-events:none;background:var(--gradient-ink);position:absolute;inset:0}.jt-card__badge{background-color:color-mix(in oklab, var(--card) 85%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex;position:absolute;top:1rem;left:1rem}.jt-card__badge span{text-transform:uppercase;letter-spacing:.14em;color:var(--primary);font-size:11px;font-weight:600}.jt-card__meta{position:absolute;bottom:1rem;left:1rem;right:1rem}.jt-card__meta p{text-transform:uppercase;letter-spacing:.16em;color:var(--card);margin:0;font-size:12px;font-weight:500}.jt-card__body{padding:1.25rem}.jt-card__body h3{color:var(--foreground);margin:0;font-size:14px;font-weight:700}.jt-card__body p{color:var(--muted-foreground);margin:.5rem 0 0;font-size:12px;line-height:1.625}.jt-outro{flex-shrink:0;width:74vw;padding-right:1.25rem}.jt-outro__script{color:var(--primary);margin:0;font-size:30px}.jt-outro__text{max-width:300px;color:var(--muted-foreground);margin:.75rem 0 0;font-size:14px;line-height:1.625}.dt-good{max-width:72rem;margin:0 auto;padding:4rem 1.25rem}.dt-good__grid{gap:2.5rem;display:grid}.dt-good__script{color:var(--primary);margin:0;font-size:30px}.dt-good__title{letter-spacing:-.025em;margin:.25rem 0 0;font-size:26px;font-weight:800}.dt-good__cards{gap:1rem;display:grid}.dt-good__card{background-color:var(--card);border:1px solid var(--border);height:100%;box-shadow:var(--shadow-card);border-radius:1rem;padding:1.25rem}.dt-good__card p:first-child{text-transform:uppercase;letter-spacing:.16em;color:var(--primary);margin:0;font-size:11px;font-weight:600}.dt-good__card p:last-child{color:var(--muted-foreground);margin:.5rem 0 0;font-size:13px;line-height:1.625}.dt-how{max-width:72rem;margin:0 auto;padding:0 1.25rem 6rem}.dt-how__panel{border:1px solid var(--border);background:var(--gradient-river);border-radius:32px;padding:2rem;position:relative;overflow:hidden}.dt-how__content{max-width:42rem}.dt-how__script{color:var(--primary);margin:0;font-size:30px}.dt-how__text{color:var(--muted-foreground);margin:1rem 0 0;font-size:14px;line-height:1.9}.dt-how__panel .dt-btn{margin-top:2rem}.dt-how__blob{pointer-events:none;background-color:color-mix(in oklab, var(--sand) 70%, transparent);filter:blur(40px);border-radius:9999px;width:14rem;height:14rem;position:absolute;top:-4rem;right:-4rem}.dt-reveal{opacity:0;transition:opacity .7s var(--ease-lux), transform .7s var(--ease-lux);transition-delay:var(--dt-delay,0s);transform:translateY(24px)}.dt-reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.dt-reveal{opacity:1;transition:none;transform:none}}@media (min-width:640px){.jt-card,.jt-outro{width:400px}.dt-good__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.dt-hero__inner{padding:5rem 2rem 6rem}.dt-hero__grid{grid-template-columns:1.05fr .95fr;align-items:end}.dt-hero__title{font-size:60px}.dt-hero__title span{font-size:36px}.dt-hero__lead{font-size:16px}.dt-crumbs{font-size:13px}.dt-figure img{height:320px}.dt-intro{padding:6rem 2rem}.dt-intro p{font-size:16px}.dt-route__head{padding:5rem 2rem 0}.dt-route__script{font-size:36px}.dt-route__title{font-size:40px}.dt-route__hint{display:block}.dt-route__track-wrap{margin-top:0}.dt-route__tail{height:0}.jt-section{height:420vh}.jt-sticky{top:var(--navbar-height);height:calc(100vh - var(--navbar-height))}.jt-rail{top:1.25rem;left:2rem;right:2rem}.jt-rail__label{font-size:22px}.jt-track{gap:3rem;padding-left:6vw}.jt-node__label{font-size:22px}.jt-card__body h3{font-size:16px}.jt-card__body p{font-size:13px}.jt-outro{padding-right:2.5rem}.jt-outro__script{font-size:36px}.jt-outro__text{font-size:16px}.dt-good{padding:6rem 2rem}.dt-good__grid{grid-template-columns:.8fr 1.2fr}.dt-good__script{font-size:36px}.dt-good__title{font-size:40px}.dt-good__card p:last-child{font-size:14px}.dt-how{padding:0 2rem 8rem}.dt-how__panel{padding:3.5rem}.dt-how__script{font-size:36px}.dt-how__text{font-size:16px}}