:root{
  --swan-bg:#040812;
  --swan-bg-2:#091120;
  --swan-panel:rgba(10,18,32,.72);
  --swan-panel-2:rgba(15,26,44,.78);
  --swan-line:rgba(132,193,255,.18);
  --swan-text:#eff6ff;
  --swan-soft:#9cb3d1;
  --swan-accent:#75f0ff;
  --swan-accent-2:#7199ff;
  --swan-glow:0 0 0 1px rgba(117,240,255,.10), 0 18px 60px rgba(0,0,0,.45), 0 0 60px rgba(95,168,255,.08);
}

.swan-v6-shell{
  background:
    radial-gradient(circle at 20% 10%, rgba(94,150,255,.14), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(117,240,255,.12), transparent 30%),
    radial-gradient(circle at 50% 80%, rgba(81,99,221,.12), transparent 28%),
    linear-gradient(180deg, #02050b 0%, #050b14 40%, #07101b 100%);
  color:var(--swan-text);
  margin:0;
  overflow:hidden;
  position:relative;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif;
}

.swan-v6-shell *{ box-sizing:border-box; }
.swan-v6-container{ width:min(1280px, calc(100% - 40px)); margin:0 auto; position:relative; z-index:2; }
.swan-v6-hero{ padding:80px 0 32px; position:relative; min-height:900px; }
.swan-v6-grid{
  position:absolute; inset:0;
  background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.2));
  opacity:.17;
}
.swan-v6-orbit{ position:absolute; border:1px solid rgba(124,180,255,.08); border-radius:50%; }
.swan-v6-orbit-a{ width:720px; height:720px; top:-180px; right:-160px; animation: swanSpin 24s linear infinite; }
.swan-v6-orbit-b{ width:520px; height:520px; bottom:60px; left:-120px; animation: swanSpinReverse 20s linear infinite; }
@keyframes swanSpin{ from{ transform:rotate(0deg);} to{transform:rotate(360deg);} }
@keyframes swanSpinReverse{ from{ transform:rotate(360deg);} to{transform:rotate(0deg);} }

