/* Crimson refinement: a clearer story and room for the new server tools. */
:root { --bg:#120d16; --surface:#1c1421; --muted:#c0afc8; --line:#49354e; }
body { background:radial-gradient(ellipse at 86% 5%,#70263a25,transparent 27%),var(--bg); }
.renewed-hero { padding-top:22px; }
.renewed-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:60px; align-items:center; padding:84px 0 88px; }
.renewed-message h1 { font-size:clamp(52px,6.2vw,82px); line-height:1.03; letter-spacing:-4.2px; margin:0 0 28px; font-weight:650; }
.renewed-message h1 em { font-style:normal; color:#ff7896; background:linear-gradient(110deg,#ff7896,#ee718f 62%,#cf9eff); background-clip:text; -webkit-text-fill-color:transparent; }
.renewed-lead { max-width:480px; color:var(--muted); font-size:16px; line-height:1.85; margin:0 0 30px; }
.hero-proof { display:flex; flex-wrap:wrap; gap:10px 18px; color:#c1adc9; font-size:11px; margin-top:27px; }
.hero-proof span+span::before { content:'·'; margin-right:18px; color:#d9789b; }
.server-scene { position:relative; padding:30px 0 30px 20px; min-width:0; isolation:isolate; }
.scene-orbit { position:absolute; inset:0; z-index:-1; border:1px solid #97527726; border-radius:50%; background:radial-gradient(ellipse,#91354b26,transparent 70%); }
.scene-orbit::before { content:''; position:absolute; inset:25px; border:1px dashed #b974a030; border-radius:50%; }
.scene-label { display:flex; align-items:center; gap:12px; font-size:9px; letter-spacing:.15em; color:#d0b6da; margin:0 0 22px 22px; }
.scene-spark { color:var(--coral); font-size:23px; }
.server-window { position:relative; background:linear-gradient(135deg,#281b2c,#19121e); border:1px solid #84546585; border-radius:15px; box-shadow:0 32px 80px #08030c55; overflow:hidden; }
.server-window-top { display:flex; align-items:center; gap:10px; padding:17px 22px; border-bottom:1px solid #70507144; color:#cab6d1; font:9px ui-monospace,Consolas,monospace; letter-spacing:.05em; }
.server-window-top>span:last-child { margin-left:auto; font-size:19px; line-height:.6; }
.server-dot { width:7px; height:7px; border-radius:50%; background:#ff799a; box-shadow:0 0 16px #ed658766; }
.server-message { display:grid; grid-template-columns:44px 1fr; gap:13px; padding:25px 22px 18px; }
.server-message>img { border-radius:50%; box-shadow:0 0 0 1px #b4527266; }
.message-author { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:650; margin:0 0 12px; }
.message-author>span { background:#7462b0; border-radius:3px; padding:2px 4px; color:#fff; font-size:8px; letter-spacing:.04em; }
.setup-preview { border-left:3px solid #ff6f92; border-radius:4px 9px 9px 4px; padding:20px; background:#30203788; }
.preview-kicker { color:#e9abc0; font-size:8px; letter-spacing:.12em; }
.setup-preview h2 { font-size:28px; line-height:1.2; letter-spacing:-.8px; margin:13px 0; }
.setup-preview p { font-size:12px; color:#d2bbdb; line-height:1.75; margin:0 0 14px; }
.preview-resources { display:flex; flex-wrap:wrap; gap:7px; }
.preview-resources>span { color:#ccb7d3; font:10px ui-monospace,Consolas,monospace; border:1px solid #76558155; border-radius:5px; padding:6px 8px; background:#1d1325; }
.preview-divider { height:1px; background:#85628844; margin:19px 0 13px; }
.setup-preview .preview-question { font-size:12px; color:#f3e6f7; margin-bottom:9px; }
.preview-choices { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:12px; }
.preview-choices>span { color:#f2c5d6; border:1px solid #a95c8055; border-radius:5px; background:#62314644; font-size:10px; padding:7px 8px; }
.preview-choices>span:last-child { border-color:#8965b466; color:#e0c5ff; background:#59416f44; }
.setup-preview small { font-size:10px; color:#cbb2d6; }
.scene-caption { padding:0 22px 18px; color:#b9a4c3; font-size:9px; line-height:1.7; text-align:center; }
.scene-caption code { font-size:9px; background:transparent; }
.scene-note { color:#c4a7cf; font-size:11px; text-align:right; padding:17px 10px 0; }
.scene-note>span { margin-right:8px; color:var(--coral); }
.path-strip { display:grid; grid-template-columns:1fr repeat(3,1.05fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:25px 0; align-items:center; gap:20px; }
.path-strip>span { font:9px ui-monospace,Consolas,monospace; letter-spacing:.08em; color:var(--muted); }
.path-strip>a { display:flex; justify-content:space-between; align-items:center; gap:12px; text-decoration:none; border-left:1px solid var(--line); padding-left:28px; font-size:13px; }
.path-strip>a>span { color:#d8a6df; }
.foundation-section { display:grid; grid-template-columns:1fr 1.15fr; gap:100px; padding-block:96px; scroll-margin-top:20px; }
.foundation-intro>p:not(.eyebrow) { color:var(--muted); font-size:14px; line-height:1.85; margin:24px 0; max-width:380px; }
.foundation-intro .command-line { max-width:360px; margin:25px 0 20px; }
.foundation-row { display:grid; grid-template-columns:34px 1fr; gap:20px; padding:24px 0; border-bottom:1px solid var(--line); }
.foundation-row:first-child { padding-top:0; }
.foundation-number { color:var(--coral); font:11px ui-monospace,Consolas,monospace; padding-top:6px; }
.foundation-row h3 { font-size:21px; letter-spacing:-.5px; margin:0 0 11px; }
.foundation-row p { color:var(--muted); font-size:13px; line-height:1.85; margin:0 0 14px; }
.foundation-row a { display:inline-block; color:#dbb7ef; font-size:11px; text-decoration:none; margin:0 18px 5px 0; }
.safety-band { display:grid; grid-template-columns:70px 1fr auto; align-items:center; gap:30px; padding:34px 40px; background:linear-gradient(100deg,#48213555,#33203944); border:1px solid #79465d77; border-radius:12px; }
.safety-symbol { font-size:50px; color:#ec94b2; }
.safety-band .eyebrow { margin-bottom:12px; }
.safety-band h2 { font-size:29px; letter-spacing:-1px; margin:0 0 12px; }
.safety-band p:not(.eyebrow) { max-width:660px; color:var(--muted); font-size:12px; line-height:1.85; margin:0; }
.possibility-section { border:0; padding-block:96px; }
.direction-layout { gap:70px; }
.direction-controls { padding:0; }
.direction-choice { gap:19px; padding:23px 19px; }
.direction-choice small { color:#bfaacb; }
.studio-description { color:#c8b3d2; }
.command-compass { padding-block:70px; }
.discover-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; padding-block:70px; }
.discover-feature { position:relative; padding:10px 70px 10px 0; text-decoration:none; }
.discover-feature+.discover-feature { padding:10px 0 10px 70px; border-left:1px solid var(--line); }
.discover-icon { display:block; color:#f191ad; font-size:38px; letter-spacing:-2px; margin:23px 0; }
.discover-icon.violet { color:#c5a1f4; }
.discover-feature h2 { font-size:33px; }
.discover-feature p { font-size:13px; color:var(--muted); line-height:1.85; max-width:400px; margin:22px 0; }
.pulse-layout { border-top:1px solid var(--line); padding-block:70px; }
.renewed-cta { display:grid; grid-template-columns:1.25fr 1fr; align-items:center; gap:100px; padding:65px 0 90px; border-top:1px solid var(--line); }
.renewed-cta>div>p:not(.eyebrow) { color:var(--muted); font-size:14px; line-height:1.8; margin:23px 0; }
.feedback-note { padding:28px 32px; border-left:1px solid var(--line); }
.feedback-note>span { font-size:39px; color:var(--coral); }
.feedback-note h3 { font-size:25px; margin:16px 0 0; letter-spacing:-.7px; }
.feedback-note small { font-size:10px; color:var(--muted); }
.feedback-note .command-line { margin:16px 0; }
.guide-card .badge { color:#dfc4eb; }
.guide-note { line-height:1.85; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline:2px solid #e5b9fb; outline-offset:5px; }
@media(max-width:1100px) {
  .renewed-hero-grid { gap:25px; padding:64px 0; }
  .renewed-message h1 { font-size:66px; letter-spacing:-3px; }
  .server-scene { padding-left:0; }
  .setup-preview { padding:17px; }
  .foundation-section { gap:60px; }
  .safety-band { grid-template-columns:45px 1fr; }
  .safety-band .button { grid-column:2; justify-self:start; }
  .renewed-cta { gap:50px; }
}
@media(max-width:800px) {
  .renewed-hero-grid { grid-template-columns:1fr; gap:25px; padding:50px 0; }
  .renewed-message { max-width:600px; }
  .renewed-message h1 { font-size:68px; }
  .server-scene { max-width:520px; width:100%; margin:0 auto; }
  .scene-orbit { inset:0; transform:none; }
  .path-strip { grid-template-columns:1fr; gap:0; padding:12px 0; }
  .path-strip>span { padding:12px 0; }
  .path-strip>a { border-left:0; border-top:1px solid #49354e66; padding:16px 0; }
  .foundation-section { grid-template-columns:1fr; padding-block:65px; gap:38px; }
  .foundation-intro>p:not(.eyebrow) { max-width:550px; }
  .safety-band { width:calc(100% - 40px); padding:26px; gap:18px; grid-template-columns:1fr; }
  .safety-symbol { display:none; }
  .safety-band .button { grid-column:1; }
  .possibility-section { padding-block:65px; }
  .direction-layout { gap:25px; }
  .direction-choice { padding:19px 15px; }
  .discover-grid { padding-block:45px; }
  .discover-feature { padding-right:30px; }
  .discover-feature+.discover-feature { padding-left:30px; }
  .discover-feature h2 { font-size:27px; }
  .renewed-cta { grid-template-columns:1fr; gap:32px; padding:55px 0; }
  .feedback-note { padding:24px 0 0; border-left:0; border-top:1px solid var(--line); }
}
@media(max-width:480px) {
  .renewed-message h1 { font-size:51px; letter-spacing:-2.5px; }
  .renewed-message .eyebrow { font-size:9px; }
  .renewed-lead { font-size:14px; }
  .hero-proof { gap:8px 12px; font-size:10px; }
  .hero-proof span+span::before { margin-right:12px; }
  .server-message { padding:20px 12px 15px; gap:10px; grid-template-columns:32px 1fr; }
  .server-message>img { width:32px; height:32px; }
  .setup-preview { padding:15px; }
  .setup-preview h2 { font-size:25px; }
  .server-window-top { padding:16px; font-size:8px; }
  .scene-label { font-size:8px; margin-left:12px; }
  .scene-caption { padding-inline:12px; }
  .scene-note { font-size:10px; }
  .discover-grid { grid-template-columns:1fr; gap:30px; }
  .discover-feature, .discover-feature+.discover-feature { padding:0 0 30px; border-left:0; border-bottom:1px solid var(--line); }
  .discover-feature h2 { font-size:30px; }
  .discover-feature:last-child { border-bottom:0; padding-bottom:0; }
}
@media print {
  .server-scene,.hero-actions,.scene-orbit { display:none; }
  .renewed-hero-grid,.foundation-section,.renewed-cta { display:block; }
}