html,body,#root{width:100%;min-height:100%;margin:0;padding:0}*{box-sizing:border-box}a{color:inherit}:root{--sage:#aeb39a;--sage-dark:#8f967c;--sage-soft:#eef0e8;--cream:#f8f8f4;--white:#fff;--text:#2f342b;--muted:#777d6d;--border:#e4e6dc;--danger:#c85c5c;--shadow:0 20px 60px #2f342b14}body{background:var(--cream);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.appShell{background:radial-gradient(circle at top right, #aeb39a33, transparent 35%), var(--cream);grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#ffffffd1;flex-direction:column;justify-content:space-between;padding:28px 20px;display:flex}.logo{letter-spacing:-.05em;color:#2f342b;align-items:center;gap:14px;font-size:28px;font-weight:800;display:flex}.documentInfo{background:var(--sage-soft);border:1px solid var(--border);border-radius:12px;margin-top:10px;padding:12px 16px;font-size:14px}.checkboxRow{align-items:center;gap:10px;margin-top:12px;display:flex}.checkboxRow input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin:0}.checkboxRow span{color:var(--text);font-size:14px;font-weight:600}.logoMark{color:#fff;background:#aeb39a;border-radius:14px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.nav{gap:10px;margin-top:38px;display:grid}.navLink{color:var(--muted);border-radius:16px;align-items:center;gap:10px;padding:14px 16px;font-weight:650;text-decoration:none;display:flex}.navLink:hover,.navLink.active{background:var(--sage-soft);color:var(--text)}.sidebarCard{border:1px solid var(--border);background:var(--white);border-radius:22px;padding:18px}.main{padding:36px}.header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:var(--sage-dark);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:12px;font-weight:800}.pageTitle{letter-spacing:-.055em;margin:0;font-size:42px}.pageSubtitle{color:var(--muted);margin:10px 0 0;font-size:16px}.card{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffe0;border-radius:30px;padding:28px}.primaryButton,.secondaryButton,.dangerButton{border:0;border-radius:16px;min-height:48px;padding:0 22px;font-weight:800;transition:all .2s}.primaryButton{background:var(--sage);color:#fff}.primaryButton:hover{background:var(--sage-dark);transform:translateY(-1px)}.secondaryButton{background:var(--white);color:var(--text);border:1px solid var(--border)}.dangerButton{color:var(--danger);background:#fff4f4;border:1px solid #f1d2d2}.avatarGrid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px;display:grid}.avatarCard{border:1px solid var(--border);background:#fff;border-radius:28px;padding:22px;box-shadow:0 14px 40px #2f342b0f}.avatarPreview{background:linear-gradient(135deg,#aeb39a59,#fffc),#f0f1ea;border-radius:24px;place-items:center;min-height:180px;margin-bottom:18px;display:grid;overflow:hidden}.avatarPreview img{object-fit:cover;width:100%;height:180px}.avatarInitial{width:82px;height:82px;color:var(--sage-dark);background:#fff;border-radius:50%;place-items:center;font-size:34px;font-weight:900;display:grid}.avatarCard h3{margin:0 0 8px;font-size:22px}.avatarCard p{color:var(--muted);min-height:46px;line-height:1.5}.actionRow{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.actionRow a{text-decoration:none}.studioGrid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start;gap:24px;display:grid}.section{margin-bottom:26px}.sectionTitle{color:var(--text);margin:0 0 16px;font-size:18px;font-weight:850}.field{flex-direction:column;gap:9px;margin-bottom:16px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:800}.field input,.field textarea,.field select{border:1px solid var(--border);width:100%;color:var(--text);background:#fbfbf8;border-radius:16px;outline:none;padding:14px 15px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--sage);box-shadow:0 0 0 4px #aeb39a38}.field textarea{resize:vertical;min-height:130px}.colorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.colorRow{align-items:center;gap:10px;display:flex}.colorRow input[type=text]{flex:1}.colorRow input[type=color]{background:0 0;border:0;width:48px;height:48px;padding:0}.loginPage{background:radial-gradient(circle at top right, #aeb39a47, transparent 35%), var(--cream);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{border:1px solid var(--border);width:min(440px,100%);box-shadow:var(--shadow);background:#fff;border-radius:32px;padding:34px}.loginCard h1{letter-spacing:-.055em;margin:16px 0 8px;font-size:36px}.loginCard p{color:var(--muted);margin-bottom:26px}.loginActions{gap:12px;display:grid}@media (width<=980px){.appShell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:22px}.header,.studioGrid{grid-template-columns:1fr;display:grid}.previewPanel{position:static}.colorGrid{grid-template-columns:1fr}}.previewPanel{position:sticky;top:28px}.previewPlayer{background:linear-gradient(#3a3f48f5,#1c2028fa);border-radius:36px;height:620px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000002e,inset 0 1px #ffffff14}.previewStage{justify-content:center;align-items:center;height:420px;display:flex;position:relative}.previewBackground{object-fit:cover;opacity:.25;width:100%;height:100%;position:absolute;inset:0}.previewAvatarLarge{width:180px;height:180px;color:var(--sage);z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:72px;font-weight:800;display:flex;box-shadow:0 20px 60px #0003}.previewMessages{flex-direction:column;gap:12px;display:flex;position:absolute;bottom:120px;left:24px;right:24px}.previewBubbleAI{color:#fff;border-radius:18px;width:fit-content;max-width:75%;padding:14px 18px;font-size:14px}.previewBubbleUser{color:#fff;border-radius:18px;align-self:flex-end;width:fit-content;max-width:75%;padding:14px 18px;font-size:14px}.previewControls{gap:12px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.previewInput{color:#fff;background:#ffffff14;border:none;border-radius:28px;flex:1;height:56px;padding:0 22px}.previewInput::placeholder{color:#ffffff8c}.previewMic{background:#fff;border:none;border-radius:18px;width:56px;height:56px;font-size:22px}.previewSend{color:#fff;border:none;border-radius:18px;min-width:100px;height:56px;font-weight:700}.adminStats{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.statCard{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:22px}.statCard span{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:800;display:block}.statCard strong{color:var(--text);font-size:28px}.adminTableWrap{overflow-x:auto}.adminTable{border-collapse:collapse;width:100%}.adminTable th,.adminTable td{text-align:left;border-bottom:1px solid var(--border);padding:16px 14px}.adminTable th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.adminTable td{color:var(--text);font-size:14px}.userProfile{align-items:center;gap:12px;min-width:0;display:flex}.userProfile div:last-child{flex:1;min-width:0}.userProfile strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.userAvatar{background:var(--sage);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}@media (width<=980px){.adminStats{grid-template-columns:1fr}}.landingPage{background:radial-gradient(circle at top right, #aeb39a59, transparent 34%), radial-gradient(circle at 10% 20%, #ffffffe6, transparent 30%), var(--cream);min-height:100vh;color:var(--text)}.landingNav{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);margin:0 auto;padding:26px 0;display:flex}.navButton,.primaryHeroButton,.secondaryHeroButton{border-radius:16px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:850;text-decoration:none;display:inline-flex}.navButton,.primaryHeroButton{background:var(--sage);color:#fff}.navButton:hover,.primaryHeroButton:hover{background:var(--sage-dark)}.secondaryHeroButton{color:var(--text);border:1px solid var(--border);background:#fff}.landingHero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:48px;width:min(1180px,100% - 40px);margin:0 auto;padding:72px 0 80px;display:grid}.heroCopy h1{letter-spacing:-.075em;margin:0;font-size:clamp(48px,6vw,82px);line-height:.92}.heroCopy p{max-width:640px;color:var(--muted);margin:24px 0 0;font-size:19px;line-height:1.65}.heroActions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.heroProof{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.heroProof span{border:1px solid var(--border);color:var(--muted);background:#ffffffb8;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:750}.heroMockup{background:linear-gradient(#3a3f48f5,#1c2028fa);border-radius:40px;min-height:600px;padding:24px;position:relative;overflow:hidden;box-shadow:0 34px 90px #2f342b2e,inset 0 1px #ffffff14}.heroMockup:before{content:"";background:radial-gradient(circle at 50% 20%,#aeb39a59,#0000 32%),radial-gradient(circle at 10% 80%,#ffffff14,#0000 30%);position:absolute;inset:0}.mockupTop{z-index:1;gap:8px;display:flex;position:relative}.mockupTop span{background:#ffffff59;border-radius:50%;width:12px;height:12px}.avatarCircle{z-index:1;width:190px;height:190px;color:var(--sage-dark);background:#fff;border-radius:50%;place-items:center;margin:80px auto 60px;font-size:64px;font-weight:900;display:grid;position:relative;box-shadow:0 24px 80px #0000003d}.chatBubble{z-index:1;color:#fff;border-radius:20px;max-width:78%;margin-bottom:14px;padding:15px 18px;font-size:14px;line-height:1.45;position:relative}.chatBubble.ai{background:var(--sage)}.chatBubble.user{background:#ffffff1f;margin-left:auto}.mockupInput{z-index:1;color:#ffffff94;background:#ffffff14;border-radius:999px;justify-content:space-between;align-items:center;min-height:58px;padding-left:22px;font-size:14px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.mockupInput button{height:46px;color:var(--text);background:#fff;border:0;border-radius:999px;margin-right:6px;padding:0 20px;font-weight:850}.landingSection,.signupSection{border:1px solid var(--border);width:min(1180px,100% - 40px);box-shadow:var(--shadow);background:#ffffffc2;border-radius:38px;margin:0 auto 34px;padding:54px}.sectionHeader{max-width:760px;margin-bottom:30px}.sectionHeader h2,.splitSection h2,.signupCopy h2{letter-spacing:-.06em;margin:0;font-size:clamp(32px,4vw,52px);line-height:1}.sectionHeader p,.splitSection p,.signupCopy p{color:var(--muted);font-size:17px;line-height:1.65}.featureGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.featureCard,.comparisonCard{border:1px solid var(--border);background:#fff;border-radius:28px;padding:26px}.featureIcon{background:var(--sage-soft);width:44px;height:44px;color:var(--sage-dark);border-radius:14px;place-items:center;margin-bottom:18px;font-weight:900;display:grid}.featureCard h3,.comparisonCard h3,.landingLoginCard h3{margin:0 0 10px;font-size:22px}.featureCard p,.comparisonCard p{color:var(--muted);line-height:1.55}.splitSection,.signupSection{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:36px;display:grid}.useCaseList{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.useCaseList div{border:1px solid var(--border);background:#fff;border-radius:20px;padding:18px;font-weight:800}.comparisonGrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.highlightCard{background:var(--sage-soft);border-color:#aeb39ab3}.signupSection{margin-bottom:60px}.landingLoginCard{width:100%;box-shadow:none}@media (width<=900px){.landingHero,.splitSection,.signupSection,.featureGrid,.comparisonGrid{grid-template-columns:1fr}.landingHero{padding-top:42px}.heroMockup{min-height:520px}.landingSection,.signupSection{padding:28px}.useCaseList{grid-template-columns:1fr}}