/* The selected 8788 design, refined in an isolated local review copy. */
:root{--cinema-ink:#081338;--cinema-navy:#0c1d55;--cinema-yellow:#f9e900;--cinema-ice:#eaf3ff;--cinema-ease:cubic-bezier(.22,.74,.18,1)}
body{background:#f7f9fd}
.preview-note{min-height:30px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 22px;padding:5px 14px;font:500 10px/1.4 var(--f-text);color:#dce6f7;background:#081338}
.preview-note strong{color:#f9e900;font-weight:600}.preview-note a,.preview-note button{font:inherit;color:#dce6f7;background:none;border:0;text-decoration:none;cursor:pointer;padding:3px 0}.preview-note a:hover,.preview-note button:hover{color:white;text-decoration:underline}.preview-note :focus-visible{outline:2px solid #f9e900;outline-offset:4px}
.ula-header .topbar,.site-footer .footer-bar{position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #a9910022,0 3px 12px #f9e90012}
.ribbon-reflection{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:0}.ribbon-reflection::before{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:28%;background:linear-gradient(112deg,transparent 5%,#fff0 30%,#fff8 48%,#fff0 68%,transparent);transform:translateX(-150%) skewX(-15deg);opacity:0}
.cinema-arrived .ula-header .ribbon-reflection::before{animation:ribbon-light 1.6s .15s var(--cinema-ease) both}.footer-ribbon-in-view .ribbon-reflection::before{animation:ribbon-light 1.8s var(--cinema-ease) both}
@keyframes ribbon-light{0%{transform:translateX(-150%) skewX(-15deg);opacity:0}15%{opacity:.5}75%{opacity:.3}100%{transform:translateX(490%) skewX(-15deg);opacity:0}}
.logo-intro__veil{background:radial-gradient(ellipse 70% 45% at 50% 48%,#fff 45%,#edf2fa 100%)}
.logo-intro__veil::after{content:"";position:absolute;left:12%;right:12%;top:70%;height:1px;background:linear-gradient(90deg,transparent,#b7c9e8 24%,#ffffff 48%,#ebdf5255 66%,transparent);opacity:.65;transform:scaleX(.5)}
.logo-intro__skip{letter-spacing:0;font-size:12px;text-transform:none;opacity:.8}
body[data-page=home] .home-hero{padding-inline:clamp(10px,2.4vw,42px)}
body[data-page=home] .home-hero__box{border-radius:0 0 34px 34px;min-height:calc(var(--header-height) + 590px);border:1px solid #b8c9e02e;box-shadow:0 34px 70px -45px #08133890}
body[data-page=home] .home-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,425px);gap:clamp(36px,6vw,110px);padding:50px clamp(30px,4vw,68px) 58px;align-items:center}
body[data-page=home] .home-hero__story{max-width:720px;gap:23px}
body[data-page=home] .home-hero__story h1{font-size:clamp(50px,4.7vw,74px);line-height:1.035;letter-spacing:-.018em;text-wrap:balance;max-width:18ch}
body[data-page=home] .home-hero__story h1 .hl{display:block;margin-top:.12em}
body[data-page=home] .home-hero__story .lede{font:400 clamp(16px,1.25vw,19px)/1.65 var(--f-text);max-width:48ch;color:#f2f6ff}
body[data-page=home] .home-hero__story .home-eyebrow{font-size:14px;letter-spacing:.035em;margin:0;color:#edf2ff}
body[data-page=home] .home-hero__video,body[data-page=home] .home-hero__poster{object-position:50% 36%;filter:saturate(.55) contrast(1.04)}
body[data-page=home] .home-hero__tint{background:rgba(12,29,85,.22)}
body[data-page=home] .home-hero__veil{background:linear-gradient(90deg,rgba(5,14,43,.91) 0%,rgba(8,19,56,.71) 36%,rgba(12,29,85,.22) 75%,rgba(8,19,56,.46)),linear-gradient(0deg,rgba(5,14,43,.66),transparent 40%)}
body[data-page=home] .home-hero__foot .proof{gap:20px 44px;margin-top:8px}
body[data-page=home] .home-hero__foot .proof img{max-height:48px;width:auto;max-width:150px;object-fit:contain}
body[data-page=home] .home-hero .btn{min-height:52px;padding:13px 25px;font-size:19px;box-shadow:inset 0 1px 0 #fff6}
body[data-page=home] .home-hero .btn--outline{border:1px solid #ffffff70;background:#ffffff05;box-shadow:inset 0 1px 0 #ffffff1f}
body[data-page=home] .video-toggle{top:auto;bottom:18px;inset-inline-end:22px;background:#ffffff0a;border:1px solid #ffffff42;backdrop-filter:blur(3px)}
/* Higher specificity is deliberate: the reference inserts form geometry after load. */
body[data-page=home] [data-lead-form] .lead-card{padding:31px;gap:16px;border-radius:25px}
body[data-page=home] [data-lead-form] .lead-card h2{font-size:29px;line-height:1.12;margin-bottom:5px}
body[data-page=home] [data-lead-form] .lead-card input:not([type=checkbox]):not([type=hidden]){min-height:45px;height:45px;background:rgba(255,255,255,.95);border:1px solid #fff9;border-radius:10px;box-shadow:inset 0 2px 4px #0c1d550c}
body[data-page=home] [data-lead-form] .lead-card .lead-consent{align-items:flex-start;gap:10px}
body[data-page=home] [data-lead-form] .lead-card .lead-consent label{font-size:11px;line-height:1.65;color:#f2f6ff}
body[data-page=home] [data-lead-form] .lead-card .lead-note{font-size:10px;line-height:1.65;color:#edf2ff}
body[data-page=home] [data-lead-form] .lead-card .lead-submit{min-height:49px;font-size:19px;box-shadow:inset 0 1px 0 #fff8,0 8px 25px #f9e90012}
.preview-submit-notice{padding:12px 14px;margin:8px 0 0;border:1px solid #f9e90080;border-radius:10px;background:#081338;color:white;font:400 12px/1.6 var(--f-text)}
.sec-practice .pboard{padding:26px;gap:16px;background:#14245b;box-shadow:0 30px 65px -44px #0c1d5580}
.pboard .pcard{align-items:flex-start;text-align:start;position:relative;overflow:hidden;padding:30px 30px 28px;background:linear-gradient(132deg,#ffffffed,#eaf3ffe3);border:1px solid #ffffffb3;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #9cb4df55,0 12px 30px #07133020;transition:transform .32s var(--cinema-ease),border-color .32s var(--cinema-ease)}
.pboard .pcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,transparent 15%,#fff6 30%,transparent 45%);transform:translateX(-110%);opacity:0;transition:transform .65s var(--cinema-ease),opacity .4s}
.pboard .pcard:hover{transform:translateY(-3px);border-color:white}.pboard .pcard:hover::after{transform:translateX(40%);opacity:.4}.pboard .pcard:hover .pcard__icon{background:transparent}
.pboard .pcard .pcard__icon,.pboard .pcard .practice-icon{width:62px;height:62px}.pboard .pcard h3{font-size:32px;line-height:1.1}.pboard .pcard .pcard__eyebrow{font-size:10px;letter-spacing:.05em}.pboard .pcard .pcard__lead{margin-inline:0;font-size:14px;line-height:1.7}.pboard .pcard .pcard__actions{align-items:flex-start}.pboard .pcard .pcard__cta{padding:0;border:0;border-bottom:1px solid #0c1d5540;border-radius:0;font:600 14px/1.4 var(--f-text);text-transform:none;letter-spacing:0;gap:16px}.pboard .pcard .pcard__cta:hover{color:#0c1d55;background:transparent;border-bottom-color:#0c1d55}.pboard .pcard .pcard__cta .arr{display:grid;width:30px;height:30px;flex-basis:30px;background:transparent}.pboard .pcard .state-step{text-align:start}.pboard .pcard .state-step__row{justify-content:flex-start}
html.js-hero .home-hero__story>*{animation:none}html.cinema-arrived .home-hero__story{animation:cinema-story .8s var(--cinema-ease) both}html.cinema-arrived .home-hero__form{animation:cinema-form .9s .12s var(--cinema-ease) both}
@keyframes cinema-story{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes cinema-form{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
html.cinema-motion-paused .ribbon-reflection::before,html.cinema-motion-paused .home-hero__story,html.cinema-motion-paused .home-hero__form{animation:none!important}
[dir=rtl] body[data-page=home] .home-hero__story h1{font-size:clamp(38px,3.5vw,59px);line-height:1.55;letter-spacing:0;max-width:18ch}
[dir=rtl] body[data-page=home] .home-hero__veil{background:linear-gradient(270deg,rgba(5,14,43,.91),rgba(8,19,56,.71) 36%,rgba(12,29,85,.22) 75%,rgba(8,19,56,.46)),linear-gradient(0deg,rgba(5,14,43,.66),transparent 40%)}
@media(max-width:1100px){body[data-page=home] .home-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(310px,365px);gap:30px;padding:40px 30px 56px}body[data-page=home] .home-hero__story h1{font-size:56px}body[data-page=home] [data-lead-form] .lead-card{padding:24px}body[data-page=home] .home-hero .btn-row{flex-wrap:wrap}.sec-practice .pboard{padding:18px}.pboard .pcard{padding:24px}}
@media(max-width:900px){body[data-page=home] .home-hero__grid{grid-template-columns:1fr;padding:36px 28px 62px;gap:34px}body[data-page=home] .home-hero__story{max-width:650px}body[data-page=home] .home-hero__form{max-width:600px;width:100%}body[data-page=home] .home-hero__story h1{font-size:clamp(44px,7.5vw,64px);max-width:18ch}body[data-page=home] .home-hero__box{padding-bottom:0;min-height:0}body[data-page=home] .home-hero__veil{background:linear-gradient(90deg,#081338dc,#0c1d559e),linear-gradient(0deg,#081338e8,transparent 60%)}body[data-page=home] .home-hero__story h1 .hl{margin-top:0}}
@media(max-width:767px){.preview-note{gap:5px 14px;font-size:9px;padding:6px 8px}.preview-note strong{width:100%}.preview-note a,.preview-note button{padding:5px 0}body[data-page=home] .home-hero{padding-inline:8px}body[data-page=home] .home-hero__box{border-radius:0 0 24px 24px}body[data-page=home] .home-hero__grid{padding:36px 21px 58px}body[data-page=home] .home-hero__story{gap:20px}body[data-page=home] .home-hero__story h1{font-size:clamp(40px,11vw,58px);max-width:15ch;line-height:1.08}body[data-page=home] .home-hero__story .lede{font-size:15px;line-height:1.7}body[data-page=home] .home-hero .btn-row{flex-direction:column;gap:11px;align-items:stretch}body[data-page=home] .home-hero .btn{width:100%;font-size:18px}body[data-page=home] .home-hero__foot .proof{justify-content:flex-start;gap:24px}body[data-page=home] .home-hero__foot .proof img{max-height:40px;max-width:125px}body[data-page=home] [data-lead-form] .lead-card{padding:25px 20px}body[data-page=home] [data-lead-form] .lead-card h2{font-size:28px}.sec-practice .pboard{padding:12px;gap:12px}.pboard .pcard{padding:26px 23px}.pboard .pcard h3{font-size:31px}.pboard .pcard .pcard__cta{min-height:44px} [dir=rtl] body[data-page=home] .home-hero__story h1{font-size:35px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.ribbon-reflection::before,.home-hero__story,.home-hero__form{animation:none!important}.pboard .pcard,.pboard .pcard::after{transition:none}.pboard .pcard:hover{transform:none}.logo-intro__veil::after{display:none}}
@media(forced-colors:active){.ribbon-reflection,.pcard::after{display:none}.preview-note,.preview-submit-notice{background:Canvas;color:CanvasText}.pboard .pcard{background:Canvas;border:1px solid CanvasText;box-shadow:none}}

html.cinema-gsap .home-hero__story,html.cinema-gsap .home-hero__form{animation:none!important}

/* Long Latin attorney names must wrap inside Persian mobile cards. */
.att h3 bdi[dir=ltr]{white-space:normal;overflow-wrap:anywhere}
