:root{--navy:#09255c;--purple:#8828b8;--pink:#e405d4;--muted:#647084;--light:#f8f8fc;--line:#e5e5ef;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#142342;background:white;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.site-header{height:104px;padding:0 max(30px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:10}.brand img{width:245px;max-width:36vw;height:auto;display:block}.site-header nav{display:flex;align-items:center;gap:32px;font-weight:650;font-size:14px}.site-header nav a:hover,.link-btn:hover{color:var(--purple)}.link-btn{border:0;background:none;color:var(--navy);font-weight:650}.nav-toggle{display:none;background:none;border:0;font-size:28px}.hero{background:linear-gradient(130deg,#f9f8ff,#fff 68%);display:grid;grid-template-columns:1fr 0.9fr;align-items:center;gap:56px;padding:96px max(30px,calc((100vw - 1320px)/2)) 100px;overflow:hidden;min-height:610px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#8c31bd}.hero h1{font-size:clamp(45px,5vw,76px);letter-spacing:-3.5px;line-height:1.065;margin:21px 0 24px;color:var(--navy)}.hero h1 span{background:linear-gradient(95deg,#8026b8,#e000ca);background-clip:text;color:transparent}.hero p{font-size:18px;color:#5e687c;line-height:1.8;max-width:600px}.hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;border:1px solid transparent;padding:15px 26px;font-weight:750;font-size:14px;transition:transform .15s,box-shadow .15s;text-decoration:none}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn.primary{color:white;background:linear-gradient(105deg,#7428c0,#db08c8);box-shadow:0 8px 22px #b12db52c}.btn.secondary{background:white;color:var(--navy);border-color:#d9ddea}.btn:disabled{opacity:.45;cursor:not-allowed}.full{width:100%}.hero-proof{display:flex;gap:36px;margin-top:65px}.hero-proof div{display:flex;flex-direction:column;gap:6px}.hero-proof strong{font-size:22px;color:var(--navy)}.hero-proof small{color:var(--muted);font-size:12px}.hero-art{display:grid;grid-template-columns:1fr 1fr;gap:15px;transform:rotate(-7deg);max-width:480px;margin:0 auto}.tile{aspect-ratio:1;border-radius:18px;box-shadow:0 12px 36px #2c18431e}.t1{background:radial-gradient(circle at 35% 30%,#ffc5a0 0 14%,transparent 15%),linear-gradient(145deg,#ec69b4,#6733a9)}.t2{background:conic-gradient(from 20deg at 55% 48%,#f7c8df,#784ce4,#0d386c,#d6e7ff,#f7c8df)}.t3{background:radial-gradient(circle at 60% 55%,#fff8 0 14%,transparent 15%),repeating-linear-gradient(40deg,#073b75 0 23px,#247acc 24px 43px,#ef55d2 44px 57px)}.t4{background:radial-gradient(ellipse at 38% 40%,#ffde8e 0 15%,transparent 16%),linear-gradient(40deg,#7b22b5,#ee2fc0,#f79c53)}.section{max-width:1320px;margin:0 auto;padding:100px 30px;scroll-margin-top:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.section h2{font-size:clamp(31px,3.2vw,47px);letter-spacing:-1.4px;color:var(--navy);margin:12px 0 12px}.section-head p,.free-panel p,.price-card p{color:var(--muted);line-height:1.7}.count-label{color:var(--muted);font-size:13px}.browse-controls{display:flex;gap:14px;margin-bottom:30px}.search-wrap{display:flex;flex:1;align-items:center;gap:10px;border:1px solid var(--line);padding:0 16px;border-radius:10px;height:52px}.search-wrap svg{width:19px;height:19px;fill:none;stroke:#7d8699;stroke-width:2}.search-wrap input{border:0;outline:0;flex:1;min-width:0}.browse-controls select{padding:0 16px;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:10px;color:#33415a}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.gallery-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;cursor:pointer;text-align:left;padding:0;transition:transform .15s,box-shadow .15s}.gallery-card:hover{transform:translateY(-3px);box-shadow:0 15px 25px #25223b15}.thumb{aspect-ratio:4/3;position:relative;background:#f0edf5;display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain}.thumb em{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:5px;background:white;color:#5a2488;font-size:11px;font-style:normal;font-weight:800}.card-body{padding:15px}.card-body strong{display:block;color:var(--navy);font-size:14px;line-height:1.4}.card-body small{display:block;color:var(--muted);margin-top:8px}.load-wrap{text-align:center;margin-top:32px}.empty{text-align:center;color:var(--muted);padding:30px}.free-panel{max-width:none;background:#f6f0fc;display:grid;grid-template-columns:.65fr 1fr;gap:95px;align-items:center;padding-left:max(30px,calc((100vw - 1130px)/2));padding-right:max(30px,calc((100vw - 1130px)/2))}.free-art{height:310px;max-width:420px;background:radial-gradient(circle at 30% 30%,#ef8adf,transparent 50%),linear-gradient(150deg,#5521a0,#ca26c4);border-radius:22px;display:flex;align-items:center;justify-content:space-evenly;color:white;font-size:82px}.free-panel p{max-width:560px}.fine-print{font-size:12px!important;color:var(--muted);line-height:1.5}.center{text-align:center;display:block}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin:50px auto 0;gap:24px}.price-card{padding:38px;border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.price-card.featured{border:2px solid #b12fc6;box-shadow:0 12px 28px #8d2ea117}.plan{font-size:12px;letter-spacing:1.5px;color:#8f27ae;font-weight:850}.price{font-size:48px;font-weight:850;color:var(--navy);margin:16px 0 7px}.price small{font-size:13px;font-weight:600;color:var(--muted)}.price-card ul{list-style:none;padding:15px 0 22px;line-height:2.5;color:#49576d;font-size:14px}.ribbon{position:absolute;top:0;right:0;background:#9b25c1;color:white;font-size:10px;letter-spacing:1px;font-weight:700;padding:9px 13px;border-radius:0 0 0 9px}.terms{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#556175;line-height:1.5;margin-bottom:18px}.terms input{accent-color:#ae1fb8;margin-top:3px}.terms a{text-decoration:underline;color:#8220a6}.faqs{max-width:920px}.faqs h2{margin-bottom:28px}.faqs details{padding:20px 0;border-bottom:1px solid var(--line)}.faqs summary{cursor:pointer;font-weight:750;color:var(--navy)}.faqs details p{line-height:1.7;color:var(--muted)}footer{background:#081e4c;color:white;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:55px max(30px,calc((100vw - 1320px)/2))}footer p,footer small{color:#c3cbe0}.footer-brand{font-weight:850;font-size:24px}footer>div:nth-child(2){display:flex;flex-wrap:wrap;gap:20px;font-size:13px}dialog{border:0;border-radius:16px;box-shadow:0 25px 90px #111b3d55;max-height:88vh;overflow:auto}dialog::backdrop{background:#10162d9c}.close{position:absolute;right:18px;top:15px;background:none;border:0;color:#53607a;font-size:30px}.auth-dialog{width:min(95vw,445px);padding:42px}.auth-logo{width:210px;display:block;margin:0 auto 18px}.auth-dialog h2{text-align:center;font-size:22px;color:var(--navy)}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:20px 0}.auth-tabs button{flex:1;padding:12px;background:none;border:0;border-bottom:3px solid transparent;font-weight:750}.auth-tabs button.active{color:#9a1baa;border-color:#9a1baa}.auth-dialog form>label:not(.optin){display:block;font-size:13px;font-weight:700;margin:15px 0}.auth-dialog form input:not([type=checkbox]){width:100%;height:44px;margin-top:8px;border-radius:7px;border:1px solid #d9dce7;padding:0 12px}.forgot{display:block;margin:18px auto}.auth-dialog #auth-status{font-size:13px;line-height:1.5;color:#6c348e}.image-dialog{padding:34px;width:min(95vw,910px)}.detail-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:start}.detail-layout>img{width:100%;max-height:530px;object-fit:contain;background:#f3f2f8;border-radius:10px}.detail-layout h2{color:var(--navy);padding-right:20px}.detail-layout p{color:var(--muted);line-height:1.65}.detail-layout .btn{margin-top:10px}.detail-layout .meta{font-size:13px}.hint{font-size:12px;color:#a02e6e}@media(max-width:1020px){.gallery{grid-template-columns:repeat(3,1fr)}.hero{gap:25px}.site-header nav{gap:15px}.hero-art{max-width:350px}}@media(max-width:700px){.site-header{height:79px;padding:0 20px}.brand img{width:185px}.nav-toggle{display:block}.site-header nav{display:none;position:absolute;top:79px;left:0;right:0;background:white;padding:22px;flex-direction:column;align-items:start;box-shadow:0 15px 25px #171f3822}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding:58px 23px}.hero h1{letter-spacing:-2px}.hero-art{display:none}.hero-proof{margin-top:45px;gap:20px;flex-wrap:wrap}.section{padding:66px 20px}.section-head{display:block}.browse-controls{flex-wrap:wrap}.search-wrap{flex-basis:100%}.browse-controls select{min-width:0;flex:1}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-body{padding:11px}.free-panel{grid-template-columns:1fr;gap:25px}.free-art{height:150px}.pricing-grid{grid-template-columns:1fr}footer{padding:40px 22px;display:block}footer>div:nth-child(2){margin:24px 0}.detail-layout{grid-template-columns:1fr}.image-dialog{padding:22px}.auth-dialog{padding:30px}}@media(max-width:380px){.gallery{grid-template-columns:1fr}}

/* Video Clip Vault-inspired consistent page framing (October 2026 revision).
   Keep header, hero, sections, and footer aligned on the same content grid. */
:root { --page-width: 1200px; --page-gutter: 28px; }
.site-header {
  height: 86px;
  padding-left: max(var(--page-gutter), calc((100% - var(--page-width)) / 2));
  padding-right: max(var(--page-gutter), calc((100% - var(--page-width)) / 2));
}
.brand img { width: 190px; max-width: 34vw; height: auto; }
.hero {
  padding-left: max(var(--page-gutter), calc((100% - var(--page-width)) / 2));
  padding-right: max(var(--page-gutter), calc((100% - var(--page-width)) / 2));
}
.section { max-width: var(--page-width); padding-left: var(--page-gutter); padding-right: var(--page-gutter); }
.free-panel {
  max-width: none;
  padding-left: max(var(--page-gutter), calc((100% - var(--page-width)) / 2));
  padding-right: max(var(--page-gutter), calc((100% - var(--page-width)) / 2));
}
footer {
  padding-left: max(var(--page-gutter), calc((100% - var(--page-width)) / 2));
  padding-right: max(var(--page-gutter), calc((100% - var(--page-width)) / 2));
}
/* Secondary policy and account pages share the same side gutters. */
@media(max-width:700px) {
  :root { --page-gutter: 20px; }
  .site-header { height: 76px; padding-left: var(--page-gutter); padding-right: var(--page-gutter); }
  .brand img { width: 165px; max-width: 55vw; }
  .site-header nav { top: 76px; }
  .hero { padding: 58px var(--page-gutter); }
  .section { padding: 66px var(--page-gutter); }
  .free-panel { padding-left: var(--page-gutter); padding-right: var(--page-gutter); }
  footer { padding: 40px var(--page-gutter); }
}

/* Header and outer content alignment refined against Video Clip Vault screenshot,
   October 17, 2026. Desktop content runs within a centered ~1130px column. */
:root { --page-width: 1130px; --page-gutter: 20px; }
.site-header { height: 74px; }
.brand img { width: 145px; max-width: 32vw; }
.section {
  width: calc(100% - 2 * var(--page-gutter));
  max-width: var(--page-width);
  padding-left: 0;
  padding-right: 0;
}
@media (max-width:700px) {
  .site-header { height: 72px; }
  .site-header nav { top: 72px; }
  .brand img { width: 138px; max-width: 52vw; }
  .section { padding: 66px 0; }
  .free-panel { width: 100%; padding: 66px var(--page-gutter); }
}

/* October 17 header: match Video Clip Vault navigation labels and search layout. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header nav{gap:24px;font-family:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;font-weight:400;color:#243148}
.site-header nav a,.site-header nav .link-btn{font:inherit;color:inherit;white-space:nowrap}
.site-header nav .link-btn{padding:0}
.header-search{display:flex;margin:0;width:252px;height:46px}
.header-search input{width:100%;min-width:0;border:1px solid #d0d6e1;border-radius:10px;background:#fff;padding:0 14px;font-size:16px;color:#243148;outline-offset:2px}
.header-search input::placeholder{color:#777}
@media(max-width:700px){.site-header nav{gap:18px;align-items:stretch}.header-search{width:100%}.header-search input{width:100%}.site-header nav a,.site-header nav .link-btn{text-align:left}}

/* Homepage hero spacing and bullet copy aligned with the Video Clip Vault reference. */
.hero { padding-top: 58px; padding-bottom: 64px; min-height: 510px; }
.hero h1 { margin-top: 0; margin-bottom: 22px; }
.hero-bullets { padding-left: 24px; margin: 0; color: #4b5668; font-size: 18px; line-height: 1.58; }
.hero-bullets li { padding-left: 0; }
.hero-bullets strong { font-weight: 750; }
.hero-actions { margin-top: 29px; }
.hero-proof { margin-top: 42px; }
@media(max-width:700px) {
  .hero { min-height: 0; padding-top: 42px; padding-bottom: 52px; }
  .hero-bullets { font-size: 16px; line-height: 1.55; padding-left: 21px; }
}

/* Featured 12-image grid matching Video Clip Vault's three-column, four-row layout. */
.featured-gallery { padding-top: 60px; }
.featured-gallery .gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; row-gap: 56px; }
.featured-gallery .gallery-card { border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.featured-gallery .gallery-card:hover { box-shadow: none; transform: none; }
.featured-gallery .thumb { aspect-ratio: 16 / 9; background: #f6f4fa; border-radius: 0; }
.featured-gallery .thumb img { width: 100%; height: 100%; object-fit: contain; }
.featured-gallery .thumb em { display: none; }
.featured-gallery .card-body { padding: 16px 20px 0; }
.featured-gallery .gallery-category { display: block; font-size: 11px; color: #727b8a; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 800; margin-bottom: 10px; }
.featured-gallery .card-body strong { font-size: clamp(18px, 1.7vw, 23px); letter-spacing: -.5px; line-height: 1.17; color: #101827; }
.featured-gallery .card-body small { font-size: 13px; margin: 10px 0 0; line-height: 1.45; }
.featured-gallery .gallery-download { display: inline-block; margin-top: 9px; padding: 11px 29px; border-radius: 9px; color: #fff; background: #111b2f; font-size: 14px; font-weight: 600; }
.featured-gallery .gallery-card:hover .gallery-download { background: #273856; }
.featured-gallery .catalog-tools { margin-top: 65px; border-top: 1px solid var(--line); padding-top: 32px; }
.featured-gallery .catalog-tools .section-head { margin-bottom: 20px; }
.hero { min-height: 0; }
@media(max-width:700px){.featured-gallery{padding-top:35px}.featured-gallery .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.featured-gallery .card-body{padding:10px 4px 0}.featured-gallery .card-body strong{font-size:16px}.featured-gallery .gallery-category{font-size:10px}.featured-gallery .gallery-download{padding:9px 17px}.featured-gallery .catalog-tools{margin-top:35px}}
@media(max-width:430px){.featured-gallery .gallery{grid-template-columns:1fr}.featured-gallery .card-body strong{font-size:20px}}

/* Keep gallery cards top-aligned within every grid row.
   Headline length may change each card's height, but never its image's top edge. */
.featured-gallery .gallery {
  align-items: start;
  grid-auto-flow: row;
}
.featured-gallery .gallery-card {
  align-self: start;
  display: flex;
  flex-direction: column;
  height: auto;
  margin: 0;
  vertical-align: top;
}
.featured-gallery .thumb {
  width: 100%;
  flex: none;
  aspect-ratio: 16 / 9;
}
.featured-gallery .card-body { width: 100%; }

/* Image detail cards: uniform top alignment and uncropped previews */
.gallery{align-items:start}
.gallery-card{align-self:start;min-width:0}
.acv-kansas-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}
.acv-kansas-card .thumb{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}
.acv-kansas-card .thumb img{width:100%;height:100%;object-fit:contain}
