/* Fluid publication composition shares the homepage's available screen width */
.km-publication{--km-unit:clamp(.8px,.069444vw,1.8px);--km-space-before:calc(90 * var(--km-unit));--km-space-after:calc(70 * var(--km-unit));padding-inline:max(24px,6vw)}
.km-publication__inner{max-width:2100px;width:100%;margin-inline:auto}
.km-publication__main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5.6%;align-items:center}
.km-publication__visual{max-width:none;margin:0;width:100%}
.km-publication__eyebrow{gap:calc(18 * var(--km-unit));margin-bottom:calc(20 * var(--km-unit))}
.km-publication__institution{font-size:calc(19 * var(--km-unit))}.km-publication__badge{font-size:calc(13 * var(--km-unit));padding:calc(4 * var(--km-unit)) calc(13 * var(--km-unit));line-height:1.5}
.km-publication__title{font-size:calc(48 * var(--km-unit));line-height:1.28;letter-spacing:-.025em}
.km-publication__description{font-size:calc(20 * var(--km-unit));margin-top:calc(9 * var(--km-unit))!important;line-height:1.6}
.km-publication__journal{font-size:calc(25 * var(--km-unit))}.km-publication__metric-label{font-size:calc(19 * var(--km-unit))}.km-publication__metric-value{font-size:calc(36 * var(--km-unit))}
.km-publication__source{font-size:calc(14 * var(--km-unit))}.km-publication__role{font-size:calc(18 * var(--km-unit));margin-top:calc(17 * var(--km-unit))!important}
.km-publication__actions{gap:calc(14 * var(--km-unit));margin-top:calc(15 * var(--km-unit))}
.km-publication .km-publication__button{font-size:calc(16 * var(--km-unit));padding:calc(11 * var(--km-unit)) calc(26 * var(--km-unit));min-height:48px}
.km-publication__reward{margin-top:calc(72 * var(--km-unit))}.km-publication__reward-title{font-size:calc(25 * var(--km-unit))}.km-publication__reward-copy{font-size:calc(16 * var(--km-unit))}.km-publication .km-publication__rules-link{font-size:calc(17 * var(--km-unit))}
.core-features h2{font-size:36px;line-height:1.111111;letter-spacing:-.025em;font-weight:700;text-align:center;margin-bottom:64px}
@media(min-width:768px){.core-features h2{font-size:48px;line-height:1}}
@media(min-width:1024px){.hero-art-slot{align-self:start;min-height:0;justify-content:center;margin-top:12px}.research-scene{width:100%;margin-left:0;aspect-ratio:auto;height:calc(620px * var(--scene-scale))}}
.hero-about-link{display:inline-flex;width:fit-content;align-items:center;gap:12px;min-height:44px;margin-top:0;color:var(--foreground);font-size:16px;border-bottom:1px solid var(--border);transition:border-color .2s,gap .2s}
.hero-about-link svg{width:18px;height:18px;color:var(--color-blue-500)}.hero-about-link:hover{border-color:var(--color-blue-500);gap:20px}
.hero-orbits{position:absolute!important;inset:0;width:720px!important;height:620px!important;pointer-events:none;z-index:0}
.scene-field .orbit{opacity:0}.scene-paper,.figure-window{backface-visibility:hidden}.figure-preview>.hero-result-previous{position:absolute;inset:0;pointer-events:none}.figure-preview>.hero-result{position:relative}.figure-preview{background:#f4f5f6}
.pricing-card{isolation:isolate;border-color:var(--border)!important;background:var(--card)!important;box-shadow:none!important;transition:border-color .25s,translate .25s!important;transform:none!important}
.pricing-card:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(320px circle at var(--pointer-x,50%) var(--pointer-y,50%),color-mix(in oklch,var(--primary) 21%,transparent),transparent 78%);transition:opacity .25s}
.pricing-card.pointer-active,.pricing-card.keyboard-active{border-color:var(--primary)!important}.pricing-card.pointer-active:before,.pricing-card.keyboard-active:before{opacity:1}
.pricing-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--foreground);padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .25s,border-color .25s,box-shadow .25s,color .25s}
.pricing-card.pointer-active .pricing-cta,.pricing-card.keyboard-active .pricing-cta{background:var(--cta-fill);border-color:var(--cta-fill);color:white}
.pricing-cta[data-plan="membership"]{--cta-fill:#000}.pricing-cta[data-plan="credits"]{--cta-fill:var(--primary)}
.pricing-card.pointer-active .pricing-cta[data-plan="membership"],.pricing-card.keyboard-active .pricing-cta[data-plan="membership"]{box-shadow:inset 0 -5px 9px #ffffff1f}
.pricing-cta:focus-visible{outline:2px solid var(--color-blue-400);outline-offset:4px}
.beginner-faq{padding:100px 24px 110px}.beginner-faq>.container{max-width:1280px;display:grid;grid-template-columns:.85fr 1.35fr;gap:80px}
.beginner-faq h2{font-size:clamp(36px,3.7vw,56px);font-weight:700;line-height:1.3;letter-spacing:-.025em}
.faq-list{border-top:1px solid var(--border)}.faq-list details{border-bottom:1px solid var(--border)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:27px 0;list-style:none;font-size:20px;font-weight:600;cursor:pointer;color:var(--foreground)}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{flex-shrink:0;width:22px;height:22px;color:var(--color-blue-500);transition:rotate .25s}.faq-list details[open] summary svg{rotate:45deg}
.faq-list summary:hover{color:var(--color-blue-400)}.faq-list summary:focus-visible{outline:2px solid var(--primary);outline-offset:5px}
.faq-answer{padding:0 38px 28px 0;font-size:16px;line-height:1.9;color:var(--muted-foreground)}.faq-answer a{display:inline-flex;gap:12px;padding-top:15px;min-height:44px;color:var(--color-blue-400)}
.case-page{max-width:1500px;margin:auto;padding:150px 5vw 100px}.case-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-bottom:32px;color:var(--muted-foreground)}.case-back:hover{color:var(--foreground)}
.case-detail{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.case-art{border:0;background:var(--card);border-radius:16px;padding:20px;cursor:zoom-in}.case-art img{width:100%;height:auto;display:block;object-fit:contain}.case-text h1{font-size:clamp(30px,3vw,48px);line-height:1.35;font-weight:700;margin:18px 0 24px}.case-category{color:var(--color-blue-400);font-size:14px}.case-text p{color:var(--muted-foreground);font-size:18px;line-height:1.8}.case-browse{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--border);margin-top:60px;padding-top:25px}.case-browse a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--color-blue-400)}.case-open{display:inline-flex;gap:12px;margin-top:24px;min-height:44px;align-items:center;color:var(--color-blue-400)}
@media(max-width:1023px){.hero-about-link{align-self:center;margin:16px auto 0}.km-publication{--km-unit:.9px}.km-publication__title{font-size:clamp(28px,4.2vw,42px)}.km-publication__eyebrow{flex-wrap:wrap;gap:9px}.km-publication__institution{font-size:16px}.km-publication__badge{font-size:11px}.km-publication__description{font-size:16px}.km-publication__journal{font-size:21px}.km-publication__actions{gap:10px}.km-publication .km-publication__button{font-size:14px;padding-inline:16px}.beginner-faq>.container{gap:36px}.faq-list summary{font-size:17px}.case-detail{gap:32px}}
@media(max-width:760px){.km-publication{--km-unit:1px;--km-space-before:64px;--km-space-after:60px;padding-inline:24px}.km-publication__main{grid-template-columns:1fr;gap:36px}.km-publication__title{font-size:clamp(29px,7.7vw,48px)}.km-publication__visual{max-width:none}.km-publication__reward{margin-top:40px}.km-publication__reward-title{font-size:22px}.km-publication__description{font-size:16px}.core-features h2{font-size:36px;margin-bottom:40px}.beginner-faq{padding:60px 24px 70px}.beginner-faq>.container{grid-template-columns:1fr;gap:32px}.beginner-faq h2{font-size:36px}.faq-list summary{font-size:17px;padding-block:22px}.faq-answer{font-size:15px;padding-right:5px}.case-page{padding:110px 24px 64px}.case-detail{grid-template-columns:1fr;gap:24px}.case-text h1{font-size:28px}.case-text p{font-size:16px}.case-browse{margin-top:32px}.hero-about-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-orbits{opacity:.8}.pricing-card:before,.faq-list summary svg{transition:none}}

@media(max-width:640px){.core-features h2{font-size:32px;line-height:1.111111}}

/* Local spacing and gradual entry into the original CTA glow */
.hero-copy>:has(+.hero-about-link){margin-block-end:8px}
@media(max-width:1023px){.hero-copy .hero-about-link{margin-top:0}}
.official-cta>.pointer-events-none{mask-image:linear-gradient(to bottom,transparent 0%,#000 32%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 32%)}

/* Use the original workflow frame width, aspect ratio and inset at every viewport */
.core-features .cap-panels{position:relative;left:50%;transform:translateX(-50%);width:min(64rem,calc(100% + 48px));max-width:none}
.core-features .cap-video{padding:0;border-radius:16px}
.core-features .cap-video video{border-radius:0}
.core-features .cap-link{right:18px;bottom:18px}
@media(min-width:1024px){.core-features .cap-panels{width:min(64rem,calc(100% + 80px))}}
@media(max-width:640px){.core-features .cap-panels{width:calc(100% + 32px)}}