/*  P7M | Software Semplice — tema integrato e CSS consolidato (13/11/2026). Modificare solo il tool, non navbar/footer.  */
/* Software Semplice - P7M visualizzatore. Foglio isolato sotto #content.p7m-integration.
   Styling originale AprireFileP7M conservato, prefissato per non alterare header/footer del sito. */
#content.p7m-integration .p7m-tool { --container:1140px;
  --green:#22a447;
  --radius:22px; }
#content.p7m-integration .p7m-tool * { box-sizing:border-box }
#content.p7m-integration .p7m-tool { scroll-behavior:smooth }
#content.p7m-integration .p7m-tool {color:var(--text) }
#content.p7m-integration .p7m-tool button, #content.p7m-integration .p7m-tool a { font:inherit }
#content.p7m-integration .p7m-tool a { text-decoration:none;color:inherit }
#content.p7m-integration .p7m-tool button { cursor:pointer }
#content.p7m-integration .p7m-tool .container { width:min(var(--container),calc(100% - 48px));margin-inline:auto }
#content.p7m-integration .p7m-tool .hidden { display:none!important }
#content.p7m-integration .p7m-tool .view { display:none;padding-top:0px!important }
#content.p7m-integration .p7m-tool .view.active { display:block }
#content.p7m-integration .p7m-tool svg { display:block }
#content.p7m-integration .p7m-tool .btn-icon, #content.p7m-integration .p7m-tool .primary-btn svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round }
#content.p7m-integration .p7m-tool .primary-btn, #content.p7m-integration .p7m-tool .pink-btn { display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;color:#fff;background:linear-gradient(135deg,var(--pink),var(--pink2));border-radius:12px;padding:15px 27px;font-weight:900;box-shadow:0 14px 28px rgba(255,64,129,.28);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease }
#content.p7m-integration .p7m-tool .primary-btn:hover, #content.p7m-integration .p7m-tool .pink-btn:hover { transform:translateY(-1px);box-shadow:0 18px 36px rgba(255,64,129,.34);filter:saturate(1.06) }
#content.p7m-integration .p7m-tool .primary-btn.small, #content.p7m-integration .p7m-tool .pink-btn.small { padding:10px 16px;border-radius:10px;font-size:14px }
#content.p7m-integration .p7m-tool .outline-btn { display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1.5px solid #bad7f4;color:#0d58a9;border-radius:10px;padding:10px 16px;font-weight:900 }
#content.p7m-integration .p7m-tool .outline-btn:hover { background:#f1f9ff;border-color:#7ec5f2 }
#content.p7m-integration .p7m-tool .hero { position:relative;overflow:hidden }
#content.p7m-integration .p7m-tool .hero:before { content:"";position:absolute;right:-90px;top:-160px;width:560px;height:560px;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 82px rgba(255,255,255,.025),0 0 0 170px rgba(255,255,255,.018) }
#content.p7m-integration .p7m-tool .hero:after { content:"";position:absolute;left:0;right:0;bottom:0;height:112px;background:linear-gradient(160deg,transparent 0 42%,rgba(45,168,219,.24) 43% 56%,transparent 57%);pointer-events:none }
#content.p7m-integration .p7m-tool .hero-inner { position:relative;z-index:1;display:grid;grid-template-columns:470px minmax(260px,1fr) 390px;column-gap:24px;align-items:center;min-height:537px;padding:42px 0 44px }
#content.p7m-integration .p7m-tool .hero h1 { width:500px;max-width:500px;margin:0 0 22px;color:#fff;font-size:56px;line-height:1.06;letter-spacing:-2.2px;font-weight:950 }
#content.p7m-integration .p7m-tool .hero-text { max-width:455px;margin:0 0 28px;font-size:17px;line-height:1.65;font-weight:650 }
#content.p7m-integration .p7m-tool .trust-row { display:flex;gap:12px;flex-wrap:wrap;align-items:center;max-width:555px }
#content.p7m-integration .p7m-tool .trust-pill { display:inline-flex;align-items:center;gap:12px;min-height:58px;border-radius:16px;padding:13px 18px;font-size:14px;font-weight:950 }
#content.p7m-integration .p7m-tool .trust-pill i { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ecf7ff;color:#086ee7;flex:0 0 34px }
#content.p7m-integration .p7m-tool .trust-pill svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round }
#content.p7m-integration .p7m-tool .trust-free i { background:#fff1f7;color:var(--pink) }
#content.p7m-integration .p7m-tool .hero-illustration { position:relative;z-index:2;align-self:end;min-height:440px;overflow:visible;pointer-events:none }
#content.p7m-integration .p7m-tool .hero-glow { position:absolute;z-index:0;pointer-events:none;border-radius:50% }
#content.p7m-integration .p7m-tool .hero-glow-one { width:430px;height:430px;left:-100px;top:20px }
#content.p7m-integration .p7m-tool .hero-glow-two { width:230px;height:230px;right:-70px;top:60px }
#content.p7m-integration .p7m-tool .hero-person-img { position:absolute;z-index:2;left:50%;bottom:-44px;width:430px;max-width:none;height:auto;transform:translateX(-52%);display:block;object-fit:contain }
#content.p7m-integration .p7m-tool .upload-card { position:relative;z-index:2;align-self:center;justify-self:end;width:390px;max-width:100%;background:#fff;border:1px solid #e7effa;border-radius:24px;padding:25px }
#content.p7m-integration .p7m-tool .drop-zone { min-height:302px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed #57b6ff;border-radius:18px;background:#fff;padding:30px 24px;outline:none;transition:.18s background,.18s border-color,.18s transform }
#content.p7m-integration .p7m-tool .drop-zone:hover, #content.p7m-integration .p7m-tool .drop-zone.dragover {transform:translateY(-1px) }
#content.p7m-integration .p7m-tool .upload-icon { width:104px;height:104px;margin:0 auto 10px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(180deg,#f8fcff,#eef7ff);box-shadow:inset 0 0 0 1px #dcecff,0 14px 30px rgba(8,118,231,.10) }
#content.p7m-integration .p7m-tool .upload-icon svg { width:66px;height:66px;fill:none;stroke:var(--blue2);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round }
#content.p7m-integration .p7m-tool .drop-zone h2 { margin:12px 0 4px;color:var(--navy);font-size:23px;letter-spacing:-.25px }
#content.p7m-integration .p7m-tool .drop-zone p { margin:0 0 25px;color:#3f5270;font-weight:700 }
#content.p7m-integration .p7m-tool .drop-zone .primary-btn { min-width:285px;border-radius:11px;padding:16px 22px;font-size:17px }
#content.p7m-integration .p7m-tool .secure-note { display:flex;align-items:flex-start;gap:9px;margin:18px 0 0;font-size:14px;font-weight:700;line-height:1.45 }
#content.p7m-integration .p7m-tool .note-icon { width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px }
#content.p7m-integration .p7m-tool .feature-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:34px 0 }
#content.p7m-integration .p7m-tool .feature-card { position:relative;background:#fff;border:1px solid #e7eff8;border-radius:20px;box-shadow:var(--shadow-sm);text-align:center;padding:34px 24px 30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden }
#content.p7m-integration .p7m-tool .feature-card:before { content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--card-accent,var(--blue2)) }
#content.p7m-integration .p7m-tool .feature-card-blue {--icon-bg:#168edb;--icon-border:#35b8eb }
#content.p7m-integration .p7m-tool .feature-card-cyan {--icon-bg:#219ed7;--icon-border:#65cef0 }
#content.p7m-integration .p7m-tool .feature-card-pink {--icon-bg:#ff5aa0;--icon-border:#0b73e8 }
#content.p7m-integration .p7m-tool .feature-icon {margin:0 auto 22px;display:grid;place-items:center }
#content.p7m-integration .p7m-tool .feature-icon rect { fill:none }
#content.p7m-integration .p7m-tool .feature-card h3 { margin:0 0 10px;color:var(--navy);font-size:19px;line-height:1.2;font-weight:950 }
#content.p7m-integration .p7m-tool .feature-card p { margin:0;color:#637790;font-size:15px;line-height:1.55 }
#content.p7m-integration .p7m-tool .how-section { padding:30px 0 56px;text-align:center;background:#fff }
#content.p7m-integration .p7m-tool .how-section h2 { font-size:36px;color:var(--navy);line-height:1;font-weight:950;letter-spacing:-.9px;align-items:center;justify-content:center;gap:20px }
#content.p7m-integration .p7m-tool .how-section h2 span {width:52px;height:5px;background:radial-gradient(circle,var(--blue2) 0 2px,transparent 3px),radial-gradient(circle,var(--pink) 0 2px,transparent 3px);background-size:14px 5px;background-position:0 0,22px 0 }
#content.p7m-integration .p7m-tool .steps { display:grid;grid-template-columns:repeat(3,1fr);position:relative }
#content.p7m-integration .p7m-tool .steps article { position:relative;overflow:visible;border-radius:22px;padding:48px 30px 38px;min-height:228px;color:#fff }
#content.p7m-integration .p7m-tool .steps article:not(:last-child):after {position:absolute;right:-63px;top:50%;transform:translateY(-50%);color:var(--pink);font-weight:950;letter-spacing:3px;font-size:22px }
#content.p7m-integration .p7m-tool .steps span { position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;background:var(--pink);color:#fff;border:5px solid #fff;display:grid;place-items:center;font-weight:950;font-size:20px;box-shadow:0 14px 24px rgba(255,64,129,.26) }
#content.p7m-integration .p7m-tool .step-icon {display:grid;place-items:center }
#content.p7m-integration .p7m-tool .steps h3 { margin:0 0 10px;color:#fff;font-size:20px;font-weight:950 }
#content.p7m-integration .p7m-tool .steps p { margin:0;color:#eaf6ff;line-height:1.55;font-weight:650 }
#content.p7m-integration .p7m-tool .split-section { display:grid;grid-template-columns:.82fr 1.32fr;gap:38px;align-items:center;padding:36px 0 46px }
#content.p7m-integration .p7m-tool .use-copy h2 { margin:0 0 28px;font-size:33px;line-height:1.18;letter-spacing:-.9px;color:var(--navy);font-weight:950 }
#content.p7m-integration .p7m-tool .check-list { list-style:none;padding:0;margin:0;display:grid;gap:20px }
#content.p7m-integration .p7m-tool .check-list li { position:relative;padding-left:38px;font-weight:800;color:#10244e }
#content.p7m-integration .p7m-tool .check-list li:before { content:"✓";position:absolute;left:0;top:-2px;width:24px;height:24px;border:3px solid var(--blue2);border-radius:50%;display:grid;place-items:center;color:var(--blue2);font-size:13px;background:#fff }
#content.p7m-integration .p7m-tool .preview-card { background:#fff;border:1px solid #e7eff8;border-radius:22px;box-shadow:var(--shadow);padding:18px }
#content.p7m-integration .p7m-tool .tabs { display:flex;gap:26px;border-bottom:1px solid #e5eef8 }
#content.p7m-integration .p7m-tool .tabs span, #content.p7m-integration .p7m-tool .tabs button { border:0;background:transparent;padding:14px 18px;color:#56708a;font-weight:850;cursor:pointer }
#content.p7m-integration .p7m-tool .tabs .active, #content.p7m-integration .p7m-tool .tabs button.active { color:var(--blue2);border-bottom:3px solid var(--blue2) }
#content.p7m-integration .p7m-tool .fake-preview { display:grid;grid-template-columns:1fr 235px;gap:20px }
#content.p7m-integration .p7m-tool .fake-preview .tabs { grid-column:1/-1 }
#content.p7m-integration .p7m-tool .invoice-sample { background:#f8fbff;border:1px solid #dce8f5;border-radius:14px;padding:0 22px 24px;overflow:hidden }
#content.p7m-integration .p7m-tool .viewer-mini-bar { height:38px;background:#242a31;margin:0 -22px 20px;display:flex;align-items:center;gap:12px;padding:0 15px }
#content.p7m-integration .p7m-tool .viewer-mini-bar span { width:13px;height:13px;border-radius:2px;background:#e8eef5;opacity:.75 }
#content.p7m-integration .p7m-tool .invoice-sample h3 { text-align:center;color:var(--navy);font-size:20px;margin:0 0 18px }
#content.p7m-integration .p7m-tool .invoice-sample dl { display:grid;grid-template-columns:1fr 1.1fr;gap:9px 16px;background:#fff;border:1px solid #e5eef8;border-radius:10px;padding:16px }
#content.p7m-integration .p7m-tool .invoice-sample dt { font-weight:900;color:#4f6683;font-size:13px }
#content.p7m-integration .p7m-tool .invoice-sample dd { margin:0;font-weight:850;color:#162c58;font-size:13px }
#content.p7m-integration .p7m-tool .fake-preview aside { border-left:1px solid var(--line);padding-left:20px }
#content.p7m-integration .p7m-tool .fake-preview aside strong { display:block;margin:0 0 12px;color:var(--navy);font-size:18px }
#content.p7m-integration .p7m-tool .fake-preview aside span { display:inline-flex;align-items:center;gap:6px;background:#e8f8ed;color:#1e7b34;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px }
#content.p7m-integration .p7m-tool .fake-preview aside dl { margin:14px 0 18px }
#content.p7m-integration .p7m-tool .fake-preview aside dt { text-transform:none;color:#7b8fa7;font-size:12px;margin-top:10px;font-weight:900 }
#content.p7m-integration .p7m-tool .fake-preview aside dd { margin:2px 0 6px;font-size:12px;font-weight:850;color:#20355e }
#content.p7m-integration .p7m-tool .fake-preview aside button { width:100%;border:1.5px solid var(--pink);background:#fff;color:var(--pink);border-radius:10px;padding:11px 12px;font-weight:900 }
#content.p7m-integration .p7m-tool .guide-section { padding:44px 0 50px; }
#content.p7m-integration .p7m-tool .guide-heading { max-width:820px;
  margin:0 auto 28px;
  text-align:center; }
