/* Contemporary product presentation informed by visual study of official Legora and Harvey sites. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600&display=swap');
:root{--paper:#f7f4ee;--white:#fffcf7;--ink:#33332F;--muted:#656760;--accent:#ac593d;--line:#dad7cf;--sans:Inter,Arial,sans-serif}body{font-size:16px;letter-spacing:-.02em}.wrap{width:min(1320px,calc(100% - 96px))}.beta{padding:8px 18px;font-size:12px;letter-spacing:0;background:#33332F}.header{height:87px}.brand{letter-spacing:-.9px}.brand img{height:38px;width:28px}.header nav{font-size:13px;gap:24px}.button{border-radius:4px;background:var(--ink);border-color:var(--ink);font-weight:500;padding:14px 19px;gap:24px;letter-spacing:-.015em}.button:hover{background:var(--accent);border-color:var(--accent)}.button.small{padding:11px 15px}.eyebrow{font-size:12px;letter-spacing:.065em;font-weight:500;color:var(--muted)}.hero{margin:0 24px;min-height:690px;border:1px solid var(--line);border-radius:7px;background:#f0ece3}.hero-inner{width:calc(100% - 80px);padding-top:64px;padding-bottom:55px}.hero-copy{max-width:50%;width:610px}.hero .eyebrow{max-width:470px;margin-bottom:35px}.hero h1{font:450 clamp(46px,4.6vw,72px)/1.04 var(--sans);letter-spacing:-3.5px;margin-bottom:33px}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lead{font-size:20px;line-height:1.5;letter-spacing:-.5px;margin-bottom:16px}.hero-detail{font-size:15px;line-height:1.7;max-width:420px;color:#5b5d56}.hero-art{left:47%;z-index:-1}.hero-art video{object-fit:cover;object-position:76% 45%}.hero-art:after{background:linear-gradient(90deg,#f0ece3 0%,rgba(240,236,227,.2) 20%,transparent 45%)}.hero .actions{gap:22px;flex-wrap:wrap}.hero-note{font-size:11px;max-width:440px;margin-top:25px}.motion{bottom:18px;right:18px;border-color:#d6cec1;font-size:11px;border-radius:4px;background:#fffaf1e6}.principles{border:0;padding:24px 0 0;gap:45px;font-size:12px;color:var(--muted)}.principles span:before{content:'·';margin-right:14px}.section{padding-top:95px;padding-bottom:95px}h2,.aila-section h2{font:450 clamp(36px,3.5vw,52px)/1.1 var(--sans);letter-spacing:-2px}.section-head{align-items:flex-start;gap:75px;margin-bottom:50px}.section-head>p{font-size:17px;line-height:1.7;max-width:400px;padding-top:3px}.product-intro{padding-top:110px;padding-bottom:45px}.ownership-line{font-size:14px}.workspace{padding-top:60px}.matter-views{gap:0 70px}.matter-views article{padding:24px 0 27px}.matter-views h3,.studio-details h3,.counsel-detail h3,.education-detail h3{font:500 23px/1.3 var(--sans);letter-spacing:-.7px;margin:12px 0}.matter-views p,.studio-details p,.counsel-detail p,.education-detail p{font-size:15px;line-height:1.75}.matter-views article>span{font-size:12px}.aila-section{margin:0 24px;border-radius:7px;background:#303630;padding:80px 0}.aila-section .wrap{width:calc(100% - 80px)}.aila-section h2{font-size:54px;max-width:960px;margin-bottom:0}.aila-section .eyebrow{color:#c8b19a}.agent-copy{gap:100px;margin-top:40px;max-width:1120px}.agent-copy p{font-size:16px;line-height:1.75}.studio-details,.counsel-detail{gap:55px}.studio-details article,.counsel-detail article{padding-top:16px}.education-section{background:#eae7de;padding:85px 0}.education-grid{gap:100px}.education-grid>div>p:last-child{font-size:17px;line-height:1.75}.closing{padding:100px 0}.closing h2{font-size:58px}.footer-top{padding-top:20px;border-top:1px solid var(--line)}footer{padding-top:15px}.product-film{aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:6px;margin:48px 0;background:#eae7df}.product-film video{width:100%;height:100%;object-fit:contain}
@media(max-width:1150px){.header nav{gap:15px;font-size:12px}.wrap{width:calc(100% - 64px)}.hero-inner{width:calc(100% - 60px)}.hero h1{font-size:55px;letter-spacing:-2.9px}.hero-copy{max-width:55%}.hero-art{left:43%}.hero-art:after{background:linear-gradient(90deg,#f0ece3 0%,rgba(240,236,227,.55) 25%,transparent 55%)}.hero .lead{font-size:18px}.hero-detail{max-width:350px}.aila-section .wrap{width:calc(100% - 64px)}.hero .actions{gap:15px}.hero{min-height:675px}.studio-details,.counsel-detail{gap:28px}}
@media(max-width:900px) and (min-width:761px){.header .brand{font-size:20px}.header nav{gap:10px;font-size:11px}.header .button.small{font-size:11px;padding:9px}.header{gap:15px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:76px}.header nav{font-size:15px;padding:24px;gap:22px;z-index:8}.header .brand{font-size:22px}.hero{margin:0 12px;border-radius:5px;min-height:0}.hero-inner{width:calc(100% - 36px);padding-top:30px;padding-bottom:310px}.hero-copy{max-width:100%;width:auto}.hero h1{font-size:clamp(35px,8.6vw,57px);line-height:1.07;letter-spacing:-1.8px;margin-bottom:25px}.hero .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.065em;margin-bottom:25px}.hero .lead{font-size:18px!important;line-height:1.5}.hero-detail{font-size:14px;max-width:100%}.hero .actions{gap:16px}.hero .button{font-size:13px;padding:13px 17px}.hero .text-link{font-size:12px}.hero-note{font-size:10px;margin-top:22px}.hero-art{left:0;top:auto;height:315px}.hero-art video{object-position:76% 48%}.hero-art:after{background:linear-gradient(180deg,#f0ece3,rgba(240,236,227,.08) 32%,transparent)}.principles{font-size:11px;gap:14px;padding-top:20px}.principles span{margin:0}.principles span:before{display:none}.section{padding:60px 0}h2,.aila-section h2{font-size:35px;letter-spacing:-1.35px}.section-head{margin-bottom:30px}.section-head>p{font-size:16px;padding-top:0}.product-intro{padding-top:65px;padding-bottom:30px}.workspace{padding-top:30px}.matter-views article{margin:0;padding:22px 0}.matter-views h3,.studio-details h3,.counsel-detail h3,.education-detail h3{font-size:22px;letter-spacing:-.65px}.aila-section{margin:0 12px;padding:48px 0}.aila-section .wrap{width:calc(100% - 36px)}.agent-copy{margin-top:25px}.agent-copy p{font-size:15px}.studio-details article,.counsel-detail article{margin-top:28px}.education-section{padding:60px 0}.education-grid>div>p:last-child{font-size:16px}.closing{padding:70px 0}.closing h2{font-size:39px}.footer-top{padding-top:30px}.product-film{margin:28px 0;border-radius:4px}}

.identity-study{position:absolute;bottom:21px;left:55%;font-size:10px;color:#49463d;background:#fffaf1dc;padding:7px 11px;border:1px solid #d6cec1;border-radius:3px}.identity-study span{font-weight:600;margin-right:8px;letter-spacing:.12em}@media(max-width:1150px){.identity-study{left:52%;max-width:220px;bottom:60px}}@media(max-width:760px){.identity-study{left:14px;bottom:59px;max-width:none;font-size:9px;padding:5px 8px}}

.hero h1{font-size:clamp(43px,3.85vw,59px);line-height:1.08;letter-spacing:-2.6px}.hero{min-height:750px}.hero .eyebrow{font-size:11px}.hero .lead{font-size:19px}.hearing-map{display:grid;grid-template-columns:1fr 1fr;gap:70px}.hearing-map article{padding-top:22px;border-top:1px solid var(--line)}.hearing-map h3{font:500 23px/1.3 var(--sans);letter-spacing:-.7px;margin:0 0 14px}.hearing-map p{font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:0}.hearing{border-bottom:1px solid var(--line)}@media(max-width:1150px){.hero h1{font-size:46px;letter-spacing:-2px}.hero{min-height:730px}}@media(max-width:760px){.hero{min-height:0}.hero h1{font-size:clamp(28px,7.1vw,46px);letter-spacing:-1.35px;line-height:1.13}.hero .eyebrow{font-size:9px}.hero .lead{font-size:17px!important}.hearing-map{display:block}.hearing-map article+article{margin-top:25px}.hearing-map h3{font-size:22px}.hearing-map p{font-size:15px}}

.justice-caption{position:absolute;left:53%;right:24px;bottom:64px;margin:0;text-align:center;font-size:14px;line-height:1.65;color:#33332F;background:#fffaf1ed;padding:10px 12px;border-radius:4px}.justice-caption span{display:block}.justice-caption.is-playing span:last-child{visibility:hidden}.justice-caption.is-playing.is-resolved span:last-child{visibility:visible}@media(max-width:760px){.justice-caption{left:14px;right:14px;bottom:57px;font-size:12px;padding:7px 10px}}

.aila-promise{font-size:22px;line-height:1.55;max-width:440px;margin:48px 0 0;color:var(--ink);letter-spacing:-.035em}@media(max-width:760px){.aila-promise{font-size:19px;line-height:1.55;margin-top:28px;max-width:100%}}

.aila-promise{position:absolute;top:20px;left:56%;right:24px;max-width:none;margin:0;text-align:center;font-size:17px;line-height:1.5;z-index:1}.hero-art{top:90px}@media(max-width:760px){.hero-inner{padding-bottom:400px}.hero-art{top:auto;height:315px}.aila-promise{top:auto;bottom:327px;left:22px;right:22px;font-size:17px;line-height:1.5;text-align:left}}

.aila-promise{opacity:1;transform:translateY(0);filter:blur(0);clip-path:inset(-4px -4px -4px -4px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .7s ease,clip-path .9s cubic-bezier(.22,1,.36,1)}.aila-promise.awaiting-formation{opacity:0;transform:translateY(10px);filter:blur(3px);clip-path:inset(100% -4px -4px -4px);transition:none}@media(prefers-reduced-motion:reduce){.aila-promise{transition:none!important;transform:none!important;filter:none!important;clip-path:none!important;opacity:1!important}}

/* Founder-directed display treatment beneath the hero controls. */
.hero-art{top:0}
.aila-promise,.aila-promise.awaiting-formation{position:static;max-width:100%;margin:56px 0 0;text-align:left;font:450 clamp(28px,2.7vw,40px)/1.15 var(--sans);letter-spacing:-1.3px;opacity:1;transform:none;filter:none;clip-path:none;transition:none}
.promise-beat{display:block;opacity:1;transform:translateY(0);filter:blur(0);clip-path:inset(-4px -4px -4px -4px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .7s ease,clip-path .9s cubic-bezier(.22,1,.36,1)}
.promise-beat+ .promise-beat{color:var(--accent);margin-top:8px;transition-delay:.18s}
.awaiting-formation .promise-beat{opacity:0;transform:translateY(14px);filter:blur(3px);clip-path:inset(100% -4px -4px -4px);transition:none}
@media(max-width:760px){.hero-inner{padding-bottom:330px}.hero-art{top:auto}.aila-promise,.aila-promise.awaiting-formation{margin-top:36px;font-size:clamp(25px,6.8vw,36px);line-height:1.15;letter-spacing:-.9px}.promise-beat+ .promise-beat{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.promise-beat{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important}}

.promise-beat{color:var(--accent)}.promise-beat+ .promise-beat{color:var(--ink)}

/* Independent media-time cues; paused and reduced-motion states retain cue progress. */
.promise-beat{opacity:0;transform:translateY(14px);filter:blur(3px);clip-path:inset(100% -4px -4px -4px);transition:none}
.promise-beat.cue-visible{opacity:1;transform:translateY(0);filter:blur(0);clip-path:inset(-4px -4px -4px -4px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .55s ease,clip-path .7s cubic-bezier(.22,1,.36,1);transition-delay:0s}
.is-seeking .promise-beat{transition:none}
@media(prefers-reduced-motion:reduce){.promise-beat{opacity:0!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important}.promise-beat.cue-visible{opacity:1!important}}

.primary-aila{margin-top:72px;padding:88px 0}.primary-aila h2{font-size:clamp(68px,8vw,112px);letter-spacing:-5px}.product-lead{font-size:clamp(24px,2.4vw,34px);line-height:1.35;max-width:830px;margin:32px 0}.primary-aila .agent-copy{margin-top:42px;gap:70px}.build-note{font-size:13px;line-height:1.6;margin:36px 0 0;opacity:.8}.major-product h2,.studio-section h2,.counsel h2{font-size:clamp(44px,5.2vw,72px);line-height:1.08;letter-spacing:-2.8px}.matter-structure{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.matter-structure>div{padding:24px 0;border-top:1px solid var(--line)}dt{font-size:23px;font-weight:500;line-height:1.3}dd{font-size:16px;line-height:1.65;margin:12px 0 0;color:var(--muted)}.adversarial-section{margin:0 24px;padding:85px 0;background:#e8dace;border-radius:7px}.adversarial-section .wrap{width:calc(100% - 80px)}.adversarial-intro{max-width:760px;font-size:18px;line-height:1.65}.challenge-list{margin:45px 0 0}.challenge-list>div{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;padding:21px 0;border-top:1px solid #cbb9a9}.challenge-list dd{margin:0}.product-capture{margin:45px 0 50px}.product-capture img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:6px}.product-capture figcaption{margin-top:12px;font-size:12px;color:var(--muted)}
@media(max-width:760px){.primary-aila{margin-top:40px;padding:48px 0}.primary-aila h2{font-size:64px;letter-spacing:-3px}.product-lead{font-size:25px;margin:25px 0}.major-product h2,.studio-section h2,.counsel h2{font-size:43px;letter-spacing:-1.7px}.matter-structure{display:block}.adversarial-section{margin:0 12px;padding:48px 0}.adversarial-section .wrap{width:calc(100% - 36px)}.adversarial-intro{font-size:16px}.challenge-list>div{display:block;padding:20px 0}.challenge-list dd{margin-top:10px}dt{font-size:22px}.product-capture{margin:28px 0}.build-note{margin-top:28px}}

/* Source-attributed daily quotation pool. */


/* Beta 23: one umbrella, an Aila entry point, and two user-controlled films. */
.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;line-height:1}.brand img:first-child{width:30px;height:40px;object-fit:contain}.brand img.wordmark-art{display:block;width:226px;height:auto;max-width:none}.header nav{gap:28px}.primary-aila{color:#f7f4ee}.primary-aila .product-lead{max-width:850px;margin-bottom:0}.primary-aila .eyebrow{color:#c8b19a}.story-film{margin:45px 0 0}.story-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#181b18;border:1px solid #ffffff24;border-radius:5px}.story-film figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:12px;line-height:1.6}.primary-aila .story-film figcaption{color:#d3d5cb}.adversarial-section .story-film figcaption{color:#555248}.film-afterword{font-size:16px;margin:32px 0 0}.studio-structure{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.studio-structure>div{border-top:1px solid var(--line);padding-top:22px}.studio-structure dt{font-size:22px;font-weight:500}.studio-structure dd{font-size:15px;margin-top:12px}.workspace .product-capture{margin-bottom:0}.portfolio-section{padding-top:55px;padding-bottom:65px;border-top:1px solid var(--line)}.portfolio-section h2{font-size:15px;letter-spacing:0;font-weight:450;color:var(--muted);margin-bottom:24px}.portfolio-destinations{display:grid;grid-template-columns:1fr 1fr;gap:70px}.portfolio-destinations a{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--line);font-size:28px;letter-spacing:-1px}.portfolio-destinations a:hover{color:var(--accent)}
@media(max-width:1050px) and (min-width:761px){.header nav{gap:18px;font-size:12px}.brand img.wordmark-art{width:205px}}
@media(max-width:760px){.header{gap:8px}.brand{gap:5px}.brand img:first-child{width:26px;height:35px}.brand img.wordmark-art{width:clamp(176px,54vw,210px)}.header nav{gap:20px}.story-film{margin-top:30px}.story-film figcaption{font-size:11px;gap:12px}.story-film figcaption span:last-child{text-align:right}.studio-structure{display:block}.studio-structure>div{padding:20px 0}.studio-structure dt{font-size:22px}.film-afterword{font-size:14px;line-height:1.7;margin-top:24px}.portfolio-section{padding-top:38px;padding-bottom:40px}.portfolio-destinations{display:block}.portfolio-destinations a{font-size:26px;padding:20px 0}.portfolio-section h2{font-size:14px;letter-spacing:0}.footer-top .brand img.wordmark-art{width:210px}}
.film-screen{position:relative;border-radius:5px;overflow:hidden}.film-launch{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#181b18;text-align:left}.film-launch img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.film-launch>span{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:35px;background:#33332F;color:#fffcf7;border:1px solid #ffffff60;border-radius:3px;padding:12px 18px;font-size:14px}.film-launch b{font-size:20px;font-weight:400}.film-launch:hover>span{background:#ac593d}.film-launch:focus-visible{outline:3px solid #fffcf7;outline-offset:-6px}.film-launch:disabled{cursor:wait}@media(max-width:760px){.film-launch>span{left:13px;bottom:13px;padding:8px 12px;font-size:12px;gap:20px}}

/* Quote treatment follows the original warm card, with a restrained dissolve. */
.field-quotes{max-width:1160px;border:0;padding-top:80px;padding-bottom:84px}
.field-quotes #field-heading{font:500 11px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 28px}
.quote-card{background:var(--white);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:36px 40px 22px;box-shadow:0 8px 32px #292a2705}
.quote-stage{padding:0;min-height:0;transition:height .65s cubic-bezier(.22,1,.36,1)}.quote-stage figure{margin:0}.quote-stage #quote-org{font:500 10px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
.quote-stage blockquote{font:400 clamp(24px,2.2vw,28px)/1.44 var(--serif);letter-spacing:-.025em;margin:0 0 26px;max-width:960px;text-wrap:pretty}
.quote-stage figcaption{font:400 13px/1.7 var(--sans);color:var(--muted);padding-bottom:12px}.quote-stage figcaption strong{font-weight:500;color:var(--ink);display:block}.quote-stage figcaption a{display:inline;text-decoration:none;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.quote-stage figcaption a:hover{color:var(--accent)}
.quote-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px}.quote-controls[hidden]{display:none}.quote-dots{display:flex;gap:2px;align-items:center}.quote-dots button{width:24px;min-height:44px;padding:0;border:0;background:transparent;display:grid;place-items:center}.quote-dots button:after{content:'';width:5px;height:5px;border-radius:4px;background:#cfc9bd;transition:width .35s ease,background .35s ease}.quote-dots button[aria-current=true]:after{width:20px;background:var(--accent)}
.quote-navigation{display:flex;gap:4px;align-items:center}.quote-navigation button{width:40px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:17px}.quote-controls button{cursor:pointer}.quote-controls button:hover{background:#ac593d0a}.quote-controls button:disabled{opacity:.25;cursor:default}.quote-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#quote-count{font:400 10px/1 var(--sans);letter-spacing:.08em;color:var(--muted);white-space:nowrap;margin-right:12px}
@media(max-width:760px){.field-quotes{padding-top:54px;padding-bottom:58px}.quote-card{padding:25px 22px 16px;border-radius:9px}.quote-stage{min-height:0}.quote-stage blockquote{font-size:24px;line-height:1.42}.quote-stage #quote-org{font-size:9px}.quote-stage figcaption{font-size:12px}.quote-controls{flex-wrap:wrap;gap:4px}.quote-dots{gap:0}.quote-dots button{width:22px}.quote-navigation{margin-left:auto}.quote-navigation button{width:38px}}
@media(prefers-reduced-motion:reduce){.quote-dots button:after,.quote-stage{transition:none}}

.workspace .story-film{margin:0 0 54px}.workspace .story-film figcaption{color:var(--muted)}
@media(max-width:760px){.workspace .story-film{margin-bottom:36px}}

/* Founder-directed cinematic reveal of the two promise beats.
   Beat 1 resolves the way the figure resolves out of the record: it rises and
   comes into focus. Beat 2 is drawn across like the blindfold going on: a
   left-to-right wipe, no rise. During playback the cues stay pinned to the
   measured frames (1.50s and 3.50s); on the static poster the beats play
   themselves in on a stagger so the line is never simply "there". */
.promise-beat{opacity:0;filter:blur(6px);transform:translateY(16px) scale(.995);clip-path:inset(0 0 100% 0);transition:none}
.promise-beat+ .promise-beat{filter:blur(4px);transform:none;clip-path:inset(0 100% 0 0)}
.promise-beat.cue-visible{opacity:1;filter:blur(0);transform:none;clip-path:inset(0 0 0 0);
  transition:opacity .62s cubic-bezier(.22,1,.36,1),filter .62s ease-out,
             transform .78s cubic-bezier(.22,1,.36,1),clip-path .78s cubic-bezier(.22,1,.36,1)}
.promise-beat+ .promise-beat.cue-visible{
  transition:opacity 1.05s cubic-bezier(.33,.9,.28,1),filter .85s ease-out,
             clip-path 1.15s cubic-bezier(.33,.9,.28,1)}
.is-seeking .promise-beat{transition:none}
@media(prefers-reduced-motion:reduce){
  .promise-beat{opacity:0!important;filter:none!important;transform:none!important;clip-path:none!important;transition:none!important}
  .promise-beat.cue-visible{opacity:1!important}
}

/* The header sits on the hero's own left margin so the wordmark lines up with
   the first letter of "Access to Justice". The hero is inset 24px and its inner
   column a further 40/30/18px, so the header column matches at each breakpoint. */
.header{width:calc(100% - 128px);margin-left:auto;margin-right:auto}
@media(max-width:1150px){.header{width:calc(100% - 108px)}}
@media(max-width:760px){.header{width:calc(100% - 60px)}}

/* The reveal is an enhancement, never a precondition for reading the line.
   The hidden start state is armed only once the head script has marked the
   document as scripted, so a no-JS visitor sees both beats immediately. */
/* FAIL-SAFE: the beats are visible unless the script has actively armed the
   reveal, and the script disarms itself if the reveal has not completed. There
   is no state in which the line is simply missing. */
.promise-beat{opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important}
.promise-armed .promise-beat{opacity:0!important;filter:blur(6px)!important;transform:translateY(16px) scale(.995)!important;clip-path:inset(0 0 100% 0)!important}
.promise-armed .promise-beat+ .promise-beat{filter:blur(4px)!important;transform:none!important;clip-path:inset(0 100% 0 0)!important}
.promise-armed .promise-beat.cue-visible{opacity:1!important;filter:blur(0)!important;transform:none!important;clip-path:inset(0 0 0 0)!important}

/* The promise carries the headline's own shape: statement, em dash, accented
   turn. The beats stay separate elements so the second half can still be
   revealed on its own, but they set inline so the dash reads as one sentence. */
.aila-promise{text-wrap:balance}
.promise-beat{display:inline-block;margin-top:0}
.promise-beat+ .promise-beat{margin-top:0}
.promise-beat{color:var(--ink)}
.promise-beat+ .promise-beat{color:var(--accent)}

/* Portfolio: LitigationEd and CounselXE are named, not linked — neither has a
   destination yet. They keep the row's typographic weight but carry a quiet
   state label instead of an outbound arrow, and nothing about them invites a
   click. LitigationHQ.ai is not ours and is not listed. */
.portfolio-destinations .portfolio-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  padding:20px 0;border-top:1px solid var(--line);font-size:28px;letter-spacing:-1px;color:var(--ink)}
.portfolio-state{font-size:13px;letter-spacing:0;color:var(--muted);white-space:nowrap}
@media(max-width:760px){.portfolio-destinations .portfolio-item{font-size:26px;padding:20px 0}}

/* Beneath the hero the quotations open the page, so they do not need the full
   section lead-in above them. */
.hero+.field-quotes{padding-top:70px}
@media(max-width:760px){.hero+.field-quotes{padding-top:48px}}

/* The Ask Aila still is a crop of the conversation panel, so it is portrait
   where the other captures are landscape. Hold it to a readable column rather
   than letting it stretch the section. */
#ask-aila .product-capture{max-width:520px;margin-left:0}
#ask-aila .product-capture img{border-radius:6px}

/* Matter Studio carries two captures — the anatomy and the deadlines it
   derives — so they sit side by side rather than stacking into a tower. */
.workspace .product-capture{margin-top:34px}
@media(min-width:1000px){
  .workspace .product-capture{display:inline-block;width:calc(50% - 14px);vertical-align:top;margin-right:24px}
  .workspace .product-capture+.product-capture{margin-right:0}
}

/* A product capture is small on the page and dense with detail, so it opens
   full size on click. Plain <dialog>, no library: Escape and the backdrop
   close it, and focus returns to the thumbnail that opened it. */
.capture-zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:5px}
.capture-zoom img{display:block;width:100%;height:auto;border-radius:5px;transition:opacity .2s ease}
.capture-zoom:hover img{opacity:.88}
.capture-zoom:focus-visible{outline:3px solid var(--accent);outline-offset:4px}

#capture-viewer{border:0;padding:0;background:none;max-width:96vw;max-height:96vh;overflow:visible}
#capture-viewer::backdrop{background:#17170fe0}
#capture-viewer img{display:block;max-width:96vw;max-height:88vh;width:auto;height:auto;
  border-radius:6px;box-shadow:0 30px 80px #00000059}
#capture-viewer .viewer-close{position:absolute;top:-42px;right:0;background:none;border:0;
  color:#f7f4ee;font-size:14px;letter-spacing:-.01em;padding:6px 2px;cursor:pointer}
#capture-viewer .viewer-close:hover{color:var(--accent)}
@media(max-width:760px){#capture-viewer .viewer-close{top:auto;bottom:-38px}}
@media(prefers-reduced-motion:reduce){.capture-zoom img{transition:none}}

/* The Matter Studio structure list carries FOUR parts, not three. At three
   columns the fourth wrapped onto a row of its own and read as an afterthought.
   Four abreast on desktop, two-by-two on tablet, stacked on phones. Each term
   sits above its own description so the columns line up on a single baseline. */
.studio-structure{grid-template-columns:repeat(4,1fr);gap:28px}
.studio-structure>div{border-top:1px solid var(--line);padding-top:20px;min-width:0}
.studio-structure dt{font-size:20px;line-height:1.25;letter-spacing:-.4px}
.studio-structure dd{font-size:14.5px;line-height:1.6;margin-top:10px;color:var(--muted);
  text-wrap:pretty;hyphens:none}
@media(max-width:1150px){.studio-structure{grid-template-columns:repeat(2,1fr);gap:26px 30px}}
@media(max-width:760px){
  .studio-structure{display:grid;grid-template-columns:1fr;gap:0}
  .studio-structure>div{padding:18px 0 0}
  .studio-structure dt{font-size:19px}
}

/* Matter Studio is now a set of named parts, each labelled ABOVE its own
   screens so a reader always knows which part of the platform they are
   looking at. Anatomy carries two screens; Aila Studio one; CounselXE and
   LitigationEd sit side by side with one each. The films follow underneath. */
.feature-block{margin-top:52px}
.feature-block:first-of-type{margin-top:38px}
.feature-block h3{font:500 21px/1.3 var(--sans);letter-spacing:-.5px;color:var(--ink);
  margin:0 0 8px;padding-top:18px;border-top:1px solid var(--line)}
.feature-block>p{font-size:15.5px;line-height:1.65;color:var(--muted);margin:0 0 20px;max-width:640px}

.feature-shots{display:grid;gap:22px}
.feature-shots.two-up{grid-template-columns:1fr 1fr}
.feature-shots.one-up{grid-template-columns:1fr;max-width:900px}
.feature-shot{margin:0}
.feature-shot .capture-zoom{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--white)}
.feature-shot img{display:block;width:100%;height:auto}

.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px 44px;align-items:start}
.feature-pair .feature-block{margin-top:52px}
.feature-pair .feature-shots.one-up{max-width:none}

@media(max-width:1000px){
  .feature-shots.two-up,.feature-pair{grid-template-columns:1fr}
  .feature-pair .feature-block{margin-top:44px}
  .feature-block{margin-top:44px}
}

/* The Aila capture is a crop of the conversation column, so it is portrait
   where every other screen is landscape. Left in a full-width slot it rendered
   898x1907 — taller than the viewport. Hold it to a reading column. */
.feature-shots.portrait{grid-template-columns:minmax(0,340px);max-width:340px}
@media(max-width:1000px){.feature-shots.portrait{grid-template-columns:minmax(0,300px);max-width:300px}}

/* Aila Studio shows two things at once: the drafting surface (landscape) and
   the conversation (a portrait crop). They sit side by side, the draft given
   the wider column, both tops aligned. */
.feature-shots.aila-pair{grid-template-columns:minmax(0,2.35fr) minmax(0,1fr);align-items:start;max-width:none}
@media(max-width:1000px){
  .feature-shots.aila-pair{grid-template-columns:1fr}
  .feature-shots.aila-pair .feature-shot:last-child{max-width:300px}
}

/* Each screen says what it is at its displayed size. Codex's review: a reader
   must not have to enlarge a screenshot to learn which part of the platform
   they are looking at. */
.feature-shot figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:10px;letter-spacing:0}

/* CounselXE: a purpose-built three-step illustration rather than the product
   screenshot. Codex's review — the real screen compresses tasks, disclosure
   rows, chips and audit history into half a page width and reads as a dense
   administrative tool with no obvious start or payoff.
   Built as live text, not an image: it stays readable at 390px, scales with the
   reader's font size, and needs no enlargement to be understood. No price,
   rating, turnaround or professional identity is shown, and the matter is the
   fictional Apex Marine one used everywhere else on this page. */
.xe-block{max-width:none}
.xe-flow{margin:26px 0 0}
.xe-flow-label{font-size:12px;letter-spacing:.055em;text-transform:uppercase;color:var(--muted);
  margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}

.xe-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.xe-step{position:relative;margin:0;padding:0}
/* The connector is a hairline between columns, not an arrow chain — the
   sequence is carried by the numbers and the copy. */
.xe-step+.xe-step:before{content:'';position:absolute;left:-14px;top:34px;bottom:34px;width:1px;background:var(--line)}
.xe-num{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;
  border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:12px;
  font-variant-numeric:tabular-nums;margin-bottom:11px}
.xe-step h4{font:500 16.5px/1.35 var(--sans);letter-spacing:-.2px;color:var(--ink);margin:0 0 14px}

.xe-card{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:16px 17px}
.xe-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.xe-title{font:400 17px/1.35 var(--serif);color:var(--ink);margin:0 0 7px;letter-spacing:-.2px}
.xe-note{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0}
.xe-list{list-style:none;margin:0 0 10px;padding:0}
.xe-list li{font-size:13.5px;line-height:1.5;color:var(--ink);padding:6px 0;border-bottom:1px solid var(--line)}
.xe-list li:last-child{border-bottom:0}
.xe-rest{font-size:13px;line-height:1.5;color:var(--muted);margin:0;padding-top:9px;border-top:1px dashed var(--line)}
/* Deliberately not a button: this depicts a planned experience. */
.xe-affordance{display:inline-block;margin:13px 0 0;padding:7px 13px;border:1px solid var(--accent);
  border-radius:3px;font-size:12.5px;color:var(--accent)}
.xe-say{font-size:13.5px;line-height:1.55;color:var(--muted);margin:12px 0 0}

.xe-gate{font-size:13.5px;line-height:1.6;color:var(--muted);margin:24px 0 0;padding-top:16px;
  border-top:1px solid var(--line);max-width:660px}

@media(max-width:900px){
  .xe-steps{grid-template-columns:1fr;gap:0}
  .xe-step{padding:22px 0 0}
  .xe-step+.xe-step:before{left:0;right:0;top:0;bottom:auto;width:auto;height:1px}
}
/* The pair now holds LitigationEd alone. */
.feature-pair.single{grid-template-columns:minmax(0,760px)}

/* CounselXE artwork (Codex, 2026-09-06). Two editions: a three-column desktop
   composition and a vertical narrow one, swapped at 850px as its notes require
   — the desktop edition must never be shrunk into a narrow slot. Inlined rather
   than referenced as <img> so the artwork inherits the page's own typeface;
   an external SVG cannot load the page's webfonts. Each edition's heading rows
   are trimmed by viewBox because the section's own h3 already says CounselXE. */
.xe-art-wrap{margin:26px 0 0}
.xe-art{display:block;width:100%;height:auto}
.xe-art-mobile{display:none}
@media(max-width:850px){
  .xe-art-desktop{display:none}
  .xe-art-mobile{display:block}
}
.xe-art-wrap .xe-flow-label{margin:14px 0 0;padding:0;border:0;
  font-size:12px;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}


/* ClientCounsel Overview ring (Codex, brand variant 2026-09-06). Its own
   stylesheet is scoped to #cc-overview-concept throughout, so it cannot reach
   the rest of the page. Anchors are remapped from the concept page's stubs to
   this page's real sections. */

#cc-overview-concept{--paper:#f7f4ee;--ink:#33332F;--rust:#ac593d;--line:#dad7cf;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;padding:0;margin:0;color-scheme:light}
#cc-overview-concept *{box-sizing:border-box}#cc-overview-concept a{color:inherit;text-decoration:none}#cc-overview-concept a:focus-visible{outline:3px solid #ac593d;outline-offset:5px}#cc-overview-concept .cc-nav{display:flex;align-items:center;gap:28px;padding:22px 5%;border-bottom:1px solid var(--line);flex-wrap:wrap}#cc-overview-concept .cc-logo{font-family:Georgia,serif;font-size:24px;margin-right:auto}#cc-overview-concept .cc-nav a:not(.cc-logo){font-size:13px;padding:14px 0}#cc-overview-concept .cc-note{font-size:12px;letter-spacing:.07em;color:#725c4e;text-transform:uppercase;text-align:center;padding:14px 20px;background:#f0eae1}#cc-overview-concept .cc-intro{max-width:920px;margin:auto;padding:42px 26px 26px;border-bottom:1px solid var(--line)}#cc-overview-concept .cc-intro p{font-size:14px;color:#67675e;margin:6px 0}#cc-overview-concept h1,#cc-overview-concept h2,#cc-overview-concept h3,#cc-overview-concept p{margin-top:0}#cc-overview-concept h1{font-size:40px;font-weight:500;letter-spacing:-1.5px;line-height:1.15;margin-bottom:10px}#cc-overview-concept .cc-overview{padding:48px 30px 45px;scroll-margin-top:20px}#cc-overview-concept .cc-title{text-align:center}#cc-overview-concept .cc-subtitle{font-size:20px;color:#66675e;margin-bottom:0}#cc-overview-concept .cc-map{position:relative;max-width:920px;height:510px;margin:14px auto 0}#cc-overview-concept .cc-orbit{position:absolute;z-index:0;left:105px;right:115px;top:80px;height:345px;border:1px solid #c9b6a2;border-radius:50%;transform:rotate(-12deg)}#cc-overview-concept .cc-orbit:after{content:"";position:absolute;inset:13px;border:1px solid #e7ded3;border-radius:50%}#cc-overview-concept .cc-node{position:absolute;z-index:1;background:var(--paper);padding:22px;width:248px;border-radius:22px;transition:background .18s,box-shadow .18s}#cc-overview-concept a.cc-node:hover,#cc-overview-concept .cc-studio a:hover{background:#f0e8dd;box-shadow:0 5px 22px #4f39230a}#cc-overview-concept .cc-node strong{display:block;font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.5px}#cc-overview-concept .cc-product{display:block;color:var(--rust);font-size:13px;letter-spacing:.04em;margin-bottom:8px}#cc-overview-concept .cc-mini{display:block;font-size:13px;color:#66675e;margin-top:10px;line-height:1.5}#cc-overview-concept .cc-linkhint{display:block;color:var(--rust);font-size:13px;margin-top:15px}#cc-overview-concept .cc-learn{left:50px;top:25px}#cc-overview-concept .cc-counsel{left:55px;top:305px}#cc-overview-concept .cc-aila{left:calc(50% - 115px);top:180px;width:200px;min-height:190px;border-radius:50%;background:#31392f;color:#292a27;text-align:center;padding:38px 20px;box-shadow:0 0 0 12px var(--paper)}#cc-overview-concept .cc-aila .cc-product,#cc-overview-concept .cc-aila .cc-mini,#cc-overview-concept .cc-aila .cc-linkhint{color:#ece6d8}#cc-overview-concept a.cc-aila:hover{background:#424c3f}#cc-overview-concept .cc-aila strong{font-family:Georgia,serif;font-size:27px}#cc-overview-concept .cc-aila .cc-linkhint{margin-top:10px}#cc-overview-concept .cc-studio{right:5px;top:84px;width:262px;padding:20px;background:#f0eae0;border:1px solid #dfd4c5;border-radius:24px}#cc-overview-concept .cc-studio h2{font-size:16px;font-weight:500;margin:0 0 7px;color:var(--rust)}#cc-overview-concept .cc-studio a{display:block;border-radius:12px;padding:12px 10px;margin:0 -10px;transition:background .18s}#cc-overview-concept .cc-studio a+a{border-top:1px solid #d7ccbc;border-radius:0 0 12px 12px;margin-top:8px;padding-top:20px}#cc-overview-concept .cc-studio strong{font-size:22px}#cc-overview-concept .cc-foundation{max-width:760px;margin:0 auto;text-align:center;border-top:1px solid var(--line);padding:23px 15px 0}#cc-overview-concept .cc-foundation a{color:var(--rust);font-size:15px;display:inline-block;padding:12px 4px}#cc-overview-concept .cc-foundation p{font-size:14px;color:#65675e;margin:4px 0 0}#cc-overview-concept .cc-revisit{text-align:center;font-size:14px;color:#65675e;margin:26px 0 0}#cc-overview-concept .cc-details{max-width:1020px;margin:auto;padding:0 38px 70px}#cc-overview-concept .cc-detail{padding:55px 0;border-top:1px solid var(--line);scroll-margin-top:20px}#cc-overview-concept .cc-detailhead{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}#cc-overview-concept .cc-detail h2{font-size:29px;font-weight:500;letter-spacing:-.7px;line-height:1.2;margin:0}#cc-overview-concept .cc-back{white-space:nowrap;font-size:13px;color:var(--rust);padding:12px 0;display:inline-block}#cc-overview-concept .cc-detailbody{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}#cc-overview-concept .cc-detailbody p{color:#62645b;font-size:16px;max-width:420px;margin:0}#cc-overview-concept .cc-placeholder{min-height:190px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:26px;background:#eee8de;border:1px dashed #bcb0a0;border-radius:10px;color:#6b6156;font-size:14px}#cc-overview-concept .cc-placeholder small{font-size:12px;margin-top:8px}#cc-overview-concept .cc-footer{padding:20px;text-align:center;color:#6b6156;font-size:12px;border-top:1px solid var(--line)}
@media(max-width:900px){#cc-overview-concept .cc-nav{gap:8px 20px;padding:18px 24px}#cc-overview-concept .cc-logo{width:100%;margin:0}#cc-overview-concept h1{font-size:34px}#cc-overview-concept .cc-overview{padding:35px 22px}#cc-overview-concept .cc-map{height:auto;display:flex;flex-direction:column;gap:18px;margin:30px auto;max-width:430px}#cc-overview-concept .cc-orbit{top:70px;bottom:55px;height:auto;left:20px;right:20px;transform:none;border-radius:100px}#cc-overview-concept .cc-node{position:relative;left:auto;right:auto;top:auto;width:100%;border:1px solid var(--line);padding:23px}#cc-overview-concept .cc-aila{order:-1;width:205px;align-self:center;padding:30px 18px;border:0;min-height:190px}#cc-overview-concept .cc-learn,#cc-overview-concept .cc-counsel{border-radius:22px}#cc-overview-concept .cc-studio{order:1}#cc-overview-concept .cc-counsel{order:2}#cc-overview-concept .cc-node strong{font-size:23px}#cc-overview-concept .cc-details{padding:0 24px 35px}#cc-overview-concept .cc-detailhead{display:block}#cc-overview-concept .cc-detail h2{font-size:27px}#cc-overview-concept .cc-detailbody{grid-template-columns:1fr;gap:22px}#cc-overview-concept .cc-placeholder{min-height:180px}#cc-overview-concept .cc-intro{padding:28px 24px}#cc-overview-concept .cc-subtitle{font-size:18px}}
@media(prefers-reduced-motion:reduce){#cc-overview-concept *{transition:none!important;scroll-behavior:auto!important}}

#cc-overview-concept .cc-ringmap{position:relative;width:min(100%,700px);aspect-ratio:1;margin:20px auto 0}#cc-overview-concept .cc-ring{display:block;width:100%;height:100%;overflow:visible}#cc-overview-concept .cc-ring a:hover path{filter:brightness(1.05) url(#cc-depth)}#cc-overview-concept .cc-ring a:focus-visible path{stroke:#6e3b29;stroke-width:5}#cc-overview-concept .cc-ringlabel{position:absolute;text-align:center;z-index:2;width:28%;font-size:15px;color:#332f26}#cc-overview-concept .cc-ringlabel strong{display:block;font-size:23px;font-weight:500;line-height:1.16;letter-spacing:-.5px}#cc-overview-concept .cc-ringlabel span{display:block;margin-top:7px;font-size:14px}#cc-overview-concept .cc-ring-learn{top:11%;left:36%}#cc-overview-concept .cc-ring-studio{top:55%;left:65%;width:25%}#cc-overview-concept .cc-ring-counsel{top:58%;left:10%;width:27%}#cc-overview-concept .cc-ring-prepare{display:block;font-size:14px;margin-top:14px;padding-top:10px;border-top:1px solid #9a80574d}#cc-overview-concept .cc-ring-prepare small{display:block;font-size:11px;margin-top:3px}#cc-overview-concept .cc-ring-centre{position:absolute;left:35%;top:35%;width:30%;height:30%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fffcf7;color:#33332F;box-shadow:0 8px 22px #34332820;text-align:center}#cc-overview-concept .cc-ring-centre strong{font-family:Georgia,serif;font-size:30px;font-weight:500}#cc-overview-concept .cc-ring-centre span{font-size:14px;margin-top:6px}#cc-overview-concept .cc-ring-centre small{font-size:12px;margin-top:8px}#cc-overview-concept .cc-studio-caption{font-size:13px;max-width:610px;text-align:center;color:#686457;margin:8px auto 28px}#cc-overview-concept .cc-mobile-key{display:none}
@media(max-width:600px){#cc-overview-concept .cc-ringmap{margin-top:25px}#cc-overview-concept .cc-ringlabel strong,#cc-overview-concept .cc-ring-prepare{display:none}#cc-overview-concept .cc-ringlabel span{font-size:clamp(11px,3.2vw,16px);margin:0;font-weight:500}#cc-overview-concept .cc-ring-learn{top:15%}#cc-overview-concept .cc-ring-studio{top:64%;left:61%;width:35%}#cc-overview-concept .cc-ring-counsel{top:64%;left:5%;width:35%}#cc-overview-concept .cc-ring-counsel span{font-size:0}#cc-overview-concept .cc-ring-counsel span:after{content:'CounselXE';font-size:clamp(11px,3.2vw,16px)}#cc-overview-concept .cc-ring-centre strong{font-size:clamp(17px,5vw,26px)}#cc-overview-concept .cc-ring-centre span{display:none}#cc-overview-concept .cc-ring-centre small{font-size:11px;margin:4px 0 0}#cc-overview-concept .cc-mobile-key{display:grid;gap:12px;margin:18px 0 24px}#cc-overview-concept .cc-mobile-key>a,#cc-overview-concept .cc-mobile-key>div{border-left:3px solid #bd7862;padding:7px 14px}#cc-overview-concept .cc-mobile-key>div{border-color:#c4a467;background:#f0e8d9}#cc-overview-concept .cc-mobile-key>a:last-child{border-color:#9faa8e}#cc-overview-concept .cc-mobile-key a{display:block;padding:5px 0}#cc-overview-concept .cc-mobile-key strong{display:block;font-size:17px;font-weight:500}#cc-overview-concept .cc-mobile-key span{display:block;font-size:13px;color:#676052;margin-top:3px}#cc-overview-concept .cc-mobile-key>div>a+a{margin-top:8px;padding-top:12px;border-top:1px solid #dbcfba}#cc-overview-concept .cc-studio-caption{display:none}}

#cc-overview-concept .cc-ringmap{width:min(100%,600px)}#cc-overview-concept .cc-ringlabel strong{font-size:20px}#cc-overview-concept .cc-ringlabel span{font-size:12px}

#cc-overview-concept .cc-ring-centre{color:var(--ink);border:1px solid var(--line);box-shadow:0 7px 20px #292a2714,inset 0 1px 0 #fffcf7}#cc-overview-concept .cc-ring-centre strong{color:var(--rust)}#cc-overview-concept .cc-ring-centre span,#cc-overview-concept .cc-ring-centre small{color:#656760}
#cc-overview-concept .cc-ring-studio,#cc-overview-concept .cc-ring-counsel{color:#fffcf7}#cc-overview-concept .cc-ring-studio{top:71%;left:59%;width:25%}#cc-overview-concept .cc-ring-counsel{top:71%;left:16.5%;width:26%}#cc-overview-concept .cc-ring-studio strong,#cc-overview-concept .cc-ring-counsel strong{font-size:21px}#cc-overview-concept .cc-ring-prepare{display:none}#cc-overview-concept .cc-studio-caption a{display:inline-block;color:var(--rust);padding:12px 3px;font-size:14px}
#cc-overview-concept .cc-mobile-key>a,#cc-overview-concept .cc-mobile-key>div,#cc-overview-concept .cc-mobile-key>a:last-child{border-color:var(--rust)}#cc-overview-concept .cc-mobile-key>div{background:#fffcf7}#cc-overview-concept .cc-ring a path{transition:filter .18s}#cc-overview-concept .cc-ring a:focus-visible path{stroke:var(--ink);stroke-width:5}#cc-overview-concept .cc-ringlabel:focus-visible{outline-color:#fffcf7;box-shadow:0 0 0 7px #292a27}
@media(max-width:600px){#cc-overview-concept .cc-ring-counsel span{font-size:0}#cc-overview-concept .cc-ringlabel span{line-height:1.2}#cc-overview-concept .cc-ring-studio{top:74%;left:59%;width:25%}#cc-overview-concept .cc-ring-counsel{top:74%;left:15%;width:26%}#cc-overview-concept .cc-ring-studio strong,#cc-overview-concept .cc-ring-counsel strong{display:none}}


/* "CounselXE · optional" was wider than the dark segment at that radius, so its
   first letter fell off the segment onto the pale ground and, being white,
   disappeared. Nudged toward the segment's centre and set a step smaller so the
   whole line sits on the dark fill. */
#cc-overview-concept .cc-ring-counsel{left:14%;width:31%}
#cc-overview-concept .cc-ring-counsel span{font-size:11.5px;letter-spacing:0}
@media(max-width:900px){#cc-overview-concept .cc-ring-counsel{left:12%;width:34%}}

/* Ring labels carry the PRODUCT NAME; what each part does is the line beneath,
   which comes forward on hover and on keyboard focus. The old mobile rule that
   replaced the counsel span with generated text is neutralised — the span now
   holds real copy that must not be hidden. */
#cc-overview-concept .cc-ringlabel strong{font-size:17px;font-weight:500;letter-spacing:-.2px;line-height:1.25}
#cc-overview-concept .cc-ringlabel span{display:block;margin-top:5px;font-size:12.5px;line-height:1.35;
  opacity:.62;transition:opacity .22s ease}
#cc-overview-concept .cc-ringlabel:hover span,
#cc-overview-concept .cc-ringlabel:focus-within span,
#cc-overview-concept .cc-ringlabel a:focus-visible span{opacity:1}
#cc-overview-concept .cc-ring-counsel span{font-size:12.5px}
#cc-overview-concept .cc-ring-counsel span:after{content:none}

/* Every segment answers to the pointer, not just the first — and the centre
   lifts so it reads as something you can press. */
#cc-overview-concept .cc-ring a path{transition:filter .2s ease,opacity .2s ease}
#cc-overview-concept .cc-ring a:hover path,
#cc-overview-concept .cc-ring a:focus-visible path{filter:brightness(1.12) saturate(1.04)}
#cc-overview-concept .cc-ring-centre{transition:transform .2s ease,box-shadow .2s ease}
#cc-overview-concept .cc-ring-centre:hover,
#cc-overview-concept .cc-ring-centre:focus-visible{transform:translateY(-3px) scale(1.03);
  box-shadow:0 16px 34px #292a2733,inset 0 1px 0 #fffcf7}
@media(prefers-reduced-motion:reduce){
  #cc-overview-concept .cc-ring-centre,#cc-overview-concept .cc-ring a path,
  #cc-overview-concept .cc-ringlabel span{transition:none}
  #cc-overview-concept .cc-ring-centre:hover{transform:none}
}


/* ── Founder pass, 2026-09-06 (evening) ───────────────────────────────────────
   Four changes, all his: the quotations move into the hero small, the overview
   ring takes the space they vacate, every product section reads name → film →
   screens, and each section offers a way back to the ring. */

/* The quotations are context for the promise line above them, not a section of
   their own. They sit in the hero's own column, at reading size rather than
   display size, so the first thing below the fold is the overview. The card
   chrome goes with them: inside the hero a rule is enough. */
.hero-quotes{margin:38px 0 0;padding-top:26px;border-top:1px solid #d8d1c3;max-width:560px}
.hero-quotes #field-heading{font:500 10px/1.5 var(--sans);letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent);margin:0 0 16px}
.hero-quotes .quote-stage{padding:0;min-height:0;transition:height .65s cubic-bezier(.22,1,.36,1)}
.hero-quotes .quote-stage figure{margin:0}
.hero-quotes #quote-org{font:500 9.5px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);margin:0 0 10px}
.hero-quotes blockquote{font:400 17px/1.5 var(--serif);letter-spacing:-.012em;
  margin:0 0 13px;max-width:none;text-wrap:pretty}
.hero-quotes .quote-stage figcaption{font:400 12px/1.6 var(--sans);color:var(--muted);padding-bottom:0}
.hero-quotes .quote-stage figcaption strong{font-weight:500;color:var(--ink);display:block}
.hero-quotes .quote-stage figcaption a{display:inline;text-decoration:none;
  border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.hero-quotes .quote-stage figcaption a:hover{color:var(--accent)}
.hero-quotes .quote-controls{padding-top:10px}
.hero-quotes .quote-navigation button{width:34px;height:38px;font-size:15px}
.hero-quotes .quote-dots button{width:20px;min-height:38px}
.hero-quotes #quote-count{margin-right:9px}
/* Room for them: the hero grows rather than the quotes shrinking further. */
.hero{min-height:800px}
@media(max-width:1150px){.hero{min-height:790px}.hero-quotes{max-width:none}}
@media(max-width:760px){
  .hero{min-height:0}
  .hero-quotes{margin-top:28px;padding-top:20px;max-width:none}
  .hero-quotes blockquote{font-size:16.5px;line-height:1.48}
  .hero-quotes .quote-stage figcaption{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){.hero-quotes .quote-stage{transition:none}}

/* Each product now reads the same way: the name, then its film, then the
   screens the film is talking about. Matter Studio gets its 3:22 back from the
   quotations block; Aila Studio's pair moves under Ask Aila, where the founder
   wants it; LitigationEd and CounselXE keep one screen each beneath their own
   films. A block that carries only screens has no heading of its own — the
   section heading above it already named the product. */
.feature-block.screens-only{margin-top:44px}
.feature-block .feature-lead{font-size:15.5px;line-height:1.65;color:var(--muted);
  margin:0 0 20px;max-width:640px}
.litigationed-section .story-film figcaption{color:var(--muted)}

/* The dark sections alternate with the light ones — Matter Studio light, Ask
   Aila dark, LitigationEd light, CounselXE dark — so each product is separated
   from the next by the ground changing under it (founder, 2026-09-06). Ask Aila
   already had this treatment; CounselXE now takes the same shape, a full-bleed
   panel with its own inner wrap, so the two match exactly.
   The screens blocks inside them need their own borders and text colours: the
   shared rules are all keyed to the light palette and would go invisible. */
.dark-panel{margin:0 24px;border-radius:7px;background:#303630;color:#f7f4ee;padding:80px 0}
.dark-panel .wrap{width:calc(100% - 80px)}
.dark-panel .eyebrow{color:#c8b19a}
.dark-panel .section-head>p,.dark-panel .product-lead{color:#d7dad1}
.dark-panel .story-film figcaption{color:#d3d5cb}
.counselxe-section.dark-panel .story-film figcaption{color:#d3d5cb}
@media(max-width:1150px){.dark-panel .wrap{width:calc(100% - 64px)}}
@media(max-width:760px){.dark-panel{margin:0 12px;padding:48px 0}.dark-panel .wrap{width:calc(100% - 36px)}}

.dark-panel .feature-block{margin-top:48px}
.dark-panel .feature-block h3{color:#f3f1e9;border-top-color:#4c534b}
.dark-panel .feature-block>p,
.dark-panel .feature-block .feature-lead,
.dark-panel .feature-shot figcaption{color:#c2c7bd}
.dark-panel .feature-shot .capture-zoom{border:1px solid #4c534b;background:#242a24}
/* The CounselXE artwork paints its own pale ground, so on the dark panel it
   reads as a card — give it the corner radius the films have. Its own <rect>
   only covers the composition's first 754 units while the visible viewBox runs
   to 950, so the footer line sat on bare panel: dark grey on dark green. The
   wrapper carries the paper colour so the whole card is lit. */
.dark-panel .xe-art-wrap{background:#faf8f3;border-radius:6px;overflow:hidden}

/* A way back to the ring from wherever a segment dropped you. Quiet: a rule and
   a line of text at the foot of each product section, not a button. */
.back-to-overview{margin:56px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.back-to-overview a{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;
  letter-spacing:0;color:var(--muted);text-decoration:none}
.back-to-overview a:hover{color:var(--accent)}
.back-to-overview a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.dark-panel .back-to-overview{border-top-color:#4c534b}
.dark-panel .back-to-overview a{color:#c2c7bd}
.dark-panel .back-to-overview a:hover{color:#e0a586}
@media(max-width:760px){.back-to-overview{margin-top:40px;padding-top:18px}}


/* ── Founder pass 2, 2026-09-06 ───────────────────────────────────────────────
   "There are four parts." Aila Studio — where the drafting happens — was folded
   inside Matter Studio and never had a place of its own; the ring showed three
   segments and the page had no section for it. Both now carry four. Ask Aila is
   not a fourth part: it is the guide that runs through all of them, so it stays
   the centre of the ring and its screen sits inside Aila Studio. */

/* Four quadrants, each centred on its own segment at the mid-radius, so the
   labels no longer need a hand-placed top/left per segment. */
#cc-overview-concept .cc-quad{position:absolute;transform:translate(-50%,-50%);
  width:30%;text-align:center;z-index:2}
#cc-overview-concept .cc-quad-ms{left:50%;top:16.07%}
#cc-overview-concept .cc-quad-as{left:83.93%;top:50%}
#cc-overview-concept .cc-quad-le{left:50%;top:83.93%}
#cc-overview-concept .cc-quad-xe{left:16.07%;top:50%}
/* Text follows the fill beneath it: pale segments take ink, dark ones paper. */
#cc-overview-concept .cc-quad-ms,#cc-overview-concept .cc-quad-le{color:var(--ink)}
#cc-overview-concept .cc-quad-as,#cc-overview-concept .cc-quad-xe{color:#fffcf7}
#cc-overview-concept .cc-quad strong{display:block;font-size:17px;font-weight:500;
  letter-spacing:-.2px;line-height:1.25}
#cc-overview-concept .cc-quad span{display:block;margin-top:5px;font-size:12.5px;
  line-height:1.35;opacity:.66;transition:opacity .22s ease}
#cc-overview-concept .cc-quad:hover span,
#cc-overview-concept .cc-quad:focus-visible span{opacity:1}
@media(max-width:900px){#cc-overview-concept .cc-quad{width:32%}}
/* On a phone the ring is small: keep the product name, drop the description —
   the mobile key beneath repeats both in full. */
@media(max-width:600px){
  #cc-overview-concept .cc-quad strong{display:block;font-size:clamp(11px,3.3vw,15px)}
  #cc-overview-concept .cc-quad span{display:none}
}
/* The four keys read as one list now that no part sits inside another. */
#cc-overview-concept .cc-mobile-key{grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:480px){#cc-overview-concept .cc-mobile-key{grid-template-columns:1fr}}

/* Matter Studio holds two named parts, and the screens beneath them are one per
   part — so each name sits directly above its own screen rather than one
   heading standing for both. */
.feature-block.two-part{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
/* Subgrid so the two headings, the two descriptions and the two screens each
   share a row: a one- or two-line description must not push its own screen out
   of line with the one beside it. */
.feature-block.two-part .part{display:grid;grid-row:span 3;grid-template-rows:subgrid}
.feature-block.two-part .part>p{font-size:15.5px;line-height:1.65;color:var(--muted);
  margin:0 0 20px;max-width:none}
.feature-block.two-part .part>h3{margin-bottom:8px}
.feature-block.two-part .feature-shot{margin:0}
@media(max-width:1000px){
  .feature-block.two-part{grid-template-columns:1fr}
  .feature-block.two-part .part{display:block;grid-row:auto}
  .feature-block.two-part .part+.part{margin-top:34px}
}


/* The wordmark is inlined rather than loaded as an <img> so it can take
   fill:currentColor and follow the header's own text colour. As a separate file
   it carried a hard-coded #292a27, which meant that under a dark-mode browser
   extension — the founder's own reading setup — the page inverted around it and
   the wordmark stayed near-black on near-black. Nothing can restyle the inside
   of an <img>, however the page is themed. */
.wordmark-art{display:block;width:226px;height:auto;max-width:none;color:inherit}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.wordmark-art{width:clamp(176px,54vw,210px)}}


/* The section lead was aligned to the TOP of the heading block, which put it
   level with the 12px eyebrow and half a heading away from anything — it read
   as a stray paragraph rather than as this product's own line. It now sits on
   the heading's last line. */
.section-head{align-items:flex-end}
.section-head>p{padding-top:0;margin-bottom:6px}
@media(max-width:760px){.section-head{display:block}.section-head>p{margin:14px 0 0}}


/* The bracket mark was a 512x512 PNG with an opaque cream ground, so in a dark
   context it showed as a pale block and the ink half of the mark vanished into
   it. It is now two alpha masks cut from that same PNG — no redraw, the exact
   shapes — laid over live colour: the "[" takes currentColor and follows the
   text the way the wordmark does, the "]" keeps the accent. Inlined as data
   URIs so the mask paths cannot go stale in the publish rewrite. */
.brand-mark{position:relative;display:block;width:30px;height:40px;flex-shrink:0}
.brand-mark:before,.brand-mark:after{content:'';position:absolute;inset:0;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
.brand-mark:before{background:currentColor;
  -webkit-mask-image:url("data:image/png;base64,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");mask-image:url("data:image/png;base64,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")}
.brand-mark:after{background:var(--accent);
  -webkit-mask-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAOTElEQVR42u2dy6tkVxXGv3Wq7r3dHTuamKD46ii+kEwiwSgExOAogtIE48iRg5g/wEdACAhOxYEP0IEzcRCFZKJEBNuJRAcqUaJCMMnIDlFi+n2r6nwOah979+69z9mnTlXXPlXfDw597+26t29Sa+293gsQQgghhBBC7BOm/wW7Bclqi+8rzayWAggpIVABWJgZpQDiVgidmRlJvg/AGQC1e39vxXvcCPl5AH/zhZ7kBEBdqiJMJTo7QwVgAeDLAL6ypd/hKoCXSD4P4JcAnjGz1xpFMLOFFEBsmitOERZOKWp3QtfBreDfDpY40c19bO5n0Xti33cI4MPu+TyA8yR/DOA7ZnbemUYs6TaoJC87x8Q9dO9v8/kUwIH3TL2vT4LXVe7PqffaKvie5ucceq8hgLn3vA3A1wE8R/ILZlY7M82kAGLTt3pz4jfvsznhtcTjR48q7ybwX8Pg1PdvEPMUrlGUOYCLThF+SvL7zhSiuw2kAGJj76kFJkvlCSm8r9cdAo3ga83PqjoCK833H7nvuQbgcQBPkzzROO5SALGJiMzCE8SZe+bu6wxeS+/jOvhazM5vyzP4vkbzsyYATjhFmAH4DICfND9r20ogBdg9Dp3QHTnb/KQTwMZWn7j3vVEKJpQiFMw68fWY01wHt0bzPQfu3z0L4BsuKlQpDyDWmQd4L4B7vCjQ7QDej2Vu4AyA+wHc5RQEAI49/6AOTBwLBJwdAstAgSwRYWpuiAfM7I/bDJFKAfZPUW4D8G4AnwTwKICH3F/NPaWpAl9i0SHQiNwW1qIsC6dwPzezR0hWYyuhEAWXIZCcBM/UPVXk9Q+RfJZLrpG8RHJOsvaeOcmF+zhGHXnaWLh/5wrJB7yMsRCbN5Wckkx9B5TkF0m+6oT9qhPihft85j5uo/a+hxkKcMF9/CMpgNimQkyam4HkvST/6QnyzHtyBDuH5mdfdX++TPKObYVFFQXac8xsYWY1yQMz+4vzC65usGDOz0scA3gPgHu3JY9SANEowswpwR8APOFkYx4kypDIIfTJTzBIlAHAg9sKykgBhM/c2eLfBfB7XE9eMUhuMUMRiHieIFZ68UEoESYKuAXYmEUAvhk5sftWcaaUo6saVQogtkbtnNFnAfwDwG0RkyUnl2QtQm+l5KCkACJ2C1RmNgPw2wzBZSJjnCqbsBIrB4WI8evg9O7rBDNSIQopgMAIKkoB4AXnBFukG4yZTnCO8C+kAKIkM6gJfb4I4JUgJOo32qRKqHPNnVCZpACiKEW4CuDfLU5s2GCDDocZGYV0UFO8KKKozt0ErwZCzY5G+lEdxLoBRFep/OuJZBZ3QQ6lAKKLSy3RHyZ6hkfTjyIFEF3CeQH5JQ99hdrkA4jSueB1ee1cF6FuAJF7SvctX6AUQOzzKH2TAgjsyJiVnR2gIAUQXRzjerkCpQBin00fvykGG6g9kgKI4jiJeCmEbgCxFxwEw65sAye2OsJEsby+QXOFugHEWG6A8OSvd2mZghAp6g0emKoFEsVzamzZXSmAWCcnEqUQJgUQ2KNy6CGnP0u9PaQAoos5hkd5is0dSAFEF7MVIz/FnvpSAIEBURv2eG0lBRC7Uv4czvcZerozGK8C5QEERpIXsIw5P112fxEKoBtA5JYp1B2N8XUPR5eBiVTpBhBjsv+t4++rsbRK6gYQfW4C61AQy1QkUymEGIsTfOTJSqwnwBJKQtUCiV0qhrOegmwZPoBMIFG86WMbOLVNPoAYC4s1xv2ROV1OClDoQmnbw//0N28wwab9ACNtDBHrbX1UJhgjWSG6h1Qr+Am5iTAtyBAYS1M8ByiAdewFUyZYjGomKAcKrg28QeQDCNzqqRDVGk0WaiqEGAuXE3a7DVyOQeUBxFj2ArTV/KwyLY6ltEnqBhBdJ/SkpcbHVhRmZYLF6G4CDtgE31UVqjyAAGKZ5gLyD7MW06hPFIcRZZEJJHY+2caSx6JIAco5/Q+wnMLml1zUZnZly7/a6UwTCBqOK1YR/KmZzQGcBfA9LDOv5pzPFwA8jDJGI67qyOaYSiYFECcB3AXgDi/y8t8Cfq+Lu1T/D0WBiraVieVSunlBXVPXelR0UsNxxdCT0u+9PUJZpRC55g6lAAIDOrDqAkwHC26ArgYWW6G/QiuSxE0CVA+cyLzJnmB6gju0ycXUESZW6Z8toauLLTuDc2uDLFB6KYC4aapySW2YdUuJBFuyvkX7BFKA8pjgehi0tFupjmR2rWOCXM48ITXEiBsUoCoofs6I02rBTWUtE+JyhgpIAUTvGZvblhcmQp8c07IMKcD4+nG37ZBXkciQ9bD5ObCTDCqFgKJAW1DCSYdt37c0miqGE1118yzMWqgyYv3Wo8FGiTBRfOO49SyFyPndTYOxBDJ2cHFEk6P7TpE2DccVXcvjSnh/3rTBm0kLMsRaZ25uwvS5tOLmd46hMlQKIHISYKsuym6eWi2Roo/glXQw3ZG52ogtFZ9Vx/fLBxDRrGkJibBZR1M8Bwi2aoFE8VxAXoUoMwZfWWlhXimA/DJkToUIT/y2zq7ckKgGY4nilWDW4gN0lUXnrEuVAojec3SwhS2RuWaNjSkfIBNIdHGqh2lDJcIE1lj/s0A5meAqo6jNNBpR7Mz6IMcbPcu2c004VYOKTrOgpMlwNdozxLoBxE4qgEWK9IZWgpYy9lE3QOEmkBXYlmlrEGTTDSAwoikVqY6woae5okCitR+ABQ7EYsb+MCjjKDaxmG6bNwBbTKCh7Y1akieih1IJdfTHHUkvquZE7EtUih0Ls9fRdCMFkA9Q5KmaGoI7xJlVMZyIOp1VQeYFO0weG/NBrBugPOaF9dBay8emqRBiF+eBbrJMuyjnWSZQ2YJWcniWiduBCWVhZCMM1Q8gYu+JFfT+1ImsrwVPqjCOLZ/LBBKdE5lLsxI4MFlXRZx8jUURN8TEJwX5A5OODjBmhExrJcJEn3GIVaG1QMRqMXxrWbKnUghRdEnBPGN6Xcwh7poiV8TaJClAWbdx7f1ZqunAloV4bOkOi0WJqBVJwn8vKgBHCft7WxxmNMSwR1THgpWrUgABAHgdwMtYVl82J/9fUd5cIHTMCs0diGVKhAmYWWNjPwPgV074/acUBVjndseqFCWQApSlCBcKL82oe0yAYMZcUCmA8CSGtIhisJD9AOwwZyyyPBstla5qihfFCXuMqz3MHhuYL5ACiOK4HCToUgVxzHB4KymAGGtdUqrgjS3JsLZbQ6MRxeiz1kwsvs7pFVY1qBjdTWAdu8D61jCpGnTXojZ7qBDhDdDnZJcCYPzlC/varcZIXY9pLtB+hS1ne1yxyoH2PLUiSYy5XHuoExtbsCcFEHs1rUKlEEJ7C+QDiDHa/aWOcJQCiI1YCUysSpICiL0phYgtyqbi2GKXma2wwMN0A4hdjv7YmJdjSwHEuhZl2JpGvKgUQhQv+IuOobirDM9SObQonoNAVizoDWZCpmqtSBK7wDWka/4tYR7lVIVqP4AY5cpWizTDY4WFeSzhIJYCiKGrkvoO/i0qkiQTSAwNi/YpiQjriSZyggVGtL2Sibme1iObTOUBBEa+w9jGFu+XDyC27QegxMyxFEDcio03xZZMyAQSffsB+uwByLX5VQohiuUoscI11hzDFfceSwEExpAJjgl2Tl+AqRZIYOQ9I1Wi5GEV55alLACREyy6eEtikpsN3PSSe3voBhBFbYdcRzjUIjeKFEAU7QP4zfA2sCQC2hMsMKISiE0luFQMJ4rncI3jEJkog66kAKLUBNjRGk9pQ2E1QVIA0cXJjNO/TzTHVAohxnQD3NkhK/UKwm1KhAkUvvugEey3d5z4bWUQGosiRr0C6hDA3YnTvU4syR5VabQUQMQEv5GLewC8I2K2sCVJNqoeASmAaBPID2EZBVp01PnbWAflSgFEmwJ8AtenwsWa2quOyXBSADFKFs4M+lSwCTJm7rBl3Enx/cFSABHa/82oko8DuA/L8ehT77SfRIZjYYX2R5MCiEIjoEYAX01kgRn4ARzzyiQVwwn/9J+a2ZzkwwA+553+MQe4zxToLjPoJSmAKEX43wXgh7i5CrRtysMqYVC/I+zctvwCKYAE3wBMzWxG8m4APwPwTgDHTj4ssRdgqD1fYzl6/TyA57c1Jl0+wJ4KPckJyYmZ0Qn/fQCeBfAxLJtgppllDqtujaSTv3Nm9hrJyvkeugHE4BO9LTKzcIK2cK8/A+BxAF8CcDuAK875rSJdYG2Dbhn82UUTbfrBNqNCJpHZSyW5E8CDAD4L4CyWFZ+XnTycSNT8VIHFkFKAHBZOAc5hmWswr/hON4BY7eQ3M5J8K5YFbI0wn8ByssNHAJwB8AEA9wO4Czf2/R4EMf7UMFxL1AFZZuujrzhPuN9ZCzLEWvy5BYDHADzphPoIN7Y0+ifwsfd9k4gQM5H9DStAqx6tkM3vOAXwbTP7nfNDFlIAgTUutTv07Oxrnr3dhB6roJaHiRMfLYJvPVYhNb7EMZYdZr8B8DWXda6VCBPr9usIYO4EfxpsZGFiuQUj9r6tYalF43BfA3AawHMAHnE5h61EfhQGxc6PMvSF1q/YDJtYUtGi8Oth5aclwqM1bs4Q1+53Og3gKQCfNrP/OOGvVQsk1s2kQ0hjIwmrRImztZg0qUnQtbt95u7zqfv4SQCPmtnFUoRfJtDu0jiV85ZZ/Za4HRD4BmGIs+44RP3FdzMATwP4lpn9ySXgrBThlwLsJqecEJ5a8eYY+rqLAP4O4BcAnjKzPzdl1tuM9igRhr3JAzwA4KPu9G+iPhY8bc3soS9gkXKHWAPMvwC8AeAVM3sx7C8u6dQX4pZUl24zwaUbYL8nOlRrKC22nsNs/+9Y67QXQgghhBBClMr/ALzdE633qQP4AAAAAElFTkSuQmCC");mask-image:url("data:image/png;base64,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")}
@media(max-width:760px){.brand-mark{width:26px;height:35px}}

/* The LitigationEd poster carries its own title bar across the bottom tenth of
   the frame; the launch button sat on top of it. Lifted clear on this film
   only, as a percentage so it holds at every width. */
#litigationed .film-launch>span{bottom:13%}

/* That poster names the film, so the caption does not repeat it — only the
   runtime, kept on the right where every other runtime sits. */
.story-film figcaption.runtime-only{justify-content:flex-end}

/* style.css colours every <span> inside .brand with the accent (it dates from
   the wordmark being live text with a rust ".ai"). The mark is a span now, so
   that rule was painting its ink half rust. Two classes beat one. */
.brand .brand-mark{color:inherit}


/* ── Codex live review, 2026-09-06 ────────────────────────────────────────────
   Founder-confirmed hierarchy: the hero states the brand promise; the
   access-to-justice statement sits with the quotes as supporting context; "A new
   era for legal disputes" then introduces the product overview. The two-beat
   "Aila sees the record — Justice stays blind" line is gone from the hero, and
   with it the frame-cued reveal that used to drive it. Its old .aila-promise /
   .promise-beat rules above are dead but harmless — left in place rather than
   unpicked from six stacked layers. */

/* The statement leads the quotation block: bigger than a quote, nowhere near a
   headline. */
.hero-quotes .hero-statement{font:400 clamp(21px,1.75vw,25px)/1.32 var(--serif);
  letter-spacing:-.5px;color:var(--ink);margin:0 0 22px;max-width:520px;text-wrap:pretty}
@media(max-width:760px){.hero-quotes .hero-statement{font-size:20px;margin-bottom:18px}}

/* "A new era for legal disputes" is the overview's H2; "ClientCounsel Overview"
   is the smaller line beneath it. Only one H1 on the page now, in the hero. */
#cc-overview-concept .cc-title h2{font-size:40px;font-weight:500;letter-spacing:-1.5px;
  line-height:1.15;margin:0 0 10px}
#cc-overview-concept .cc-title .cc-subtitle{font-size:16px;letter-spacing:.02em;color:#6c6d64}
@media(max-width:900px){#cc-overview-concept .cc-title h2{font-size:34px}
  #cc-overview-concept .cc-title .cc-subtitle{font-size:15px}}

/* Descriptions sit under their own heading, not out to the right of it. */
.section-head{display:block;margin-bottom:44px}
.section-head>p{max-width:520px;margin:15px 0 0;padding-top:0}
@media(max-width:760px){.section-head{margin-bottom:30px}.section-head>p{margin-top:12px}}

/* ── The ring: a segment and its label are one part ──────────────────────────
   The old hover replaced the SVG's own url(#cc-depth) shadow with a brightness
   filter, so a segment lit up and went flat at the same moment; and the segment
   and its label were two separate links, two tab stops, responding differently.
   The segment is now the same link for the pointer only (tabindex -1,
   aria-hidden) and the label is the one control. Hovering or focusing either
   lifts both, into a DEEPER shadow rather than in place of the base one. */
#cc-overview-concept .cc-seg path{transform-origin:50% 50%;
  transition:transform .2s ease,filter .2s ease,stroke .2s ease,stroke-width .2s ease}
#cc-overview-concept .cc-seg.is-lifted path{transform:translateY(-4px);
  filter:url(#cc-depth-lift);stroke:var(--rust);stroke-width:4}
#cc-overview-concept .cc-seg.is-pressed path{transform:translateY(-1px);filter:url(#cc-depth)}

#cc-overview-concept .cc-quad{transition:transform .2s ease}
#cc-overview-concept .cc-quad.is-lifted{transform:translate(-50%,-50%) translateY(-4px)}
#cc-overview-concept .cc-quad.is-lifted span{opacity:1}
#cc-overview-concept .cc-quad.is-pressed{transform:translate(-50%,-50%) translateY(-1px)}
/* One coherent contour, not a browser rectangle over a dark segment border. */
#cc-overview-concept .cc-quad:focus-visible{outline:3px solid var(--rust);outline-offset:7px;
  border-radius:10px;box-shadow:none}

/* The ring should read as clickable before anyone hovers it. */
#cc-overview-concept .cc-go{display:block;margin-top:7px;font-style:normal;font-size:12px;
  line-height:1;opacity:.75}
@media(max-width:600px){#cc-overview-concept .cc-go{margin-top:4px;font-size:11px}}

/* The mobile list is the ring on a phone: the same cue, and a tap target that
   is actually a tap target. */
#cc-overview-concept .cc-mobile-key a{display:grid;grid-template-columns:1fr auto;
  align-items:center;column-gap:12px;padding:13px 0;min-height:48px}
#cc-overview-concept .cc-mobile-key a strong,#cc-overview-concept .cc-mobile-key a span{grid-column:1}
#cc-overview-concept .cc-mobile-key .cc-go{grid-column:2;grid-row:1/span 2;margin:0;font-size:14px;
  color:var(--rust);opacity:1}

@media(prefers-reduced-motion:reduce){
  #cc-overview-concept .cc-seg path,#cc-overview-concept .cc-quad{transition:none}
  #cc-overview-concept .cc-seg.is-lifted path{transform:none}
  #cc-overview-concept .cc-quad.is-lifted,#cc-overview-concept .cc-quad.is-pressed{
    transform:translate(-50%,-50%)}
  #cc-overview-concept .cc-seg.is-pressed path{transform:none}
}


/* The quotation block stays exactly what it was — a rule and the quotes, no
   card. Only the access-to-justice line needed work: it was too small, and its
   ink was coming out wrong against the hero artwork in dark mode. It is set in
   the accent instead, which is the one colour on this page that reads on the
   cream ground AND survives a dark-mode extension without a media query — a
   page pinned color-scheme:light can never answer prefers-color-scheme, so
   there is nothing to switch on. */
.hero-quotes .hero-statement{font:400 clamp(25px,2.2vw,31px)/1.24 var(--serif);
  letter-spacing:-.8px;color:var(--accent);margin:0 0 22px;max-width:none}
@media(max-width:760px){
  .hero-quotes .hero-statement{font-size:23px;line-height:1.26;margin-bottom:18px}
}

/* "ClientCounsel Overview" was getting lost under the section heading. */
#cc-overview-concept .cc-title .cc-subtitle{font-size:22px;letter-spacing:-.4px;color:#575950}
@media(max-width:900px){#cc-overview-concept .cc-title .cc-subtitle{font-size:19px}}

/* With the statement now carrying the accent, the small label under it made a
   third rust element in one column. Muted, so the rust reads as a deliberate
   pair: the second half of the H1, and the statement. */
.hero-quotes #field-heading{color:var(--muted)}


/* ═══ DARK THEME ═══════════════════════════════════════════════════════════════
   The page themes itself now; Dark Reader is locked out in the head. Almost
   every colour on this page comes from six custom properties, so most of the
   work is done by redefining them — what follows after that is only the places
   a literal was written instead. */
:root[data-theme="dark"]{--paper:#1c1e1b;   /* page ground */
    --white:#252823;   /* raised surface */
    --ink:#ece9e0;     /* primary text */
    --muted:#a4a79c;   /* secondary text */
    --accent:#d98a68;  /* the rust, lifted so it holds on the dark ground */
    --line:#3b3f38;}
/* Hero: its own slightly-lifted ground, and the gradient that carries the
     artwork away must be that same colour rather than cream. */
:root[data-theme="dark"] .hero{background:#212420;border-color:var(--line)}
:root[data-theme="dark"] .hero-art:after{background:linear-gradient(90deg,#212420 0%,rgba(33,36,32,.94) 22%,rgba(33,36,32,.55) 42%,rgba(33,36,32,.15) 62%,transparent 78%)}
/* The artwork is a bright cream plate; unlit it burns a hole in the page. */
:root[data-theme="dark"] .hero-art video,
:root[data-theme="dark"] .hero-art img{filter:brightness(.62) saturate(.92)}
:root[data-theme="dark"] .motion{background:#2b2f2ae6;border-color:#4a4e46;color:var(--ink)}
/* The primary button inverts with the ink, so its label has to invert too. */
:root[data-theme="dark"] .button{background:var(--ink);border-color:var(--ink);color:#1b1d1a}
:root[data-theme="dark"] .button:hover{background:var(--accent);border-color:var(--accent);color:#231a15}
:root[data-theme="dark"] .closing{background:#212420}
:root[data-theme="dark"] .beta{background:#33332F;color:#e2ded2}
/* The two dark product panels stay lighter than the page, so they still read
     as panels and the light/dark alternation survives. */
:root[data-theme="dark"] .aila-section,
:root[data-theme="dark"] .dark-panel{background:#30352f}
/* Screens and films: a dark frame around artwork that stays as it is. */
:root[data-theme="dark"] .feature-shot .capture-zoom{border-color:var(--line);background:#22251f}
/* ── the overview ring ──────────────────────────────────────────────────── */
:root[data-theme="dark"] #cc-overview-concept{--paper:#1c1e1b;--ink:#ece9e0;--rust:#d98a68;--line:#3b3f38}
:root[data-theme="dark"] #cc-overview-concept .cc-ringlabel{color:var(--ink)}
:root[data-theme="dark"] #cc-overview-concept .cc-foundation p,
:root[data-theme="dark"] #cc-overview-concept .cc-revisit,
:root[data-theme="dark"] #cc-overview-concept .cc-studio-caption,
:root[data-theme="dark"] #cc-overview-concept .cc-mobile-key span{color:#a4a79c}
:root[data-theme="dark"] #cc-overview-concept .cc-ring-centre{background:#282c26;border-color:#454a43;
    box-shadow:0 8px 24px #00000055,inset 0 1px 0 #ffffff12}
:root[data-theme="dark"] #cc-overview-concept .cc-ring-centre span,
:root[data-theme="dark"] #cc-overview-concept .cc-ring-centre small{color:#a4a79c}
:root[data-theme="dark"] #cc-overview-concept .cc-mobile-key>div{background:#252823}
/* An SVG gradient stop is the one thing a dark-mode extension can never
     touch, and the reason the ring stayed pale under Dark Reader while
     everything around it inverted. Here they are simply defined for the dark
     ground: four segments that all carry light labels. */
:root[data-theme="dark"] #cc-rose stop:first-child{stop-color:#454b44}
:root[data-theme="dark"] #cc-rose stop:last-child{stop-color:#333831}
:root[data-theme="dark"] #cc-sand stop{stop-color:#a8563a}
:root[data-theme="dark"] #cc-stone stop:first-child{stop-color:#4e4a42}
:root[data-theme="dark"] #cc-stone stop:last-child{stop-color:#3b3833}
:root[data-theme="dark"] #cc-sage stop:first-child{stop-color:#6f746a}
:root[data-theme="dark"] #cc-sage stop:last-child{stop-color:#4c5149}
/* All four labels sit on a dark fill now, so all four take the light ink. */
:root[data-theme="dark"] #cc-overview-concept .cc-quad-as,
:root[data-theme="dark"] #cc-overview-concept .cc-quad-xe{color:var(--ink)}

/* The separators between segments are the page's own ground in either theme. */
#cc-overview-concept .cc-ring a path{stroke:var(--paper)}

/* Written as a literal when the subtitle was sized up, so it stayed dark grey
     on the dark ground — the exact failure the founder reported. */
:root[data-theme="dark"] #cc-overview-concept .cc-title .cc-subtitle{color:#a4a79c}
/* On the dark segments the description needs more than 66% to hold. */
:root[data-theme="dark"] #cc-overview-concept .cc-quad span{opacity:.82}


/* A film poster is a bright plate; at full strength it burns out of the dark
     page. Held back slightly, and full the moment a pointer is on it. */
:root[data-theme="dark"] .film-launch img{filter:brightness(.86) saturate(.96);transition:filter .25s ease}
:root[data-theme="dark"] .film-launch:hover img,
:root[data-theme="dark"] .film-launch:focus-visible img{filter:none}

@media (prefers-reduced-motion:reduce){.film-launch img{transition:none}}


/* ── Polish pass, 2026-09-06 ─────────────────────────────────────────────────
   The statement splits two ways like the H1 above it: the claim in the accent,
   the turn in the ink. */
.hero-statement .stmt-a{color:var(--accent)}
.hero-statement .stmt-b{color:var(--ink)}

/* style.css caps every paragraph inside the dark section at 440px — a rule from
   when that section was a two-column grid. It was breaking the Aila Studio lead
   into four lines where the <br> intends two, and squeezing the block copy under
   it. Those two get their own width; the cap stays for anything else. */
.aila-section p.product-lead{max-width:760px}
.dark-panel .feature-block>p,.dark-panel .feature-block .feature-lead{max-width:640px}

/* "Start where you need" belongs with the Matter Intelligence line above it,
   not floating a paragraph away from it. */
#cc-overview-concept .cc-revisit{margin-top:12px}

/* The ring's weight order was inverted against the light theme: Matter Studio
     is the palest segment in light and was coming out darker than CounselXE in
     dark. Same order in both now — Matter Studio lightest, CounselXE darkest. */
:root[data-theme="dark"] #cc-rose stop:first-child{stop-color:#5d635a}
:root[data-theme="dark"] #cc-rose stop:last-child{stop-color:#474d45}
:root[data-theme="dark"] #cc-stone stop:first-child{stop-color:#4b4740}
:root[data-theme="dark"] #cc-stone stop:last-child{stop-color:#3a3731}
:root[data-theme="dark"] #cc-sage stop:first-child{stop-color:#363a32}
:root[data-theme="dark"] #cc-sage stop:last-child{stop-color:#272b25}


/* The quote dots are the smallest thing anyone taps on a phone; give them the
   full 44px height back. */
@media(max-width:760px){
  .hero-quotes .quote-dots button{min-height:44px}
  .hero-quotes .quote-navigation button{height:44px}
}

/* The side quadrants' labels ran off the segment onto the page ground — where,
   being light text, the first word vanished. The label anchor has no background,
   so only the text's own width shows: hold the span to the segment's radial band
   and let it wrap inside it. Same trap as "CounselXE · optional" before it.
   (The offender was "Marketplace for unbundled legal services"; the founder cut
   it to "Counsel marketplace" on 2026-09-09. The clamp stays — it is the narrow
   geometry that needs it, not that one string.) */
/* The left and right quadrants are the narrow ones: at the horizontal centre a
   segment is only its radial thickness across (~107px), so BOTH the name and
   the description have to be held inside it. Anything wider prints onto the page
   ground, where in light mode the light text simply disappears. */
#cc-overview-concept .cc-quad-as strong,#cc-overview-concept .cc-quad-xe strong{
  max-width:100px;margin-left:auto;margin-right:auto;font-size:15px;letter-spacing:-.15px}
#cc-overview-concept .cc-quad-as span,#cc-overview-concept .cc-quad-xe span{
  max-width:96px;margin-left:auto;margin-right:auto;font-size:11px;line-height:1.3}

/* ── Typefaces, one system ───────────────────────────────────────────────────
   The page sets Inter for everything sans and Source Serif 4 for the quotations.
   Two places had opted out without meaning to: the overview block was scoped to
   Arial in the concept file it came from, so "A new era for legal disputes", the
   ring labels and the mobile key were all set in a different face from "Matter
   Studio" a screen below; and the Ask Aila mark in the ring centre was Georgia
   rather than the site's own serif.
   The access-to-justice statement was in the quotation serif too. It is a
   statement, not a quotation — it takes the heading face. The quotations keep
   the serif, which is the whole point of the distinction. */
#cc-overview-concept{font-family:var(--sans)}
#cc-overview-concept .cc-ring-centre strong{font-family:var(--serif);font-weight:500;letter-spacing:-.4px}
.hero-quotes .hero-statement{font-family:var(--sans);font-weight:450;letter-spacing:-1.05px;
  line-height:1.2}
@media(max-width:760px){.hero-quotes .hero-statement{letter-spacing:-.8px}}

/* "A new era for legal disputes" introduces the whole product and was set two
   steps below the section headings it leads into. Same scale as "Matter Studio"
   and the rest. */
#cc-overview-concept .cc-title h2{font:450 clamp(38px,5vw,72px)/1.06 var(--sans);
  letter-spacing:-2.8px;margin:0 0 14px}
@media(max-width:900px){#cc-overview-concept .cc-title h2{letter-spacing:-1.8px}}

/* Codex's CounselXE artwork sets IBM Plex Sans on all 33 of its labels, so the
   one illustration on the page was a third typeface. Its text is inlined rather
   than referenced precisely so it can take the page's own face. */
.xe-art text,.xe-art tspan{font-family:var(--sans)}

/* ── Section headings: one format, not four ──────────────────────────────────
   Only #workspace carried .major-product and only Aila Studio carried
   .primary-aila, so LitigationEd and CounselXE fell back to the generic h2 and
   came out at ~50px beside Matter Studio's 72 and Aila Studio's 112. The two
   light sections share one size and the two dark panels share the other, so the
   scale alternates with the ground instead of drifting. */
#workspace h2,#litigationed h2{font-size:clamp(44px,5.2vw,72px);line-height:1.08;letter-spacing:-2.8px}
#aila-studio h2,#counselxe h2{font-size:clamp(52px,8vw,112px);line-height:1.1;letter-spacing:-5px}
@media(max-width:760px){
  #workspace h2,#litigationed h2{font-size:43px;letter-spacing:-1.7px}
  #aila-studio h2,#counselxe h2{font-size:54px;letter-spacing:-2.4px}
}

/* The footer bottom row now holds one item; space-between would push it left
   and leave the row looking broken. */
.footer-bottom{justify-content:flex-start}