:root{--bg: #07111b;--bg-elevated: rgba(10, 19, 31, .82);--bg-card: linear-gradient(160deg, rgba(18, 30, 47, .92), rgba(11, 18, 29, .9));--surface-border: rgba(149, 178, 211, .18);--text: #edf3fb;--muted: #9eb3cc;--accent: #7cf2bf;--accent-2: #69c6ff;--accent-3: #f7cc7a;--danger: #ff8e8e;--shadow: 0 30px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(105,198,255,.16),transparent 28%),radial-gradient(circle at 85% 18%,rgba(124,242,191,.12),transparent 24%),radial-gradient(circle at 50% 120%,rgba(247,204,122,.12),transparent 36%),#07111b}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{width:100%}.page{max-width:1120px;margin:0 auto;padding:24px}.hero,.overview,.tools-section{padding-left:24px;padding-right:24px}.hero{min-height:100vh;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:48px;align-items:center;padding-top:40px;padding-bottom:40px}.hero__content{max-width:680px}.hero__eyebrow{display:inline-flex;align-items:center;gap:14px;padding:10px 14px;border-radius:999px;border:1px solid rgba(124,242,191,.25);background:#0a131f7a;color:var(--muted);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero__logo{width:38px;height:38px;display:block;object-fit:contain;border-radius:10px}.hero__title{margin:24px 0 16px;font-size:clamp(3.6rem,10vw,7rem);line-height:.92;letter-spacing:-.05em;max-width:8ch}.hero__tagline,.section-copy,.feature-card p,.story-panel p{color:var(--muted);line-height:1.7}.hero__tagline{max-width:56ch;font-size:1.08rem}.hero__actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}.cta-button,.ghost-link,button{border-radius:999px;padding:16px 22px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.cta-button{display:inline-flex;align-items:center;justify-content:center;min-width:260px;font-weight:800;color:#07111b;background:linear-gradient(90deg,var(--accent-3),var(--accent),var(--accent-2));box-shadow:0 18px 40px #69c6ff3d}.ghost-link{border:1px solid rgba(149,178,211,.2);background:#0a131f7a;color:var(--text)}.cta-button:hover,.ghost-link:hover,button:hover{transform:translateY(-1px)}.social-row{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}.hero__token{margin-top:18px}.hero__token code{display:inline-block;max-width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(149,178,211,.16);background:#0a131f85;color:var(--muted);overflow-wrap:anywhere}.social-pill{padding:10px 14px;border-radius:999px;border:1px solid rgba(149,178,211,.18);background:#0a131f80;color:var(--muted)}.hero__visual{display:flex;justify-content:center}.hero__visual-frame{position:relative;width:min(100%,520px);aspect-ratio:.92;border:1px solid rgba(149,178,211,.18);border-radius:34px;box-shadow:var(--shadow);overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(247,204,122,.2),transparent 28%),linear-gradient(180deg,#07111b0a,#07111b6b)}.hero__main-bg,.hero__main-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero__main-bg{object-fit:cover;transform:scale(1.02);opacity:.8;filter:saturate(.9) contrast(1.02)}.hero__main-image{object-fit:contain;z-index:1}.feature-card__shape,.feature-card__beam,.story-visual__screen{position:absolute}.overview{max-width:1280px;margin:0 auto;padding-top:40px;padding-bottom:60px}.overview__intro,.section-heading{max-width:760px;margin:0 auto 30px;text-align:center}.section-kicker{margin:0 0 10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-3);font-size:.8rem}.section-title{margin:0 0 14px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.04em}.feature-grid,.story-grid{display:grid;gap:20px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.feature-card,.story-panel,.story-visual,.card{background:var(--bg-card);border:1px solid var(--surface-border);border-radius:24px;box-shadow:var(--shadow)}.feature-card{position:relative;overflow:hidden;padding:22px;min-height:280px}.feature-card__art{position:relative;height:140px;margin-bottom:18px;border-radius:18px;background:#07111b6b;overflow:hidden}.feature-card__image,.story-visual__image{width:100%;height:100%;display:block;object-fit:cover}.feature-card__shape{top:20%;right:16%;bottom:20%;left:16%;border-radius:30px;background:linear-gradient(145deg,#7cf2bfa3,#69c6ff2e)}.feature-card__beam{inset:auto -12% 8% 28%;height:18px;transform:rotate(-10deg);background:linear-gradient(90deg,#f7cc7a00,#f7cc7ae6,#f7cc7a00)}.feature-card--2 .feature-card__shape{top:18%;right:24%;bottom:18%;left:24%;border-radius:50%}.feature-card--3 .feature-card__shape{top:18%;right:20%;bottom:18%;left:20%;clip-path:polygon(50% 0%,100% 48%,68% 100%,0% 72%,10% 16%)}.story-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);margin-top:24px}.story-panel,.story-visual{min-height:360px;padding:28px}.story-panel h3{margin-top:0;font-size:2rem;line-height:1.08;letter-spacing:-.03em}.story-visual{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(124,242,191,.16),transparent 28%),linear-gradient(160deg,#101f30f5,#080f18fa)}.story-visual__image{border-radius:20px}.story-visual__screen{border:1px solid rgba(149,178,211,.18);border-radius:24px;background:linear-gradient(180deg,#edf3fb0f,#edf3fb00),linear-gradient(145deg,#69c6ff24,#7cf2bf14)}.story-visual__screen--large{top:38px;right:80px;bottom:72px;left:38px}.story-visual__screen--small{right:32px;bottom:34px;width:190px;height:140px}.tools-section{padding-top:56px;padding-bottom:80px;border-top:1px solid rgba(149,178,211,.08);background:linear-gradient(180deg,#09121d00,#09121db8 22%,#09121d),transparent}.card{padding:20px;margin-bottom:16px}h1,h2,h3{margin-top:0}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}input,textarea,select,button{width:100%;margin-top:6px;margin-bottom:10px;background:#080f18e0;color:var(--text);border:1px solid #29415f;padding:10px 14px}button{cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#07111b;border:none;font-weight:700}button.secondary{background:transparent;border:1px solid #3b4a63;color:var(--text)}label{color:var(--muted);font-size:.92rem}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.8rem;border:1px solid #2b3b55}.badge.ok{border-color:#38d39f99;color:#7decc4}.badge.warn{border-color:#ff6b6b99;color:#ffb0b0}.small{font-size:.85rem;color:var(--muted)}.schedule-picker{margin-bottom:16px}.schedule-picker__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.schedule-picker__header h3{margin-bottom:6px}.schedule-grid{display:grid;grid-template-columns:96px repeat(7,minmax(110px,1fr));gap:10px;overflow-x:auto}.schedule-grid__time-column,.schedule-grid__day-column{display:grid;grid-template-rows:48px repeat(24,40px);gap:8px}.schedule-grid__corner,.schedule-grid__day-label,.schedule-grid__time-label{display:flex;align-items:center;justify-content:center;border-radius:14px;background:#0a131f99;border:1px solid rgba(149,178,211,.12);color:var(--muted);padding:8px;text-align:center}.schedule-grid__day-label{color:var(--text);font-weight:700}.schedule-slot{margin:0;padding:0 8px;border-radius:14px;background:#7cf2bf1a;border:1px solid rgba(124,242,191,.24);color:var(--text);font-size:.82rem}.schedule-slot--pending{background:#f7cc7a1f;border-color:#f7cc7a66}.schedule-slot--blocked{background:#ff8e8e24;border-color:#ff8e8e57;color:#edf3fbb3;cursor:not-allowed}.schedule-slot--selected{box-shadow:0 0 0 2px #69c6ffa6;transform:none}.schedule-picker__selection{margin-top:10px}.uploaded-assets{margin-top:8px;margin-bottom:8px;padding:12px;border-radius:16px;border:1px solid rgba(149,178,211,.14);background:#0a131f75}.uploaded-assets__item{display:flex;justify-content:space-between;gap:12px;padding-top:8px}@media (max-width: 980px){.hero,.feature-grid,.story-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:28px;padding-bottom:56px}.hero__title{max-width:none}.hero__visual{order:-1}.schedule-grid{grid-template-columns:90px repeat(7,minmax(100px,1fr))}}@media (max-width: 640px){.hero,.overview,.tools-section,.page{padding-left:16px;padding-right:16px}.hero__actions{flex-direction:column;align-items:stretch}.cta-button,.ghost-link{width:100%;text-align:center}.story-panel,.story-visual,.feature-card,.card{border-radius:20px}}
