/* Smart PDF Pilot — Features page (scoped styles)
   Typography now follows css/site.css (Inter body, Manrope headings,
   same sizes / tracking / weights as Home, How It Works, Pricing, Contact).
   Layout, colours and component design are unchanged. */

.features-page{--fp-ink:var(--ink);--fp-muted:var(--muted);--fp-red:var(--red);--fp-line:#e3eaf4;--fp-blue:#4b8cf5;color:var(--fp-ink);overflow-x:hidden}
.features-page *{box-sizing:border-box}
.fp-container{width:min(1280px,calc(100% - 72px));margin-inline:auto}

/* ---------- shared type (mirrors site.css tokens) ---------- */
.fp-eyebrow,.fp-mini-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);color:var(--fp-red);font-size:13px;font-weight:800;letter-spacing:.17em;line-height:1.2;text-transform:uppercase}
.fp-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--fp-red);box-shadow:0 0 0 4px rgba(239,67,82,.1)}

/* ---------- hero ---------- */
.fp-hero{position:relative;padding:112px 0 76px;background:radial-gradient(ellipse at 73% 33%,rgba(233,220,255,.48),transparent 33%),linear-gradient(180deg,#f8faff 0%,#fff 90%);overflow:hidden}
.fp-breadcrumb{display:flex;gap:12px;align-items:center;font-size:15px;color:var(--fp-muted);margin:4px 0 38px}
.fp-breadcrumb a{color:var(--fp-red);font-weight:600;text-decoration:none}
.fp-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:40px;min-height:420px}
.fp-hero-copy{position:relative;z-index:2;padding:4px 0 16px}
.fp-hero h1{font-size:clamp(43px,5.1vw,70px);line-height:1.045;letter-spacing:-.055em;margin:20px 0 22px;max-width:680px;color:var(--fp-ink)}
.fp-hero h1 em{font-style:normal;color:var(--fp-red)}
.fp-hero-copy>p{max-width:570px;color:var(--fp-muted);font-size:18px;line-height:1.8;margin:0}
.fp-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.fp-actions .btn{border-radius:12px}
.fp-proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;padding-top:22px;border-top:1px solid var(--fp-line);max-width:600px}
.fp-proof span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:700}
.fp-proof b{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#fff0f2;color:var(--fp-red);font-size:11px}
.fp-hero-visual{min-width:0;position:relative;display:flex;align-items:center;justify-content:center;min-height:380px}
.fp-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.fp-orb-pink{width:390px;height:300px;right:3%;top:0;background:radial-gradient(ellipse,rgba(232,100,255,.28),rgba(232,100,255,0) 68%)}
.fp-orb-blue{width:340px;height:230px;right:-4%;bottom:8px;background:radial-gradient(ellipse,rgba(78,160,255,.22),transparent 70%)}
.fp-hero-screen{position:relative;z-index:1;width:112%;max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 25px 28px rgba(31,48,82,.18));transform:translate(2%,4%)}
.fp-float-note{position:absolute;z-index:3;top:22px;right:2%;display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(255,255,255,.96);border:1px solid #edf0f7;border-radius:15px;box-shadow:0 12px 35px rgba(32,48,80,.12)}
.fp-note-icon{display:grid;place-items:center;width:36px;height:36px;background:#fff0f3;color:var(--fp-red);border-radius:10px;font-size:19px}
.fp-float-note strong,.fp-float-note small{display:block}
.fp-float-note strong{font-family:var(--font-head);font-size:13px;color:var(--ink)}
.fp-float-note small{font-size:11px;color:var(--muted);margin-top:3px}

/* ---------- tool nav marquee ---------- */
.fp-tool-nav{position:relative;z-index:4;width:100vw;max-width:none;box-sizing:border-box;margin:30px 0 0 calc(50% - 50vw);padding:10px clamp(12px,2vw,28px);background:linear-gradient(105deg,#E6F0FF 0%,#F1F4FF 35%,#FFF0F4 68%,#FFDCE7 100%);border:1px solid rgba(255,255,255,.85);border-top:1px solid rgba(120,145,190,.16);border-bottom:1px solid rgba(120,145,190,.2);border-radius:15px;box-shadow:0 12px 32px rgba(31,48,85,.055),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden;isolation:isolate}
.fp-tool-marquee{position:relative;z-index:1;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%)}
.fp-tool-track{display:flex;align-items:stretch;gap:0;width:max-content;animation:fp-tool-marquee 32s linear infinite;will-change:transform}
.fp-tool-set{display:flex;flex:0 0 auto;align-items:stretch;gap:8px;padding-right:8px}
.fp-tool-set>a{flex:0 0 132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:88px;text-decoration:none;color:#29364d;background:#fff;border-radius:12px;padding:10px 6px;transition:background .2s,transform .2s}
.fp-tool-set>a:hover{background:#f5f8ff;transform:translateY(-2px)}
.fp-tool-set>a.is-active{background:#fff0f2;color:var(--fp-red)}
.fp-tool-set strong{font-family:var(--font-head);font-size:13px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.fp-tool-nav:hover .fp-tool-track,.fp-tool-nav:focus-within .fp-tool-track{animation-play-state:paused}
.fp-tool-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;font-size:20px;font-weight:700;background:#eef4ff;color:#3c82f4}
.fp-tool-icon.red{background:#fff;color:var(--fp-red);font-size:24px}
.fp-tool-icon.blue{background:#f0f5ff}
@keyframes fp-tool-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- feature rows ---------- */
.fp-feature-row{padding:72px 0}
.fp-row-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:64px}
.fp-row-grid.reverse{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.fp-row-copy{max-width:520px}
.fp-number{display:block;font-family:var(--font-head);font-size:14px;font-weight:800;color:var(--fp-red);letter-spacing:.12em;margin-bottom:8px}
.fp-row-copy h2{font-size:clamp(32px,3.4vw,46px);line-height:1.08;letter-spacing:-.04em;margin:14px 0 16px}
.fp-row-copy>p{font-size:17px;line-height:1.75;color:var(--fp-muted);margin:0 0 20px}
.fp-row-copy ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:11px}
.fp-row-copy li{font-size:16px;font-weight:500;color:var(--ink);display:flex;align-items:flex-start;gap:12px;line-height:1.5}
.fp-row-copy li:before{content:'✓';display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#fff0f2;color:var(--fp-red);font-size:12px;font-weight:800;margin-top:1px}
.fp-text-link{display:inline-flex;align-items:center;gap:10px;background:var(--fp-red);color:#fff;text-decoration:none;border-radius:12px;padding:15px 24px;font-size:16px;font-weight:700;letter-spacing:-.01em;box-shadow:0 9px 18px rgba(244,62,80,.18);transition:transform .2s,box-shadow .2s}
.fp-text-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(244,62,80,.25)}
.fp-product-frame{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}
.fp-product-frame img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:14px;filter:drop-shadow(0 18px 24px rgba(35,51,79,.12))}
.fp-edit-frame:before,.fp-annotate-frame:before{content:'';position:absolute;width:70%;height:75%;right:4%;top:12%;background:radial-gradient(ellipse,rgba(107,166,255,.18),transparent 70%);border-radius:50%}
.fp-soft-band{background:linear-gradient(110deg,#fff6f7 0%,#fffafb 55%,#fff 100%)}

/* ---------- all features (billboard rows) ---------- */
.fp-all-features{padding:56px 0 64px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);overflow:hidden}
.fp-section-heading{text-align:center;margin:0 auto 38px;max-width:780px}
.fp-section-heading .fp-mini-eyebrow{justify-content:center}
.fp-section-heading h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.04em;line-height:1.1;margin:14px 0 14px}
.fp-section-heading p{font-size:18px;line-height:1.7;color:var(--fp-muted);margin:0 auto}
.fp-feature-card{display:flex;flex-direction:column;align-items:flex-start;min-height:250px;padding:26px 24px 22px;border:1px solid #e7edf6;background:rgba(255,255,255,.92);border-radius:16px;text-decoration:none;color:var(--fp-ink);box-shadow:0 5px 16px rgba(31,48,78,.025);transition:transform .2s,border-color .2s,box-shadow .2s}
.fp-feature-card:hover{transform:translateY(-4px);border-color:#ffc3cb;box-shadow:0 15px 30px rgba(31,48,78,.08)}
.fp-card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;font-size:20px;font-weight:800;margin-bottom:16px}
.fp-card-icon.orange{background:#ff8745}.fp-card-icon.violet{background:#9570e8}.fp-card-icon.sky{background:#76aff8}.fp-card-icon.green{background:#4bc987}.fp-card-icon.pink{background:#ed75b0}
.fp-feature-card h3{font-size:22px;margin:0 0 10px;letter-spacing:-.03em}
.fp-feature-card p{font-size:15px;line-height:1.65;color:var(--fp-muted);margin:0 0 18px}
.fp-card-link{margin-top:auto;display:flex;gap:8px;align-items:center;color:var(--fp-red);font-size:14px;font-weight:700}
.fp-card-link b{font-size:17px}

.fp-card-marquee{position:relative;overflow:hidden;width:calc(100vw - 8px);margin-left:calc(50% - 50vw + 4px);padding:6px 0 10px;mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}
.fp-card-marquee+.fp-card-marquee{margin-top:4px}
.fp-card-marquee-viewport{width:100%;overflow:hidden}
.fp-card-marquee-track{display:flex;width:max-content;gap:0;will-change:transform;animation:fp-cards-left 46s linear infinite}
.fp-card-set{display:flex;align-items:stretch;gap:16px;padding-right:16px}
.fp-card-set .fp-feature-card{flex:0 0 clamp(290px,calc((min(1280px,100vw - 72px) - 48px) / 4),350px);width:clamp(290px,calc((min(1280px,100vw - 72px) - 48px) / 4),350px);min-height:250px}
.fp-marquee-right .fp-card-marquee-track{animation-name:fp-cards-right;animation-duration:50s}
.fp-card-marquee:hover .fp-card-marquee-track,.fp-card-marquee:focus-within .fp-card-marquee-track{animation-play-state:paused}
@keyframes fp-cards-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fp-cards-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.fp-card-marquee .fp-feature-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.fp-card-marquee .fp-feature-card:hover{transform:translateY(-5px);border-color:#ffc3cb;box-shadow:0 16px 34px rgba(31,48,78,.1)}
.fp-card-marquee .fp-card-link b{display:inline-block;transition:transform .25s ease}
.fp-card-marquee .fp-feature-card:hover .fp-card-link b{transform:translateX(4px)}

/* ---------- how it works ---------- */
.fp-how{padding:16px 0 64px}
.fp-how .fp-section-heading{margin-bottom:42px}
.fp-steps{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:20px}
.fp-step{display:flex;align-items:center;gap:18px;min-width:0}
.fp-step-icon{display:grid;place-items:center;flex:0 0 72px;width:72px;height:72px;border-radius:17px;font-size:30px}
.fp-step-icon.red{color:var(--fp-red);background:#fff0f2}
.fp-step-icon.blue{color:#4389f6;background:#eef4ff}
.fp-step-icon.green{color:#31bb76;background:#eafaf1}
.fp-step-no{display:block;font-family:var(--font-head);color:var(--fp-red);font-size:13px;font-weight:800;letter-spacing:.1em;margin-bottom:6px}
.fp-step-no.blue-text{color:#4389f6}.fp-step-no.green-text{color:#31bb76}
.fp-step h3{font-size:22px;margin:0 0 6px;letter-spacing:-.03em}
.fp-step p{font-size:15px;line-height:1.65;color:var(--fp-muted);margin:0}
.fp-step-arrow{color:#c9d4e4;font-size:28px;text-align:center}

/* ---------- final CTA ---------- */
.fp-final-cta{padding:0 0 48px}
.fp-final-panel{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:52px 56px;border-radius:22px;color:#fff;background:#071735 url('assets/backgrounds/Abstract-Neon-Wave-Ribbons.png') center/cover no-repeat;box-shadow:0 18px 40px rgba(16,32,65,.16)}
.fp-final-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,19,47,.82),rgba(5,19,47,.4) 58%,rgba(6,17,47,.08));pointer-events:none}
.fp-final-copy,.fp-final-actions{position:relative;z-index:1}
.fp-final-copy{max-width:680px}
.fp-final-copy .fp-mini-eyebrow{font-size:12px;color:#ff8d9b}
.fp-final-copy h2{font-size:clamp(32px,3.7vw,50px);letter-spacing:-.045em;line-height:1.1;margin:14px 0 14px;color:#fff}
.fp-final-copy p{font-size:17px;color:#d2d9e8;margin:0;line-height:1.75}
.fp-final-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
.fp-final-actions .btn{border-radius:12px;white-space:nowrap}
.fp-final-actions .btn-light{background:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.7)}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  .fp-container{width:min(100% - 44px,900px)}
  .fp-hero-grid{grid-template-columns:1fr 1fr;gap:16px}
  .fp-hero h1{font-size:clamp(38px,5.4vw,52px);letter-spacing:-.05em}
  .fp-hero-screen{width:125%;transform:translate(2%,4%)}
  .fp-tool-set>a{flex-basis:124px}
  .fp-row-grid,.fp-row-grid.reverse{gap:36px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .fp-final-panel{padding:40px 34px}
  .fp-steps{gap:12px}
  .fp-step-icon{flex-basis:58px;width:58px;height:58px;font-size:26px}
  .fp-card-set .fp-feature-card{flex-basis:300px;width:300px}
}
@media(max-width:800px){
  .fp-hero-grid{grid-template-columns:1fr}
  .fp-hero-visual{min-height:260px;margin-top:10px}
  .fp-hero-screen{width:105%;transform:none}
  .fp-row-grid,.fp-row-grid.reverse{grid-template-columns:1fr;gap:30px}
  .fp-row-grid.reverse .fp-product-frame{order:2}
  .fp-row-grid.reverse .fp-row-copy{order:1}
  .fp-row-copy{max-width:none}
  .fp-steps{grid-template-columns:1fr;gap:20px;max-width:460px;margin:auto}
  .fp-step-arrow{display:none}
  .fp-final-panel{display:block;padding:36px 26px;border-radius:16px}
  .fp-final-actions{margin-top:24px}
  .fp-final-actions .btn{flex:1;justify-content:center;padding-inline:14px}
}
@media(max-width:700px){
  .fp-container{width:calc(100% - 36px)}
  .fp-hero{padding-top:30px}
  .fp-breadcrumb{margin-bottom:26px}
  .fp-hero h1{font-size:clamp(38px,10.5vw,52px);letter-spacing:-.05em}
  .fp-hero-copy>p{font-size:16px}
  .fp-proof{gap:10px 16px}
  .fp-proof span{font-size:12px}
  .fp-float-note{top:0;right:0;padding:10px 12px}
  .fp-note-icon{width:30px;height:30px}
  .fp-tool-nav{margin-top:18px;padding:8px}
  .fp-tool-set>a{flex-basis:112px;min-height:80px}
  .fp-tool-set strong{font-size:12px}
  .fp-tool-icon{width:34px;height:34px;font-size:18px}
  .fp-tool-track{animation-duration:26s}
  .fp-feature-row{padding:46px 0}
  .fp-row-copy h2{font-size:34px}
  .fp-row-copy>p{font-size:16px}
  .fp-all-features{padding:40px 0 48px}
  .fp-section-heading h2{font-size:32px}
  .fp-section-heading p{font-size:16px}
  .fp-card-marquee{width:calc(100vw - 4px);margin-left:calc(50% - 50vw + 2px)}
  .fp-card-set{gap:12px;padding-right:12px}
  .fp-card-set .fp-feature-card{flex-basis:275px;width:275px;min-height:235px}
  .fp-card-marquee-track{animation-duration:36s}
  .fp-marquee-right .fp-card-marquee-track{animation-duration:40s}
  .fp-final-copy h2{font-size:32px}
  .fp-final-copy p{font-size:15px}
  .fp-final-cta{padding-bottom:28px}
}
@media(max-width:390px){
  .fp-actions .btn{width:100%;justify-content:center}
  .fp-final-actions{flex-direction:column}
  .fp-final-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .fp-tool-track{animation:none}
  .fp-tool-marquee{overflow-x:auto;mask-image:none}
  .fp-card-marquee{overflow-x:auto;mask-image:none}
  .fp-card-marquee-track{animation:none!important;transform:none!important}
  .fp-card-set[aria-hidden="true"]{display:none}
  .fp-card-set:not([aria-hidden="true"]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:0}
  .fp-card-set .fp-feature-card{width:auto;min-width:0;flex-basis:auto}
}
@media(prefers-reduced-motion:reduce) and (max-width:1000px){.fp-card-set:not([aria-hidden="true"]){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce) and (max-width:500px){.fp-card-set:not([aria-hidden="true"]){grid-template-columns:1fr}}