#content.p7m-integration .p7m-tool .section-kicker {
  justify-content:center;
  margin-bottom:12px; }
#content.p7m-integration .p7m-tool .guide-heading h2 { margin:0 0 12px;
  color:var(--navy);
  font-size:36px;
  line-height:1.12;
  letter-spacing:-.9px;
  font-weight:950; }
#content.p7m-integration .p7m-tool .guide-heading p { margin:0;
  color:#637790;
  font-size:16px;
  line-height:1.62;
  font-weight:650; }
#content.p7m-integration .p7m-tool .guide-grid { display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px; }
#content.p7m-integration .p7m-tool .guide-card { background:#fff;
  border:1px solid #e7eff8;
  border-radius:20px;
  box-shadow:var(--shadow-sm);
  padding:28px; }
#content.p7m-integration .p7m-tool .guide-card h3 { margin:0 0 12px;
  color:var(--navy);
  font-size:21px;
  line-height:1.22;
  letter-spacing:-.3px;
  font-weight:950; }
#content.p7m-integration .p7m-tool .guide-card p { margin:0;
  color:#5d718b;
  font-size:15px;
  line-height:1.7; }
@media(max-width:760px){
#content.p7m-integration .p7m-tool .guide-section { padding:34px 0 38px; }
#content.p7m-integration .p7m-tool .guide-heading h2 { font-size:28px; }
#content.p7m-integration .p7m-tool .guide-grid { grid-template-columns:1fr; }
#content.p7m-integration .p7m-tool .guide-card { padding:22px; }
}
#content.p7m-integration .p7m-tool .result-hero { position:relative;color:#fff }
#content.p7m-integration .p7m-tool .result-hero:before { content:"";position:absolute;right:10%;top:-120px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018) }
#content.p7m-integration .p7m-tool .result-hero-inner { position:relative;z-index:1 }
#content.p7m-integration .p7m-tool .result-hero h1, #content.p7m-integration .p7m-tool .result-hero h2 { font-size:clamp(46px,5vw,70px);line-height:1.02;letter-spacing:-2.3px;margin:0 0 20px;color:#fff }
#content.p7m-integration .p7m-tool .result-hero h1 span, #content.p7m-integration .p7m-tool .result-hero h2 span { color:var(--pink) }
#content.p7m-integration .p7m-tool .result-hero p { font-size:18px;color:#eef6ff;max-width:560px;margin:0 0 24px }
#content.p7m-integration .p7m-tool .status-pills { display:flex;flex-wrap:wrap }
#content.p7m-integration .p7m-tool .status-pill {font-weight:900 }
#content.p7m-integration .p7m-tool .status-pill.ok { color:#b5ffcf }
#content.p7m-integration .p7m-tool .result-character { position:relative;width:310px;height:310px;margin:auto }
#content.p7m-integration .p7m-tool .result-character .ok-hand { position:absolute;left:50px;top:62px;font-size:56px;z-index:5;transform:rotate(-8deg) }
#content.p7m-integration .p7m-tool .result-character .head { position:absolute;left:116px;top:18px;width:96px;height:112px;background:#ffc28f;border-radius:46%;z-index:4 }
#content.p7m-integration .p7m-tool .result-character .head:before { content:"";position:absolute;left:-14px;top:-20px;width:126px;height:58px;background:#071e56;border-radius:61% 55% 50% 20%;transform:rotate(-8deg);box-shadow:24px -12px 0 #082c72 }
#content.p7m-integration .p7m-tool .result-character .head:after { content:"";position:absolute;left:30px;top:57px;width:43px;height:18px;border-bottom:4px solid #8d3b24;border-radius:0 0 45px 45px }
#content.p7m-integration .p7m-tool .head span:before, #content.p7m-integration .p7m-tool .head span:after { content:"";position:absolute;top:47px;width:8px;height:8px;background:#061b3f;border-radius:50%;z-index:3 }
#content.p7m-integration .p7m-tool .head span:before { left:25px }
#content.p7m-integration .p7m-tool .head span:after { right:23px }
#content.p7m-integration .p7m-tool .body-ill { position:absolute;left:88px;top:121px;width:154px;height:164px;background:linear-gradient(135deg,#1496ff,#0554cc);border-radius:48px 48px 18px 18px;box-shadow:0 28px 34px rgba(0,18,79,.22);z-index:2 }
#content.p7m-integration .p7m-tool .laptop { position:absolute;left:138px;top:222px;width:166px;height:108px;background:linear-gradient(135deg,#f4f8fe,#b8c8d9);border-radius:14px 14px 6px 6px;box-shadow:0 26px 28px rgba(0,18,79,.2);z-index:5 }
#content.p7m-integration .p7m-tool .laptop-badge { position:absolute;left:63px;top:35px;width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#56667b;font-size:13px;box-shadow:0 6px 13px rgba(0,0,0,.1) }
#content.p7m-integration .p7m-tool .file-strip {display:grid;background:#fff;border:1px solid #e7eff8;border-radius:20px;box-shadow:var(--shadow-sm) }
#content.p7m-integration .p7m-tool .file-main { display:flex;align-items:center;gap:17px }
#content.p7m-integration .p7m-tool .file-doc { width:56px;height:56px;border-radius:15px;display:grid;place-items:center;background:#eef8ff;color:var(--blue2) }
#content.p7m-integration .p7m-tool .file-doc svg { width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round }
#content.p7m-integration .p7m-tool .file-main strong, #content.p7m-integration .p7m-tool .file-status strong { display:block;color:var(--navy);font-weight:900 }
#content.p7m-integration .p7m-tool .file-main small, #content.p7m-integration .p7m-tool .file-status small { color:#657a94 }
#content.p7m-integration .p7m-tool .file-actions { display:flex;flex-wrap:wrap }
#content.p7m-integration .p7m-tool .file-actions .primary-btn { background:linear-gradient(135deg,var(--pink),var(--pink2));box-shadow:0 12px 26px rgba(255,64,129,.22) }
#content.p7m-integration .p7m-tool .result-layout { display:grid;grid-template-columns:minmax(0,1fr) 355px }
#content.p7m-integration .p7m-tool .viewer-card, #content.p7m-integration .p7m-tool .side-card, #content.p7m-integration .p7m-tool .mini-features article { background:#fff;border:1px solid #e7eff8;border-radius:20px;box-shadow:var(--shadow-sm) }
#content.p7m-integration .p7m-tool .viewer-toolbar { height:50px;background:#262a2f;color:#fff;border-radius:13px 13px 0 0;display:flex;align-items:center;gap:20px;padding:0 18px;font-weight:800 }
#content.p7m-integration .p7m-tool .tab-panel { display:none }
#content.p7m-integration .p7m-tool .tab-panel.active { display:block }
#content.p7m-integration .p7m-tool .invoice-preview { background:#f8fbff;border:1px solid #dce8f5;border-top:0;border-radius:0 0 14px 14px;min-height:500px }
#content.p7m-integration .p7m-tool .invoice-preview h2 { text-align:center;color:var(--navy);margin-top:0 }
#content.p7m-integration .p7m-tool .empty-state { text-align:center;color:#72849a }
#content.p7m-integration .p7m-tool .invoice-header { display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:28px 0 }
#content.p7m-integration .p7m-tool .info-box { background:#eef7ff;border:1px solid #d6eaff;border-radius:12px;padding:18px;margin:20px 0 }
#content.p7m-integration .p7m-tool .items-table, #content.p7m-integration .p7m-tool .data-table-wrap table { width:100%;border-collapse:collapse;background:#fff }
#content.p7m-integration .p7m-tool .items-table th, #content.p7m-integration .p7m-tool .items-table td, #content.p7m-integration .p7m-tool .data-table-wrap th, #content.p7m-integration .p7m-tool .data-table-wrap td { border-bottom:1px solid #e7eef7;padding:12px;text-align:left }
#content.p7m-integration .p7m-tool .items-table tfoot td { font-weight:900;background:#eef7ff }
#content.p7m-integration .p7m-tool .xml-box { white-space:pre-wrap;word-break:break-word;background:var(--navy);color:#dff3ff;padding:22px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace }
#content.p7m-integration .p7m-tool .side-panels { display:grid;align-content:start }
#content.p7m-integration .p7m-tool .side-title { display:flex;align-items:center;justify-content:space-between;gap:12px }
#content.p7m-integration .p7m-tool .side-card h3 { margin:0 0 18px;color:var(--navy) }
#content.p7m-integration .p7m-tool .side-card dl { display:grid;gap:0;margin:0 }
#content.p7m-integration .p7m-tool .side-card dt { color:#8194aa;text-transform:uppercase;font-size:12px;font-weight:900;margin-top:12px }
#content.p7m-integration .p7m-tool .side-card dd { margin:4px 0 8px;font-weight:850;color:#14254d }
#content.p7m-integration .p7m-tool .side-title span, #content.p7m-integration .p7m-tool #certBadge {font-size:12px }
#content.p7m-integration .p7m-tool .secure-card { background:linear-gradient(135deg,#eef8ff,#fff) }
#content.p7m-integration .p7m-tool .mini-features { display:grid;grid-template-columns:repeat(4,1fr) }
#content.p7m-integration .p7m-tool .mini-features article {text-align:center }
#content.p7m-integration .p7m-tool .mini-features strong { color:var(--navy) }
#content.p7m-integration .p7m-tool .mini-features p {color:#657990;font-size:13px }
#content.p7m-integration .p7m-tool .software-cta { margin-top:28px;margin-bottom:22px;border-radius:18px;color:#fff;display:grid;grid-template-columns:235px 1fr auto;gap:28px;align-items:center;padding:22px 28px }
#content.p7m-integration .p7m-tool .software-cta img { max-width:230px;display:block }
#content.p7m-integration .p7m-tool .software-cta h2 { margin:0 0 4px;font-size:22px;color:#fff }
#content.p7m-integration .p7m-tool .software-cta p { margin:0;color:#e5f3ff }
#content.p7m-integration .p7m-tool .software-cta a { background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff;font-weight:950;border-radius:10px;padding:14px 21px;white-space:nowrap;box-shadow:0 12px 22px rgba(255,64,129,.24) }
#content.p7m-integration .p7m-tool .toast { position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;background:var(--navy);color:#fff;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);max-width:min(92vw,620px) }
@media(max-width:1220px){
#content.p7m-integration .p7m-tool .hero-inner { grid-template-columns:430px 1fr 370px;column-gap:16px }
#content.p7m-integration .p7m-tool .hero h1 { font-size:52px;width:450px;max-width:450px }
#content.p7m-integration .p7m-tool .hero-text { max-width:420px }
#content.p7m-integration .p7m-tool .hero-person-img { width:400px }
#content.p7m-integration .p7m-tool .upload-card { width:370px }
#content.p7m-integration .p7m-tool .drop-zone .primary-btn { min-width:255px }
}
@media(max-width:1100px){
#content.p7m-integration .p7m-tool .hero-inner { grid-template-columns:1fr 410px;min-height:auto;row-gap:20px }
#content.p7m-integration .p7m-tool .hero-copy { grid-column:1/2 }
#content.p7m-integration .p7m-tool .hero-illustration { grid-column:1/2;grid-row:1/2;opacity:.35;min-height:360px }
#content.p7m-integration .p7m-tool .hero-person-img { left:72%;width:360px }
#content.p7m-integration .p7m-tool .upload-card { grid-column:2/3;grid-row:1/2;width:410px }
#content.p7m-integration .p7m-tool .hero h1 { width:auto;max-width:520px }
#content.p7m-integration .p7m-tool .hero-text { max-width:520px }
#content.p7m-integration .p7m-tool .feature-grid, #content.p7m-integration .p7m-tool .mini-features { grid-template-columns:repeat(2,1fr) }
#content.p7m-integration .p7m-tool .steps { grid-template-columns:1fr;gap:38px }
#content.p7m-integration .p7m-tool .steps article:not(:last-child):after { display:none }
#content.p7m-integration .p7m-tool .split-section, #content.p7m-integration .p7m-tool .result-layout, #content.p7m-integration .p7m-tool .file-strip, #content.p7m-integration .p7m-tool .software-cta { grid-template-columns:1fr }
#content.p7m-integration .p7m-tool .fake-preview { grid-template-columns:1fr }
#content.p7m-integration .p7m-tool .fake-preview aside { border-left:0;border-top:1px solid var(--line);padding:18px 0 0 }
#content.p7m-integration .p7m-tool .software-cta a { justify-self:start }
}
@media(max-width:760px){
#content.p7m-integration .p7m-tool .container { width:min(100% - 32px,var(--container)) }
#content.p7m-integration .p7m-tool .hero-inner { display:block;padding:34px 0 38px }
#content.p7m-integration .p7m-tool .hero h1 { font-size:43px;max-width:100%;width:auto }
#content.p7m-integration .p7m-tool .hero-text { font-size:16px }
#content.p7m-integration .p7m-tool .trust-row { margin-bottom:26px }
#content.p7m-integration .p7m-tool .trust-pill { width:100%;max-width:330px }
#content.p7m-integration .p7m-tool .hero-illustration { display:none }
#content.p7m-integration .p7m-tool .upload-card { width:100% }
#content.p7m-integration .p7m-tool .drop-zone .primary-btn { width:100%;min-width:0 }
#content.p7m-integration .p7m-tool .feature-grid, #content.p7m-integration .p7m-tool .mini-features { grid-template-columns:1fr }
#content.p7m-integration .p7m-tool .split-section { gap:24px }
#content.p7m-integration .p7m-tool .use-copy h2 { font-size:29px }
#content.p7m-integration .p7m-tool .result-character { display:none }
#content.p7m-integration .p7m-tool .file-actions { justify-content:flex-start }
#content.p7m-integration .p7m-tool .software-cta { padding:20px }
}
#content.p7m-integration .p7m-tool .feature-card { min-height:220px;
  padding-top:34px; }