.swan-v6-hero .swan-v6-container{ display:grid; grid-template-columns: 1.05fr .95fr; gap:40px; align-items:center; }
.swan-v6-eyebrow{
  display:inline-flex; padding:10px 14px; border-radius:999px; margin-bottom:18px;
  border:1px solid rgba(117,240,255,.18); background:rgba(10,18,32,.56); color:#c9f4ff; letter-spacing:.14em; text-transform:uppercase; font-size:11px;
}
.swan-v6-hero h1{ font-size:clamp(40px, 6vw, 72px); line-height:1.02; margin:0 0 18px; letter-spacing:-.04em; }
.swan-v6-subheadline{ color:var(--swan-soft); font-size:18px; line-height:1.7; max-width:720px; margin:0 0 28px; }
.swan-v6-cta-row{ display:flex; gap:14px; flex-wrap:wrap; }
.swan-v6-btn{
  display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 22px; text-decoration:none;
  border-radius:999px; font-weight:700; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.swan-v6-btn:hover{ transform:translateY(-2px); }
.swan-v6-btn-primary{ color:#04111c; background:linear-gradient(135deg, #9cf9ff, #76adff); box-shadow:0 12px 30px rgba(100,170,255,.25); }
.swan-v6-btn-secondary{ color:#eaf4ff; border:1px solid rgba(168,202,255,.16); background:rgba(10,18,32,.5); }
.swan-v6-store-row{ display:flex; gap:12px; flex-wrap:wrap; margin-top:22px; }
.swan-v6-store-chip{
  min-width:260px; padding:14px 16px; border-radius:18px; background:rgba(10,18,32,.58); border:1px solid rgba(255,255,255,.08); box-shadow:var(--swan-glow);
}
.swan-v6-store-chip strong{ display:block; font-size:13px; margin-bottom:5px; }
.swan-v6-store-chip span{ color:var(--swan-soft); font-size:13px; }

.swan-v6-device-stage{ position:relative; min-height:720px; }
.swan-v6-device{
  position:absolute; border-radius:34px; background:linear-gradient(180deg, rgba(24,31,47,.95), rgba(9,12,19,.96));
  box-shadow: 0 30px 80px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.08), 0 0 80px rgba(94,150,255,.14);
  overflow:hidden;
}
.swan-v6-screen{ position:absolute; inset:10px; border-radius:28px; background:linear-gradient(180deg, rgba(8,15,28,.98), rgba(6,11,21,.98)); border:1px solid rgba(255,255,255,.05); overflow:hidden; }
.swan-v6-desktop{ width:620px; height:390px; top:50px; left:20px; transform:perspective(1300px) rotateY(-16deg) rotateX(7deg); animation:floatA 7s ease-in-out infinite; }
.swan-v6-tablet{ width:280px; height:420px; top:270px; right:120px; transform:perspective(1300px) rotateY(14deg) rotateX(6deg); animation:floatB 6.5s ease-in-out infinite; }
.swan-v6-mobile{ width:210px; height:410px; top:120px; right:0; transform:perspective(1300px) rotateY(-16deg) rotateX(6deg); animation:floatC 5.8s ease-in-out infinite; }
@keyframes floatA{ 0%,100%{transform:perspective(1300px) rotateY(-16deg) rotateX(7deg) translateY(0)}50%{transform:perspective(1300px) rotateY(-13deg) rotateX(7deg) translateY(-10px)} }
@keyframes floatB{ 0%,100%{transform:perspective(1300px) rotateY(14deg) rotateX(6deg) translateY(0)}50%{transform:perspective(1300px) rotateY(17deg) rotateX(7deg) translateY(-12px)} }
@keyframes floatC{ 0%,100%{transform:perspective(1300px) rotateY(-16deg) rotateX(6deg) translateY(0)}50%{transform:perspective(1300px) rotateY(-13deg) rotateX(8deg) translateY(-14px)} }

.swan-v6-screen-top{ display:flex; gap:8px; padding:14px 16px; }
.swan-v6-screen-top span{ width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.14); }
.swan-v6-dash-grid{ display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:12px; padding:0 14px 14px; }
.swan-v6-panel{ background:var(--swan-panel); border:1px solid rgba(255,255,255,.06); border-radius:18px; padding:14px; min-height:150px; box-shadow:var(--swan-glow); }
.swan-v6-panel-tall{ grid-column:1/2; grid-row:1/3; min-height:310px; }
.swan-v6-panel h4,.swan-v6-app-screen h5{ margin:0 0 12px; font-size:13px; text-transform:uppercase; letter-spacing:.12em; color:#d7efff; }
.swan-v6-mini-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }
.swan-v6-mini-stats div{ background:rgba(255,255,255,.03); border-radius:14px; padding:10px; text-align:center; }
.swan-v6-mini-stats strong{ display:block; font-size:11px; color:var(--swan-soft); margin-bottom:6px; }
.swan-v6-mini-stats span{ font-size:20px; font-weight:700; }
.swan-v6-neuro-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:14px; }
.swan-v6-neuro-grid span{ display:block; height:38px; border-radius:12px; background:linear-gradient(135deg, rgba(117,240,255,.12), rgba(114,153,255,.32)); animation: pulseCell 2.6s ease-in-out infinite; }
.swan-v6-neuro-grid span:nth-child(odd){ animation-delay:.35s; }
@keyframes pulseCell{ 0%,100%{opacity:.45; transform:scale(1)}50%{opacity:1; transform:scale(1.04)} }

