/* Parent landing: the accepted raised/cutout design, with sport shadows. */
:root { color-scheme:light dark; background:light-dark(#f4f2eb,#11120f); }
:root[data-appearance="light"] { color-scheme:light; }
:root[data-appearance="dark"] { color-scheme:dark; }
body { margin:0; }
#veldplan-landing-concept .vl-page { min-height:100svh; }
#veldplan-landing-concept .vl-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
#veldplan-landing-concept :is(a,button,select):focus-visible { outline:2px solid currentColor; outline-offset:5px; border-radius:6px; }
#veldplan-landing-concept { color-scheme:inherit; font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif; }
    #veldplan-landing-concept * { box-sizing:border-box; }
    #veldplan-landing-concept [hidden] { display:none!important; }
    #veldplan-landing-concept .vl-page {
      --vl-bg:light-dark(#f4f2eb,#11120f); --vl-surface:light-dark(#fffcf5,#1d201a); --vl-raised:light-dark(#fffdf7,#292e24);
      --vl-ink:light-dark(#252b23,#f4f1eb); --vl-muted:light-dark(#646b5e,#adb4a5); --vl-line:light-dark(#dcded2,#383f32); --vl-shade:light-dark(#2c392d18,#0007);
      background:var(--vl-bg); color:var(--vl-ink); border-radius:18px; min-width:0; overflow:clip; font-size:15px; line-height:1.5; letter-spacing:-.2px;
    }
    #veldplan-landing-concept .vl-page[data-appearance="light"] { color-scheme:light; }
    #veldplan-landing-concept .vl-page[data-appearance="dark"] { color-scheme:dark; }
    #veldplan-landing-concept button, #veldplan-landing-concept a { font:inherit; color:inherit; }
    #veldplan-landing-concept button { border:0; background:none; padding:0; text-align:inherit; }
    #veldplan-landing-concept a { text-decoration:none; }
    #veldplan-landing-concept .vl-shell { width:100%; max-width:1060px; margin:0 auto; padding:26px 42px 30px; }
    #veldplan-landing-concept .vl-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; }
    #veldplan-landing-concept .vl-brand { display:flex; align-items:center; gap:11px; font-size:25px; letter-spacing:-1px; font-weight:650; }
    #veldplan-landing-concept .vl-brand img { width:36px; height:36px; }
    #veldplan-landing-concept .vl-navlinks { display:flex; gap:22px; font-size:13px; color:var(--vl-muted); }
    #veldplan-landing-concept .vl-navlinks a { display:flex; align-items:center; min-height:44px; }
    #veldplan-landing-concept h1, #veldplan-landing-concept h2, #veldplan-landing-concept h3, #veldplan-landing-concept p { margin:0; }
    #veldplan-landing-concept .vl-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px; padding:42px 0 30px; }
    #veldplan-landing-concept .vl-card-wrap {
      --vl-accent:#accb91; --vl-hi:#c1d8ad; --vl-lo:#8ca676; --vl-edge:#526943; --vl-on:#23301c; --vl-wash:light-dark(#e1e8d7,#252e1f);
      --vl-tile-top:light-dark(color-mix(in srgb,var(--vl-hi) 38%,#fffdf5),color-mix(in srgb,var(--vl-hi) 28%,var(--vl-wash)));
      --vl-tile-mid:light-dark(var(--vl-wash),color-mix(in srgb,var(--vl-accent) 11%,var(--vl-wash)));
      --vl-tile-bottom:light-dark(color-mix(in srgb,var(--vl-wash) 78%,var(--vl-edge)),color-mix(in srgb,var(--vl-wash) 70%,#090d07));
      --vl-tile-edge:light-dark(color-mix(in srgb,var(--vl-edge) 45%,var(--vl-wash)),color-mix(in srgb,var(--vl-edge) 42%,#090d07));
      --vl-tile-rim:light-dark(color-mix(in srgb,var(--vl-edge) 22%,var(--vl-wash)),color-mix(in srgb,var(--vl-edge) 58%,#0d1309));
      position:relative; min-width:0;
    }
    #veldplan-landing-concept .vl-card-wrap[data-product="baanli"] { --vl-accent:#dfa674; --vl-hi:#e7bc97; --vl-lo:#b5875e; --vl-edge:#78573b; --vl-on:#342619; --vl-wash:light-dark(#f0dfcc,#35291e); }
    #veldplan-landing-concept .vl-category-title {
      display:flex; align-items:center; justify-content:center; min-height:72px; padding:16px 20px; margin-bottom:28px; border-radius:24px;
      font-size:clamp(20px,2.5vw,26px); line-height:1.2; font-weight:600; letter-spacing:-.7px; text-align:center;
      background:linear-gradient(155deg,var(--vl-tile-top),var(--vl-tile-mid) 65%,var(--vl-tile-bottom)); border:1px solid var(--vl-tile-edge);
      box-shadow:inset 0 2px 1px light-dark(#fffd,#fff3),inset 0 -2px 1px light-dark(color-mix(in srgb,var(--vl-edge) 8%,transparent),#0004),0 3px 0 var(--vl-tile-rim),0 6px 0 var(--vl-tile-edge),0 12px 10px var(--vl-shade);
      text-shadow:0 1px 0 light-dark(#fff8,#0005);
    }
    #veldplan-landing-concept .vl-card { --vl-muted:light-dark(#535b4d,#bdc4b5); position:relative; isolation:isolate; min-height:322px; padding:83px 26px 94px; }
    #veldplan-landing-concept .vl-card-surface { position:absolute; inset:0; width:100%; height:100%; z-index:-1; overflow:visible; pointer-events:none; filter:drop-shadow(0 6px 4px var(--vl-shade)) drop-shadow(0 16px 14px var(--vl-shade)); }
    #veldplan-landing-concept .vl-ground { color:light-dark(var(--vl-edge),var(--vl-hi)); }
    #veldplan-landing-concept .vl-ground-wash { fill:currentColor; opacity:.012; }
    #veldplan-landing-concept .vl-ground-lines { opacity:.07; }
    #veldplan-landing-concept .vl-ground-spot { fill:currentColor; stroke:none; }
    #veldplan-landing-concept .vl-court-net { stroke-width:3.6; }
    #veldplan-landing-concept .vl-product-icon { position:absolute; top:2px; left:2px; width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--vl-raised); box-shadow:inset 0 1px 1px light-dark(#fff,#fff3),0 3px 0 color-mix(in srgb,var(--vl-edge) 35%,var(--vl-wash)),0 6px 10px var(--vl-shade); }
    #veldplan-landing-concept .vl-product-icon img { width:32px; height:32px; }
    #veldplan-landing-concept .vl-status { position:absolute; top:20px; right:22px; font-size:11px; color:var(--vl-muted); }
    #veldplan-landing-concept .vl-product-title { font-size:32px; line-height:1.1; letter-spacing:-1px; font-weight:600; min-height:38px; text-shadow:0 -1px 0 light-dark(#fff,#fff3),0 1px 0 light-dark(color-mix(in srgb,var(--vl-edge) 55%,var(--vl-wash)),#000a),0 2px 0 light-dark(color-mix(in srgb,var(--vl-edge) 40%,var(--vl-wash)),#0009),0 3px 0 light-dark(color-mix(in srgb,var(--vl-edge) 25%,var(--vl-wash)),#0008),0 7px 5px light-dark(#23301c35,#000a); }
    #veldplan-landing-concept .vl-pasli-title { font-size:38px; letter-spacing:-1.5px; }
    #veldplan-landing-concept .vl-wordmark { display:block; width:139px; height:38px; object-fit:contain; object-position:left center; }
    #veldplan-landing-concept .vl-product-copy { margin-top:17px; font-size:14px; font-weight:500; line-height:1.65; max-width:300px; text-shadow:0 1px 0 light-dark(#fff9,#0009),0 3px 3px light-dark(#23301c18,#0007); }
    #veldplan-landing-concept .vl-wordmark { filter:drop-shadow(0 1px 0 light-dark(#78573b55,#000c)) drop-shadow(0 2px 0 light-dark(#78573b38,#0009)) drop-shadow(0 6px 4px light-dark(#34261930,#000a)); }
    #veldplan-landing-concept .vl-product-meta { color:var(--vl-muted); font-size:12px; margin-top:16px; }
    #veldplan-landing-concept .vl-cta { position:absolute; left:26px; right:-6px; bottom:-6px; height:68px; display:flex; align-items:center; justify-content:space-between; gap:14px; font-size:13px; min-width:0; }
    #veldplan-landing-concept .vl-cta-face { display:flex; align-items:center; justify-content:center; width:68px; height:68px; flex:none; border-radius:50%; background:linear-gradient(155deg,var(--vl-hi),var(--vl-accent) 62%,var(--vl-lo)); color:var(--vl-on); box-shadow:inset 0 2px 2px light-dark(#fffd,#fff8),0 4px 0 var(--vl-edge),0 10px 14px var(--vl-shade); }
    #veldplan-landing-concept .vl-cta:active .vl-cta-face { transform:translateY(2px); box-shadow:inset 0 1px 2px #fff5,0 2px 0 var(--vl-edge),0 5px 8px var(--vl-shade); }
    #veldplan-landing-concept .vl-cta-face i, #veldplan-landing-concept .vl-cta-face svg { width:29px; height:29px; stroke-width:2.6; }
    #veldplan-landing-concept .vl-cta-face .vl-ball { width:39px; height:39px; filter:drop-shadow(0 3px 2px #0003); transition:transform .22s ease; }
    #veldplan-landing-concept .vl-cta:hover .vl-ball { transform:translateY(-1px) rotate(-12deg); }
    #veldplan-landing-concept .vl-cta:active .vl-ball { transform:rotate(8deg); }
    #veldplan-landing-concept .vl-about { margin:12px 0 26px; padding:24px 26px; border-radius:24px; background:var(--vl-surface); }
    #veldplan-landing-concept .vl-about:target { outline:1px solid var(--vl-line); outline-offset:5px; }
    #veldplan-landing-concept .vl-about h2 { font-size:23px; font-weight:600; letter-spacing:-.6px; }
    #veldplan-landing-concept .vl-about p { margin-top:13px; max-width:650px; font-size:14px; color:var(--vl-muted); line-height:1.7; }
    #veldplan-landing-concept .vl-about-close { margin-top:18px; min-height:44px; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
    #veldplan-landing-concept .vl-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; color:var(--vl-muted); font-size:11px; border-top:1px solid var(--vl-line); padding-top:18px; }
    @media(max-width:680px) {
      #veldplan-landing-concept .vl-shell { padding:22px 23px 26px; }
      #veldplan-landing-concept .vl-products { grid-template-columns:1fr; gap:40px; padding-top:30px; }
      #veldplan-landing-concept .vl-navlinks { gap:15px; }
      #veldplan-landing-concept .vl-card { min-height:314px; }
    }

/* Language control extends the accepted neutral header treatment. */
#veldplan-landing-concept .vl-nav { flex-wrap:wrap; row-gap:8px; }
#veldplan-landing-concept .vl-brand { flex-shrink:0; }
#veldplan-landing-concept .vl-card-wrap { display:flex; flex-direction:column; }
#veldplan-landing-concept .vl-card { flex:1 0 auto; }
#veldplan-landing-concept .vl-navtools { display:flex; align-items:center; gap:16px; }
#veldplan-landing-concept .vl-language-control { display:flex; align-items:center; }
#veldplan-landing-concept .vl-preferences { display:flex; align-items:center; gap:8px; }
#veldplan-landing-concept .vl-language { min-height:44px; padding:0 8px; border:1px solid var(--vl-line); border-radius:12px; background:var(--vl-raised); color:var(--vl-ink); font:inherit; font-size:12px; box-shadow:inset 0 1px 1px light-dark(#fff,#fff2),0 2px 0 var(--vl-line); }
#veldplan-landing-concept .vl-appearance { position:relative; display:grid; place-items:center; width:44px; height:44px; flex:none; padding:0; border:0; border-radius:50%; background:transparent; color:var(--vl-ink); cursor:pointer; }
#veldplan-landing-concept .vl-appearance::before { content:""; position:absolute; inset:6px; border:1px solid var(--vl-line); border-radius:50%; background:var(--vl-raised); box-shadow:inset 0 1px 1px light-dark(#fff,#fff2),0 2px 0 var(--vl-line); pointer-events:none; }
#veldplan-landing-concept .vl-theme-symbols { position:relative; display:block; width:17px; height:17px; }
#veldplan-landing-concept .vl-theme-symbols svg { position:absolute; inset:0; width:100%; height:100%; transition:opacity .2s ease,transform .25s ease; }
#veldplan-landing-concept .vl-theme-moon { opacity:0; transform:rotate(-90deg) scale(.6); }
#veldplan-landing-concept .vl-appearance[data-dark="true"] .vl-theme-sun { opacity:0; transform:rotate(90deg) scale(.6); }
#veldplan-landing-concept .vl-appearance[data-dark="true"] .vl-theme-moon { opacity:1; transform:rotate(0) scale(1); }
#veldplan-landing-concept .vl-appearance:active { transform:translateY(1px); }
#veldplan-landing-concept .vl-appearance:active::before { box-shadow:inset 0 1px 1px light-dark(#fff,#fff2),0 1px 0 var(--vl-line); }
@media(max-width:680px) { #veldplan-landing-concept .vl-navtools { width:100%; justify-content:space-between; gap:12px; } }
@media(prefers-reduced-motion:reduce) { #veldplan-landing-concept .vl-cta-face .vl-ball, #veldplan-landing-concept .vl-theme-symbols svg { transition:none; } }