#content.p7m-integration .p7m-tool .feature-icon { width:82px;
  height:82px;
  margin-bottom:22px;
  border-radius:50%;
  border:0;
  background:linear-gradient(135deg,#0b7bec 0%, #2DA8DB 100%);
  box-shadow:
    inset 0 0 0 5px rgba(255,255,255,.22),
    0 0 0 5px rgba(45,168,219,.20),
    0 18px 30px rgba(8,118,231,.18);
  color:#fff; }
#content.p7m-integration .p7m-tool .feature-card-cyan .feature-icon { background:linear-gradient(135deg,#17a0d8 0%, #45c2ec 100%);
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.22),0 0 0 5px rgba(45,168,219,.20),0 18px 30px rgba(45,168,219,.18); }
#content.p7m-integration .p7m-tool .feature-card-pink .feature-icon { background:linear-gradient(135deg,var(--pink) 0%, #ff6aa7 100%);
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.22),0 0 0 5px rgba(255,64,129,.18),0 18px 30px rgba(255,64,129,.18); }
#content.p7m-integration .p7m-tool .feature-icon svg { width:48px;
  height:48px;
  fill:none;
  stroke:currentColor;
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
  display:block; }
#content.p7m-integration .p7m-tool .feature-icon svg rect, #content.p7m-integration .p7m-tool .feature-icon svg circle, #content.p7m-integration .p7m-tool .feature-icon svg path { fill:none;
  stroke:currentColor; }
