.p27.p27-fidelity{--ink:#080f17;--hero:#0b131f;--navy:#0e1825;--rail:#111c2b;--text:#eef3f6;--muted:#b9c8d6;--soft:#93a5b5;--line:#2c3c4d;--teal:#61bdaa;--violet:#8d85b6;--warm:#c8a66a;--button:#66d1bd;--gray:#b5b7b9;--shell:1184px}
.p27.p27-fidelity *{box-sizing:border-box}
.p27.p27-fidelity{margin:0;background:var(--ink);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
.p27.p27-fidelity a{color:inherit;text-decoration:none}
.p27.p27-fidelity button{font:inherit}
.p27.p27-fidelity a:hover{color:var(--teal)}
.p27.p27-fidelity a:focus-visible,.p27.p27-fidelity button:focus-visible,.p27.p27-fidelity summary:focus-visible{outline:2px solid var(--teal);outline-offset:5px}
.p27.p27-fidelity img{display:block;max-width:100%}
.p27.p27-fidelity button{cursor:pointer}
.p27.p27-fidelity h1,.p27.p27-fidelity h2,.p27.p27-fidelity h3,.p27.p27-fidelity p,.p27.p27-fidelity figure,.p27.p27-fidelity ul,.p27.p27-fidelity dl,.p27.p27-fidelity dd{margin:0}
.p27.p27-fidelity h1,.p27.p27-fidelity h2,.p27.p27-fidelity h3{color:var(--text);font-weight:600;line-height:1.16;letter-spacing:-.035em}
.p27.p27-fidelity h1{font-size:clamp(43px,4.3vw,62px);line-height:1.05;letter-spacing:-.05em}
.p27.p27-fidelity h2{font-size:36px}
.p27.p27-fidelity h3{font-size:21px;line-height:1.3;letter-spacing:-.02em}
.p27.p27-fidelity p{color:var(--muted)}
.p27.p27-fidelity .shell{width:min(var(--shell),calc(100% - 64px));margin-inline:auto}
.p27.p27-fidelity .eyebrow{color:var(--teal);font-size:13px;font-weight:650;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}
.p27.p27-fidelity .eyebrow+.heading,.p27.p27-fidelity .eyebrow+h1,.p27.p27-fidelity .eyebrow+h2{margin-top:18px}
.p27.p27-fidelity .icon{width:24px;height:24px;flex-shrink:0}
.p27.p27-fidelity .arrow{width:20px;height:20px;color:var(--teal)}
.p27.p27-fidelity .breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);padding:24px 0 0}
.p27.p27-fidelity .breadcrumbs .slash{color:var(--teal)}
.p27.p27-fidelity .breadcrumbs [aria-current]{color:#e6edf4}
.p27.p27-fidelity .hero{background:var(--hero);border-bottom:1px solid var(--line)}
.p27.p27-fidelity .hero-grid{display:grid;grid-template-columns:minmax(0,.80fr) minmax(0,1.20fr);gap:52px;align-items:center;padding-block:66px 72px}
.p27.p27-fidelity .hero-copy{min-width:0}
.p27.p27-fidelity .hero-copy h1 span{display:block}
.p27.p27-fidelity .hero-tagline{font-size:23px;color:var(--text);line-height:1.4;letter-spacing:-.02em;font-weight:500;margin-top:24px}
.p27.p27-fidelity .hero-desc{margin-top:17px;max-width:45ch;font-size:16px;line-height:1.7}
.p27.p27-fidelity .hero-meta{font-size:12px;color:var(--soft);margin-top:22px;display:flex;gap:11px;flex-wrap:wrap;align-items:center}
.p27.p27-fidelity .hero-meta i{height:12px;width:1px;background:#556274}
.p27.p27-fidelity .actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}
.p27.p27-fidelity .button{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border-radius:4px;font-size:14px;line-height:1.4;font-weight:600;border:1px solid transparent;color:#08202b;background:var(--button)}
.p27.p27-fidelity .button:hover{color:#051a20;background:#79dbc8}
.p27.p27-fidelity .button.secondary{color:var(--text);background:transparent;border-color:#587080}
.p27.p27-fidelity .button.secondary:hover{border-color:var(--teal);color:var(--teal)}
.p27.p27-fidelity .screenshot{min-width:0}
.p27.p27-fidelity .screenshot a{padding:0;border:1px solid #415064;background:#e7e7e7;border-radius:5px;width:100%;display:block;overflow:hidden;position:relative}
.p27.p27-fidelity .screenshot a img{width:100%;height:auto}
.p27.p27-fidelity .zoom{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;gap:6px;background:rgba(7,16,27,.9);color:var(--text);border:1px solid #556478;font-size:11px;border-radius:3px;padding:6px 8px;opacity:0;transition:opacity .15s}
.p27.p27-fidelity .zoom .icon{width:14px;height:14px}
.p27.p27-fidelity .screenshot a:hover .zoom,.p27.p27-fidelity .screenshot a:focus-visible .zoom{opacity:1}
.p27.p27-fidelity figcaption{color:var(--soft);font-size:12px;line-height:1.55;margin-top:13px}
.p27.p27-fidelity .section{padding-block:78px;border-bottom:1px solid var(--line)}
.p27.p27-fidelity .section.ink{background:var(--ink)}
.p27.p27-fidelity .section-lead{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:38px}
.p27.p27-fidelity .section-lead h2{max-width:20ch}
.p27.p27-fidelity .section-lead>p{margin-top:2px;max-width:55ch}
.p27.p27-fidelity .section-lead .eyebrow{margin-bottom:15px}
.p27.p27-fidelity .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.p27.p27-fidelity .feature{border:1px solid #304455;border-top:2px solid var(--teal);border-radius:5px;padding:28px 28px 29px;background:linear-gradient(145deg,#142437,#101a28)}
.p27.p27-fidelity .feature.violet{border-top-color:var(--violet);background:linear-gradient(145deg,#1c2037,#111a28)}
.p27.p27-fidelity .feature.warm{border-top-color:var(--warm);background:linear-gradient(145deg,#25272d,#111a28)}
.p27.p27-fidelity .feature>.icon{width:25px;height:25px;margin-bottom:23px;color:var(--teal)}
.p27.p27-fidelity .feature.violet>.icon{color:var(--violet)}
.p27.p27-fidelity .feature.warm>.icon{color:var(--warm)}
.p27.p27-fidelity .feature h3{font-size:21px}
.p27.p27-fidelity .feature p{margin-top:16px;font-size:15px;line-height:1.72}
.p27.p27-fidelity .recording-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(0,1fr);gap:54px;align-items:center}
.p27.p27-fidelity .recording-copy h2{max-width:17ch;margin-top:17px}
.p27.p27-fidelity .recording-copy>p{margin-top:20px}
.p27.p27-fidelity .open-notes{margin-top:27px}
.p27.p27-fidelity .open-note{border-top:1px solid var(--line);padding-top:19px;margin-top:19px}
.p27.p27-fidelity .open-note h3{font-size:17px;letter-spacing:-.015em}
.p27.p27-fidelity .open-note p{font-size:14px;line-height:1.7;margin-top:8px}
.p27.p27-fidelity .open-note .sensitive{margin-top:9px;color:#cbb38a;font-size:12px}
.p27.p27-fidelity .firefox-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:100px;align-items:center}
.p27.p27-fidelity .firefox-copy h2{max-width:21ch;margin-top:18px}
.p27.p27-fidelity .firefox-copy>p{margin-top:21px;max-width:55ch}
.p27.p27-fidelity .handoffs{margin-top:27px}
.p27.p27-fidelity .handoff{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;padding:18px 0;border-top:1px solid var(--line);align-items:start}
.p27.p27-fidelity .handoff h3{font-size:16px;line-height:1.45;letter-spacing:-.015em;padding-left:14px;position:relative}
.p27.p27-fidelity .handoff h3::before{content:"";position:absolute;top:3px;bottom:3px;left:0;width:1px;background:var(--teal)}
.p27.p27-fidelity .handoff:nth-child(2) h3::before{background:var(--violet)}
.p27.p27-fidelity .handoff:nth-child(3) h3::before{background:var(--warm)}
.p27.p27-fidelity .handoff p{font-size:14px;line-height:1.65}
.p27.p27-fidelity .firefox-copy .footnote{font-size:13px;line-height:1.65;margin-top:15px;color:var(--soft)}
.p27.p27-fidelity .firefox-shot{max-width:326px;margin-left:auto;margin-right:44px}
.p27.p27-fidelity .firefox-shot a{border-color:#414659;background:var(--hero);border-radius:5px}
.p27.p27-fidelity .requirements-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:80px;align-items:start}
.p27.p27-fidelity .requirements-lead h2{margin-top:17px;max-width:17ch}
.p27.p27-fidelity .requirements-lead p{margin-top:20px;max-width:40ch}
.p27.p27-fidelity .specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 34px}
.p27.p27-fidelity .spec{border-top:1px solid #4b5a6b;padding-top:18px}
.p27.p27-fidelity .spec h3{color:var(--text);font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.015em}
.p27.p27-fidelity .spec p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:9px}
.p27.p27-fidelity .spec p small{display:block;font-size:12px;margin-top:5px;color:var(--soft)}
.p27.p27-fidelity .requirements-bottom{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:38px;border-top:1px solid var(--line);padding-top:25px}
.p27.p27-fidelity .requirements-bottom p{font-size:13px;line-height:1.65}
.p27.p27-fidelity .requirements-bottom strong{font-weight:600;color:var(--text)}
.p27.p27-fidelity .keep-awake{padding-left:17px;border-left:1px solid var(--warm)}
.p27.p27-fidelity .setup-section{padding-bottom:66px}
.p27.p27-fidelity .setup-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}
.p27.p27-fidelity .setup-lead h2{max-width:20ch;margin-top:18px}
.p27.p27-fidelity .setup-lead p{margin-top:21px;max-width:38ch}
.p27.p27-fidelity .steps{list-style:none;padding:0;margin:0;counter-reset:step}
.p27.p27-fidelity .step{counter-increment:step;display:grid;grid-template-columns:36px 1fr;gap:18px;padding:17px 0;border-top:1px solid var(--line)}
.p27.p27-fidelity .step::before{content:counter(step,decimal-leading-zero);font-size:13px;font-weight:600;color:var(--teal);padding-top:3px}
.p27.p27-fidelity .step:nth-child(2)::before{color:var(--violet)}
.p27.p27-fidelity .step:nth-child(3)::before{color:var(--warm)}
.p27.p27-fidelity .step h3{font-size:17px}
.p27.p27-fidelity .step p{font-size:14px;line-height:1.65;margin-top:7px}
.p27.p27-fidelity .compatibility{margin-top:36px;padding-top:23px;border-top:1px solid var(--line);font-size:13px;color:var(--soft);max-width:100%}
.p27.p27-fidelity .compatibility strong{color:var(--muted);font-weight:500}
.p27.p27-fidelity .release-band{background:var(--navy);padding-block:36px;border-bottom:1px solid var(--line)}
.p27.p27-fidelity .release-inner{display:grid;grid-template-columns:1fr 1.12fr;gap:60px;align-items:center}
.p27.p27-fidelity .release-inner h2{font-size:26px;max-width:22ch}
.p27.p27-fidelity .release-inner p{margin-top:10px;font-size:14px}
.p27.p27-fidelity .release-actions{display:flex;gap:13px;flex-wrap:wrap;justify-content:flex-end}
.p27.p27-fidelity .release-actions .button{min-width:184px;min-height:48px}
.p27.p27-fidelity .release-actions .button[aria-disabled]{cursor:default}
.p27.p27-fidelity .release-side .release-note{font-size:12px;text-align:right;color:var(--soft);margin-top:11px}
.p27.p27-fidelity dialog{border:1px solid #3e5165;background:#0b131f;color:var(--text);padding:40px 14px 16px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);border-radius:6px;overflow:auto}
.p27.p27-fidelity dialog::backdrop{background:rgba(2,7,13,.9)}
.p27.p27-fidelity dialog img{max-width:100%;height:auto;max-height:calc(100dvh - 130px);object-fit:contain}
.p27.p27-fidelity dialog .close{position:absolute;top:7px;right:10px;border:0;background:transparent;color:var(--text);font-size:20px}
.p27.p27-fidelity dialog p{font-size:12px;padding-top:10px}
.p27.p27-fidelity .no-scroll{overflow:hidden}
@media (min-width:1600px){.p27.p27-fidelity .hero-grid{gap:58px}}
@media (max-width:1150px){.p27.p27-fidelity .hero-grid{gap:32px;grid-template-columns:.90fr 1.10fr}
.p27.p27-fidelity .hero-copy h1{font-size:52px}
.p27.p27-fidelity .hero-tagline{font-size:21px}
.p27.p27-fidelity .section{padding-block:66px}
.p27.p27-fidelity .firefox-grid{gap:55px}
.p27.p27-fidelity .firefox-shot{margin-right:10px}
.p27.p27-fidelity .recording-grid{gap:35px}
.p27.p27-fidelity .handoff{grid-template-columns:155px 1fr;gap:18px}
.p27.p27-fidelity .requirements-grid,.p27.p27-fidelity .setup-grid{gap:45px}
.p27.p27-fidelity .feature{padding:25px 24px}}
@media (max-width:980px){.p27.p27-fidelity .hero-grid{grid-template-columns:1fr;padding-top:42px;gap:35px}
.p27.p27-fidelity .hero-copy h1 span{display:inline}
.p27.p27-fidelity .hero-copy h1 span+span::before{content:" "}
.p27.p27-fidelity .hero-copy h1{font-size:52px}
.p27.p27-fidelity .hero-desc{max-width:68ch}
.p27.p27-fidelity .hero-shot{max-width:760px}
.p27.p27-fidelity .hero-meta{margin-top:18px}
.p27.p27-fidelity .section-lead{gap:35px}
.p27.p27-fidelity .feature-grid{gap:18px}
.p27.p27-fidelity .feature h3{font-size:19px}
.p27.p27-fidelity .feature p{font-size:14px}
.p27.p27-fidelity .recording-grid{grid-template-columns:1fr;gap:33px}
.p27.p27-fidelity .recording-copy{order:-1}
.p27.p27-fidelity .recording-copy h2{max-width:28ch}
.p27.p27-fidelity .recording-copy>p{max-width:70ch}
.p27.p27-fidelity .open-notes{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:18px}
.p27.p27-fidelity .open-note{margin-top:0}
.p27.p27-fidelity .firefox-grid{grid-template-columns:1.3fr 1fr;gap:36px}
.p27.p27-fidelity .firefox-shot{margin:0;max-width:300px}
.p27.p27-fidelity .handoff{grid-template-columns:1fr;gap:7px}
.p27.p27-fidelity .handoff p{padding-left:14px}
.p27.p27-fidelity .requirements-grid,.p27.p27-fidelity .setup-grid{grid-template-columns:1fr;gap:32px}
.p27.p27-fidelity .requirements-lead h2,.p27.p27-fidelity .setup-lead h2{max-width:26ch}
.p27.p27-fidelity .requirements-lead p,.p27.p27-fidelity .setup-lead p{max-width:65ch}
.p27.p27-fidelity .release-inner{grid-template-columns:1fr;gap:23px}
.p27.p27-fidelity .release-actions{justify-content:flex-start}
.p27.p27-fidelity .release-side .release-note{text-align:left}}
@media (max-width:760px){.p27.p27-fidelity .shell{width:calc(100% - 40px)}
.p27.p27-fidelity .breadcrumbs{font-size:11px;padding-top:21px;gap:8px}
.p27.p27-fidelity .hero-grid{padding-block:40px 47px;gap:29px}
.p27.p27-fidelity .hero-copy h1{font-size:46px}
.p27.p27-fidelity .hero-copy h1 span{display:block}
.p27.p27-fidelity .hero-copy h1 span+span::before{content:""}
.p27.p27-fidelity .hero-tagline{font-size:21px;margin-top:22px}
.p27.p27-fidelity .hero-desc{font-size:16px;line-height:1.7}
.p27.p27-fidelity .hero-meta{line-height:1.5}
.p27.p27-fidelity .hero .actions{gap:10px;margin-top:25px}
.p27.p27-fidelity .button{font-size:13px;padding:12px 16px}
.p27.p27-fidelity .section{padding-block:49px}
.p27.p27-fidelity h2{font-size:30px}
.p27.p27-fidelity .section-lead{grid-template-columns:1fr;gap:19px;margin-bottom:29px}
.p27.p27-fidelity .section-lead h2{max-width:22ch}
.p27.p27-fidelity .feature-grid{grid-template-columns:1fr;gap:18px}
.p27.p27-fidelity .feature{padding:24px}
.p27.p27-fidelity .feature>.icon{margin-bottom:17px}
.p27.p27-fidelity .feature h3{font-size:21px}
.p27.p27-fidelity .feature p{font-size:15px;max-width:60ch;margin-top:13px}
.p27.p27-fidelity .open-notes{grid-template-columns:1fr;gap:19px}
.p27.p27-fidelity .open-note p{font-size:15px}
.p27.p27-fidelity .firefox-grid{grid-template-columns:1fr;gap:30px}
.p27.p27-fidelity .firefox-shot{margin-inline:auto;max-width:290px}
.p27.p27-fidelity .handoff{grid-template-columns:1fr;gap:8px;padding-block:16px}
.p27.p27-fidelity .handoff h3{font-size:17px}
.p27.p27-fidelity .handoff p{font-size:15px}
.p27.p27-fidelity .firefox-copy>p{font-size:16px}
.p27.p27-fidelity .requirements-grid,.p27.p27-fidelity .setup-grid{gap:27px}
.p27.p27-fidelity .specs{gap:23px 24px}
.p27.p27-fidelity .spec h3{font-size:17px}
.p27.p27-fidelity .spec p{font-size:14px}
.p27.p27-fidelity .requirements-bottom{grid-template-columns:1fr;gap:21px;margin-top:27px;padding-top:24px}
.p27.p27-fidelity .requirements-bottom p{font-size:14px}
.p27.p27-fidelity .setup-lead p{font-size:16px}
.p27.p27-fidelity .step p{font-size:15px}
.p27.p27-fidelity .compatibility{font-size:13px}
.p27.p27-fidelity .release-band{padding-block:31px}
.p27.p27-fidelity .release-inner h2{font-size:26px}
.p27.p27-fidelity .release-actions{flex-direction:column;align-items:stretch;gap:11px}
.p27.p27-fidelity .release-actions .button{width:100%}
.p27.p27-fidelity .release-side .release-note{font-size:11px;line-height:1.6}}
@media (max-width:380px){.p27.p27-fidelity .shell{width:calc(100% - 32px)}
.p27.p27-fidelity .hero-copy h1{font-size:41px}
.p27.p27-fidelity .hero-tagline{font-size:20px}
.p27.p27-fidelity .hero .actions{align-items:stretch;flex-direction:column}
.p27.p27-fidelity .hero .button{width:100%}
.p27.p27-fidelity .specs{grid-template-columns:1fr}
.p27.p27-fidelity .firefox-shot{max-width:260px}
.p27.p27-fidelity h2{font-size:28px}}
@media (prefers-reduced-motion:reduce){.p27.p27-fidelity *{transition:none!important}}
/* Native block normalization: preserve the approved source geometry through Gutenberg wrappers. */
.p27.p27-fidelity{width:100%;max-width:none;margin:0;background:var(--ink);}
.p27.p27-fidelity .wp-block-group{max-width:none;margin-block:0;}
.p27.p27-fidelity .wp-block-group.shell{max-width:var(--shell);}
.p27.p27-fidelity .wp-block-group>*,.p27.p27-fidelity .wp-block-heading{margin-block-start:0;margin-block-end:0;}
.p27.p27-fidelity .wp-block-image{margin:0;}
.p27.p27-fidelity .icon img{width:100%;height:100%;object-fit:contain;}
.p27.p27-fidelity .feature>.icon{margin-bottom:23px;}
.p27.p27-fidelity .eyebrow+h1,.p27.p27-fidelity .eyebrow+h2{margin-top:18px;}
.p27.p27-fidelity .hero-tagline{margin-top:24px;}
.p27.p27-fidelity .hero-desc{margin-top:17px;}
.p27.p27-fidelity .actions{margin-top:28px;}
.p27.p27-fidelity .hero-meta{margin-top:22px;}
.p27.p27-fidelity .feature p{margin-top:16px;}
.p27.p27-fidelity .section-lead{margin-bottom:38px;}
.p27.p27-fidelity .recording-copy>p,.p27.p27-fidelity .requirements-lead p{margin-top:20px;}
.p27.p27-fidelity .open-notes{margin-top:27px;}
.p27.p27-fidelity .open-note{margin-top:19px;}
.p27.p27-fidelity .open-note p{margin-top:8px;}
.p27.p27-fidelity .firefox-copy>p{margin-top:21px;}
.p27.p27-fidelity .handoffs{margin-top:27px;}
.p27.p27-fidelity .firefox-copy .footnote{margin-top:15px;}
.p27.p27-fidelity .spec p{margin-top:9px;}
.p27.p27-fidelity .requirements-bottom{margin-top:38px;}
.p27.p27-fidelity .setup-lead p{margin-top:21px;}
.p27.p27-fidelity .step p{margin-top:7px;}
.p27.p27-fidelity .compatibility{margin-top:36px;}
.p27.p27-fidelity .release-inner p{margin-top:10px;}
.p27.p27-fidelity .wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.p27.p27-fidelity .wp-block-button{margin:0;}
.p27.p27-fidelity .wp-block-button__link{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border-radius:4px;font-size:14px;line-height:1.4;font-weight:600;border:1px solid transparent;color:#08202b;background:var(--button);box-shadow:none;text-decoration:none;}
.p27.p27-fidelity .wp-block-button__link:hover{color:#051a20;background:#79dbc8;}
.p27.p27-fidelity .p27-secondary .wp-block-button__link{background:transparent;color:var(--text);border-color:#587080;}
.p27.p27-fidelity .p27-secondary .wp-block-button__link:hover{border-color:var(--teal);color:var(--teal);}
.p27.p27-fidelity .p27-download svg{width:18px;height:18px;flex-shrink:0;}
.p27.p27-fidelity .p27-download [aria-disabled=true]{cursor:default;}
.p27.p27-fidelity .release-actions{justify-content:flex-end;}
.p27.p27-fidelity .screenshot a{display:block;cursor:zoom-in;box-shadow:none;}
.p27.p27-fidelity .screenshot a img{width:100%;height:auto;}
.p27.p27-fidelity .firefox-shot a{background:#080b12;}
.p27.p27-fidelity a,.p27.p27-fidelity a:hover,.p27.p27-fidelity a:focus,.p27.p27-fidelity a:active,.p27.p27-fidelity a:visited{text-decoration:none;}
.p27.p27-fidelity a:focus-visible,.p27.p27-fidelity button:focus-visible{outline:2px solid var(--teal);outline-offset:5px;}
.p27.p27-fidelity .capture-lightbox{position:fixed;inset:0;margin:auto;z-index:10000;}
.p27.p27-fidelity .capture-lightbox .close{min-width:44px;min-height:36px;cursor:pointer;}
body.p27-lightbox-open{overflow:hidden;}
@media(max-width:980px){.p27.p27-fidelity .hero-meta{margin-top:18px;}.p27.p27-fidelity .open-notes{margin-top:18px;}.p27.p27-fidelity .open-note{margin-top:0;}.p27.p27-fidelity .release-actions{justify-content:flex-start;}}
@media(max-width:760px){.p27.p27-fidelity .hero-tagline{margin-top:22px;}.p27.p27-fidelity .actions{margin-top:25px;}.p27.p27-fidelity .section-lead{margin-bottom:29px;}.p27.p27-fidelity .feature>.icon{margin-bottom:17px;}.p27.p27-fidelity .feature p{margin-top:13px;}.p27.p27-fidelity .requirements-bottom{margin-top:27px;}.p27.p27-fidelity .release-actions{flex-direction:column;align-items:stretch;}.p27.p27-fidelity .release-actions .wp-block-button,.p27.p27-fidelity .release-actions .wp-block-button__link{width:100%;}}
@media(max-width:380px){.p27.p27-fidelity .actions{flex-direction:column;align-items:stretch;}.p27.p27-fidelity .actions .wp-block-button,.p27.p27-fidelity .actions .wp-block-button__link{width:100%;}}

/* SHWEB_077: only the Firefox media slot and enlarged screenshot viewer change. */
.p27.p27-fidelity .firefox-shot.firefox-demo{width:100%;max-width:500px;min-width:0;margin:0 auto;align-self:center;}
.p27.p27-fidelity .firefox-demo video{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:contain;border:1px solid #414659;border-radius:5px;background:#0b131f;}
.p27.p27-fidelity .firefox-demo figcaption{color:var(--soft);font-size:12px;line-height:1.55;margin:13px 0 0;}
.p27.p27-fidelity .capture-video-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;}
.p27.p27-fidelity .capture-video-toggle{border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font:inherit;font-size:12px;line-height:1.4;min-height:44px;min-width:44px;padding:9px 12px;cursor:pointer;}
.p27.p27-fidelity .capture-video-toggle:hover{color:var(--text);border-color:var(--teal);}
.p27.p27-fidelity .capture-video-error{font-size:12px;color:var(--muted);margin-top:8px;}
.p27.p27-fidelity .capture-lightbox{box-sizing:border-box;width:calc(100vw - 32px);max-width:1500px;height:calc(100dvh - 32px);max-height:1050px;padding:14px;background:var(--hero);border:1px solid #3e5165;border-radius:6px;overflow:hidden;}
.p27.p27-fidelity .capture-lightbox[open]{display:flex;flex-direction:column;gap:12px;}
.p27.p27-fidelity .capture-lightbox:not([open]){display:none;}
.p27.p27-fidelity .capture-lightbox::backdrop{background:rgba(2,7,13,.9);}
.p27.p27-fidelity .capture-lightbox .capture-viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;}
.p27.p27-fidelity .capture-lightbox .capture-viewer-title{font-size:16px;font-weight:600;letter-spacing:0;line-height:1.4;margin:0;}
.p27.p27-fidelity .capture-lightbox .capture-viewer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.p27.p27-fidelity .capture-lightbox .capture-viewer-actions button,.p27.p27-fidelity .capture-lightbox .capture-viewer-actions a{font:inherit;font-size:13px;line-height:1.4;background:transparent;color:var(--text);border:1px solid #506375;border-radius:4px;padding:10px 12px;min-width:44px;min-height:44px;text-align:center;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.p27.p27-fidelity .capture-lightbox .close{position:static;inset:auto;}
.p27.p27-fidelity .capture-lightbox .capture-viewer-scroll{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;background:var(--ink);border-radius:3px;outline-offset:-3px;}
.p27.p27-fidelity .capture-lightbox .capture-viewer-canvas{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.p27.p27-fidelity .capture-lightbox .capture-viewer-image{display:block;flex-shrink:0;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:0;padding:0;border:0;border-radius:0;}
.p27.p27-fidelity .capture-lightbox.is-actual-size .capture-viewer-canvas{display:block;width:max-content;height:auto;min-width:100%;min-height:100%;}
.p27.p27-fidelity .capture-lightbox.is-actual-size .capture-viewer-image{max-width:none;max-height:none;width:auto;height:auto;margin:0;object-fit:initial;}
.p27.p27-fidelity .capture-lightbox .capture-viewer-caption{flex:0 0 auto;font-size:12px;line-height:1.5;padding:0;margin:0;color:var(--muted);max-height:20dvh;overflow:auto;}
@media(max-width:760px){.p27.p27-fidelity .firefox-shot.firefox-demo{max-width:500px;}.p27.p27-fidelity .capture-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:none;padding:10px;gap:10px;}.p27.p27-fidelity .capture-lightbox .capture-viewer-title{font-size:14px;}.p27.p27-fidelity .capture-lightbox .capture-viewer-actions{gap:6px;}.p27.p27-fidelity .capture-lightbox .capture-viewer-actions button,.p27.p27-fidelity .capture-lightbox .capture-viewer-actions a{padding:8px;font-size:12px;}}

/* Native-only isolation of supplied076 layout from earlier homepage selectors.
   Values restore the reference shell and stylesheet; no shared selector changes. */
.p27.p27-fidelity .hero-copy{width:100%;padding:0;}
.p27.p27-fidelity :is(h1,h2,h3){font-family:Inter,Arial,sans-serif;text-wrap:initial;}
.p27.p27-fidelity .section.navy{background:var(--navy);}
.p27.p27-fidelity .steps{display:block;grid-template-columns:none;gap:0;margin:0!important;}
.p27.p27-fidelity .step::before{display:block;position:static;inset:auto;margin:0;counter-increment:none;}
.p27.p27-fidelity .eyebrow{margin-bottom:0!important;}
.p27.p27-fidelity .hero .wp-block-buttons{margin-top:28px!important;}
@media(max-width:760px){.p27.p27-fidelity .hero .wp-block-buttons{margin-top:25px!important;}}