.swan-v6-app-screen{ padding:18px; height:100%; }
.swan-v6-ring-wrap{ display:flex; gap:14px; }
.swan-v6-ring{
  width:92px; height:92px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700;
  background:conic-gradient(from 90deg, rgba(117,240,255,.9), rgba(113,153,255,.88), rgba(255,255,255,.08) 70%);
  position:relative;
}
.swan-v6-ring:before{ content:""; position:absolute; inset:12px; border-radius:50%; background:#07101c; }
.swan-v6-ring span{ position:relative; z-index:1; }
.swan-v6-progress-list{ display:grid; gap:13px; margin-top:16px; }
.swan-v6-progress-list div{ position:relative; padding-bottom:14px; }
.swan-v6-progress-list label{ display:block; color:var(--swan-soft); font-size:12px; margin-bottom:6px; }
.swan-v6-progress-list b{ display:block; height:8px; border-radius:999px; background:linear-gradient(90deg, rgba(117,240,255,.85), rgba(113,153,255,.95)); width:0; transition:width 1.8s ease; box-shadow:0 0 18px rgba(117,240,255,.2); }
.swan-v6-mood-row{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
.swan-v6-mood-row span,.swan-v6-mini-card{ font-size:11px; color:#dff6ff; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); border-radius:999px; padding:8px 10px; }
.swan-v6-mini-card{ margin-top:12px; border-radius:14px; display:block; text-align:center; }

.swan-v6-logos-strip,.swan-v6-metrics,.swan-v6-brief,.swan-v6-graph-zone,.swan-v6-revenue,.swan-v6-footer-cta{ position:relative; padding:26px 0 80px; }
.swan-v6-strip-copy{ margin-bottom:20px; text-align:center; }
.swan-v6-strip-copy span{ color:#d8ecff; letter-spacing:.16em; text-transform:uppercase; font-size:11px; }
.swan-v6-badge-track{ display:flex; gap:14px; overflow:hidden; white-space:nowrap; mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent); }
.swan-v6-badge{ flex:0 0 auto; padding:14px 18px; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(11,20,35,.62); box-shadow:var(--swan-glow); animation:badgeScroll 28s linear infinite; }
.swan-v6-badge span{ font-weight:700; color:#f5fbff; font-size:13px; letter-spacing:.02em; }
@keyframes badgeScroll{ from{ transform:translateX(0);} to{ transform:translateX(-100%);} }

.swan-v6-four-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.swan-v6-two-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.swan-v6-metric-card,.swan-v6-feature-card,.swan-v6-graph-card,.swan-v6-revenue-card{
  background:linear-gradient(180deg, rgba(12,20,34,.88), rgba(8,13,23,.88)); border:1px solid rgba(255,255,255,.07); border-radius:28px; padding:26px; box-shadow:var(--swan-glow);
}
.swan-v6-metric-card strong{ display:block; font-size:42px; line-height:1; margin-bottom:12px; }
.swan-v6-metric-card span{ color:var(--swan-soft); font-size:15px; }

.swan-v6-section-head{ text-align:center; max-width:980px; margin:0 auto 30px; }
.swan-v6-section-head span,.swan-v6-card-head span{ color:#a7daff; text-transform:uppercase; letter-spacing:.14em; font-size:11px; }
.swan-v6-section-head h2,.swan-v6-footer-cta h2{ font-size:clamp(30px, 4vw, 54px); line-height:1.06; margin:14px 0; letter-spacing:-.03em; }
.swan-v6-section-head p,.swan-v6-footer-cta p{ color:var(--swan-soft); font-size:17px; line-height:1.8; }
.swan-v6-feature-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.swan-v6-feature-card h3{ font-size:22px; margin:0 0 12px; }
.swan-v6-feature-card p,.swan-v6-revenue-list li,.swan-v6-thesis-points span{ color:var(--swan-soft); line-height:1.8; }

.swan-v6-card-head h3{ font-size:30px; margin:12px 0 18px; letter-spacing:-.03em; }
.swan-v6-chart{ width:100%; height:auto; display:block; }
.swan-v6-revenue-list{ columns:2; gap:28px; padding-left:18px; margin:0; }
.swan-v6-thesis-points{ display:grid; gap:18px; }
.swan-v6-thesis-points strong{ display:block; margin-bottom:5px; font-size:18px; }
.swan-v6-footer-cta{ padding-bottom:90px; text-align:center; }
.swan-v6-cta-center{ justify-content:center; }

@media (max-width: 1180px){
  .swan-v6-hero .swan-v6-container{ grid-template-columns:1fr; }
  .swan-v6-device-stage{ min-height:760px; }
  .swan-v6-desktop{ left:0; }
}
@media (max-width: 980px){
  .swan-v6-four-grid,.swan-v6-feature-grid,.swan-v6-two-grid{ grid-template-columns:1fr 1fr; }
  .swan-v6-revenue-list{ columns:1; }
  .swan-v6-desktop{ width:100%; max-width:560px; height:350px; position:relative; transform:none; top:0; left:0; }
  .swan-v6-tablet{ width:240px; height:360px; top:250px; right:50px; }
  .swan-v6-mobile{ width:190px; height:360px; top:100px; right:-5px; }
}
@media (max-width: 767px){
  .swan-v6-hero{ padding-top:56px; min-height:auto; }
  .swan-v6-subheadline{ font-size:16px; }
  .swan-v6-device-stage{ min-height:auto; display:grid; gap:20px; }
  .swan-v6-device{ position:relative !important; inset:auto !important; width:100% !important; max-width:none !important; height:auto !important; transform:none !important; animation:none !important; }
  .swan-v6-screen{ position:relative; inset:auto; min-height:280px; }
  .swan-v6-dash-grid{ grid-template-columns:1fr; }
  .swan-v6-panel-tall{ grid-row:auto; min-height:230px; }
  .swan-v6-four-grid,.swan-v6-feature-grid,.swan-v6-two-grid{ grid-template-columns:1fr; }
  .swan-v6-metric-card strong{ font-size:34px; }
  .swan-v6-card-head h3{ font-size:24px; }
}