#content.p7m-integration .p7m-tool .feature-icon .euro-symbol { stroke:none;
  fill:#fff; }
#content.p7m-integration .p7m-tool .feature-icon .euro-symbol text { font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size:42px;
  font-weight:950;
  fill:#fff;
  stroke:none; }
#content.p7m-integration .p7m-tool .steps article { padding-top:52px; }
#content.p7m-integration .p7m-tool .step-icon { width:78px;
  height:78px;
  margin:0 auto 20px;
  border:0;
  background:rgba(255,255,255,.12);
  border-radius:50%;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.20);
  color:#fff; }
#content.p7m-integration .p7m-tool .step-icon svg { width:56px;
  height:56px;
  fill:none;
  stroke:currentColor;
  stroke-width:4.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  display:block; }
#content.p7m-integration .p7m-tool .step-icon svg path, #content.p7m-integration .p7m-tool .step-icon svg circle { fill:none;
  stroke:currentColor; }
#content.p7m-integration .p7m-tool .trust-row .trust-pill { min-height:48px;
  padding:13px 18px;
  border-radius:14px; }
#content.p7m-integration .p7m-tool .trust-row .trust-pill i { width:30px;
  height:30px; }
#content.p7m-integration .p7m-tool .trust-row .trust-pill svg { width:17px;
  height:17px; }
#content.p7m-integration .p7m-tool .result-layout { gap:28px;
  padding-bottom:34px; }
#content.p7m-integration .p7m-tool .file-strip { padding:24px 28px;
  gap:28px;
  margin-top:28px;
  margin-bottom:26px; }
#content.p7m-integration .p7m-tool .file-actions { gap:12px; }
#content.p7m-integration .p7m-tool .file-actions .btn-icon, #content.p7m-integration .p7m-tool .viewer-tool-btn .btn-icon { width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 18px; }
#content.p7m-integration .p7m-tool .file-actions .outline-btn, #content.p7m-integration .p7m-tool .file-actions .primary-btn, #content.p7m-integration .p7m-tool .file-actions .pink-btn { min-height:44px;
  padding:11px 16px;
  gap:8px;
  border-radius:12px;
  white-space:nowrap; }
#content.p7m-integration .p7m-tool .file-actions .outline-btn[data-action="new-file"] { border-color:#8fc7f1;
  background:#f8fcff; }
#content.p7m-integration .p7m-tool .file-actions .outline-btn[data-action="new-file"]:hover { background:#eef8ff; }
#content.p7m-integration .p7m-tool .side-title span, #content.p7m-integration .p7m-tool #certBadge { display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  background:#e8f8ed;
  color:#1e7b34;
  font-weight:950;
  line-height:1; }
#content.p7m-integration .p7m-tool #certBadge::before { content:"✓";
  width:18px;
  height:18px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  background:#22a447;
  color:#fff;
  font-size:12px;
  font-weight:950;
  flex:0 0 18px; }
#content.p7m-integration .p7m-tool .side-card { padding:26px; }
#content.p7m-integration .p7m-tool .side-panels { gap:22px; }
#content.p7m-integration .p7m-tool .viewer-toolbar.viewer-toolbar-actions { height:auto;
  min-height:58px;
  border-radius:13px 13px 0 0;
  background:#252b34;
  padding:12px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px; }
#content.p7m-integration .p7m-tool .viewer-toolbar-title {
  letter-spacing:.1px; }
#content.p7m-integration .p7m-tool .viewer-toolbar-buttons { display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end; }
#content.p7m-integration .p7m-tool .viewer-tool-btn { border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:9px 13px;
  border-radius:10px;
  color:#fff;
  font-weight:900;
  font-size:13px;
  box-shadow:0 10px 18px rgba(0,0,0,.14); }
#content.p7m-integration .p7m-tool .viewer-tool-xml { background:linear-gradient(135deg,var(--blue2),#2DA8DB); }
#content.p7m-integration .p7m-tool .viewer-tool-pdf { background:linear-gradient(135deg,var(--pink),var(--pink2)); }
#content.p7m-integration .p7m-tool .viewer-tool-btn:hover { transform:translateY(-1px); }
#content.p7m-integration .p7m-tool .mini-features { gap:22px;
  padding-top:2px;
  padding-bottom:34px; }
#content.p7m-integration .p7m-tool .mini-features article { min-height:150px;
  padding:26px 22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:10px; }
#content.p7m-integration .p7m-tool .mini-icon { width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:var(--blue2);
  background:linear-gradient(180deg,#ffffff 0%,#eef8ff 100%);
  box-shadow:inset 0 0 0 2px var(--blue2),0 12px 24px rgba(8,118,231,.10);
  margin-bottom:2px; }
#content.p7m-integration .p7m-tool .mini-icon-svg { width:31px;
  height:31px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round; }
#content.p7m-integration .p7m-tool .mini-features strong { font-size:16px;
  line-height:1.2; }
#content.p7m-integration .p7m-tool .mini-features p { max-width:220px;
  margin:0;
  line-height:1.55; }
#content.p7m-integration .p7m-tool .viewer-card { padding:18px;
  border-radius:22px; }
#content.p7m-integration .p7m-tool .invoice-preview { padding:32px; }
@media(max-width:1100px){
#content.p7m-integration .p7m-tool .viewer-toolbar.viewer-toolbar-actions { align-items:flex-start;flex-direction:column; }
#content.p7m-integration .p7m-tool .viewer-toolbar-buttons { justify-content:flex-start; }
}
@media(max-width:760px){
#content.p7m-integration .p7m-tool .file-strip { padding:20px; }
#content.p7m-integration .p7m-tool .file-actions .outline-btn, #content.p7m-integration .p7m-tool .file-actions .primary-btn, #content.p7m-integration .p7m-tool .file-actions .pink-btn, #content.p7m-integration .p7m-tool .viewer-tool-btn { width:100%; }
#content.p7m-integration .p7m-tool .viewer-toolbar-buttons { width:100%; }
}
#content.p7m-integration .p7m-tool .status-pills { gap:14px;
  align-items:center; }
#content.p7m-integration .p7m-tool .status-pill { min-height:46px;
  padding:11px 16px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff !important;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 14px 26px rgba(0,13,58,.18);
  line-height:1; }
#content.p7m-integration .p7m-tool .status-pill::before { content:"";
  width:22px;
  height:22px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  flex:0 0 22px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:13px;
  font-weight:950; }
#content.p7m-integration .p7m-tool .status-signature::before, #content.p7m-integration .p7m-tool #signatureStatus::before { content:"✓";
  background:#22a447;
  color:#fff; }
#content.p7m-integration .p7m-tool .status-local::before { content:"";
  border-radius:7px;
  background-color:#fff;
  opacity:.96;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10' width='14' height='10' rx='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 10V7.5a4 4 0 0 1 8 0V10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 14v2' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10' width='14' height='10' rx='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 10V7.5a4 4 0 0 1 8 0V10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 14v2' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 22px 22px no-repeat; }
#content.p7m-integration .p7m-tool .viewer-toolbar-title { min-width:170px;
  color:#fff;
  font-weight:950;
  font-size:15px; }
#content.p7m-integration .p7m-tool .viewer-card .tabs button[data-toolbar-title] { transition:color .18s ease,border-color .18s ease,background .18s ease; }
#content.p7m-integration .p7m-tool .cert-badge-read, #content.p7m-integration .p7m-tool #certBadge { white-space:nowrap; }
#content.p7m-integration .p7m-tool .secure-card { position:relative;
  overflow:hidden;
  padding:24px 24px 25px; }
#content.p7m-integration .p7m-tool .secure-card::after { content:"";
  position:absolute;
  right:-38px;
  top:-38px;
  width:112px;
  height:112px;
  border-radius:50%;
  background:rgba(8,118,231,.06);
  pointer-events:none; }
#content.p7m-integration .p7m-tool .secure-card-title { display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 12px !important;
  color:var(--navy);
  line-height:1.2; }
#content.p7m-integration .p7m-tool .secure-card-icon { width:44px;
  height:44px;
  border-radius:15px;
  display:grid;
  place-items:center;
  flex:0 0 44px;
  color:var(--blue2);
  background:linear-gradient(180deg,#fff 0%,#eef8ff 100%);
  box-shadow:inset 0 0 0 2px #bde4ff,0 12px 24px rgba(8,118,231,.10); }
#content.p7m-integration .p7m-tool .secure-card-icon svg { width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round; }
#content.p7m-integration .p7m-tool .file-strip, #content.p7m-integration .p7m-tool .result-layout, #content.p7m-integration .p7m-tool .mini-features { scroll-margin-top:110px; }
#content.p7m-integration .p7m-tool .file-actions .outline-btn, #content.p7m-integration .p7m-tool .file-actions .primary-btn, #content.p7m-integration .p7m-tool .file-actions .pink-btn, #content.p7m-integration .p7m-tool .viewer-tool-btn { font-size:14px; }
@media(max-width:760px){
#content.p7m-integration .p7m-tool .status-pill { width:100%;justify-content:center; }
#content.p7m-integration .p7m-tool .viewer-toolbar-title { min-width:0; }
}
#content.p7m-integration .p7m-tool .result-character-media {
  max-width:100%; }
#content.p7m-integration .p7m-tool .result-character { display:none!important; }
@media(max-width:1100px){
#content.p7m-integration .p7m-tool .result-character-media::before { width:260px;height:260px; }
}
@media(max-width:760px){
#content.p7m-integration .p7m-tool .result-hero-inner { grid-template-columns:1fr; }
}
#content.p7m-integration .p7m-tool .result-visual-column { position:relative;
  min-height:380px;
  align-items:flex-end;
  justify-content:flex-end;
  overflow:visible;
  isolation:isolate; }
