@media (min-width:1024px){#tools{--tool-width:clamp(1200px, min(94vw, 168svh), 1800px);--tool-padding:clamp(48px, 4vw, 80px);--tool-gap:clamp(40px, 4vw, 80px);--tool-copy-width:clamp(390px, min(29vw, 45svh), 560px);--tool-title-size:clamp(64px, min(4.7vw, 7.6svh), 92px);--tool-body-size:clamp(15px, min(1.06vw, 1.75svh), 20px);--tool-note-size:clamp(11px, min(.78vw, 1.28svh), 14px);--tool-tag-size:clamp(10px, min(.72vw, 1.15svh), 13px);--tool-section-padding:clamp(48px, 5svh, 80px);--tool-flow-height:clamp(290px, min(22vw, 34svh), 420px);--tool-flow-unit:clamp(1px, min(.078125vw, .1389svh), 1.45px);--n8n-scene-height:clamp(560px, calc(100svh - 112px), 1040px);--n8n-reveal-distance:clamp(360px, 48svh, 640px)}#tools .lunar-tool-section{padding-block:var(--tool-section-padding)}#tools .lunar-tool-scene{max-width:var(--tool-width);padding-inline:var(--tool-padding)}#tools .lunar-tool-grid{min-height:clamp(660px, calc(100svh - 96px - var(--tool-section-padding) * 2), 1020px);gap:var(--tool-gap);grid-template-columns:repeat(2,minmax(0,1fr))}#tools .lunar-tool-moon{height:clamp(580px,min(48vw,74svh),820px)}#tools .lunar-tool-copy{max-width:var(--tool-copy-width)}#tools .lunar-tool-eyebrow{font-size:var(--tool-tag-size)}#tools .lunar-tool-name{font-size:clamp(18px,min(1.35vw,2.2svh),26px)}#tools .lunar-tool-title{font-size:var(--tool-title-size)}#tools .lunar-tool-description{font-size:var(--tool-body-size)}#tools .lunar-tool-example>p:first-child{font-size:clamp(9px,min(.66vw,1.06svh),12px)}#tools .lunar-tool-example>p:last-child{font-size:clamp(13px,min(.92vw,1.5svh),17px)}#tools .lunar-tool-tags>li{font-size:var(--tool-tag-size)}#tools .lunar-tool-note{font-size:var(--tool-note-size)}#tools .lunar-tool-copy>p.text-\[10px\]{font-size:var(--tool-tag-size)}#tools .lunar-tool-copy>p:last-child{font-size:clamp(12px,min(.85vw,1.4svh),16px)}#tools #tool-n8n{height:calc(var(--n8n-scene-height) + var(--n8n-reveal-distance));padding-block:0}#tools #tool-n8n .lunar-tool-scene{height:var(--n8n-scene-height);min-height:560px;max-height:none;position:sticky;top:96px}#tools #tool-n8n .lunar-tool-grid{min-height:0}#tools #tool-n8n .lunar-tool-moon{top:calc(var(--tool-flow-height) + 10px);height:calc(100% - var(--tool-flow-height) - 10px);width:calc((100% - var(--tool-gap)) / 2)}#tools .n8n-constellation{right:var(--tool-padding);width:calc((100% - var(--tool-padding) * 2 - var(--tool-gap)) / 2);height:var(--tool-flow-height)}#tools .n8n-constellation .flow-star{top:calc(var(--scene-y) * var(--tool-flow-unit));opacity:0}#tools .n8n-constellation .flow-badge{width:calc(48 * var(--tool-flow-unit));height:calc(48 * var(--tool-flow-unit))}#tools .n8n-constellation .flow-label{top:calc(60 * var(--tool-flow-unit));width:calc(100 * var(--tool-flow-unit))}#tools .n8n-constellation .flow-label>p:nth-child(2){font-size:var(--tool-note-size)}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){#tools{--n8n-reveal-distance:0px}#tools #tool-n8n .lunar-tool-scene{position:relative;top:auto}}
