@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090a0b;--panel:#111316;--panel2:#17191c;--muted:#a1a3a8;--fg:#f5f4f1;--gold:#d8b376;--gold2:#f2d5a0;--line:#34302a;--ok:#8bbab1;--danger:#f1a4a4;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:var(--gold2)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.16}h1{font-size:clamp(30px,3.1vw,49px);letter-spacing:-.045em;margin-bottom:16px}h2{font-size:clamp(22px,2vw,30px);letter-spacing:-.035em}h3{font-size:17px;letter-spacing:-.018em}p{color:#b8bac0}small{font-size:11px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:1000;left:8px;top:8px;background:#fff;color:#000;padding:12px}.demo-banner{position:relative;z-index:60;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:9px 16px;background:#30291f;border-bottom:1px solid #785e39;font-size:11px;color:#e2d8c7;text-align:center}.demo-banner strong{color:#f7d49a;font-size:10px;letter-spacing:.15em}.mini-link{background:none;color:#f2d9af;border:0;text-decoration:underline;text-underline-offset:3px;padding:0}.site-header{height:76px;position:sticky;top:0;z-index:50;background:rgba(10,11,12,.96);border-bottom:1px solid #2a2927;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(16px,2.5vw,36px);gap:18px;backdrop-filter:blur(16px)}.brand{display:flex;gap:9px;align-items:center;flex:none}.brand img{width:42px;height:42px;object-fit:contain}.brand span{font-family:Georgia,serif;font-size:27px;letter-spacing:.16em;background:linear-gradient(95deg,#967346,#f2ddac,#a2773d,#f2d6a6);background-clip:text;color:transparent}.brand small{font:600 9px 'DM Sans';letter-spacing:.28em;color:#c8b99e;align-self:end;margin:0 0 8px -6px}.audiences{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.audiences button{border:1px solid transparent;border-radius:999px;background:none;color:#b7b2a8;padding:10px 13px;font-size:12px;font-weight:700;transition:all .2s}.audiences button:hover{background:#22201d;color:#f8e9cd}.audiences button.selected{background:#272117;color:var(--gold2);border-color:#735633}.audiences-ico{margin-right:6px;font-size:15px}.header-actions{display:flex;align-items:center;gap:8px}.hamburger{display:none;background:#191919;border:1px solid #53422d;color:var(--gold2);border-radius:8px;width:38px;height:38px}.outline{color:#f5d59c;background:transparent;border:1px solid #84633d;border-radius:9px;padding:11px 16px;font-weight:700}.outline:hover{background:#2a2015}.outline.small{font-size:11px;padding:10px 12px}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 112px)}.sidebar{background:#0d0e10;border-right:1px solid #2e2c2a;display:flex;flex-direction:column;gap:18px;padding:31px 15px;position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto}.side-title{font-weight:700;font-size:10px;color:#9c9182;letter-spacing:.17em;text-transform:uppercase;padding:10px 14px}.side-nav{display:grid;gap:4px}.side-nav button{border:0;color:#bbb7b0;text-align:left;padding:12px 15px;background:transparent;border-radius:10px;display:flex;align-items:center;gap:12px;font-weight:600;font-size:13px}.side-nav button:hover,.side-nav button.selected{background:#24211d;color:#f9dbab}.side-nav i{width:22px;font-style:normal;color:#b49c76;text-align:center}.side-footer{margin-top:auto;padding:15px 10px;border-top:1px solid #2c2b29;display:flex;gap:10px;align-items:center}.side-footer small{display:block;color:#888888;margin-top:3px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#c9ab7c;box-shadow:0 0 10px #b68e52}#main{padding:34px clamp(16px,3.7vw,58px) 100px;max-width:1580px;width:100%;min-width:0;margin:0 auto}.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;color:var(--gold);font-weight:800;letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:10px}.lead{font-size:15px;line-height:1.7;color:#bbb6ac;max-width:750px}.label{color:#b0a596;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.inline-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{background:linear-gradient(115deg,#a87c46,#deb77d 48%,#b3874d);color:#15100a;border:1px solid #b58d55;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:800;white-space:normal;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(1.1);color:#161008}.btn.ghost{background:transparent;color:#eccb99;border-color:#765832}.btn.muted{background:#262520;border-color:#4d473e;color:#f5e7d3}.btn.sm{padding:8px 11px;font-size:11px}.card,.panel{background:var(--panel);border:1px solid #34312c;border-radius:16px;overflow:hidden}.panel{padding:25px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-body{padding:21px}.card p{margin:10px 0 18px;font-size:13px;line-height:1.7}.card-title{display:flex;align-items:center;gap:12px}.card-title h3{margin:0}.tag,.status{display:inline-flex;padding:5px 9px;border-radius:50px;color:#e9c795;border:1px solid #705635;background:#292014;font-size:10px;letter-spacing:.05em;font-weight:800}.tag.neutral{color:#b5b8bf;background:#202227;border-color:#46474b}.tag.teal{color:#9acac0;border-color:#46695f;background:#162822}.tag.red{color:#e7b3aa;border-color:#76473e;background:#341d1b}.divider{border:0;height:1px;background:#2f2d2b;margin:22px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:32px 0 17px}.section-title h2{margin:0}.section-title p{margin:0}.feature-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:30px;align-items:center;padding:36px;background:radial-gradient(circle at 82% 20%,rgba(197,143,71,.18),transparent 38%),linear-gradient(115deg,#1b1713,#0f1011 64%);border:1px solid #574734;border-radius:20px;min-height:350px;overflow:hidden}.feature-hero p{max-width:575px}.hero-art{min-height:250px;display:flex;align-items:center;justify-content:center;position:relative}.hero-art:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid #705536;background:radial-gradient(circle,rgba(199,145,61,.09),transparent 66%)}.hero-art img{width:min(100%,250px);z-index:2;animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}.hero-number{position:absolute;bottom:10px;right:8px;color:#4a3b29;font:700 clamp(90px,11vw,160px) Manrope;line-height:1;letter-spacing:-.11em;z-index:0}.media-cover{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;object-position:center 15%;background:#131315}.media-placeholder{height:180px;background:radial-gradient(circle at 50% 30%,#2b251e,#101113 70%);display:flex;align-items:center;justify-content:center;position:relative}.media-placeholder img{width:102px}.media-placeholder .corner{position:absolute;top:13px;left:15px}.person-row{display:flex;align-items:center;gap:14px}.person-row img{width:70px;height:70px;object-fit:cover;object-position:center 16%;border-radius:12px}.person-row h3{margin-bottom:2px}.meta{color:#9fa1a7;font-size:12px}.stat{padding:19px 22px;background:#151719;border:1px solid #302d29;border-radius:13px}.stat strong{display:block;font:800 29px Manrope;letter-spacing:-.05em;color:#f1d4a8}.stat span{font-size:11px;color:#aaa7a1}.tablebox{overflow:auto;border:1px solid #34312c;border-radius:13px;background:#121315}table{border-collapse:collapse;width:100%;min-width:600px}th,td{text-align:left;padding:15px 16px;border-bottom:1px solid #2c2b28;font-size:12px;vertical-align:top}th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#af9980;background:#171719}tr:last-child td{border-bottom:0}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px;color:#ccbfa9;font-size:12px;font-weight:700}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;padding:12px 13px;color:#f7f1e7;background:#0c0e10;border:1px solid #555047;border-radius:9px;outline:none;min-width:0}.field textarea{min-height:118px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#d7b177}.form-note{padding:12px 14px;border-left:3px solid #af8751;background:#1d1a16;color:#cabb9f;font-size:12px;line-height:1.65;border-radius:3px 8px 8px 3px}.steps{counter-reset:step;display:grid;gap:10px}.step{display:flex;gap:14px;align-items:flex-start;background:#151618;border:1px solid #30302e;border-radius:12px;padding:15px}.stepnum{width:32px;height:32px;border-radius:50%;background:#30271a;color:#e2bd83;display:grid;place-items:center;flex:none;font-size:12px;font-weight:800}.step p{margin:4px 0 0;font-size:12px}.checkrow{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#18191b;border:1px solid #38332b;border-radius:10px;margin:8px 0;cursor:pointer}.checkrow input{margin-top:3px;accent-color:#dab576;width:16px;height:16px}.checkrow span{font-size:13px;color:#e5dfd3}.notice{padding:16px 18px;background:#1e1a16;border:1px solid #6e4e29;border-radius:12px;color:#d8c3a3;font-size:12px;line-height:1.75}.notice strong{color:#f1d6ad}.notice.teal{background:#142321;border-color:#527469;color:#bbd7d1}.notice.red{background:#2a1918;border-color:#71433e;color:#eabfba}.searchbar{display:flex;gap:8px;margin:16px 0}.searchbar input{flex:1;padding:12px 14px;background:#17181a;border:1px solid #575047;border-radius:10px;color:#fff;min-width:0}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.pill-row button{background:#17181a;color:#c4b9a8;border:1px solid #544839;padding:8px 14px;border-radius:99px;font-size:12px}.pill-row button.selected{background:#3a2b19;color:#ffdda7;border-color:#b18655}.row-between{display:flex;justify-content:space-between;align-items:center;gap:14px}.row-between > *{min-width:0}.empty{border:1px dashed #6b5940;border-radius:14px;padding:30px;color:#a7a4a0;background:#131312}.empty strong{color:#eed2a5}.split{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.portrait{width:100%;max-height:420px;object-fit:cover;object-position:center 10%;border-radius:12px}.profile-card{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:19px;align-items:center}.profile-card img{width:130px;height:145px;object-fit:cover;object-position:center 12%;border-radius:11px}.list{display:grid;gap:10px}.list-item{border:1px solid #37332b;background:#141516;border-radius:13px;padding:16px}.list-item h3{margin:6px 0 8px}.list-item p{margin-bottom:10px}.link{color:#edc78e;text-decoration:underline;text-underline-offset:3px}.person-head{display:flex;align-items:center;gap:16px}.person-head img{width:70px;height:70px;object-fit:cover;object-position:center 15%;border-radius:14px}.checkpoint{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#d5b079;margin-bottom:5px}.card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow .step{flex-direction:column;align-items:flex-start}.flow-arrow{color:#d8b376}.muted{color:var(--muted)}.tiny{font-size:11px}.text-success{color:#9fcabd}.text-warn{color:#e5c08c}.text-danger{color:#eeb1a9}.mb0{margin-bottom:0}.mt16{margin-top:16px}.mt24{margin-top:24px}.mb24{margin-bottom:24px}.mb16{margin-bottom:16px}.stack{display:grid;gap:14px}.stack.sm{gap:8px}.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.slot{padding:17px;border:1px dashed #665237;border-radius:12px;background:#161512}.slot strong{display:block;color:#e3c08a}.player-dock{position:fixed;left:260px;right:22px;bottom:18px;border:1px solid #836540;background:#1b1712;box-shadow:0 16px 45px #0008;border-radius:13px;padding:10px 15px;z-index:40;display:flex;align-items:center;gap:16px}.player-dock[hidden]{display:none}.player-dock .player-art{font-size:24px;color:#e7c18b;background:#30281c;border-radius:9px;width:48px;height:48px;display:grid;place-items:center}.player-dock small{display:block;color:#b1a18a}.player-dock audio{flex:1;min-width:110px;height:36px}.icon-btn{background:transparent;border:1px solid #59472e;border-radius:8px;color:#e3d1b5;width:32px;height:32px;font-size:20px}.toast{display:none;position:fixed;z-index:101;right:20px;bottom:96px;max-width:400px;padding:13px 18px;background:#23302a;border:1px solid #6a9479;border-radius:10px;box-shadow:0 16px 30px #0008;color:#e9f5ef;font-size:12px}.toast.on{display:block}.dialog{border:1px solid #947344;border-radius:17px;background:#121313;color:#f4e9d7;padding:30px;max-width:660px;max-height:86vh;overflow:auto;width:calc(100% - 30px);box-shadow:0 30px 90px #000b}.dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:12px}.dialog h2{padding-right:25px}.dialog p{font-size:13px}.dialog .steps .step{padding:12px}.demo-only{font-weight:700;color:#e2bd83}.response{white-space:pre-line;font-size:12px;color:#e8dcca;padding:15px;border-radius:12px;background:#1d1a16;border:1px solid #584733}.mobile-top{display:none}.plan{border:1px solid #554832;border-radius:16px;padding:25px;background:radial-gradient(circle at top right,#302318,#131516 80%)}.plan h3{font-size:21px}.pill{color:#e6c08c;font-size:11px;letter-spacing:.12em}.button-row{display:flex;flex-wrap:wrap;gap:9px}.print-sheet{display:none}@media(max-width:1250px){.audiences button{padding:9px 10px}.audiences-ico{display:none}.brand small{display:none}.cards.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.workspace{grid-template-columns:1fr}.sidebar{position:fixed;top:120px;bottom:0;left:0;width:260px;height:auto;z-index:45;transform:translateX(-110%);transition:transform .25s;box-shadow:18px 0 40px #0009}.sidebar.open{transform:none}.hamburger{display:block}.audiences{gap:0}.audiences button{font-size:11px;padding:9px}.feature-hero{grid-template-columns:1fr}.hero-art{min-height:150px}.hero-art img{max-width:130px}.hero-art:before{width:160px;height:160px}.hero-number{font-size:80px}.player-dock{left:15px;right:15px}.split{grid-template-columns:1fr}}@media(max-width:660px){.site-header{height:auto;min-height:66px;flex-wrap:wrap;padding:9px 14px;gap:8px}.brand img{width:30px;height:30px}.brand span{font-size:21px}.audiences{order:3;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.audiences button{padding:10px 2px;border-radius:8px;font-size:10px;line-height:1.25}.header-actions .outline{display:none}.sidebar{top:126px}.demo-banner{font-size:10px;gap:3px;padding:7px 10px}.demo-banner strong{display:block;width:100%}#main{padding:25px 14px 115px}.feature-hero{padding:22px;min-height:unset}.cards,.cards.two,.cards.four,.two-col,.slot-grid,.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.pagehead{flex-direction:column}.card-body,.panel{padding:18px}.profile-card{grid-template-columns:90px 1fr}.profile-card img{width:90px;height:105px}.workflow{grid-template-columns:repeat(2,1fr)}.player-dock{flex-wrap:wrap;gap:8px;padding:10px}.player-dock audio{width:100%;flex-basis:100%;order:4}.player-dock .player-art{width:32px;height:32px}.player-dock .icon-btn{margin-left:auto}.row-between{align-items:flex-start;flex-wrap:wrap}.dialog{padding:24px 17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/* V2 workflow demo improvements */
[data-route]{cursor:pointer}.tiles-meta{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.eyebrow-inline{font-size:11px;color:#d0b58b;letter-spacing:.1em}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero-art,.hero-number{pointer-events:none}.formgrid .full textarea{min-height:110px}.field select option{background:#101114}.inline-actions form{display:inline-flex}.notice{margin:12px 0}.status-display{display:inline-flex;align-items:center;gap:6px}.tabline{display:flex;flex-wrap:wrap;gap:7px;padding:0 0 15px}.tabline button{padding:8px 13px;border-radius:9px;background:#191a1b;border:1px solid #34312c;color:#eee0ca}.tabline button.active{background:#33281a;border-color:#b18c55}.review-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:16px}.image-preview{width:100%;max-height:340px;object-fit:cover;object-position:center 15%;border-radius:12px}.upload-demo{display:grid;gap:9px;padding:22px;border:1px dashed #947345;border-radius:14px;background:#161411}.upload-demo input[type=file]{max-width:100%}.workflow-note{font-size:12px;color:#bea987}.helper-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d9b376}.icon-pill{background:#2d271d;border:1px solid #64543b;border-radius:12px;padding:13px;text-align:center;color:#e6bd86}.site-header{z-index:70}.screen-reader-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#mainContent{min-height:550px}.dialog form{margin:10px 0}.demo-banner{position:sticky;top:0}.sidebar{top:111px;height:calc(100vh - 111px)}.site-header{top:35px}#mainContent .error{color:#ffc1bb}.form-message{padding:10px 12px;background:#1d2e27;color:#d7e9da;border:1px solid #567b61;border-radius:10px;margin-top:12px}.intro-splash{position:fixed;inset:0;background:#060607;display:grid;place-items:center;z-index:500;pointer-events:none;animation:splashExit .55s 2s both}.intro-splash img{width:min(38vw,180px);filter:drop-shadow(0 5px 20px #98673750);animation:splashIn 1.2s ease both}.intro-splash strong{display:block;text-align:center;font:normal clamp(35px,6vw,56px) Georgia;color:#d9b376;letter-spacing:.3em;margin-top:14px}.intro-splash small{color:#a69172;display:block;text-align:center;letter-spacing:.28em}.intro-splash .splash-words{animation:splashWords 1.2s .6s both}@keyframes splashIn{0%{opacity:0;transform:translateY(-60vh) scale(.8)}65%{opacity:1;transform:translateY(0) scale(1)}100%{transform:translateY(0) scale(1)}}@keyframes splashWords{0%{opacity:0;filter:blur(10px)}70%{opacity:1;filter:blur(0)}100%{opacity:1}}@keyframes splashExit{to{opacity:0;visibility:hidden}}@media(max-width:980px){.site-header{top:58px}.sidebar{top:126px;height:auto}.review-grid{grid-template-columns:1fr}}@media(max-width:660px){.site-header{top:68px}.sidebar{top:140px}.review-grid{grid-template-columns:1fr}.audiences{overflow-x:auto}.tag,.status{line-height:1.4}.feature-hero{gap:14px}}@media(prefers-reduced-motion:reduce){.intro-splash{animation:none;display:none}}

.feedback-link{font-size:11px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.demo-banner a.mini-link{font-weight:700}@media(max-width:660px){.site-header .feedback-link{display:none}}