#content.p7m-integration .p7m-tool .result-visual-column::before { content:"";
  position:absolute;
  z-index:-2;
  right:-160px;
  top:-150px;
  width:660px;
  height:660px;
  border-radius:50%;
  background:rgba(255,255,255,.035);
  box-shadow:
    0 0 0 95px rgba(255,255,255,.018),
    0 0 0 190px rgba(45,168,219,.055);
  pointer-events:none; }
#content.p7m-integration .p7m-tool .result-ok-img { display:block; }
#content.p7m-integration .p7m-tool .result-hero-cta {
  color:#fff; }
#content.p7m-integration .p7m-tool .result-hero-cta h2 {
  color:#fff;
  font-weight:950; }
#content.p7m-integration .p7m-tool .result-hero-cta p { margin:0 0 16px;
  color:#e8f5ff;
  font-weight:650; }
#content.p7m-integration .p7m-tool .result-cta-button { display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:12px 18px;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,var(--pink),var(--pink2));
  box-shadow:0 15px 30px rgba(255,64,129,.30);
  font-size:14px;
  font-weight:950;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; }
#content.p7m-integration .p7m-tool .result-cta-button:hover { transform:translateY(-1px);
  box-shadow:0 20px 38px rgba(255,64,129,.36);
  filter:saturate(1.06); }
#content.p7m-integration .p7m-tool .result-cta-button .btn-icon { width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 19px; }
@media(max-width:1220px){
#content.p7m-integration .p7m-tool .result-hero-cta { width:min(390px,66%); }
}
@media(max-width:1100px){
#content.p7m-integration .p7m-tool .result-visual-column { min-height:360px;
    justify-content:center; }
#content.p7m-integration .p7m-tool .result-hero-cta { position:relative;
    top:auto;
    left:auto;
    margin:0 auto 18px; }
#content.p7m-integration .p7m-tool .result-character-media { width:min(100%,680px);
    margin-inline:auto;
    justify-content:center; }
#content.p7m-integration .p7m-tool .result-ok-img { object-position:center bottom; }
}
@media(max-width:760px){
#content.p7m-integration .p7m-tool .result-hero { min-height:auto; }
#content.p7m-integration .p7m-tool .result-visual-column { min-height:auto;display:block; }
#content.p7m-integration .p7m-tool .result-hero-cta { display:block;
    width:100%;
    padding:20px; }
#content.p7m-integration .p7m-tool .result-cta-button { width:100%;white-space:normal;text-align:center; }
}
#content.p7m-integration .p7m-tool .result-hero-inner { display:grid !important; }
#content.p7m-integration .p7m-tool .result-copy {
  position:relative; }
#content.p7m-integration .p7m-tool .result-character-media {
  position:relative !important;
  display:flex !important;
  pointer-events:none;
  isolation:isolate; }
#content.p7m-integration .p7m-tool .result-character-media::before { display:block !important;
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:rgba(255,255,255,.035);
  box-shadow:
    0 0 0 84px rgba(255,255,255,.018),
    0 0 0 168px rgba(45,168,219,.045); }
#content.p7m-integration .p7m-tool .result-ok-img {
  max-width:none !important;
  filter:drop-shadow(0 30px 42px rgba(0,14,64,.28)); }
#content.p7m-integration .p7m-tool .result-hero-cta {
  position:relative !important;
  z-index:6;
  top:auto !important;
  left:auto !important; }
#content.p7m-integration .p7m-tool .result-hero-cta h2 {
  margin-bottom:10px !important; }
#content.p7m-integration .p7m-tool .result-cta-button { min-height:48px;
  width:100%;
  white-space:normal;
  text-align:center; }
#content.p7m-integration .p7m-tool .result-visual-column { display:contents !important; }
@media(max-width:1100px){
#content.p7m-integration .p7m-tool .result-hero-inner {
    gap:24px !important; }
#content.p7m-integration .p7m-tool .result-copy { grid-column:auto; }
#content.p7m-integration .p7m-tool .result-character-media { grid-column:auto; }
#content.p7m-integration .p7m-tool .result-hero-cta { grid-column:auto;
    width:100% !important; }
}
@media(max-width:760px){
#content.p7m-integration .p7m-tool .result-hero-cta { margin-top:0; }
}
#content.p7m-integration .p7m-tool .result-hero { min-height:500px;
  overflow:hidden; }
#content.p7m-integration .p7m-tool .result-hero-inner { grid-template-columns:minmax(380px,.34fr) minmax(430px,.38fr) minmax(380px,.28fr) !important;
  gap:18px !important;
  min-height:500px !important;
  padding:34px 0 38px !important;
  align-items:center !important; }
#content.p7m-integration .p7m-tool .result-copy { grid-column:1 !important;
  align-self:center !important;
  z-index:6; }
#content.p7m-integration .p7m-tool .result-copy h1, #content.p7m-integration .p7m-tool .result-copy h2 { max-width:440px;
  font-size:clamp(50px,4.65vw,72px) !important; }
#content.p7m-integration .p7m-tool .result-copy p { max-width:480px; }
#content.p7m-integration .p7m-tool .result-character-media { grid-column:2 !important;
  width:100% !important;
  height:455px !important;
  justify-content:center !important;
  align-items:flex-end !important;
  z-index:3; }
#content.p7m-integration .p7m-tool .result-character-media::before { width:560px !important;
  height:560px !important;
  opacity:.9; }
#content.p7m-integration .p7m-tool .result-ok-img { width:min(720px, 135%) !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important; }
#content.p7m-integration .p7m-tool .result-hero-cta { grid-column:3 !important;
  justify-self:end !important;
  align-self:center !important;
  width:100% !important;
  max-width:430px !important;
  min-height:300px;
  padding:30px 30px 28px !important;
  border-radius:24px !important;
  background:linear-gradient(135deg, rgba(7,27,79,.94), rgba(7,47,116,.84)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 28px 64px rgba(0,13,58,.36) !important;
  backdrop-filter:blur(11px) saturate(1.18); }
#content.p7m-integration .p7m-tool .result-hero-cta h2 { font-size:29px !important;
  line-height:1.06 !important;
  letter-spacing:-.8px;
  margin:16px 0 14px !important; }
#content.p7m-integration .p7m-tool .result-hero-cta p { font-size:15.5px !important;
  line-height:1.55 !important;
  margin-bottom:20px !important; }
#content.p7m-integration .p7m-tool .p7m-result-main-btn { position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:60px;
  padding:15px 48px 15px 22px;
  border:0;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(135deg,var(--pink),var(--pink2));
  font-weight:950;
  font-size:15.5px;
  line-height:1.2;
  text-align:center;
  box-shadow:0 16px 30px rgba(255,64,129,.30);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; }
#content.p7m-integration .p7m-tool .p7m-result-main-btn:hover { transform:translateY(-1px);
  box-shadow:0 20px 38px rgba(255,64,129,.38);
  filter:saturate(1.06); }
#content.p7m-integration .p7m-tool .p7m-result-main-btn:after { content:"";
  width:30px;
  height:30px;
  background:url(/public/attiva.png) no-repeat 0 0;
  background-size:30px 30px;
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  display:inline-block; }
#content.p7m-integration .p7m-tool .file-status {
  text-align:left;
  padding-left:24px;
  border-left:1px solid var(--line); }
#content.p7m-integration .p7m-tool .file-actions { justify-self:end !important;
  justify-content:flex-end !important;
  align-items:center; }
@media(max-width:1220px){
#content.p7m-integration .p7m-tool .result-hero-inner { grid-template-columns:minmax(285px,.32fr) minmax(360px,.36fr) minmax(310px,.32fr) !important;
    gap:14px !important; }
#content.p7m-integration .p7m-tool .result-copy h1, #content.p7m-integration .p7m-tool .result-copy h2 { font-size:clamp(46px,4.4vw,64px) !important; }
#content.p7m-integration .p7m-tool .result-character-media { height:420px !important; }
#content.p7m-integration .p7m-tool .result-ok-img { width:min(650px,132%) !important; }
#content.p7m-integration .p7m-tool .result-hero-cta { max-width:390px !important;padding:24px !important; }
#content.p7m-integration .p7m-tool .result-hero-cta h2 { font-size:25px !important; }
}
@media(max-width:1100px){
#content.p7m-integration .p7m-tool .result-hero-inner { grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:38px 0 44px !important; }
#content.p7m-integration .p7m-tool .result-copy, #content.p7m-integration .p7m-tool .result-character-media, #content.p7m-integration .p7m-tool .result-hero-cta { grid-column:auto !important; }
#content.p7m-integration .p7m-tool .result-character-media { height:360px !important;order:2; }
#content.p7m-integration .p7m-tool .result-ok-img { width:min(680px,100%) !important; }
#content.p7m-integration .p7m-tool .result-hero-cta { order:3;justify-self:start !important;max-width:560px !important; }
#content.p7m-integration .p7m-tool .file-status {text-align:left; }
#content.p7m-integration .p7m-tool .file-actions { justify-self:start !important;justify-content:flex-start !important; }
}
@media(max-width:760px){
#content.p7m-integration .p7m-tool .result-character-media { display:none !important; }
#content.p7m-integration .p7m-tool .result-hero-cta { min-height:auto; }
#content.p7m-integration .p7m-tool .p7m-result-main-btn { width:100%; }
}
#content.p7m-integration .p7m-tool .result-layout { align-items:start !important; }
#content.p7m-integration .p7m-tool .viewer-card { align-self:start !important; }
#content.p7m-integration .p7m-tool .side-panels { align-self:start !important; }
#content.p7m-integration .p7m-tool .file-strip { grid-template-columns:minmax(350px,1fr) minmax(155px,190px) minmax(390px,440px) !important;
  align-items:center !important;
  column-gap:24px !important; }
