:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  background: #080712;
  color: #f7f5ff;
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 20% 15%, rgba(124, 84, 255, 0.24), transparent 35%),
    radial-gradient(circle at 85% 75%, rgba(52, 211, 153, 0.12), transparent 30%),
    #080712;
}

.page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px 20px;
}

.card {
  width: min(760px, 100%);
  padding: clamp(30px, 7vw, 72px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 28px;
  background: rgba(18, 16, 34, 0.86);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.36);
  backdrop-filter: blur(20px);
}

.brand {
  margin-bottom: 28px;
  color: #a98cff;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.eyebrow {
  margin: 0 0 12px;
  color: #b9add9;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

h1 {
  max-width: 650px;
  margin: 0;
  font-size: clamp(38px, 7vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.lead {
  max-width: 620px;
  margin: 26px 0 0;
  color: #c8c2d8;
  font-size: clamp(17px, 2.5vw, 21px);
  line-height: 1.55;
}

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-weight: 750;
  text-decoration: none;
}

.button:hover {
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
}

.button.primary {
  border-color: transparent;
  background: linear-gradient(135deg, #7857ff, #9b6cff);
  box-shadow: 0 12px 35px rgba(120, 87, 255, 0.32);
}

.status {
  margin: 22px 0 0;
  color: #8f879e;
  font-size: 14px;
}

.text-link {
  display: inline-block;
  margin-top: 26px;
  color: #b9a7ff;
}

/* Wyrmo ecosystem home */
html { scroll-behavior: smooth; }
.home { overflow-x: hidden; background:#08070d; }
.home::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.16; 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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E"); }
.site-header { width:min(1420px,calc(100% - 40px)); height:88px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:28px; position:relative; z-index:5; }
.site-logo { display:flex; align-items:center; gap:10px; color:#fff; text-decoration:none; font-size:20px; font-weight:900; letter-spacing:-.03em; }
.logo-mark { width:38px; height:38px; display:grid; place-items:center; flex:none; border-radius:11px; overflow:hidden; background:#090815; box-shadow:0 8px 24px rgba(129,82,255,.3); }
.logo-mark img { display:block; width:100%; height:100%; object-fit:cover; }
.site-nav { display:flex; align-items:center; gap:30px; }
.site-nav a,.site-footer nav a { color:#a9a2b4; text-decoration:none; font-size:14px; font-weight:650; }
.site-nav a:hover,.site-footer nav a:hover { color:#fff; }
.button.compact { min-height:40px; padding:0 17px; border-radius:12px; font-size:14px; }
.hero-section { width:min(1420px,calc(100% - 40px)); min-height:700px; margin:auto; padding:70px 0 100px; display:grid; grid-template-columns:.86fr 1.14fr; align-items:center; gap:65px; }
.hero-copy h1 { max-width:720px; font-size:clamp(55px,6.6vw,104px); line-height:.92; letter-spacing:-.075em; }
.hero-copy h1 span { color:#8b6bf0; }
.hero-copy .lead { max-width:650px; font-size:clamp(18px,1.6vw,22px); color:#aaa3b5; }
.live-dot { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:6px; background:#8f6eff; box-shadow:0 0 15px #8f6eff; }
.hero-meta { display:flex; flex-wrap:wrap; gap:22px; margin-top:25px; color:#777080; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.product-stage { position:relative; min-width:0; perspective:1200px; }
.real-app-stage { position:relative; min-width:0; margin:0; perspective:1200px; }
.real-app-frame { position:relative; z-index:1; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:25px; background:#0d0b14; box-shadow:0 45px 100px rgba(0,0,0,.62); transform:rotateY(-4deg) rotateX(1deg); }
.real-app-bar { height:48px; padding:0 17px; display:flex; align-items:center; gap:14px; border-bottom:1px solid #24202d; background:#15121d; color:#8e8797; font-size:11px; }
.real-app-bar>span { display:flex; gap:6px; }.real-app-bar i { width:8px; height:8px; border-radius:50%; background:#433c4c; }.real-app-bar strong { flex:1; color:#ddd8e3; font-size:12px; }.real-app-bar small { color:#80758d; }
.real-app-frame img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; }
.real-app-stage figcaption { position:relative; z-index:2; width:max-content; margin:18px 0 0 auto; color:#81798a; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.stage-glow { position:absolute; width:70%; height:65%; left:15%; top:18%; border-radius:50%; background:#7048e8; filter:blur(110px); opacity:.23; }
.app-window { position:relative; z-index:1; overflow:hidden; min-height:485px; border:1px solid rgba(255,255,255,.12); border-radius:25px; background:#0e0d16; box-shadow:0 45px 100px rgba(0,0,0,.6); transform:rotateY(-5deg) rotateX(2deg); }
.app-titlebar { height:58px; padding:0 20px; display:flex; align-items:center; gap:18px; border-bottom:1px solid #24212e; background:#14121d; font-size:13px; }
.app-titlebar strong { flex:1; }.app-live { color:#8f78e9; font-size:11px; }.window-dots { display:flex; gap:6px; }
.window-dots i { width:8px; height:8px; border-radius:50%; background:#403b4a; }
.app-body { min-height:425px; display:grid; grid-template-columns:64px minmax(260px,1fr) 180px; }
.app-sidebar { padding:16px 0; display:flex; flex-direction:column; align-items:center; gap:23px; border-right:1px solid #211e2a; background:#0b0a11; }
.mini-logo { width:31px; height:31px; display:grid; place-items:center; border-radius:10px; font-weight:900; background:#7550e7; }
.app-sidebar i { width:18px; height:18px; border:2px solid #504a5a; border-radius:6px; }.app-sidebar i.active { border-color:#9b7bf7; box-shadow:0 0 12px #7550e7; }.sidebar-spacer { flex:1; }
.chat-preview { min-width:0; padding:22px 19px; }.chat-heading { display:flex; justify-content:space-between; align-items:start; padding:0 4px 20px; border-bottom:1px solid #24212d; }
.chat-heading b { display:block; font-size:16px; }.chat-heading small { display:block; margin-top:4px; color:#716b79; }.chat-heading>span { padding:5px 8px; border-radius:8px; background:#1e1a2b; color:#9c83ec; font-size:11px; }
.message-row { display:grid; grid-template-columns:35px 1fr auto; gap:11px; align-items:start; padding:14px 8px; border-bottom:1px solid #1c1924; font-size:11px; }
.message-row p { margin:0; color:#a9a3b0; line-height:1.55; }.message-row b { color:#f2eff6; }.message-row time { color:#504b56; font-size:9px; }
.message-row.accent { border:1px solid #463369; border-radius:10px; margin:8px 0; background:linear-gradient(90deg,rgba(118,73,221,.15),transparent); }
.avatar { width:31px; height:31px; display:grid; place-items:center; border-radius:10px; font-weight:800; color:#fff; }.violet{background:#6e49d9}.cyan{background:#16859a}.pink{background:#be457f}.blue{background:#3961b8}
.chat-input { margin-top:18px; padding:12px; border:1px solid #2c2834; border-radius:10px; color:#5f5967; font-size:10px; }.chat-input span { float:right; }
.activity-panel { padding:24px 18px; border-left:1px solid #211e2a; background:#0b0a11; }.activity-panel>small { color:#716b79; font-size:9px; letter-spacing:.12em; }.activity-panel>strong { display:block; margin:12px 0 25px; font-size:13px; }
.metric { margin:13px 0; padding:13px; border:1px solid #25212f; border-radius:11px; }.metric b,.metric span { display:block; }.metric b { font-size:20px; }.metric span { margin-top:3px; color:#716b79; font-size:9px; text-transform:uppercase; }
.pulse-chart { height:72px; display:flex; gap:5px; align-items:end; margin-top:25px; }.pulse-chart i { flex:1; height:var(--h,45%); border-radius:3px; background:linear-gradient(#916ef2,#422d76); }.pulse-chart i:nth-child(2){--h:70%}.pulse-chart i:nth-child(3){--h:55%}.pulse-chart i:nth-child(4){--h:90%}.pulse-chart i:nth-child(5){--h:62%}.pulse-chart i:nth-child(6){--h:80%}.pulse-chart i:nth-child(7){--h:48%}
.floating-card { position:absolute; z-index:2; padding:13px 17px; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:rgba(21,18,31,.92); box-shadow:0 20px 45px rgba(0,0,0,.45); backdrop-filter:blur(18px); }.floating-card span,.floating-card strong{display:block}.floating-card span{color:#777080;font-size:9px;text-transform:uppercase}.floating-card strong{margin-top:4px;font-size:13px}.fc-one{left:-35px;bottom:65px}.fc-two{right:-25px;top:85px}
.trust-line { padding:82px 20px; text-align:center; border-block:1px solid #211e28; background:#0b0a10; }.trust-line p { margin:0 0 12px; color:#777080; text-transform:uppercase; letter-spacing:.12em; font-size:11px; }.trust-line h2 { margin:0; font-size:clamp(25px,3.2vw,46px); letter-spacing:-.045em; }
.section { width:min(1320px,calc(100% - 40px)); margin:auto; padding:130px 0; }.section-heading { max-width:720px; }.section-heading h2,.chat-statement h2,.account-callout h2 { margin:0; font-size:clamp(42px,5vw,74px); line-height:.98; letter-spacing:-.06em; }.section-heading>p:last-child,.chat-statement>p { color:#9992a1; font-size:18px; line-height:1.65; }
.module-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:16px; margin-top:65px; }.module-card { min-height:390px; padding:28px; position:relative; display:flex; flex-direction:column; border:1px solid #282431; border-radius:22px; background:#0e0c13; }.module-card.featured { background:radial-gradient(circle at 80% 10%,rgba(117,75,226,.24),transparent 42%),#13101c; border-color:#4d3a79; }.module-index { position:absolute; right:25px; top:22px; color:#49434f; font-size:12px; }.module-icon { width:58px;height:58px;display:grid;place-items:center;margin-bottom:auto;border:1px solid #40364e;border-radius:18px;color:#a687ff;font-size:32px;background:#181420}.module-card h3{margin:10px 0;font-size:29px;letter-spacing:-.04em}.module-card>p:not(.tag){margin:0;color:#918a99;line-height:1.6}.module-card a{margin-top:25px;color:#ae95ff;text-decoration:none;font-weight:700}.tag{margin:20px 0 0;color:#a58bf6;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.muted-tag{color:#65606a}
.chat-section { display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:90px; }.feature-list { list-style:none; margin:35px 0; padding:0; border-top:1px solid #2a2630; }.feature-list li { padding:17px 0; border-bottom:1px solid #2a2630; color:#c5bfca; }.feature-list span { display:inline-block; width:42px; color:#6f6875; font-size:11px; }
.abstract-orbit { aspect-ratio:1; position:relative; display:grid; place-items:center; }.abstract-orbit::before { content:""; position:absolute; inset:16%; border-radius:50%; background:#4b2aa4; filter:blur(95px); opacity:.28; }.orbit { position:absolute; border:1px solid #383041; border-radius:50%; }.orbit-one{inset:8%}.orbit-two{inset:24%;border-color:#5f458a}.orbit-center{position:relative;width:110px;height:110px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(145deg,#9b6cff,#5530c4);font-size:45px;font-weight:900;box-shadow:0 0 70px rgba(127,77,233,.45)}.orbit-node{position:absolute;padding:9px 13px;border:1px solid #3b3445;border-radius:10px;background:#100e16;color:#8b8491;font-size:9px;letter-spacing:.12em}.n1{top:5%;left:45%}.n2{bottom:15%;right:0}.n3{left:0;bottom:25%}
.account-callout { width:min(1320px,calc(100% - 40px)); margin:0 auto 100px; padding:65px; display:flex; justify-content:space-between; align-items:end; gap:40px; border-radius:28px; color:#0c0911; background:linear-gradient(120deg,#a484ff,#d7c6ff); }.account-callout>div{max-width:820px}.account-callout .eyebrow,.account-callout p{color:#3c2b5f}.account-callout p:last-child{font-size:18px;line-height:1.55}.button.light{border-color:rgba(20,10,40,.18);background:#100d18;color:#fff;white-space:nowrap}
.site-footer { width:min(1420px,calc(100% - 40px)); min-height:180px; margin:auto; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:25px; border-top:1px solid #24202a; }.site-footer p{color:#777080}.site-footer nav{display:flex;gap:20px}.site-footer small{grid-column:1/-1;color:#4f4954;padding-bottom:25px}

/* Account */
.account-page { overflow-x:hidden; background:radial-gradient(circle at 10% 20%,rgba(110,65,220,.2),transparent 30%),#09080e; }
.account-shell { width:min(1240px,calc(100% - 40px)); margin:auto; min-height:calc(100vh - 88px); display:grid; align-items:center; padding:45px 0 90px; }
.auth-layout { display:grid; grid-template-columns:1.1fr .75fr; align-items:center; gap:100px; min-width:0; }.auth-intro,.auth-card{min-width:0}.auth-intro h1,.dashboard-top h1{margin:0;font-size:clamp(48px,6vw,86px);line-height:.95;letter-spacing:-.065em;overflow-wrap:anywhere}.auth-intro>p:not(.eyebrow){max-width:600px;color:#9992a1;font-size:19px;line-height:1.6}.auth-points{display:grid;gap:13px;margin-top:40px}.auth-points span{padding:14px 0;border-bottom:1px solid #292530;color:#6f6875;font-size:11px}.auth-points b{margin-left:22px;color:#d5d0d9;font-size:14px}
.auth-card,.dashboard-card{max-width:100%;padding:32px;border:1px solid #2e2936;border-radius:24px;background:rgba(17,15,23,.93);box-shadow:0 30px 80px rgba(0,0,0,.3)}.auth-tabs{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:28px;padding:4px;border-radius:12px;background:#0b0a0f}.auth-tabs button{min-width:0;padding:11px 4px;border:0;border-radius:9px;color:#78717f;background:transparent;font:inherit;font-weight:700;cursor:pointer}.auth-tabs button.active{color:#fff;background:#25202f}.auth-card form{width:100%;display:grid;gap:15px}.auth-card label{min-width:0;display:grid;gap:7px;color:#aaa2b0;font-size:12px}.auth-card input{width:100%;min-width:0;min-height:48px;padding:0 13px;border:1px solid #37313f;border-radius:11px;color:#fff;background:#0b0a0f;font:inherit}.auth-card .button{margin-top:8px;border:0}.auth-card small{color:#6f6875;line-height:1.5}.form-message{min-height:22px;color:#bf9fff;font-size:13px}
.dashboard-view{width:100%}.dashboard-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.dashboard-top h1{font-size:clamp(44px,5vw,70px)}.dashboard-top h1 span{color:#9b7af3}.dashboard-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.dashboard-card h2{margin:10px 0;font-size:27px}.profile-card{grid-row:span 2}.profile-avatar{width:90px;height:90px;display:grid;place-items:center;margin:38px 0 24px;border-radius:28px;background:linear-gradient(145deg,#a274ff,#5630c7);font-size:38px;font-weight:900}.profile-card>p:not(.tag){color:#9d96a4}.profile-card small{display:block;margin-top:35px;color:#6e6873}.card-title{display:flex;justify-content:space-between;align-items:start}.card-title a{color:#a68af5;text-decoration:none;font-size:13px}.license-item{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #2a2630}.license-item b,.license-item span,.license-item strong,.license-item small{display:block}.license-item span,.license-item small{margin-top:5px;color:#777080;font-size:12px}.license-item strong{color:#8fdfb5;text-align:right;text-transform:uppercase;font-size:11px}.empty-state{padding:28px 0 8px;border-top:1px solid #2a2630}.empty-state p{color:#7f7885}.coming-modules{display:grid;gap:8px;margin-top:24px}.coming-modules span{display:flex;justify-content:space-between;padding:13px;border:1px solid #2a2630;border-radius:11px;color:#aaa3af}.coming-modules b{color:#786e83;font-size:10px;text-transform:uppercase}

/* Account workspace */
.cabinet { width:100%; min-height:700px; display:grid; grid-template-columns:245px minmax(0,1fr); overflow:hidden; border:1px solid #2b2732; border-radius:26px; background:rgba(13,11,18,.94); box-shadow:0 35px 100px rgba(0,0,0,.35); }
.cabinet-sidebar { padding:24px 16px; display:flex; flex-direction:column; border-right:1px solid #29242f; background:#0b0910; }
.cabinet-user { display:flex; align-items:center; gap:12px; padding:6px 7px 24px; border-bottom:1px solid #29242f; min-width:0; }
.compact-avatar { width:44px; height:44px; flex:none; margin:0; border-radius:14px; font-size:18px; }
.cabinet-user div:last-child { min-width:0; }.cabinet-user strong,.cabinet-user span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.cabinet-user strong{font-size:14px}.cabinet-user span{margin-top:4px;color:#716a78;font-size:10px}
.cabinet-nav { display:grid; gap:5px; margin-top:24px; }
.cabinet-nav button,.cabinet-logout { width:100%; min-height:46px; padding:0 12px; display:flex; align-items:center; gap:11px; border:0; border-radius:11px; color:#8d8593; background:transparent; font:700 13px/1 inherit; text-align:left; cursor:pointer; }
.cabinet-nav button:hover,.cabinet-nav button.active{color:#fff;background:#201a2c}.cabinet-nav button>span{width:20px;color:#a78df2;font-size:17px;text-align:center}.cabinet-nav button i{min-width:21px;margin-left:auto;padding:4px 6px;border-radius:7px;background:#302542;color:#bda7ff;font-size:9px;font-style:normal;text-align:center}
.cabinet-logout{margin-top:auto;color:#6f6875}.cabinet-logout:hover{color:#fff;background:#17131d}
.cabinet-content { min-width:0; padding:58px clamp(30px,5vw,70px); background:radial-gradient(circle at 95% 5%,rgba(116,70,222,.13),transparent 29%); }
.cabinet-panel h1 { max-width:none; font-size:clamp(42px,5vw,68px); }.cabinet-panel h1 span{color:#9b7af3}.panel-lead{max-width:650px;margin:18px 0 38px;color:#8f8797;font-size:17px;line-height:1.55}
.overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.overview-grid .dashboard-card{min-height:145px}.profile-summary{grid-row:span 2}.profile-summary h2{margin-top:38px}.profile-summary>p:not(.tag){color:#928b99}.profile-summary small{display:block;margin-top:30px;color:#655e6b}
.quick-license,.quick-download{width:100%; padding:25px; display:flex; align-items:center; justify-content:space-between; color:#fff; text-decoration:none; text-align:left; cursor:pointer}.quick-license{font:inherit}.quick-license span small,.quick-license span strong,.quick-download span small,.quick-download span strong{display:block}.quick-license small,.quick-download small{color:#766f7d;font-size:9px;letter-spacing:.1em}.quick-license strong,.quick-download strong{margin-top:11px;font-size:17px}.quick-license strong b{color:#a98bff;font-size:28px}.quick-license>i,.quick-download>i{color:#a98bff;font-size:22px;font-style:normal}
.section-card{padding:10px 30px 28px}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.status-expired,.status-revoked{color:#d88a9d!important}.settings-list{display:grid;gap:12px}.settings-list article{padding:24px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;border:1px solid #2d2834;border-radius:18px;background:#100e15}.setting-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#b39afa;background:#211a30;font-size:13px;font-weight:900}.settings-list h2{margin:0 0 7px;font-size:18px}.settings-list p{margin:0;color:#817a88;font-size:13px;line-height:1.5}.setting-state{padding:7px 10px;border-radius:9px;color:#8e8695;background:#211e25;font-size:10px;font-weight:800;text-transform:uppercase}.setting-state.good{color:#8fdfb5;background:#16251f}
.download-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.download-account-grid>a{min-height:210px;padding:26px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:18px;border:1px solid #302a38;border-radius:20px;color:#fff;background:#100e15;text-decoration:none}.download-account-grid>a:hover{border-color:#61469b;background:#14101d}.platform-icon{width:51px;height:51px;display:grid;place-items:center;border-radius:15px;background:#211a30;color:#b49afd;font-size:22px}.download-account-grid small{color:#746c7a;font-size:9px;letter-spacing:.12em}.download-account-grid h2{margin:8px 0 5px;font-size:21px}.download-account-grid p{margin:0;color:#817987;font-size:12px}.download-account-grid i{color:#a98cff;font-size:22px;font-style:normal}.support-card{display:flex;align-items:center;justify-content:space-between;gap:30px}.support-card>div{max-width:570px}.support-card h2{margin-top:12px}.support-card p:not(.tag){color:#8b8491;line-height:1.6}

@media (max-width:1000px){
  .site-nav{display:none}.hero-section{grid-template-columns:1fr;padding-top:45px}.product-stage,.real-app-stage{width:95%;margin-inline:auto}.module-grid{grid-template-columns:1fr}.module-card{min-height:300px}.chat-section{grid-template-columns:1fr}.abstract-orbit{max-width:600px;margin:auto;width:100%}.auth-layout{grid-template-columns:1fr;gap:45px}.dashboard-grid{grid-template-columns:1fr}.profile-card{grid-row:auto}.site-footer{grid-template-columns:1fr auto}.site-footer p{display:none}.cabinet{grid-template-columns:190px minmax(0,1fr)}.overview-grid,.download-account-grid{grid-template-columns:1fr}.profile-summary{grid-row:auto}
}
@media (max-width:680px){
  .site-header{height:72px}.site-header>.button{padding:0 11px}.hero-section{width:min(100% - 28px,1420px);padding:45px 0 75px}.hero-copy h1{font-size:51px}.hero-copy .lead{font-size:17px}.product-stage,.real-app-stage{width:100%}.real-app-frame{transform:none;border-radius:16px}.real-app-bar{height:38px}.real-app-stage figcaption{font-size:9px}.app-window{min-height:400px;transform:none}.app-body{grid-template-columns:48px 1fr}.activity-panel{display:none}.app-sidebar{gap:18px}.floating-card{display:none}.section{width:calc(100% - 28px);padding:85px 0}.section-heading h2,.chat-statement h2,.account-callout h2{font-size:43px}.account-callout{width:calc(100% - 28px);padding:35px 25px;display:block}.account-callout .button{margin-top:20px}.site-footer{width:calc(100% - 28px);display:flex;flex-wrap:wrap;padding:35px 0}.site-footer nav{width:100%;flex-wrap:wrap}.account-shell{width:calc(100% - 28px);padding-top:20px}.auth-layout{width:100%;gap:38px}.auth-intro h1{font-size:39px;line-height:1}.auth-intro>p:not(.eyebrow){font-size:16px;overflow-wrap:anywhere}.auth-card{width:100%;padding:22px}.dashboard-top{align-items:start}.dashboard-top h1{font-size:42px}.dashboard-grid{grid-template-columns:1fr}.dashboard-card{padding:22px}.cabinet{display:block;overflow:visible;border-radius:20px}.cabinet-sidebar{border:0;border-bottom:1px solid #29242f}.cabinet-user{padding-bottom:16px}.cabinet-nav{display:flex;overflow-x:auto;padding-bottom:5px}.cabinet-nav button{width:auto;flex:none}.cabinet-nav button>span,.cabinet-nav button i{display:none}.cabinet-logout{position:absolute;right:30px;top:104px;width:auto;min-height:36px;padding:0 10px;font-size:11px}.cabinet-content{padding:35px 20px 45px}.cabinet-panel h1{font-size:42px}.panel-lead{font-size:15px}.settings-list article{grid-template-columns:42px 1fr}.setting-icon{width:42px;height:42px}.setting-state{grid-column:2}.download-account-grid>a{min-height:170px;padding:20px}.support-card{display:block}.support-card .button{margin-top:20px}.section-card{padding:8px 20px 22px}
}

/* About project */
.about-page { background:radial-gradient(circle at 80% 8%,rgba(113,69,215,.14),transparent 28%),#09080d; }
.site-nav a.current { color:#fff; }
.about-hero { width:min(1320px,calc(100% - 40px)); margin:auto; padding:110px 0 125px; display:grid; grid-template-columns:1.35fr .65fr; align-items:end; gap:75px; border-bottom:1px solid #28232f; }
.about-hero h1 { max-width:920px; font-size:clamp(58px,7vw,104px); line-height:.91; letter-spacing:-.075em; }
.about-lead { margin:0; padding-bottom:5px; color:#aaa3b2; font-size:20px; line-height:1.65; }
.about-manifesto { width:min(1120px,calc(100% - 40px)); margin:auto; padding:135px 0; display:grid; grid-template-columns:100px 1fr; gap:55px; }
.about-number { margin:8px 0 0; color:#5b5361; font:700 12px/1 ui-monospace,monospace; }
.about-manifesto h2,.about-closing h2 { margin:0; font-size:clamp(47px,6vw,82px); line-height:.95; letter-spacing:-.065em; }
.about-manifesto>div>p:last-child { max-width:750px; margin-top:30px; color:#9992a1; font-size:19px; line-height:1.7; }
.principles-section { padding:100px max(20px,calc((100% - 1320px)/2)); background:#0c0a10; border-block:1px solid #25212b; }
.principles-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:35px; background:#2b2631; border:1px solid #2b2631; }
.principles-grid article { min-height:275px; padding:32px; background:#0e0c13; }
.principles-grid span { color:#695f70; font-size:11px; }.principles-grid h3 { margin:72px 0 12px; font-size:25px; }.principles-grid p { color:#8e8795; line-height:1.6; }
.about-now { width:min(1120px,calc(100% - 40px)); margin:125px auto; padding:42px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:35px; border:1px solid #3b304e; border-radius:24px; background:radial-gradient(circle at 5% 50%,rgba(126,77,232,.2),transparent 25%),#100d16; }
.now-mark { width:78px; height:78px; display:grid; place-items:center; border-radius:22px; background:linear-gradient(145deg,#996cff,#542bc1); font-size:33px; font-weight:900; }
.about-now h2 { margin:5px 0 9px; font-size:34px; letter-spacing:-.045em; }.about-now p:not(.eyebrow) { max-width:680px; margin:0; color:#918a98; line-height:1.55; }
.future-products { width:min(1320px,calc(100% - 40px)); margin:auto; padding:125px 0; }
.future-products-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:55px; }
.future-products-grid article { min-height:315px; padding:26px; border:1px solid #292430; border-radius:20px; background:#0e0c13; }
.future-status { float:right; padding:6px 9px; border-radius:8px; color:#9b85df; background:#211a32; font-size:9px; font-weight:800; text-transform:uppercase; }.future-status.concept{color:#7e7784;background:#1b181e}.future-code{color:#5f5865;font-size:10px;letter-spacing:.12em}.future-products-grid h3{margin-top:130px;font-size:27px}.future-products-grid article>p:last-child{color:#8f8895;line-height:1.55}
.about-closing { width:min(1120px,calc(100% - 40px)); margin:90px auto 130px; text-align:center; }.about-closing h2{max-width:950px;margin:auto}.about-closing>p:not(.eyebrow){max-width:650px;margin:28px auto;color:#928b99;font-size:18px;line-height:1.65}.about-closing .actions{justify-content:center}
@media(max-width:900px){.about-hero{grid-template-columns:1fr;padding:70px 0 90px}.about-manifesto{grid-template-columns:1fr;gap:15px}.principles-grid{grid-template-columns:1fr}.principles-grid article{min-height:220px}.principles-grid h3{margin-top:45px}.about-now{grid-template-columns:auto 1fr}.about-now>.button{grid-column:1/-1}.future-products-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.about-hero,.about-manifesto,.about-now,.about-closing{width:calc(100% - 28px)}.about-hero h1{font-size:52px}.about-lead{font-size:17px}.about-manifesto{padding:90px 0}.about-manifesto h2,.about-closing h2{font-size:44px}.about-now{margin:80px auto;padding:25px;grid-template-columns:1fr}.now-mark{width:60px;height:60px;border-radius:17px}.future-products-grid{grid-template-columns:1fr}}