.landing-root .gradient-text{background:linear-gradient(135deg, var(--brand-600) 0%, var(--brand-400) 50%, var(--brand-600) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-root .hero-bg{background:radial-gradient(60% 60% at 50% 0%, color-mix(in srgb, var(--brand-500) 18%, transparent) 0%, transparent 60%), radial-gradient(40% 40% at 80% 20%, color-mix(in srgb, var(--brand-300) 25%, transparent) 0%, transparent 70%), #fff}.landing-root .grid-bg{background-image:linear-gradient(#0a0a0f0a 1px,#0000 1px),linear-gradient(90deg,#0a0a0f0a 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(at top,#000 30%,#0000 70%);mask-image:radial-gradient(at top,#000 30%,#0000 70%)}.landing-root details[open] .faq-icon{transform:rotate(45deg)}.landing-root .faq-icon{transition:transform .2s;display:inline-block}.landing-root{scroll-behavior:smooth}.landing-root .feature-mockup{aspect-ratio:32/21;background:#f8fafc;border-radius:.75rem;padding:clamp(.5rem,1.6vw,1rem);overflow:hidden}.landing-root .feature-window{background:#fff;border:1px solid #0f172a0f;border-radius:.95rem;height:100%;overflow:hidden;box-shadow:0 22px 40px -26px #0f172a52,0 5px 14px #0f172a0d}.landing-root .feature-window-top{border-bottom:1px solid #eef2f7;align-items:center;height:11%;min-height:28px;padding:0 .85rem;display:flex}.landing-root .feature-dot{border-radius:999px;flex:none;width:.45rem;height:.45rem;margin-right:.35rem}.landing-root .feature-app{grid-template-columns:minmax(72px,22%) 1fr;height:89%;display:grid}.landing-root .feature-sidebar{background:#fbfdff;border-right:1px solid #f1f5f9;padding:clamp(.7rem,1.7vw,1rem)}.landing-root .feature-nav-item{color:#64748b;border-radius:.45rem;padding:.35rem .45rem;font-size:clamp(.45rem,1.1vw,.58rem);font-weight:700;line-height:1.1}.landing-root .feature-nav-active{color:#df6b6d;background:#fff1f2}.landing-root .feature-canvas{background:linear-gradient(135deg,#f8fafc,#fff);min-width:0;padding:clamp(.75rem,2vw,1.2rem);position:relative}.landing-root .feature-panel,.landing-root .feature-workflow-panel,.landing-root .feature-pdf-page,.landing-root .feature-progress-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem}.landing-root .feature-field-row{opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:.55rem;align-items:center;gap:.5rem;padding:.35rem .45rem;animation:4.8s ease-in-out infinite feature-rise;display:flex;transform:translateY(8px)}.landing-root .feature-field-row span,.landing-root .feature-action span{border:1px solid var(--brand-500);background:var(--brand-50);border-radius:999px;flex:none;width:.58rem;height:.58rem}.landing-root .feature-field-row div,.landing-root .feature-source-row div,.landing-root .feature-trigger div,.landing-root .feature-action div{color:#0f172a;font-size:clamp(.47rem,1.2vw,.62rem);font-weight:800;line-height:1.1}.landing-root .feature-field-row small,.landing-root .feature-source-row small,.landing-root .feature-trigger span{color:#94a3b8;font-size:clamp(.42rem,1vw,.52rem);font-weight:700;line-height:1.1}.landing-root .feature-source-row{opacity:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.55rem;margin-bottom:.45rem;padding:.45rem .5rem;animation:5.6s ease-in-out infinite feature-rise;transform:translateY(8px)}.landing-root .feature-automap{grid-template-columns:1fr .32fr 1.05fr .5fr;align-items:stretch;gap:.55rem;height:70%;display:grid}.landing-root .feature-map-lines{position:relative}.landing-root .feature-map-lines span{border-top:2px dashed var(--brand-400);opacity:0;transform-origin:0;width:100%;animation:5.6s ease-in-out infinite feature-line;position:absolute;left:0}.landing-root .feature-map-lines span:first-child{--angle:-20deg;transform:rotate(var(--angle)) scaleX(0);top:29%}.landing-root .feature-map-lines span:nth-child(2){--angle:-9deg;transform:rotate(var(--angle)) scaleX(0);animation-delay:.45s;top:45%}.landing-root .feature-map-lines span:nth-child(3){--angle:8deg;transform:rotate(var(--angle)) scaleX(0);animation-delay:.9s;top:65%}.landing-root .feature-pdf-page{padding:1rem .75rem;position:relative}.landing-root .feature-pdf-field,.landing-root .feature-editor-selection,.landing-root .feature-editor-name{border:1.5px solid var(--brand-500);background:var(--brand-50);width:58%;color:var(--brand-700);opacity:0;border-radius:.35rem;padding:.2rem .35rem;font-size:clamp(.42rem,1vw,.52rem);font-weight:800;animation:5.6s ease-in-out infinite feature-pop;position:absolute;left:21%}.landing-root .feature-pdf-field:nth-of-type(5){animation-delay:.45s}.landing-root .feature-pdf-field:nth-of-type(6){animation-delay:.9s}.landing-root .feature-progress-card{flex-direction:column;justify-content:center;align-items:center;padding:.5rem;display:flex}.landing-root .feature-progress-ring{background:radial-gradient(circle at center, #fff 55%, transparent 57%), conic-gradient(var(--brand-500) 0deg, var(--brand-500) 320deg, var(--brand-100) 320deg);border-radius:999px;width:clamp(1.8rem,5vw,2.5rem);height:clamp(1.8rem,5vw,2.5rem);animation:5.6s ease-in-out infinite feature-progress}.landing-root .feature-workflow-panel{grid-template-columns:1.1fr .35fr 1.05fr .55fr;align-items:center;gap:.55rem;height:70%;padding:.9rem;display:grid;position:relative}.landing-root .feature-trigger,.landing-root .feature-action{opacity:0;border-radius:.55rem;padding:.48rem .55rem;animation:5.6s ease-in-out infinite feature-slide-in;transform:translate(-8px)}.landing-root .feature-action{background:#fff;border:1px solid #e2e8f0;align-items:center;gap:.45rem;display:flex}.landing-root .feature-workflow-lines{opacity:.75;background:linear-gradient(22deg,#0000 47%,#cbd5e1 48% 52%,#0000 53%),linear-gradient(#0000 47%,#cbd5e1 48% 52%,#0000 53%),linear-gradient(-22deg,#0000 47%,#cbd5e1 48% 52%,#0000 53%);height:74%}.landing-root .feature-run-node{text-align:center;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.65rem;padding:.8rem .3rem;font-size:clamp(.45rem,1.05vw,.55rem);font-weight:800;line-height:1.15}.landing-root .feature-run-dot{background:var(--brand-600);width:.55rem;height:.55rem;box-shadow:0 0 0 6px color-mix(in srgb, var(--brand-500) 18%, transparent);border-radius:999px;animation:5.6s ease-in-out infinite feature-run;position:absolute;top:46%;left:52%}.landing-root .feature-editor-page{overflow:hidden}.landing-root .feature-editor-selection{opacity:1;width:55%;animation:5.6s ease-in-out infinite feature-editor-move;top:44%;left:23%}.landing-root .feature-editor-name{color:#047857;opacity:1;background:#ecfdf5;border-color:#10b981;width:55%;animation:none;bottom:14%;left:23%}.landing-root .feature-slider{background:var(--brand-500);border-radius:999px;width:72%;height:100%;animation:5.6s ease-in-out infinite feature-slider}.landing-root .feature-cursor{z-index:4;clip-path:polygon(0 0,0 100%,33% 72%,55% 100%,82% 88%,58% 62%,100% 62%);filter:drop-shadow(0 1px #fff);background:#111827;width:1.05rem;height:1.4rem;position:absolute}.landing-root .feature-cursor-survey{animation:4.8s ease-in-out infinite feature-cursor-survey;top:54%;left:31%}.landing-root .feature-cursor-editor{animation:5.6s ease-in-out infinite feature-cursor-editor;top:54%;left:61%}@keyframes feature-rise{0%,14%{opacity:0;transform:translateY(8px)}28%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes feature-pop{0%,16%{opacity:0;transform:scale(.94)}30%,82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes feature-line{0%,18%{opacity:0;transform:rotate(var(--angle,0deg)) scaleX(0)}35%,82%{opacity:1;transform:rotate(var(--angle,0deg)) scaleX(1)}to{opacity:0;transform:rotate(var(--angle,0deg)) scaleX(1)}}@keyframes feature-progress{0%,18%{background:radial-gradient(circle at center, #fff 55%, transparent 57%), conic-gradient(var(--brand-500) 0deg, var(--brand-500) 45deg, var(--brand-100) 45deg)}72%,to{background:radial-gradient(circle at center, #fff 55%, transparent 57%), conic-gradient(var(--brand-500) 0deg, var(--brand-500) 360deg, var(--brand-100) 360deg)}}@keyframes feature-slide-in{0%,16%{opacity:0;transform:translate(-8px)}30%,84%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes feature-run{0%,25%{opacity:0;transform:translate(-22px,-38px)}40%{opacity:1;transform:translateY(-38px)}66%{opacity:1;transform:translateY(38px)}to{opacity:0;transform:translate(22px,38px)}}@keyframes feature-editor-move{0%,20%{transform:translate(-18px,24px)}42%,to{transform:translate(12px,-12px)}}@keyframes feature-slider{0%,26%{width:42%}54%,to{width:82%}}@keyframes feature-cursor-survey{0%,18%{transform:translate(-24px,-20px)}48%,to{transform:translate(28px,34px)}}@keyframes feature-cursor-editor{0%,18%{transform:translate(-22px,24px)}50%,to{transform:translate(16px,-18px)}}
