.feature-site{--feature-gutter:clamp(16px, 4vw, 56px);--feature-paper:var(--canvas);--feature-field:#e9e3d8;--feature-night:#1f2a44;--feature-section:clamp(64px, 9vw, 120px);min-height:100svh;color:var(--ink);background:var(--feature-paper);font-family:var(--font-ui);font-size:18px;line-height:1.55;overflow-x:clip}.feature-site *{box-sizing:border-box}.feature-site h1,.feature-site h2,.feature-site h3,.feature-site p,.feature-site figure,.feature-site dl{margin:0}.feature-site h1,.feature-site h2{letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.05}.feature-site a{color:inherit;text-decoration:none}.feature-site :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.feature-site .feature-skip{inset-inline-start:20px;z-index:30;background:var(--ink);color:#fff;padding:12px 20px;position:absolute;top:-100px}.feature-site .feature-skip:focus{top:10px}.feature-nav{z-index:20;padding:14px var(--feature-gutter);background:var(--feature-paper);align-items:center;gap:28px;display:flex;position:sticky;top:0}.feature-nav .brand{flex-shrink:0;font-size:30px}.feature-nav nav{align-items:center;gap:24px;margin-inline-start:auto;display:flex}.feature-nav nav>a,.feature-signin{font-size:16px;font-weight:500;transition:color .16s}.feature-nav nav>a:hover{color:var(--accent)}.feature-site .feature-signin{border-radius:var(--radius-control);background:var(--ink);color:#fff;padding:10px 18px;transition:transform .16s,background .16s}.feature-site .feature-signin:hover{background:var(--accent)}.feature-signin:active{transform:scale(.97)}.feature-site .language-switch{min-height:44px;color:var(--ink);background:0 0;border:0;padding:8px;font-size:16px;box-shadow:none!important;position:static!important}.feature-site .language-switch:hover{color:var(--accent)}.feature-site~.language-switch{display:none}.feature-site h1{font-size:clamp(44px,4.8vw,72px)}.feature-site h2{font-size:clamp(36px,4.2vw,60px)}.feature-site p{max-width:54ch;color:var(--ink-2);font-size:19px}.feature-site .feature-button{border-radius:var(--radius-control);background:var(--accent);color:#fff;min-height:52px;font:600 17px var(--font-ui);justify-content:center;align-items:center;gap:10px;padding:0 26px;transition:transform .16s,background .16s;display:inline-flex}.feature-site .feature-button:hover{background:var(--accent-hover)}.feature-site .feature-button:active{transform:scale(.97)}.feature-site .feature-button-light{color:var(--accent);background:#fff;flex-shrink:0}.feature-site .feature-button-light:hover{background:var(--accent-tint)}.feature-hero{padding:clamp(32px, 5vw, 72px) var(--feature-gutter) var(--feature-section);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.feature-hero-copy{justify-items:start;gap:28px;display:grid}.feature-hero-copy>p{max-width:36ch;font-size:clamp(19px,1.6vw,23px);line-height:1.45}.feature-stage,.feature-secondary-stage{background:var(--feature-field);border-radius:28px;min-width:0;padding:clamp(24px,3vw,40px)}.feature-stage>figcaption,.feature-secondary-stage figcaption{max-width:44ch;color:var(--ink-2);margin-top:22px;font-size:16px;line-height:1.5}.feature-site [data-ui]{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);font-family:var(--font-ui);text-align:start;border-radius:18px;overflow:hidden}.feature-site [data-ui] h3{letter-spacing:-.02em;max-width:20ch;margin-bottom:26px;font-size:28px;font-weight:600;line-height:1.14}.feature-site [data-ui] .demo-top{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:14px;display:flex}.feature-site [data-ui] .demo-top>span:first-child{color:var(--accent);letter-spacing:-.03em;font-size:21px;font-weight:650}.feature-site [data-ui] .demo-content{animation:feature-enter var(--motion-ui) both;padding:26px 24px 22px}.feature-site [data-ui] .demo-tabs{background:var(--surface-sunken);border-radius:12px;flex-wrap:wrap;gap:4px;margin:18px 20px 0;padding:4px;display:flex}.feature-site [data-ui] .demo-tabs button{min-height:44px;color:var(--ink-2);font:500 14px/1.25 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:8px 10px;transition:background .16s,color .16s,transform .16s}.feature-site [data-ui] .demo-tabs button:hover{color:var(--ink)}.feature-site [data-ui] .demo-tabs button:active{transform:scale(.96)}.feature-site [data-ui] .demo-tabs button[aria-pressed=true]{background:var(--accent);color:#fff;font-weight:600}.feature-site [data-ui] .demo-rows>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:57px;padding:12px 0;font-size:15px;display:flex}.feature-site [data-ui] .demo-rows dt{flex:1;min-width:0}.feature-site [data-ui] .demo-rows dd{text-align:end;max-width:62%;margin:0;font-weight:550}.feature-site [data-ui] .demo-note{max-width:44ch;color:var(--muted);margin-top:22px;font-size:14px;line-height:1.55}.feature-site [data-ui] .demo-bottom{background:var(--surface-sunken);color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;padding:12px 20px;font-size:12px;display:flex}.feature-site [data-ui] .demo-bottom>span:last-child{margin-inline-start:auto}.feature-site [data-ui] .demo-dot{background:var(--muted);border-radius:50%;width:6px;height:6px}.feature-site [data-ui] .demo-stamps{grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0;display:grid}.feature-site [data-ui] .demo-stamps>span{aspect-ratio:1;border:1px dashed var(--accent-tint-2);background:var(--accent-tint);max-width:62px;color:var(--accent);border-radius:50%;place-items:center;font-size:27px;display:grid}.feature-site [data-ui] .demo-stamps>.collected{background:var(--accent);color:#fff;border:0}.feature-site [data-ui].demo-card .demo-content{background:var(--accent-tint)}.feature-site [data-ui].demo-menu .demo-content,.feature-site [data-ui].demo-message .demo-content{background:var(--feature-paper)}.feature-site [data-ui].demo-menu h3{max-width:14ch;font-size:38px}.feature-site [data-ui].demo-menu .demo-rows>div{border-color:var(--line-strong);min-height:68px}.feature-site [data-ui] .demo-chart{background:var(--surface-sunken);align-items:end;gap:12px;height:140px;margin-bottom:20px;padding:8px 6px 0;display:flex}.feature-site [data-ui] .demo-chart>span{background:var(--accent);border-radius:5px 5px 0 0;flex:1;transition:height .3s}.feature-site [data-ui] .demo-chart>span:nth-child(2n){background:var(--accent-tint-2)}.feature-site [data-ui] .demo-avatar,.feature-site [data-ui] .demo-node{background:var(--accent-tint);color:var(--accent);flex-shrink:0;place-items:center;display:grid}.feature-site [data-ui] .demo-avatar{border-radius:50%;width:32px;height:32px}.feature-site [data-ui] .demo-node{border-radius:6px;width:30px;height:30px}.feature-site [data-ui] .demo-prompt{background:var(--accent-tint);border-radius:12px 12px 0;margin-bottom:28px;padding:14px;font-size:15px}.feature-site [data-ui].demo-message .demo-rows{background:var(--surface);border-radius:10px;padding:0 14px}.feature-site [data-ui] .demo-wheel{border:7px solid var(--accent-tint);background:var(--accent-tint-2);border-radius:50%;place-items:center;width:158px;height:158px;margin:0 auto 26px;display:grid;position:relative;transform:rotate(-20deg)}.feature-site [data-ui] .wheel-state-1{transform:rotate(40deg)}.feature-site [data-ui] .demo-wheel>span{background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;font-size:15px;font-weight:650;display:grid;position:relative;transform:rotate(20deg)}.feature-site [data-ui] .demo-wheel-face{width:100%;height:100%;position:absolute;inset:0}.feature-site [data-ui] .demo-scan{border:3px solid var(--accent);border-radius:8px;justify-content:center;align-items:center;gap:5px;width:136px;height:110px;margin:0 auto 28px;display:flex;position:relative}.feature-site [data-ui] .demo-scan span{background:var(--ink);width:8px;height:60%}.feature-site [data-ui] .demo-scan span:nth-child(2){width:15px}.feature-site [data-ui] .demo-scan i{inset-inline:5%;background:var(--accent);height:2px;position:absolute;top:48%}.feature-workflow{padding:clamp(40px, 5vw, 64px) var(--feature-gutter);background:var(--feature-night);color:#fff}.feature-workflow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.feature-workflow li{align-items:center;gap:18px;font-size:21px;line-height:1.3;display:flex}.workflow-marker{color:var(--accent-tint-2);flex-shrink:0;display:grid}.feature-detail-section{padding:var(--feature-section) var(--feature-gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.feature-points{gap:48px;display:grid}.feature-points h2{margin-bottom:14px;font-size:clamp(28px,2.6vw,38px)}.directory-ai .feature-points{justify-items:start;gap:24px}.directory-ai .feature-points h2{margin:0;font-size:clamp(36px,4.2vw,60px)}.feature-related{padding:var(--feature-section) var(--feature-gutter);background:var(--feature-field)}.feature-related>h2{margin-bottom:40px}.feature-related>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);display:grid}.related-feature{min-width:0;display:block}.feature-site .related-feature>[data-ui]{border:0}.feature-site .related-feature>[data-ui] .demo-rows>div{min-height:46px}.feature-site .related-feature h3{letter-spacing:-.02em;justify-content:space-between;gap:16px;margin-top:24px;font-size:28px;font-weight:600;line-height:1.2;transition:color .16s;display:flex}.feature-site .related-feature>p{margin-top:10px;font-size:18px}.related-feature:hover h3{color:var(--accent)}.feature-action{padding:var(--feature-section) var(--feature-gutter);background:var(--accent);color:#fff;justify-content:space-between;align-items:center;gap:32px;display:flex}.feature-action h2{max-width:16ch}.feature-footer{padding:32px var(--feature-gutter) 40px;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:12px 28px;font-size:15px;display:flex}.feature-footer nav{flex-wrap:wrap;gap:20px;display:flex}.feature-footer nav a:hover,.feature-credits a:hover{color:var(--accent)}.feature-footer>span:nth-of-type(2){margin-inline-start:auto}.feature-site .feature-credits{max-width:none;color:var(--muted);flex-basis:100%;font-size:13px;line-height:1.6}.feature-credits a{text-underline-offset:3px;text-decoration:underline}.directory-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(100svh - 72px,760px);display:grid}.directory-hero-sheet{padding:clamp(32px, 6vw, 88px) var(--feature-gutter);flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;display:flex}.feature-site .directory-hero h1{max-width:12ch;font-size:clamp(48px,5.6vw,88px)}.directory-hero p{max-width:34ch;font-size:clamp(19px,1.6vw,23px);line-height:1.45}.directory-hero-photo{background:var(--feature-night);min-height:520px;position:relative;overflow:hidden}.directory-hero-photo img{object-fit:cover}.directory-showcase{padding:clamp(48px, 6vw, 88px) var(--feature-gutter);background:var(--feature-night);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(16px,2vw,28px);display:grid}.directory-preview{min-width:0}.directory-preview>span{color:#fff;justify-content:space-between;align-items:center;margin-top:20px;font-size:24px;font-weight:600;display:flex}.directory-preview:hover>span{color:var(--accent-tint-2)}.feature-site .directory-preview [data-ui]{border:0;min-height:390px}.feature-site .directory-preview [data-ui] h3{font-size:26px}.directory-jumps{padding:32px var(--feature-gutter) 0;flex-wrap:wrap;justify-content:center;gap:12px 48px;display:flex}.directory-jumps a{min-height:44px;color:var(--accent);align-items:center;font-size:17px;font-weight:500;display:inline-flex}.directory-jumps a:hover{color:var(--accent-hover)}.directory-group{padding:clamp(48px, 6vw, 88px) var(--feature-gutter);grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(32px,5vw,80px);scroll-margin-top:72px;display:grid}.directory-group h2{max-width:13ch}.feature-index-row{grid-template-columns:minmax(0,1fr) 36px;gap:10px 20px;padding:20px 0 24px;display:grid}.feature-site .feature-index-row h3{letter-spacing:-.02em;font-size:28px;font-weight:600;line-height:1.2;transition:color .16s}.feature-site .feature-index-row p{grid-row:2;max-width:52ch;font-size:17px}.feature-index-row>span{color:var(--accent);grid-area:1/2;font-size:28px;transition:transform .16s}.feature-index-row+.feature-index-row{margin-top:8px}.feature-index-row:hover h3{color:var(--accent)}.feature-index-row:hover>span{transform:translate(3px,-3px)}[dir=rtl] .feature-index-row:hover>span{transform:translate(-3px,-3px)}.directory-ai{background:var(--feature-field)}@keyframes feature-enter{0%{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:no-preference){.feature-hero-copy>*,.directory-hero-sheet>*{animation:.64s cubic-bezier(.2,.8,.2,1) both feature-enter}.feature-hero-copy>:nth-child(2),.directory-hero-sheet>:nth-child(2){animation-delay:80ms}.feature-hero-copy>:nth-child(3),.directory-hero-sheet>:nth-child(3){animation-delay:.16s}.feature-stage{animation:.7s cubic-bezier(.2,.8,.2,1) .16s both feature-enter}@supports (animation-timeline:view()){.directory-preview,.feature-index-row,.feature-points>*,.related-feature{animation:linear both feature-enter;animation-timeline:view();animation-range:entry entry 70%}.directory-preview:nth-child(2),.related-feature:nth-child(2){animation-range:entry 8% entry 78%}.directory-preview:nth-child(3){animation-range:entry 16% entry 86%}}}html[dir=rtl] .feature-site h1,html[dir=rtl] .feature-site h2,html[dir=rtl] .feature-site h3{letter-spacing:0;line-height:1.3}@media (max-width:960px){.feature-nav nav>a{display:none}.feature-nav nav{gap:8px}.feature-nav{gap:12px}.feature-hero,.feature-detail-section,.directory-hero,.directory-group{grid-template-columns:minmax(0,1fr)}.feature-hero{padding-top:24px}.feature-site h1{font-size:clamp(34px,8.4vw,64px)}.feature-stage>[data-ui],.feature-stage>figcaption{max-width:520px;margin-inline:auto}.feature-workflow ol{grid-template-columns:minmax(0,1fr);gap:22px}.feature-workflow li{font-size:19px}.directory-hero-photo{order:-1;height:42vh;min-height:280px}.feature-site .directory-hero h1{font-size:clamp(42px,9vw,72px)}.directory-showcase{grid-template-columns:minmax(0,1fr);gap:40px}.directory-preview{width:100%;max-width:520px;margin-inline:auto}.directory-group{gap:28px}.directory-group h2{max-width:16ch}.feature-action{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.feature-nav .brand{font-size:26px}.feature-signin{padding:8px 14px}.feature-site p{font-size:18px}.feature-site h2{font-size:clamp(30px,8.4vw,36px)}.feature-site h1{font-size:clamp(30px,9.6vw,40px)}.feature-site .directory-hero h1{font-size:clamp(36px,11vw,48px)}.feature-hero-copy .feature-button,.directory-hero-sheet .feature-button{width:100%}.feature-stage,.feature-secondary-stage{border-radius:22px;padding:16px}.feature-related>div{grid-template-columns:minmax(0,1fr)}.feature-site .feature-index-row h3,.feature-site .related-feature h3{font-size:24px}.directory-jumps{justify-content:flex-start;gap:4px 20px}.directory-jumps a{font-size:15px}.feature-footer>span:nth-of-type(2){margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.feature-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}