/**
 * File: assets/css/frontend/pages/company/fullpagefetch.css
 * Purpose: Styles the Full Page Fetch for Chrome landing page exactly as the approved
 *          v3 template: flat bordered cards, Full Page Fetch green #007A28, pill
 *          buttons with icons, no box-shadow anywhere, no gradients. The template's
 *          own header/footer are NOT rendered (header-swap order); the site header
 *          and footer frame the page, so this sheet styles page content only.
 *          NO-HIDDEN-BUTTONS RULES (sticky site header): no negative top margin
 *          anywhere on this page (content starts below the header in flow);
 *          every anchored section carries scroll-margin-top above the sticky
 *          header height + 16px (208px desktop, 144px mobile) so anchor jumps
 *          never park a heading or button under the header; slider arrows and
 *          buttons sit at z-index 2 — below the header's z-index 200 but above
 *          page images — and stay clickable in normal scroll; the hero is
 *          compact (icon, headline, subline, two buttons, chips, note) with no
 *          tall media above it, so it fits a laptop viewport below the header.
 *          SLIDER ARROWS: unlike the DafSnap sheet (hover-only arrows), these
 *          arrows are ALWAYS visible, absolutely positioned on the screenshot
 *          at left/right, vertically centered (top 50% + translateY(-50%)).
 *          WIDTH: the page constrains to 1080px centered inside the company
 *          shell; it adds NO extra side padding, because the shell inner
 *          already subtracts the header-aligned gutters — extra padding would
 *          double-subtract and misalign the page edges with the header.
 *          FONT: inherits the site font (the template's Arial stack is not
 *          re-imposed, so page text matches the site header/footer).
 * Scope: Full Page Fetch landing page only; install delivery belongs to the Chrome Web Store.
 * Related PHP: Engine src/Company/Frontend/FullPageFetchPageRenderer.php
 * Related CSS: assets/css/frontend/pages/company/shell.css, assets/css/frontend/pages/company/responsive.css
 * Related JS: assets/js/frontend/pages/fullpagefetch-slider.js
 * Package: HyperDAF Pro
 */
