/* Scoped visual pass: phone hardware, the home inbox, and Paralegal hero. */
/* Remove inherited mockup defaults absent from the live compose demo. */
#page-paralegal #inbx{margin-inline:auto}
#page-paralegal #sec-demo button{line-height:normal}
body[data-page="paralegal"] #page-paralegal .iph{background:linear-gradient(105deg,#aaa6a1,#e2ddd7 2%,#77736f 4%,#b4afa9 50%,#696763 96%,#e9e6df 99%);border:1px solid #b8b4b0;outline:1px solid #242222;outline-offset:0;box-shadow:inset 0 0 0 2px #151515,0 32px 55px -24px #28222577;backdrop-filter:none}
body[data-page="paralegal"] #page-paralegal .iph::after{display:none}
body[data-page="paralegal"] #page-paralegal .iph-scr{inset:8px;border:3px solid #101012;border-radius:44px}
.native-compose-status{position:absolute;top:20px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;height:16px;color:#18181b;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px}
.native-compose-status span{display:flex;gap:3px;align-items:center}.native-compose-status svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.native-compose-status svg:last-child{width:19px}
.native-compose-home{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:96px;height:4px;border-radius:4px;background:#171719}
#page-paralegal .pl-hero-core{max-width:1640px;margin-inline:auto;padding-inline:clamp(24px,4vw,64px)}
#page-paralegal .pl-hero-core .pl-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;font-family:var(--sans);font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:#f3e9e5}
#page-paralegal .pl-eyebrow i{width:7px;height:7px;border-radius:50%;background:#df9bb2;box-shadow:0 0 0 7px #df9bb21a}
#page-paralegal .pl-hero-core h1{font-family:var(--sans);font-size:clamp(66px,6.4vw,108px);font-weight:470;line-height:1.045;letter-spacing:-.06em;text-transform:none;color:#fff;margin-top:22px}
#page-paralegal .pl-hero-core h1 .dot{color:inherit}
#page-paralegal .pl-hero-core>.lede{font-family:var(--sans);font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:#ffffffe0;max-width:45ch;margin-top:27px}
#page-paralegal .pl-ctas{margin-top:30px}
.nx-ph-shell{position:relative}
.nx-ph.native-call{aspect-ratio:390/844;padding:5.5cqw 5cqw 4cqw;border-radius:14cqw;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;background:radial-gradient(ellipse at 5% 0%,#85798580,transparent 67%),linear-gradient(145deg,#4c454e,#292930 72%,#383840);border:.55cqw solid #93948f;box-shadow:inset 0 0 0 .55cqw #161619,inset 0 0 0 1.65cqw #08080a,inset 0 0 0 1.8cqw #bebbb866,0 1px 0 #fff9,0 3cqw 5cqw -2cqw #17141955,0 14cqw 24cqw -12cqw #17141999;overflow:hidden}
.native-call .nx-ph-island{top:5cqw;width:29cqw;height:7.7cqw;background:#030304}
.native-call .nx-ph-island::before{content:"";position:absolute;right:3cqw;top:2.2cqw;width:3cqw;height:3cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#243046,#0a0b10 55%,#17171b 70%)}
.native-call .nx-ph-island::after{content:"";position:absolute;right:7.3cqw;top:3.4cqw;width:1.15cqw;height:1.15cqw;border-radius:50%;background:#ffae32}
.native-call .nx-ph-status{height:8cqw;padding:0 3.7cqw;font-size:3.8cqw;gap:1cqw}
.native-call .nx-ph-status>span:not(.native-indicators){margin-left:auto;gap:.5cqw;height:2.9cqw}
.native-call .nx-ph-status>span.native-indicators{gap:.8cqw;height:4cqw;align-items:center}
.native-indicators svg{width:4cqw;height:4cqw;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.native-indicators svg:last-child{width:5.3cqw}
.native-call .nx-ph-head{margin-top:10cqw}
.native-call .nx-ph-av{display:none}
.native-call .nx-ph-head b{font-size:7.5cqw;font-weight:500;letter-spacing:-.045em;margin-top:4cqw}
.native-call .nx-ph-head p{font-size:3cqw;margin-top:2cqw;color:#ffffff70}
.native-call .nx-ph-head time{font-size:4.5cqw;color:#ffffffb3;margin-top:2cqw}
.native-call .nx-ph-cap{margin:13cqw 3cqw 0;padding:4.3cqw;border-radius:5cqw;border:1px solid #ffffff1a;background:#ffffff0e;box-shadow:inset 0 1px 0 #ffffff08}
.native-call .nx-ph-cap small{font-size:2.5cqw;letter-spacing:.06em;text-transform:none;color:#ffffffb5;display:flex;gap:2cqw;align-items:center}
.native-call .nx-ph-cap small::before{content:"";width:4cqw;height:3.5cqw;background:repeating-linear-gradient(90deg,#e17b9d 0 .45cqw,transparent .45cqw 1cqw)}
.native-call .nx-ph-cap p{font-size:4.15cqw;line-height:1.43;margin-top:3.3cqw;letter-spacing:-.02em}
.native-call .nx-ph-wave,.native-call .nx-ph-end{display:none}
.native-call .nx-ph-grid{left:9cqw;right:9cqw;bottom:14.5cqw;row-gap:6cqw}
.native-call .nx-ph-grid span{font-size:2.9cqw;color:#ffffffed;gap:2cqw}
.native-call .nx-ph-grid i{width:17.4cqw;height:17.4cqw;background:#ffffff19;border:1px solid #ffffff0b;box-shadow:inset 0 1px 0 #ffffff12}
.native-call .nx-ph-grid svg{width:6.3cqw;height:6.3cqw;stroke-width:1.9}
.native-call .nx-ph-grid .native-end i{background:#f15443;border-color:#ff766255}
.native-call .native-end svg{fill:currentColor;stroke:none}
.native-call .nx-ph-home{width:34cqw;height:1.2cqw;bottom:6cqw;background:#fff}
.native-side{position:absolute;display:block;width:1cqw;z-index:-1;background:linear-gradient(90deg,#323332,#c1c0ba,#555650);border:1px solid #111;border-radius:1cqw;pointer-events:none}
.native-side-left{left:-.7cqw;top:24%;height:12%;box-shadow:0 -13cqw 0 -.1cqw #72736f}
.native-side-right{right:-.7cqw;top:32%;height:16%}
.native-mail{display:grid!important;grid-template-columns:32% minmax(0,1fr);grid-template-rows:auto auto auto 1fr;background:#fff!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;border-radius:2cqw!important;overflow:hidden}
.native-mail .nx-win-bar{grid-column:1/-1;padding:2.2cqw 2.8cqw!important;background:#e9e8e8!important;border-bottom:0!important;gap:3cqw!important}
.native-mail .nx-win-bar b{font-size:2.6cqw!important;color:#38383b}
.native-mail .nx-win-bar em{font-size:2.1cqw!important;color:#7a797e!important}
.native-mail .nx-tl{gap:1cqw!important}
.native-mail .nx-tl i{width:1.9cqw!important;height:1.9cqw!important;background:#ff5f57!important}
.native-mail .nx-tl i:nth-child(2){background:#ffbd2e!important}.native-mail .nx-tl i:nth-child(3){background:#28c840!important}
.native-mail-tools{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:2cqw 3cqw;background:#f2f1f2;border-bottom:1px solid #d8d7db;color:#727278}
.native-mail-tools span{display:flex;gap:4cqw}
.native-mail svg{width:3.2cqw;height:3.2cqw;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.native-mail-folder{grid-column:1/-1;display:flex;justify-content:space-between;padding:2.1cqw 3cqw;background:#fafafa;border-bottom:1px solid #dedde1}
.native-mail-folder b{font-size:2.8cqw;color:#35353a;font-weight:600}.native-mail-folder b span{font-size:2.2cqw;color:#8c8c91;margin-left:1cqw}.native-mail-folder small{font-size:2.1cqw;color:#85858b}
.native-mail .nx-mn-list{grid-column:1;grid-row:4;background:#f7f7f8;border-right:1px solid #dddde1}
.native-mail .nx-mn-list li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1cqw;padding:3cqw 2.4cqw!important;border-bottom:1px solid #e1e1e5;min-height:20cqw}
.native-mail .nx-mn-list li.on{background:#e3eaf6;box-shadow:none;border-left:0}
.native-mail .nx-mn-list .nx-mail-av{display:none}
.native-mail .nx-mn-list b{font-size:2.45cqw!important;line-height:1.3!important;white-space:normal!important;color:#24242a}
.native-mail .nx-mn-list i{font-size:2.2cqw!important;line-height:1.35!important;white-space:normal!important;color:#51515a;margin-top:1cqw!important}
.native-mail .nx-mn-list small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:2.05cqw;line-height:1.35;color:#8b8b93;margin-top:1cqw}
.native-mail .nx-mn-list time{font-size:1.9cqw!important;color:#8a8a93;align-self:flex-end}
.native-mail .nx-mn-read{grid-column:2;grid-row:4;padding:4cqw 3.3cqw!important;display:flex;flex-direction:column;background:white;min-width:0}
.native-mail .nx-mn-from{grid-template-columns:5.8cqw minmax(0,1fr);gap:1.5cqw;align-items:start}
.native-mail .nx-mn-from .nx-mail-av{width:5.8cqw;height:5.8cqw;font-size:2.4cqw}
.native-mail .nx-mn-from b{font-size:2.45cqw;line-height:1.25}
.native-mail .nx-mn-from small{font-size:1.95cqw;line-height:1.5;overflow-wrap:anywhere;color:#85858b}
.native-mail .nx-mn-from time{grid-column:2;font-size:1.85cqw;color:#a0a0a6}
.native-mail .nx-mn-read h4{font-size:3.1cqw;line-height:1.25;margin:4cqw 0 3cqw;font-weight:600;letter-spacing:-.025em}
.native-mail .nx-mn-read>p{font-size:2.55cqw;line-height:1.6;color:#37373c}
.native-mail .nx-mn-att{grid-template-columns:7cqw minmax(0,1fr);padding:2cqw;margin-top:4cqw;gap:1.7cqw;border:1px solid #e0e0e3;border-radius:1.2cqw;background:#f8f8fa}
.native-mail .nx-mn-att .fic{width:7cqw;height:8cqw;border-radius:.7cqw;font-size:1.7cqw}
.native-mail .nx-mn-att b{font-size:2.15cqw;overflow-wrap:anywhere}.native-mail .nx-mn-att small{font-size:1.85cqw;line-height:1.4}.native-mail .nx-mn-att em{grid-column:2;font-size:1.9cqw}
.native-mail-reply{display:flex;align-items:center;gap:2cqw;margin-top:auto;padding-top:5cqw;font-size:2cqw;color:#808088}
@media(max-width:720px){#page-paralegal .pl-hero-core h1{font-size:clamp(52px,12vw,76px)}#page-paralegal .pl-hero-core>.lede{max-width:32ch}.native-mail .nx-mn-read>p{font-size:2.8cqw}}