#content.p7m-integration .p7m-tool .file-main { min-width:0 !important; }
#content.p7m-integration .p7m-tool .file-main > div { min-width:0 !important; }
#content.p7m-integration .p7m-tool .file-main strong { max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important; }
#content.p7m-integration .p7m-tool .file-status { justify-self:end !important;
  min-width:155px !important; }
#content.p7m-integration .p7m-tool .file-actions, #content.p7m-integration .p7m-tool .file-actions.file-actions-updated { justify-self:end !important;
  width:100% !important;
  display:grid !important;
  grid-template-columns:max-content max-content !important;
  justify-content:end !important;
  align-items:center !important;
  gap:12px !important; }
#content.p7m-integration .p7m-tool .file-actions .outline-btn, #content.p7m-integration .p7m-tool .file-actions .primary-btn, #content.p7m-integration .p7m-tool .file-actions .pink-btn { margin:0 !important; }
#content.p7m-integration .p7m-tool .file-actions .outline-btn[data-action="new-file"] { margin-left:0 !important; }
#content.p7m-integration .p7m-tool .file-actions #downloadOriginal { grid-column:1;
  grid-row:1; }
#content.p7m-integration .p7m-tool .file-actions #downloadXml { grid-column:2;
  grid-row:1; }
#content.p7m-integration .p7m-tool .file-actions #downloadPdf { grid-column:1;
  grid-row:2;
  justify-self:start; }
#content.p7m-integration .p7m-tool .file-actions .outline-btn[data-action="new-file"] { grid-column:2;
  grid-row:2; }
#content.p7m-integration .p7m-tool #tab-xml.tab-panel.active { display:block !important; }
#content.p7m-integration .p7m-tool #tab-xml { margin:0 !important;
  padding:0 !important; }
#content.p7m-integration .p7m-tool .xml-box { display:block !important;
  width:100% !important;
  min-height:260px !important;
  height:auto !important;
  max-height:420px !important;
  margin:0 !important;
  overflow:auto !important;
  border-radius:0 0 14px 14px !important; }
#content.p7m-integration .p7m-tool .viewer-card:has(#tab-xml.active) { height:auto !important;
  min-height:0 !important; }
#content.p7m-integration .p7m-tool .viewer-card:has(#tab-xml.active) .viewer-toolbar, #content.p7m-integration .p7m-tool .viewer-card:has(#tab-xml.active) .tabs { flex-shrink:0; }
@media(max-width:1220px){
#content.p7m-integration .p7m-tool .file-strip { grid-template-columns:minmax(300px,1fr) minmax(145px,175px) minmax(360px,410px) !important;
    column-gap:18px !important; }
#content.p7m-integration .p7m-tool .file-actions, #content.p7m-integration .p7m-tool .file-actions.file-actions-updated { gap:10px !important; }
#content.p7m-integration .p7m-tool .file-actions .outline-btn, #content.p7m-integration .p7m-tool .file-actions .primary-btn, #content.p7m-integration .p7m-tool .file-actions .pink-btn { padding-left:13px !important;
    padding-right:13px !important;
    font-size:13.5px !important; }
}
@media(max-width:1100px){
#content.p7m-integration .p7m-tool .file-strip { grid-template-columns:1fr !important; }
#content.p7m-integration .p7m-tool .file-status { justify-self:start !important;
    min-width:0 !important;
    border-left:0 !important;
    padding-left:0 !important; }
#content.p7m-integration .p7m-tool .file-actions, #content.p7m-integration .p7m-tool .file-actions.file-actions-updated { width:auto !important;
    justify-self:start !important;
    justify-content:start !important; }
}
@media(max-width:760px){
#content.p7m-integration .p7m-tool .file-actions, #content.p7m-integration .p7m-tool .file-actions.file-actions-updated { width:100% !important;
    grid-template-columns:1fr !important; }
#content.p7m-integration .p7m-tool .file-actions #downloadOriginal, #content.p7m-integration .p7m-tool .file-actions #downloadXml, #content.p7m-integration .p7m-tool .file-actions #downloadPdf, #content.p7m-integration .p7m-tool .file-actions .outline-btn[data-action="new-file"] { grid-column:1 !important;
    grid-row:auto !important;
    width:100% !important;
    justify-self:stretch !important; }
#content.p7m-integration .p7m-tool .xml-box { min-height:220px !important;
    max-height:360px !important; }
}
#content.p7m-integration .p7m-tool .ae-preview-loading { min-height:520px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  color:var(--navy);
  background:#f8fbff;
  border:1px solid #dce8f5;
  border-top:0;
  border-radius:0 0 14px 14px;
  padding:32px; }
#content.p7m-integration .p7m-tool .ae-preview-loading strong { font-size:20px;font-weight:950; }
#content.p7m-integration .p7m-tool .ae-preview-loading span { color:#657a94;font-weight:700; }
#content.p7m-integration .p7m-tool .ae-preview-frame-wrap { background:#fff;
  border:1px solid #dce8f5;
  border-top:0;
  border-radius:0 0 14px 14px;
  overflow:hidden;
  min-height:680px; }
#content.p7m-integration .p7m-tool .ae-preview-frame { display:block;
  width:100%;
  min-height:760px;
  height:78vh;
  border:0;
  background:#fff; }
#content.p7m-integration .p7m-tool .ae-preview-fallback-note { margin:0 0 18px;
  padding:12px 14px;
  border-radius:12px;
  background:#eef8ff;
  color:#36516f;
  font-weight:700; }
@media(max-width:760px){
#content.p7m-integration .p7m-tool .ae-preview-frame { height:70vh;min-height:620px; }
#content.p7m-integration .p7m-tool .ae-preview-frame-wrap { min-height:620px; }
}
#content.p7m-integration .p7m-tool .faq-section { padding:54px 0 66px;
  scroll-margin-top:110px; }
#content.p7m-integration .p7m-tool .faq-heading { max-width:760px;
  margin:0 auto 30px;
  text-align:center; }
#content.p7m-integration .p7m-tool .section-kicker { display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:7px 14px;
  border-radius:999px;
  color:var(--blue2);
  background:#eef8ff;
  border:1px solid #d7ecff;
  font-weight:950;
  font-size:13px;
  letter-spacing:.2px; }
#content.p7m-integration .p7m-tool .faq-heading h2 { margin:15px 0 12px;
  color:var(--navy);
  font-size:clamp(30px,3vw,42px);
  line-height:1.08;
  letter-spacing:-1.1px;
  font-weight:950; }
#content.p7m-integration .p7m-tool .faq-heading p { margin:0;
  color:#60768f;
  font-size:17px;
  line-height:1.65; }
#content.p7m-integration .p7m-tool .faq-accordion { max-width:980px;
  margin:0 auto;
  display:grid;
  gap:14px; }
#content.p7m-integration .p7m-tool .faq-item { background:#fff;
  border:1px solid #e2edf8;
  border-radius:18px;
  box-shadow:0 14px 34px rgba(7,27,79,.07);
  overflow:hidden;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
#content.p7m-integration .p7m-tool .faq-item:hover { border-color:#c7e5fb;
  box-shadow:0 18px 42px rgba(7,27,79,.10);
  transform:translateY(-1px); }
#content.p7m-integration .p7m-tool .faq-item.active { border-color:#9ed7fb;
  box-shadow:0 22px 48px rgba(8,118,231,.12); }
#content.p7m-integration .p7m-tool .faq-question { width:100%;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  border:0;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  color:var(--navy);
  text-align:left;
  font-weight:950;
  font-size:18px;
  line-height:1.25; }
#content.p7m-integration .p7m-tool .faq-question i { width:34px;
  height:34px;
  border-radius:50%;
  flex:0 0 34px;
  background:linear-gradient(135deg,var(--pink),var(--pink2));
  box-shadow:0 10px 20px rgba(255,64,129,.22);
  position:relative; }
#content.p7m-integration .p7m-tool .faq-question i:before, #content.p7m-integration .p7m-tool .faq-question i:after { content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:14px;
  height:3px;
  border-radius:999px;
  background:#fff;
  transform:translate(-50%,-50%);
  transition:transform .18s ease, opacity .18s ease; }
#content.p7m-integration .p7m-tool .faq-question i:after { transform:translate(-50%,-50%) rotate(90deg); }
#content.p7m-integration .p7m-tool .faq-item.active .faq-question i:after { opacity:0;
  transform:translate(-50%,-50%) rotate(0deg); }
#content.p7m-integration .p7m-tool .faq-answer { display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .24s ease; }
#content.p7m-integration .p7m-tool .faq-answer > p { overflow:hidden;
  margin:0;
  padding:0 24px;
  color:#5f748f;
  font-size:16px;
  line-height:1.7; }
#content.p7m-integration .p7m-tool .faq-item.active .faq-answer { grid-template-rows:1fr; }
#content.p7m-integration .p7m-tool .faq-item.active .faq-answer > p { padding:0 24px 24px; }
@media(max-width:760px){
#content.p7m-integration .p7m-tool .faq-section { padding:42px 0 54px; }
#content.p7m-integration .p7m-tool .faq-heading { text-align:left; }
#content.p7m-integration .p7m-tool .faq-question { font-size:16px;padding:18px 18px;min-height:64px; }
#content.p7m-integration .p7m-tool .faq-answer > p { padding:0 18px;font-size:15px; }
#content.p7m-integration .p7m-tool .faq-item.active .faq-answer > p { padding:0 18px 20px; }
}
#content.p7m-integration .p7m-tool .software-cta .p7m-footer-main-btn { position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:14px 52px 14px 22px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--pink),var(--pink2));
  color:#fff;
  font-weight:950;
  line-height:1.15;
  box-shadow:0 12px 22px rgba(255,64,129,.24);
  white-space:nowrap; }
