/* Landing: strony internetowe dla kancelarii i specjalistów branży prawnej. */
.legal-landing{background:#fff;color:#161618}
.legal-landing .site-header{background:#fffffff2}
.legal-landing #main-nav>a{color:#27272b}
.legal-landing #main-nav>.nav-cta{color:#fff}
.legal-landing .footer{background:#171719;color:#fff;box-shadow:0 0 0 100vmax #171719;clip-path:inset(0 -100vmax);border-color:#ffffff20}
.legal-landing .footer .brand-text{color:#fff}
.legal-landing .footer :is(p,.footer-links a,.footer-region,.footer-bottom){color:#bdbdc6}
.legal-landing .footer :is(.footer-region,.footer-bottom){border-color:#ffffff20}

.legal-hero{width:min(1360px,calc(100% - 2*var(--gutter)));margin:0 auto;padding:72px 0 60px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:clamp(42px,6vw,90px);align-items:center;min-height:760px;overflow:visible}
.legal-hero-copy{position:relative;z-index:2}
.legal-hero h1{font-size:clamp(47px,5.1vw,72px);line-height:1.07;letter-spacing:-.06em;color:#121214;margin:0;max-width:710px}
.legal-hero-promise{font-size:clamp(23px,2.15vw,31px);font-weight:700;letter-spacing:-.045em;line-height:1.3;color:#d9380c;margin:24px 0 17px}
.legal-hero-lead{font-size:16px;line-height:1.9;color:#52525a;max-width:650px;margin:0}
.legal-ethics-note{position:relative;display:grid;grid-template-columns:43px 1fr;gap:16px;align-items:start;margin-top:23px;padding:18px 20px;border:1px solid #f1b29f;border-radius:12px;background:linear-gradient(135deg,#fff7f3,#fff);box-shadow:0 14px 32px -28px #d9380c;color:#171719}
.legal-ethics-note .legal-icon{width:38px;height:38px;padding:7px;border-radius:10px;background:#fc3b00;color:#fff;box-sizing:border-box}
.legal-ethics-note strong{display:block;margin:1px 0 5px;font-size:15px;line-height:1.35;color:#171719}
.legal-ethics-note p{margin:0;font-size:12px;line-height:1.68;color:#5b4b47}
.legal-hero .hero-actions{margin-top:30px;gap:12px;align-items:stretch}
.legal-hero .button{min-height:58px;font-size:13px;padding:18px 21px}
.legal-hero .button.secondary{background:#fff;border-color:#1a1a1d;color:#1a1a1d;box-shadow:none}
.legal-hero .button.secondary:hover{background:#171719;color:#fff;border-color:#171719}
.legal-audience{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}
.legal-audience span{font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#5c5c64;border:1px solid #dedee3;border-radius:99px;padding:8px 11px;background:#fafafa}
.legal-hero-visual{position:relative;margin:0;padding:0 38px 55px 0;min-width:0;isolation:isolate}
.legal-browser{border-radius:18px;padding:0 6px 6px;background:#19191c;border:1px solid #2f2f34;box-shadow:0 35px 80px -35px #16161b70;overflow:hidden;transform:rotate(1deg)}
.legal-browser-bar{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#b7b7bf;font-size:8px;letter-spacing:.07em}
.legal-browser-bar>span{display:flex;gap:5px}
.legal-browser-bar i{width:5px;height:5px;background:#5a5a61;border-radius:50%;display:block}
.legal-browser-bar i:first-child{background:#fc3b00}
.legal-browser-screen{height:492px;overflow:hidden;border-radius:11px;background:#f4f0e9;position:relative}
.legal-browser-screen:after{content:"";position:absolute;inset:auto 0 0;height:20%;background:linear-gradient(transparent,#ece6dcbb);pointer-events:none}
.legal-browser-screen img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;transition:transform 6s cubic-bezier(.2,.7,.3,1)}
.legal-hero-visual:hover .legal-browser-screen img{transform:translateY(-17%)}
.legal-phone{position:absolute;z-index:2;right:0;bottom:12px;width:168px;height:344px;border:7px solid #18181b;border-radius:27px;background:#fff;box-shadow:0 25px 55px -20px #11111680;overflow:hidden;transform:rotate(-3deg);animation:legalFloat 5s ease-in-out infinite}
.legal-phone>span{position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);width:42px;height:4px;background:#19191c;border-radius:6px}
.legal-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:18px}
.legal-hero-visual figcaption{position:absolute;left:20px;bottom:5px;max-width:340px;display:flex;flex-direction:column;gap:4px;font-size:10px;line-height:1.5;color:#62626a}
.legal-hero-visual figcaption strong{font-size:11px;color:#d9380c;text-transform:uppercase;letter-spacing:.09em}
@keyframes legalFloat{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1.5deg) translateY(-9px)}}

.legal-trust-bar{width:min(1280px,calc(100% - 2*var(--gutter)));margin:0 auto 20px;padding:28px 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#171719;border-radius:14px;color:#fff}
.legal-trust-bar>div{display:flex;align-items:center;gap:18px;padding:0 28px;border-left:1px solid #ffffff22;min-width:0}
.legal-trust-bar>div:first-child{border:0;padding-left:0}
.legal-trust-bar>div:last-child{padding-right:0}
.legal-trust-bar .legal-icon{width:43px;height:43px;color:#fc3b00;flex:none}
.legal-trust-bar p{margin:0;display:flex;flex-direction:column;gap:4px}
.legal-trust-bar strong{font-size:16px;line-height:1.4;color:#fff}
.legal-trust-bar span{font-size:11px;line-height:1.55;color:#bcbcc6}

.legal-landing .section{border-top:0;padding-top:105px;padding-bottom:105px}
.legal-section-heading{max-width:640px}
.legal-section-heading.centered{text-align:center;margin:0 auto 55px;max-width:870px}
.legal-section-heading .eyebrow{color:#d9380c;margin-bottom:18px}
.legal-section-heading h2{font-size:clamp(36px,4vw,54px);line-height:1.17;color:#151517;margin:0 0 25px}
.legal-section-heading>p:last-child{font-size:16px;line-height:1.9;color:#5a5a63;margin:0}
.legal-symptoms{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:clamp(55px,7vw,105px);align-items:start}
.legal-symptoms .legal-section-heading{position:sticky;top:145px}
.legal-symptom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.legal-card-media{position:absolute;inset:0;display:block;pointer-events:none}
.legal-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.3,1);filter:saturate(.72)}
.legal-symptom-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:460px;padding:28px;border:1px solid #ffffff16;border-radius:16px;background:#171719;display:flex;flex-direction:column;justify-content:space-between;gap:145px;transition:transform .25s,box-shadow .25s}
.legal-symptom-grid article:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#10111325 0%,#10111312 20%,#101113d9 53%,#101113 100%);pointer-events:none}
.legal-symptom-grid article:hover{transform:translateY(-5px);box-shadow:0 22px 55px -30px #17171970}
.legal-symptom-grid article:hover .legal-card-media img,.legal-bento article:hover .legal-card-media img{transform:scale(1.045)}
.legal-symptom-grid article.wide{grid-column:1/-1;min-height:335px;gap:85px}
.legal-symptom-grid article.wide:after{background:linear-gradient(90deg,#101113c7,#10111315),linear-gradient(180deg,#10111315 0%,#10111345 25%,#101113e8 74%,#101113 100%)}
.legal-symptom-grid article>span{position:relative;z-index:1;align-self:flex-start;padding:8px 11px;border:1px solid #ffffff40;border-radius:5px;background:#121315b8;font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#fff}
.legal-card-copy{position:relative;z-index:1}
.legal-symptom-grid h3{font-size:clamp(22px,2.1vw,28px);line-height:1.3;letter-spacing:-.015em;word-spacing:.035em;color:#fff;margin:0 0 14px}
.legal-symptom-grid p{font-size:13px;line-height:1.85;color:#d0d0d6;margin:0}
.legal-symptom-grid .wide .legal-card-copy{max-width:540px}
.legal-symptom-robe .legal-card-media img{object-position:66% 30%}
.legal-symptom-court .legal-card-media img{object-position:51% 25%}
.legal-symptom-phone .legal-card-media img{object-position:50% 46%}

.legal-dark-section{background:#171719;color:#fff;box-shadow:0 0 0 100vmax #171719;clip-path:inset(0 -100vmax)}
.legal-dark-inner{width:min(var(--width),calc(100% - 2*var(--gutter)))}
.legal-dark-section .legal-section-heading h2{color:#fff}
.legal-dark-section .legal-section-heading>p:last-child{color:#bcbcc6}
.legal-dark-section .legal-section-heading .eyebrow{color:#ff7651}
.legal-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.legal-bento article{position:relative;isolation:isolate;min-height:435px;padding:230px 34px 34px;border:1px solid #ffffff1c;border-radius:17px;background:#1e1e21;overflow:hidden;transition:border-color .25s,transform .25s}
.legal-bento article:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#1e1e2100 0%,#1e1e210a 24%,#1e1e21df 48%,#1e1e21 66%);pointer-events:none}
.legal-bento .legal-card-media{bottom:auto;height:340px}
.legal-bento .legal-card-media img{object-position:center 48%}
.legal-bento article:hover{border-color:#fc3b0080;transform:translateY(-4px)}
.legal-bento article.legal-bento-main{grid-column:1/-1;min-height:0;padding:45px;display:block}
.legal-bento-main .legal-card-media{inset:0 0 0 41%;height:100%;mask-image:linear-gradient(90deg,transparent,#000 22%)}
.legal-bento article.legal-bento-main:after{background:linear-gradient(90deg,#1e1e21 0%,#1e1e21 38%,#1e1e21d9 48%,#1e1e210a 76%)}
.legal-bento-copy{position:relative;z-index:1}
.legal-bento-main .legal-bento-copy{width:52%;max-width:580px}
.legal-bento-label{display:flex;align-items:center;gap:11px}
.legal-bento .legal-icon{width:23px;height:23px;color:#ff8260;flex:none}
.legal-bento-label>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#ff9a7e;font-weight:700}
.legal-bento h3{font-size:clamp(24px,2.25vw,31px);color:#fff;line-height:1.28;margin:15px 0 17px}
.legal-bento p{font-size:14px;line-height:1.9;color:#c9c9d1;margin:0}
.legal-topic-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.legal-topic-cloud span{border:1px solid #ffffff22;border-radius:99px;padding:9px 13px;font-size:10px;color:#d9d9df;background:#ffffff07}
.legal-inline-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;margin-top:50px;padding-top:39px;border-top:1px solid #ffffff22}
.legal-inline-cta strong{font-size:26px;line-height:1.3;color:#fff}
.legal-inline-cta p{font-size:14px;line-height:1.8;color:#bdbdc6;margin:10px 0 0;max-width:720px}
.legal-inline-cta .button{white-space:nowrap}

.legal-landing .legal-advertising{padding-top:88px;padding-bottom:34px}
.legal-advertising-card{position:relative;isolation:isolate;padding:0;background:transparent;color:#171719}
.legal-advertising-card:before{content:none}
.legal-advertising-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.62fr);gap:clamp(40px,7vw,105px);align-items:end;padding-bottom:35px;border-bottom:1px solid #e2e2e7}
.legal-advertising .eyebrow{color:#d9380c;margin-bottom:18px}
.legal-advertising h2{max-width:780px;margin:0;font-size:clamp(39px,4.6vw,62px);line-height:1.12;color:#171719}
.legal-advertising-answer{display:grid;grid-template-columns:52px 1fr;gap:17px;align-items:start;padding:20px;border:1px solid #edc4b8;border-radius:14px;background:#fff7f3}
.legal-advertising-answer>span{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#fc3b00;color:#fff}
.legal-advertising-answer .legal-icon{width:27px;height:27px}
.legal-advertising-answer p{margin:0}.legal-advertising-answer strong{display:block;font-size:16px;line-height:1.45;color:#171719}.legal-advertising-answer small{display:block;margin-top:6px;font-size:11px;line-height:1.65;color:#69554e}
.legal-advertising-lead{max-width:1000px;margin:34px 0 36px;font-size:17px;line-height:1.85;color:#55555e}
.legal-advertising-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.legal-advertising-rules article{padding:28px 29px;border:1px solid;border-radius:15px}
.legal-advertising-rules article.allowed{background:#edf6f0;border-color:#bfd7c7}
.legal-advertising-rules article.forbidden{background:#fcf0ef;border-color:#e8c3bf;box-shadow:none}
.legal-advertising-rules article>span{display:inline-flex;padding:7px 10px;border-radius:5px;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.legal-advertising-rules .allowed>span{background:#d6e9dc;color:#235137}.legal-advertising-rules .forbidden>span{background:#f5dcd9;color:#883c34}
.legal-advertising-rules h3{margin:18px 0 17px;font-size:24px;line-height:1.3;letter-spacing:-.02em;color:#253d2e}
.legal-advertising-rules .forbidden h3{color:#683a35}
.legal-advertising-rules ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.legal-advertising-rules li{position:relative;padding-left:20px;font-size:13px;line-height:1.75;color:#3c5645}
.legal-advertising-rules .forbidden li{color:#6d4945}
.legal-advertising-rules li:before{position:absolute;left:0;top:0;font-weight:800}.legal-advertising-rules .allowed li:before{content:"✓";color:#32764b}.legal-advertising-rules .forbidden li:before{content:"×";color:#a7493e}
.legal-advertising-interpretation{margin-top:14px}
.legal-advertising-interpretation .legal-advertising-detail{display:block;margin-top:6px;font-size:13px;line-height:1.85;color:#69554e}
.legal-advertising-sources{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end;margin-top:29px;padding-top:24px;border-top:1px solid #e2e2e7}
.legal-advertising-sources p{max-width:700px;margin:0;font-size:11px;line-height:1.7;color:#686871}
.legal-advertising-sources div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;max-width:520px}.legal-advertising-sources span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#686871}.legal-advertising-sources a{font-size:11px;line-height:1.5;color:#bd350f;text-underline-offset:3px}
.legal-landing .legal-campaign{padding-top:74px}

.legal-campaign{display:grid;grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);gap:clamp(55px,7vw,110px);align-items:center}
.legal-campaign-copy .eyebrow{color:#d9380c}
.legal-campaign-copy h2{font-size:clamp(38px,4vw,55px);line-height:1.16;color:#171719;margin:0 0 25px}
.legal-campaign-copy .lead{font-size:21px;line-height:1.6;color:#242428;margin-bottom:20px}
.legal-campaign-copy>p:not(.eyebrow):not(.lead){font-size:15px;line-height:1.9;color:#5b5b63}
.legal-campaign-copy ul{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:12px}
.legal-campaign-copy li{position:relative;padding-left:28px;font-size:14px;line-height:1.7;color:#44444c}
.legal-campaign-copy li:before{content:"✓";position:absolute;left:0;top:0;color:#d9380c;font-weight:800}
.legal-campaign-preview{position:relative;border:1px solid #dedee3;border-radius:20px;background:linear-gradient(145deg,#f6f6f7,#fff);padding:20px;box-shadow:0 38px 90px -55px #15151a80;overflow:hidden}
.legal-campaign-preview:before{content:"";position:absolute;right:-90px;top:-110px;width:280px;height:280px;border-radius:50%;background:#fc3b000b;pointer-events:none}
.legal-campaign-preview-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:3px 4px 17px}
.legal-campaign-preview-head span,.legal-campaign-preview-head small{font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.legal-campaign-preview-head span{color:#d9380c}.legal-campaign-preview-head small{color:#8a8a92}
.legal-campaign-preview article{position:relative;z-index:1;border:1px solid #e3e3e7;border-radius:13px;background:#fff;padding:23px 25px}
.legal-example-label{display:block}
.legal-example-label>span{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #dedee3;border-radius:50%;font-size:10px;font-weight:800;color:#696970}
.legal-example-label p{margin:0!important}.legal-example-label small{display:block;margin-bottom:5px;font-size:8px;line-height:1.4;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#8a8a92}
.legal-example-label strong{display:block;font-size:20px;line-height:1.35;color:#19191c}
.legal-campaign-preview article>p{margin:17px 0 15px;font-size:12px;line-height:1.75;color:#5f5f67}
.legal-ad-example em{display:inline-flex;padding:7px 10px;border-radius:4px;background:#f1f1f3;font-size:9px;font-style:normal;font-weight:800;color:#4d4d54}
.legal-campaign-bridge{height:51px;display:flex;align-items:center;justify-content:center;gap:14px;color:#d9380c}
.legal-campaign-bridge span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#9a6b5c}
.legal-campaign-bridge svg{width:18px;height:18px;transform:rotate(90deg)}
.legal-campaign-preview article.legal-landing-example{border-color:#fc3b0055;background:linear-gradient(125deg,#fff5ef,#fff 62%)}
.legal-landing-example .legal-example-label>span{border-color:#fc3b006b;background:#fc3b00;color:#fff}
.legal-landing-example-points{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.legal-landing-example-points span{padding:9px 8px;border:1px solid #f1c4b7;border-radius:6px;background:#fff;font-size:8px;line-height:1.35;text-align:center;font-weight:800;color:#6b4135}
.legal-campaign-caption{position:relative;z-index:1;margin:18px 5px 2px!important;font-size:10px!important;line-height:1.7!important;color:#72727a!important}

.legal-portfolio{padding-top:90px!important;background:#f8f8f9;box-shadow:0 0 0 100vmax #f8f8f9;clip-path:inset(0 -100vmax)}
.legal-project-grid{gap:48px 34px}
.legal-project-grid .project-card{background:#fff;padding:12px 12px 28px;border:1px solid #e2e2e6;border-radius:17px;transition:transform .25s,box-shadow .25s}
.legal-project-grid .project-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px -45px #17171b80}
.legal-project-grid .project-image{border-radius:11px}
.legal-project-grid :is(.project-label,.project-title,.project-card>p){margin-left:13px;margin-right:13px}
.legal-project-grid .project-title h3{font-size:25px;color:#171719}
.legal-project-grid .project-card>p{color:#5a5a62}

.legal-process{display:grid;grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr);gap:clamp(55px,8vw,120px);align-items:start}
.legal-process-intro{position:sticky;top:145px}
.legal-process-intro .eyebrow{color:#d9380c}
.legal-process-intro h2{font-size:clamp(37px,4vw,54px);color:#171719;margin:0 0 24px}
.legal-process-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#5b5b63;margin-bottom:28px}
.legal-process-list article{display:block;padding:0 0 34px;position:relative}
.legal-process-list article:before{content:none}
.legal-process-list article:last-child{padding-bottom:0}
.legal-process-list article:last-child:before{display:none}
.legal-process-list article>span{width:64px;height:64px;border:1px solid #fc3b0065;border-radius:16px;background:#fff7f2;color:#d9380c;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.legal-process-list h3{font-size:26px;color:#1b1b1e;margin:0 0 13px;line-height:1.3}
.legal-process-list p{font-size:15px;line-height:1.85;color:#5b5b63;margin:0}

.legal-assurance{background:#f4f1ec;box-shadow:0 0 0 100vmax #f4f1ec;clip-path:inset(0 -100vmax)}
.legal-assurance-inner{width:min(var(--width),calc(100% - 2*var(--gutter)))}
.legal-assurance-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,.65fr);gap:clamp(45px,8vw,120px);align-items:end;margin-bottom:48px}
.legal-assurance-heading .eyebrow{color:#d9380c}
.legal-assurance-heading h2{font-size:clamp(38px,4.2vw,57px);line-height:1.15;color:#171719;margin:0}
.legal-assurance-heading>p{font-size:15px;line-height:1.9;color:#5b5b63;margin:0 0 4px}
.legal-assurance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.legal-assurance-grid article{position:relative;overflow:hidden;padding:0 25px 24px;border:1px solid #ddd8d1;border-radius:15px;background:#fff;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}
.legal-assurance-grid article:hover{transform:translateY(-4px);border-color:#e9aa97;box-shadow:0 26px 55px -43px #33261f80}
.legal-assurance-top{position:relative;height:170px;margin:0 -25px 22px;overflow:hidden;background:#292925}
.legal-assurance-top .legal-card-media{position:absolute;inset:0;display:block}
.legal-assurance-top .legal-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.legal-assurance-grid article:hover .legal-card-media img{transform:scale(1.035)}
.legal-assurance-top>span{position:absolute;bottom:14px;left:25px;font-size:12px;font-weight:700;line-height:1;color:#fff;letter-spacing:.08em;padding:8px 11px;border:1px solid #ffffff65;border-radius:6px;background:#1919199e;backdrop-filter:blur(8px)}
.legal-assurance-grid h3{font-size:24px;line-height:1.28;color:#19191c;margin:0 0 15px;max-width:420px}
.legal-assurance-grid p{font-size:13px;line-height:1.82;color:#5f5f66;margin:0 0 18px;max-width:550px}
.legal-assurance-grid small{display:block;margin-top:auto;padding-top:17px;border-top:1px solid #ece8e3;font-size:8px;line-height:1.5;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#9b6251}

.legal-personal{background:#171719;color:#fff;box-shadow:0 0 0 100vmax #171719;clip-path:inset(0 -100vmax)}
.legal-personal-inner{display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:center;padding-bottom:0!important;overflow:hidden}
.legal-personal-copy{padding-bottom:100px}
.legal-personal .eyebrow{color:#ff7651}
.legal-personal h2{font-size:clamp(38px,4.2vw,57px);line-height:1.16;color:#fff;margin:0 0 26px}
.legal-personal-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#c0c0ca;max-width:690px}
.legal-personal-points{display:grid;gap:13px;margin:31px 0}
.legal-personal-points span{display:flex;align-items:center;gap:12px;font-size:13px;color:#e2e2e8}
.legal-personal-points .legal-icon{width:19px;height:19px;color:#fc3b00}
.legal-personal .hero-actions{gap:13px}
.legal-personal .button.secondary{color:#fff;background:transparent;border-color:#ffffff45}
.legal-personal .text-link{color:#d1d1d9}
.legal-personal figure{height:625px;margin:0;position:relative;align-self:end}
.legal-personal figure:before{content:"";position:absolute;left:12%;right:2%;bottom:-20%;height:88%;border:1px solid #fc3b0060;border-radius:50%;transform:rotate(-8deg)}
.legal-personal figure img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:590px;width:auto;max-width:none;object-fit:contain;object-position:center bottom;filter:saturate(.8)}
.legal-personal figcaption{position:absolute;left:0;bottom:42px;padding:14px 18px;border-left:2px solid #fc3b00;background:#171719dc;display:flex;flex-direction:column;gap:5px}
.legal-personal figcaption strong{font-size:20px;color:#fff}
.legal-personal figcaption span{font-size:10px;color:#bdbdc6}

.legal-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(55px,7vw,105px);align-items:start}
.legal-faq .faq-grid details{border-color:#dadade}
.legal-faq .faq-grid summary{font-size:17px;font-weight:650;color:#202023;padding:25px 0}
.legal-faq .faq-grid details>p{font-size:14px;line-height:1.9;color:#5b5b63;padding-bottom:27px}

.legal-final{position:relative;isolation:isolate;overflow:hidden;background:#131315;color:#fff;text-align:left}
.legal-final-media{position:absolute;inset:0;display:block;pointer-events:none}
.legal-final-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.legal-final:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#101113f2 0%,#101113de 26%,#1011139e 53%,#1011130a 100%),linear-gradient(0deg,#1011138c,transparent 35%);pointer-events:none}
.legal-landing .legal-final-inner{position:relative;z-index:1;padding-top:115px;padding-bottom:115px}
.legal-final-copy{max-width:790px}
.legal-final .eyebrow{color:#ffa185;display:flex;align-items:center;gap:15px}
.legal-final .eyebrow:before{content:"";height:1px;width:40px;flex:none;background:#fc3b00}
.legal-final h2{font-size:clamp(41px,4.7vw,64px);line-height:1.13;color:#fff;margin:0 0 28px;text-wrap:balance}
.legal-final-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#d2d2d8;max-width:660px;margin:0 0 33px}
.legal-final .hero-actions{justify-content:flex-start;gap:13px}
.legal-final .button.secondary{background:#14141670;border-color:#ffffff70;color:#fff;backdrop-filter:blur(6px)}
.legal-final .button.secondary:hover{background:#fff;color:#171719;border-color:#fff}
.legal-final-copy>span{display:block;font-size:11px;line-height:1.7;color:#c4c4cc;margin-top:27px}
.legal-mobile-cta{display:none}

@media(max-width:1120px){
 .legal-hero{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:42px;min-height:790px}
 .legal-browser-screen{height:420px}.legal-phone{width:145px;height:298px}.legal-hero h1{font-size:53px}
 .legal-symptoms,.legal-process{gap:55px}.legal-bento article{padding:215px 29px 29px}.legal-bento article.legal-bento-main{padding:35px}
 .legal-personal-inner{gap:35px}.legal-personal figure{height:570px}.legal-personal figure img{height:545px}
}

@media(max-width:900px){
 .legal-hero{grid-template-columns:1fr;padding-top:48px;min-height:0;gap:46px;max-width:720px}.legal-hero h1{font-size:clamp(46px,8vw,65px)}.legal-hero-lead{max-width:none}.legal-ethics-note{max-width:680px}.legal-hero-visual{width:100%}.legal-browser-screen{height:485px}
 .legal-trust-bar{grid-template-columns:1fr;padding:6px 27px}.legal-trust-bar>div,.legal-trust-bar>div:first-child,.legal-trust-bar>div:last-child{padding:20px 0;border:0;border-top:1px solid #ffffff20}.legal-trust-bar>div:first-child{border:0}
 .legal-landing .section{padding-top:78px;padding-bottom:78px}.legal-symptoms,.legal-campaign,.legal-process,.legal-faq{grid-template-columns:1fr;gap:46px}.legal-symptoms .legal-section-heading,.legal-process-intro{position:static;max-width:780px}.legal-symptom-grid article{min-height:430px}
 .legal-advertising-head{grid-template-columns:1fr;gap:30px}.legal-advertising-answer{max-width:580px}.legal-advertising-sources{grid-template-columns:1fr}.legal-advertising-sources div{justify-content:flex-start}
 .legal-bento-main .legal-bento-copy{width:59%}.legal-bento-main .legal-card-media{left:44%}.legal-inline-cta{grid-template-columns:1fr;gap:25px}.legal-inline-cta .button{justify-self:start}
 .legal-final-copy{max-width:690px}.legal-final:after{background:linear-gradient(90deg,#101113ee,#10111380),linear-gradient(0deg,#101113b3,transparent)}
 .legal-campaign-preview{max-width:680px;width:100%;margin:auto;box-sizing:border-box}
 .legal-process{max-width:750px}.legal-personal-inner{grid-template-columns:1fr .8fr;padding-top:78px!important}.legal-personal-copy{padding-bottom:78px}.legal-personal figure{height:530px}.legal-personal figure img{height:500px}
 .legal-assurance-heading{grid-template-columns:1fr;gap:22px}.legal-assurance-heading>p{max-width:720px}
 .legal-faq .legal-section-heading{max-width:700px}
}

@media(max-width:650px){
 .legal-bento-main .legal-card-media{mask-image:none}
 .legal-landing{padding-bottom:69px}.legal-landing .review-bar{display:none}.legal-hero{width:calc(100% - 2*var(--gutter));padding:37px 0 38px;gap:35px}.legal-hero h1{font-size:clamp(38px,10.7vw,50px);line-height:1.1}.legal-hero-promise{font-size:22px;margin-top:20px}.legal-hero-lead{font-size:14px;line-height:1.85}.legal-ethics-note{grid-template-columns:38px 1fr;gap:13px;margin-top:19px;padding:16px 15px}.legal-ethics-note .legal-icon{width:34px;height:34px;padding:6px}.legal-ethics-note strong{font-size:14px}.legal-ethics-note p{font-size:11px;line-height:1.63}.legal-hero .hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px}.legal-hero .button{width:100%;justify-content:space-between}.legal-audience{margin-top:22px}.legal-audience span{font-size:8px;padding:7px 9px}
 .legal-hero-visual{padding:0 23px 46px 0}.legal-browser{border-radius:13px;padding:0 4px 4px}.legal-browser-bar{height:26px}.legal-browser-screen{height:auto;aspect-ratio:4 / 3;border-radius:8px}.legal-browser-screen img{height:100%;object-fit:cover;object-position:top}.legal-phone{width:100px;height:205px;border-width:5px;border-radius:20px;right:0;bottom:18px}.legal-phone img{border-radius:13px}.legal-hero-visual figcaption{left:6px;bottom:0;max-width:230px}.legal-hero-visual figcaption strong{font-size:9px}.legal-hero-visual figcaption span{font-size:8px}
 .legal-trust-bar{width:calc(100% - 2*var(--gutter));border-radius:11px;margin-bottom:0;padding-inline:20px}.legal-trust-bar .legal-icon{width:37px;height:37px}.legal-trust-bar strong{font-size:14px}.legal-trust-bar span{font-size:10px}
 .legal-landing .section{padding-top:61px;padding-bottom:61px}.legal-section-heading h2,.legal-campaign-copy h2,.legal-process-intro h2{font-size:35px}.legal-section-heading>p:last-child,.legal-campaign-copy>p:not(.eyebrow):not(.lead){font-size:14px}.legal-section-heading.centered{text-align:left;margin-bottom:35px}
 .legal-landing .legal-advertising{padding-top:51px;padding-bottom:18px}.legal-advertising-card{padding:0}.legal-advertising h2{font-size:35px}.legal-advertising-answer{grid-template-columns:43px 1fr;padding:16px}.legal-advertising-answer>span{width:43px;height:43px}.legal-advertising-answer strong{font-size:14px}.legal-advertising-lead{margin:27px 0;font-size:14px}.legal-advertising-rules{grid-template-columns:1fr}.legal-advertising-rules article{padding:23px 20px}.legal-advertising-rules h3{font-size:21px}.legal-advertising-sources{gap:19px;margin-top:23px}.legal-advertising-sources div{display:grid;justify-content:stretch}.legal-landing .legal-campaign{padding-top:52px}
 .legal-symptom-grid{grid-template-columns:1fr}.legal-symptom-grid article,.legal-symptom-grid article.wide{grid-column:auto;min-height:405px;padding:24px;gap:130px}.legal-symptom-grid h3{font-size:23px}.legal-symptom-grid p{font-size:13px}.legal-symptom-grid article.wide:after{background:linear-gradient(180deg,#10111325 0%,#10111312 20%,#101113e6 53%,#101113 100%)}
 .legal-bento{grid-template-columns:1fr}.legal-bento article,.legal-bento article.legal-bento-main{grid-column:auto;min-height:0;padding:210px 25px 27px}.legal-bento-main .legal-card-media{inset:0 0 auto;height:300px}.legal-bento-main .legal-bento-copy{width:100%;max-width:none}.legal-bento article.legal-bento-main:after{background:linear-gradient(180deg,#1e1e2100 0%,#1e1e2133 21%,#1e1e21 40%)}.legal-topic-cloud{margin-top:24px}.legal-inline-cta{margin-top:35px;padding-top:30px}.legal-inline-cta strong{font-size:23px}.legal-inline-cta .button{width:100%;white-space:normal;justify-content:space-between;text-align:left}
 .legal-campaign-copy .lead{font-size:18px}.legal-campaign-preview{padding:13px}.legal-campaign-preview article{padding:20px 18px}.legal-campaign-preview-head{align-items:flex-start}.legal-campaign-preview-head small{text-align:right}.legal-example-label{grid-template-columns:37px 1fr;gap:11px}.legal-example-label>span{width:37px;height:37px}.legal-example-label strong{font-size:17px}.legal-landing-example-points{grid-template-columns:1fr}.legal-campaign-caption{margin-top:15px!important}
 .legal-portfolio{padding-top:61px!important}.legal-project-grid{grid-template-columns:1fr;gap:25px}.legal-project-grid .project-card{padding-bottom:24px}.legal-project-grid .project-title h3{font-size:22px}
 .legal-process-list article{grid-template-columns:57px 1fr;gap:18px;padding-bottom:34px}.legal-process-list article>span{width:52px;height:52px;border-radius:13px;font-size:12px}.legal-process-list article:before{left:25px;top:55px}.legal-process-list h3{font-size:22px;margin-top:3px}.legal-process-list p{font-size:13px}
 .legal-assurance-heading h2{font-size:35px}.legal-assurance-grid{grid-template-columns:1fr}.legal-assurance-grid article{padding:0 25px 24px}.legal-assurance-top{height:155px;margin-bottom:22px}.legal-assurance-grid h3{font-size:22px}
 .legal-personal-inner{grid-template-columns:1fr;padding-top:61px!important}.legal-personal-copy{padding-bottom:20px}.legal-personal h2{font-size:35px}.legal-personal-copy>p:not(.eyebrow){font-size:14px}.legal-personal .hero-actions{display:grid}.legal-personal .button,.legal-personal .text-link{width:100%;justify-content:space-between}.legal-personal figure{height:450px;width:100%;max-width:380px;justify-self:center}.legal-personal figure img{height:430px}.legal-personal figcaption{bottom:25px}.legal-personal figcaption strong{font-size:17px}
 .legal-faq .faq-grid summary{font-size:15px;gap:20px}.legal-faq .faq-grid details>p{font-size:13px;padding-right:0}
 .legal-landing .legal-final-inner{padding-top:115px;padding-bottom:72px}.legal-final-media img{object-position:70% center}.legal-final:after{background:linear-gradient(180deg,#10111322,#101113b8 22%,#101113f0 70%,#101113)}.legal-final .eyebrow{font-size:9px;gap:10px;line-height:1.6}.legal-final .eyebrow:before{width:22px}.legal-final h2{font-size:37px}.legal-final-copy>p:not(.eyebrow){font-size:14px}.legal-final .hero-actions{display:grid}.legal-final .button{width:100%;justify-content:space-between}
 .legal-mobile-cta{position:fixed;z-index:50;left:0;right:0;bottom:0;height:69px;display:grid;grid-template-columns:.8fr 1.2fr;padding:8px;background:#171719;border-top:1px solid #ffffff22;box-shadow:0 -8px 28px #1114}.legal-mobile-cta a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:800;color:#fff;border:1px solid #ffffff2e}.legal-mobile-cta a:last-child{background:#d9380c;border-color:#d9380c;gap:13px}.legal-mobile-cta svg{width:18px;height:18px}
}

@media(max-width:370px){.legal-hero h1{font-size:36px}.legal-section-heading h2,.legal-campaign-copy h2,.legal-process-intro h2,.legal-assurance-heading h2,.legal-personal h2,.legal-advertising h2{font-size:32px}.legal-phone{width:88px;height:182px}}
@media(prefers-reduced-motion:reduce){.legal-phone{animation:none}.legal-hero-visual:hover .legal-browser-screen img,.legal-symptom-grid article:hover,.legal-bento article:hover,.legal-symptom-grid article:hover .legal-card-media img,.legal-bento article:hover .legal-card-media img{transform:none}.legal-card-media img{transition:none}}
@media print{.legal-mobile-cta{display:none}.legal-hero{display:block;min-height:0}.legal-hero-visual,.legal-trust-bar{margin-top:30px}.legal-symptoms,.legal-campaign,.legal-process,.legal-faq,.legal-personal-inner,.legal-assurance-heading{display:block}.legal-dark-section,.legal-personal,.legal-assurance{background:#fff;color:#111;box-shadow:none}.legal-dark-section :is(h2,h3),.legal-personal :is(h2,h3){color:#111}.legal-bento,.legal-assurance-grid{display:block}.legal-bento article,.legal-assurance-grid article{margin-bottom:15px}.legal-personal figure{display:none}}
/* Current Matula capture, scoped to the legal landing, 2026-10-19. */
.legal-matula-visual{padding:0 38px 100px 0;width:100%;box-sizing:border-box}
.legal-matula-visual .legal-browser{transform:rotate(-1deg);overflow:visible}
.legal-matula-visual .legal-browser-bar{justify-content:center;height:29px}
.legal-matula-visual .legal-browser-screen{height:auto;aspect-ratio:1336/740;border-radius:10px;background:#292c29}
.legal-matula-visual .legal-browser-screen:after{content:none}
.legal-matula-visual .legal-browser-screen img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;transform:none;transition:none}
.legal-matula-visual:hover .legal-browser-screen img{transform:none}
.legal-matula-visual .legal-phone{width:clamp(100px,12vw,162px);height:auto;aspect-ratio:360/792;bottom:48px;transform:rotate(2deg);animation:none}
.legal-matula-visual .legal-phone img{display:block;width:100%;height:100%;object-fit:contain}
.legal-matula-visual figcaption{position:static;margin:24px 145px 0 8px;max-width:none;font-size:11px;line-height:1.65}
.legal-matula-case{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:50px;align-items:center;padding:40px;border:1px solid #e2e2e6;border-radius:24px;background:#faf9f7}
.legal-matula-case-visual{min-width:0}
.legal-matula-case .legal-matula-visual{padding-bottom:65px}
.legal-matula-case .legal-phone{bottom:0}
.legal-matula-case-copy{min-width:0}
.legal-matula-case-copy>.eyebrow{margin:0 0 13px}
.legal-matula-case-copy h3{font-size:clamp(26px,2.8vw,38px);line-height:1.25;margin:0 0 22px;color:#171719}
.legal-matula-case-copy>p:not(.eyebrow),.legal-matula-case-copy li{font-size:14px;line-height:1.85;color:#55555e}
.legal-matula-case-copy ul{padding-left:20px;margin:20px 0 25px}
.legal-matula-case-copy li{padding-left:4px;margin:10px 0}
.legal-matula-case-copy .text-link{display:inline-flex;min-height:44px;align-items:center;line-height:1.6;color:#b52e08;text-decoration:underline;text-underline-offset:4px}
.legal-matula-case-copy .text-link:focus-visible{outline:2px solid #fc3b00;outline-offset:5px}
@media(max-width:1000px){.legal-matula-case{gap:32px;padding:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:800px){.legal-matula-case{grid-template-columns:minmax(0,1fr);gap:30px}.legal-matula-case-visual{width:100%;max-width:600px;margin-inline:auto}.legal-matula-case .legal-phone{width:140px}}
@media(max-width:650px){.legal-matula-visual{padding:0 24px 45px 0}.legal-matula-visual .legal-browser-screen{aspect-ratio:1336/740;border-radius:7px}.legal-matula-visual .legal-browser-bar{height:24px}.legal-matula-visual .legal-phone{width:94px;bottom:59px;border-width:4px;border-radius:18px}.legal-matula-visual .legal-phone img{border-radius:12px}.legal-matula-visual figcaption{margin:24px 85px 0 4px;font-size:10px;line-height:1.6}.legal-matula-visual figcaption strong{font-size:9px}.legal-matula-visual figcaption span{font-size:10px}.legal-matula-case{padding:23px 19px;gap:26px;border-radius:18px}.legal-matula-case .legal-matula-visual{padding-bottom:50px}.legal-matula-case .legal-phone{width:85px;bottom:0}.legal-matula-case-copy h3{font-size:28px}.legal-matula-case-copy .text-link{font-size:12px}}
@media(max-width:370px){.legal-matula-visual .legal-phone{width:78px}.legal-matula-visual figcaption{margin-right:65px}.legal-matula-case .legal-phone{width:72px}.legal-matula-case-copy h3{font-size:25px}}

/* Copy and visual corrections requested on 2026-10-20. */
.legal-campaign-preview:before{content:none}
.legal-campaign-preview article>p{font-size:13px;line-height:1.8}
.legal-example-label strong{letter-spacing:-.02em}
.legal-example-label small{font-size:9px;color:#67676e}
.legal-campaign-bridge{height:auto;min-height:49px;padding:12px 0}
.legal-campaign-bridge span{font-size:10px;letter-spacing:.04em;color:#795346}
.legal-example-details{margin:23px 0;display:grid;gap:19px}
.legal-example-details dt,.legal-example-contact>strong{font-size:14px;font-weight:750;line-height:1.55;color:#27272b}
.legal-example-details dd,.legal-example-contact p{font-size:13px;line-height:1.8;color:#55555e;margin:6px 0 0}
.legal-example-contact{border-top:1px solid #ead9d2;padding-top:20px}
.legal-example-cta{display:inline-block;margin-top:16px;padding:12px 16px;border-radius:8px;background:#c43c18;color:#fff;font-size:12px;font-weight:700;line-height:1.55}
.legal-campaign-caption{font-size:11px!important;color:#62626b!important}
.legal-matula-case-copy h3{letter-spacing:-.025em;word-spacing:.015em}
.legal-personal .legal-chat-bubble{left:0;bottom:35px;width:min(330px,100%);box-sizing:border-box;padding:20px 23px;border:0;border-radius:20px;background:#fff5ed;box-shadow:0 14px 36px #0002;gap:7px}
.legal-personal .legal-chat-bubble:before{content:"";position:absolute;top:-9px;right:36px;width:21px;height:21px;transform:rotate(45deg);border-radius:4px;background:#fff5ed}
.legal-personal .legal-chat-bubble strong{font-size:21px;line-height:1.35;letter-spacing:-.02em;color:#222225}
.legal-personal .legal-chat-bubble span{font-size:14px;line-height:1.65;color:#68534b}
@media(max-width:650px){.legal-personal .legal-chat-bubble{bottom:24px;padding:18px 20px}.legal-personal .legal-chat-bubble strong{font-size:20px}.legal-personal .legal-chat-bubble span{font-size:13px}.legal-campaign-preview-head{flex-direction:column;align-items:flex-start;gap:6px}.legal-campaign-preview-head small{text-align:left}}
