/* Court Case Diary - Production CSS bundle, 14 Oct 2026.
   Preserves original cascade. Editable originals are in editable_source/. */


/* ============= styles.css ============= */
:root{--navy:#07152c;--navy2:#14355e;--ink:#192d45;--muted:#66758a;--line:#dce2e9;--ivory:#f8f6f0;--paper:#fffdfa;--gold:#bd8626;--gold-light:#eed6a0;--shadow:0 24px 60px rgba(15,38,69,.13);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.55 var(--font-body)}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.skip-link{position:fixed;z-index:99;top:-60px;left:14px;padding:10px 14px;border-radius:7px;background:#fff;color:var(--navy)}.skip-link:focus{top:14px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(7,21,44,.08);background:rgba(255,253,250,.88);backdrop-filter:blur(18px)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{display:block}.brand span{display:grid;line-height:1.12}.brand strong{font:700 17px var(--font-display);letter-spacing:-.02em}.brand small{margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:24px;color:#3c4e63;font-size:14px;font-weight:700}.nav-links>a:not(.nav-cta):hover,.footer a:hover,.text-link:hover{color:var(--gold)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;font-weight:800;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.nav-cta{padding:11px 16px;background:var(--navy);color:#fff;box-shadow:0 8px 22px rgba(7,21,44,.15)}.nav-cta:hover,.button:hover{transform:translateY(-2px)}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--navy)}.hero{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:58px;min-height:660px;padding:82px 0 73px}.eyebrow{margin:0 0 15px;color:#987023;font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.hero h1,.section-intro h2,.workflow-copy h2,.faq-copy h2,.cta-card h2{margin:0;color:var(--navy);font-family:var(--font-display);letter-spacing:-.055em;line-height:1.04}.hero h1{max-width:670px;font-size:clamp(48px,6.2vw,78px)}.hero h1 em{color:var(--gold);font-style:italic}.lede{max-width:585px;margin:26px 0;color:#53647b;font-size:18px;line-height:1.7}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:51px;padding:14px 19px}.button-primary{background:var(--navy);color:#fff;box-shadow:0 12px 25px rgba(7,21,44,.16)}.button-secondary{border-color:#bac6d3;background:#fff;color:var(--navy)}.assurance-list{display:flex;flex-wrap:wrap;gap:10px 18px;margin:25px 0 0;padding:0;list-style:none;color:#5d6d81;font-size:13px}.assurance-list span{color:#43876d;font-weight:900}.hero-art{position:relative;min-height:510px;padding:16px 62px 39px 0}.sun-disc{position:absolute;top:0;right:46px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle at 42% 40%,#f2d89e,#e4b75c);opacity:.65}.dashboard-preview{position:relative;z-index:1;min-height:460px;width:min(100%,510px);padding:25px;border:1px solid rgba(255,255,255,.72);border-radius:25px;background:rgba(255,253,250,.92);box-shadow:var(--shadow);animation:floatDashboard 7s ease-in-out infinite}.preview-topbar{display:flex;align-items:center;gap:11px;color:#53657b;font-size:12px;font-weight:800}.preview-topbar i{width:24px;height:24px;margin-left:auto;border-radius:50%;background:#e8edf3}.preview-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--navy);color:#e9ce8b;font-size:10px}.preview-welcome{display:grid;margin:22px 0 18px}.preview-welcome span,.preview-welcome small{color:#79889a;font-size:11px}.preview-welcome strong{margin:4px 0;color:var(--navy);font:700 26px var(--font-display)}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:25px}.preview-stats div{padding:10px 11px;border-radius:12px;background:#f2f4f6}.preview-stats b,.preview-stats span{display:block}.preview-stats b{color:var(--navy);font:700 23px/1 var(--font-display)}.preview-stats span{margin-top:5px;color:#6c7b8e;font-size:10px}.preview-section-title{display:flex;justify-content:space-between;margin-bottom:9px;color:#283e59;font-size:12px;font-weight:800}.preview-section-title small{color:#b27621}.preview-section-title.muted{margin-top:19px;color:#6d7a8c}.hearing-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #eee1cc;border-left:3px solid var(--gold);border-radius:12px;background:#fffcf7}.hearing-date{display:grid;place-items:center;width:42px;height:43px;border-radius:9px;background:#f7e7c7;color:#87611d;line-height:1}.hearing-date b{font-size:19px}.hearing-date span,.hearing-card small{font-size:8px;font-weight:800;letter-spacing:.07em}.hearing-card div{display:grid;min-width:0}.hearing-card strong{color:var(--navy);font-size:12px}.hearing-card span{color:#7a8899;font-size:10px}.hearing-card em{margin-left:auto;color:#a16c1f;font-size:11px;font-style:normal;font-weight:800}.hearing-card.compact{border-color:#e5eaf0;border-left-color:#6e9a88;background:#fff}.mini-dot{width:8px;height:8px;border-radius:50%;background:#64a183}.phone-preview{position:absolute;z-index:2;right:0;bottom:0;width:159px;height:320px;padding:13px 9px;border:7px solid #11223b;border-radius:29px;background:#fbfaf6;box-shadow:0 18px 37px rgba(7,21,44,.28);animation:floatPhone 6s ease-in-out .5s infinite}.phone-notch{width:62px;height:14px;margin:-13px auto 13px;border-radius:0 0 10px 10px;background:#11223b}.phone-ui{height:100%;padding:10px 9px;border-radius:16px;background:linear-gradient(160deg,#f9f4ea,#edf3f0)}.phone-label{color:#9a782f;font-size:6px;font-weight:900;letter-spacing:.11em}.phone-ui strong{display:block;margin-top:16px;color:var(--navy);font-size:14px}.phone-number{margin:4px 0 13px;color:var(--navy);font:700 39px/1 var(--font-display)}.phone-case{display:flex;gap:7px;padding:9px 7px;border-radius:8px;background:#fff;box-shadow:0 7px 13px rgba(14,39,59,.08);color:#5d6b7d;font-size:8px}.phone-case i{width:5px;border-radius:8px;background:var(--gold)}.phone-nav{display:flex;justify-content:space-between;margin-top:69px}.phone-nav b{width:13px;height:13px;border-radius:50%;background:#d7e0e5}.phone-nav b:first-child{background:var(--navy)}.demo-label{position:absolute;z-index:3;right:0;bottom:-5px;margin:0;color:#6e7c8c;font-size:9px}.proof-band{border-top:1px solid #dfe4e6;border-bottom:1px solid #dfe4e6;background:#fff}.proof-band>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:67px;color:#69788a;font-size:10px;font-weight:900;letter-spacing:.15em}.proof-band i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.metric-section{padding:62px 0 2px;background:var(--ivory)}.metric-kicker{margin:0 0 15px;color:#63778d;font-size:10px;font-weight:900;letter-spacing:.16em;text-align:center;text-transform:uppercase}.metric-strip{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #214559;border-radius:24px;background:linear-gradient(125deg,#071727 0%,#0a2134 54%,#082033 100%);box-shadow:0 19px 39px rgba(4,18,32,.14)}.metric-strip:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,transparent,rgba(222,181,96,.08),transparent);pointer-events:none}.metric-item{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;column-gap:18px;min-height:144px;padding:25px 30px;border-right:1px solid rgba(151,185,198,.22)}.metric-item:last-child{border-right:0}.metric-item strong{grid-row:span 2;align-self:center;color:#e8be69;font-size:clamp(32px,3.1vw,49px);font-weight:900;letter-spacing:-.07em;line-height:.9;white-space:nowrap}.metric-item span{align-self:end;color:#f7f2e8;font-size:11px;font-weight:900;letter-spacing:.11em;line-height:1.18;text-transform:uppercase}.metric-item small{align-self:start;margin-top:7px;color:#aebed0;font-size:10px;font-weight:700;line-height:1.35}.section{padding:112px 0}.section-intro{max-width:700px}.section-intro.centered{margin:auto;text-align:center}.section-intro h2,.workflow-copy h2,.faq-copy h2{font-size:clamp(35px,4.4vw,56px)}.section-intro>p:last-child,.workflow-copy>p,.faq-copy>p{color:var(--muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:51px}.feature-card{position:relative;grid-column:span 6;min-height:280px;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:transform .25s ease,box-shadow .25s ease}.feature-card:hover,.court-card:hover,.plan-card:hover{transform:translateY(-5px);box-shadow:0 18px 37px rgba(23,42,66,.1)}.feature-card-large{grid-column:span 6}.feature-card-wide{display:flex;align-items:center;gap:25px;grid-column:span 12;min-height:205px}.feature-icon{display:inline-block;color:#a87828;font-size:11px;font-weight:900;letter-spacing:.13em}.feature-card h3{margin:19px 0 8px;color:var(--navy);font:700 27px var(--font-display);letter-spacing:-.035em}.feature-card p{max-width:430px;margin:0;color:var(--muted);font-size:14px}.feature-card a{display:inline-block;margin-top:20px;color:#9b6c20;font-size:13px;font-weight:800}.mini-calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:24px;padding:13px;border-radius:13px;background:#f1f3f5}.mini-calendar span{color:#7a8798;font-size:8px;font-weight:900}.mini-calendar b{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:#42536a;font-size:11px}.mini-calendar b.active{background:var(--navy);color:#fff}.feature-lines{display:grid;gap:9px;margin-top:29px}.feature-lines i{height:10px;border-radius:5px;background:#e8edf0}.feature-lines i:nth-child(2){width:76%;background:#eadcbf}.feature-lines i:nth-child(3){width:55%}.navy-card{border:0;background:var(--navy);color:#fff}.navy-card h3{color:#fff}.navy-card p{position:relative;z-index:1;max-width:260px;color:#c5d0dc}.navy-card .feature-icon{color:#e4bb62}.reminder-orbit{position:absolute;right:-9px;bottom:-20px;width:150px;height:150px;border:1px solid rgba(225,197,130,.47);border-radius:50%}.reminder-orbit:before{position:absolute;inset:25px;border:1px solid rgba(225,197,130,.3);border-radius:50%;content:""}.reminder-orbit b{position:absolute;top:45px;left:46px;color:#eccb78;font-size:40px;line-height:1}.reminder-orbit span,.reminder-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#e9c873}.reminder-orbit span{top:20px;left:32px}.reminder-orbit i{right:21px;bottom:37px}.profile-stack{display:flex;align-items:center;margin-left:auto}.profile-stack span,.profile-stack b{display:grid;place-items:center;width:54px;height:54px;margin-left:-11px;border:3px solid var(--paper);border-radius:50%;background:#dcece4;color:#326957;font-size:13px;font-weight:850}.profile-stack span:nth-child(2){background:#e6d9bb;color:#8b692b}.profile-stack span:nth-child(3){background:#dce3ee;color:#41597d}.profile-stack b{background:var(--navy);color:#fff}.workflow-section{padding:110px 0;background:var(--navy);color:#fff}.workflow-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.workflow-copy{padding-top:17px}.workflow-copy h2{color:#fff}.workflow-copy>p{color:#b6c3d2}.text-link{color:#a27629;font-size:14px;font-weight:850}.workflow-copy .text-link{display:inline-block;margin-top:12px;color:#e8c877}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:61px 1fr;gap:21px;padding:22px 0;border-top:1px solid rgba(231,240,248,.2)}.steps li:last-child{border-bottom:1px solid rgba(231,240,248,.2)}.steps>li>span{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(239,204,125,.5);border-radius:50%;color:#eccb7b;font-size:12px;font-weight:850}.steps h3{margin:1px 0 5px;font:700 24px var(--font-display)}.steps p{margin:0;color:#bdc8d4;font-size:14px}.coverage{padding-bottom:112px}.court-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.court-card{position:relative;min-height:258px;padding:29px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .25s ease,box-shadow .25s ease}.court-card img{display:block;margin-bottom:27px}.court-card h3{margin:0 0 7px;color:var(--navy);font:700 27px var(--font-display);letter-spacing:-.04em}.court-card p{margin:0;color:var(--muted);font-size:14px}.court-card>span{position:absolute;bottom:27px;left:29px;color:#9a7229;font-size:10px;font-weight:900;letter-spacing:.15em}.plans-section{padding:104px 0;background:#f0ece3}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:14px;margin-top:48px}.plan-card{position:relative;display:flex;flex-direction:column;padding:27px;border:1px solid #d7d9d7;border-radius:21px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.plan-card>p{margin:0;color:#9b7429;font-size:10px;font-weight:900;letter-spacing:.15em}.plan-card h3{margin:9px 0 21px;color:var(--navy);font:700 29px var(--font-display)}.plan-price{min-height:53px}.plan-price b{display:block;color:var(--navy);font:700 29px/1 var(--font-display)}.plan-price span{color:#778497;font-size:11px}.plan-card ul{min-height:107px;margin:26px 0;padding:0;list-style:none;color:#5f6d7d;font-size:13px}.plan-card li{padding:7px 0;border-bottom:1px solid #ebeff1}.plan-card li:before{margin-right:7px;color:#579175;content:"✓"}.plan-card .button{width:100%;margin-top:auto}.plan-card.featured{border-color:var(--navy);background:var(--navy);box-shadow:0 18px 40px rgba(7,21,44,.22)}.plan-card.featured>p,.plan-card.featured h3,.plan-card.featured .plan-price b{color:#fff}.plan-card.featured .plan-price span,.plan-card.featured ul{color:#c6d2df}.plan-card.featured li{border-color:rgba(230,240,248,.17)}.plan-badge{position:absolute;top:-12px;right:19px;padding:5px 9px;border-radius:20px;background:var(--gold);color:#2d1d05;font-size:8px;font-weight:950;letter-spacing:.12em}.plan-note{margin:22px 0 0;text-align:center;color:#778291;font-size:12px}.plan-note a{color:#8b6622;text-decoration:underline}.articles{padding-top:111px}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:22px}.section-heading-row h2{margin:0;color:var(--navy);font:700 clamp(34px,4.1vw,52px) var(--font-display);letter-spacing:-.05em}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:43px}.article-card{display:flex;flex-direction:column;min-height:230px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff}.article-card time{color:#a27225;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.article-card h3{margin:13px 0 10px;color:var(--navy);font:700 25px/1.12 var(--font-display);letter-spacing:-.035em}.article-card p{margin:0;color:var(--muted);font-size:13px}.article-card a{margin-top:auto;padding-top:18px;color:#8d6723;font-size:13px;font-weight:850}.article-loading,.no-script-note{color:var(--muted)}.faq-section{padding:108px 0;background:#fff}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:93px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:20px 2px;cursor:pointer;color:var(--navy);font-size:16px;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker,.tutorial-disclosure summary::-webkit-details-marker{display:none}.faq-list summary span{color:#9c722b;font-size:23px;font-weight:400;line-height:.7}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{max-width:670px;margin:-2px 30px 20px 2px;color:var(--muted);font-size:14px}.cta-section{padding:110px 0}.cta-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:38px;overflow:hidden;padding:60px;border-radius:var(--radius);background:linear-gradient(126deg,#07152c,#153961);color:#fff}.cta-card:after{position:absolute;right:-80px;bottom:-145px;width:320px;height:320px;border:1px solid rgba(232,199,116,.43);border-radius:50%;content:""}.cta-card h2{max-width:650px;color:#fff;font-size:clamp(37px,4.5vw,57px)}.cta-card p:not(.eyebrow){max-width:570px;color:#c0cddd}.cta-card .eyebrow{color:#e7c671}.cta-actions{position:relative;z-index:1;min-width:210px;flex-direction:column}.button-gold{background:#e2bd65;color:#1e1b14}.button-on-dark{border-color:rgba(255,255,255,.45);color:#fff}.tutorial-section{padding:0 0 90px}.tutorial-disclosure{border:1px solid var(--line);border-radius:16px;background:#fff}.tutorial-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 24px;cursor:pointer;list-style:none}.tutorial-disclosure summary span:first-child{display:grid}.tutorial-disclosure summary b{color:var(--navy);font:700 21px var(--font-display)}.tutorial-disclosure summary small{color:var(--muted);font-size:12px}.play-control{display:flex;align-items:center;gap:7px;color:#966c22;font-size:12px;font-weight:850}.play-control i{font-style:normal}.tutorial-frame{padding:0 24px 24px}.tutorial-frame video{display:block;width:100%;max-height:580px;border-radius:12px;background:var(--navy)}.footer{padding:66px 0 20px;background:#061328;color:#c2ceda}.footer-grid{display:grid;grid-template-columns:1.6fr .65fr .85fr;gap:40px}.footer-brand strong{color:#fff}.footer-brand small{color:#a4b5c8}.footer p{max-width:360px;color:#aebdca;font-size:13px}.footer h2{margin:5px 0 12px;color:#e5c87e;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.footer div:not(.footer-brand) a{display:block;margin:7px 0;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:49px;padding-top:17px;border-top:1px solid rgba(221,234,247,.15);color:#8ea2b7;font-size:11px}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .reveal.is-visible{opacity:1;transform:none}.feature-grid .reveal:nth-child(2),.court-grid .reveal:nth-child(2),.plan-grid .reveal:nth-child(2){transition-delay:.08s}.feature-grid .reveal:nth-child(3),.court-grid .reveal:nth-child(3),.plan-grid .reveal:nth-child(3){transition-delay:.16s}.feature-grid .reveal:nth-child(4),.plan-grid .reveal:nth-child(4){transition-delay:.24s}@keyframes floatDashboard{50%{transform:translateY(-9px)}}@keyframes floatPhone{50%{transform:translateY(9px)}}@media(max-width:960px){.nav-links{gap:15px;font-size:13px}.hero{grid-template-columns:1fr;gap:26px;padding-top:65px}.hero-art{width:min(620px,100%);margin-left:auto}.workflow-layout,.faq-layout{grid-template-columns:1fr;gap:46px}.feature-card{grid-column:span 6}.feature-card-wide{grid-column:span 12}.plan-grid{grid-template-columns:repeat(2,1fr)}.court-grid{grid-template-columns:1fr}.court-card{min-height:180px}.cta-card{align-items:flex-start;flex-direction:column}.cta-actions{flex-direction:row}.nav-links>a:nth-child(3){display:none}}@media(max-width:680px){.shell{width:min(100% - 32px,1180px)}.nav{height:72px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:64px;right:16px;left:16px;align-items:stretch;gap:0;padding:9px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.nav-links.is-open{display:flex;flex-direction:column}.nav-links>a{padding:12px}.nav-links>a:nth-child(3){display:block}.nav-cta{margin-top:4px;text-align:center}.hero{min-height:auto;padding:52px 0 55px}.hero h1{font-size:48px}.lede{font-size:16px}.hero-art{min-height:410px;padding:0 35px 36px 0}.dashboard-preview{min-height:390px;padding:18px}.phone-preview{width:128px;height:260px}.phone-ui strong{font-size:12px}.phone-number{font-size:32px}.phone-nav{margin-top:42px}.demo-label{font-size:8px}.proof-band>div{justify-content:center;flex-wrap:wrap;padding:15px 0;font-size:8px}.proof-band i:nth-of-type(2){display:none}.section{padding:75px 0}.section-intro h2,.workflow-copy h2,.faq-copy h2{font-size:39px}.feature-grid{grid-template-columns:1fr;margin-top:31px}.feature-card,.feature-card-large,.feature-card-wide{grid-column:auto;min-height:0}.feature-card-wide{display:block}.profile-stack{justify-content:flex-start;margin:22px 0 0}.workflow-section,.faq-section{padding:75px 0}.steps li{grid-template-columns:45px 1fr;gap:13px}.steps h3{font-size:21px}.plans-section{padding:75px 0}.plan-grid,.article-grid{grid-template-columns:1fr}.plan-card ul{min-height:0}.section-heading-row{align-items:flex-start;flex-direction:column}.faq-layout{gap:35px}.cta-section{padding:75px 0}.cta-card{padding:35px 27px}.cta-card h2{font-size:40px}.cta-actions{width:100%;flex-direction:column}.cta-actions .button{width:100%}.tutorial-section{padding-bottom:65px}.tutorial-disclosure summary{align-items:flex-start;padding:17px}.tutorial-disclosure summary small{margin-top:4px}.tutorial-frame{padding:0 17px 17px}.footer{padding-top:51px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;margin-top:32px}.assurance-list{display:grid;gap:7px}.hero-actions{display:grid}.hero-actions .button{width:100%}}@media(max-width:680px){.metric-section{padding:45px 0 0}.metric-strip{grid-template-columns:1fr;border-radius:19px}.metric-item{min-height:0;padding:22px;border-right:0;border-bottom:1px solid rgba(151,185,198,.22);column-gap:15px}.metric-item:last-child{border-bottom:0}.metric-item strong{font-size:38px}.metric-item span{font-size:10px}.metric-item small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.dashboard-preview,.phone-preview{animation:none}.button,.feature-card,.court-card,.plan-card{transition:none}}
/* Editorial typography and verified statistics */
@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("./assets/fonts/SourceSerif4-Variable.ttf") format("truetype");font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("./assets/fonts/SourceSerif4-Italic-Variable.ttf") format("truetype");font-style:italic;font-weight:200 900;font-display:swap}
:root{--font-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Source Serif 4",var(--font-display)}
body{font-family:var(--font-body);font-weight:450;letter-spacing:-.008em;text-rendering:optimizeLegibility}
.brand strong,.preview-welcome strong,.preview-stats b,.phone-number,.hero h1,.section-intro h2,.workflow-copy h2,.faq-copy h2,.cta-card h2,.feature-card h3,.steps h3,.court-card h3,.plan-card h3,.plan-price b,.section-heading-row h2,.article-card h3,.tutorial-disclosure summary b{font-family:var(--font-display);font-weight:600;letter-spacing:-.026em}
.hero h1,.section-intro h2,.workflow-copy h2,.faq-copy h2,.cta-card h2{letter-spacing:-.034em}
.eyebrow,.metric-kicker{letter-spacing:.13em}
.metric-section{padding:68px 0 10px}
.metric-kicker{margin-bottom:17px;color:#738197;font-size:10px;letter-spacing:.12em}
.metric-strip{border:1px solid rgba(189,134,38,.5);border-radius:20px;background:linear-gradient(120deg,#07152c 0%,#0a2238 58%,#0c2940 100%);box-shadow:0 18px 45px rgba(7,21,44,.13)}
.metric-strip:before{background:linear-gradient(90deg,rgba(238,214,160,.02),rgba(238,214,160,.1),rgba(238,214,160,.02))}
.metric-strip--verified{grid-template-columns:repeat(2,minmax(0,1fr))}
.metric-item{display:flex;min-height:178px;padding:30px 34px;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;border-color:rgba(238,214,160,.2)}
.metric-item strong{display:block;min-width:4ch;margin:0 0 15px;color:#f0cb7d;font-family:var(--font-body);font-size:clamp(42px,4.2vw,60px);font-weight:720;letter-spacing:-.055em;line-height:.86;font-variant-numeric:tabular-nums}
.metric-item strong .metric-number{display:inline-block;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:none}
.metric-item>span{display:block;color:#fffdf8;font-size:15px;font-weight:650;letter-spacing:-.01em;line-height:1.3;text-transform:none}
.metric-item>small{display:block;min-height:1.35em;margin-top:7px;color:#bdcad7;font-size:11px;font-weight:500;letter-spacing:0;line-height:1.4}

@media(max-width:680px){.metric-section{padding:48px 0 2px}.metric-strip,.metric-strip--verified{grid-template-columns:1fr;border-radius:16px}.metric-item{min-height:145px;padding:25px 24px;border-right:0;border-bottom:1px solid rgba(238,214,160,.2)}.metric-item:last-child{border-bottom:0}.metric-item strong{margin-bottom:12px;font-size:44px}.metric-item>span{font-size:14px}.metric-item>small{font-size:10px}}
.hero-ornament{position:absolute;z-index:0;top:12px;right:21px;width:min(73%,360px);height:auto;opacity:.5;pointer-events:none}.feature-illustration{position:absolute;right:18px;bottom:14px;display:block;max-width:46%;height:auto;pointer-events:none}.feature-illustration-ledger{right:19px;bottom:42px}.feature-illustration-reminder{right:7px;bottom:8px;width:164px}.feature-illustration-search{right:14px;bottom:17px;width:168px}.feature-illustration-chamber{right:145px;bottom:0;width:190px;opacity:.88}.cta-illustration{position:absolute;z-index:0;right:18px;bottom:-44px;width:300px;height:auto;opacity:.3;pointer-events:none}.cta-card>div,.cta-card .cta-actions{position:relative;z-index:1}@media(max-width:680px){.hero-ornament{top:8px;right:3px;width:76%;opacity:.35}.feature-illustration{max-width:44%;opacity:.82}.feature-illustration-ledger{bottom:26px}.feature-illustration-search{bottom:7px}.feature-illustration-chamber{position:relative;right:auto;bottom:auto;width:180px;max-width:100%;margin:20px 0 0}.cta-illustration{right:-36px;bottom:-25px;width:230px;opacity:.22}}
.metric-strip{background:var(--navy);box-shadow:0 16px 38px rgba(7,21,44,.14)}.metric-item{position:relative;align-items:flex-start;text-align:left}.metric-item>span,.metric-item>small{align-self:flex-start;text-align:left}.metric-icon{position:absolute;top:26px;right:28px;width:42px;height:42px;opacity:.88}.metric-item strong{padding-top:18px}.metric-item>span{padding-right:56px}@media(max-width:680px){.metric-icon{top:23px;right:21px;width:36px;height:36px}.metric-item strong{padding-top:12px}}




/* ============= premium.css ============= */
/* Premium dark editorial system for the public site. */
:root {
  color-scheme: dark;
  --navy: #07152c;
  --navy2: #0b2038;
  --ink: #eef2f5;
  --muted: #a8b6c8;
  --line: rgba(191,211,230,.15);
  --gold: #e8c36f;
  --gold-light: #f0d58f;
  --ivory: #f8f4eb;
  --paper: #0d223b;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Source Serif 4", Georgia, serif;
  --shadow: 0 28px 76px rgba(0,0,0,.32);
  color-scheme: dark;
}
html { background: var(--navy); scroll-padding-top: 92px; }
body {
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(ellipse at 82% 5%, rgba(37,72,105,.18), transparent 34rem),
    radial-gradient(ellipse at 9% 42%, rgba(19,48,79,.18), transparent 38rem),
    var(--navy);
  color: var(--ink);
  font-family: var(--font-body);
  letter-spacing: -.012em;
  -webkit-font-smoothing: antialiased;
}
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 4px; }
.shell { width: min(1180px,calc(100% - 48px)); }
.site-header { border-color: rgba(196,214,232,.1); background: rgba(7,21,44,.88); backdrop-filter: blur(13px); }
.nav { min-height: 82px; }
.brand strong { color: #fff; font-family: var(--font-display); font-weight: 650; }
.brand small { color: #a7b4c4; font-size: 9px; letter-spacing: .14em; }
.nav-links { gap: clamp(14px,2vw,25px); color: #d4dce5; font-size: 12px; font-weight: 560; }
.nav-links>a:not(.nav-cta):hover, .footer a:hover, .text-link:hover { color: var(--gold-light); }
.nav-cta, .button { min-height: 46px; border-radius: 999px; font-size: 12px; transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.nav-cta { padding-inline: 17px; background: var(--ivory); color: #172336; }
.nav-cta:hover { transform: translateY(-2px); background: var(--gold-light); }
.menu-toggle { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.04); }
.menu-toggle span { background: #f1f3f7; }

.hero { position: relative; min-height: 680px; gap: clamp(30px,5vw,72px); padding-block: 77px 68px; isolation: isolate; }
.hero::before { position:absolute; z-index:-1; top:8%; right:-8%; width:68%; height:86%; border-radius:50%; background:radial-gradient(ellipse,rgba(21,54,87,.34),transparent 68%); content:""; pointer-events:none; }
.eyebrow { color: var(--gold); font-size: 10px; font-weight: 700; letter-spacing: .17em; }
.hero h1, .section-intro h2, .workflow-copy h2, .faq-copy h2, .cta-card h2, .legal-hero h1, .article-page h1 {
  color: #f3f2ed; font-family: var(--font-display); font-weight: 520; letter-spacing: -.045em; line-height: 1.02; text-wrap: balance;
}
.hero h1 { max-width: 640px; font-size: clamp(51px,6.3vw,79px); }
.hero h1 em { color: var(--gold-light); font-weight: 480; }
.lede { max-width: 550px; color: #b7c2d0; font-size: clamp(15px,1.4vw,17px); line-height: 1.8; }
.button { min-height: 50px; padding-inline: 20px; }
.button-primary { background: var(--ivory); color: #182337; box-shadow: 0 10px 28px rgba(0,0,0,.18); }
.button-primary:hover { background: var(--gold-light); }
.button-secondary { border-color: rgba(219,230,240,.27); background: rgba(255,255,255,.035); color: #eef2f6; }
.button-secondary:hover, .button-on-dark:hover { border-color: rgba(232,195,111,.7); background: rgba(232,195,111,.08); }
.assurance-list { color: #a7b4c4; font-size: 11px; }
.assurance-list span { color: var(--gold); }
.hero-art { min-height: 500px; padding: 12px 45px 31px 0; }
.sun-disc { border: 1px solid rgba(232,195,111,.14); background: radial-gradient(circle,rgba(28,56,81,.42),rgba(7,21,44,.05) 67%); }
.hero-ornament { top: 0; right: 4%; width: min(68%,365px); opacity: .42; }
.dashboard-preview {
  min-height: 423px; padding: 23px; overflow: hidden; border: 1px solid rgba(203,220,236,.22);
  border-radius: 19px; background: linear-gradient(145deg,rgba(17,42,68,.97),rgba(10,27,47,.98));
  box-shadow: 0 30px 80px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04);
  animation: premium-drift 8s ease-in-out infinite;
}
.preview-topbar { color: #d5dfe9; font-size: 11px; }
.preview-topbar i { border: 1px solid rgba(211,224,237,.17); background: linear-gradient(145deg,#173453,#0d2036); }
.preview-mark { border: 1px solid rgba(232,195,111,.42); background: rgba(232,195,111,.09); color: var(--gold-light); }
.preview-welcome span, .preview-welcome small { color: #9eafc2; }
.preview-welcome strong { color: #f2f2ed; font: 540 25px/1.18 var(--font-display); }
.preview-stats div { border: 1px solid rgba(199,216,232,.1); background: rgba(255,255,255,.035); }
.preview-stats b { color: #f3d58e; font-family: var(--font-body); font-variant-numeric: tabular-nums; }
.preview-stats span, .preview-section-title small { color: #aab8c7; }
.preview-section-title { color: #ebeff4; }
.hearing-card { border: 1px solid rgba(194,214,231,.11); background: rgba(3,14,28,.3); }
.hearing-date { border-color: rgba(232,195,111,.26); background: rgba(232,195,111,.07); }
.hearing-date b { color: var(--gold-light); }
.hearing-date span { color: #c7b889; }
.hearing-card div:nth-child(2) small { color: var(--gold); }
.hearing-card strong { color: #edf1f4; }
.hearing-card div:nth-child(2) span { color: #9cacc0; }
.hearing-card em { color: #d5dfeb; }
.phone-preview { border-color: rgba(219,230,240,.3); background: linear-gradient(145deg,#1b3047,#080f19); box-shadow: 0 22px 50px rgba(0,0,0,.47),inset 0 0 0 2px rgba(255,255,255,.035); animation: premium-phone-drift 9s ease-in-out infinite; }
.phone-ui { background: linear-gradient(160deg,#112a45,#0a192c); }
.phone-ui strong { color: #fff; font-family: var(--font-display); }
.phone-number { color: var(--gold-light); font-family: var(--font-body); font-variant-numeric: tabular-nums; }
.phone-case { border-color: rgba(217,229,240,.12); color: #b7c4d1; }
.phone-case i { background: var(--gold); }
.demo-label { color: #92a1b3; font-size: 9px; }

.proof-band { border-color: rgba(191,211,230,.11); background: rgba(255,255,255,.018); }
.proof-band>div { color: #aab7c5; font-size: 9px; letter-spacing: .12em; }
.proof-band i { background: var(--gold); }
.metric-section { padding: 67px 0 30px; }
.metric-kicker { margin-bottom: 16px; color: #b4c0ce; font-size: 9px; letter-spacing: .2em; }
.metric-strip { grid-template-columns: repeat(3,minmax(0,1fr)); overflow: hidden; border: 1px solid rgba(232,195,111,.38); border-radius: 19px; background: linear-gradient(110deg,#07152c,#0a1e34 60%,#0c253c); box-shadow: 0 21px 60px rgba(0,0,0,.25); }
.metric-item { position:relative; display:flex; min-width:0; min-height:190px; flex-direction:column; align-items:center; justify-content:center; padding:27px 20px 25px; border-right:1px solid rgba(232,195,111,.17); text-align:center; }
.metric-item:last-child { border-right: 0; }
.metric-icon { position:absolute; top:20px; right:21px; width:31px; height:31px; opacity:.48; }
.metric-item strong { display:block; min-width:4ch; margin:5px 0 8px; padding:0; color:var(--gold-light); font:620 clamp(44px,5.2vw,68px)/.98 var(--font-body); letter-spacing:-.065em; font-variant-numeric:tabular-nums; }
.metric-item strong .metric-number { display:inline-block; color:inherit; font:inherit; letter-spacing:inherit; line-height:inherit; }
.metric-item>span { padding:0; color:#f2f3f3; font-size:13px; font-weight:620; line-height:1.45; }
.metric-item>small { min-height:1.5em; margin-top:6px; color:#b0becc; font-size:10px; line-height:1.5; }

.section { position:relative; padding-block:110px; }
.section-intro h2, .workflow-copy h2, .faq-copy h2 { font-size:clamp(39px,4.6vw,57px); }
.section-intro>p:last-child, .workflow-copy>p:not(.eyebrow), .faq-copy>p:not(.eyebrow) { color:var(--muted); font-size:14px; line-height:1.8; }
.feature-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:14px; margin-top:42px; }
.feature-grid .feature-card {
  position:relative; display:flex; min-width:0; min-height:284px; flex-direction:column; align-items:flex-start;
  padding:29px 30px; overflow:hidden; border:1px solid var(--line); border-radius:17px;
  background:linear-gradient(145deg,rgba(18,43,68,.9),rgba(10,28,47,.97));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.feature-grid .feature-card::after { position:absolute; right:-60px; bottom:-100px; width:225px; height:225px; border:1px solid rgba(232,195,111,.09); border-radius:50%; content:""; pointer-events:none; }
.feature-grid .feature-card:hover { transform:translateY(-3px); border-color:rgba(232,195,111,.38); background:linear-gradient(145deg,#14304c,#0b2038); }
.feature-grid .feature-card-large { grid-column:span 7; min-height:304px; }
.feature-grid .feature-card:nth-child(2), .feature-grid .feature-card:nth-child(3) { grid-column:span 5; }
.feature-grid .feature-card:nth-child(4) { grid-column:span 5; }
.feature-grid .feature-card.navy-card { grid-column:span 7; background:linear-gradient(125deg,#102b49,#0b2038 68%); }
.feature-grid .feature-card-wide { display:grid; min-height:204px; grid-column:span 12; grid-template-columns:1.3fr 1fr; align-items:center; }
.feature-card .feature-icon { position:relative; z-index:2; margin-bottom:17px; color:var(--gold); font-size:9px; font-weight:750; letter-spacing:.15em; }
.feature-card h3 { position:relative; z-index:2; max-width:370px; margin:0; color:#f2f1ec; font:540 clamp(23px,2.55vw,32px)/1.08 var(--font-display); letter-spacing:-.03em; text-wrap:balance; }
.feature-card p { position:relative; z-index:2; max-width:440px; margin:12px 0 0; color:#b0becc; font-size:12px; line-height:1.75; }
.feature-card>a { position:relative; z-index:3; margin-top:auto; padding-top:17px; color:var(--gold-light); font-size:11px; font-weight:650; }
.mini-calendar { width:min(100%,410px); margin-top:23px; padding:12px; border:1px solid rgba(201,219,236,.1); border-radius:11px; background:rgba(3,13,25,.26); }
.mini-calendar span { color:#94a6ba; font-size:7px; }
.mini-calendar b { min-height:28px; border-radius:7px; color:#c6d0dc; }
.mini-calendar b.active { background:var(--gold); color:#1d2430; }
.feature-illustration { position:absolute; right:14px; bottom:12px; z-index:1; width:min(43%,198px); height:auto; opacity:.9; pointer-events:none; }
.feature-illustration-ledger { right:11px; bottom:5px; width:min(48%,225px); }
.feature-illustration-reminder { right:7px; bottom:0; width:min(42%,190px); }
.feature-illustration-search { right:9px; bottom:4px; width:min(46%,210px); }
.feature-lines { width:48%; gap:8px; margin-top:auto; padding-top:19px; }
.feature-lines i { height:6px; border-radius:5px; background:rgba(194,211,228,.12); }
.feature-lines i:nth-child(2) { background:rgba(232,195,111,.26); }
.feature-card-wide>div:first-of-type { position:relative; z-index:2; }
.feature-illustration-chamber { right:130px; bottom:3px; width:min(24%,222px); opacity:.84; }
.profile-stack { position:relative; z-index:2; display:flex; grid-column:2; justify-content:flex-end; margin:0 11px 5px auto; }
.profile-stack span, .profile-stack b { width:38px; height:38px; margin-left:-8px; border:2px solid #10243c; background:#d9bd76; color:#172336; font-size:8px; }
.profile-stack span:nth-child(2) { background:#a9bacb; }
.profile-stack span:nth-child(3) { background:#d5d9df; }
.profile-stack b { background:#061326; color:#f2d58e; }

.workflow-section { padding-block:105px; border-block:1px solid rgba(191,211,230,.1); background:linear-gradient(112deg,#091a2e,#0b1f35 50%,#09192a); }
.workflow-layout { grid-template-columns:.9fr 1.1fr; gap:clamp(50px,9vw,122px); }
.workflow-copy { position:sticky; top:120px; }
.text-link { color:var(--gold-light); font-size:12px; }
.steps li { grid-template-columns:48px 1fr; gap:18px; padding:22px 0; border-color:var(--line); }
.steps li>span { border:1px solid rgba(232,195,111,.28); color:var(--gold); }
.steps h3 { color:#eff1f3; font:540 22px/1.2 var(--font-display); }
.steps p { color:#aab8c7; font-size:12px; line-height:1.75; }

.coverage { padding-top:110px; }
.court-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-top:37px; }
.court-card { grid-template-columns:58px 1fr; min-height:178px; gap:16px; padding:22px 20px; border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,rgba(17,41,66,.82),rgba(10,27,46,.96)); }
.court-card:hover { border-color:rgba(232,195,111,.38); transform:translateY(-2px); }
.court-card img { width:55px; height:55px; padding:4px; border:1px solid rgba(255,255,255,.52); border-radius:12px; background:#f7f3e9; object-fit:contain; }
.court-card h3 { color:#f0f1ee; font:540 21px/1.15 var(--font-display); }
.court-card p { color:#aab8c7; font-size:10px; line-height:1.6; }
.court-card>span { color:#d7c28f; font-size:8px; letter-spacing:.14em; }

.plans-section { padding:106px 0; border-block:1px solid rgba(191,211,230,.1); background:#091a2c; }
.plan-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:43px; }
.plan-card { min-height:345px; padding:25px 20px 20px; border:1px solid rgba(190,210,229,.15); border-radius:15px; background:linear-gradient(155deg,#102741,#0c1e33 76%); }
.plan-card:hover { border-color:rgba(232,195,111,.42); transform:translateY(-3px); box-shadow:0 16px 40px rgba(0,0,0,.2); }
.plan-card>p { color:#a9b7c6; font-size:8px; letter-spacing:.16em; }
.plan-card h3 { color:#f2f1ec; font:540 24px/1.1 var(--font-display); }
.plan-price { min-height:62px; gap:6px; margin:13px 0 12px; }
.plan-price b { color:var(--gold-light); font:620 23px/1.1 var(--font-body); letter-spacing:-.045em; }
.plan-price span { color:#a3b1c0; font-size:9px; }
.plan-card ul { color:#c1cbd5; font-size:10px; }
.plan-card li { padding:9px 0; border-color:rgba(190,210,229,.1); }
.plan-card li::before { color:var(--gold); }
.plan-card .button { width:100%; margin-top:auto; padding-inline:11px; font-size:10px; }
.plan-card.featured { border-color:rgba(232,195,111,.65); background:linear-gradient(150deg,#1a3652,#112942); box-shadow:0 17px 40px rgba(0,0,0,.24),inset 0 1px rgba(232,195,111,.17); }
.plan-card.featured>p { color:#f0d68e; }
.plan-card.featured h3, .plan-card.featured>p, .plan-card.featured .plan-price b { color:#f4d992; }
.plan-card.featured .button-primary { background:var(--gold-light); }
.plan-badge { border:1px solid rgba(7,21,44,.16); background:var(--gold-light); color:#1a2330; font-size:7px; }
.plan-note { color:#9caaba; font-size:10px; }
.plan-note a { color:var(--gold-light); text-underline-offset:3px; }

.articles { padding-top:107px; padding-bottom:105px; }
.section-heading-row h2 { color:#f1f1ec; font:520 clamp(37px,4.4vw,54px)/1.05 var(--font-display); }
.article-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-top:35px; }
.article-card { min-height:225px; padding:23px; border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,rgba(17,41,66,.82),rgba(9,25,43,.95)); }
.article-card:hover { transform:translateY(-3px); border-color:rgba(232,195,111,.38); }
.article-card time, .article-page time { color:#d4b96f; font-size:8px; letter-spacing:.12em; }
.article-card h3 { color:#f1f0eb; font:530 23px/1.15 var(--font-display); }
.article-card p, .article-loading, .no-script-note { color:#aab7c5; font-size:10px; }
.article-card a, .no-script-note a { color:var(--gold-light); }

.faq-section { padding:103px 0; border-block:1px solid rgba(191,211,230,.1); background:linear-gradient(120deg,#09192b,#0c2036); }
.faq-layout { grid-template-columns:.78fr 1.22fr; gap:clamp(45px,8vw,112px); }
.faq-list, .faq-list details { border-color:var(--line); }
.faq-list summary { min-height:61px; color:#eef1f3; font-size:12px; }
.faq-list summary span { color:var(--gold); }
.faq-list details p { color:#a9b7c6; font-size:11px; line-height:1.8; }

.cta-section { padding-top:100px; padding-bottom:87px; }
.cta-card { min-height:295px; gap:34px; padding:51px 54px; border:1px solid rgba(232,195,111,.28); border-radius:22px; background:radial-gradient(ellipse at 87% 5%,rgba(41,72,96,.62),transparent 38%),linear-gradient(122deg,#0b2038,#102a44); box-shadow:0 25px 65px rgba(0,0,0,.22); }
.cta-card h2 { color:#f6f2e9; font-size:clamp(38px,4.5vw,58px); }
.cta-card p:not(.eyebrow) { color:#b3c0ce; font-size:12px; }
.cta-card .eyebrow { color:var(--gold-light); }
.cta-card::after { right:-118px; bottom:-215px; width:460px; height:460px; border-color:rgba(232,195,111,.2); box-shadow:0 0 0 27px rgba(232,195,111,.025),0 0 0 55px rgba(232,195,111,.02); }
.cta-illustration { right:20%; bottom:-40px; width:225px; opacity:.26; }
.button-gold { background:var(--gold-light); color:#1b2430; }
.button-gold:hover { background:#f4dfa9; box-shadow:0 10px 30px rgba(232,195,111,.2); }
.button-on-dark { border-color:rgba(219,230,240,.3); background:rgba(255,255,255,.035); color:#eef2f5; }

.tutorial-disclosure { border-color:var(--line); border-radius:14px; background:rgba(14,34,56,.68); }
.tutorial-disclosure summary b { color:#f1f1ec; font:530 20px/1.2 var(--font-display); }
.tutorial-disclosure summary small { color:#aab7c5; font-size:10px; }
.play-control { color:var(--gold-light); font-size:10px; }
.play-control i { border-color:rgba(232,195,111,.34); }
.tutorial-frame video { border:1px solid var(--line); background:#030912; }

.footer { border-color:rgba(191,211,230,.11); background:#050d19; color:#c1ccd7; }
.footer-brand strong { color:#fff; }
.footer-brand small { color:#9fadc0; }
.footer p { color:#9eacbc; font-size:10px; }
.footer h2 { color:#d9c280; font-size:9px; letter-spacing:.13em; }
.footer-grid>div:not(:first-child) a { color:#b9c4d0; font-size:10px; }
.footer-bottom { border-color:rgba(221,234,247,.12); color:#8494a8; font-size:9px; }

.legal-page { padding-top:74px; padding-bottom:94px; }
.legal-hero { max-width:850px; padding-bottom:31px; border-color:var(--line); }
.legal-hero h1 { font-size:clamp(43px,6vw,68px); }
.legal-hero>p:last-child { color:var(--muted); font-size:14px; }
.legal-content { max-width:820px; margin-top:37px; color:#c4ced8; font-size:13px; line-height:1.85; }
.legal-content h2 { margin:40px 0 11px; color:#f1f0eb; font:540 28px/1.17 var(--font-display); }
.legal-content p { margin-bottom:16px; }
.legal-content ul { padding-left:22px; }
.legal-content li { margin:7px 0; }
.legal-content a, .article-page .article-body a { color:var(--gold-light); text-underline-offset:3px; }
.legal-callout { margin:25px 0; padding:19px 22px; border:1px solid rgba(232,195,111,.18); border-left:3px solid var(--gold); border-radius:0 12px 12px 0; background:rgba(232,195,111,.055); color:#e3e7eb; }
.article-page { padding-top:74px; padding-bottom:94px; }
.article-page article { max-width:850px; }
.article-page h1 { margin-top:14px; font-size:clamp(44px,6vw,70px); }
.article-page .summary { max-width:740px; color:var(--muted); font-size:17px; line-height:1.75; }
.article-page .article-body { max-width:790px; margin-top:37px; color:#c4ced8; font-size:14px; line-height:1.85; }
.article-page .article-body h2 { margin:38px 0 10px; color:#f1f0eb; font:540 28px/1.2 var(--font-display); }

.reveal { transition: opacity .68s ease, transform .68s cubic-bezier(.2,.7,.2,1); }
.reveal.will-reveal { opacity:0; transform:translateY(20px); }
.reveal.will-reveal.is-visible { opacity:1; transform:translateY(0); }
@keyframes premium-drift { 50% { transform:translateY(-7px); } }
@keyframes premium-phone-drift { 50% { transform:translateY(8px); } }

@media (max-width:1060px) {
  .nav { gap:15px; }
  .nav-links { gap:14px; font-size:11px; }
  .nav-cta { min-height:42px; padding-inline:13px; font-size:10px; }
  .plan-card { padding-inline:15px; }
  .plan-card .button { font-size:9px; }
}
@media (max-width:960px) {
  .hero { min-height:auto; grid-template-columns:1fr; gap:34px; padding-block:68px 66px; }
  .hero-copy { max-width:710px; }
  .hero h1 { max-width:730px; font-size:clamp(55px,8vw,76px); }
  .hero-art { width:min(680px,100%); min-height:500px; margin-inline:auto; }
  .workflow-layout, .faq-layout { grid-template-columns:1fr; gap:43px; }
  .workflow-copy { position:static; max-width:700px; }
  .plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .plan-card { min-height:330px; padding:25px 21px 20px; }
  .plan-card .button { font-size:10px; }
  .court-grid { grid-template-columns:1fr; }
  .court-card { min-height:128px; }
  .cta-card { align-items:flex-start; flex-direction:column; }
  .cta-actions { min-width:0; flex-direction:row; }
}
@media (max-width:700px) {
  html { scroll-padding-top:78px; }
  .shell { width:min(100% - 32px,1180px); }
  .nav { min-height:70px; }
  .brand { gap:8px; }
  .brand img { width:39px; height:39px; }
  .brand strong { font-size:14px; }
  .brand small { font-size:8px; }
  .menu-toggle { display:block; flex:0 0 auto; }
  .nav-links { position:absolute; top:calc(100% - 1px); right:0; left:0; display:none; align-items:stretch; gap:0; padding:8px; border:1px solid var(--line); border-radius:0 0 15px 15px; background:#0a1b2f; box-shadow:0 22px 36px rgba(0,0,0,.33); }
  .nav-links.is-open { display:flex; flex-direction:column; }
  .nav-links>a:not(.nav-cta) { padding:12px 11px; border-bottom:1px solid rgba(191,211,230,.09); font-size:12px; }
  .nav-cta { margin-top:9px; }
  .hero { gap:25px; padding-block:54px 48px; }
  .hero h1 { max-width:520px; font-size:clamp(48px,12.5vw,67px); line-height:1.01; }
  .lede { margin:18px 0 21px; font-size:14px; line-height:1.75; }
  .hero-actions { display:grid; grid-template-columns:1fr; }
  .hero-actions .button { width:100%; }
  .assurance-list { display:grid; gap:6px; margin-top:18px; font-size:10px; }
  .hero-art { min-height:410px; padding:0 21px 29px 0; }
  .sun-disc { top:5%; right:4%; width:82%; }
  .hero-ornament { top:2%; right:2%; width:72%; opacity:.35; }
  .dashboard-preview { min-height:385px; padding:16px; border-radius:16px; }
  .preview-welcome { margin:14px 0 12px; }
  .preview-welcome strong { font-size:22px; }
  .preview-stats { gap:5px; margin-bottom:13px; }
  .preview-stats div { padding:8px; }
  .preview-stats b { font-size:18px; }
  .preview-section-title.muted, .hearing-card.compact { display:none; }
  .phone-preview { right:-4px; bottom:26px; width:119px; height:231px; }
  .phone-ui { padding-inline:9px; }
  .phone-ui strong { margin-top:16px; font-size:14px; }
  .phone-number { font-size:31px; }
  .phone-nav { margin-top:26px; }
  .demo-label { right:2px; bottom:0; max-width:calc(100% - 128px); font-size:7px; text-align:right; }
  .proof-band>div { min-height:67px; justify-content:center; flex-wrap:wrap; gap:8px 13px; padding-block:12px; font-size:7px; letter-spacing:.08em; }
  .proof-band i { width:2px; height:2px; }
  .metric-section { padding:46px 0 9px; }
  .metric-strip { grid-template-columns:1fr; border-radius:15px; }
  .metric-item { min-height:129px; padding:18px 20px; border-right:0; border-bottom:1px solid rgba(232,195,111,.16); }
  .metric-item:last-child { border-bottom:0; }
  .metric-icon { top:17px; right:17px; width:27px; height:27px; }
  .metric-item strong { margin:2px 0 5px; font-size:43px; }
  .metric-item>span { font-size:12px; }
  .metric-item>small { margin-top:3px; font-size:9px; }
  .section { padding-block:77px; }
  .section-intro h2, .workflow-copy h2, .faq-copy h2 { font-size:clamp(37px,9vw,48px); }
  .section-intro>p:last-child, .workflow-copy>p:not(.eyebrow), .faq-copy>p:not(.eyebrow) { font-size:12px; }
  .feature-grid { grid-template-columns:1fr; gap:11px; margin-top:30px; }
  .feature-grid .feature-card, .feature-grid .feature-card-large, .feature-grid .feature-card:nth-child(2), .feature-grid .feature-card:nth-child(3), .feature-grid .feature-card:nth-child(4), .feature-grid .feature-card.navy-card, .feature-grid .feature-card-wide {
    min-height:242px; grid-column:auto; padding:23px;
  }
  .feature-card h3 { max-width:290px; font-size:27px; }
  .feature-card p { max-width:320px; font-size:11px; }
  .mini-calendar { width:min(100%,340px); margin-top:18px; }
  .feature-illustration { right:8px; bottom:3px; width:min(46%,182px); opacity:.78; }
  .feature-illustration-ledger, .feature-illustration-search { width:min(48%,194px); }
  .feature-illustration-reminder { width:min(45%,175px); }
  .feature-grid .feature-card-wide { display:grid; min-height:275px !important; grid-template-columns:1fr; align-content:start; }
  .feature-card-wide>div:first-of-type { max-width:100%; }
  .feature-illustration-chamber { right:auto; bottom:0; left:18px; width:min(48%,190px); }
  .profile-stack { grid-column:1; justify-content:flex-end; margin:19px 0 0 auto; }
  .workflow-section, .faq-section { padding-block:77px; }
  .workflow-layout { gap:30px; }
  .steps li { grid-template-columns:39px 1fr; gap:12px; padding:19px 0; }
  .steps li>span { width:33px; height:33px; }
  .steps h3 { font-size:20px; }
  .steps p { font-size:11px; }
  .coverage { padding-block:77px; }
  .court-grid { gap:10px; margin-top:28px; }
  .court-card { min-height:122px; grid-template-columns:48px 1fr; gap:13px; padding:17px 15px; }
  .court-card img { width:47px; height:47px; }
  .court-card h3 { font-size:19px; }
  .court-card p { font-size:9px; }
  .plans-section { padding-block:77px; }
  .plan-grid { grid-template-columns:1fr; gap:11px; margin-top:31px; }
  .plan-card { min-height:0; padding:23px 21px 19px; }
  .plan-price { min-height:50px; margin-block:9px; }
  .plan-card ul { margin-bottom:16px; }
  .plan-card .button { min-height:46px; }
  .section-heading-row { align-items:flex-start; flex-direction:column; gap:14px; }
  .section-heading-row h2 { font-size:41px; }
  .articles { padding-block:77px; }
  .article-grid { grid-template-columns:1fr; gap:10px; margin-top:27px; }
  .article-card { min-height:190px; padding:20px; }
  .faq-layout { gap:30px; }
  .faq-list summary { min-height:58px; gap:12px; font-size:11px; }
  .faq-list details p { margin-right:20px; font-size:10px; }
  .cta-section { padding:72px 0 65px; }
  .cta-card { min-height:0; gap:24px; padding:31px 25px; border-radius:17px; }
  .cta-card h2 { font-size:clamp(36px,9vw,48px); }
  .cta-card p:not(.eyebrow) { font-size:11px; }
  .cta-illustration { right:-23px; bottom:-32px; width:185px; opacity:.2; }
  .cta-actions { width:100%; flex-direction:column; }
  .cta-actions .button { width:100%; }
  .tutorial-section { padding-bottom:65px; }
  .tutorial-disclosure summary { align-items:flex-start; padding:16px; }
  .tutorial-disclosure summary b { font-size:18px; }
  .tutorial-disclosure summary small { max-width:220px; font-size:9px; }
  .play-control { gap:6px; font-size:8px; }
  .tutorial-frame { padding:0 12px 12px; }
  .footer { padding-top:46px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:22px 15px; }
  .footer-grid>div:first-child, .footer-grid>div:last-child { grid-column:1/-1; }
  .footer-bottom { align-items:flex-start; flex-direction:column; gap:4px; margin-top:29px; }
  .legal-page, .article-page { padding-top:52px; padding-bottom:70px; }
  .legal-hero { padding-bottom:25px; }
  .legal-hero h1, .article-page h1 { font-size:clamp(41px,11vw,57px); }
  .legal-hero>p:last-child, .article-page .summary { font-size:13px; }
  .legal-content { margin-top:27px; font-size:12px; }
  .legal-content h2, .article-page .article-body h2 { margin-top:32px; font-size:24px; }
  .legal-callout { padding:16px; }
  .article-page .article-body { margin-top:27px; font-size:12px; }
}
@media (max-width:380px) {
  .shell { width:calc(100% - 28px); }
  .hero h1 { font-size:46px; }
  .hero-art { min-height:386px; padding-right:13px; }
  .dashboard-preview { min-height:365px; padding:13px; }
  .preview-welcome strong { font-size:20px; }
  .phone-preview { right:-4px; width:107px; height:212px; }
  .phone-ui { padding-inline:8px; }
  .demo-label { max-width:calc(100% - 112px); font-size:6px; }
  .proof-band>div { column-gap:9px; font-size:6px; }
  .feature-grid .feature-card, .feature-grid .feature-card-large, .feature-grid .feature-card:nth-child(2), .feature-grid .feature-card:nth-child(3), .feature-grid .feature-card:nth-child(4), .feature-grid .feature-card.navy-card { padding:21px; }
  .feature-card h3 { max-width:248px; font-size:25px; }
  .court-card { grid-template-columns:43px 1fr; gap:10px; padding-inline:12px; }
  .court-card img { width:42px; height:42px; }
  .plan-card { padding-inline:18px; }
  .footer-grid { column-gap:9px; }
}
.reveal { transition:opacity .68s ease,transform .68s cubic-bezier(.2,.7,.2,1); }
.reveal.will-reveal { opacity:0; transform:translateY(20px); }
.reveal.will-reveal.is-visible { opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
  .reveal, .reveal.will-reveal { opacity:1; transform:none; }
}

/* Decorative artwork stays inside its layout bounds at every viewport. */
.hero::before { right: 0; }
@media (max-width:700px) {
  .cta-illustration { right: 0; width: min(42vw,150px); }
}
/* Keep all surfaces coherent when legacy component rules define a light fill. */
.metric-section { background: var(--navy); }
.hearing-card.compact { border-color: rgba(194,214,231,.11); background: rgba(3,14,28,.3); }
.hearing-card.compact strong { color: #edf1f4; }
.hearing-card.compact span { color: #9cacc0; }
.phone-case { border-color: rgba(217,229,240,.12); background: rgba(255,255,255,.04); color: #b7c4d1; }


/* ============= landing-next.css ============= */
/* Court Case Diary | next-generation landing page. Scoped to this HTML entry. */
:root{color-scheme:light;--navy:#081727;--navy2:#0d2238;--navy3:#132b43;--ink:#13263a;--muted:#657587;--paper:#f7f8f7;--gold:#d6b475;--gold-light:#f6dcaa;--line:rgba(24,46,67,.11);--font-display:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--paper);scroll-padding-top:88px}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font:400 15px/1.65 var(--font-body);letter-spacing:-.015em}button,a{ -webkit-tap-highlight-color:transparent } a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e8ba66;outline-offset:4px}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}.eyebrow{margin:0 0 22px;color:#9c763c;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.065em}h1,h2,h3,em{font-style:normal}h2 em,h3 em{font-style:normal;color:#b38a55}
/* Header */
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(5,17,31,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav{height:80px;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:23px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:45px;height:45px}.brand strong{color:#fff;font:750 16px/1.2 var(--font-body);letter-spacing:-.035em}.brand small{margin-top:4px;color:#c0a06c;font-size:8px;font-weight:700;letter-spacing:.155em}.nav-links{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:600;color:#bbc4cf}.nav-links>a:not(.nav-cta):hover{color:#fff}.nav-links .nav-login{margin-left:9px;color:#fff}.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:11px 17px;border:1px solid rgba(251,231,197,.48);border-radius:7px;background:#e9c58b;color:#142034!important;font-size:12px;font-weight:750;box-shadow:0 5px 24px rgba(232,192,121,.11)}.nav-cta:hover{transform:translateY(-2px);background:#f6dca7}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;border:1px solid #38506b;border-radius:8px;background:transparent;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;margin:3px;background:#f8f8f6}
/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:52px;padding:12px 21px;border-radius:8px;font-size:13px;font-weight:730;letter-spacing:-.015em;text-decoration:none;white-space:nowrap;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.button:hover{transform:translateY(-2px)}.button-primary{border:1px solid #f4d8a2;background:linear-gradient(125deg,#f3d397,#dbb172);color:#192338;box-shadow:0 11px 25px rgba(239,198,123,.15)}.button-primary:hover{background:#ffe5af;box-shadow:0 12px 32px rgba(239,198,123,.24)}.button-secondary{border:1px solid rgba(226,234,241,.31);background:rgba(255,255,255,.045);color:#f1f4f7}.button-secondary:hover{background:rgba(255,255,255,.13);border-color:rgba(226,234,241,.65)}
/* Hero: real visual rather than decorative SVG collage */
.hero{position:relative;display:block;min-height:700px;padding:0;isolation:isolate;background:#071526;overflow:hidden}.hero::before{display:none}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;opacity:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,31,.93) 0%,rgba(5,17,31,.91) 20%,rgba(5,17,31,.68) 45%,rgba(5,17,31,.10) 84%),linear-gradient(0deg,#081727 2%,rgba(8,23,39,.01) 36%,transparent 75%)}.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,black 0%,transparent 67%)}.hero-inner{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:700px;padding-top:100px;padding-bottom:145px}.hero-content{width:min(760px,72%)}.hero-pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 30px;padding:9px 13px;border:1px solid rgba(223,190,142,.3);border-radius:30px;background:rgba(14,36,56,.55);color:#e1c69d;font-size:9px;font-weight:800;letter-spacing:.15em;line-height:1.6}.pill-spark{width:6px;height:6px;border-radius:50%;background:#efc989;box-shadow:0 0 13px #e8bd7c}.pill-star{margin-inline:4px;color:#886b46}.hero h1{max-width:850px;margin:0;color:#f8f9fb;font:760 clamp(54px,6.4vw,94px)/1.035 var(--font-display);letter-spacing:-.078em;text-wrap:balance}.hero h1 span{background:linear-gradient(105deg,#f0dab8,#c49659 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{max-width:530px;margin:29px 0 30px;color:#becbd8;font-size:17px;line-height:1.78;letter-spacing:-.023em}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-trust{display:flex;flex-wrap:wrap;gap:24px;margin-top:26px;color:#b7c6d3;font-size:11px;font-weight:560}.hero-trust span{display:inline-flex;align-items:center;gap:7px}.hero-trust svg{width:14px;height:14px;color:#debb81}.hero-caption{position:absolute;right:0;bottom:90px;display:flex;align-items:center;gap:11px;color:#d6dce1;font-size:10px;letter-spacing:.03em}.hero-caption .line{width:30px;height:1px;background:rgba(236,211,174,.55)}
/* Product preview */
.product-section{position:relative;margin-top:-63px;padding:0 0 112px;background:linear-gradient(180deg,transparent 0 63px,#f7f8f7 63px 100%);z-index:2}.showcase-overline{display:flex;align-items:center;gap:11px;margin-bottom:17px;color:#fff;font-size:10px;font-weight:740;letter-spacing:.14em}.overline-dot{display:block;width:6px;height:6px;border-radius:50%;background:#e9bd7a}.overline-dash{display:block;width:21px;height:1px;background:#b5c4ce}.product-window{overflow:hidden;border:1px solid rgba(225,231,237,.25);border-radius:17px;background:#fff;box-shadow:0 45px 100px rgba(7,28,48,.24),0 12px 28px rgba(7,28,48,.12)}.browser-bar{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 20px;border-bottom:1px solid #e7edf0;background:#f7f9fa}.browser-dots{display:flex;gap:6px}.browser-dots i{width:9px;height:9px;border-radius:50%;background:#d3d9dc}.browser-dots i:first-child{background:#ecb1aa}.browser-dots i:nth-child(2){background:#ebd6a2}.browser-dots i:nth-child(3){background:#b8dac4}.browser-url{display:flex;align-items:center;gap:8px;color:#87929e;font-size:10px;font-weight:590}.browser-url svg{width:12px;height:12px}.browser-actions{color:#87929e;letter-spacing:3px}.app-frame{display:grid;grid-template-columns:217px minmax(0,1fr);min-height:540px;color:#23384c;font-size:12px}.app-sidebar{position:relative;display:flex;flex-direction:column;padding:23px 13px;border-right:1px solid #e7ecf0;background:#f9fafb}.app-mini-brand{display:flex;align-items:center;gap:9px;padding:1px 11px 32px;color:#15314a;font-size:11px;font-weight:850;line-height:1.3;letter-spacing:.02em}.app-mini-brand b{display:block}.app-workspace{padding:0 12px;margin-bottom:10px;color:#a4aeb8;font-size:9px;font-weight:800;letter-spacing:.11em}.side-option{display:flex;align-items:center;gap:12px;min-height:41px;padding:8px 12px;border-radius:8px;color:#697a8c;font-size:11px;font-weight:650}.side-option.selected{background:#e7edf3;color:#132b41}.side-symbol{width:20px;color:#718397;text-align:center;font-size:17px}.side-count{display:grid;place-items:center;width:18px;height:18px;margin-left:auto;border-radius:6px;background:#eee5d3;color:#876c4e;font-size:9px}.side-separator{height:1px;margin:13px 7px 23px;background:#e6ebef}.sidebar-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px 6px 0;border-top:1px solid #e4e9ed;font-size:10px}.avatar,.top-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#18344f;color:#f5d499;font-size:10px;font-weight:790}.sidebar-bottom b{display:block}.sidebar-bottom small{display:block;color:#95a0ab;font-size:9px}.sidebar-dots{margin-left:auto;font-size:15px}.app-content{min-width:0;background:#fff}.app-toprow{display:flex;align-items:center;justify-content:space-between;height:63px;padding:0 28px;border-bottom:1px solid #e9edf0;font-size:10px;font-weight:750}.app-breadcrumb,.app-slash{color:#9cabb9}.app-slash{padding:0 6px}.app-topright{display:flex;align-items:center;gap:10px;color:#778798}.online-mark{width:7px;height:7px;border-radius:50%;background:#58aa86}.top-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #e6eaee;border-radius:6px;font-size:15px}.top-avatar{width:25px;height:25px;font-size:8px}.app-main{padding:27px 33px 36px}.app-greeting{display:flex;justify-content:space-between;gap:20px;align-items:center}.demo-overline{color:#aa8b62;font-size:9px;font-weight:790;letter-spacing:.07em}.app-greeting h3{margin:7px 0 3px;color:#14293f;font-size:26px;font-weight:760;letter-spacing:-.06em}.app-greeting h3 span{color:#d0ad7a;font-size:18px}.app-greeting p{margin:0;color:#8895a3;font-size:11px}.demo-addcase{display:block;padding:11px 12px;border-radius:7px;background:#102d46;color:#fff;font-size:10px;font-weight:730;white-space:nowrap}.app-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:24px 0}.app-stats>div{position:relative;min-height:114px;padding:15px 17px;border:1px solid #e9eef1;border-radius:11px;background:#fcfcfc}.app-stats>div.stat-emphasis{border-color:#e9d6ae;background:#fffaf1}.app-stats span,.app-stats strong,.app-stats small{display:block}.app-stats span{color:#768799;font-size:10px;font-weight:660}.app-stats strong{margin-top:9px;color:#1c344a;font-size:27px;font-weight:780;line-height:1}.app-stats small{margin-top:6px;color:#9ba8b4;font-size:9px}.stats-icon{position:absolute;top:16px;right:15px;color:#a0b1c0;font-size:18px}.stat-emphasis .stats-icon{color:#cba467}.app-two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(200px,.85fr);gap:14px}.cases-panel,.calendar-panel{min-width:0;padding:17px;border:1px solid #e6ecf0;border-radius:11px;background:#fff}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;color:#1c3449;font-size:11px;font-weight:790}.panel-heading small{display:block;margin-top:2px;color:#9da9b4;font-size:9px;font-weight:500}.panel-link{color:#b68c57;font-size:9px;font-weight:730;white-space:nowrap}.case-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #eff1f3}.date-chip{display:flex;flex:none;align-items:center;flex-direction:column;justify-content:center;width:37px;height:39px;border:1px solid #e3eaf0;border-radius:7px;background:#f8fafb}.date-chip b{color:#263f55;font-size:14px;line-height:1}.date-chip small{margin-top:3px;color:#9da7b1;font-size:8px}.case-info{min-width:0;flex:1}.case-info strong{display:block;color:#2b4154;font-size:10px;font-weight:720}.case-info small{display:block;color:#9ca8b1;font-size:9px}.case-status{padding:5px 7px;border-radius:5px;background:#eef3f5;color:#7e8c99;font-size:8px;font-weight:700}.case-status.today{background:#fff3d8;color:#a57935}.case-foot{display:flex;justify-content:space-between;margin-top:5px;padding-top:12px;border-top:1px solid #e9edf0;color:#a1acb6;font-size:9px}.case-foot span{color:#b38c58}.calendar-chev{font-size:14px;color:#8497a9}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.calendar-weekdays{margin-bottom:11px;color:#a2acb5;font-size:9px}.calendar-days span{display:grid;place-items:center;min-height:27px;border-radius:7px;color:#667b8c;font-size:10px}.calendar-days .dim{color:#c4cbd0}.calendar-days .current{background:#102d47;color:#fff;font-weight:820}.calendar-days .has-case{position:relative;background:#fff3e3;color:#98703f}.calendar-days .has-case::after{position:absolute;bottom:3px;width:3px;height:3px;border-radius:50%;background:#c89c5c;content:""}.calendar-bottom{display:flex;align-items:center;gap:7px;margin-top:12px;color:#a0aebb;font-size:9px}.calendar-bottom i{width:6px;height:6px;border-radius:50%;background:#dab67c}.product-disclaimer{margin:13px 0 0;color:#8896a2;font-size:10px;text-align:center}.product-section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:100px 0 40px}.product-section-heading h2,.section-header h2,.coverage-intro h2,.plans-header h2,.faq-copy h2{margin:0;color:#11283a;font-size:clamp(39px,4.6vw,67px);font-weight:770;line-height:1.09;letter-spacing:-.077em}.product-section-heading h2 span{color:#9c7952}.product-section-heading>p{max-width:370px;margin:0 0 7px;color:#657485;font-size:15px;line-height:1.75}.product-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:27px;border-top:1px solid #dce2e5}.product-benefits>div{min-height:120px;padding:9px 28px 0 0}.product-benefits>div+div{padding-left:28px;border-left:1px solid #dce2e5}.benefit-number{display:block;margin-bottom:16px;color:#b08a5f;font-size:10px;font-weight:800;letter-spacing:.08em}.product-benefits strong{display:block;font-size:17px;font-weight:760;letter-spacing:-.04em}.product-benefits p{margin:7px 0 0;color:#798795;font-size:12px;line-height:1.6}
/* Feature story */
.features-section{padding:110px 0 118px;background:#edf1f2}.section-header{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:43px}.section-header h2 em{color:#ac8659}.section-support{max-width:340px;margin:0 0 7px;color:#6b7b89;font-size:14px;line-height:1.8}.feature-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(380px,auto));gap:17px}.bento-card{position:relative;overflow:hidden;min-height:380px;padding:36px;border:1px solid #dbe3e8;border-radius:18px;background:#fbfcfc;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.bento-card:hover{transform:translateY(-3px);border-color:#ccba9a;box-shadow:0 24px 50px rgba(15,36,54,.08)}.bento-index{display:block;margin-bottom:17px;color:#a57e4d;font-size:10px;font-weight:820;letter-spacing:.12em}.bento-card h3{position:relative;z-index:1;margin:0;color:#142e44;font-size:clamp(28px,3.1vw,42px);font-weight:780;line-height:1.16}.bento-card p{position:relative;z-index:1;max-width:335px;margin:16px 0 0;color:#748391;font-size:13px;line-height:1.75}.bento-large{background:linear-gradient(135deg,#fff 60%,#f8f3e9)}.bento-visual{margin-top:27px;overflow:hidden;border:1px solid #dbe3e8;border-radius:13px;background:#fff;box-shadow:0 24px 35px rgba(26,50,65,.08)}.bento-cases{width:100%;padding:19px}.case-visual-title{display:flex;justify-content:space-between;margin-bottom:11px;color:#273d4f;font-size:10px;font-weight:790}.case-visual-title span:last-child{color:#a77c4b;font-size:9px}.case-visual-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #eaf0f3}.case-visual-icon{display:grid;place-items:center;width:30px;height:32px;border-radius:7px;background:#eef3f6;color:#8ca1b3;font-size:15px}.case-visual-row>div{flex:1}.case-visual-row strong{display:block;color:#2a4154;font-size:10px}.case-visual-row small{display:block;color:#9aa7b1;font-size:9px}.case-visual-tag{padding:4px 6px;border-radius:4px;background:#eff4f5;color:#7b8f9d;font-size:8px;font-weight:800}.gold-tag{background:#fff5e4;color:#b4874e}.bento-reminder{background:radial-gradient(ellipse at 100% 90%,rgba(41,95,138,.45),transparent 53%),linear-gradient(142deg,#0a1d30,#142e46);border-color:#253f57}.bento-reminder .bento-index,.bento-reminder h3{color:#e8c998}.bento-reminder p{color:#adbfcb}.reminder-visual{position:relative;z-index:2;display:flex;align-items:center;gap:13px;margin-top:61px;padding:18px 16px;border:1px solid rgba(213,231,239,.2);border-radius:13px;background:rgba(245,248,250,.94);box-shadow:0 20px 45px rgba(0,0,0,.24);transform:rotate(-2deg)}.notification-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#112a42;color:#e9c58b;font-size:19px}.reminder-visual div{flex:1;display:grid}.reminder-visual small{color:#a97d43;font-size:8px;font-weight:830;letter-spacing:.08em}.reminder-visual strong{color:#183047;font-size:12px}.reminder-visual div span{color:#8897a3;font-size:10px}.notification-time{align-self:start;color:#9ca7b1;font-size:9px}.reminder-glow{position:absolute;right:-45px;bottom:-85px;width:255px;height:255px;border:1px solid rgba(246,218,169,.2);border-radius:50%;box-shadow:0 0 0 40px rgba(246,218,169,.04),0 0 0 85px rgba(246,218,169,.03)}.timeline-visual{margin-top:33px;padding:10px 16px;border:1px solid #e3eaf0;border-radius:12px;background:#fff}.timeline-visual>div{display:flex;align-items:center;gap:13px;padding:11px 0}.timeline-visual>div+div{border-top:1px solid #edf0f1}.timeline-visual i{display:block;width:8px;height:8px;border:1px solid #b5c3ce;border-radius:50%}.timeline-visual i.active-dot{background:#d1ab75;border-color:#d1ab75;box-shadow:0 0 0 5px #fff1dc}.timeline-visual span{display:grid;flex:1}.timeline-visual span b{color:#2b4455;font-size:12px}.timeline-visual span small{color:#94a1aa;font-size:10px}.timeline-visual strong{color:#9daab5;font-size:10px}.bento-sync{background:linear-gradient(130deg,#f6f0e5,#f9fbfb 75%)}.inline-link{display:inline-flex;align-items:center;gap:24px;margin-top:26px;color:#b38651;font-size:13px;font-weight:750}.inline-link:hover{color:#6f522d}.sync-visual{position:absolute;right:-7px;bottom:18px;display:flex;align-items:flex-start;flex-direction:column;width:49%;min-height:195px;padding:26px 20px;border:1px solid #e1e8eb;border-radius:14px;background:#fff;box-shadow:0 20px 40px rgba(19,45,64,.1);transform:rotate(-5deg)}.sync-pulse{display:grid;place-items:center;width:39px;height:39px;margin-bottom:14px;border-radius:11px;background:#eef5f0;color:#389473;font-size:31px}.sync-visual strong{font-size:13px}.sync-visual>span:not(.sync-pulse){color:#98a5ad;font-size:10px}.sync-visual b{margin-top:19px;padding:8px 9px;border-radius:6px;background:#eef8f0;color:#43865d;font-size:9px}
/* Editorial photography */
.editorial-section{display:grid;grid-template-columns:1fr 1fr;min-height:610px;background:#0c2033;color:#fff}.editorial-image{position:relative;overflow:hidden;min-height:610px}.editorial-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center}.editorial-image::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,18,31,.5),transparent 55%);content:""}.image-stamp{position:absolute;z-index:1;left:55px;bottom:48px;display:flex;align-items:center;gap:16px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.14em}.image-stamp i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #b9bac2;border-radius:50%;font-size:14px;font-style:normal}.editorial-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px clamp(40px,7vw,130px)}.editorial-copy .eyebrow{color:#d8b27c}.editorial-copy h2{margin:0;font-size:clamp(52px,5.4vw,79px);font-weight:770;line-height:1.06;color:#fff}.editorial-copy h2 em{color:#d7ac6c}.editorial-copy>p:not(.eyebrow){max-width:435px;margin:29px 0 26px;color:#bbc8d3;font-size:15px;line-height:1.85}.button-light{border:1px solid #e6c898;background:#edce9b;color:#13273a}.button-light:hover{background:#ffe3b2}.editorial-footnote{margin-top:50px;padding-top:17px;border-top:1px solid rgba(232,238,244,.19);color:#899eaf;font-size:11px}
/* Workflow */
.workflow-section{padding:115px 0 120px;border:0;background:#fff;color:#192d41}.workflow-title{margin-bottom:48px}.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.step-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:290px;padding:28px;border:1px solid #dfe6e9;border-radius:14px;background:#fbfcfd;transition:transform .25s ease,border-color .25s ease}.step-card:hover{transform:translateY(-3px);border-color:#c6ae8a}.step-card>span:first-child{color:#a48154;font-size:11px;font-weight:800}.step-pictogram{display:grid;place-items:center;width:62px;height:62px;margin:32px 0 23px;border-radius:17px;background:#edf2f5;color:#38556a;font-size:32px;line-height:1}.step-card h3{margin:0 0 9px;color:#1c3449;font-size:20px;font-weight:760;letter-spacing:-.05em}.step-card p{margin:0;color:#788998;font-size:12px;line-height:1.7}
/* Court region tiles */
.coverage-section{padding:117px 0 122px;background:#eff2f1}.coverage-intro{max-width:750px;margin:0 auto 43px;text-align:center}.coverage-intro>p:last-child{max-width:560px;margin:23px auto 0;color:#788691;font-size:14px;line-height:1.75}.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.region-card{position:relative;overflow:hidden;min-height:337px;padding:29px;border:1px solid #dfe6e8;border-radius:17px;background:#fbfcfc;transition:transform .25s ease,box-shadow .25s ease}.region-card:hover{transform:translateY(-4px);box-shadow:0 20px 35px rgba(23,48,61,.08)}.region-number{display:flex;justify-content:space-between;color:#a78756;font-size:10px;font-weight:800}.region-number span{color:#7791a3;font-size:19px}.region-monogram{position:absolute;top:8px;right:12px;color:#eff2f0;font-size:220px;font-weight:850;line-height:1;pointer-events:none}.region-card h3{position:relative;margin:111px 0 8px;color:#233d51;font-size:25px;font-weight:760}.region-card p{position:relative;max-width:290px;margin:0;color:#788895;font-size:12px;line-height:1.7}.region-label{position:relative;display:block;margin-top:26px;color:#b18a58;font-size:10px;font-weight:820;letter-spacing:.14em}.coverage-disclaimer{max-width:820px;margin:26px auto 0;color:#84909b;font-size:11px;text-align:center;line-height:1.8}
/* Plans */
.plans-section{padding:120px 0 113px;background:#0b1c2e;border:0;color:#fff}.plans-header{max-width:800px;margin:0 auto;text-align:center}.plans-header .eyebrow{color:#d6ac71}.plans-header h2{color:#fff}.plans-header h2 em{color:#d8b57e}.plans-header>p:last-child{max-width:550px;margin:22px auto 0;color:#acbbca;font-size:14px}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch;margin-top:60px}.plan-card{position:relative;display:flex;flex-direction:column;min-height:400px;padding:30px 24px 23px;border:1px solid rgba(215,231,242,.15);border-radius:15px;background:#11283d;transition:transform .25s ease,border-color .25s ease}.plan-card:hover{transform:translateY(-4px);border-color:rgba(231,190,125,.7);box-shadow:0 24px 40px rgba(1,8,17,.25)}.plan-card>p{margin:0;color:#92aabf;font-size:9px;font-weight:790;letter-spacing:.11em}.plan-card h3{margin:22px 0 13px;color:#fff;font-size:26px;font-weight:760;letter-spacing:-.05em}.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-height:auto;margin:0 0 20px}.plan-price b{color:#fff;font-size:27px;font-weight:790;line-height:1.25;letter-spacing:-.055em}.plan-price span{color:#9cb0be;font-size:11px}.plan-divider{height:1px;background:rgba(225,235,241,.15)}.plan-card ul{min-height:146px;margin:23px 0 22px;padding:0;list-style:none;color:#c3d0dc;font-size:12px}.plan-card li{padding:10px 0;border:0;line-height:1.45}.plan-card li::before{margin-right:9px;color:#dcb87c;content:'✓'}.plan-card .button{display:flex;justify-content:space-between;gap:10px;min-height:47px;width:100%;margin-top:auto;padding:10px 14px;font-size:11px}.plan-card .button-secondary{border-color:#37526a;background:#172f44;color:#fff}.plan-card .button-primary{border-color:#e9c992;background:#ecd19c;color:#15273b}.plan-card.featured{border-color:rgba(243,208,153,.75);background:linear-gradient(145deg,#1a3a55,#122d45);box-shadow:0 30px 55px rgba(2,10,19,.25)}.plan-card.featured h3,.plan-card.featured .plan-price b{color:#f6ddb0}.plan-badge{position:absolute;top:-15px;right:21px;padding:7px 12px;border:1px solid #ddbd85;border-radius:5px;background:#edcd98;color:#172638;font-size:9px;font-weight:820;letter-spacing:.07em}.plan-note{margin-top:24px;color:#98aebe;font-size:11px;text-align:center;line-height:1.7}.plan-note a{color:#e2be89;text-decoration:underline;text-underline-offset:3px}
/* Journal */
.articles-section{padding:112px 0;background:#f7f8f7}.articles-section .section-header{align-items:end}.dark-link{color:#a57a48}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:43px}.article-card{min-height:245px;padding:28px;border:1px solid #e0e6e8;border-radius:15px;background:#fff;box-shadow:none;transition:transform .24s ease,border-color .24s ease}.article-card:hover{transform:translateY(-3px);border-color:#d5b589}.article-card time{color:#b58b54;font-size:10px;letter-spacing:.1em;font-weight:760}.article-card h3{margin:20px 0 12px;color:#233c50;font-size:22px;font-weight:760;line-height:1.2}.article-card p{margin:0;color:#7c8997;font-size:12px;line-height:1.7}.article-card a{display:inline-block;margin-top:20px;color:#9a7546;font-size:12px;font-weight:760}.article-loading{color:#82929f;font-size:13px}
/* FAQ */
.faq-section{padding:100px 0 118px;border:0;background:#fff}.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(45px,8vw,120px)}.faq-copy .eyebrow{color:#a68050}.faq-copy>p:not(.eyebrow){max-width:340px;margin:20px 0 0;color:#7d8b96;font-size:14px;line-height:1.8}.faq-list{border-top:1px solid #d9e1e5}.faq-list details{border:0;border-bottom:1px solid #d9e1e5}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:75px;padding:10px 0;color:#203a4e;font-size:14px;font-weight:680;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #dce4e8;border-radius:50%;color:#ab885e;font-size:21px;font-weight:390;transition:transform .25s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:650px;margin:0;padding:0 48px 25px 0;color:#7c8b96;font-size:13px;line-height:1.75}.faq-list details p a{color:#986d38;text-decoration:underline}
/* final conversion */
.final-section{padding:35px 0 75px;background:#f7f8f7}.final-cta{position:relative;min-height:490px;overflow:hidden;border-radius:22px;background:#091b2e;color:#fff}.final-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}.final-cta::before{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(6,22,39,.96),rgba(6,22,39,.88) 30%,rgba(6,22,39,.27) 90%);content:""}.final-cta-copy{position:relative;z-index:2;max-width:780px;padding:78px 70px}.final-cta .eyebrow{color:#e5be83}.final-cta h2{margin:0;color:#fff;font-size:clamp(46px,5.1vw,70px);font-weight:780;line-height:1.05}.final-cta h2 em{color:#dfbe8b}.final-cta p:not(.eyebrow){margin:21px 0 27px;color:#c9d3db;font-size:14px}.tutorial-section{padding:24px 0 0}.tutorial-disclosure{border:1px solid #dfe6e8;border-radius:12px;background:#fff}.tutorial-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 26px;cursor:pointer}.tutorial-disclosure summary b{display:block;color:#233b50;font:750 17px/1.3 var(--font-body)}.tutorial-disclosure summary small{display:block;margin-top:3px;color:#8795a2;font-size:12px}.play-control{color:#a67d47;font-size:12px;font-weight:750}.tutorial-frame{padding:0 22px 22px}.tutorial-frame video{display:block;max-width:100%;margin:auto;background:#081727}
/* Footer */
.footer{padding:78px 0 0;border:0;background:#051321;color:#acbbc9}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.15fr;gap:50px}.footer .brand strong{color:#fff}.footer .brand small{color:#d4ab75}.footer-first p{max-width:330px;margin:22px 0 0;color:#8296a8;font-size:13px;line-height:1.8}.footer h2{margin:5px 0 21px;color:#cfae7b;font-size:10px;font-weight:800;letter-spacing:.15em}.footer-grid>div:not(:first-child) a{display:block;margin:0 0 13px;color:#afbecc;font-size:12px}.footer-grid>div:not(:first-child) a:hover{color:#f1d1a0}.footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:69px;padding:25px 0;border-top:1px solid rgba(226,239,247,.11);color:#738899;font-size:11px}
/* Progressive enhancement animations */
.reveal{transition:opacity .68s ease,transform .68s cubic-bezier(.18,.76,.2,1)}.reveal.will-reveal{opacity:0;transform:translateY(24px)}.reveal.will-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1200px){.nav-links{gap:14px}.app-frame{grid-template-columns:180px minmax(0,1fr)}.app-main{padding:22px}.app-sidebar{padding-inline:9px}.hero-inner{min-height:660px}.hero{min-height:660px}.hero h1{font-size:clamp(53px,6.5vw,82px)}.editorial-copy{padding:65px 50px}}
@media(max-width:960px){.shell{width:calc(100% - 52px)}.nav{height:74px;min-height:74px}.nav-links{gap:12px;font-size:10px}.nav-cta{padding:8px 10px;font-size:10px}.nav-links .nav-login{margin-left:0}.hero-inner,.hero{min-height:650px}.hero-content{width:min(650px,90%)}.hero h1{font-size:clamp(53px,7vw,70px)}.hero-overlay{background:linear-gradient(90deg,rgba(5,17,31,.96),rgba(5,17,31,.83) 50%,rgba(5,17,31,.25)),linear-gradient(0deg,#081727 0%,transparent 60%)}.hero-caption{display:none}.app-frame{grid-template-columns:140px minmax(0,1fr)}.app-mini-brand{padding-inline:4px;font-size:9px}.side-option{font-size:9px;gap:5px;padding-inline:6px}.app-main{padding:17px}.app-toprow{padding:0 16px}.app-greeting h3{font-size:22px}.app-stats{gap:8px}.app-two-col{grid-template-columns:1fr 220px;gap:8px}.cases-panel,.calendar-panel{padding:12px}.feature-bento{grid-template-rows:auto}.bento-card{padding:28px}.sync-visual{width:55%}.editorial-copy{padding:70px 40px}.step-card{padding:19px}.plan-grid{grid-template-columns:repeat(2,1fr)}.plan-card{min-height:370px}.footer-grid{gap:25px;grid-template-columns:1.6fr 1fr 1fr}.footer-first{grid-column:1/-1}.region-card{padding:20px}}
@media(max-width:790px){.menu-toggle{display:flex;order:3}.nav-links{position:absolute;top:73px;left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:14px 26px 22px;border-top:1px solid rgba(255,255,255,.13);background:#081c2e;box-shadow:0 20px 26px rgba(4,13,24,.23)}.nav-links.is-open{display:flex}.nav-links>a{padding:12px 6px;font-size:13px}.nav-links .nav-cta{justify-content:center;margin-top:9px;padding:13px}.nav-links .nav-login{margin-top:9px;border-top:1px solid #1b3550}.hero,.hero-inner{min-height:630px}.hero-inner{padding-top:85px;padding-bottom:125px}.hero-content{width:100%}.hero h1{font-size:clamp(48px,8vw,74px)}.hero-description{max-width:500px;font-size:15px}.hero-background{object-position:64% center}.hero-overlay{background:linear-gradient(90deg,rgba(5,17,31,.97),rgba(5,17,31,.84) 62%,rgba(5,17,31,.42)),linear-gradient(0deg,#081727 0%,transparent 65%)}.product-window{overflow:hidden}.app-frame{grid-template-columns:110px minmax(0,1fr);min-width:650px}.app-sidebar{padding:10px 6px}.app-mini-brand{font-size:8px}.app-main{padding:16px}.app-toprow{height:45px}.product-window{overflow-x:auto}.product-section-heading,.section-header{align-items:flex-start;flex-direction:column;gap:22px}.product-section-heading{margin-top:76px}.product-section-heading>p{max-width:530px}.features-section{padding:78px 0}.feature-bento{grid-template-columns:1fr}.bento-card{min-height:360px}.bento-reminder{min-height:380px}.bento-large{min-height:450px}.bento-card h3{font-size:37px}.editorial-section{grid-template-columns:1fr}.editorial-image{min-height:350px}.editorial-copy{padding:65px 7%}.workflow-section{padding:80px 0}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage-section{padding:80px 0}.region-grid{grid-template-columns:1fr}.region-card{min-height:260px;padding:27px}.region-monogram{font-size:185px}.region-card h3{margin-top:58px}.faq-section{padding:78px 0}.faq-layout{grid-template-columns:1fr;gap:38px}.plans-section{padding:85px 0}.articles-section{padding:76px 0}.article-grid{grid-template-columns:1fr 1fr}.final-cta-copy{padding:75px 37px}.footer{padding-top:65px}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-first{grid-column:1/-1}}
@media(max-width:560px){.shell{width:calc(100% - 34px)}.nav{height:67px;min-height:67px}.nav-links{top:67px}.brand img{width:39px;height:39px}.brand strong{font-size:14px}.brand small{font-size:7px}.hero,.hero-inner{min-height:640px}.hero-inner{padding-top:64px;padding-bottom:110px}.hero h1{font-size:clamp(46px,11.5vw,61px);line-height:1.06}.hero-pill{font-size:8px;letter-spacing:.07em;gap:6px;max-width:100%;white-space:normal}.pill-star{margin-inline:0}.hero-description{font-size:14px;line-height:1.75;margin:25px 0}.hero-actions{align-items:stretch;flex-direction:column;max-width:340px}.hero-actions .button{justify-content:space-between;width:100%;font-size:12px}.hero-trust{gap:9px 16px;margin-top:19px;font-size:10px}.hero-background{object-position:67% center}.hero-overlay{background:linear-gradient(90deg,rgba(5,17,31,.98) 0%,rgba(5,17,31,.90) 76%,rgba(5,17,31,.66)),linear-gradient(0deg,#081727 0%,transparent 70%)}.product-section{margin-top:-43px;background:linear-gradient(180deg,transparent 0 43px,#f7f8f7 43px 100%);padding-bottom:78px}.showcase-overline{font-size:8px}.product-window{border-radius:11px}.browser-bar{height:39px;padding:0 12px}.browser-url{font-size:8px}.app-frame{min-width:620px;min-height:455px}.app-main{padding:13px}.app-greeting h3{font-size:21px}.product-disclaimer{font-size:10px}.product-section-heading{margin:59px 0 27px}.product-section-heading h2,.section-header h2,.coverage-intro h2,.plans-header h2,.faq-copy h2{font-size:clamp(37px,10vw,50px)}.product-benefits{grid-template-columns:1fr;gap:0}.product-benefits>div,.product-benefits>div+div{min-height:auto;padding:14px 0 18px;border-left:0}.product-benefits>div+div{border-top:1px solid #dce2e5}.benefit-number{margin-bottom:6px}.features-section{padding:68px 0 75px}.bento-card{padding:25px 22px;border-radius:13px}.bento-card h3{font-size:34px}.bento-card p{font-size:12px}.bento-large{min-height:440px}.bento-sync{min-height:410px}.sync-visual{right:15px;bottom:18px;width:60%;min-height:165px}.editorial-image{min-height:300px}.image-stamp{left:25px;bottom:23px;font-size:8px}.editorial-copy h2{font-size:58px}.editorial-copy{padding:67px 26px}.editorial-footnote{margin-top:35px}.workflow-section{padding:70px 0}.step-grid{gap:10px}.step-card{min-height:246px;padding:20px 15px}.step-card h3{font-size:16px}.step-card p{font-size:11px}.step-pictogram{width:51px;height:51px;margin:27px 0 22px}.region-card h3{font-size:25px}.plan-grid{grid-template-columns:1fr;gap:19px;margin-top:43px}.plan-card{min-height:345px;padding:27px}.plan-card ul{min-height:125px}.article-grid{grid-template-columns:1fr}.faq-list summary{font-size:12px}.final-cta{min-height:500px;border-radius:16px}.final-cta-copy{padding:70px 24px}.final-cta h2{font-size:clamp(39px,10vw,53px)}.final-cta::before{background:linear-gradient(90deg,rgba(6,22,39,.95),rgba(6,22,39,.7)),linear-gradient(0deg,#061627,transparent)}.tutorial-disclosure summary{padding:18px}.tutorial-disclosure summary b{font-size:14px}.tutorial-disclosure summary small{font-size:10px}.play-control{font-size:9px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-first{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:7px;margin-top:49px}.footer-grid>div:not(:first-child) a{font-size:11px}}
@media(max-width:380px){.hero h1{font-size:45px}.hero-pill{font-size:7px}.shell{width:calc(100% - 28px)}.bento-card{padding:20px}.bento-card h3{font-size:31px}.step-card{min-height:265px}.step-card h3{font-size:15px}.final-cta h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.will-reveal{opacity:1;transform:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}



/* ============= landing-refinement-v3.css ============= */
/* COURT CASE DIARY — V3 / editorial product polish & image-led membership */
:root{--refine-gold:#d9ad72;--refine-ink:#102639;--refine-paper:#f6f7f6}
::selection{background:#dfbc83;color:#071728}
html{scroll-behavior:smooth}
body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
.site-header{box-shadow:0 5px 24px rgba(2,11,21,.10)}
.nav-cta,.button{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,background .25s ease,border-color .25s ease}
.nav-cta:hover,.button:hover{transform:translateY(-2px)}
.hero-background{filter:saturate(.91) contrast(1.025)}
.hero h1{letter-spacing:-.075em}
.hero-description{font-size:clamp(15px,1.36vw,18px);max-width:560px}
.product-window{box-shadow:0 54px 105px rgba(8,24,41,.20),0 16px 42px rgba(8,24,41,.11);border-color:rgba(242,246,247,.7)}
.product-section-heading>p{font-size:16px}
.section-support{font-size:15px}
.features-section{background:linear-gradient(145deg,#f1f4f4,#eaf0f2 80%)}
.bento-card{border-radius:22px;box-shadow:0 1px 2px rgba(13,42,61,.025)}
.bento-card h3{line-height:1.13}
.bento-card p{font-size:14px}
.bento-large{background:linear-gradient(140deg,#fff,#faf6ed)}
.bento-reminder{background:radial-gradient(ellipse at 90% 85%,rgba(40,94,132,.45),transparent 52%),linear-gradient(145deg,#081a30,#142e49)}
.step-card{border-radius:18px;background:linear-gradient(155deg,#fff,#f8fafb);box-shadow:0 5px 20px rgba(24,48,64,.025)}
.step-card p{font-size:13px}
.step-pictogram{border:1px solid #dbe6ea;box-shadow:inset 0 1px rgba(255,255,255,.9),0 11px 20px rgba(30,57,75,.035)}
.step-card:hover .step-pictogram{background:#122d44;color:#f2d19b;border-color:#16344b}
.coverage-section{background:linear-gradient(180deg,#f4f5f3,#eef1ef)}
.region-grid{gap:19px}
.region-card{display:flex;flex-direction:column;min-height:414px;padding:0 27px 25px;border-radius:19px;background:#fff;box-shadow:0 15px 42px rgba(8,37,57,.045);isolation:isolate}
.region-art{position:relative;z-index:0;display:block;width:calc(100% + 54px);max-width:none;height:216px;object-fit:cover;object-position:center;margin:0 -27px 19px;border-radius:18px 18px 0 0}
.region-card::after{content:"";position:absolute;left:0;right:0;top:0;height:216px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(9,25,37,.29),transparent 60%,rgba(9,25,37,.05));pointer-events:none;z-index:1}
.region-number{position:absolute;left:20px;right:20px;top:19px;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:11px;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.region-number span{color:#fff}
.region-monogram{display:none}
.region-card h3{z-index:2;margin:3px 0 9px;font-size:27px;letter-spacing:-.065em}
.region-card p{font-size:13px;line-height:1.65}
.region-label{margin-top:auto;padding-top:21px;font-size:10px}
.coverage-disclaimer{margin-top:27px;font-size:11px}
/* Pricing is now a considered collection of four different visual product editions. */
.plans-section{position:relative;isolation:isolate;overflow:hidden;padding:129px 0 117px;background:radial-gradient(ellipse at 50% -15%,rgba(54,93,122,.36),transparent 50%),linear-gradient(160deg,#061522,#0d2437 60%,#081827);color:#fff}
.plans-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(187,203,219,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(187,203,219,.13) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(0deg,transparent,black 60%,transparent)}
.plans-header{position:relative;max-width:830px}
.plans-header h2{max-width:850px;font-size:clamp(45px,5vw,73px);line-height:1.05}
.plans-header h2 em{color:#e2b985}
.plans-header>p:last-child{font-size:16px;line-height:1.65;max-width:615px}
.plans-benefit-line{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:13px 29px;margin:28px 0 0;color:#cad5de;font-size:12px;font-weight:590}
.plans-benefit-line>span{display:inline-flex;align-items:center;gap:7px}
.plans-benefit-line>span>span{color:#d9ac74;font-size:13px}
.plan-grid{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;margin-top:53px}
.plan-card,.plan-card.featured{position:relative;display:flex;flex-direction:column;min-width:0;min-height:615px;padding:0;border-radius:19px;border:1px solid rgba(240,235,223,.62);background:#fdfcf9;color:#183044;box-shadow:0 15px 34px rgba(0,7,16,.12);overflow:hidden;transform:none;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease}
.plan-card:hover,.plan-card.featured:hover{transform:translateY(-8px);border-color:#efcc91;box-shadow:0 31px 65px rgba(1,8,18,.32)}
.plan-card[data-plan="solo"]{background:#f5f8f7;border-color:#d9e5e5}
.plan-card[data-plan="chamber"]{background:#f5f5f3;border-color:#d4dadb}
.plan-card.featured{background:linear-gradient(165deg,#193b57,#0c233a 72%);border-color:#e2b877;box-shadow:0 0 0 1px rgba(231,191,129,.18),0 25px 65px rgba(0,4,13,.34)}
.plan-art{position:relative;flex:none;height:182px;overflow:hidden;background:#d2c0a9;isolation:isolate}
.plan-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.18,.72,.23,1);filter:saturate(.96)}
.plan-card:hover .plan-art img{transform:scale(1.075)}
.plan-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.09),transparent 45%,rgba(0,0,0,.07));pointer-events:none}
.plan-art-num{position:absolute;top:17px;left:17px;z-index:1;padding:7px 11px;border:1px solid rgba(255,255,255,.38);border-radius:20px;background:rgba(7,25,41,.4);backdrop-filter:blur(7px);color:#fff;font-size:10px;font-weight:720;letter-spacing:.11em}
.plan-card-body{display:flex;flex:1;flex-direction:column;min-width:0;padding:23px 23px 23px}
.plan-card-body>p:first-child{margin:0;color:#98784e;font-size:10px;font-weight:790;letter-spacing:.10em;text-transform:uppercase}
.plan-card h3,.plan-card.featured h3{margin:10px 0 0;color:#132c41;font-size:clamp(26px,2.3vw,32px);font-weight:810;line-height:1.14;letter-spacing:-.064em}
.plan-tagline{min-height:37px;margin:8px 0 14px;color:#72818c;font-size:12px;line-height:1.55}
.plan-card .plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:0 0 20px;min-height:41px}
.plan-card .plan-price b{color:#132d42;font-size:clamp(24px,2.1vw,29px);font-weight:800;line-height:1.25;letter-spacing:-.06em}
.plan-card .plan-price span{color:#7c8e98;font-size:11px}
.plan-divider{background:#dfe6e7}
.plan-card ul{min-height:142px;margin:13px 0 14px;padding:0;color:#3b5365;font-size:12px}
.plan-card li{position:relative;padding:9px 0 9px 22px;line-height:1.5}
.plan-card li::before{position:absolute;left:0;top:9px;margin:0;color:#9b7951;font-size:14px;content:'✓'}
.plan-card .button{justify-content:space-between;min-height:48px;margin-top:auto;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:760}
.plan-card .button-secondary{border:1px solid #bed0d3;background:#ecf1f1;color:#17354a}
.plan-card .button-secondary:hover{border-color:#aa8358;background:#f1e6d4}
.plan-card .button-primary{border:1px solid #e7ba78;background:linear-gradient(110deg,#f3dba9,#dfb779);color:#10273a}
.plan-card .button-primary:hover{background:#fce4b3}
.plan-card.featured .plan-card-body>p:first-child{color:#e0bd86}
.plan-card.featured .plan-card-body h3,.plan-card.featured .plan-price b{color:#fbf8f1}
.plan-card.featured .plan-tagline,.plan-card.featured .plan-price span{color:#b5c9d8}
.plan-card.featured .plan-divider{background:rgba(228,235,242,.2)}
.plan-card.featured ul{color:#d4e0e7}
.plan-card.featured li::before{color:#e6bc7d}
.plan-badge{z-index:4;position:absolute;top:15px;right:13px;left:auto;padding:7px 11px;border:1px solid rgba(247,215,158,.8);border-radius:30px;background:#edca8d;color:#142c3e;box-shadow:0 5px 16px rgba(13,18,23,.18);font-size:9px;font-weight:820;letter-spacing:.045em}
.plan-note{position:relative;margin-top:29px;color:#b1c2d0;font-size:12px}
.plan-note a{color:#f2d5a3}
/* Editorial closing polish */
.article-card{border-radius:18px;box-shadow:0 8px 25px rgba(17,48,63,.03)}
.faq-list details{transition:background .25s ease}
.faq-list details[open]{background:rgba(207,222,228,.10)}
.final-cta{border:1px solid rgba(217,186,129,.23);box-shadow:0 27px 68px rgba(9,34,53,.12)}
.footer{background:#071827}
@media(max-width:1160px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin-left:auto;margin-right:auto;gap:19px}.plan-card,.plan-card.featured{min-height:605px}.plan-art{height:228px}.plan-card h3{font-size:31px}.plan-card-body{padding:25px 30px}.plan-card ul{min-height:120px}}
@media(max-width:790px){.plans-section{padding:100px 0 100px}.region-grid{grid-template-columns:1fr 1fr}.region-card{min-height:402px}.region-art{height:205px}.region-card::after{height:205px}}
@media(max-width:650px){.plans-section{padding:82px 0 85px}.plans-header h2{font-size:clamp(37px,10vw,52px)}.plans-header>p:last-child{font-size:14px}.plans-benefit-line{gap:9px 17px;font-size:10.5px}.plan-grid{grid-template-columns:1fr;max-width:480px;gap:19px;margin-top:40px}.plan-card,.plan-card.featured{min-height:0}.plan-art{height:200px}.plan-card-body{padding:25px}.plan-card h3{font-size:31px}.plan-tagline{min-height:0;margin-bottom:20px}.plan-card ul{min-height:0;padding-bottom:18px}.region-grid{grid-template-columns:1fr}.region-card{min-height:405px}.region-art{height:220px}.region-card::after{height:220px}.region-card h3{font-size:27px}.bento-card{border-radius:18px}.step-card{border-radius:15px}}
@media(max-width:380px){.plan-art{height:177px}.plan-card-body{padding:21px}.plan-badge{font-size:8px;right:9px;top:12px}.plan-art-num{left:10px;top:12px}}
@media(prefers-reduced-motion:reduce){.plan-card,.plan-card.featured,.plan-art img{transition:none!important}.plan-card:hover,.plan-card.featured:hover,.plan-card:hover .plan-art img{transform:none!important}}



/* ============= landing-photo-v4.css ============= */
/* V4 — Photography-first, editorial-grade legal technology landing page */
:root{--v4-gold:#d7b584;--v4-blue:#091b2b;--v4-surface:#f6f7f5}
body{font-feature-settings:"kern" 1,"liga" 1;letter-spacing:-.018em}
.site-header{background:rgba(5,18,32,.94);border-bottom:1px solid rgba(255,255,255,.12)}
.nav-links>a:not(.nav-cta):hover{color:#f0cca1}
.button,.nav-cta{box-shadow:0 8px 20px rgba(8,21,36,.12)}
.button-primary{background:linear-gradient(145deg,#f4daaa,#d6aa6a);border:1px solid #e3be84}
.hero-background{filter:brightness(.92) saturate(.90) contrast(1.04)}
.hero-overlay{background:linear-gradient(90deg,rgba(4,14,28,.96) 0%,rgba(4,14,28,.9) 22%,rgba(4,14,28,.67) 46%,rgba(4,14,28,.06) 88%),linear-gradient(0deg,#071729 0%,transparent 47%)}
.hero h1{letter-spacing:-.075em;text-shadow:0 5px 24px rgba(0,0,0,.14)}
.product-window{border-radius:18px;border:1px solid rgba(235,238,239,.82);box-shadow:0 39px 90px rgba(1,16,30,.20)}
.features-section{background:#f0f3f3}
.bento-card{border-color:#dce3e5;border-radius:18px}
.editorial-image img{object-position:center;filter:saturate(.82) contrast(1.06)}
.editorial-image::after{background:linear-gradient(0deg,rgba(7,21,32,.62),rgba(7,21,32,.03) 58%)}
.editorial-section{min-height:545px}
.editorial-image{min-height:545px}
.v4-photo-story{display:grid;grid-template-columns:1.04fr .96fr;background:#0a1c2d;color:#f4f6f6;min-height:450px}
.v4-story-photo{position:relative;min-height:450px;overflow:hidden;background:#16334b}
.v4-story-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(7,22,36,.24));pointer-events:none}
.v4-story-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.08)}
.v4-story-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px clamp(35px,6vw,110px)}
.v4-story-kicker{font-size:10px;letter-spacing:.17em;font-weight:750;color:#d7b17c}
.v4-story-copy h2{margin:16px 0;max-width:590px;font-size:clamp(35px,3.7vw,56px);letter-spacing:-.065em;line-height:1.08;color:#fff}
.v4-story-copy>p:not(.v4-story-kicker){max-width:480px;color:#b8c6d0;font-size:15px;line-height:1.82}
.v4-story-link{margin-top:23px;color:#e8c18c;font-weight:760;font-size:13px;border-bottom:1px solid rgba(232,193,140,.5);padding-bottom:7px}
.coverage-section{background:#f1f3f2}
.region-card{border:1px solid #e0e5e5;border-radius:18px;box-shadow:0 15px 44px rgba(16,31,42,.065);transition:transform .25s ease,box-shadow .25s ease}
.region-card:hover{box-shadow:0 26px 57px rgba(11,30,44,.13)}
.region-art{filter:contrast(1.04) saturate(.91);height:219px}
.region-card::after{height:219px;background:linear-gradient(180deg,rgba(6,15,26,.22),transparent 50%,rgba(5,20,34,.18))}
.v4-photo-credits{margin:23px auto 0;max-width:1000px;text-align:center;font-size:10px;color:#8a98a2;line-height:1.65}
.v4-photo-credits a{text-decoration:underline;text-decoration-color:#bcc6cb;text-underline-offset:3px}
.plans-section{padding:128px 0 115px;background:radial-gradient(ellipse at 50% -13%,rgba(69,92,113,.25),transparent 49%),#071a2a}
.plan-grid{gap:18px;max-width:1280px}
.plan-card,.plan-card.featured{border-radius:17px;background:#fcfcfb;border-color:rgba(255,255,255,.20);box-shadow:0 22px 52px rgba(0,6,15,.22)}
.plan-card.featured{background:linear-gradient(161deg,#173247,#091b2c 80%);border-color:#dcb780}
.plan-art{height:205px;background:#223747;overflow:hidden}
.plan-art img{object-position:center;filter:saturate(.82) contrast(1.08);transition:transform .65s ease,filter .5s ease}
.plan-card:hover .plan-art img{filter:saturate(.91) contrast(1.1)}
.plan-art::after{background:linear-gradient(180deg,rgba(4,18,31,.13),transparent 50%,rgba(4,18,31,.28))}
.plan-art-num{background:rgba(7,20,32,.55);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(12px)}
.plan-card-body{padding:25px 23px 24px}
.plan-card h3,.plan-card.featured h3{letter-spacing:-.058em}
.plan-card .button{border-radius:9px;box-shadow:none}
.plan-card .button-primary{background:linear-gradient(110deg,#f3daac,#d8ad70);color:#15293d}
.plan-note{color:#b9c9d2}
.final-cta>img{filter:saturate(.8) contrast(1.08)}
@media(max-width:1160px){.plan-grid{max-width:900px}.plan-art{height:215px}}
@media(max-width:850px){.v4-photo-story{grid-template-columns:1fr}.v4-story-photo{min-height:300px}.v4-story-copy{padding:51px 40px 59px}.v4-story-copy h2{font-size:42px}}
@media(max-width:650px){.region-art{height:207px}.region-card::after{height:207px}.plan-art{height:194px}.v4-story-photo{min-height:245px}.v4-story-copy{padding:44px 27px 52px}.v4-story-copy h2{font-size:36px}.v4-story-copy>p:not(.v4-story-kicker){font-size:14px}.plans-section{padding:84px 0}}
@media(prefers-reduced-motion:reduce){.plan-art img,.region-card{transition:none!important}}



/* V6 / Product-first WhatsApp reminder experience */
.editorial-whatsapp {min-height:590px; background:#081d32;}
.editorial-whatsapp .editorial-image {background:#0a2236; min-height:590px;}
.editorial-whatsapp .editorial-image img {filter:saturate(.9) contrast(1.02);object-position:center 45%;}
.editorial-whatsapp .editorial-image::after {background:linear-gradient(180deg,rgba(7,21,35,.1),rgba(7,21,35,.04) 57%,rgba(7,21,35,.7));}
.editorial-whatsapp .image-stamp {z-index:2;bottom:30px;left:31px;letter-spacing:.12em;font-size:10px;}
.editorial-sample-note {position:absolute;z-index:3;right:24px;bottom:24px;color:#f1ecdf;font-size:9px;max-width:230px;text-align:right;text-shadow:0 2px 6px #000;}
.editorial-whatsapp .editorial-copy {display:flex;flex-direction:column;justify-content:center;min-height:590px;padding:68px clamp(34px,6.4vw,106px);}
.editorial-whatsapp .editorial-copy h2 {font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:720;font-size:clamp(43px,4.4vw,75px);line-height:1.09;letter-spacing:-.055em;}
.editorial-whatsapp .editorial-copy h2 em {display:inline-block;font-style:normal;color:#f4c981;}
.editorial-whatsapp .editorial-copy>p:not(.eyebrow) {max-width:520px;font-size:15px;line-height:1.8;color:#c8d3df;}
.editorial-whatsapp .editorial-copy .button {align-self:flex-start;}
.editorial-whatsapp .editorial-footnote{color:#b3c0ce;}
.bento-reminder {scroll-margin-top:100px;overflow:hidden;min-height:510px!important;background:radial-gradient(circle at 100% 0%,#1c4859,#0a2237 64%,#09192b)!important;}
.bento-reminder h3{font-size:clamp(31px,2.9vw,44px);}
.bento-reminder>p {max-width:420px;margin-bottom:22px!important;}
.wa-demo{position:relative;z-index:3;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#f5f8f5;box-shadow:0 17px 40px rgba(0,7,14,.3);overflow:hidden;max-width:430px;color:#18352c;margin-top:12px;}
.wa-demo-header{display:flex;gap:9px;align-items:center;padding:11px 14px;background:#e9f4ee;border-bottom:1px solid #c8d9ce;}
.wa-demo-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#25D366;color:white;flex:none;}.wa-demo-mark svg{display:block;width:20px;height:20px;fill:currentColor;}
.wa-demo-header>span:nth-child(2){display:flex;flex-direction:column;min-width:0;}
.wa-demo-header strong{font-size:12px;line-height:1.25;color:#0f2c24;}
.wa-demo-header small{font-size:9px;color:#627d70;}
.wa-demo-time{margin-left:auto;white-space:nowrap;font-size:9px;color:#697d74;}
.wa-demo-chat{margin:13px 30px 13px 13px;padding:14px 15px;background:#fff;border-radius:9px 9px 9px 0;box-shadow:0 2px 5px #173e2c18;}
.wa-demo-label{display:block;margin-bottom:8px;color:#6e8879;font-size:9px;font-weight:850;letter-spacing:.09em;}
.wa-demo-chat>strong{display:block;color:#0d3627;font-size:13px;}
.wa-demo-chat p{font-size:11px!important;line-height:1.8!important;color:#28463a!important;margin:8px 0 7px!important;}
.wa-demo-chat p b{color:#0f2a20;}
.wa-demo-signoff{font-size:10px;color:#456453;display:flex;justify-content:space-between;gap:8px;}
.wa-demo-signoff span{color:#2b98aa;}
.wa-demo-disclaimer{position:relative;z-index:2;display:block;margin-top:11px;color:#bfd0d8;font-size:10px;line-height:1.5;max-width:440px;}
@media (max-width:1100px){.editorial-whatsapp .editorial-copy{padding:56px 38px;}.editorial-whatsapp .editorial-copy h2{font-size:clamp(39px,5vw,61px);}.editorial-whatsapp .editorial-image img{object-position:45% center;}}
@media (max-width:790px){.editorial-whatsapp .editorial-image{min-height:440px;}.editorial-whatsapp .editorial-copy{min-height:unset;padding:65px 7%;}.editorial-whatsapp .editorial-copy h2{font-size:clamp(42px,7vw,62px);}}
@media (max-width:560px){.editorial-whatsapp .editorial-image{min-height:360px;}.editorial-whatsapp .editorial-image img{object-position:center 42%;}.editorial-whatsapp .editorial-copy{padding:56px 25px 61px;}.editorial-whatsapp .editorial-copy h2{font-size:clamp(39px,11vw,57px);}.editorial-whatsapp .editorial-copy>p:not(.eyebrow){font-size:13px;}.editorial-sample-note{max-width:170px;right:11px;bottom:8px;font-size:8px}.editorial-whatsapp .image-stamp{left:13px;bottom:15px;max-width:55%;font-size:8px;}.bento-reminder{min-height:590px!important;}.wa-demo-chat{margin:12px;}.wa-demo-header{padding:10px;}.wa-demo-header strong{font-size:11px;}.wa-demo-chat p{font-size:10px!important;}.wa-demo-time{font-size:8px;}}


.editorial-image .actual-dashboard-shot{object-fit:contain!important;object-position:center;background:#eef3f7;padding:22px;}@media(max-width:680px){.editorial-image .actual-dashboard-shot{padding:14px;}}


/* The supplied application screenshot is presented inside a hardware-style phone frame. */
.editorial-whatsapp .dashboard-phone-frame{position:absolute;z-index:1;top:50%;left:50%;width:min(52%,292px);aspect-ratio:393/676;padding:8px;border:4px solid #101820;border-radius:38px;background:#101820;box-shadow:0 24px 48px rgba(0,0,0,.45);transform:translate(-50%,-50%) rotate(-3deg);overflow:hidden;}
.editorial-whatsapp .dashboard-phone-frame::before{position:absolute;z-index:2;top:7px;left:50%;width:72px;height:17px;border-radius:0 0 12px 12px;background:#101820;content:"";transform:translateX(-50%);}
.editorial-whatsapp .dashboard-phone-frame .actual-dashboard-shot{position:relative!important;inset:auto!important;display:block;width:100%!important;height:100%!important;padding:0!important;border-radius:27px!important;background:transparent!important;object-fit:cover!important;object-position:center!important;filter:none!important;}
@media(max-width:790px){.editorial-whatsapp .dashboard-phone-frame{width:min(54%,252px);}}
@media(max-width:560px){.editorial-whatsapp .dashboard-phone-frame{width:min(57%,205px);border-radius:29px;padding:6px;border-width:3px;}.editorial-whatsapp .dashboard-phone-frame::before{top:5px;width:53px;height:12px;border-radius:0 0 8px 8px;}.editorial-whatsapp .dashboard-phone-frame .actual-dashboard-shot{border-radius:20px!important;}}

/* Preserve the supplied reminder scene and replace only its phone display. */
.editorial-whatsapp .editorial-background-art{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;padding:0!important;border-radius:0!important;background:transparent!important;object-fit:cover!important;object-position:center 45%!important;filter:saturate(.9) contrast(1.02)!important;}
.editorial-whatsapp .dashboard-screen-inset{position:absolute;z-index:1;top:14.8%;left:6.1%;width:28.8%;height:74.2%;overflow:hidden;border-radius:20px 19px 24px 25px;transform:rotate(-4.3deg) skewY(-.5deg);transform-origin:center;}
.editorial-whatsapp .dashboard-screen-inset img{position:relative!important;inset:auto!important;display:block;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;object-fit:cover!important;object-position:center!important;filter:none!important;}
@media(max-width:560px){.editorial-whatsapp .dashboard-screen-inset{border-radius:13px 13px 16px 16px;}}
/* Fit the real dashboard precisely inside the screen of the supplied phone artwork. */
.editorial-whatsapp .dashboard-screen-inset{
  top:13%;
  left:6.25%;
  width:35.2%;
  height:77%;
  border-radius:0;
  transform:none;
  clip-path:polygon(0 1.5%,81% 0,100% 96.5%,19% 100%);
}
.editorial-whatsapp .dashboard-screen-inset img{
  object-fit:cover!important;
  object-position:center top!important;
}
@media(max-width:560px){
  .editorial-whatsapp .dashboard-screen-inset{border-radius:0;}
}
/* Map the replacement display to the original phone's actual glass area. */
@media (min-width:791px){
  .editorial-whatsapp .dashboard-screen-inset{
    top:14.7%;
    left:calc(50% - 277px);
    width:220px;
    height:72.5%;
    clip-path:polygon(0 1.8%,77.5% 0,100% 96.8%,16.5% 100%);
  }
}
@media (max-width:560px){
  .editorial-whatsapp .dashboard-screen-inset{
    top:14.7%;
    left:calc(50% - 169px);
    width:134px;
    height:72.5%;
    clip-path:polygon(0 1.8%,77.5% 0,100% 96.8%,16.5% 100%);
  }
}
/* Keep the complete dashboard visible within the narrower, angled display. */
.editorial-whatsapp .dashboard-screen-inset img{object-fit:fill!important;}
/* The original glass widens just below the top edge; retain the dashboard's full header and action. */
.editorial-whatsapp .dashboard-screen-inset{clip-path:polygon(0 1.8%,88% 0,100% 96.8%,16.5% 100%);}
/* Rounded mask keeps the replacement image inside the angled phone glass. */
.editorial-whatsapp .dashboard-screen-inset{
  top:12.9%;
  left:11%;
  width:31.25%;
  height:75.3%;
  clip-path:none;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200' preserveAspectRatio='none'%3E%3Cpath d='M1 4 Q1 1 5 1 L81 0 Q85 0 85 4 L100 193 Q100 198 96 198 L15 200 Q12 200 12 196 Z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200' preserveAspectRatio='none'%3E%3Cpath d='M1 4 Q1 1 5 1 L81 0 Q85 0 85 4 L100 193 Q100 198 96 198 L15 200 Q12 200 12 196 Z' fill='white'/%3E%3C/svg%3E");
  mask-size:100% 100%;
  mask-repeat:no-repeat;
}
@media(max-width:560px){
  .editorial-whatsapp .dashboard-screen-inset{
    top:13.55%;
    left:5.4%;
    width:34.1%;
    height:74.6%;
  }
}
/* Present the supplied premium phone scene as one complete image. */
.editorial-whatsapp .editorial-image{
  background-color:#07152c;
  background-image:linear-gradient(90deg,rgba(7,21,44,.2),rgba(7,21,44,.5)),url('./assets/court-case-diary-premium-legal-office.png');
  background-position:center;
  background-size:cover;
}
.editorial-whatsapp .editorial-image::after{background:linear-gradient(180deg,rgba(7,21,35,.04),rgba(7,21,35,.04) 65%,rgba(7,21,35,.35));}
.editorial-whatsapp .editorial-background-art{
  z-index:1;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
}
.editorial-whatsapp .dashboard-screen-inset{display:none!important;}
/* Fill the wide panel softly while keeping the supplied portrait phone image whole. */
.editorial-whatsapp .editorial-image{
  background-color:#07152c;
  background-image:none;
}
.editorial-whatsapp .editorial-image::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-18px;
  background-image:url('./assets/court-case-diary-premium-legal-office.png');
  background-size:cover;
  background-position:center;
  filter:blur(18px) brightness(.52);
  transform:scale(1.04);
}
.editorial-whatsapp .editorial-image::after{z-index:2;}
.editorial-whatsapp .image-stamp,.editorial-whatsapp .editorial-sample-note{z-index:3;}
/* Keep the original wide reminder scene and swap the phone artwork on mobile only. */
.editorial-whatsapp .editorial-image{background:#0a2236;background-image:none;}
.editorial-whatsapp .editorial-image::before{display:none;}
.editorial-whatsapp .editorial-background-art{
  object-fit:cover!important;
  object-position:center 45%!important;
  filter:saturate(.9) contrast(1.02)!important;
}
.editorial-whatsapp .dashboard-screen-inset{display:block!important;}
.editorial-whatsapp .mobile-phone-replacement{display:none!important;}
@media(max-width:560px){
  .editorial-whatsapp .dashboard-screen-inset{display:none!important;}
  .editorial-whatsapp .mobile-phone-replacement{
    display:block!important;
    position:absolute;
    z-index:1;
    top:29px;
    left:-8px;
    width:190px!important;
    height:330px!important;
    object-fit:fill!important;
    filter:none!important;
    clip-path:none;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M14 8 Q14 2 23 2 L84 2 Q92 2 93 9 L100 90 Q101 97 92 98 L23 100 Q14 100 14 91 Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M14 8 Q14 2 23 2 L84 2 Q92 2 93 9 L100 90 Q101 97 92 98 L23 100 Q14 100 14 91 Z' fill='white'/%3E%3C/svg%3E");
    mask-size:100% 100%;
    mask-repeat:no-repeat;
  }
}
/* Restore the existing premium scene and replace only its phone on small screens. */
.editorial-whatsapp .editorial-image{
  background-color:#07152c;
  background-image:linear-gradient(90deg,rgba(7,21,44,.2),rgba(7,21,44,.5)),url('./assets/court-case-diary-premium-legal-office.png');
  background-position:center;
  background-size:cover;
}
.editorial-whatsapp .editorial-image::before{
  display:block;
  content:"";
  position:absolute;
  z-index:0;
  inset:-18px;
  background-image:url('./assets/court-case-diary-premium-legal-office.png');
  background-size:cover;
  background-position:center;
  filter:blur(18px) brightness(.52);
  transform:scale(1.04);
}
.editorial-whatsapp .editorial-image::after{z-index:2;}
.editorial-whatsapp .editorial-background-art{
  z-index:1;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
}
.editorial-whatsapp .mobile-phone-replacement{display:none!important;}
@media(max-width:560px){
  .editorial-whatsapp .mobile-phone-replacement{
    display:block!important;
    position:absolute;
    z-index:1;
    top:-9px;
    left:77px;
    width:242px!important;
    height:376px!important;
    object-fit:fill!important;
    filter:none!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M14 12 Q13 6 20 6 L84 6 Q92 6 93 13 L94 89 Q94 96 87 98 L22 99 Q14 99 14 92 Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M14 12 Q13 6 20 6 L84 6 Q92 6 93 13 L94 89 Q94 96 87 98 L22 99 Q14 99 14 92 Z' fill='white'/%3E%3C/svg%3E");
    mask-size:100% 100%;
    mask-repeat:no-repeat;
  }
}
/* Show the supplied Premium Legal Office image as the complete artwork at every size. */
.editorial-whatsapp .mobile-phone-replacement{display:none!important;}
.editorial-whatsapp .editorial-background-art{
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
}
/* On mobile, mask the attached Desk artwork to its phone outline; keep the existing scene behind it. */
@media(max-width:560px){
  .editorial-whatsapp .mobile-phone-replacement{
    display:block!important;
    position:absolute;
    z-index:1;
    top:-2px;
    left:-70px;
    width:548px!important;
    height:364px!important;
    object-fit:fill!important;
    object-position:center;
    filter:none!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M32.8 11 Q32.7 5 35.2 4.8 L61 4.1 Q66 4 67.4 9 L68.6 88 Q68.8 96 64.2 97.4 L38.5 99 Q33 98.6 32.8 91 Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M32.8 11 Q32.7 5 35.2 4.8 L61 4.1 Q66 4 67.4 9 L68.6 88 Q68.8 96 64.2 97.4 L38.5 99 Q33 98.6 32.8 91 Z' fill='white'/%3E%3C/svg%3E");
    mask-size:100% 100%;
    mask-repeat:no-repeat;
  }
}
/* Use the provided Desk PNG directly, without layering it over another phone. */
.editorial-whatsapp .editorial-image{background:#07152c!important;background-image:none!important;}
.editorial-whatsapp .editorial-image::before{display:none!important;}
.editorial-whatsapp .editorial-background-art{
  display:block!important;
  z-index:1;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
}

/* Supported court update card: keep the illustrative lookup in the normal layout flow. */
.bento-sync{display:flex;flex-direction:column;min-height:500px;padding:30px;background:linear-gradient(130deg,#f6f0e5,#f9fbfb 75%)}
.bento-sync>div:first-child{position:relative;z-index:1}
.bento-sync h3{font-size:clamp(29px,2.6vw,38px)}
.bento-sync p{max-width:440px;margin-top:13px}
.bento-sync .inline-link{margin-top:18px}
.case-lookup-preview{position:relative;z-index:1;display:grid;gap:13px;width:100%;margin-top:auto;padding:17px 18px;border:1px solid #dce5e7;border-radius:13px;background:#fff;box-shadow:0 12px 28px rgba(19,45,64,.07)}
.case-lookup-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.case-lookup-eyebrow{color:#a57e4d;font-size:9px;font-weight:820;letter-spacing:.12em;text-transform:uppercase}
.case-lookup-badge{padding:5px 8px;border-radius:999px;background:#f5f7f6;color:#6d7e83;font-size:9px;font-weight:700;white-space:nowrap}
.case-lookup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0}
.case-lookup-fields>div{min-width:0;padding-top:9px;border-top:1px solid #edf0ef}
.case-lookup-fields dt{color:#839098;font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.case-lookup-fields dd{margin:4px 0 0;color:#233a4d;font-size:12px;font-weight:740;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:560px){.bento-sync{min-height:0}.case-lookup-preview{padding:15px}.case-lookup-fields{grid-template-columns:1fr;gap:8px}}

/* The static dashboard poster hands off to the real responsive member app after activation. */
.demo-toolbar{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:13px 17px;border-top:1px solid #e6ebef;background:#fff;color:#20364b}
.demo-toolbar-copy{display:grid;min-width:190px;flex:1;gap:2px}
.demo-toolbar-copy strong{color:#087553;font-size:12px;font-weight:820}
.demo-toolbar-copy small{max-width:360px;color:#738396;font-size:10px;line-height:1.45}
.demo-toolbar label{display:grid;gap:3px;margin:0;color:#687b8f;font-size:9px;font-weight:760;letter-spacing:.05em;text-transform:uppercase}
.demo-toolbar select{width:auto;min-width:124px;height:35px;padding:0 28px 0 10px;border-color:#dce3e9;border-radius:8px;background-color:#fff;color:#1a3046;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none}
.demo-toolbar .demo-launch,.demo-toolbar .demo-control,.demo-toolbar .demo-register{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid #102d46;border-radius:8px;background:#102d46;color:#fff;font-size:10px;font-weight:780;line-height:1.1;white-space:nowrap;cursor:pointer}
.demo-toolbar .demo-launch{border-color:#d7ad4f;background:#e7bd5e;color:#10243a}
.demo-toolbar .demo-control{border-color:#dce3e9;background:#fff;color:#263c51}
.demo-toolbar .demo-expand{border-color:#dce3e9;background:#f7f9fa}
.demo-toolbar .demo-register{border-color:transparent;background:transparent;color:#526a80}
.demo-toolbar [hidden],.demo-stage[hidden]{display:none!important}
.demo-stage{height:min(73vh,760px);min-height:540px;background:#f1f4f7}
.demo-stage iframe{display:block;width:100%;height:100%;border:0;background:#f1f4f7}
.demo-dashboard-poster{grid-template-columns:188px minmax(0,1fr);min-width:0;min-height:530px;background:#fff}
.demo-dashboard-poster .app-sidebar{padding:22px 12px}
.demo-dashboard-poster .app-mini-brand{align-items:center;padding:0 7px 28px}
.demo-poster-brand{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#f0bd53;color:#10243a;font-size:17px}
.demo-dashboard-poster .side-option{min-height:38px}
.demo-dashboard-poster .app-main{padding:23px 27px 26px}
.demo-dashboard-poster .demo-overline{color:#a2763c}
.demo-dashboard-poster .app-greeting h3{font-size:clamp(20px,2.5vw,27px)}
.demo-poster-overview{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0 12px}
.demo-poster-card{display:grid;min-height:113px;align-content:start;gap:6px;padding:14px 15px;border:1px solid #e1e8ed;border-radius:10px;background:#fff}
.demo-poster-card>span{color:#99702e;font-size:9px;font-weight:840;letter-spacing:.12em}
.demo-poster-card>strong{color:#142c46;font-size:17px}
.demo-poster-card>b{color:#1b3450;font-size:13px}
.demo-poster-card>small{color:#77889a;font-size:10px}
.demo-poster-card>i{display:block;height:5px;overflow:hidden;border-radius:99px;background:#edf0f1}
.demo-poster-card>i em{display:block;width:57%;height:100%;border-radius:inherit;background:#d9ad4e}
.demo-poster-reminders{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:11px 13px;border:1px solid #d8e7df;border-radius:10px;background:#fbfefc}
.demo-poster-reminder-icon{display:grid;width:32px;height:32px;flex:none;place-items:center;border-radius:9px;background:#e7f5ee;color:#07875b;font-size:17px}
.demo-poster-reminders>span:nth-child(2){display:grid;flex:1;gap:2px}
.demo-poster-reminders b{color:#213b52;font-size:11px}
.demo-poster-reminders small{color:#78889a;font-size:9px}
.demo-poster-reminders>strong{color:#07875b;font-size:10px;white-space:nowrap}
.demo-poster-cases{padding:13px 15px}
.demo-poster-cases .panel-heading{margin-bottom:8px}
.demo-poster-cases .case-row{min-height:50px;padding:7px 0}
.demo-poster-cases .date-chip{width:42px;height:40px}
.demo-poster-cases .date-chip b{font-size:10px}
.demo-poster-cases .case-info strong{font-size:10px}
.demo-poster-cases .case-info small{font-size:9px}
.product-window:fullscreen,.product-window.is-expanded{position:fixed;z-index:9999;inset:0;display:flex;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;flex-direction:column;overflow:hidden;border:0;border-radius:0;background:#fff;box-shadow:none}
.product-window:fullscreen .browser-bar,.product-window.is-expanded .browser-bar{flex:0 0 44px}
.product-window:fullscreen .demo-toolbar,.product-window.is-expanded .demo-toolbar{flex:0 0 auto}
.product-window:fullscreen .demo-stage,.product-window.is-expanded .demo-stage{height:auto;min-height:0;flex:1}
.product-window:fullscreen .demo-stage iframe,.product-window.is-expanded .demo-stage iframe{height:100%}
.product-window:fullscreen:focus,.product-window.is-expanded:focus{outline:none}
@media(max-width:790px){.demo-dashboard-poster{grid-template-columns:1fr;min-height:0}.demo-dashboard-poster .app-sidebar{display:none}.demo-dashboard-poster .app-main{padding:18px}.demo-toolbar{flex-wrap:wrap;gap:8px 10px;padding:12px}.demo-toolbar-copy{min-width:0;flex-basis:100%}.demo-stage{height:min(75vh,740px);min-height:500px}}
@media(max-width:790px){.demo-dashboard-poster{width:100%;min-width:0}}
@media(max-width:560px){.demo-poster-overview{grid-template-columns:1fr;gap:8px;margin:14px 0 9px}.demo-poster-card{min-height:91px;padding:12px}.demo-poster-reminders{gap:8px;padding:9px}.demo-poster-reminders>strong{font-size:9px}.demo-poster-cases{padding:11px}.demo-poster-cases .case-row{gap:7px}.demo-poster-cases .case-info strong{font-size:9px}.demo-poster-cases .case-status{font-size:7px}.demo-toolbar .demo-register{width:100%;justify-content:flex-start;padding-left:0}.demo-toolbar label{flex:1}.demo-toolbar select{min-width:0;width:100%}.demo-toolbar .demo-launch,.demo-toolbar .demo-control{min-height:34px;padding-inline:10px;font-size:9px}.demo-stage{height:72vh;min-height:450px}}

/* Fill the WhatsApp story frame with the supplied scene at every size. */
.editorial-whatsapp .editorial-image{
  width:100%;
  min-height:590px!important;
  height:auto;
  aspect-ratio:auto;
  align-self:stretch;
}
.editorial-whatsapp .editorial-image::before{display:none!important;}
.editorial-whatsapp .editorial-background-art{object-fit:cover!important;object-position:center center!important;}
@media(max-width:790px){
  .editorial-whatsapp .editorial-image{min-height:440px!important;aspect-ratio:3 / 2;}
}
@media(max-width:560px){
  .editorial-whatsapp .editorial-image{min-height:360px!important;}
}