#content.p7m-integration .p7m-tool .software-cta .p7m-footer-main-btn:after { content:"";
  width:30px;
  height:30px;
  background:url("/public/attiva.png") no-repeat center center;
  background-size:30px 30px;
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  display:inline-block; }
#content.p7m-integration .p7m-tool .file-doc.file-doc-lock { width:58px;
  height:58px;
  border-radius:16px;
  background:#eef8ff;
  color:var(--blue2);
  box-shadow:inset 0 0 0 1px #d9efff; }
#content.p7m-integration .p7m-tool .file-doc.file-doc-lock svg { width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:4.2;
  stroke-linecap:round;
  stroke-linejoin:round; }
#content.p7m-integration .p7m-tool .file-doc.file-doc-lock svg rect, #content.p7m-integration .p7m-tool .file-doc.file-doc-lock svg path { fill:none;
  stroke:currentColor; }
#content.p7m-integration .p7m-tool .how-section { padding-top:44px; }
#content.p7m-integration .p7m-tool .how-section h2 { position:relative;
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 auto 54px;
  padding-bottom:16px; }
#content.p7m-integration .p7m-tool .how-section h2 span { display:none !important; }
#content.p7m-integration .p7m-tool .how-section h2:after { content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:92px;
  height:5px;
  border-radius:999px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--blue2),var(--blue),var(--pink));
  box-shadow:0 8px 18px rgba(8,118,231,.18); }
#content.p7m-integration .p7m-tool .steps { gap:56px; }
#content.p7m-integration .p7m-tool .steps:before { content:"";
  position:absolute;
  left:13%;
  right:13%;
  top:50%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(8,118,231,.08),rgba(45,168,219,.28),rgba(255,64,129,.16));
  transform:translateY(-50%);
  z-index:0; }
#content.p7m-integration .p7m-tool .steps article { z-index:1;
  border:1px solid rgba(255,255,255,.20); }
#content.p7m-integration .p7m-tool .steps article:not(:last-child):after { display:none !important;
  content:none !important; }
#content.p7m-integration .p7m-tool .site-modal { position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px; }
#content.p7m-integration .p7m-tool .site-modal:target { display:flex; }
#content.p7m-integration .p7m-tool .site-modal-backdrop { position:absolute;
  inset:0;
  background:rgba(5,18,52,.68);
  backdrop-filter:blur(7px); }
#content.p7m-integration .p7m-tool .site-modal-panel { position:relative;
  z-index:1;
  width:min(540px,100%);
  background:#fff;
  color:var(--text);
  border:1px solid #dcecff;
  border-radius:22px;
  padding:30px 32px;
  box-shadow:0 30px 80px rgba(7,27,79,.28); }
#content.p7m-integration .p7m-tool .site-modal-panel h2 { margin:0 0 14px;
  color:var(--navy);
  font-size:28px;
  line-height:1.12;
  letter-spacing:-.5px; }
#content.p7m-integration .p7m-tool .site-modal-panel p { margin:12px 0 0;
  color:#5d718b;
  line-height:1.65;
  font-size:16px; }
#content.p7m-integration .p7m-tool .site-modal-panel a:not(.site-modal-close) { color:var(--blue2);
  font-weight:900; }
#content.p7m-integration .p7m-tool .site-modal-close { position:absolute;
  right:16px;
  top:14px;
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eef8ff;
  color:var(--blue2);
  font-size:28px;
  line-height:1;
  font-weight:800; }
@media(max-width:1100px){
#content.p7m-integration .p7m-tool .steps:before { display:none; }
}
@media(max-width:760px){
#content.p7m-integration .p7m-tool .software-cta .p7m-footer-main-btn { width:100%;white-space:normal;text-align:center; }
#content.p7m-integration .p7m-tool .site-modal-panel { padding:26px 22px; }
#content.p7m-integration .p7m-tool .site-modal-panel h2 { font-size:24px; }
}
#content.p7m-integration .p7m-tool .site-modal-panel-wide { width:min(760px,100%); }
#content.p7m-integration .p7m-tool .cookie-banner-inner { display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:18px 20px;
  border-radius:20px;
  background:#fff;
  color:var(--text);
  border:1px solid #dcecff;
  box-shadow:0 24px 70px rgba(7,27,79,.22); }
#content.p7m-integration .p7m-tool .cookie-preferences-actions { display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end; }
#content.p7m-integration .p7m-tool .cookie-btn-primary { color:#fff;
  background:linear-gradient(135deg,var(--pink),var(--pink2));
  box-shadow:0 12px 24px rgba(255,64,129,.22); }
#content.p7m-integration .p7m-tool .cookie-btn-light { color:#0d58a9;
  background:#f2f9ff;
  border:1.5px solid #c9e4fb; }
#content.p7m-integration .p7m-tool .cookie-preferences-backdrop { position:absolute;
  inset:0;
  background:rgba(5,18,52,.68);
  backdrop-filter:blur(7px); }
#content.p7m-integration .p7m-tool .cookie-preferences-panel { position:relative;
  z-index:1;
  width:min(720px,100%);
  max-height:calc(100vh - 48px);
  overflow:auto;
  background:#fff;
  border:1px solid #dcecff;
  border-radius:24px;
  padding:30px 32px;
  box-shadow:0 30px 80px rgba(7,27,79,.28); }
#content.p7m-integration .p7m-tool .cookie-preferences-close { position:absolute;
  right:16px;
  top:14px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eef8ff;
  color:var(--blue2);
  font-size:28px;
  line-height:1;
  font-weight:800; }
#content.p7m-integration .p7m-tool .cookie-preferences-panel h2 { margin:0 46px 12px 0;color:var(--navy);font-size:28px;line-height:1.12;letter-spacing:-.5px; }
#content.p7m-integration .p7m-tool .cookie-preferences-intro { margin:0 0 18px;color:#5d718b;line-height:1.62; }
#content.p7m-integration .p7m-tool .cookie-preferences-actions { margin-top:18px; }
@media(max-width:760px){
#content.p7m-integration .p7m-tool .cookie-banner-inner { display:block;padding:18px; }
#content.p7m-integration .p7m-tool .cookie-preferences-panel { padding:26px 20px; }
}
#content.p7m-integration .p7m-tool .ae-style-footnote { display:flex;
  align-items:flex-start;
  gap:7px;
  width:100%;
  margin:9px 2px 0;
  padding:0;
  color:#7a8da6;
  font-size:11.5px;
  line-height:1.45;
  font-weight:650;
  text-align:left; }
#content.p7m-integration .p7m-tool .ae-style-footnote::before { content:"i";
  display:inline-grid;
  place-items:center;
  width:15px;
  height:15px;
  margin-top:1px;
  border-radius:50%;
  background:#eef6ff;
  color:#2DA8DB;
  font-size:10px;
  font-weight:950;
  flex:0 0 15px; }
#content.p7m-integration .p7m-tool .unsupported-preview { max-width: 660px;
  margin: 72px auto;
  text-align: center;
  color: #425a78; }
#content.p7m-integration .p7m-tool .unsupported-preview-icon { width: 54px;
  height: 54px;
  margin: 0 auto 18px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: #eef8ff;
  color: var(--blue2);
  font-size: 28px;
  font-weight: 950;
  box-shadow: inset 0 0 0 2px #cfe9fb; }
#content.p7m-integration .p7m-tool .unsupported-preview h2 { margin: 0 0 12px;
  color: var(--navy);
  font-size: 28px;
  line-height: 1.18;
  letter-spacing: -.4px; }
#content.p7m-integration .p7m-tool .unsupported-preview p { margin: 8px 0;
  font-size: 15px;
  line-height: 1.65; }
#content.p7m-integration .p7m-tool .unsupported-preview strong { color: var(--navy);
  font-weight: 950; }
@media(max-width:760px){
#content.p7m-integration .p7m-tool .unsupported-preview { margin: 42px auto; }
#content.p7m-integration .p7m-tool .unsupported-preview h2 { font-size: 23px; }
}
#content.p7m-integration .p7m-tool .home-topic-grid { grid-template-columns:repeat(3,1fr) }
#content.p7m-integration .p7m-tool .home-topic-card { display:flex;flex-direction:column;min-height:245px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease }
#content.p7m-integration .p7m-tool .home-topic-card:hover { transform:translateY(-3px);box-shadow:0 20px 42px rgba(7,27,79,.12);border-color:#cfe2f5 }
#content.p7m-integration .p7m-tool .home-topic-card .topic-label { display:inline-flex;align-self:flex-start;margin-bottom:15px;padding:6px 10px;border-radius:999px;background:#eef8ff;color:var(--blue2);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.25px }
#content.p7m-integration .p7m-tool .home-topic-card:nth-child(2) .topic-label { background:#fff0f6;color:#d91663 }
#content.p7m-integration .p7m-tool .home-topic-card:nth-child(3) .topic-label { background:#efeeff;color:#5147c6 }
#content.p7m-integration .p7m-tool .home-topic-card .topic-link { margin-top:auto;padding-top:17px;color:var(--blue2);font-weight:950 }
#content.p7m-integration .p7m-tool .home-inline-link { display:inline-flex;margin-top:22px;color:var(--blue2);font-weight:950 }
#content.p7m-integration .p7m-tool .fake-preview .demo-note { display:block;margin-top:13px;color:#7b8fa7;font-size:11px;font-weight:800;line-height:1.45 }
@media(max-width:900px){
#content.p7m-integration .p7m-tool .home-topic-grid { grid-template-columns:1fr }
}
#content.p7m-integration .p7m-tool .hero-kicker { display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  padding:7px 14px;
  border-radius:999px;
  font-size:13px;
  line-height:1.2;
  font-weight:850; }
