/* Kindred Signal: clearer journeys, art-directed pages, and progressive motion. */
.header-shell{position:sticky;top:0;z-index:80;backdrop-filter:blur(16px)}.reading-progress{position:fixed;z-index:110;left:0;top:0;height:2px;width:var(--reading-progress,0%);background:linear-gradient(90deg,#37d2ff,#83f1ff 70%,#ff9f56);box-shadow:0 0 12px #2fddff;pointer-events:none}.site-header nav{gap:30px}.site-header nav>a:not(.button){position:relative}.site-header nav>a:not(.button):after{content:'';position:absolute;height:1px;bottom:-8px;left:0;width:100%;background:#71eaff;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav>a:hover:after,.site-header nav>a[aria-current=page]:after{transform:scaleX(1)}.desk-copy{max-width:720px}.desk-copy h1{font-size:clamp(3.2rem,4.7vw,5rem);line-height:1.13}.desk-copy>p{max-width:555px;font-size:18px;line-height:1.75}.desk-hero .desk-grid{padding-top:72px;padding-bottom:90px}.hero-art[data-ambient]{animation:ambient-drift 24s ease-in-out infinite alternate;transform-origin:70% 40%;will-change:transform}@keyframes ambient-drift{from{transform:scale(1)}to{transform:scale(1.06)}}.tool-rows>a,.guide-card{transition:transform .3s,border-color .3s}.tool-rows>a:hover,.guide-card:hover{transform:translateY(-5px)}.tool-art,.guide-art{transition:filter .4s,transform .6s}.guide-card:hover .guide-art{filter:brightness(1.14) saturate(1.1)}.picture-intro{padding:65px 0 75px;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#07577435,transparent 60%);border-bottom:1px solid #164558}.picture-intro>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.picture-intro h1{font-size:clamp(2.6rem,3.65vw,4.3rem);line-height:1.2;letter-spacing:-.055em;margin:22px 0 26px}.picture-intro h1 em{color:#70dff5}.picture-intro p{font-size:17px;line-height:1.85;max-width:550px;margin-bottom:30px;color:#a8c7d5}.feature-visual{margin:0;position:relative;perspective:900px;border:1px solid #256780;background:#06131d;box-shadow:0 0 50px #04b6ff12;border-radius:3px 42px 3px 42px;overflow:hidden;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s ease,box-shadow .35s;isolation:isolate}.feature-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,#bcf8ff18 42%,transparent 58%);transform:translateX(-100%);pointer-events:none;transition:transform .8s}.feature-visual:hover:after{transform:translateX(100%)}.feature-visual:hover{box-shadow:0 0 50px #04b6ff28}.feature-visual img{width:100%;height:100%;min-height:410px;object-fit:cover;display:block}.feature-visual figcaption{position:absolute;top:22px;left:24px;right:20px;z-index:1;color:#b8efff;font-size:11px;letter-spacing:.09em;font-family:var(--display);line-height:1.7;text-shadow:0 2px 12px #000}.feature-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03101aca,transparent 35%,transparent 65%,#030b14c0);pointer-events:none;z-index:1}.visual-caption{position:absolute;left:25px;right:25px;bottom:30px;z-index:2;font-size:17px;line-height:1.8;color:#b1cdda}.visual-caption strong{font-family:var(--display);font-size:22px;font-weight:400;color:#c2f5ff;line-height:1.5}.feature-jump{position:sticky;top:92px;z-index:60;background:#071722f2;border-bottom:1px solid #256177;backdrop-filter:blur(14px)}.feature-jump>.wrap{display:flex;gap:42px;align-items:center;padding-top:0;padding-bottom:0}.feature-jump a{display:inline-flex;align-items:center;min-height:64px;font-size:13px;color:#84b7cb;border-bottom:2px solid transparent}.feature-jump a:hover,.feature-jump a[aria-current=true]{color:#b2f5ff;border-bottom-color:#67deff}.product-steps{padding-top:5px}.product-step{display:grid;grid-template-columns:1fr 1fr;gap:78px;padding:85px 0;border-bottom:1px solid #154154;align-items:center;scroll-margin-top:175px}.product-step.reverse .feature-visual{grid-column:2;grid-row:1}.product-step.reverse .step-copy{grid-column:1;grid-row:1}.product-step .feature-visual{align-self:stretch;min-height:540px}.product-step .feature-visual img{position:absolute;inset:0;min-height:0}.step-copy h2{font-size:clamp(2rem,2.8vw,3.25rem);line-height:1.25;margin:20px 0 25px;letter-spacing:-.045em}.step-copy>p{font-size:16px;line-height:1.9;color:#9bbfd1}.input-output{margin:25px 0 30px;border-top:1px solid #225c72}.input-output>div{padding:19px 0;border-bottom:1px solid #163f53;display:grid;grid-template-columns:85px 1fr;gap:18px}.input-output dt{font-size:13px;color:#75def6;font-weight:600}.input-output dd{margin:0;font-size:15px;line-height:1.75;color:#8cb3c7}.step-copy .step-detail{font-size:13px;margin-top:20px;color:#7c9fb3;line-height:1.8}.journey-band{padding:80px 0;background:#061924;border-bottom:1px solid #22556a}.journey-band h2{font-size:2rem;line-height:1.4;max-width:750px;margin:18px 0 40px}.journey{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;position:relative}.journey li{border-top:1px solid #327990;padding-top:28px;position:relative}.journey li:before{content:'';position:absolute;top:-3px;left:0;width:35px;height:3px;background:#72e6ff;box-shadow:0 0 17px #0af}.journey span{font-family:var(--display);font-size:13px;color:#ffa05a}.journey h3{font-size:18px;margin:20px 0 14px}.journey p{font-size:15px;color:#8eb4c8;line-height:1.8}.future-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.future-roadmap h2{font-size:2.6rem;margin-top:20px;line-height:1.25}.future-roadmap p{font-size:16px;line-height:1.9;margin-bottom:25px}.future-roadmap .text-link{display:inline-flex;font-size:14px;margin:0 23px 20px 0}.closing{position:relative;overflow:hidden;isolation:isolate;padding:80px 0}.closing-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:.72;z-index:-2}.closing:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#031018f5,#031018c4 42%,#03101833);z-index:-1}.closing h2{max-width:720px}.closing .micro{color:#a1c3d4}.page-intro .intro-art{opacity:.72;object-position:right center;mask-image:linear-gradient(90deg,transparent 10%,#0008 50%,#000 100%)}.page-intro{min-height:400px;display:flex;align-items:center}.page-intro>.wrap{width:100%;position:relative;z-index:1}.page-intro h1{max-width:780px;font-size:3.6rem;line-height:1.25}.page-intro p{font-size:17px;line-height:1.85;max-width:650px;color:#a0c2d4}.studio-head{position:relative;isolation:isolate;overflow:hidden}.studio-art{position:absolute;right:0;top:0;width:55%;height:100%;object-fit:cover;z-index:-1;opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 85%);transition:opacity .35s}.studio-head>.wrap{position:relative;z-index:1}.studio-head p{color:#adccd8;font-size:16px;max-width:740px}.result-art{width:calc(100% + 56px);height:185px;object-fit:cover;margin:-40px -28px 30px;border-bottom:1px solid #236580;mask-image:linear-gradient(180deg,#000 65%,transparent)}.result-panel .empty-state{padding-top:40px;overflow:hidden}.studio-title h1{font-size:3rem}.studio-tabs{background:#04121db3;border-radius:14px 14px 0 0;padding-inline:20px;gap:32px}.studio-tabs button{min-height:65px}.studio-tabs button span{font-size:14px!important}.article-visual{overflow:hidden;margin-top:35px}.article-visual img{transition:transform .8s}.article-visual:hover img{transform:scale(1.025)}.journal-banner{overflow:hidden}.journal-banner img{opacity:1;filter:none}.price-editorial{align-items:center}.free-price{font-size:110px}.price-editorial h2{font-size:2.1rem;line-height:1.4}.included-list dl>div{padding:25px 0}.included-list dt{color:#bde5f3;font-size:17px}.included-list dd{font-size:16px}.future-pricing p{font-size:16px}.transparency-visual{width:100%;height:230px;object-fit:cover;border-radius:0 25px 0 25px;margin:35px 0}.footer-links a,.footer-links button{font-size:14px;line-height:1.8}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.section-heading h2{line-height:1.3}.guide-card p{font-size:16px}.article-head{padding-top:50px}.article-head .reading{max-width:950px}
@media(max-width:1100px){.picture-intro>.wrap{gap:38px}.picture-intro h1{font-size:3rem}.product-step{gap:40px}.step-copy h2{font-size:2.3rem}.feature-visual img{min-height:400px}.site-header nav{gap:24px}.future-roadmap{gap:45px}.desk-copy h1{font-size:3.8rem}}
@media(max-width:860px){.picture-intro{padding-top:48px}.picture-intro>.wrap{grid-template-columns:1fr;gap:40px}.picture-intro h1{font-size:3.5rem}.picture-intro .feature-visual{height:350px}.picture-intro .feature-visual img{min-height:0}.product-step{gap:32px}.product-step .feature-visual{min-height:500px}.step-copy h2{font-size:1.9rem}.input-output>div{grid-template-columns:1fr;gap:8px}.journey{gap:28px}.future-roadmap h2{font-size:2.3rem}.page-intro h1{font-size:3rem}.desk-copy h1{font-size:3.7rem}.desk-copy{max-width:670px}}
@media(max-width:760px){.feature-jump{top:78px}.feature-jump>.wrap{gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.feature-jump a{font-size:12px;min-height:58px}.product-step,.product-step.reverse{grid-template-columns:1fr;gap:32px;padding:55px 0;scroll-margin-top:155px}.product-step .feature-visual,.product-step.reverse .feature-visual{grid-column:auto;grid-row:auto;min-height:0;height:330px}.product-step.reverse .step-copy{grid-column:auto;grid-row:auto}.step-copy h2{font-size:2.4rem}.input-output>div{grid-template-columns:85px 1fr}.journey{grid-template-columns:1fr;gap:30px}.journey li{padding:24px 0 0 45px}.journey span{position:absolute;left:0;top:27px}.journey h3{margin-top:0}.journey-band{padding:55px 0}.journey-band h2{font-size:1.9rem}.future-roadmap{grid-template-columns:1fr;gap:25px}.future-roadmap h2{font-size:2.2rem}.page-intro h1{font-size:2.8rem}.studio-tabs{padding-inline:10px;gap:20px}.studio-art{width:100%;opacity:.35}.studio-head p{font-size:15px}.studio-title{flex-wrap:wrap}.studio-title .button{padding:13px 21px}.studio-title h1{font-size:2.65rem}.result-art{height:175px}.closing h2{font-size:2.4rem}.closing{padding:65px 0}.desk-copy>p{font-size:17px}.desk-copy h1{font-size:3.55rem}.desk-hero .desk-grid{padding-top:50px;padding-bottom:90px}.page-intro .intro-art{opacity:.65;mask-image:linear-gradient(90deg,transparent,#0007)}.picture-intro .feature-visual{height:320px}}
@media(max-width:480px){.picture-intro{padding-top:38px;padding-bottom:45px}.picture-intro>.wrap{gap:32px}.picture-intro h1{font-size:2.45rem;line-height:1.26;letter-spacing:-.055em;margin-top:17px}.picture-intro p{font-size:16px}.picture-intro .feature-visual{height:250px}.feature-visual{border-radius:2px 28px 2px 28px}.feature-visual figcaption{font-size:10px;left:18px;top:17px;right:16px}.product-step .feature-visual,.product-step.reverse .feature-visual{height:270px}.visual-caption{left:18px;bottom:22px;font-size:15px}.visual-caption strong{font-size:18px}.step-copy h2{font-size:2.05rem;line-height:1.3}.step-copy>p{font-size:16px}.input-output>div{grid-template-columns:1fr;gap:8px;padding:19px 0}.input-output dt{font-size:14px}.input-output dd{font-size:15px}.step-copy .button{max-width:100%;font-size:11px;padding:16px 23px}.journey-band h2{font-size:1.7rem;line-height:1.5}.journey p{font-size:16px}.future-roadmap h2{font-size:2rem}.feature-jump>.wrap{padding-inline:22px;gap:22px}.feature-jump a{font-size:12px}.page-intro h1{font-size:2.35rem}.page-intro p{font-size:16px}.studio-tabs{padding-inline:8px;gap:16px}.studio-tabs button span{font-size:12px!important}.studio-tabs button{padding-inline:0;min-width:0}.studio-tabs button{font-size:11px}.studio-title h1{font-size:2.4rem}.studio-title .button{font-size:11px}.result-art{height:155px;width:calc(100% + 50px);margin-inline:-25px}.free-price{font-size:90px}.price-editorial h2{font-size:1.85rem}.included-list dd{font-size:16px}.desk-copy h1{font-size:2.8rem;line-height:1.16}.desk-copy>p{font-size:16px}.desk-hero .desk-grid{padding-top:45px;padding-bottom:95px}.desk-hero{min-height:800px}.hero-footnote{max-width:290px}.closing h2{font-size:2rem}.closing-art{object-position:65% center}.builder-credit{font-size:12px}.guide-card h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){[data-ambient],.hero-art[data-ambient]{animation:none;will-change:auto}.reveal-ready{opacity:1;transform:none;transition:none}.feature-visual{transform:none;transition:none}.feature-visual:after{display:none}.tool-rows>a:hover,.guide-card:hover,.article-visual:hover img{transform:none}.reading-progress{display:none}}
