:root{color-scheme:dark;--ink:#f7f4ee;--muted:#c0bbc2;--line:#ffffff29;--gold:#f2d9ad;background:#0b0a0e;color:var(--ink);font-family:Inter,Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #d79b52;outline-offset:5px}
.wrap{width:min(90%,1230px);margin-inline:auto}
.top,footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0}
.identity,nav{display:flex;align-items:center;gap:.8rem;font-size:.8rem}
.identity{font-size:.68rem;font-weight:750;letter-spacing:.12em}
.identity img{width:28px;height:34px;object-fit:contain}
nav a,footer a{display:inline-flex;align-items:center;min-height:44px}
.hero{background:radial-gradient(ellipse at 80% 42%,#282030,#14101a 43%,#0b0a0e 78%);border-block:1px solid var(--line)}
.review-hero,.contact{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:clamp(1.8rem,6vw,6rem)}
.review-hero{padding-block:clamp(3.2rem,10vw,8.2rem)}
h1,h2,h3,p{margin:0}
h1,h2{font-weight:550;line-height:.99;letter-spacing:-.063em}
h1{font-size:clamp(2.8rem,6.3vw,6.5rem);max-width:14ch;text-wrap:balance}
h2{font-size:clamp(2.05rem,4.5vw,4.2rem);max-width:18ch}
p{line-height:1.55}
.eyebrow{margin-bottom:1rem;color:var(--gold);text-transform:uppercase;font-size:.7rem;letter-spacing:.14em;font-weight:720}
.lead{color:var(--muted);font-size:clamp(1rem,1.6vw,1.19rem);max-width:39ch;margin:1.2rem 0 1.45rem}
.button{display:inline-flex;min-height:48px;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#efdcb8;color:#1c160e;font-size:.9rem;font-weight:750}
.button:hover{background:#fff1d4}
.offer-note{font-size:.82rem;color:var(--muted);margin-top:.75rem}
.handoff{margin:0;background:#18151d;border:1px solid #65546c;border-radius:17px;box-shadow:0 24px 62px #0008;overflow:hidden}
.chat-head{display:flex;gap:.8rem;align-items:center;padding:.9rem 1.1rem;border-bottom:1px solid var(--line)}
.chat-avatar,.link-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e5cae6;color:#282031;font-weight:750;flex:none}
.chat-head small,.link-preview small{display:block;margin-top:.2rem;color:var(--muted)}
.chat-body{display:grid;gap:.75rem;padding:clamp(1rem,3vw,2rem)}
.chat-line{background:#322938;border-radius:12px 12px 12px 3px;padding:.8rem .9rem;width:fit-content;max-width:90%;font-size:clamp(.91rem,1.55vw,1.13rem)}
.link-preview{display:flex;align-items:center;gap:.6rem;border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem;width:fit-content;font-size:.83rem}
.link-icon{border-radius:5px;width:29px;height:29px;background:#332a3c;color:var(--gold)}
.reply{justify-self:end;background:#eadac0;color:#251d19;border-radius:12px 12px 3px 12px}
.handoff figcaption{padding:0 1.1rem .85rem;text-align:right;font-size:.68rem;color:var(--muted)}
.section,.showcase{padding-block:clamp(3rem,7vw,6rem)}
.showcase{color:#201d20;background:#f1ece3}
.review-steps,.review-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,4vw,3rem);margin:2rem 0 0}
.review-steps{padding-left:1.25rem}
.review-steps li,.review-cases article{border-top:1px solid currentColor;padding-top:1rem}
.review-steps h3,.review-cases h3{font-size:1.16rem}
.review-steps p,.review-cases p{margin-top:.55rem;font-size:.94rem}
.review-cases p{color:var(--muted)}
.review-cases a:hover,.text-link{text-decoration:underline;text-underline-offset:.25rem}
.contact{border-block:1px solid var(--line)}
.contact .lead{margin-top:0}
.email{display:inline-flex;align-items:center;min-height:44px;margin-left:.8rem;font-size:.85rem}
footer{color:var(--muted);font-size:.8rem}
@media(max-width:760px){.review-hero,.review-steps,.review-cases,.contact{grid-template-columns:1fr}.review-hero{padding-top:2.7rem}.handoff{max-width:520px}.contact{gap:1rem}}
@media(max-width:420px){.top{gap:.4rem}.top nav a:first-child{display:none}.identity{font-size:.59rem;gap:.42rem}.top nav{font-size:.73rem}}

.showcase .domain-uses p { color: #49434a; }
.ways-label,.ways-note{color:#514a4d;font-size:.86rem;margin-bottom:.85rem}
.ways-label a{text-decoration:underline;text-underline-offset:.2em}
.use-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:.8rem;margin:1.5rem 0}
.use-card{border:1px solid #b7abb0;background:#fcf8f1;border-radius:.6rem;overflow:hidden}
.use-card:first-child{grid-row:span 3;background:#241c29;color:#fff5e8;border-color:#241c29}
.use-card summary{display:grid;gap:.35rem;cursor:pointer;position:relative;padding:1rem 2.7rem 1rem 1rem;list-style:none}
.use-card summary::-webkit-details-marker{display:none}
.use-card summary::after{position:absolute;right:1rem;top:1rem;content:"+"}
.use-card[open] summary::after{content:"−"}
.use-card summary:focus-visible{outline:2px solid #976721;outline-offset:-4px}
.use-card summary span{font-size:.78rem;color:#514a4d}
.use-card:first-child summary span{color:#f2d9ad}
.use-card summary strong{font-size:clamp(1.1rem,2vw,1.5rem)}
.use-card:first-child summary strong{font-size:clamp(1.55rem,3vw,2.55rem)}
.use-card > div{padding:0 1rem 1rem;max-width:44ch}
.use-flow{margin-top:.9rem;font-size:.84rem;font-weight:700}
@media(max-width:700px){.use-grid{grid-template-columns:1fr}.use-card:first-child{grid-row:auto}}

.tech-page .top{min-height:72px}
.tech-page .brand-home{display:flex;align-items:center;gap:.65rem;white-space:nowrap}
.tech-page .brand-symbol{display:flex;width:31px;height:37px}
.tech-page .brand-symbol img{width:100%;height:100%;object-fit:contain}
.tech-page .menu-wordmark{font-size:.82rem;font-weight:750;letter-spacing:.09em}
.tech-page .mobile-brand-line{display:none}
.tech-page .lang-switch,.tech-page .lang-switch a{display:flex;gap:.45rem;align-items:center}
.tech-page .lang-switch img{width:16px}
.tech-page #site-nav{gap:clamp(.65rem,2vw,1.6rem);font-size:.72rem;letter-spacing:.07em}
.tech-page .menu-toggle{display:none}
.tech-page .market-visual{margin:0;border:1px solid #65546c;border-radius:16px;overflow:hidden;background:#f2eee5;color:#201927;box-shadow:0 25px 65px #0009}
.tech-page .market-bar{background:#211a2b;color:#f7ebdc;padding:.9rem 1.2rem;font-size:.8rem;letter-spacing:.055em;display:flex;justify-content:space-between;gap:.5rem}
.tech-page .market-body{padding:clamp(1rem,3vw,2rem);display:grid;gap:1rem}
.tech-page .buyer-query{background:#e1d9e7;padding:.7rem .8rem;border-radius:8px;font-size:.85rem}
.tech-page .market-body h2{font-size:clamp(1.5rem,3.4vw,2.65rem);max-width:16ch}
.tech-page .market-criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}
.tech-page .market-criteria span{padding:.65rem .35rem;text-align:center;border:1px solid #b4a7b6;border-radius:6px;font-size:.75rem}
.tech-page .market-next{background:#251c30;color:#fff3e3;padding:.8rem;display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;font-weight:700}
.tech-page .market-visual figcaption{padding:0 1rem .85rem;color:#544959;font-size:.73rem}
.tech-page .journey{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.4rem 0 0;padding:0;list-style:none}
.tech-page .journey li{padding:.75rem;border:1px solid #c5bac7;font-size:.87rem;font-weight:700}
@media(max-width:880px){
.tech-page .top{position:relative}
.tech-page .menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:9px;background:transparent;color:#f7f4ee;border:1px solid #ffffff40}
.tech-page .menu-toggle svg{width:24px}
.tech-page #site-nav{display:none;position:absolute;top:100%;right:0;z-index:10;flex-direction:column;align-items:stretch;background:#15111a;border:1px solid #ffffff30;padding:.65rem 1rem;min-width:200px}
.tech-page .menu-toggle[aria-expanded="true"]{background:#292030}
.tech-page .top:has(.menu-toggle[aria-expanded="true"]) #site-nav{display:flex}
.tech-page .top #site-nav a:first-child{display:inline-flex}
}
@media(max-width:380px){.tech-page .journey li{padding:.55rem .33rem;font-size:.72rem}}

.tech-page .menu-toggle,.tech-page .menu-toggle[aria-expanded="true"],.tech-page #site-nav{border:0}
.search-examples{display:grid;gap:.65rem;min-width:0}
.placement{margin:0;padding:.85rem 1rem;border-radius:10px;background:#f6f3ef;color:#202124;display:grid;gap:.55rem;font-size:.86rem}
.placement .platform{font-weight:750;font-size:1rem}
.placement .query{background:#e9e6ee;border-radius:16px;padding:.45rem .65rem;font-size:.82rem}
.placement-result{display:grid;gap:.22rem}
.placement-result small,.x-placement small{font-size:.7rem;color:#59535e}
.google-placement .platform,.google-placement .placement-result strong{color:#184b9a}
.x-placement{background:#19161e;color:#f5efe9}
.x-placement small{color:#c7becb}
.x-profile{display:flex;gap:.65rem;align-items:center}
.x-profile small{display:block}
.x-icon{display:grid;place-items:center;background:#e9d8bc;color:#201927;border-radius:50%;width:34px;height:34px;font-weight:750}

.tech-page .menu-wordmark {
  font-size: clamp(.78rem, 1.15vw, .94rem);
  line-height: 1;
  letter-spacing: .075em;
  transform: translateY(2px);
}
.review-hero {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  padding-block: clamp(3rem, 6vw, 6rem);
}
.search-examples { grid-template-columns: minmax(0, 1fr); }
.placement { box-shadow: 0 12px 28px #0005; }
.x-placement { border: 1px solid var(--line); }
.use-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.model { padding: 1rem 0; border-top: 1px solid #b7abb0; }
.model h3 { font-size: clamp(1.05rem, 1.7vw, 1.35rem); }
.model p { margin-top: .4rem; color: #514a4d; font-size: .9rem; }
.funnel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr); align-items: center; gap: 2rem; }
.funnel-flow { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
.funnel-flow li { background: #201929; border: 1px solid var(--line); padding: .8rem; display: grid; align-content: start; gap: .45rem; }
.funnel-flow small { color: var(--gold); }
.funnel-flow strong { font-size: .88rem; }
.funnel .lead { max-width: 48ch; margin-bottom: 0; }
.buying-questions { max-width: 760px; margin-block: 1.5rem; border-top: 1px solid #b7abb0; }
.buying-questions details { border-bottom: 1px solid #b7abb0; }
.buying-questions summary { cursor: pointer; padding: .85rem .25rem; font-weight: 700; }
.buying-questions p { padding: 0 .25rem .9rem; color: #514a4d; }
.buying .button { background: #251c30; color: #fff3e3; }
.buying .button:hover { background: #44314f; }
@media (max-width: 880px) {
  .use-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .review-hero, .funnel { grid-template-columns: minmax(0, 1fr); }
  .search-examples { width: min(100%, 530px); }
}
@media (max-width: 440px) {
  .funnel-flow { grid-template-columns: minmax(0, 1fr); }
}

.hero-copy .lead { max-width: 34ch; }
.placement .query { width: fit-content; max-width: 100%; }
.x-placement .query { background: #302939; color: #f5efe9; }
.x-bio small { display: inline-block; margin-left: .4rem; }
