/* Why Not Invest - fælles stylesheet for alle sider */
  :root{
    --bg:#0E1A2B;
    --bg-alt:#12203A;
    --surface:#182B47;
    --surface-2:#1C3050;
    --line:rgba(147,161,184,0.16);
    --line-warm:rgba(198,138,76,0.28);
    --text:#EDEFF3;
    --text-muted:#9FADC2;
    --accent:#C68A4C;
    --accent-soft:rgba(198,138,76,0.14);
    --teal:#4FA8A0;
    --teal-soft:rgba(79,168,160,0.14);
    --error:#C0524A;
    --error-soft:rgba(192,82,74,0.14);
    --radius:4px;
    --wrap:1280px;
    --font-display:'Space Grotesk', sans-serif;
    --font-body:'IBM Plex Sans', sans-serif;
    --font-mono:'IBM Plex Mono', monospace;
  }

  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-body);
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;}
  section{scroll-margin-top:84px;}

  .wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px;}
  .eyebrow{
    font-family:var(--font-mono);
    text-transform:uppercase;
    letter-spacing:0.14em;
    font-size:0.72rem;
    color:var(--accent);
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
  }
  .eyebrow::before{
    content:"";
    width:22px;height:1px;
    background:var(--accent);
    display:inline-block;
  }
  h1,h2,h3{
    font-family:var(--font-display);
    font-weight:600;
    line-height:1.15;
    letter-spacing:-0.01em;
  }
  h2{font-size:clamp(1.7rem, 3vw, 2.4rem); margin-bottom:20px;}
  h3{font-size:1.15rem; margin-bottom:10px;}
  p{color:var(--text-muted);}
  .lede{font-size:1.05rem;max-width:640px;}

  /* ---------- NAV ---------- */
  .nav{
    position:sticky;top:0;z-index:50;
    background:rgba(14,26,43,0.88);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .nav .wrap{
    height:76px;display:flex;align-items:center;justify-content:space-between;
  }
  .nav__brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-0.01em;}
  .nav__mark{height:32px;width:auto;flex-shrink:0;border-radius:3px;}
  .nav__links{display:flex;align-items:center;gap:34px;}
  .nav__links a{
    font-size:0.92rem;color:var(--text-muted);
    transition:color .15s ease;
    position:relative;
  }
  .nav__links a:hover{color:var(--text);}
  .nav__links .nav__cta{
    background:var(--accent);color:var(--bg);
    padding:11px 22px;border-radius:var(--radius);
    font-weight:500;font-size:0.9rem;
    transition:filter .15s ease;
    white-space:nowrap;
  }
  .nav__cta:hover{filter:brightness(1.1);}
  .nav__toggle{display:none;background:none;border:1px solid var(--line);border-radius:var(--radius);width:42px;height:42px;color:var(--text);font-size:1.2rem;cursor:pointer;}

  @media (max-width:860px){
    .nav__links{
      position:absolute;top:76px;left:0;right:0;
      background:var(--bg-alt);
      flex-direction:column;align-items:flex-start;
      padding:20px 32px 28px;gap:18px;
      border-bottom:1px solid var(--line);
      display:none;
    }
    .nav__links.is-open{display:flex;}
    .nav__toggle{display:block;}
    .nav__cta{display:none;}
    .nav__links.is-open .nav__cta{display:inline-block;margin-top:6px;}
  }

  /* ---------- NAV LOGIN ---------- */
  .nav__login{position:relative;}
  .nav__login-trigger{
    display:flex;align-items:center;gap:8px;
    background:none;border:1px solid var(--line);border-radius:var(--radius);
    padding:9px 14px;color:var(--text-muted);font-family:var(--font-body);font-size:0.9rem;
    cursor:pointer;transition:border-color .15s ease, color .15s ease;
  }
  .nav__login-trigger svg{width:16px;height:16px;flex-shrink:0;}
  .nav__login-trigger:hover,
  .nav__login-trigger[aria-expanded="true"]{border-color:var(--accent);color:var(--text);}
  .login-popover{
    position:absolute;top:calc(100% + 12px);right:0;
    width:260px;background:var(--surface);border:1px solid var(--line);
    border-radius:var(--radius);padding:20px;
    box-shadow:0 12px 32px rgba(0,0,0,0.35);
    z-index:60;
  }
  .login-popover[hidden]{display:none;}
  .login-popover .form-row:last-of-type{margin-bottom:18px;}
  .login-popover__submit{width:100%;justify-content:center;}
  .login-popover .form-note{margin-top:14px;margin-bottom:0;font-size:0.78rem;}
  @media (max-width:860px){
    .login-popover{position:static;width:100%;margin-top:12px;box-shadow:none;}
  }

  /* ---------- NAV LANG SWITCH ---------- */
  .nav__lang{
    display:flex;align-items:center;gap:6px;
    font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.04em;
  }
  .nav__lang .nav__lang-link{color:var(--text-muted);font-size:0.68rem;transition:color .15s ease;}
  .nav__lang .nav__lang-link:hover{color:var(--accent);}
  .nav__lang .nav__lang-current{color:var(--text);font-weight:600;font-size:0.68rem;}
  .nav__lang .nav__lang-sep{color:var(--line-warm);font-size:0.68rem;}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;overflow:hidden;
    padding:96px 0 80px;
    background:
      radial-gradient(circle at 82% 18%, rgba(79,168,160,0.10), transparent 45%),
      radial-gradient(circle at 8% 90%, rgba(198,138,76,0.10), transparent 40%);
  }
  .hero__grid{
    position:absolute;inset:0;
    background-image:
      linear-gradient(var(--line) 1px, transparent 1px),
      linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size:64px 64px;
    opacity:0.25;
    mask-image:linear-gradient(to bottom, transparent, black 15%, black 70%, transparent);
    pointer-events:none;
  }
  .hero .wrap{
    position:relative;z-index:1;
    display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;
  }
  .hero h1{font-size:clamp(2.1rem, 4.2vw, 3.15rem);margin-bottom:22px;}
  .hero h1 em{color:var(--accent);font-style:normal;}
  .hero p.lede{margin-bottom:34px;}
  .hero__actions{display:flex;gap:16px;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 26px;border-radius:var(--radius);
    font-family:var(--font-body);font-weight:500;font-size:0.95rem;
    transition:all .15s ease;cursor:pointer;border:1px solid transparent;
  }
  .btn--primary{background:var(--accent);color:var(--bg);}
  .btn--primary:hover{filter:brightness(1.1);}
  .btn--ghost{border-color:var(--line);color:var(--text);}
  .btn--ghost:hover{border-color:var(--accent);color:var(--accent);}

  .hero__chart{position:relative;}
  .hero__chart svg{width:100%;height:auto;overflow:visible;}
  .curve-path{
    fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;
  }
  .curve-node circle{fill:var(--bg);stroke:var(--teal);stroke-width:2;}
  .curve-node text{
    font-family:var(--font-mono);font-size:11px;fill:var(--text-muted);
  }
  .curve-node.is-active circle{stroke:var(--accent);}
  .hero__chart-caption{
    font-family:var(--font-mono);font-size:0.72rem;color:var(--text-muted);
    display:flex;justify-content:space-between;margin-top:14px;
    letter-spacing:0.04em;
  }

  /* ---------- SECTION SHELL ---------- */
  .section{padding:88px 0;}
  .section--alt{background:var(--bg-alt);}
  .axis-divider{
    height:1px;background:var(--line);position:relative;
  }
  .axis-divider::before, .axis-divider::after, .axis-divider span{
    content:"";position:absolute;top:-3px;width:1px;height:7px;background:var(--line-warm);
  }
  .axis-divider::before{left:16.6%;}
  .axis-divider::after{left:83.3%;}
  .axis-divider span{left:50%;}

  .about-grid{
    display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;align-items:center;
  }
  .about-me{max-width:720px;margin-top:44px;}
  .about-personal{padding-top:20px;border-top:1px solid var(--line);color:var(--text);}
  .about-story{margin-top:28px;}
  .about-story h3{font-size:1.05rem;margin-bottom:10px;color:var(--text);}
  .about-story p + p{margin-top:12px;}
  .principle-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);}
  .principle-list li{
    padding:18px 0;border-bottom:1px solid var(--line);
    display:flex;justify-content:space-between;align-items:baseline;gap:20px;
  }
  .principle-list li span:first-child{font-family:var(--font-body);font-weight:500;color:var(--text);}
  .principle-list li span:last-child{font-family:var(--font-mono);font-size:0.78rem;color:var(--teal);text-align:right;}

  /* ---------- SERVICES ---------- */
  .services-why{max-width:720px;margin-bottom:44px;}
  .services-why h3{font-size:1.05rem;margin-bottom:10px;color:var(--text);}
  .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  .service-card{
    background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
    padding:38px 34px;position:relative;overflow:hidden;
  }
  .service-card::before{
    content:"";position:absolute;top:0;left:0;width:100%;height:3px;
  }
  .service-card--futures::before{background:var(--accent);}
  .service-card--commodities::before{background:var(--teal);}
  .service-card__icon{width:40px;height:40px;margin-bottom:22px;}
  .service-card--futures .service-card__icon{color:var(--accent);}
  .service-card--commodities .service-card__icon{color:var(--teal);}
  .service-card--fx::before{background:var(--text-muted);}
  .service-card--fx .service-card__icon{color:var(--text-muted);}
  .service-card p{margin-bottom:20px;}
  .tag-row{display:flex;flex-wrap:wrap;gap:8px;}
  .tag{
    font-family:var(--font-mono);font-size:0.72rem;color:var(--text-muted);
    border:1px solid var(--line);border-radius:999px;padding:6px 12px;
  }

  /* ---------- PORTFOLIO ---------- */
  .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .case-card{
    background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
    padding:30px 28px;transition:transform .18s ease, border-color .18s ease;
  }
  .case-card:hover{transform:translateY(-4px);border-color:var(--line-warm);}
  .case-card .eyebrow{margin-bottom:16px;}
  .case-card h3{font-size:1.05rem;}

  /* ---------- TEAM ---------- */
  .team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:720px;}
  .team-card{text-align:left;}
  .team-avatar{
    width:64px;height:64px;border-radius:50%;
    border:1.5px solid var(--accent);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--font-display);font-weight:600;font-size:1.1rem;
    color:var(--accent);margin-bottom:18px;
  }
  .team-avatar--photo{overflow:hidden;padding:0;}
  .team-avatar--photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
  .team-card h3{font-size:1rem;margin-bottom:2px;}
  .team-role{font-family:var(--font-mono);font-size:0.74rem;color:var(--teal);display:block;margin-bottom:12px;letter-spacing:0.02em;}
  .team-bio{font-size:0.92rem;}
  .team-card--vacant .team-avatar{border-color:var(--line);color:var(--text-muted);}
  .team-card--vacant h3,
  .team-card--vacant .team-role,
  .team-card--vacant .team-bio{color:var(--text-muted);}
  .team-card--vacant .team-bio{opacity:0.8;}

  /* ---------- CONTACT ---------- */
  .contact-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:64px;}
  .contact-info dl{display:flex;flex-direction:column;gap:20px;margin-top:28px;}
  .contact-info dt{font-family:var(--font-mono);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);margin-bottom:4px;}
  .contact-info dd{color:var(--text);font-size:0.98rem;}

  .form-row{margin-bottom:20px;}
  .form-row label{display:block;font-size:0.85rem;color:var(--text-muted);margin-bottom:8px;}
  .form-row input, .form-row textarea{
    width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
    padding:13px 16px;color:var(--text);font-family:var(--font-body);font-size:0.95rem;
    transition:border-color .15s ease;
  }
  .form-row input:focus, .form-row textarea:focus{outline:none;border-color:var(--accent);}
  .form-row textarea{resize:vertical;min-height:120px;}
  .form-note{font-size:0.82rem;color:var(--text-muted);margin-top:16px;}
  .form-success{
    display:none;background:var(--teal-soft);border:1px solid var(--teal);color:var(--text);
    padding:16px 18px;border-radius:var(--radius);margin-bottom:20px;font-size:0.92rem;
  }
  .form-success.is-visible{display:block;}
  .form-success.form-error{background:var(--error-soft);border-color:var(--error);}


  /* ---------- FOOTER ---------- */
  footer{border-top:1px solid var(--line);padding:40px 0;}
  footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
  .footer__meta{font-size:0.82rem;color:var(--text-muted);}
  .footer__brand{display:flex;align-items:center;gap:12px;}
  .footer__mark{height:22px;width:auto;opacity:0.9;border-radius:2px;}
  .footer__links{display:flex;gap:24px;}
  .footer__links a{font-size:0.85rem;color:var(--text-muted);}
  .footer__links a:hover{color:var(--accent);}

  /* ---------- REVEAL ---------- */
  [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease;}
  [data-reveal].is-visible{opacity:1;transform:translateY(0);}

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    [data-reveal]{opacity:1;transform:none;transition:none;}
    .curve-path, .curve-node{transition:none !important;animation:none !important;}
  }

  @media (max-width:960px){
    .hero .wrap{grid-template-columns:1fr;}
    .hero__chart{order:-1;}
    .about-grid, .contact-grid{grid-template-columns:1fr;gap:40px;}
    .services-grid{grid-template-columns:1fr;}
    .case-grid{grid-template-columns:1fr 1fr;}
    .team-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:560px){
    .wrap{padding:0 22px;}
    .case-grid, .team-grid{grid-template-columns:1fr;}
    .section{padding:64px 0;}
  }