/* Direqt AI Search landing page */
:root {
  color-scheme: light;
  --page-bg: #f5f4f0;
  --surface: #fffefa;
  --text: #101010;
  --muted: #272727;
  --line: #272727;
  --field-bg: #fff;
  --field-border: #242424;
  --purple: #5B3DF5;
  --coral: #ff8064;
  --aqua: #a8dddd;
  --yellow: #e9e68a;
  --footer-bg: #050505;
  --footer-text: #fff;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --page-bg: #15151a;
  --surface: #202027;
  --text: #f4f2f8;
  --muted: #d0ccd8;
  --line: #aaa5b2;
  --field-bg: #24242c;
  --field-border: #77717e;
  --footer-bg: #09090c;
  --footer-text: #f8f7fb;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--page-bg); color: var(--text); font-family: "DM Sans", Arial, sans-serif; transition: background .25s ease, color .25s ease; }
.page-container { max-width: 960px; }
html[data-theme="light"] .moon-icon, html[data-theme="dark"] .sun-icon { display: none; }
.hero-section { min-height: 545px; position: relative; overflow: hidden; }
.hero-content { position: relative; z-index: 2; min-height: 545px; padding-top: 110px; }
.hero-brand { width: max-content; height: auto; font-size: 18px; line-height: 1; font-weight: 700; letter-spacing: -1px; margin-bottom: 42px; color: var(--text); }
.hero-copy { max-width: 475px; }
.eyebrow { display: none; }
.hero-copy h1 {font-size: clamp(32px, 4.6vw, 50px);line-height: 1.18;margin-bottom: 18px;max-width: 11.5em;font-weight: 600}
.hero-description { max-width: 470px; font-size: 16px; line-height: 1.55; margin: 0; color: var(--muted); }
.hero-orb { position: absolute; border-radius: 50%; pointer-events: none; }
.hero-orb-coral { width: 205px; height: 205px; background: var(--coral); top: -67px; left: calc(50% - 45px); }
.hero-orb-aqua { width: 390px; height: 390px; background: var(--aqua); top: -168px; right: -65px; }
.hero-orb-yellow { width: 135px; height: 135px; background: var(--yellow); top: 380px; right: calc(50% - 205px); }
.ruled-section { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.publisher-section { min-height: 310px; }
.publisher-inner { min-height: 310px; display: flex; align-items: center; gap: 45px; }
.publisher-intro { flex: 0 0 230px; font-size: 23px; font-weight: 600; line-height: 1.35; letter-spacing: -.35px; }
.logo-marquee { overflow: hidden; flex: 1; min-width: 0; }
.logo-track { display: flex; align-items: center; justify-content: space-around; gap: 52px; width: max-content; min-width: 100%; animation: logoScroll 22s linear infinite; }
.logo-marquee:hover .logo-track { animation-play-state: paused; }
.publisher-logo { white-space: nowrap; color: var(--text); }
.wired { font-family: Georgia, serif; font-size: 30px; font-weight: 900; letter-spacing: 4px; border: 4px solid currentColor; padding: 0 4px; line-height: 1; }
.mens { font-family: Georgia, serif; font-size: 27px; font-weight: 900; letter-spacing: -1.7px; }
.sun { background: #050505; color: #fff; padding: 3px 13px 5px; font-family: Arial, sans-serif; font-size: 37px; font-weight: 900; font-style: italic; line-height: .9; letter-spacing: -2px; }
.sun b { display: block; font-size: 10px; letter-spacing: 1px; text-align: right; }
@keyframes logoScroll { from { transform: translateX(0); } to { transform: translateX(-35%); } }
.features-section { padding: 56px 0 35px; }
.features-inner { width: 100%; }
.feature-row { min-height: 250px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 45px; padding:35px 0px; }
.feature-row.reverse .feature-copy { order: 2; }
.feature-row.reverse .feature-art { order: 1; }
.feature-copy { max-width: 390px; }
.feature-copy h2, .contact-copy h2 { font-size: 24px; line-height: 1.4; letter-spacing: -.4px; font-weight: 600; margin: 0 0 12px; }
.feature-copy p, .contact-copy p { font-size: 16px; line-height: 1.55; color: var(--muted); margin: 0; }
.feature-art { height: 205px; position: relative; display: flex; align-items: center; justify-content: center; }
.art-circle { position: absolute; display: block; border-radius: 50%; }
.art-circle.purple { width: 164px; height: 164px; background: var(--purple); right: 14%; top: 24px; }
.art-circle.coral { width: 83px; height: 83px; background: var(--coral); left: 16%; bottom: 9px; }
.arrow-doodle { position: absolute; width: 100px; height: 78px; left: 15%; top: -2px; fill: none; stroke: var(--text); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; z-index: 3; }
.search-window { position: relative; z-index: 2; width: 215px; height: 100px; border: 3px solid #111; border-radius: 8px; background: #49464f; padding: 8px; display: flex; flex-direction: column; gap: 7px; box-shadow: 0 2px 0 #111; }
.search-window span { height: 7px; width: 46%; background: #8061d6; }
.search-window i { height: 5px; display: block; background: #e8e6e9; width: 82%; }
.search-window i:nth-of-type(2) { width: 97%; }.search-window i:nth-of-type(3) { width: 91%; }.search-window i:nth-of-type(4) { width: 64%; }.search-window i:nth-of-type(5) { width: 45%; }
.tiny-dots { position: absolute; z-index: 4; left: 12%; top: 78px; width: 27px; height: 27px; border-radius: 50%; background: var(--surface); color: var(--aqua); font-size: 9px; letter-spacing: 1px; display: grid; place-items: center; }
.art-profile .art-circle.purple { right: 16%; top: 10px; }
.art-profile .art-circle.coral { left: 12%; bottom: 7px; }
.profile-ring { position: relative; z-index: 2; width: 165px; height: 165px; border: 4px solid #080808; border-radius: 50%; background: #51c4c9; display: grid; place-items: center; box-shadow: 5px 0 0 #080808; }
.profile-ring svg { width: 112px; height: 112px; fill: #fff; }
.art-profile .arrow-doodle { left: 15%; top: -8px; }
.art-chat { min-height: 220px; }
.art-chat .art-circle.coral { width: 190px; height: 190px; left: 12%; bottom: 9px; }
.art-chat .arrow-doodle { left: auto; right: 0; top: -5px; transform: rotate(180deg); }
.chat-bubble { position: relative; z-index: 2; width: 250px; height: 112px; border: 2px solid #111; border-radius: 65px; background: var(--surface); display: flex; align-items: center; justify-content: center; gap: 24px; }
.chat-bubble:after { content: ""; position: absolute; right: 23px; bottom: -23px; width: 38px; height: 38px; background: var(--surface); border-right: 2px solid #111; border-bottom: 2px solid #111; transform: skewY(35deg) rotate(10deg); }
.chat-bubble span { width: 25px; height: 25px; border-radius: 50%; background: #55c2c7; }
.chat-bubble span:nth-child(2) { opacity: .55; }.chat-bubble span:nth-child(3) { opacity: .25; }
.contact-section { min-height: 300px; padding: 30px 0 0; }
.contact-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
.contact-copy { padding-top: 6px; max-width: 405px; }
.contact-copy h2 { font-size: 27px; margin-bottom: 17px; }
.contact-form { position: relative; z-index: 2; padding: 0 0 0 0;margin-bottom:90px; }
.contact-form input, .contact-form textarea { width: 100%; border: 1px solid var(--field-border); background: var(--field-bg); color: var(--text); border-radius: 5px; 
  padding: 7px 9px; font-size: 14px; outline: none; }
.contact-form input { height: 40px; }
.contact-form textarea { min-height: 125px; resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--purple); box-shadow: 0 0 0 2px color-mix(in srgb, var(--purple) 20%, transparent); }
.form-action { display: flex; align-items: center; gap: 12px; }
.submit-btn {    border: 0;
    border-radius: 5px;
    background: #54c3c8;
    color: #061012;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 24px;}
.submit-btn:hover { background: var(--purple); color: #fff; }
.form-feedback { margin: 0; color: var(--muted); font-size: 12px; }

@media (max-width: 767.98px) {
  .page-container { padding-left: 24px; padding-right: 24px; }
  .hero-section, .hero-content { min-height: 570px; }
  .hero-content { padding-top: 145px; }
  .hero-copy h1 { font-size: clamp(34px, 9vw, 46px); }
  .hero-description { max-width: 340px; font-size: 13px; }
  .hero-orb-coral { width: 150px; height: 150px; left: 34%; top: -75px; }
  .hero-orb-aqua { width: 240px; height: 240px; top: -120px; right: -115px; }
  .hero-orb-yellow { width: 95px; height: 95px; top: 430px; right: 14%; }
  .publisher-section { min-height: 235px; padding-top: 32px; padding-bottom: 30px; }
  .publisher-inner { min-height: 0; display: block; }
  .publisher-intro { font-size: 18px; margin-bottom: 26px; }
  .logo-track { gap: 35px; }
  .wired { font-size: 22px; }.mens { font-size: 22px; }.sun { font-size: 29px; }
  .features-section { padding: 35px 0 10px; }
  .feature-row, .feature-row.reverse { display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 24px 0; min-height: 0; }
  .feature-row.reverse .feature-copy, .feature-row.reverse .feature-art { order: initial; }
  .feature-copy { max-width: 100%; }
  .feature-copy h2 { font-size: 20px; }
  .feature-art { height: 205px; max-width: 430px; width: 100%; margin: 0 auto; }
  .art-chat { height: 210px; }
  .contact-section { padding-top: 28px; padding-bottom: 28px; }
  .contact-inner { display: flex; flex-direction: column; gap: 25px; }
  .contact-copy h2 { font-size: 25px; }
  .contact-form { width: 100%; }
  }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Shared project header integration + AI Search dark mode */
.dqh-theme { border:1px solid #111; border-radius:50%; background:transparent; width:34px; height:34px; cursor:pointer; font-size:17px; line-height:1; }
html[data-theme="dark"] .dqh { background:#15151a; color:#f4f2f8; }
html[data-theme="dark"] .dqh__nav { color:#f4f2f8; }
html[data-theme="dark"] .dqh__burger span { background:#f4f2f8; }
html[data-theme="dark"] .dqh-btn--paper { background:#24242c; color:#fff; border-color:#fff; box-shadow:3px 3px 0 #fff; }
html[data-theme="dark"] .dqh-theme { color:#fff; border-color:#fff; }
html[data-theme="dark"] .dqf { color:#fff; }