#content.p7m-integration .p7m-tool .hero-kicker-badge { display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:4px 9px;
  border-radius:7px;
  font-size:10px;
  font-weight:950;
  letter-spacing:.25px;
  white-space:nowrap; }
@media(max-width:760px){
#content.p7m-integration .p7m-tool .hero-kicker { max-width:100%;
    font-size:12px; }
}
/* Integrazione con il template Software Semplice, senza modificare la navbar o il footer. */
#content.p7m-integration { background:#fff; overflow:hidden; }
#content.p7m-integration .p7m-tool { display:block; width:100%; margin:0; padding:0; font-size:16px; line-height:1.45; background:white; }
#content.p7m-integration .p7m-tool .container::before, #content.p7m-integration .p7m-tool .container::after { content:none !important; display:none !important; }
#content.p7m-integration .p7m-tool img { max-width:100%; }
#content.p7m-integration .p7m-tool .hero h1, #content.p7m-integration .p7m-tool .hero h2, #content.p7m-integration .p7m-tool .result-hero h2 { color:#fff; }
#content.p7m-integration .p7m-tool .p7m-extra-guide { padding-top:0; padding-bottom:35px; }
#content.p7m-integration .p7m-tool .p7m-extra-guide-inner { max-width:930px; margin:0 auto; padding:24px 28px; border:1px solid #dcecfb; border-radius:20px; }
#content.p7m-integration .p7m-tool .p7m-extra-guide-inner h2 { margin:8px 0 12px; color:var(--navy); font-size:28px; font-weight:900; }
#content.p7m-integration .p7m-tool .p7m-extra-guide-inner p { margin:0 0 12px; color:#465d7c; font-size:15px; line-height:1.65; }
#content.p7m-integration .p7m-tool .p7m-extra-guide-inner .home-inline-link { margin-top:8px; }
@media(max-width:760px){ #content.p7m-integration .p7m-tool .p7m-extra-guide-inner { padding:20px; } #content.p7m-integration .p7m-tool .p7m-extra-guide-inner h2 {font-size:23px} }
/* ================================================================
   Software Semplice | Visualizzatore P7M | tema 13 novembre 2026
   Sorgente colori: custom.css (brand) e layout di riferimento approvato.
   Solo tema visivo: NON altera la struttura delle colonne o lo script.
   ================================================================ */
#content.p7m-integration .p7m-tool {
  --blue:var(--ss-cyan, #2aa8da);
  --blue2:var(--ss-blue, #0785eb);
  --blue3:var(--ss-blue-dark, #006edb);
  --pink:#ff4081;
  --pink2:#ff5a90;
  --navy:var(--ss-navy, #07143f);
  --text:#102044;
  --muted:var(--ss-muted, #506187);
  --line:var(--ss-line, #d9e9f8);
  --soft:var(--ss-sky-light, #eff9ff);
  --hero-dark:#07145d;
  --hero-mid:#0a458f;
  --hero-light:#0785eb;
  --shadow:0 15px 34px rgba(7,40,88,.105);
  --shadow-sm:0 9px 24px rgba(7,40,88,.075);
  font-family:'Montserrat', Arial, sans-serif;
}
/* Entrambe le viste usano lo stesso tema blu notte / blu Software Semplice.
   Restano invariati le colonne, il box upload e tutti i controlli. */
#content.p7m-integration .p7m-tool .hero {
  color:#fff;
  background:
    radial-gradient(circle at 57% 43%,rgba(42,168,218,.13) 0,transparent 43%),
    linear-gradient(125deg,#07145d 0%,#0a438f 51%,#0785eb 100%);
  isolation:isolate;
}
#content.p7m-integration .p7m-tool .hero::before {
  content:"";
  position:absolute;
  inset:auto;
  top:-160px;
  right:-90px;
  width:560px;
  height:560px;
  z-index:0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  background:transparent;
  box-shadow:0 0 0 82px rgba(255,255,255,.025),0 0 0 170px rgba(255,255,255,.018);
}
#content.p7m-integration .p7m-tool .hero::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  width:auto;
  height:112px;
  z-index:0;
  border-radius:0;
  background:linear-gradient(160deg,transparent 0 42%,rgba(45,168,219,.22) 43% 56%,transparent 57%);
  pointer-events:none;
}
#content.p7m-integration .p7m-tool .hero h1,
#content.p7m-integration .p7m-tool .hero h2 { color:#fff; }
#content.p7m-integration .p7m-tool .hero h1 span { color:var(--pink); }
#content.p7m-integration .p7m-tool .hero-text { color:#f0f7ff; }
#content.p7m-integration .p7m-tool .hero-kicker {
  color:#fff;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.32);
  box-shadow:none;
}
#content.p7m-integration .p7m-tool .hero-kicker-badge {
  color:#075ca6;
  background:#f1faff;
}
#content.p7m-integration .p7m-tool .hero-glow-one {
  background:rgba(255,255,255,.035);
  box-shadow:0 0 0 74px rgba(255,255,255,.018),0 0 0 142px rgba(45,168,219,.05);
}
#content.p7m-integration .p7m-tool .hero-glow-two {
  border:1px solid rgba(255,255,255,.08);
}
#content.p7m-integration .p7m-tool .hero-person-img {
  filter:drop-shadow(0 22px 36px rgba(0,13,58,.22));
}
#content.p7m-integration .p7m-tool .trust-pill {
  background:#fff;
  color:var(--navy);
  border:1px solid #e1effa;
  box-shadow:0 9px 21px rgba(29,106,167,.09);
}
#content.p7m-integration .p7m-tool .upload-card {
  border-color:#e1edf7;
  box-shadow:0 19px 43px rgba(31,98,156,.13);
}
#content.p7m-integration .p7m-tool .drop-zone { border-color:#9ed9fb; }
#content.p7m-integration .p7m-tool .drop-zone:hover,
#content.p7m-integration .p7m-tool .drop-zone.dragover {
  background:#f7fcff;
  border-color:var(--blue);
}
#content.p7m-integration .p7m-tool .secure-note { color:#516c87; }
#content.p7m-integration .p7m-tool .feature-card,
#content.p7m-integration .p7m-tool .guide-card,
#content.p7m-integration .p7m-tool .preview-card,
#content.p7m-integration .p7m-tool .faq-item {
  border-color:#e3eff9;
  box-shadow:var(--shadow-sm);
}
#content.p7m-integration .p7m-tool .steps article {
  background:linear-gradient(135deg,#2bb1df 0%,#1b9bdb 100%);
  box-shadow:0 15px 33px rgba(30,157,216,.17);
}
#content.p7m-integration .p7m-tool .steps article:nth-child(2) {
  background:linear-gradient(135deg,#168ee0 0%,#2cabe1 100%);
}
#content.p7m-integration .p7m-tool .feature-card-blue { --card-accent:var(--blue2); }
#content.p7m-integration .p7m-tool .feature-card-cyan { --card-accent:var(--blue); }
#content.p7m-integration .p7m-tool .feature-card-pink { --card-accent:var(--pink); }
#content.p7m-integration .p7m-tool .section-kicker,
#content.p7m-integration .p7m-tool .home-topic-card .topic-label {
  background:var(--soft);
  border-color:#d7ecfa;
  color:#0a7bc5;
}
#content.p7m-integration .p7m-tool .software-cta {
  background:linear-gradient(105deg,#0785eb 0%,#169fda 72%,#2aa8da 100%);
  box-shadow:0 13px 28px rgba(7,105,186,.17);
}
#content.p7m-integration .p7m-tool .p7m-extra-guide-inner {
  background:#f4faff;
  border-color:#d8ebfa;
}
/* Mantiene il risultato con fondo più scuro per contrasto/leggibilità,
   ma ne armonizza il blu con il marchio e i bottoni con il rosa del sito. */
#content.p7m-integration .p7m-tool .result-hero {
  background:linear-gradient(125deg,#07145d 0%,#0a438f 51%,#0785eb 100%);
}
@media(max-width:760px) {
  #content.p7m-integration .p7m-tool .hero::before {
    inset:auto;
    top:-120px;
    right:-200px;
    width:380px;
    height:380px;
  }
}

/* ==============================================================
   Allineamento finale hero e contenuti - 13/11/2026
   Isolato al tool P7M: non modifica header/footer o CSS globali.
   ============================================================== */

/* Il CSS generale applica section { padding: 40px 0; }.
   Entrambe le hero devono partire senza quello spazio esterno. */
#content.p7m-integration .p7m-tool section.hero,
#content.p7m-integration .p7m-tool section.result-hero {
  padding-top: 0;
  padding-bottom: 0;
}

/* Riduce il solo spazio interno della hero risultato: le tre colonne
   e le dimensioni delle schede non vengono alterate. */
#content.p7m-integration .p7m-tool .result-hero-inner {
  padding:22px 0 24px !important;
}
@media(max-width:1100px) {
  #content.p7m-integration .p7m-tool .result-hero-inner {
    padding:28px 0 30px !important;
  }
}
@media(max-width:760px) {
  #content.p7m-integration .p7m-tool .result-hero-inner {
    padding:26px 0 30px !important;
  }
}

/* La FAQ e il pannello PDF arrivano ai margini della stessa
   .container delle griglie, della hero e della CTA finale. */
#content.p7m-integration .p7m-tool .faq-accordion,
#content.p7m-integration .p7m-tool .p7m-extra-guide-inner {
  width: 100%;
  max-width: none;
}

/* Titolo schermata risultato: stessa dimensione dell'H1 della hero iniziale. */
#content.p7m-integration .p7m-tool .result-copy h2 {
  font-size: 56px !important;
}
@media (max-width: 1220px) {
  #content.p7m-integration .p7m-tool .result-copy h2 {
    font-size: 52px !important;
  }
}
@media (max-width: 760px) {
  #content.p7m-integration .p7m-tool .result-copy h2 {
    font-size: 43px !important;
  }
}