.ab{--ab-bg:#f6f3ea;--ab-surface:#fffdf8;--ab-surface-2:#efeadb;--ab-ink:#17201c;--ab-muted:#55625c;--ab-line:#17201c21;--ab-green:#0a5c46;--ab-green-soft:#d9efe6;--ab-gold:#a06f1f;--ab-gold-soft:#f3e6c8;--ab-blue:#2a5699;--ab-blue-soft:#dce7f7;--ab-on-green:#fff;--ab-shadow:0 18px 40px -26px #14281e59;background:var(--ab-bg);color:var(--ab-ink);font-family:var(--hd-ui,system-ui, sans-serif);height:100dvh;overflow-y:auto}html[data-theme=dark] .ab{--ab-bg:#12150f;--ab-surface:#1b1f1a;--ab-surface-2:#23281f;--ab-ink:#ece8dc;--ab-muted:#a7afa8;--ab-line:#ece8dc24;--ab-green:#7fe0c0;--ab-green-soft:#163a2f;--ab-gold:#e3bb68;--ab-gold-soft:#3a2f16;--ab-blue:#8fb5f2;--ab-blue-soft:#1c2a41;--ab-on-green:#0b1a14;--ab-shadow:0 18px 40px -26px #000c}.ab-wrap{gap:clamp(3rem,7vw,5.5rem);max-width:70rem;margin-inline:auto;padding:1.2rem clamp(1rem,4vw,2rem) 5rem;display:grid}.ab h1,.ab h2,.ab h3,.ab p{margin:0}.ab-top{justify-content:space-between;align-items:center;display:flex}.ab-top-actions{align-items:center;gap:.6rem;display:flex}.ab-brand{color:var(--ab-green);font-family:var(--font-scheherazade), "Scheherazade New", serif;font-size:2.3rem;font-weight:700;text-decoration:none}.ab-back{color:var(--ab-green);margin-inline-end:.4rem;font-size:.85rem;font-weight:600;text-decoration:none}.ab-btn{border:1.5px solid var(--ab-green);color:var(--ab-green);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.4rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.ab-btn.primary{background:var(--ab-green);color:var(--ab-on-green)}.ab-btn:hover{filter:brightness(1.08)}.ab-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.ab-hero-copy{gap:1.1rem;display:grid}.ab-hero h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.15}.ab-hero-copy p{color:var(--ab-muted);max-width:32rem;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.9}.ab-hero-cta{flex-wrap:wrap;gap:.7rem;margin-top:.5rem;display:flex}.ab-demo{--layer:var(--ab-green);--layer-soft:var(--ab-green-soft);gap:.9rem;margin:0;display:grid}.ab-demo[data-layer=thematic]{--layer:var(--ab-gold);--layer-soft:var(--ab-gold-soft)}.ab-demo[data-layer=sources]{--layer:var(--ab-blue);--layer-soft:var(--ab-blue-soft)}.ab-demo-caption{color:var(--ab-muted);font-size:.8rem}.ab-demo-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.ab-demo-tab{--dot:var(--ab-green);background:var(--ab-surface);border:1px solid var(--ab-line);color:var(--ab-ink);cursor:pointer;font:inherit;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.88rem;font-weight:600;display:inline-flex}.ab-demo-tab[data-layer=thematic]{--dot:var(--ab-gold)}.ab-demo-tab[data-layer=sources]{--dot:var(--ab-blue)}.ab-demo-dot{background:var(--dot);border-radius:50%;width:.6rem;height:.6rem}.ab-demo-tab[aria-selected=true]{background:var(--layer-soft);border-color:var(--layer)}.ab-demo-stack{position:relative}.ab-demo-sheet{background:var(--ab-surface);border:1px solid var(--ab-line);border-radius:20px;transition:transform .6s;position:absolute;inset:0}.ab-demo-sheet-back{transform:translate(.9rem,.9rem)}.ab-demo-sheet-mid{transform:translate(.45rem,.45rem)}.ab-demo-aya{background:var(--ab-surface);border:1px solid var(--ab-line);box-shadow:var(--ab-shadow);font-family:var(--font-scheherazade), "Scheherazade New", serif;text-align:center;border-radius:20px;padding:1.6rem 1.8rem;font-size:clamp(1.7rem,3.4vw,2.3rem);line-height:2.2;position:relative}.ab-word{border-radius:8px;padding:.05em .12em;transition:background-color .5s,box-shadow .5s}.ab-word.on{background:var(--layer-soft);box-shadow:0 0 0 2px var(--layer)}.ab-demo-note{background:var(--layer-soft);border-inline-start:4px solid var(--layer);border-radius:12px;gap:.4rem;min-height:4.6rem;margin-top:.9rem;padding:.8rem 1rem;animation:.5s both ab-note-in;display:grid}.ab-demo-note p{font-size:.95rem;line-height:1.7}.ab-demo-cite{color:var(--ab-muted);font-size:.82rem!important}@keyframes ab-note-in{0%{opacity:0;transform:translateY(6px)}}.ab-chip{background:var(--ab-blue-soft);color:var(--ab-blue);border-radius:6px;padding:.05rem .4rem;font-size:.78rem;font-weight:700;display:inline-block}.ab-section{gap:1.6rem;display:grid}.ab-section>h2{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:800}.ab-diptych{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:1rem;display:grid}.ab-before,.ab-after{background:var(--ab-surface);border:1px solid var(--ab-line);border-radius:22px;grid-template-rows:auto 11rem auto;gap:1rem;padding:1.3rem;display:grid}.ab-after{background:var(--ab-green-soft);border-color:var(--ab-green)}.ab-before h3,.ab-after h3{color:var(--ab-muted);font-size:.95rem;font-weight:700}.ab-after h3{color:var(--ab-green)}.ab-before p,.ab-after p{color:var(--ab-muted);font-size:.95rem;line-height:1.85}.ab-after p{color:var(--ab-ink)}.ab-diptych-arrow{color:var(--ab-green);align-self:center;font-size:2rem}.ab-terms{color:var(--ab-muted);font-size:.95rem}.ab-art-scatter{position:relative}.ab-art-scatter .bit{background:var(--ab-surface-2);border:1px dashed var(--ab-line);color:var(--ab-muted);border-radius:10px;padding:.4rem .8rem;font-size:.82rem;position:absolute}.ab-art-scatter .b1{inset-block-start:6%;inset-inline-start:4%;transform:rotate(-6deg)}.ab-art-scatter .b2{inset-block-start:44%;inset-inline-start:38%;transform:rotate(5deg)}.ab-art-scatter .b3{inset-block-start:8%;inset-inline-start:56%;transform:rotate(-3deg)}.ab-art-scatter .b4{inset-block-start:72%;inset-inline-start:6%;transform:rotate(4deg)}.ab-art-scatter .b5{inset-block-start:70%;inset-inline-start:62%;transform:rotate(-5deg)}.ab-art-gathered{place-items:center;gap:.6rem;display:grid}.ab-gathered-aya{background:var(--ab-surface);border:1px solid var(--ab-green);font-family:var(--font-scheherazade), "Scheherazade New", serif;border-radius:14px;padding:.3rem 1.4rem;font-size:1.6rem}.ab-art-gathered ul{gap:.4rem;width:70%;margin:0;padding:0;list-style:none;display:grid}.ab-art-gathered li{background:var(--ab-surface);border:1px solid var(--ab-line);border-radius:10px;padding:.3rem .8rem;font-size:.82rem}.ab-art-gathered li:first-child{border-inline-start:4px solid var(--ab-green)}.ab-art-gathered li:nth-child(2){border-inline-start:4px solid var(--ab-gold)}.ab-art-gathered li:nth-child(3){border-inline-start:4px solid var(--ab-blue)}.ab-bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.ab-tile{background:var(--ab-surface);border:1px solid var(--ab-line);border-radius:22px;grid-template-rows:8.2rem auto 1fr;gap:.5rem;padding:1.3rem;display:grid}.ab-tile h3{margin-top:.4rem;font-size:1.1rem;font-weight:800}.ab-tile p{color:var(--ab-muted);font-size:.92rem;line-height:1.8}.t-layers{background:var(--ab-green-soft);border-color:#0000;grid-column:span 7}.t-cites,.t-reader{grid-column:span 5}.t-arcs{background:var(--ab-gold-soft);border-color:#0000;grid-column:span 7}.t-projects,.t-files,.t-export{grid-column:span 4}.t-versions{grid-column:span 12;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}.t-versions h3{margin-top:0}.t-versions .ab-art-versions{grid-area:1/2/span 2}.ab-art{align-self:center;width:100%;margin:0;padding:0}.ab-art-layers{height:100%;position:relative}.ab-sheet{border:1px solid var(--ab-line);border-radius:12px;display:block;position:absolute;inset-block:.2rem;inset-inline:8%}.ab-sheet.s3{background:var(--ab-blue-soft);transform:translateY(1.2rem)scale(.9)}.ab-sheet.s2{background:var(--ab-gold-soft);transform:translateY(.6rem)scale(.95)}.ab-sheet.s1{background:var(--ab-surface);align-content:center;gap:.5rem;padding:0 1.2rem;display:grid}.ab-sheet i{background:var(--ab-line);border-radius:4px;height:.5rem;display:block}.ab-sheet i:first-child{width:85%}.ab-sheet i:nth-child(2){background:var(--ab-green);opacity:.55;width:65%}.ab-sheet i:nth-child(3){width:75%}.ab-art-cites{gap:.45rem;list-style:none;display:grid}.ab-art-cites li{background:var(--ab-surface-2);border-radius:10px;align-items:center;gap:.6rem;padding:.4rem .7rem;display:flex}.ab-cite-label{flex:1;font-size:.82rem}.ab-conf{border-radius:50%;width:.6rem;height:.6rem}.ab-conf.high{background:var(--ab-green)}.ab-conf.mid{background:var(--ab-gold)}.ab-art-reader{justify-content:center;align-items:center;gap:.8rem;display:flex}.ab-page{background:var(--ab-surface-2);border:1px solid var(--ab-line);border-radius:6px;gap:.4rem;width:55%;padding:.7rem;display:grid}.ab-page i{background:var(--ab-line);border-radius:3px;height:.38rem;display:block}.ab-page i.hit{background:var(--ab-blue);opacity:.55}.ab-page .w60{width:60%}.ab-page .w70{width:70%}.ab-page .w80{width:80%}.ab-page .w90{width:90%}.ab-page .w95{width:95%}.ab-tag{background:var(--ab-blue-soft);color:var(--ab-blue);white-space:nowrap;border-radius:8px;padding:.3rem .6rem;font-size:.78rem;font-weight:700}.ab-art-arcs{height:100%;max-height:8.2rem}.ab-art-arcs .arc{fill:none;stroke-width:2.2px}.ab-art-arcs .a{stroke:var(--ab-green)}.ab-art-arcs .b{stroke:var(--ab-blue)}.ab-art-arcs .c{stroke:var(--ab-gold)}.ab-art-arcs .d{stroke:var(--ab-green)}.ab-art-arcs .axis{stroke:var(--ab-line);stroke-width:1.5px}.ab-art-arcs .dot{fill:var(--ab-ink)}.ab-art-projects{gap:.55rem;list-style:none;display:grid}.ab-art-projects li{grid-template-columns:4.2rem 1fr;align-items:center;gap:.6rem;font-size:.82rem;display:grid}.ab-bar{background:var(--ab-surface-2);border-radius:999px;height:.55rem;display:block;overflow:hidden}.ab-bar i{background:var(--ab-green);height:100%;display:block}.ab-art-files{justify-content:center;align-items:center;gap:.6rem;display:flex}.ab-file{background:var(--ab-surface-2);border:1px solid var(--ab-line);border-radius:10px;justify-content:center;align-items:center;width:3.2rem;height:4rem;font-size:.78rem;font-weight:800;display:flex}.ab-file.pdf{color:#c2410c}.ab-file.doc{color:var(--ab-blue)}.ab-file.img{color:var(--ab-green)}.ab-file.aud{color:var(--ab-gold)}.ab-file.txt{color:var(--ab-muted)}html[data-theme=dark] .ab-file.pdf{color:#fb923c}.ab-art-versions{justify-content:space-between;align-items:center;gap:0;list-style:none;display:flex;position:relative}.ab-art-versions:before{background:var(--ab-line);content:"";inset-inline:8%;height:2px;position:absolute;top:.55rem}.ab-art-versions li{justify-items:center;gap:.5rem;font-size:.82rem;font-weight:600;display:grid;position:relative}.ab-node{background:var(--ab-surface);border:2px solid var(--ab-green);border-radius:50%;width:1.1rem;height:1.1rem}.ab-art-versions .now .ab-node{background:var(--ab-green)}.ab-steps{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.ab-steps li{border-top:2px solid var(--ab-green);gap:.4rem;padding-top:.9rem;display:grid}.ab-step-n{color:var(--ab-green);font-size:1.8rem;font-weight:800;line-height:1}.ab-steps h3{font-size:1rem;font-weight:800}.ab-steps p{color:var(--ab-muted);font-size:.9rem;line-height:1.75}.ab-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.ab-path{border-radius:26px;justify-items:start;gap:.8rem;padding:1.8rem;display:grid}.ab-path h3{font-size:1.5rem;font-weight:800}.ab-path p{min-height:3.6rem;font-size:1rem;line-height:1.8}.ab-path.researcher{background:var(--ab-green);color:var(--ab-on-green)}.ab-path.researcher .ab-btn.primary{background:var(--ab-on-green);border-color:var(--ab-on-green);color:var(--ab-green)}.ab-path.seeker{background:var(--ab-gold-soft)}.ab-path.seeker .ab-btn{border-color:var(--ab-gold);color:var(--ab-gold)}.ab-faq{gap:.6rem;max-width:46rem;display:grid}.ab-faq details{background:var(--ab-surface);border:1px solid var(--ab-line);border-radius:14px;padding:.2rem 1.1rem}.ab-faq summary{cursor:pointer;padding:.8rem 0;font-weight:700}.ab-faq details p{color:var(--ab-muted);padding-bottom:.9rem;line-height:1.85}@media (max-width:900px){.ab-hero{grid-template-columns:1fr}.ab-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.t-layers,.t-cites,.t-reader,.t-arcs,.t-projects,.t-files,.t-export{grid-column:span 12}.t-versions{grid-template-columns:1fr}.t-versions .ab-art-versions{grid-area:auto/1}}@media (max-width:640px){.ab-diptych{grid-template-columns:1fr}.ab-diptych-arrow{justify-self:center;transform:rotate(90deg)}.ab-paths,.ab-steps{grid-template-columns:1fr}.ab-back{display:none}}@media (prefers-reduced-motion:reduce){.ab-demo-note{animation:none}}.ab-legal{border-top:1px solid var(--ab-line);flex-wrap:wrap;gap:.5rem 1.4rem;padding-top:1.2rem;display:flex}
