:root {
  --bg: #090909;
  --bg-2: #101010;
  --panel: rgba(255,255,255,.045);
  --panel-2: rgba(255,255,255,.075);
  --line: rgba(220,204,166,.18);
  --line-white: rgba(255,255,255,.1);
  --gold: #dccca6;
  --gold-2: #f2e4bd;
  --ivory: #f7f3e9;
  --muted: #aaa59c;
  --soft: #716d66;
  --shadow: 0 40px 100px rgba(0,0,0,.48);
  --radius: 28px;
  --max: 1220px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 50% -20%, rgba(220,204,166,.09), transparent 34%),
    var(--bg);
  color: var(--ivory);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, select { font: inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.noise { position: fixed; inset:0; pointer-events:none; opacity:.035; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.aurora { position: fixed; border-radius: 999px; filter: blur(80px); pointer-events:none; opacity:.11; z-index:-1; }
.aurora-a { width:420px; height:420px; background:#d4b36a; top:8%; right:-180px; }
.aurora-b { width:360px; height:360px; background:#7d6943; bottom:3%; left:-220px; }

.section-shell { width:min(var(--max), calc(100% - 48px)); margin-inline:auto; }
.site-header {
  position: sticky; top:0; z-index:50;
  width:min(1280px, calc(100% - 28px)); margin:14px auto 0;
  padding:13px 16px 13px 18px;
  display:flex; align-items:center; justify-content:space-between;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(8,8,8,.72); backdrop-filter: blur(22px);
  border-radius:999px;
}
.brand { display:inline-flex; align-items:center; gap:10px; font-family: Georgia, "Times New Roman", serif; font-size:23px; letter-spacing:.01em; }
.brand-mark { width:28px; height:28px; object-fit:contain; }
.desktop-nav { display:flex; gap:28px; color:#c9c5bb; font-size:13px; }
.desktop-nav a { transition:.25s ease; }
.desktop-nav a:hover { color:var(--gold-2); }
.header-actions { display:flex; align-items:center; gap:10px; }
.language-control select { color:#d9d4ca; background:transparent; border:0; outline:none; cursor:pointer; font-size:12px; padding:8px 2px; }
.language-control option { background:#111; color:white; }
.pill { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:999px; transition:.25s ease; }
.pill-small { min-height:38px; padding:0 17px; border:1px solid rgba(220,204,166,.28); color:var(--gold-2); font-size:12px; }
.pill-small:hover { background:rgba(220,204,166,.08); }
.pill-primary { background:linear-gradient(135deg, #eadbb7, #c8b184); color:#17130d; font-weight:750; box-shadow:0 12px 40px rgba(220,204,166,.18); }
.pill-primary:hover { transform:translateY(-2px); box-shadow:0 17px 48px rgba(220,204,166,.25); }

.hero { min-height:calc(100vh - 82px); display:grid; grid-template-columns:1.02fr .98fr; gap:64px; align-items:center; padding:86px 0 92px; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--gold); text-transform:uppercase; letter-spacing:.2em; font-size:11px; font-weight:700; }
.dot { width:5px; height:5px; border-radius:50%; background:var(--gold); box-shadow:0 0 18px var(--gold); }
h1,h2,h3,p { margin-top:0; }
h1 { margin:24px 0 26px; font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:clamp(64px,7vw,112px); line-height:.84; letter-spacing:-.055em; }
h1 span, h1 em { display:block; }
h1 em, .cta h2 em { color:var(--gold); font-weight:400; }
.hero-sub { max-width:630px; color:#c1bdb4; font-size:clamp(17px,1.7vw,22px); line-height:1.6; letter-spacing:-.015em; }
.hero-actions { margin-top:35px; display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.text-link { display:inline-flex; align-items:center; gap:8px; color:#d8d3c8; font-size:14px; }
.text-link span:last-child { color:var(--gold); }
.trust-line { display:flex; gap:11px; flex-wrap:wrap; margin-top:34px; color:#6f6a62; font-size:11px; text-transform:uppercase; letter-spacing:.11em; }
.separator { color:#4c4944; }

.hero-visual { position:relative; min-height:650px; display:grid; place-items:center; }
.phone { position:relative; z-index:4; width:320px; height:650px; border-radius:52px; padding:9px; background:linear-gradient(145deg,#42403b,#121212 25%,#080808 68%,#514b40); box-shadow:0 60px 130px rgba(0,0,0,.65), inset 0 0 0 1px rgba(255,255,255,.16); transform:rotate(2.5deg); }
.phone::after { content:""; position:absolute; inset:10px; border-radius:43px; border:1px solid rgba(220,204,166,.08); pointer-events:none; }
.phone-top { height:40px; background:#0b0b0b; border-radius:43px 43px 0 0; display:flex; align-items:center; justify-content:space-between; padding:0 21px; color:#aaa59b; font-size:10px; }
.island { width:84px; height:24px; border-radius:999px; background:#020202; }
.phone-body { height:calc(100% - 40px); border-radius:0 0 43px 43px; background:radial-gradient(circle at 50% 33%,rgba(220,204,166,.08),transparent 26%),#0b0b0b; padding:28px 20px 18px; display:flex; flex-direction:column; align-items:center; }
.mini-brand { display:flex; align-items:center; gap:7px; align-self:flex-start; color:var(--gold); font-family:Georgia,serif; font-size:17px; }
.mini-brand img { width:20px; height:20px; }
.greeting { margin-top:28px; font-family:Georgia,serif; font-size:25px; }
.status-orb { margin-top:30px; width:112px; height:112px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle,rgba(237,220,178,.16),rgba(220,204,166,.04) 48%,transparent 66%); animation:breathe 4s ease-in-out infinite; }
.orb-core { width:48px; height:48px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff8e5 0 5%,#d7c18e 18%,#816b44 55%,#261e12 78%); box-shadow:0 0 34px rgba(220,204,166,.42); }
.prompt { margin:18px 0 22px; color:#c9c4ba; font-size:13px; }
.quick-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; width:100%; }
.quick-card { min-height:74px; padding:11px 12px; border-radius:16px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.06); display:flex; flex-direction:column; gap:9px; }
.quick-card span { color:var(--gold); font-size:15px; }
.quick-card b { font-size:11px; font-weight:560; color:#e4dfd5; }
.input-bar { margin-top:auto; width:100%; min-height:48px; padding:0 9px 0 14px; border-radius:999px; border:1px solid rgba(220,204,166,.12); background:rgba(255,255,255,.045); display:flex; align-items:center; justify-content:space-between; color:#706d68; font-size:10px; }
.mic { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:var(--gold); color:#17130d; font-size:9px; }
.orbit { position:absolute; border:1px solid rgba(220,204,166,.14); border-radius:50%; }
.orbit-1 { width:540px; height:540px; animation:spin 24s linear infinite; }
.orbit-2 { width:430px; height:430px; border-style:dashed; opacity:.5; animation:spin 34s linear infinite reverse; }
.floating-card { position:absolute; z-index:6; width:190px; padding:15px 16px; border-radius:18px; background:rgba(20,20,19,.84); backdrop-filter:blur(18px); border:1px solid rgba(220,204,166,.14); box-shadow:var(--shadow); display:flex; flex-direction:column; gap:5px; }
.floating-card strong { font-size:13px; font-weight:620; }
.floating-card small { color:#89857c; font-size:10px; }
.tiny-label { color:var(--gold); font-size:8px; font-weight:800; letter-spacing:.17em; }
.card-a { right:-4px; top:26%; animation:float 5.2s ease-in-out infinite; }
.card-b { left:-20px; bottom:24%; animation:float 6s ease-in-out infinite reverse; }

.statement { display:grid; grid-template-columns:90px 1fr; gap:34px; padding:128px 0; border-top:1px solid var(--line-white); }
.section-number { color:#6d685f; font-size:11px; letter-spacing:.18em; }
.kicker { color:var(--gold); text-transform:uppercase; letter-spacing:.2em; font-size:11px; font-weight:700; }
h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:clamp(42px,5vw,74px); line-height:1.02; letter-spacing:-.045em; }
.lede { max-width:760px; color:#aaa69e; font-size:18px; line-height:1.75; }

.capabilities { padding:120px 0; }
.section-heading { display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:60px; margin-bottom:54px; }
.section-heading .section-number { display:block; margin-bottom:40px; }
.section-heading > p { color:#959189; line-height:1.75; max-width:480px; }
.cap-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.cap-card { min-height:300px; padding:30px; border-radius:var(--radius); background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.07); position:relative; overflow:hidden; transition:.35s ease; }
.cap-card::after { content:""; position:absolute; width:170px; height:170px; border-radius:50%; right:-90px; bottom:-90px; background:radial-gradient(circle,rgba(220,204,166,.14),transparent 67%); }
.cap-card:hover { transform:translateY(-5px); border-color:rgba(220,204,166,.22); }
.cap-index { color:#68645c; font-size:10px; }
.cap-icon { margin-top:46px; color:var(--gold); font-size:29px; }
.cap-card h3 { margin:16px 0 10px; font-family:Georgia,serif; font-size:27px; font-weight:400; }
.cap-card p { color:#969289; line-height:1.7; max-width:480px; }

.principle { padding:90px 0 120px; }
.principle-panel { min-height:430px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:62px; border-radius:38px; border:1px solid rgba(220,204,166,.15); background:radial-gradient(circle at 50% 40%,rgba(220,204,166,.09),transparent 34%),linear-gradient(145deg,#11110f,#0a0a0a); }
.principle-mark { width:54px; height:54px; margin-bottom:32px; }
blockquote { margin:0; max-width:900px; font-family:Georgia,serif; font-size:clamp(34px,4vw,58px); line-height:1.13; letter-spacing:-.035em; }
.principle-panel p { margin:24px 0 0; color:#76726b; }

.privacy { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding:120px 0; border-top:1px solid var(--line-white); }
.privacy-copy .section-number { display:block; margin-bottom:36px; }
.privacy-list { display:flex; flex-direction:column; justify-content:center; }
.privacy-list > div { display:grid; grid-template-columns:50px 1fr; gap:18px; padding:26px 0; border-bottom:1px solid var(--line-white); }
.privacy-list > div:first-child { border-top:1px solid var(--line-white); }
.privacy-list span { color:#69655e; font-size:10px; padding-top:4px; }
.privacy-list p { margin:0; color:#8f8b83; line-height:1.7; }
.privacy-list strong { color:#e1ddd3; font-weight:600; }

.cta { padding:120px 0 140px; }
.cta-inner { text-align:center; max-width:850px; margin:auto; }
.cta-inner > img { width:52px; margin-bottom:30px; }
.cta h2 { font-size:clamp(54px,7vw,94px); margin:14px 0 22px; }
.cta p:not(.kicker) { color:#918d85; font-size:17px; margin-bottom:28px; }

.site-footer { padding:42px 0 48px; border-top:1px solid var(--line-white); display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.footer-brand p { margin:10px 0 0; color:#77736c; font-size:12px; }
.footer-links { display:flex; gap:22px; flex-wrap:wrap; justify-content:flex-end; color:#747069; font-size:11px; }
.footer-links a:hover { color:var(--gold); }

.reveal { opacity:0; transform:translateY(20px); transition:opacity .85s ease, transform .85s ease; }
.reveal.visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.12s; }
.delay-2 { transition-delay:.24s; }
@keyframes breathe { 50% { transform:scale(1.07); filter:brightness(1.08); } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes float { 50% { transform:translateY(-10px); } }

@media (max-width: 980px) {
  .desktop-nav { display:none; }
  .hero { grid-template-columns:1fr; padding-top:90px; }
  .hero-copy { text-align:center; }
  .hero-sub { margin-inline:auto; }
  .hero-actions, .trust-line { justify-content:center; }
  .hero-visual { min-height:600px; }
  .section-heading, .privacy { grid-template-columns:1fr; gap:38px; }
  .section-heading > p { max-width:700px; }
}
@media (max-width: 680px) {
  .section-shell { width:min(100% - 28px, var(--max)); }
  .site-header { width:calc(100% - 16px); margin-top:8px; }
  .brand span { font-size:20px; }
  .pill-small { display:none; }
  .hero { padding-top:62px; gap:20px; }
  h1 { font-size:clamp(60px,19vw,86px); }
  .hero-sub { font-size:16px; }
  .hero-visual { transform:scale(.88); margin:-20px -20px -40px; }
  .floating-card { width:165px; }
  .card-a { right:-4px; }
  .card-b { left:-2px; }
  .statement { grid-template-columns:1fr; padding:90px 0; }
  .capabilities, .privacy { padding:90px 0; }
  .cap-grid { grid-template-columns:1fr; }
  .principle { padding:60px 0 90px; }
  .principle-panel { padding:40px 20px; min-height:380px; }
  .site-footer { flex-direction:column; align-items:flex-start; }
  .footer-links { justify-content:flex-start; flex-direction:column; gap:10px; }
}
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
  .reveal { opacity:1; transform:none; }
}