*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09140f;color:#f5f7f0;font-family:Arial,Helvetica,sans-serif}#abjad-world{--lime:#d2f879;--soft:#b6c6bc;--line:#2b3e32;background:#09140f;color:#f5f7f0;font-size:16px;line-height:1.65;color-scheme:dark;min-height:100vh}#abjad-world [hidden]{display:none!important}#abjad-world a{color:inherit;text-decoration:none}#abjad-world button{font:inherit;cursor:pointer}#abjad-world h1,#abjad-world h2,#abjad-world p,#abjad-world figure{margin:0}#abjad-world h1,#abjad-world h2{font-weight:400;letter-spacing:-.045em;line-height:1.12}#abjad-world em{font-family:Georgia,serif;color:var(--lime);font-weight:400}#abjad-world img{width:100%;display:block;object-fit:cover}#abjad-world .wrap{width:min(1220px,calc(100% - 80px));margin-inline:auto}#abjad-world .eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}#abjad-world .button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:13px 22px;border-radius:5px;background:var(--lime);color:#102016;border:1px solid var(--lime);font-size:14px;font-weight:600;line-height:1.5}#abjad-world .button:hover{background:#e6ffaf}#abjad-world .button.secondary{background:#0b1a1380;border-color:#91a68f;color:#fff;backdrop-filter:blur(8px)}#abjad-world .button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}#abjad-world .text-link{display:inline-block;font-size:14px;color:var(--lime);border-bottom:1px solid #6b8150;padding-bottom:3px}#abjad-world :focus-visible{outline:3px solid var(--lime);outline-offset:5px}
#abjad-world .site-header{position:sticky;top:0;z-index:30;background:#0a1711f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}#abjad-world .header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:83px}#abjad-world .logo{display:flex;align-items:center;gap:10px;font-size:34px;font-weight:600;letter-spacing:-2px;line-height:1}#abjad-world .logo-mark{display:inline-block;width:24px;height:24px;border:2px solid var(--lime);border-radius:50%;position:relative}#abjad-world .logo-mark:after{content:'';position:absolute;left:9px;top:-3px;width:2px;height:26px;background:var(--lime);transform:rotate(38deg)}#abjad-world .nav{display:flex;align-items:center;gap:23px}#abjad-world .nav a{font-size:14px;min-height:44px;display:flex;align-items:center;white-space:nowrap;border-bottom:2px solid transparent}#abjad-world .nav a:hover,#abjad-world .nav a[aria-current=page]{color:var(--lime);border-bottom-color:var(--lime)}#abjad-world .nav .nav-contact{border:1px solid #60744d;padding:7px 16px;border-radius:4px}#abjad-world .menu-toggle{display:none;color:#f5f7f0;background:transparent;border:1px solid #61715f;border-radius:4px;padding:9px 15px}
#abjad-world .home-hero{position:relative;isolation:isolate;min-height:530px;display:flex;align-items:center;overflow:hidden}#abjad-world .hero-image{position:absolute;inset:0;height:100%;z-index:-2;object-position:center 68%}#abjad-world .home-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07160fe8,#07160f9c 43%,#07160f12 75%),linear-gradient(0deg,#07160f5c,transparent 40%)}#abjad-world .hero-content{padding-block:56px}#abjad-world .home-hero h1{font-size:clamp(60px,6.8vw,94px);line-height:1;margin:23px 0}#abjad-world .hero-content>p:not(.eyebrow){max-width:500px;font-size:18px;line-height:1.7;color:#e1e9dd}#abjad-world .hero-tags{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;letter-spacing:.04em;color:#d4decc;margin-top:27px}#abjad-world .home-links{display:grid;grid-template-columns:repeat(3,1fr);padding-block:37px 42px;gap:34px}#abjad-world .home-card{border-top:1px solid #4b6243;padding-top:19px}#abjad-world .home-card h2{font-size:25px;margin:13px 0 10px}#abjad-world .home-card p{font-size:15px;color:var(--soft);line-height:1.65;max-width:340px;margin-bottom:14px}#abjad-world .home-card:hover h2{color:var(--lime)}
#abjad-world .page-heading{padding-block:40px 30px}#abjad-world .page-heading h1{font-size:clamp(38px,4.2vw,57px);margin:13px 0 16px}#abjad-world .lead{font-size:17px;max-width:740px;color:var(--soft);line-height:1.7}#abjad-world .tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#abjad-world .tile{border:1px solid var(--line);background:#112219;border-radius:8px;padding:22px 24px}#abjad-world .tile-number{font-size:12px;color:#8fa67c;letter-spacing:.1em}#abjad-world .tile h2{font-size:24px;margin:10px 0}#abjad-world .tile p{font-size:15px;color:var(--soft);line-height:1.65}#abjad-world .closing{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);margin-block:30px 35px;padding-top:22px}#abjad-world .closing p{color:var(--soft);font-size:16px}
#abjad-world .technology-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:40px}#abjad-world .technology-photo{position:relative;min-height:370px;border-radius:10px;overflow:hidden}#abjad-world .technology-photo img{height:100%;position:absolute;inset:0}#abjad-world figure figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#07130fe8);padding:35px 20px 16px;font-size:12px;color:#d7e0d4}#abjad-world .tech-steps article+article{border-top:1px solid var(--line);margin-top:19px;padding-top:19px}#abjad-world .tech-steps h2{font-size:25px;margin:6px 0 9px}#abjad-world .tech-steps p{font-size:15px;color:var(--soft)}#abjad-world .platform-note{display:grid;grid-template-columns:1fr 1.5fr;column-gap:40px;background:#142c20;padding:23px 28px;border-radius:8px;margin-block:25px 35px}#abjad-world .platform-note h2{font-size:25px;grid-column:1;margin-top:6px}#abjad-world .platform-note>p:not(.eyebrow){grid-column:2;grid-row:1/3;font-size:15px;color:var(--soft)}#abjad-world .platform-note .text-link{justify-self:start;margin-top:13px;grid-column:2}
#abjad-world .demo-section{max-width:1060px}#abjad-world .film-player{position:relative}#abjad-world .platform-film{display:block;width:100%;aspect-ratio:16/9;background:#040b07;border:1px solid #3b553e;border-radius:10px}#abjad-world .film-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:15px;background:#091b14ef;color:#fff;border:1px solid var(--lime);border-radius:999px;padding:16px 26px;box-shadow:0 14px 60px #0008;text-align:left;white-space:nowrap;font-size:17px}#abjad-world .play-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--lime);color:#102016;border-radius:50%;font-size:20px}#abjad-world .film-start small{display:block;font-size:12px;color:var(--soft);margin-top:3px}#abjad-world .film-status{font-size:14px;color:var(--lime);margin-top:12px}#abjad-world .film-status:empty{display:none}#abjad-world .demo-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--soft);margin-top:12px}#abjad-world .demo-caption a{text-decoration:underline;white-space:nowrap}
#abjad-world .audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}#abjad-world .audience-card{background:#112219;border:1px solid var(--line);border-radius:9px;overflow:hidden}#abjad-world .audience-card img{height:158px}#abjad-world .audience-card>div{padding:22px 20px}#abjad-world .audience-card h2{font-size:24px;margin-bottom:12px}#abjad-world .audience-card p{color:var(--soft);font-size:15px}#abjad-world .about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:55px}#abjad-world .about-copy article+article{margin-top:22px}#abjad-world .about-copy h2{font-size:25px;margin-bottom:10px}#abjad-world .about-copy p{font-size:16px;color:var(--soft)}#abjad-world .about-photo{position:relative;min-height:350px;border-radius:10px;overflow:hidden}#abjad-world .about-photo img{height:100%;position:absolute;inset:0}
#abjad-world .contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;margin-bottom:50px}#abjad-world .contact-main{padding-block:20px}#abjad-world .contact-email{display:inline-block;color:var(--lime);font-size:clamp(30px,3.7vw,48px);letter-spacing:-.04em;margin:12px 0 17px;border-bottom:1px solid #708653}#abjad-world .contact-main>p:not(.eyebrow){color:var(--soft);max-width:440px;margin-bottom:25px}#abjad-world .contact-location{background:#142c20;border:1px solid #314938;border-radius:10px;padding:30px}#abjad-world .contact-location h2{font-size:30px;margin:13px 0 18px}#abjad-world address{font-style:normal;font-size:20px;line-height:1.7}#abjad-world .location-note{display:block;font-size:14px;color:var(--soft);margin-top:19px}
#abjad-world .footer{border-top:1px solid var(--line);background:#07100c}#abjad-world .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:23px;font-size:13px;color:var(--soft)}#abjad-world .footer-inner>div{display:flex;flex-direction:column;gap:4px}#abjad-world .footer-brand{color:#f5f7f0;font-size:24px;letter-spacing:-1px;font-weight:600;line-height:1.1}#abjad-world .footer-inner>p{text-align:right;font-size:12px}#abjad-world .footer-inner>a{color:var(--lime)}
@media(min-width:1100px){#abjad-world[data-page=contact] .contact-grid{min-height:315px}#abjad-world[data-page=contact] .page-heading{padding-top:55px}}
@media(max-width:1100px){#abjad-world .nav{gap:14px}#abjad-world .nav a{font-size:13px}#abjad-world .wrap{width:calc(100% - 48px)}#abjad-world .audience-grid{grid-template-columns:repeat(2,1fr)}#abjad-world .audience-card{display:grid;grid-template-columns:145px 1fr}#abjad-world .audience-card img{height:100%}}
@media(max-width:900px){#abjad-world .header-inner{height:72px}#abjad-world .menu-toggle{display:block}#abjad-world .nav{display:none;position:absolute;top:71px;left:0;right:0;background:#0b1b13;padding:18px 24px;box-shadow:0 18px 40px #0006}#abjad-world .nav.open{display:flex;flex-direction:column;align-items:stretch;gap:1px}#abjad-world .nav a{font-size:16px;padding:10px 8px}#abjad-world .nav .nav-contact{margin-top:6px}#abjad-world .tile-grid{grid-template-columns:repeat(2,1fr)}#abjad-world .home-links{gap:20px}#abjad-world .home-card h2{font-size:23px}#abjad-world .technology-layout,#abjad-world .about-layout{gap:28px}#abjad-world .platform-note{grid-template-columns:1fr}#abjad-world .platform-note>*{grid-column:1!important;grid-row:auto!important}#abjad-world .platform-note h2{margin-bottom:12px}}
@media(max-width:620px){#abjad-world .wrap{width:calc(100% - 40px)}#abjad-world .home-hero{min-height:550px;align-items:start}#abjad-world .hero-content{padding-block:38px 45px}#abjad-world .hero-image{object-position:83% center}#abjad-world .home-hero:after{background:linear-gradient(180deg,#05150de8,#06140ab3 50%,#06140a18 84%)}#abjad-world .home-hero h1{font-size:65px;margin:20px 0}#abjad-world .hero-content>p:not(.eyebrow){font-size:16px;max-width:340px}#abjad-world .button{padding:12px 17px;font-size:14px}#abjad-world .hero-tags{gap:7px 18px;font-size:11px;margin-top:21px}#abjad-world .home-links{grid-template-columns:1fr;padding-block:23px 28px;gap:21px}#abjad-world .home-card{padding-top:15px}#abjad-world .home-card h2{font-size:25px;margin:8px 0}#abjad-world .home-card p{max-width:none;margin-bottom:8px}#abjad-world .page-heading{padding-block:28px 24px}#abjad-world .page-heading h1{font-size:40px}#abjad-world .lead{font-size:16px}#abjad-world .tile-grid{grid-template-columns:1fr;gap:12px}#abjad-world .tile{padding:18px 20px}#abjad-world .tile h2{font-size:24px}#abjad-world .closing{align-items:start;flex-direction:column;gap:16px;margin-block:25px 28px}#abjad-world .technology-layout,#abjad-world .about-layout,#abjad-world .contact-grid{grid-template-columns:1fr;gap:25px}#abjad-world .technology-photo{min-height:220px}#abjad-world .about-photo{min-height:220px}#abjad-world .platform-note{padding:21px}#abjad-world .audience-grid{grid-template-columns:1fr;gap:13px}#abjad-world .audience-card{grid-template-columns:115px 1fr}#abjad-world .audience-card>div{padding:18px}#abjad-world .audience-card h2{font-size:24px}#abjad-world .film-start{padding:12px 16px;font-size:14px;gap:10px}#abjad-world .play-icon{width:31px;height:31px;font-size:15px}#abjad-world .film-start small{font-size:11px}#abjad-world .demo-caption{flex-direction:column;gap:5px}#abjad-world .contact-grid{margin-bottom:30px}#abjad-world .contact-main{padding:0}#abjad-world .contact-location{padding:23px}#abjad-world .footer-inner{flex-wrap:wrap;gap:15px}#abjad-world .footer-inner>div{flex-basis:100%}#abjad-world .footer-inner>p{text-align:left;font-size:11px}#abjad-world .footer-inner>p span{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Linked topic navigation and progressive detail keep seven pages easy to explore. */
#abjad-world .topic-link{display:block;transition:border-color .18s,background .18s}
#abjad-world .topic-link:hover{border-color:#9fc667;background:#173123}
#abjad-world .topic-link .text-link{margin-top:15px}
#abjad-world .tech-step{padding:15px 17px;border:1px solid var(--line);border-radius:8px;background:#112219}
#abjad-world .tech-step+.tech-step{margin-top:12px}
#abjad-world .tech-step h2{font-size:25px;margin:6px 0 9px}
#abjad-world .tech-step p{font-size:16px;color:var(--soft)}
#abjad-world .technology-photo{max-height:630px}
#abjad-world .topic-collection{margin-block:38px}
#abjad-world .collection-heading{margin-bottom:20px}
#abjad-world .collection-heading h2{font-size:30px;margin-bottom:10px}
#abjad-world .collection-heading p{color:var(--soft);max-width:750px;font-size:16px}
#abjad-world .topic-detail{border:1px solid var(--line);background:#0d1e15;border-radius:9px;margin-block:10px;scroll-margin-top:105px;overflow:hidden}
#abjad-world .topic-detail[open]{border-color:#769255}
#abjad-world .topic-detail summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:21px 25px}
#abjad-world .topic-detail summary::-webkit-details-marker{display:none}
#abjad-world .topic-detail summary:hover{background:#173123}
#abjad-world .topic-detail summary strong{font-size:23px;line-height:1.3;font-weight:400;letter-spacing:-.025em;display:block}
#abjad-world .detail-subtitle{display:block;color:var(--soft);font-size:15px;margin-top:4px}
#abjad-world .detail-toggle{flex:0 0 28px;width:28px;height:28px;border:1px solid #657c50;border-radius:50%;position:relative}
#abjad-world .detail-toggle:before,#abjad-world .detail-toggle:after{content:'';position:absolute;background:var(--lime);left:7px;right:7px;top:12px;height:2px}
#abjad-world .detail-toggle:after{transform:rotate(90deg)}
#abjad-world .topic-detail[open] .detail-toggle:after{transform:none}
#abjad-world .detail-body{padding:4px 25px 25px}
#abjad-world .detail-body p{font-size:16px;line-height:1.75;color:var(--soft)}
#abjad-world .detail-body h3{font-size:19px;line-height:1.4;font-weight:500;margin:0 0 9px;color:#f5f7f0}
#abjad-world .detail-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:26px;margin-bottom:23px}
#abjad-world .scenario{border-left:2px solid var(--lime);background:#172d20;padding:19px 23px;margin-top:10px}
#abjad-world .scenario .eyebrow{font-size:12px;color:var(--lime);margin-bottom:8px}
#abjad-world .related-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:22px}
#abjad-world .concept-title{border-bottom:1px solid #6b8150}
#abjad-world .concept-title:hover{color:var(--lime)}
#abjad-world .tile p,#abjad-world .audience-card p{font-size:16px}
@media(max-width:620px){#abjad-world .topic-collection{margin-block:27px}#abjad-world .topic-detail{scroll-margin-top:88px}#abjad-world .topic-detail summary{padding:18px;gap:12px}#abjad-world .topic-detail summary strong{font-size:22px}#abjad-world .detail-body{padding:2px 18px 21px}#abjad-world .detail-columns{grid-template-columns:1fr;gap:20px}#abjad-world .scenario{padding:17px}#abjad-world .collection-heading h2{font-size:27px}#abjad-world .technology-photo{max-height:270px}#abjad-world .audience-card.topic-link{display:grid}}
@media(prefers-reduced-motion:reduce){#abjad-world .topic-link{transition:none}}