:root{
  --bg:#06131f;
  --bg2:#091d2e;
  --panel:#0b2234;
  --panel2:#0d293e;
  --line:rgba(159,218,255,.14);
  --text:#f4f8fb;
  --muted:#91a8b9;
  --cyan:#59d8ff;
  --cyan2:#16bff1;
  --blue:#2585ff;
  --green:#3ae0a0;
  --danger:#ff7d8e;
  --shadow:0 22px 70px rgba(0,0,0,.28);
  --radius:22px;
  --shell:min(1180px,calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#06131f 0%,#071827 46%,#06131f 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.shell{width:var(--shell);margin-inline:auto}
.ambient{position:fixed;pointer-events:none;filter:blur(80px);opacity:.12;border-radius:999px;z-index:-1}
.ambient-one{width:440px;height:440px;background:#20c6ff;top:100px;right:-150px}
.ambient-two{width:500px;height:500px;background:#345fff;top:780px;left:-260px}
.site-header{width:var(--shell);margin:18px auto 0;height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:rgba(7,25,40,.78);backdrop-filter:blur(18px);border-radius:18px;position:sticky;top:14px;z-index:20;box-shadow:0 14px 40px rgba(0,0,0,.16)}
.brand{display:flex;align-items:center;gap:10px;font-style:normal;white-space:nowrap}.brand>span:last-child{display:flex;align-items:baseline;letter-spacing:.035em}.brand strong{font-size:18px}.brand b{font-size:18px;color:var(--cyan);margin-left:2px}.brand em{font-size:7px;color:#9fb3c2;font-weight:800;margin-left:5px;letter-spacing:.16em;font-style:normal}.brand-mark{width:32px;height:32px;display:grid;place-items:center}.brand-mark svg{width:32px;height:32px;fill:none;stroke:var(--cyan);stroke-width:1.8}.brand-mark svg path:last-child{stroke:#3a86ff;opacity:.8}.site-header nav{display:flex;gap:30px;color:#a9bac7;font-size:14px}.site-header nav a:hover{color:#fff}.pill-link{border:1px solid rgba(89,216,255,.25);background:rgba(89,216,255,.08);color:#bdefff;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800}
.hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;padding:74px 0 48px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#83dffc;font-size:12px;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.eyebrow span{width:26px;height:2px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.hero h1{font-size:clamp(44px,5.3vw,72px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 22px;max-width:760px}.hero h1 span{color:var(--cyan)}.hero-copy>p{font-size:18px;color:#a8bac8;max-width:650px}.hero-actions{display:flex;gap:12px;margin:30px 0 22px}.btn{border:0;border-radius:12px;padding:13px 18px;font-weight:800;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.35)}.btn-primary{background:linear-gradient(135deg,#45d7ff,#2585ff);color:#03131d;box-shadow:0 12px 30px rgba(41,168,255,.24)}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(41,168,255,.32)}.btn-ghost{background:rgba(255,255,255,.04);border:1px solid var(--line);color:#d7e4ec}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#84a1b3;font-size:13px}.trust-row span::first-letter{color:var(--green)}
.hero-visual{height:490px;position:relative;perspective:1200px}.grid-glow{position:absolute;inset:28px;background:radial-gradient(circle at 50% 50%,rgba(59,199,255,.18),transparent 60%),linear-gradient(rgba(92,192,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(92,192,255,.06) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;transform:rotateX(64deg) rotateZ(-8deg);border-radius:50%;filter:drop-shadow(0 0 35px rgba(68,197,255,.12))}.card-3d{position:absolute;width:360px;aspect-ratio:85/55;border:1px solid rgba(145,225,255,.25);border-radius:14px;padding:26px;background:linear-gradient(145deg,rgba(17,59,84,.98),rgba(5,26,43,.98));box-shadow:0 25px 70px rgba(0,0,0,.45);overflow:hidden}.card-3d:after{content:"";position:absolute;width:260px;height:260px;border:40px solid rgba(74,202,255,.07);border-radius:40% 55% 45% 60%;right:-160px;bottom:-170px;transform:rotate(30deg)}.card-front{right:28px;top:154px;transform:rotateY(-10deg) rotateZ(-5deg)}.card-back{left:28px;top:60px;transform:rotateY(12deg) rotateZ(8deg);opacity:.72}.mock-logo span{font-size:30px;font-weight:900;letter-spacing:-.04em}.mock-logo b{font-size:30px;color:var(--cyan);margin-left:4px}.card-front p{font-size:13px;color:#9ddff3;letter-spacing:.12em;margin-top:42px}.card-3d small{color:#7692a6;letter-spacing:.16em}.mini-logo{width:42px;height:42px;border:1px solid #59d8ff;border-radius:9px;display:grid;place-items:center;color:#59d8ff;font-weight:900}.mock-lines{margin-top:34px}.mock-lines i{display:block;height:7px;background:rgba(171,227,248,.28);border-radius:99px;margin:8px 0}.mock-lines i:nth-child(1){width:60%}.mock-lines i:nth-child(2){width:75%}.mock-lines i:nth-child(3){width:45%}.float-chip{position:absolute;border:1px solid rgba(89,216,255,.23);background:rgba(8,34,52,.9);backdrop-filter:blur(8px);padding:9px 13px;border-radius:10px;font-size:11px;font-weight:900;color:#9be9ff;box-shadow:0 10px 22px rgba(0,0,0,.2)}.chip-a{right:8px;top:86px}.chip-b{left:26px;bottom:68px}
.section-heading{margin-bottom:28px}.section-heading.center{text-align:center}.section-kicker{font-size:11px;font-weight:900;color:var(--cyan);letter-spacing:.18em}.section-heading h2,.privacy-inner h2{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.03em;margin:8px 0 10px}.section-heading p{color:var(--muted);max-width:700px;margin:0 auto}
.generator-wrap{padding:70px 0 90px}.generator-panel{background:linear-gradient(180deg,rgba(13,41,62,.9),rgba(7,28,44,.95));border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:var(--shadow)}.steps-strip{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:center;gap:16px;margin:-2px 0 26px}.steps-strip>i{width:90px;height:1px;background:rgba(141,207,234,.14);margin-top:18px}.step-dot{display:flex;flex-direction:column;align-items:center;gap:6px;color:#738da0;font-size:11px;font-weight:800}.step-dot b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(151,213,238,.2);background:#0a2436}.step-dot.active,.step-dot.done{color:#b9efff}.step-dot.active b{border-color:#59d8ff;box-shadow:0 0 0 5px rgba(89,216,255,.08);color:#05131e;background:#59d8ff}.step-dot.done b{background:#183c4b;color:#68efbd;border-color:#2f8066}.generator-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload-card{padding:26px;border:1px dashed rgba(128,203,233,.22);border-radius:18px;background:rgba(5,22,35,.42);text-align:center;min-height:330px;position:relative}.upload-card.ready{border-style:solid;border-color:rgba(58,224,160,.32);background:rgba(21,73,61,.12)}.upload-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.step-label{font-size:10px;color:#6f92a8;letter-spacing:.16em;font-weight:900}.ad-label{font-size:9px;color:#6fbad1;border:1px solid rgba(89,216,255,.12);padding:5px 8px;border-radius:99px;background:rgba(89,216,255,.04)}.upload-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:rgba(89,216,255,.07);border:1px solid rgba(89,216,255,.12);margin:0 auto 12px}.upload-icon svg{width:25px;fill:none;stroke:#66dcff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.upload-card h3{margin:0 0 7px;font-size:20px}.upload-card>p{color:#88a1b3;font-size:13px;max-width:410px;margin:0 auto 18px}.btn-gate{background:rgba(89,216,255,.1);border:1px solid rgba(89,216,255,.18);color:#a8edff;width:min(100%,310px)}.btn-file{background:#14384b;border:1px solid rgba(86,211,249,.22);color:#e2f8ff;width:min(100%,310px)}.file-status{margin-top:12px;font-size:12px;color:#79d9b4;min-height:18px}.hidden{display:none!important}
.format-panel{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(5,22,35,.32);display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:center}.format-panel h3{margin:6px 0 4px}.format-panel p{margin:0;color:#7895a8;font-size:13px}.format-options{display:grid;gap:10px}.format-option{display:grid;grid-template-columns:auto 46px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(137,204,232,.15);border-radius:14px;background:rgba(255,255,255,.02);cursor:pointer}.format-option input{accent-color:#39cfff}.format-option.selected{border-color:rgba(89,216,255,.48);background:rgba(89,216,255,.07)}.format-icon{width:44px;height:35px;border:1px solid rgba(89,216,255,.23);display:grid;place-items:center;border-radius:8px;color:#73e1ff;font-size:11px;font-weight:900}.format-option b{display:block;font-size:14px}.format-option small{display:block;color:#7792a5;font-size:11px;margin-top:2px}.format-option i{font-style:normal;font-size:9px;color:#08141b;background:#67e2ff;border-radius:99px;padding:4px 7px;font-weight:900}
.preview-panel{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding:28px 52px;margin-top:18px;border-radius:18px;background:#061a29;border:1px solid var(--line)}.preview-side>span{font-size:9px;color:#66889e;letter-spacing:.2em;font-weight:900}.preview-frame{margin-top:8px;width:100%;aspect-ratio:85/55;background:linear-gradient(135deg,#0f2b40,#0a1f31);border:1px solid rgba(144,210,237,.17);border-radius:10px;overflow:hidden;display:grid;place-items:center;position:relative}.preview-frame img{width:100%;height:100%;object-fit:cover}.empty-preview{font-size:12px;color:#526e81}.pdf-preview{display:grid;place-items:center;text-align:center;color:#8bdcf4;gap:6px}.pdf-preview b{font-size:22px}.pdf-preview small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#728fa2}.preview-arrow{color:#375e73;font-size:25px}
.generate-bar{margin-top:18px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(6,25,39,.82),rgba(11,44,65,.68));border-radius:18px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.generate-info{display:grid;gap:3px}.generate-info strong{font-size:16px}.generate-info small{color:#718fa3}.btn-large{padding:15px 21px}.result-panel{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border:1px solid rgba(58,224,160,.24);background:rgba(31,99,75,.12);border-radius:18px;padding:18px 22px;margin-top:14px}.result-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(58,224,160,.14);color:#62e9b5;font-weight:900}.result-panel strong{color:#caffeb}.result-panel p{margin:2px 0 0;color:#7fa897;font-size:12px}.btn-download{background:#39dca0;color:#061a14}
.how{padding:85px 0}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.how-grid article{padding:26px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018);min-height:220px}.how-grid article>b{font-size:12px;color:#55d9ff;letter-spacing:.15em}.how-grid h3{margin:42px 0 8px;font-size:17px}.how-grid p{color:#7892a5;font-size:13px;margin:0}.privacy-band{border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(10,45,64,.22),rgba(20,72,83,.12));margin:40px 0}.privacy-inner{padding:56px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px}.shield{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;border:1px solid rgba(89,216,255,.17);background:rgba(89,216,255,.06);color:#6be1ff;font-size:40px}.privacy-inner h2{font-size:34px}.privacy-inner p{color:#809bae;max-width:700px;margin:0}.privacy-points{display:grid;gap:9px;color:#8fc8b4;font-size:12px;white-space:nowrap}
.faq{padding:90px 0 110px}.faq-list{max-width:850px;margin:0 auto}.faq-list details{border-bottom:1px solid var(--line);padding:6px 0}.faq-list summary{list-style:none;cursor:pointer;padding:20px 4px;font-weight:800;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#58d8ff}.faq-list p{color:#7f99ab;margin:0 30px 20px 4px;font-size:14px}
footer{border-top:1px solid var(--line);background:#05111b;padding-top:34px}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px}.footer-inner>p{color:#667f91;font-size:12px}.footer-inner>div{display:flex;gap:18px;color:#7894a7;font-size:12px}.footer-bottom{border-top:1px solid rgba(150,214,239,.07);margin-top:28px;padding:18px 0;color:#4f687a;font-size:11px}.footer-brand .brand-mark{border:1px solid rgba(89,216,255,.3);border-radius:9px;color:#59d8ff;font-weight:900}
.toast{position:fixed;right:22px;bottom:22px;max-width:360px;padding:13px 16px;background:#0c293d;color:#ddf6ff;border:1px solid rgba(89,216,255,.24);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.35);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:none}.toast.error{border-color:rgba(255,125,142,.35);color:#ffd9de}
.ad-modal-backdrop{position:fixed;inset:0;background:rgba(0,7,13,.76);backdrop-filter:blur(9px);z-index:200;display:grid;place-items:center;padding:20px}.ad-modal{width:min(480px,100%);background:linear-gradient(180deg,#0e2a3e,#071b2a);border:1px solid rgba(114,213,246,.23);border-radius:22px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.55);text-align:center}.ad-modal .ad-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:rgba(89,216,255,.09);border:1px solid rgba(89,216,255,.15);font-size:20px;color:#75e3ff}.ad-modal h3{margin:4px 0 8px}.ad-modal p{color:#87a2b5;font-size:13px}.ad-modal .reward-box{margin:16px 0;padding:12px;border-radius:12px;background:rgba(89,216,255,.06);border:1px solid rgba(89,216,255,.12);color:#a5eaff;font-size:12px}.ad-modal-actions{display:flex;gap:10px}.ad-modal-actions .btn{flex:1}.ad-cancel{background:rgba(255,255,255,.04);border:1px solid var(--line);color:#92a9b9}.demo-ad-screen{height:200px;margin:16px 0;border:1px solid rgba(107,217,255,.18);border-radius:14px;background:radial-gradient(circle at center,rgba(50,183,255,.13),rgba(3,14,23,.8));display:grid;place-items:center}.demo-ad-screen b{font-size:28px;letter-spacing:.08em;color:#74e3ff}.demo-ad-screen small{display:block;color:#6f8798;margin-top:8px}.demo-count{font-variant-numeric:tabular-nums;font-size:14px;color:#b7efff}.legal-shell{width:min(850px,calc(100% - 40px));margin:80px auto 120px}.legal-shell h1{font-size:44px;letter-spacing:-.03em}.legal-shell h2{margin-top:34px}.legal-shell p,.legal-shell li{color:#8ca5b6}.placeholder{border:1px dashed rgba(255,195,98,.35);background:rgba(255,195,98,.07);color:#ffd796;padding:2px 6px;border-radius:5px}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:54px}.hero-visual{height:430px}.generator-grid,.format-panel{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr 1fr}.privacy-inner{grid-template-columns:auto 1fr}.privacy-points{grid-column:2}.preview-panel{padding:22px}.footer-inner{grid-template-columns:1fr}.footer-inner>div{justify-content:flex-start}}
@media(max-width:620px){:root{--shell:min(100% - 24px,1180px)}.site-header{width:calc(100% - 18px);top:8px;padding-inline:12px}.pill-link{display:none}.hero h1{font-size:44px}.hero-actions{flex-direction:column}.hero-visual{height:350px}.card-3d{width:285px}.card-front{right:2px;top:125px}.card-back{left:0;top:35px}.generator-panel{padding:14px}.steps-strip>i{width:18px}.steps-strip{gap:7px}.step-dot span{display:none}.upload-card{padding:20px 15px}.preview-panel{grid-template-columns:1fr;padding:18px}.preview-arrow{transform:rotate(90deg);text-align:center}.generate-bar,.result-panel{display:flex;flex-direction:column;align-items:stretch}.result-icon{align-self:center}.how-grid{grid-template-columns:1fr}.privacy-inner{grid-template-columns:1fr}.privacy-points{grid-column:auto}.shield{width:56px;height:56px}.footer-inner{display:flex;flex-direction:column;align-items:flex-start}.format-option{grid-template-columns:auto 40px 1fr}.format-option i{display:none}}

/* Dimensions automatiques */
.size-panel{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(5,22,35,.32)}
.size-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.size-head h3{margin:6px 0 4px}.size-head p{margin:0;color:#7895a8;font-size:13px;max-width:720px}.btn-size{padding:10px 14px;border:1px solid rgba(89,216,255,.3);background:rgba(89,216,255,.06);color:#8fe6ff;white-space:nowrap}.size-fields{margin-top:18px;display:flex;align-items:end;gap:12px;flex-wrap:wrap}.size-fields label>span{display:block;color:#7895a8;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.size-fields label>div{display:flex;align-items:center;border:1px solid rgba(137,204,232,.18);background:rgba(255,255,255,.025);border-radius:12px;overflow:hidden}.size-fields input{width:118px;padding:12px 12px;border:0;outline:0;background:transparent;color:#e6f6ff;font:inherit;font-weight:800}.size-fields label b{padding:0 12px;color:#6f91a6;font-size:12px}.size-cross{padding-bottom:11px;color:#456c83;font-weight:900}.size-status{flex:1 1 300px;margin:0 0 10px 8px;color:#76a4bc;font-size:12px}.upload-card .file-status{min-height:18px}
@media(max-width:620px){.size-head{flex-direction:column}.btn-size{width:100%}.size-fields{align-items:stretch}.size-fields label{flex:1 1 120px}.size-fields input{width:100%}.size-cross{align-self:center;padding:25px 0 0}.size-status{flex-basis:100%;margin-left:0}}


/* --- Brand refresh + premium animations --- */
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at 20% 15%,rgba(86,223,255,.06),transparent 26%),
radial-gradient(circle at 85% 28%,rgba(42,123,255,.08),transparent 24%),
linear-gradient(90deg,transparent 0,rgba(255,255,255,.018) 49%,transparent 50%);
background-size:auto,auto,180px 180px;opacity:.55;mix-blend-mode:screen;animation:gridDrift 28s linear infinite;z-index:-2}
.ambient-one{animation:blobOne 15s ease-in-out infinite alternate}.ambient-two{animation:blobTwo 18s ease-in-out infinite alternate}
.site-header{animation:slideDown .7s cubic-bezier(.2,.8,.2,1) both}
.brand-pro{gap:12px}
.brand-text{display:flex;align-items:baseline;gap:0;letter-spacing:.035em;position:relative}
.brand-text small{position:absolute;top:-11px;left:0;font-size:8px;letter-spacing:.22em;color:#8fb4c9;font-weight:800}
.brand-mark-pro{width:42px;height:42px;position:relative;filter:drop-shadow(0 0 18px rgba(88,217,255,.18))}
.brand-mark-pro svg{width:42px;height:42px;display:block;transition:transform .35s ease,filter .35s ease}
.brand-mark-pro::after{content:"";position:absolute;inset:-6px;border-radius:18px;border:1px solid rgba(105,228,255,.14);opacity:.9;animation:spinHalo 12s linear infinite}
.brand:hover .brand-mark-pro svg{transform:translateY(-1px) scale(1.03) rotate(-2deg);filter:drop-shadow(0 0 18px rgba(88,217,255,.35))}
.hero-copy{animation:fadeUp .9s ease both}.hero-copy .eyebrow{animation:fadeUp .9s ease .05s both}.hero-copy h1{animation:fadeUp .9s ease .12s both}.hero-copy>p{animation:fadeUp .9s ease .18s both}.hero-actions{animation:fadeUp .9s ease .24s both}.trust-row{animation:fadeUp .9s ease .30s both}
.hero-visual{animation:fadeScale 1s ease .15s both}
.hero-rings,.hero-particles{position:absolute;inset:0;pointer-events:none}
.hero-rings::before,.hero-rings::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(117,225,255,.16)}
.hero-rings::before{width:340px;height:340px;right:35px;top:52px;animation:ringPulse 8.5s ease-in-out infinite}
.hero-rings::after{width:230px;height:230px;left:42px;bottom:36px;animation:ringPulse 10s ease-in-out -2s infinite}
.hero-particles::before,.hero-particles::after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;filter:blur(10px);background:radial-gradient(circle,rgba(90,216,255,.18),transparent 65%)}
.hero-particles::before{left:10px;top:34px;animation:drift 12s ease-in-out infinite}
.hero-particles::after{right:16px;bottom:26px;animation:drift 14s ease-in-out -4s infinite}
.grid-glow{animation:gridTilt 14s ease-in-out infinite}
.card-3d{backdrop-filter:blur(5px);transition:transform .35s ease, box-shadow .35s ease}
.card-front{animation:floatFront 6.5s ease-in-out infinite}.card-back{animation:floatBack 7.8s ease-in-out infinite}
.card-3d:hover{box-shadow:0 32px 90px rgba(0,0,0,.55)}
.mock-logo-pro{display:flex;align-items:flex-end;gap:4px;flex-wrap:wrap}
.mock-logo-pro i{display:block;flex-basis:100%;margin-top:4px;font-style:normal;font-size:10px;letter-spacing:.22em;color:#7bdfff}
.mini-logo{position:relative;overflow:hidden}
.mini-logo::after{content:"";position:absolute;inset:auto -60% -60% auto;width:60px;height:60px;background:linear-gradient(135deg,transparent,rgba(89,216,255,.18),transparent);transform:rotate(18deg);animation:sheen 4.8s linear infinite}
.float-chip{animation:chipFloat 7s ease-in-out infinite;transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease}
.chip-b{animation-delay:-3s}.float-chip:hover{transform:translateY(-4px);border-color:rgba(121,226,255,.4);box-shadow:0 12px 28px rgba(0,0,0,.32)}
.generator-panel,.how-grid article,.upload-card,.size-panel,.format-panel,.preview-panel,.generate-bar,.privacy-band,.faq-list details{transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background-color .28s ease}
.upload-card:hover,.how-grid article:hover,.size-panel:hover,.format-panel:hover,.preview-panel:hover,.generate-bar:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.upload-card:hover{border-color:rgba(110,226,255,.28)}
.format-option{transition:transform .22s ease,border-color .22s ease,background-color .22s ease, box-shadow .22s ease}.format-option:hover{transform:translateY(-1px);border-color:rgba(121,226,255,.28);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.preview-frame::after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 58%);transform:translateX(-120%) rotate(8deg);animation:previewSweep 7.5s ease-in-out infinite}
.btn{position:relative;overflow:hidden}.btn:not(:disabled)::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.08) 55%,transparent 100%);transition:transform .7s ease}.btn:not(:disabled):hover::after{transform:translateX(120%)}
.section-heading,.how-grid article,.privacy-inner,.faq-list details,.footer-inner{animation:fadeUp .7s ease both}
.footer-mark{width:36px;height:36px}.footer-mark svg{width:36px;height:36px}.footer-brand .brand-text small{top:-10px}
@keyframes slideDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes fadeScale{from{opacity:0;transform:scale(.96) translateY(16px)}to{opacity:1;transform:none}}
@keyframes gridDrift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-18px,12px,0)}100%{transform:translate3d(0,0,0)}}
@keyframes blobOne{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-35px,28px) scale(1.08)}}
@keyframes blobTwo{0%{transform:translate(0,0) scale(1)}100%{transform:translate(32px,-26px) scale(1.06)}}
@keyframes floatFront{0%,100%{transform:rotateY(-10deg) rotateZ(-5deg) translateY(0)}50%{transform:rotateY(-8deg) rotateZ(-4deg) translateY(-10px)}}
@keyframes floatBack{0%,100%{transform:rotateY(12deg) rotateZ(8deg) translateY(0)}50%{transform:rotateY(14deg) rotateZ(7deg) translateY(12px)}}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ringPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.06);opacity:.35}}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-12px)}}
@keyframes gridTilt{0%,100%{transform:rotateX(64deg) rotateZ(-8deg) scale(1)}50%{transform:rotateX(66deg) rotateZ(-6deg) scale(1.03)}}
@keyframes spinHalo{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes sheen{0%{transform:translateX(-120%) rotate(18deg)}100%{transform:translateX(180%) rotate(18deg)}}
@keyframes previewSweep{0%,62%,100%{transform:translateX(-120%) rotate(8deg)}78%{transform:translateX(120%) rotate(8deg)}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:620px){.brand-text small{display:none}.brand-mark-pro{width:38px;height:38px}.brand-mark-pro svg{width:38px;height:38px}.hero-rings::before{width:250px;height:250px;right:10px;top:50px}.hero-rings::after{width:150px;height:150px;left:8px;bottom:18px}}


/* --- Flying files to PDF animation --- */
.build-scene{margin-top:18px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(6,22,34,.7),rgba(8,27,41,.92));position:relative;overflow:hidden}
.build-scene::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(93,221,255,.08),transparent 42%);pointer-events:none}
.build-scene-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.build-scene-head b{font-size:14px;color:#dff8ff;letter-spacing:.01em}
.build-stage{position:relative;height:180px;border-radius:16px;border:1px solid rgba(132,207,236,.12);background:radial-gradient(circle at center,rgba(12,51,75,.38),rgba(4,16,25,.65));overflow:hidden}
.flight-path{position:absolute;top:50%;height:2px;width:34%;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(102,227,255,.22),rgba(102,227,255,.7),transparent);filter:blur(.2px);opacity:.9}.flight-path-left{left:12%}.flight-path-right{right:12%}
.flight-path::after{content:"";position:absolute;top:50%;right:12%;width:10px;height:10px;border-top:2px solid rgba(127,232,255,.65);border-right:2px solid rgba(127,232,255,.65);transform:translateY(-50%) rotate(45deg)}.flight-path-right::after{right:auto;left:12%;transform:translateY(-50%) rotate(225deg)}
.flying-file{position:absolute;top:50%;width:124px;height:88px;border-radius:16px;border:1px solid rgba(135,215,241,.24);background:linear-gradient(145deg,rgba(17,55,76,.98),rgba(8,28,43,.98));box-shadow:0 16px 38px rgba(0,0,0,.32);padding:14px 14px 10px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;transform-origin:center center;transition:transform .35s ease,opacity .35s ease,filter .35s ease}
.file-left{left:44px;transform:translateY(-50%) rotate(-9deg);animation:fileIdleLeft 6.4s ease-in-out infinite}.file-right{right:44px;transform:translateY(-50%) rotate(9deg);animation:fileIdleRight 6.8s ease-in-out infinite}
.file-tab{position:absolute;top:0;left:18px;width:34px;height:12px;border-radius:0 0 9px 9px;background:linear-gradient(180deg,rgba(107,231,255,.85),rgba(67,160,255,.8))}
.file-glyph{display:grid;gap:7px;width:100%;margin-top:10px}.file-glyph i{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,rgba(163,228,248,.7),rgba(108,196,255,.16))}.file-glyph i:nth-child(1){width:76%}.file-glyph i:nth-child(2){width:92%}.file-glyph i:nth-child(3){width:58%}.flying-file small{font-size:10px;letter-spacing:.18em;font-weight:900;color:#9adffc}
.build-core{position:absolute;left:50%;top:50%;width:164px;height:164px;transform:translate(-50%,-50%);display:grid;place-items:center}
.build-core-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(112,220,255,.14);box-shadow:inset 0 0 30px rgba(96,218,255,.05)}.ring-one{animation:corePulse 5.5s ease-in-out infinite}.ring-two{inset:15px;border-style:dashed;animation:spinHalo 16s linear infinite reverse}
.build-core-beam{position:absolute;inset:32px;border-radius:50%;background:radial-gradient(circle,rgba(91,219,255,.2),rgba(43,128,255,.08) 38%,transparent 68%);filter:blur(1px);animation:beamPulse 4.6s ease-in-out infinite}
.build-pdf{position:relative;z-index:2;width:82px;height:102px;border-radius:16px 16px 22px 16px;background:linear-gradient(180deg,#edf8ff,#c4ebff);color:#07324b;font-weight:900;font-size:26px;display:grid;place-items:center;box-shadow:0 18px 35px rgba(0,0,0,.24)}
.build-pdf::before{content:"";position:absolute;top:0;right:0;width:22px;height:22px;background:linear-gradient(135deg,#f8fdff 0%,#d7efff 52%,rgba(7,50,75,.12) 53%,rgba(7,50,75,.12) 100%);clip-path:polygon(0 0,100% 0,100% 100%)}
.build-pdf::after{content:"";position:absolute;left:14px;right:14px;bottom:18px;height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(7,50,75,.16),rgba(7,50,75,.05));box-shadow:0 -14px 0 rgba(7,50,75,.11),0 -28px 0 rgba(7,50,75,.08)}
.build-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#dffdff 0%,#89eaff 55%,rgba(137,234,255,0) 75%);opacity:.75}.spark-1{top:18px;left:28px;animation:sparkOrbit 4.5s linear infinite}.spark-2{top:20px;right:26px;animation:sparkOrbit 4.9s linear -1s infinite}.spark-3{bottom:24px;left:18px;animation:sparkOrbit 5.3s linear -1.7s infinite}.spark-4{bottom:20px;right:18px;animation:sparkOrbit 4.2s linear -2.1s infinite}
.build-caption{margin:14px 0 0;color:#88a8ba;font-size:12px}
.build-scene[data-state="ready"] .build-caption{color:#a0dbef}
.build-scene[data-state="generating"] .build-caption{color:#b7efff}
.build-scene[data-state="complete"] .build-caption{color:#8fe0be}
.build-scene[data-state="generating"] .file-left{animation:fileFlyLeft 1.7s cubic-bezier(.2,.8,.2,1) both}
.build-scene[data-state="generating"] .file-right{animation:fileFlyRight 1.7s cubic-bezier(.2,.8,.2,1) both}
.build-scene[data-state="generating"] .build-core-ring{animation-duration:1.25s}
.build-scene[data-state="generating"] .build-core-beam{animation:beamBurst 1.5s ease-in-out infinite}
.build-scene[data-state="generating"] .build-pdf{animation:pdfPulse 1.35s ease-in-out infinite}
.build-scene[data-state="generating"] .flight-path{animation:pathGlow 1.2s linear infinite}
.build-scene[data-state="complete"] .build-pdf{animation:pdfSuccess .9s ease both}
.build-scene[data-state="complete"] .build-stage::after{content:"PDF créé";position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-size:11px;letter-spacing:.18em;font-weight:900;color:#8fe0be;background:rgba(39,108,78,.22);border:1px solid rgba(104,226,178,.22);padding:8px 12px;border-radius:999px}
@keyframes fileIdleLeft{0%,100%{transform:translateY(-50%) rotate(-9deg) translateY(0)}50%{transform:translateY(-50%) rotate(-7deg) translateY(-8px)}}
@keyframes fileIdleRight{0%,100%{transform:translateY(-50%) rotate(9deg) translateY(0)}50%{transform:translateY(-50%) rotate(7deg) translateY(8px)}}
@keyframes fileFlyLeft{0%{transform:translateY(-50%) translateX(0) rotate(-9deg) scale(1);opacity:1}55%{transform:translateY(-50%) translateX(145px) rotate(-3deg) scale(.92);opacity:1}100%{transform:translateY(-50%) translateX(220px) rotate(0deg) scale(.42);opacity:0}}
@keyframes fileFlyRight{0%{transform:translateY(-50%) translateX(0) rotate(9deg) scale(1);opacity:1}55%{transform:translateY(-50%) translateX(-145px) rotate(3deg) scale(.92);opacity:1}100%{transform:translateY(-50%) translateX(-220px) rotate(0deg) scale(.42);opacity:0}}
@keyframes corePulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}
@keyframes beamPulse{0%,100%{transform:scale(.92);opacity:.6}50%{transform:scale(1.06);opacity:1}}
@keyframes beamBurst{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.22);opacity:1}}
@keyframes pdfPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes pdfSuccess{0%{transform:scale(.92);box-shadow:0 0 0 rgba(0,0,0,0)}55%{transform:scale(1.12);box-shadow:0 0 0 18px rgba(99,230,183,.08)}100%{transform:scale(1);box-shadow:0 18px 35px rgba(0,0,0,.24)}}
@keyframes pathGlow{0%{opacity:.4;filter:blur(.3px)}50%{opacity:1;filter:blur(0)}100%{opacity:.4;filter:blur(.3px)}}
@keyframes sparkOrbit{0%,100%{transform:translate(0,0) scale(.9)}25%{transform:translate(8px,-10px) scale(1.15)}50%{transform:translate(2px,6px) scale(.95)}75%{transform:translate(-8px,-4px) scale(1.1)}}
@media(max-width:900px){.build-stage{height:220px}.file-left{left:18px}.file-right{right:18px}.flight-path{width:28%}}
@media(max-width:620px){.build-scene{padding:18px}.build-stage{height:250px}.build-scene-head{align-items:flex-start}.build-stage{display:grid;place-items:center}.flight-path{display:none}.flying-file{width:110px;height:82px}.file-left{left:18px;top:36px;transform:rotate(-7deg);animation:fileIdleLeftMobile 6s ease-in-out infinite}.file-right{right:18px;top:auto;bottom:24px;transform:rotate(7deg);animation:fileIdleRightMobile 6.4s ease-in-out infinite}.build-core{width:154px;height:154px}.build-scene[data-state="generating"] .file-left{animation:fileFlyLeftMobile 1.7s cubic-bezier(.2,.8,.2,1) both}.build-scene[data-state="generating"] .file-right{animation:fileFlyRightMobile 1.7s cubic-bezier(.2,.8,.2,1) both}}
@keyframes fileIdleLeftMobile{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-7px)}}
@keyframes fileIdleRightMobile{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(5deg) translateY(7px)}}
@keyframes fileFlyLeftMobile{0%{transform:rotate(-7deg) translate(0,0) scale(1);opacity:1}55%{transform:rotate(-3deg) translate(70px,42px) scale(.88);opacity:1}100%{transform:rotate(0) translate(120px,62px) scale(.42);opacity:0}}
@keyframes fileFlyRightMobile{0%{transform:rotate(7deg) translate(0,0) scale(1);opacity:1}55%{transform:rotate(3deg) translate(-72px,-34px) scale(.88);opacity:1}100%{transform:rotate(0) translate(-118px,-58px) scale(.42);opacity:0}}

/* --- Full-screen cinematic PDF build animation --- */
.pdf-cinematic[hidden]{display:none!important}
.pdf-cinematic{position:fixed;inset:0;z-index:9999;display:grid;grid-template-rows:auto 1fr auto;background:
radial-gradient(circle at 50% 48%,rgba(27,112,167,.24),transparent 30%),
radial-gradient(circle at 50% 50%,rgba(45,210,255,.09),transparent 48%),
linear-gradient(180deg,#020a11 0%,#061522 50%,#020910 100%);overflow:hidden;color:#eefaff;isolation:isolate}
.pdf-cinematic::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 0deg at 50% 50%,transparent 0 18%,rgba(76,207,255,.06) 22%,transparent 26% 48%,rgba(61,115,255,.07) 52%,transparent 58% 100%);animation:cineRotate 18s linear infinite;z-index:-2}
.cine-bg-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(94,198,238,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,198,238,.06) 1px,transparent 1px);background-size:44px 44px;transform:perspective(700px) rotateX(64deg) translateY(30%);transform-origin:center bottom;opacity:.55;animation:cineGridMove 5s linear infinite;z-index:-3}
.cine-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 25%,rgba(0,0,0,.26) 72%,rgba(0,0,0,.62) 100%);pointer-events:none;z-index:20}
.cine-brand{position:relative;z-index:25;display:flex;align-items:center;gap:10px;padding:26px 30px 0;font-size:13px;letter-spacing:.18em}.cine-brand strong{font-size:14px}.cine-brand small{color:#6f92a7;font-size:9px;letter-spacing:.24em}.cine-brand-dot{width:9px;height:9px;border-radius:50%;background:#68e2ff;box-shadow:0 0 16px rgba(104,226,255,.9);animation:cineDot 1.1s ease-in-out infinite}
.cine-status{position:absolute;top:26px;right:30px;z-index:25;display:flex;align-items:baseline;gap:16px;color:#93b9ca;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.cine-status strong{font-size:24px;letter-spacing:-.03em;color:#e9fbff;font-variant-numeric:tabular-nums}
.cine-stage{position:relative;min-height:0;display:grid;place-items:center;perspective:1600px;z-index:5}
.cine-speed{position:absolute;left:-10%;right:-10%;height:1px;background:linear-gradient(90deg,transparent,rgba(107,225,255,.75),transparent);filter:blur(.1px);opacity:0;z-index:1}.cine-speed-a{top:32%}.cine-speed-b{top:52%}.cine-speed-c{top:70%}
.pdf-cinematic.is-running .cine-speed-a{animation:cineSpeed 1.25s ease-in-out .4s 2}.pdf-cinematic.is-running .cine-speed-b{animation:cineSpeed 1.1s ease-in-out .65s 2}.pdf-cinematic.is-running .cine-speed-c{animation:cineSpeed 1.35s ease-in-out .9s 2}
.cine-source{position:absolute;top:50%;width:min(24vw,330px);aspect-ratio:1.55;border-radius:24px;padding:24px;border:1px solid rgba(129,218,248,.22);background:linear-gradient(145deg,rgba(16,58,82,.97),rgba(6,25,41,.98));box-shadow:0 30px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04);overflow:hidden;transform-style:preserve-3d}
.cine-source::before{content:"";position:absolute;inset:-40% -30%;background:linear-gradient(110deg,transparent 35%,rgba(119,230,255,.15) 48%,transparent 58%);transform:translateX(-60%) rotate(8deg);animation:cineSheen 2.8s ease-in-out infinite}
.cine-source-left{left:7vw;transform:translateY(-50%) rotateY(18deg) rotateZ(-7deg)}
.cine-source-right{right:7vw;transform:translateY(-50%) rotateY(-18deg) rotateZ(7deg)}
.cine-corner{position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,transparent 48%,rgba(112,221,255,.16) 49%);clip-path:polygon(0 0,100% 0,100% 100%)}
.cine-thumb{height:56%;border-radius:14px;display:grid;place-items:center;font-size:clamp(19px,2.2vw,30px);font-weight:900;letter-spacing:.12em;color:#def8ff;border:1px solid rgba(148,222,247,.16);background:
linear-gradient(135deg,rgba(92,218,255,.12),rgba(42,91,150,.08)),
repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 22px)}
.cine-thumb-back{background:
linear-gradient(135deg,rgba(70,124,255,.12),rgba(92,218,255,.08)),
repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 22px)}
.cine-source>b{display:block;margin-top:16px;font-size:12px;letter-spacing:.18em}.cine-source>small{display:block;margin-top:3px;color:#789bad;font-size:11px}
.cine-core{position:absolute;left:50%;top:50%;width:min(31vw,420px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.88);display:grid;place-items:center;opacity:.72}
.cine-orbit{position:absolute;border-radius:50%;border:1px solid rgba(115,222,255,.16)}.orbit-one{inset:2%;animation:cineOrbit 8s linear infinite}.orbit-two{inset:14%;border-style:dashed;animation:cineOrbit 5.8s linear infinite reverse}.orbit-three{inset:27%;animation:cineOrbit 4.2s linear infinite}
.cine-orbit::before,.cine-orbit::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#78e7ff;box-shadow:0 0 18px rgba(120,231,255,.85)}.cine-orbit::before{top:8%;left:23%}.cine-orbit::after{right:13%;bottom:18%;background:#6f92ff;box-shadow:0 0 18px rgba(111,146,255,.72)}
.cine-flare{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle,#d6fbff 0%,#62dfff 16%,rgba(46,132,255,.35) 35%,transparent 72%);filter:blur(2px);animation:cineFlareIdle 1.8s ease-in-out infinite}
.cine-core-label{position:relative;z-index:2;width:112px;height:112px;border-radius:32px;display:grid;place-items:center;align-content:center;background:linear-gradient(145deg,rgba(239,252,255,.97),rgba(170,226,255,.92));color:#05263a;box-shadow:0 18px 60px rgba(56,194,255,.34);transform:rotate(-2deg)}
.cine-core-label span{font-size:33px;font-weight:1000;letter-spacing:-.04em;line-height:1}.cine-core-label small{font-size:8px;font-weight:900;letter-spacing:.25em;margin-top:8px;color:#27617d}
.cine-a4{position:absolute;left:50%;top:50%;width:min(25vw,320px);aspect-ratio:210/297;transform:translate(-50%,-50%) scale(.25) rotateX(18deg);opacity:0;border-radius:18px 18px 24px 18px;background:linear-gradient(180deg,#f9fdff,#dff4ff);box-shadow:0 40px 100px rgba(0,0,0,.46);overflow:hidden;color:#07324b;z-index:12}
.cine-a4-fold{position:absolute;right:0;top:0;width:62px;height:62px;background:linear-gradient(135deg,#f9fdff 0 49%,#c8e9fa 50% 100%);clip-path:polygon(0 0,100% 0,100% 100%)}
.cine-card-grid{position:absolute;left:11%;right:11%;top:12%;display:grid;grid-template-columns:1fr 1fr;gap:5%;height:62%}.cine-card-grid i{display:block;border:1px solid rgba(8,62,90,.19);border-radius:5px;background:linear-gradient(135deg,rgba(53,190,230,.12),rgba(12,69,115,.07));transform:scale(.2);opacity:0}
.cine-a4-label{position:absolute;left:12%;right:12%;bottom:8%;display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid rgba(8,62,90,.16);padding-top:10px}.cine-a4-label b{font-size:14px;letter-spacing:.08em}.cine-a4-label span{font-size:7px;letter-spacing:.13em;color:#4e7c92}
.cine-success-ring{position:absolute;left:50%;top:50%;width:180px;height:180px;border-radius:50%;border:2px solid rgba(104,231,183,.7);transform:translate(-50%,-50%) scale(.25);opacity:0;z-index:15}.cine-success-check{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;z-index:16;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:#dffff1;color:#0d704e;font-size:52px;font-weight:1000;box-shadow:0 0 0 18px rgba(85,225,168,.08),0 24px 70px rgba(0,0,0,.3)}
.cine-bottom{position:relative;z-index:25;padding:0 30px 30px}.cine-progress{height:4px;border-radius:999px;background:rgba(131,200,226,.12);overflow:hidden}.cine-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#2b8cff,#66e7ff,#68e6b5);box-shadow:0 0 18px rgba(93,224,255,.75)}.cine-meta{display:flex;justify-content:space-between;gap:20px;margin-top:12px;color:#648395;font-size:10px;letter-spacing:.12em;text-transform:uppercase}

.pdf-cinematic.is-running .cine-source-left{animation:cineFileLeft 2.2s cubic-bezier(.15,.75,.12,1) .35s both}
.pdf-cinematic.is-running .cine-source-right{animation:cineFileRight 2.2s cubic-bezier(.15,.75,.12,1) .35s both}
.pdf-cinematic.is-running .cine-core{animation:cineCoreZoom 2.6s cubic-bezier(.2,.8,.2,1) .1s both}
.pdf-cinematic.is-running .cine-flare{animation:cineFlareBurst 2.2s ease-in-out .5s both}
.pdf-cinematic.is-running .cine-core-label{animation:cineCoreLabel 2.1s ease-in-out .5s both}
.pdf-cinematic.is-running.phase-layout .cine-a4{animation:cineA4Reveal 1.25s cubic-bezier(.15,.88,.2,1) both}
.pdf-cinematic.is-running.phase-layout .cine-card-grid i{animation:cineCardDrop .52s cubic-bezier(.2,.85,.2,1) both}
.pdf-cinematic.is-running.phase-layout .cine-card-grid i:nth-child(1){animation-delay:.08s}.pdf-cinematic.is-running.phase-layout .cine-card-grid i:nth-child(2){animation-delay:.13s}.pdf-cinematic.is-running.phase-layout .cine-card-grid i:nth-child(3){animation-delay:.18s}.pdf-cinematic.is-running.phase-layout .cine-card-grid i:nth-child(4){animation-delay:.23s}.pdf-cinematic.is-running.phase-layout .cine-card-grid i:nth-child(5){animation-delay:.28s}.pdf-cinematic.is-running.phase-layout .cine-card-grid i:nth-child(6){animation-delay:.33s}.pdf-cinematic.is-running.phase-layout .cine-card-grid i:nth-child(7){animation-delay:.38s}.pdf-cinematic.is-running.phase-layout .cine-card-grid i:nth-child(8){animation-delay:.43s}.pdf-cinematic.is-running.phase-layout .cine-card-grid i:nth-child(9){animation-delay:.48s}.pdf-cinematic.is-running.phase-layout .cine-card-grid i:nth-child(10){animation-delay:.53s}
.pdf-cinematic.phase-success .cine-a4{animation:cineA4Exit .55s ease both}.pdf-cinematic.phase-success .cine-success-ring{animation:cineSuccessRing .8s ease both}.pdf-cinematic.phase-success .cine-success-check{animation:cineSuccessCheck .75s cubic-bezier(.15,.9,.2,1) .12s both}

@keyframes cineRotate{to{transform:rotate(360deg)}}
@keyframes cineGridMove{to{background-position:0 44px,44px 0}}
@keyframes cineDot{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.25);opacity:1}}
@keyframes cineSheen{0%,65%,100%{transform:translateX(-60%) rotate(8deg)}82%{transform:translateX(60%) rotate(8deg)}}
@keyframes cineOrbit{to{transform:rotate(360deg)}}
@keyframes cineFlareIdle{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.06);opacity:.9}}
@keyframes cineSpeed{0%{transform:translateX(-14%);opacity:0}25%{opacity:.9}100%{transform:translateX(14%);opacity:0}}
@keyframes cineFileLeft{0%{transform:translateY(-50%) translateX(0) rotateY(18deg) rotateZ(-7deg) scale(1);opacity:1}46%{transform:translateY(-50%) translateX(24vw) rotateY(7deg) rotateZ(-2deg) scale(.92);opacity:1}78%{transform:translateY(-50%) translateX(35vw) rotateY(0) rotateZ(0) scale(.44);opacity:.9}100%{transform:translateY(-50%) translateX(40vw) rotateY(0) rotateZ(0) scale(.12);opacity:0;filter:blur(5px)}}
@keyframes cineFileRight{0%{transform:translateY(-50%) translateX(0) rotateY(-18deg) rotateZ(7deg) scale(1);opacity:1}46%{transform:translateY(-50%) translateX(-24vw) rotateY(-7deg) rotateZ(2deg) scale(.92);opacity:1}78%{transform:translateY(-50%) translateX(-35vw) rotateY(0) rotateZ(0) scale(.44);opacity:.9}100%{transform:translateY(-50%) translateX(-40vw) rotateY(0) rotateZ(0) scale(.12);opacity:0;filter:blur(5px)}}
@keyframes cineCoreZoom{0%{transform:translate(-50%,-50%) scale(.75);opacity:.55}45%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{transform:translate(-50%,-50%) scale(1.2);opacity:1}100%{transform:translate(-50%,-50%) scale(.86);opacity:.15}}
@keyframes cineFlareBurst{0%{transform:scale(.75);opacity:.45}54%{transform:scale(1.8);opacity:1}72%{transform:scale(3.4);opacity:.85}100%{transform:scale(5.4);opacity:0}}
@keyframes cineCoreLabel{0%{transform:rotate(-2deg) scale(.9)}55%{transform:rotate(0) scale(1.12)}100%{transform:rotate(0) scale(.4);opacity:0}}
@keyframes cineA4Reveal{0%{transform:translate(-50%,-50%) scale(.18) rotateX(22deg) rotateZ(-3deg);opacity:0}35%{opacity:1}70%{transform:translate(-50%,-50%) scale(1.08) rotateX(6deg) rotateZ(1deg);opacity:1}100%{transform:translate(-50%,-50%) scale(1) rotateX(0) rotateZ(0);opacity:1}}
@keyframes cineCardDrop{0%{transform:translateY(-25px) scale(.2);opacity:0}70%{transform:translateY(3px) scale(1.06);opacity:1}100%{transform:none;opacity:1}}
@keyframes cineA4Exit{to{transform:translate(-50%,-50%) scale(.82);opacity:.18;filter:blur(3px)}}
@keyframes cineSuccessRing{0%{transform:translate(-50%,-50%) scale(.25);opacity:0}40%{opacity:1}100%{transform:translate(-50%,-50%) scale(1.65);opacity:0}}
@keyframes cineSuccessCheck{0%{transform:translate(-50%,-50%) scale(.2) rotate(-20deg);opacity:0}62%{transform:translate(-50%,-50%) scale(1.14) rotate(3deg);opacity:1}100%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}

@media(max-width:900px){.cine-source{width:min(32vw,250px);padding:18px}.cine-source-left{left:3vw}.cine-source-right{right:3vw}.cine-core{width:min(42vw,350px)}.cine-a4{width:min(34vw,260px)}}
@media(max-width:620px){.cine-brand{padding:18px 18px 0}.cine-status{top:18px;right:18px}.cine-status span{display:none}.cine-status strong{font-size:20px}.cine-stage{align-items:center}.cine-source{width:42vw;max-width:170px;border-radius:18px;padding:14px;top:33%}.cine-source-left{left:4vw;transform:translateY(-50%) rotateZ(-7deg)}.cine-source-right{right:4vw;transform:translateY(-50%) rotateZ(7deg)}.cine-core{top:58%;width:68vw;max-width:300px}.cine-a4{top:57%;width:54vw;max-width:225px}.cine-thumb{font-size:15px}.cine-source>b{font-size:9px}.cine-source>small{font-size:9px}.cine-bottom{padding:0 18px 18px}.cine-meta{font-size:8px}.pdf-cinematic.is-running .cine-source-left{animation:cineFileLeftMobile 2.2s cubic-bezier(.15,.75,.12,1) .35s both}.pdf-cinematic.is-running .cine-source-right{animation:cineFileRightMobile 2.2s cubic-bezier(.15,.75,.12,1) .35s both}}
@keyframes cineFileLeftMobile{0%{transform:translateY(-50%) translate(0,0) rotateZ(-7deg) scale(1);opacity:1}55%{transform:translateY(-50%) translate(20vw,20vh) rotateZ(-2deg) scale(.75);opacity:1}100%{transform:translateY(-50%) translate(42vw,28vh) rotateZ(0) scale(.12);opacity:0;filter:blur(5px)}}
@keyframes cineFileRightMobile{0%{transform:translateY(-50%) translate(0,0) rotateZ(7deg) scale(1);opacity:1}55%{transform:translateY(-50%) translate(-20vw,20vh) rotateZ(2deg) scale(.75);opacity:1}100%{transform:translateY(-50%) translate(-42vw,28vh) rotateZ(0) scale(.12);opacity:0;filter:blur(5px)}}
@media (prefers-reduced-motion:reduce){.pdf-cinematic *{animation:none!important;transition:none!important}.pdf-cinematic .cine-source{opacity:.25}.pdf-cinematic .cine-a4{opacity:1;transform:translate(-50%,-50%) scale(1)}.pdf-cinematic .cine-card-grid i{opacity:1;transform:none}}
html.cine-lock,html.cine-lock body{overflow:hidden!important}
.pdf-cinematic.is-closing{animation:cineOverlayOut .5s ease forwards}
@keyframes cineOverlayOut{to{opacity:0;filter:blur(5px);transform:scale(1.015)}}


/* SEO guides */
.seo-guides{padding:70px 0 90px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide-card{display:block;min-height:235px;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(12,38,57,.52),rgba(5,21,33,.52));transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.guide-card:hover{transform:translateY(-3px);border-color:rgba(89,216,255,.34);box-shadow:0 18px 42px rgba(0,0,0,.22)}.guide-card>span{font-size:10px;letter-spacing:.17em;color:var(--cyan);font-weight:900}.guide-card h3{margin:38px 0 8px;font-size:18px}.guide-card p{margin:0;color:#8099aa;font-size:13px}.guide-card b{display:block;margin-top:20px;color:#a8eaff;font-size:12px}.seo-copy{max-width:900px;margin:44px auto 0;padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.seo-copy h2{margin:0 0 12px;font-size:25px}.seo-copy p{color:#89a2b4}.article-shell{width:min(880px,calc(100% - 40px));margin:64px auto 110px}.article-shell .breadcrumb{font-size:12px;color:#6f8da0;margin-bottom:22px}.article-shell h1{font-size:clamp(38px,6vw,60px);line-height:1.03;letter-spacing:-.04em;margin:8px 0 18px}.article-shell h2{font-size:27px;margin:42px 0 12px}.article-shell h3{font-size:19px;margin:28px 0 8px}.article-shell p,.article-shell li{color:#91a8b9;font-size:16px}.article-shell strong{color:#eaf7ff}.article-shell a{color:#8ce9ff}.article-hero{padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(12,46,68,.6),rgba(5,23,36,.75));margin:25px 0 34px}.article-hero p{margin:0}.article-cta{margin-top:44px;padding:28px;border:1px solid rgba(89,216,255,.24);border-radius:20px;background:rgba(89,216,255,.055);display:flex;align-items:center;justify-content:space-between;gap:20px}.article-cta p{margin:4px 0 0;font-size:14px}.article-cta .btn{flex:0 0 auto}.article-table{width:100%;border-collapse:collapse;margin:22px 0;overflow:hidden;border-radius:14px}.article-table th,.article-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left}.article-table th{color:#ccecf8;background:rgba(89,216,255,.055);font-size:13px}.article-table td{color:#8fa6b7;font-size:14px}.article-note{padding:16px 18px;border-left:3px solid var(--cyan);background:rgba(89,216,255,.055);border-radius:0 12px 12px 0;color:#a9c8d8;margin:22px 0}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr 1fr}.article-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.guide-grid{grid-template-columns:1fr}.seo-copy{padding:20px}.article-shell{width:calc(100% - 24px);margin-top:42px}.article-hero,.article-cta{padding:20px}}