.wq-page {
  --wq-bg: #061326;
  --wq-bg-soft: #0b1b2d;
  --wq-surface: rgba(255,255,255,.045);
  --wq-surface-2: rgba(255,255,255,.024);
  --wq-border: rgba(255,255,255,.10);
  --wq-border-strong: rgba(255,255,255,.18);
  --wq-text: #f8f5ee;
  --wq-soft: #c8cec8;
  --wq-muted: #92a6a2;
  --wq-teal: #6fa6a0;
  --wq-teal-bright: #9bc7c1;
  --wq-gold: #e2c683;
  --wq-cream: #f5efe2;
  --wq-rose: #c95f6f;
  background:
    radial-gradient(circle at 8% 4%, rgba(111,166,160,.16), transparent 28rem),
    radial-gradient(circle at 88% 8%, rgba(226,198,131,.08), transparent 30rem),
    var(--wq-bg);
}
.wq-page .site-header {
  background: rgba(4,13,25,.78);
  border-bottom: 1px solid rgba(255,255,255,.05);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.wq-page .button-primary {
  color: #07151b;
  background: linear-gradient(110deg, #d7c58d, #8ec2bb 70%);
  box-shadow: 0 16px 38px rgba(101,160,154,.16);
}
.wq-page .button-primary:hover { box-shadow: 0 20px 46px rgba(101,160,154,.24); }
.wq-serif { font-family: Georgia, 'Times New Roman', serif; letter-spacing: -.035em; }
.wq-hero { position:relative; overflow:hidden; padding:70px 0 106px; }
.wq-hero::before,.wq-hero::after { content:""; position:absolute; border-radius:50%; pointer-events:none; }
.wq-hero::before { width:680px; height:680px; left:-210px; top:-220px; background:radial-gradient(circle,rgba(111,166,160,.20),transparent 70%); }
.wq-hero::after { width:620px; height:620px; right:-210px; top:-120px; background:radial-gradient(circle,rgba(226,198,131,.11),transparent 70%); }
.wq-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:38px; color:var(--text-muted); font-size:.82rem; }
.wq-breadcrumb a { color:var(--text-soft); }
.wq-breadcrumb a:hover { color:var(--text); }
.wq-breadcrumb span[aria-hidden="true"] { opacity:.45; }
.wq-hero-grid { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr); gap:70px; align-items:center; }
.wq-brand-row { display:flex; align-items:center; gap:20px; margin-bottom:28px; }
.wq-icon { width:108px; height:108px; object-fit:cover; border-radius:27px; border:1px solid rgba(255,255,255,.12); box-shadow:0 22px 56px rgba(0,0,0,.36); }
.wq-kicker { margin:0 0 7px; color:var(--wq-teal-bright); font-size:.76rem; font-weight:780; letter-spacing:.12em; text-transform:uppercase; }
.wq-hero h1 { margin:0; color:var(--wq-text); font-family:Georgia,'Times New Roman',serif; font-size:clamp(3.5rem,6.5vw,6rem); line-height:.94; letter-spacing:-.055em; }
.wq-hero-copy > h2 { max-width:760px; margin:0 0 22px; color:var(--wq-text); font-size:clamp(2.05rem,3.85vw,3.95rem); line-height:1.02; }
.wq-lead { max-width:740px; margin:0; color:var(--wq-soft); font-size:clamp(1.04rem,1.45vw,1.2rem); line-height:1.72; }
.wq-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.wq-meta { display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }
.wq-meta span,.feature-pills span,.category-pill,.privacy-chip { padding:7px 10px; border:1px solid var(--wq-border); border-radius:999px; background:rgba(255,255,255,.025); color:var(--wq-muted); font-size:.72rem; font-weight:690; }
.app-store-button { min-height:58px; display:inline-flex; align-items:center; gap:12px; padding:8px 17px 8px 12px; border:1px solid rgba(255,255,255,.14); border-radius:15px; color:#fff; background:#050608; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.app-store-button:hover { transform:translateY(-2px); border-color:rgba(255,255,255,.25); box-shadow:0 16px 34px rgba(0,0,0,.22); }
.app-store-mark { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:#fff; color:#090b10; font-size:1rem; font-weight:850; }
.app-store-button > span:last-child { display:grid; line-height:1.08; }
.app-store-button small { color:#c8cad1; font-size:.68rem; }
.app-store-button strong { font-size:1.06rem; }
.wq-hero-visual { position:relative; min-height:690px; display:grid; place-items:center; }
.wq-glow { position:absolute; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(111,166,160,.21),transparent 38%),radial-gradient(circle at 70% 68%,rgba(226,198,131,.14),transparent 52%); filter:blur(30px); }
.phone-frame { position:relative; width:min(100%,314px); padding:10px; border:1px solid rgba(255,255,255,.15); border-radius:46px; background:linear-gradient(145deg,#303941,#090d12 62%); box-shadow:0 38px 90px rgba(0,0,0,.44); }
.phone-frame-inner { overflow:hidden; border-radius:37px; background:#f6f1e8; }
.phone-frame img { display:block; width:100%; height:auto; }
.hero-quote-card { position:absolute; left:-16px; bottom:84px; width:255px; padding:18px 19px 20px; border:1px solid var(--wq-border); border-radius:20px; background:rgba(6,19,38,.87); backdrop-filter:blur(14px); box-shadow:0 18px 48px rgba(0,0,0,.28); }
.hero-quote-card span { display:block; margin-bottom:8px; color:var(--wq-teal-bright); font-size:.68rem; font-weight:780; letter-spacing:.1em; text-transform:uppercase; }
.hero-quote-card blockquote { margin:0; color:var(--wq-cream); font-family:Georgia,'Times New Roman',serif; font-size:1.05rem; line-height:1.4; }
.hero-quote-card small { display:block; margin-top:10px; color:var(--wq-muted); }
.section-space { padding:104px 0; }
.section-muted { background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.008)); }
.wq-summary { padding-top:0; }
.summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:16px; border:1px solid var(--wq-border); border-radius:27px; background:rgba(255,255,255,.024); }
.summary-grid > div { min-height:116px; padding:18px; border:1px solid rgba(255,255,255,.06); border-radius:20px; background:rgba(255,255,255,.02); }
.summary-label { display:block; margin-bottom:10px; color:var(--wq-teal-bright); font-size:.71rem; font-weight:780; letter-spacing:.09em; text-transform:uppercase; }
.summary-grid strong { display:block; color:var(--wq-text); font-size:1.02rem; line-height:1.35; }
.eyebrow { margin:0 0 10px; color:var(--wq-teal-bright); font-size:.78rem; font-weight:780; letter-spacing:.11em; text-transform:uppercase; }
.section-heading { max-width:860px; margin-bottom:40px; }
.section-heading h2,.intro-grid h2,.cta-copy h2 { margin-bottom:18px; color:var(--wq-text); font-size:clamp(2rem,3.6vw,3.55rem); line-height:1.03; }
.section-heading p,.intro-copy p,.cta-copy p { color:var(--wq-soft); }
.intro-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:46px; align-items:start; }
.intro-copy p + p { margin-top:16px; }
.feature-stack { display:grid; gap:18px; }
.feature-card { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr); gap:36px; align-items:center; padding:30px; border:1px solid var(--wq-border); border-radius:28px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.016)); }
.feature-card.is-reverse { grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr); }
.feature-card.is-reverse .feature-media { order:-1; }
.feature-copy { max-width:620px; }
.feature-pills { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:14px; }
.feature-card h3 { margin-bottom:14px; color:var(--wq-text); font-size:clamp(1.55rem,2.25vw,2.15rem); line-height:1.08; }
.feature-card p { margin:0; color:var(--wq-soft); font-size:1.01rem; line-height:1.7; }
.feature-list { display:grid; gap:9px; margin:21px 0 0; padding-left:20px; color:var(--wq-soft); font-size:.97rem; line-height:1.55; }
.feature-list li::marker { color:var(--wq-gold); }
.feature-media { display:flex; justify-content:center; align-items:center; min-height:430px; padding:24px; border:1px solid rgba(255,255,255,.065); border-radius:22px; background:radial-gradient(circle at 50% 15%,rgba(111,166,160,.08),transparent 48%),rgba(255,255,255,.018); }
.feature-media .phone-frame { width:min(100%,286px); }
.category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.category-card { min-height:168px; padding:22px; border:1px solid var(--wq-border); border-radius:23px; background:rgba(255,255,255,.023); }
.category-card strong { display:block; margin-bottom:7px; color:var(--wq-text); font-size:1.18rem; }
.category-card span { color:var(--wq-teal-bright); font-size:.8rem; font-weight:700; }
.category-card p { margin:13px 0 0; color:var(--wq-soft); font-size:.89rem; }
.category-cloud { display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }
.studio-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:22px; align-items:stretch; }
.studio-feature { padding:30px; border:1px solid var(--wq-border); border-radius:28px; background:radial-gradient(circle at 0 0,rgba(111,166,160,.09),transparent 20rem),rgba(255,255,255,.024); }
.studio-feature h3 { margin-bottom:13px; color:var(--wq-text); font-size:1.75rem; }
.studio-feature p { color:var(--wq-soft); }
.studio-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:26px; }
.studio-pair .phone-frame { width:100%; max-width:270px; justify-self:center; border-radius:36px; }
.studio-pair .phone-frame-inner { border-radius:28px; }
.studio-side { display:grid; gap:16px; }
.mini-card { padding:24px; border:1px solid var(--wq-border); border-radius:24px; background:rgba(255,255,255,.023); }
.mini-card strong { display:block; margin-bottom:7px; color:var(--wq-text); font-size:1.12rem; }
.mini-card p { margin:0; color:var(--wq-soft); font-size:.91rem; }
.premium-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr); gap:34px; align-items:center; }
.premium-card { padding:32px; border:1px solid var(--wq-border-strong); border-radius:30px; background:radial-gradient(circle at 100% 0,rgba(226,198,131,.13),transparent 20rem),radial-gradient(circle at 0 100%,rgba(111,166,160,.10),transparent 22rem),rgba(255,255,255,.028); }
.premium-card h3 { margin-bottom:14px; color:var(--wq-text); font-size:clamp(1.8rem,3vw,2.8rem); }
.premium-card p { color:var(--wq-soft); }
.premium-list { display:grid; gap:11px; margin:22px 0 0; padding-left:20px; color:var(--wq-soft); }
.premium-list li::marker { color:var(--wq-gold); }
.premium-note { padding:24px; border:1px solid var(--wq-border); border-radius:23px; background:rgba(255,255,255,.022); }
.premium-note strong { display:block; margin-bottom:9px; color:var(--wq-teal-bright); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.premium-note p { margin:0; color:var(--wq-soft); }
.screenshot-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.screenshot-card { overflow:hidden; border:1px solid var(--wq-border); border-radius:25px; background:rgba(255,255,255,.02); }
.screenshot-card img { display:block; width:100%; height:auto; }
.screenshot-card figcaption { padding:13px 15px 16px; color:var(--wq-soft); font-size:.84rem; }
.privacy-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:32px; align-items:start; }
.privacy-copy p { color:var(--wq-soft); }
.privacy-chip { display:inline-flex; margin-bottom:18px; color:var(--wq-teal-bright); }
.policy-links { display:grid; gap:13px; }
.policy-link-card { padding:19px; border:1px solid var(--wq-border); border-radius:18px; background:rgba(255,255,255,.025); transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.policy-link-card:hover { transform:translateY(-2px); border-color:var(--wq-border-strong); background:rgba(255,255,255,.04); }
.policy-link-card strong { display:block; margin-bottom:5px; color:var(--wq-text); }
.policy-link-card p { margin:0; color:var(--wq-soft); font-size:.9rem; }
.cta-panel { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr); gap:38px; align-items:center; padding:34px; border:1px solid var(--wq-border); border-radius:32px; background:radial-gradient(circle at 0 0,rgba(111,166,160,.10),transparent 22rem),radial-gradient(circle at 100% 100%,rgba(226,198,131,.10),transparent 24rem),rgba(255,255,255,.025); }
.cta-links { display:flex; flex-wrap:wrap; gap:13px; margin-top:27px; }
.cta-visual { display:grid; place-items:center; min-height:280px; }
.cta-visual img { width:min(100%,240px); border-radius:55px; box-shadow:0 28px 65px rgba(0,0,0,.34); }
@media (max-width:1080px) {
  .wq-hero-grid,.intro-grid,.premium-grid,.privacy-grid,.cta-panel,.studio-grid { grid-template-columns:1fr; }
  .summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .feature-card,.feature-card.is-reverse { grid-template-columns:1fr; }
  .feature-card.is-reverse .feature-media { order:0; }
  .wq-hero-visual { min-height:auto; padding-top:24px; }
  .hero-quote-card { left:8%; bottom:70px; }
  .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .screenshot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .wq-hero { padding:52px 0 82px; }
  .section-space { padding:82px 0; }
  .wq-brand-row { align-items:flex-start; gap:15px; }
  .wq-icon { width:84px; height:84px; border-radius:22px; }
  .summary-grid,.category-grid,.screenshot-grid,.studio-pair { grid-template-columns:1fr; }
  .phone-frame { width:min(100%,282px); }
  .hero-quote-card { position:static; width:min(100%,360px); margin-top:20px; justify-self:center; }
  .feature-media { min-height:auto; }
  .studio-pair .phone-frame { max-width:282px; }
}
@media (max-width:430px) {
  .feature-card,.cta-panel,.studio-feature,.premium-card { padding:22px; }
  .wq-actions .button,.cta-links .button,.app-store-button { width:100%; }
}