.hdf-fullpagefetch-page,.hdf-fullpagefetch-page *,.hdf-fullpagefetch-page *::before,.hdf-fullpagefetch-page *::after{box-sizing:border-box}
.hdf-fullpagefetch-page{min-width:0;max-width:100%;color:#1f2937;line-height:1.5}
.hdf-fullpagefetch-page a{color:#007a28}
.hdf-fullpagefetch-page .hdf-fpf-wrap{max-width:1080px;margin:0 auto}
.hdf-fullpagefetch-page section{padding:44px 0}
.hdf-fullpagefetch-page section.hdf-fpf-alt{background:#f6f8f7;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}
/* Anchor jumps never park a section heading or button under the sticky header. */
.hdf-fullpagefetch-page section[id]{scroll-margin-top:208px}
.hdf-fullpagefetch-page h2{font-size:28px;color:#111827;margin:0 0 8px}
.hdf-fullpagefetch-page h3{font-size:18px;color:#111827;margin:0 0 6px}
.hdf-fullpagefetch-page .hdf-fpf-lead{color:#4b5563;max-width:720px;margin:0 0 20px}
/* Buttons: green pill primary, white/green outline secondary; icons at 20px like the template. */
.hdf-fullpagefetch-page .hdf-fpf-btn{display:inline-flex;align-items:center;gap:8px;background:#007a28;color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:999px;border:1px solid #007a28}
.hdf-fullpagefetch-page .hdf-fpf-btn:hover{background:#006320}
.hdf-fullpagefetch-page .hdf-fpf-btn--outline{background:#fff;color:#007a28}
.hdf-fullpagefetch-page .hdf-fpf-btn--outline:hover{background:#eff6f1}
.hdf-fullpagefetch-page .hdf-fpf-btn--disabled{cursor:not-allowed}
.hdf-fullpagefetch-page .hdf-fpf-btn svg{width:20px;height:20px;flex:0 0 auto}
.hdf-fullpagefetch-page a:focus-visible,.hdf-fullpagefetch-page button:focus-visible,.hdf-fullpagefetch-page summary:focus-visible{outline:2px solid #007a28;outline-offset:2px}
.hdf-fullpagefetch-page .hdf-fpf-btngroup{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* Hero: compact, centered, fits a laptop viewport below the sticky header. */
.hdf-fullpagefetch-page .hdf-fpf-hero{background:#eff6f1;border-bottom:1px solid #e5e7eb;text-align:center;padding:44px 0 40px}
.hdf-fullpagefetch-page .hdf-fpf-hero__icon{display:block;width:96px;height:96px;border-radius:20px;margin:0 auto}
.hdf-fullpagefetch-page .hdf-fpf-hero h1{font-size:42px;line-height:1.15;color:#111827;margin:16px 0 8px}
.hdf-fullpagefetch-page .hdf-fpf-hero__sub{font-size:18px;color:#4b5563;max-width:640px;margin:0 auto 20px}
.hdf-fullpagefetch-page .hdf-fpf-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.hdf-fullpagefetch-page .hdf-fpf-chips span{border:1px solid #d1d5db;border-radius:999px;padding:4px 12px;font-size:13px;color:#4b5563;background:#fff}
.hdf-fullpagefetch-page .hdf-fpf-note{border:1px dashed #d97706;border-radius:12px;padding:14px 18px;background:#fffbeb;color:#92400e;font-size:14px;margin:20px auto 0;max-width:1080px;text-align:left}
/* Trust strip. */
.hdf-fullpagefetch-page .hdf-fpf-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hdf-fullpagefetch-page .hdf-fpf-strip>div{border:1px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff}
.hdf-fullpagefetch-page .hdf-fpf-strip b{display:block;color:#111827;margin-bottom:4px}
.hdf-fullpagefetch-page .hdf-fpf-strip>div>span:last-child{color:#4b5563;font-size:14px}
.hdf-fullpagefetch-page .hdf-fpf-ic{display:block;width:28px;height:28px;color:#007a28;margin-bottom:8px}
.hdf-fullpagefetch-page .hdf-fpf-ic svg{display:block}
/* Slider: arrows ON the screenshot, always visible, vertically centered. */
.hdf-fullpagefetch-page .hdf-fpf-slider{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff}
.hdf-fullpagefetch-page .hdf-fpf-slider__stage{position:relative}
.hdf-fullpagefetch-page .hdf-fpf-slider__shot{display:none}
.hdf-fullpagefetch-page .hdf-fpf-slider__shot.is-active{display:block}
.hdf-fullpagefetch-page .hdf-fpf-slider__shot img{width:100%;display:block}
.hdf-fullpagefetch-page .hdf-fpf-slider__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid #007a28;background:#007a28;color:#fff;font-size:20px;cursor:pointer}
.hdf-fullpagefetch-page .hdf-fpf-slider__btn--prev{left:12px}
.hdf-fullpagefetch-page .hdf-fpf-slider__btn--next{right:12px}
.hdf-fullpagefetch-page .hdf-fpf-slider__cap{padding:12px 16px;border-top:1px solid #e5e7eb;color:#4b5563;font-size:14px}
.hdf-fullpagefetch-page .hdf-fpf-slider__navrow{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-top:1px solid #e5e7eb}
.hdf-fullpagefetch-page .hdf-fpf-slider__dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:#d1d5db;cursor:pointer}
.hdf-fullpagefetch-page .hdf-fpf-slider__dot.is-active{background:#007a28}
/* Progress spotlight. */
.hdf-fullpagefetch-page .hdf-fpf-spot{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.hdf-fullpagefetch-page .hdf-fpf-spot--no-image{grid-template-columns:1fr}
.hdf-fullpagefetch-page .hdf-fpf-spot__img{width:100%;border:1px solid #e5e7eb;border-radius:12px;display:block}
.hdf-fullpagefetch-page .hdf-fpf-spot ul{color:#4b5563}
/* Steps + features grids. */
.hdf-fullpagefetch-page .hdf-fpf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hdf-fullpagefetch-page .hdf-fpf-steps>div{border:1px solid #e5e7eb;border-radius:12px;padding:18px;background:#fff}
.hdf-fullpagefetch-page .hdf-fpf-steps__n{font-size:28px;font-weight:700;color:#007a28}
.hdf-fullpagefetch-page .hdf-fpf-steps p{color:#4b5563;font-size:14px;margin:6px 0 0}
.hdf-fullpagefetch-page .hdf-fpf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hdf-fullpagefetch-page .hdf-fpf-grid>div{border:1px solid #e5e7eb;border-radius:12px;padding:18px;background:#fff}
.hdf-fullpagefetch-page .hdf-fpf-grid p{color:#4b5563;font-size:14px;margin:6px 0 0}
.hdf-fullpagefetch-page .hdf-fpf-formats-label{margin:20px 0 8px}
.hdf-fullpagefetch-page .hdf-fpf-pills{display:flex;gap:8px;flex-wrap:wrap}
.hdf-fullpagefetch-page .hdf-fpf-pills span{border:1px solid #d1d5db;border-radius:999px;padding:6px 14px;font-size:14px;background:#fff}
.hdf-fullpagefetch-page .hdf-fpf-formats-note{color:#4b5563;font-size:14px;margin-top:10px}
/* Privacy panel (dark). */
.hdf-fullpagefetch-page .hdf-fpf-dark{background:#111827;color:#e5e7eb;border-radius:16px;padding:28px}
.hdf-fullpagefetch-page .hdf-fpf-dark h2{color:#fff}
.hdf-fullpagefetch-page .hdf-fpf-dark p,.hdf-fullpagefetch-page .hdf-fpf-dark li{color:#d1d5db}
.hdf-fullpagefetch-page .hdf-fpf-dark a{color:#fff}
.hdf-fullpagefetch-page .hdf-fpf-tablewrap{overflow-x:visible}
.hdf-fullpagefetch-page .hdf-fpf-dark table{width:100%;border-collapse:collapse;font-size:14px}
.hdf-fullpagefetch-page .hdf-fpf-dark th,.hdf-fullpagefetch-page .hdf-fpf-dark td{text-align:left;padding:10px 12px;border-bottom:1px solid #374151}
.hdf-fullpagefetch-page .hdf-fpf-dark th{color:#fff}
.hdf-fullpagefetch-page .hdf-fpf-dark td{color:#d1d5db}
/* FAQ + final CTA. */
.hdf-fullpagefetch-page .hdf-fpf-faq details{border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px;margin-bottom:10px;background:#fff}
.hdf-fullpagefetch-page .hdf-fpf-faq summary{font-weight:700;color:#111827;cursor:pointer}
.hdf-fullpagefetch-page .hdf-fpf-faq p{color:#4b5563;font-size:14px}
.hdf-fullpagefetch-page .hdf-fpf-cta{text-align:center}
.hdf-fullpagefetch-page .hdf-fpf-cta h2{margin-bottom:10px}
.hdf-fullpagefetch-page .hdf-fpf-cta .hdf-fpf-lead{margin:0 auto 20px}
@media(max-width:1024px){
.hdf-fullpagefetch-page .hdf-fpf-strip{grid-template-columns:repeat(2,1fr)}
.hdf-fullpagefetch-page .hdf-fpf-grid{grid-template-columns:repeat(2,1fr)}
.hdf-fullpagefetch-page .hdf-fpf-steps{grid-template-columns:repeat(2,1fr)}
.hdf-fullpagefetch-page .hdf-fpf-hero h1{font-size:36px}
}
@media(max-width:700px){
.hdf-fullpagefetch-page section[id]{scroll-margin-top:144px}
.hdf-fullpagefetch-page .hdf-fpf-strip,.hdf-fullpagefetch-page .hdf-fpf-grid,.hdf-fullpagefetch-page .hdf-fpf-steps,.hdf-fullpagefetch-page .hdf-fpf-spot{grid-template-columns:1fr}
.hdf-fullpagefetch-page .hdf-fpf-hero{padding:32px 0 28px}
.hdf-fullpagefetch-page .hdf-fpf-hero__icon{width:72px;height:72px}
.hdf-fullpagefetch-page .hdf-fpf-hero h1{font-size:30px}
.hdf-fullpagefetch-page .hdf-fpf-hero__sub{font-size:16px}
.hdf-fullpagefetch-page .hdf-fpf-btngroup{flex-direction:column}
.hdf-fullpagefetch-page .hdf-fpf-btngroup .hdf-fpf-btn{width:100%;justify-content:center}
.hdf-fullpagefetch-page .hdf-fpf-slider__btn{width:40px;height:40px}
.hdf-fullpagefetch-page .hdf-fpf-tablewrap{overflow-x:auto}
.hdf-fullpagefetch-page .hdf-fpf-tablewrap table{min-width:520px}
}