/* Home inspired by the supplied reference; demonstration styles stay scoped. */
.is-home-dashboard { background:#05040b; }
.is-home-dashboard .topbar { background:#07050e; border-bottom-color:#282035; height:76px; padding:0 30px; }
.is-home-dashboard .brand-button strong b { color:#edbf42; }
.is-home-dashboard #resetButton { display:none; }
.is-home-dashboard .history-top-button { display:inline-flex; }
.is-home-dashboard .footer { background:#07050e; border-color:#282035; }
.home-tutorial-button { display:none; }
.is-home-dashboard .home-tutorial-button { display:inline-flex; align-items:center; gap:8px; }
.vision-home { --home-gold:#f8bd1c; --home-violet:#b166fa; max-width:1680px; margin:auto; padding:18px 26px 8px; }
.home-hero-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(340px,1fr); gap:14px; }
.home-showcase { min-width:0; min-height:490px; position:relative; isolation:isolate; overflow:hidden; border-radius:18px; background:#090611; }
.home-portrait { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% center; z-index:-3; }
.home-hero-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,#06040ded 0%,#06040de0 20%,#06040d73 43%,transparent 64%),linear-gradient(0deg,#06040d 0%,transparent 20%); }
.home-intro { padding:36px 22px 34px 18px; position:relative; z-index:1; max-width:560px; }
.home-eyebrow { color:#ceb4e4; font-size:12px; letter-spacing:.2em; margin-bottom:30px; }.home-eyebrow-spacer{height:14px;visibility:hidden;pointer-events:none;}
.home-intro h1 { font-size:clamp(33px,3.2vw,55px); font-weight:650; letter-spacing:-.035em; margin:0 0 15px; white-space:nowrap; }
.home-intro h1 span { color:var(--home-gold); font-weight:650; }
.home-tagline { font-size:clamp(17px,1.45vw,23px); line-height:1.5; text-transform:uppercase; color:#f0edf6; letter-spacing:.025em; margin:0; }
.home-accent-line { width:48px; height:2px; background:#b93cff; margin:24px 0 19px; }
.home-description { color:#e1dce8; font-size:16px; line-height:1.65; margin:0; }
.home-highlights { display:flex; gap:16px; margin-top:27px; max-width:440px; }
.home-highlights>span { display:flex; align-items:center; gap:8px; padding-right:14px; border-right:1px solid #4a3457; font-size:12px; text-transform:uppercase; }
.home-highlights>span:last-child { border:0; padding:0; }
.home-highlights .ui-icon { width:29px; height:29px; color:#bc70ff; }
.home-highlights small { display:block; font-size:11px; text-transform:none; color:#b7aabd; margin-top:3px; }
.home-hero-actions { display:flex; gap:12px; margin-top:29px; flex-wrap:wrap; }
.home-start,.home-demo { min-height:53px; padding:13px 19px; border-radius:15px; display:inline-flex; align-items:center; justify-content:center; gap:20px; font-size:14px; font-weight:550; }
.home-start { background:linear-gradient(155deg,#ffda51,#edac00); color:#16120b; border:1px solid #ffd551; box-shadow:0 6px 28px #d2950015; }
.home-demo { border:1px solid #3b304b; background:#14101ccf; color:#f5f0fc; }
.home-demo>span { font-size:22px; }
.home-signature { position:absolute; right:19px; bottom:23px; margin:0; color:white; text-transform:uppercase; font-size:17px; line-height:1.25; text-shadow:0 2px 18px #000; }
.home-signature strong { font-size:22px; color:var(--home-gold); }
.home-quick-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:8px 0 20px; }
.home-quick-card { position:relative; overflow:hidden; background:linear-gradient(140deg,#160b28,#090710 65%); border:1px solid #443153; border-radius:15px; padding:19px 17px 0; text-align:left; min-height:225px; transition:transform .2s,border-color .2s; }
.home-quick-card:hover { transform:translateY(-2px); border-color:var(--home-gold)!important; }
.quick-title { display:flex; align-items:flex-start; gap:12px; position:relative; z-index:2; }
.quick-title>.ui-icon { color:var(--home-gold); width:30px; height:30px; margin-top:1px; }
.quick-title strong { display:block; font-size:16px; font-weight:550; }
.quick-title small { display:block; font-size:13px; color:#c1b6cd; line-height:1.4; margin-top:6px; }
.home-quick-card>img { display:block; width:calc(100% + 34px); margin:15px -17px 0; height:110px; object-fit:cover; mask-image:linear-gradient(transparent,#000 28%); filter:saturate(.8); }
.quick-open { position:absolute; bottom:13px; right:13px; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#1c0a36dc; border:1px solid #ac69e69c; color:#d2a5ff; }
.home-bottom-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:17px; }
.home-panel { border:1px solid #33263f; background:linear-gradient(135deg,#0d0816,#08070f); border-radius:17px; padding:18px; min-width:0; }
.home-panel>header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:15px; }
.home-panel h2 { font-size:16px; text-transform:uppercase; letter-spacing:.025em; font-weight:500; margin:0; }
.home-panel header>button { border:1px solid #3b2d49; background:#171020; width:36px; height:29px; border-radius:8px; color:#cbb8dc; }
.home-panel header>button .ui-icon { width:18px; }
.home-demo-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.home-demo-card { text-align:left; padding:0; overflow:hidden; border:1px solid #443550; border-radius:13px; background:#100b1a; min-width:0; }
.home-demo-card.featured { border-color:var(--home-gold); box-shadow:0 0 0 1px #d699134d; }
.home-card-photo { height:118px; overflow:hidden; }
.home-card-photo img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.home-demo-card:hover img { transform:scale(1.04); }
.home-card-copy { padding:13px 43px 15px 13px; position:relative; min-height:89px; }
.home-card-copy strong { display:block; font-size:15px; font-weight:550; }
.home-card-copy small { display:block; font-size:12px; color:#c0b4cc; margin-top:5px; }
.home-card-arrow { position:absolute; right:10px; top:18px; display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#582099; color:#f5ddff; border:1px solid #b469f3; }
.home-card-arrow .ui-icon { width:17px; }
.featured .home-card-arrow { background:var(--home-gold); color:#291d06; border-color:#ffe084; }
.home-tools-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.home-tools-grid button { min-width:0; min-height:104px; padding:12px 10px; display:flex; flex-direction:column; gap:9px; align-items:flex-start; text-align:left; border:1px solid #3b2c4a; background:linear-gradient(135deg,#1a0d29,#0d0915); border-radius:12px; }
.home-tools-grid .ui-icon { width:26px; height:26px; color:#d8a94c; }
.home-tools-grid button:nth-child(even)>.ui-icon { color:#bb77f2; }
.home-tools-grid strong { display:block; font-size:13px; font-weight:500; }
.home-tools-grid small { display:block; font-size:11px; line-height:1.4; color:#b9aec6; margin-top:5px; }
.home-benefit-strip { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:20px; margin-top:17px; padding:20px 24px; border:1px solid #362841; border-radius:16px; background:linear-gradient(110deg,#100918,#09070f); }
.home-benefit-strip>div { display:flex; gap:13px; align-items:center; }
.home-benefit-strip .ui-icon { color:#bc8ce6; width:32px; height:32px; }
.home-benefit-strip strong { display:block; font-size:14px; font-weight:500; }
.home-benefit-strip small { display:block; font-size:12px; color:#b2a3c0; margin-top:4px; }
.home-benefit-strip>p { margin:0; border-left:2px solid #7844a1; padding-left:20px; font-size:15px; color:#e8dff3; }
.home-benefit-strip>p span { color:#bdb0cc; }
.home-version { display:flex; justify-content:flex-end; align-items:center; gap:10px; color:#877694; font-size:11px; letter-spacing:.08em; padding:11px 2px 0; }
.client-mode .home-tools-panel,.client-mode .home-start { display:none; }
.client-mode .home-bottom-grid { grid-template-columns:1fr; }
@media(min-width:1550px) { .home-showcase { min-height:555px; }.home-intro { padding-top:55px; }.home-quick-card>img{height:140px;}.home-quick-card { min-height:250px; } }
@media(max-width:1150px) { .home-hero-grid { grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr); }.home-intro { padding-left:10px; }.home-highlights{gap:10px;}.home-highlights>span{padding-right:8px;gap:5px;}.home-highlights .ui-icon{width:23px;height:23px;}.home-intro h1 { font-size:36px; }.home-description { font-size:15px; }.home-signature{display:none;}.home-quick-card{padding:15px 12px 0;}.home-quick-card>img{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;}.quick-title{gap:8px;}.quick-title>.ui-icon{width:24px;}.quick-title strong{font-size:14px;}.home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.home-tools-grid button{min-height:91px;flex-direction:row;gap:8px;}.home-bottom-grid{grid-template-columns:1.35fr 1fr;}.home-card-photo{height:142px;}.home-card-copy{min-height:120px;padding-right:12px;padding-bottom:38px;}.home-card-arrow{top:auto;bottom:9px;}.home-benefit-strip{grid-template-columns:repeat(2,1fr);} }
@media(max-width:900px) { .home-hero-grid{grid-template-columns:1fr;}.home-showcase{min-height:470px;}.home-portrait{object-position:70% center;}.home-intro {max-width:520px;padding:32px 20px;}.home-intro h1{font-size:44px;}.home-signature{display:block;}.home-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 0 18px;}.home-quick-card{min-height:190px;}.quick-title>.ui-icon{display:none;}.home-quick-card>img{height:92px;}.home-bottom-grid{grid-template-columns:1fr;}.home-card-copy{min-height:85px;padding:13px 45px 14px 13px;}.home-card-arrow{top:16px;bottom:auto;}.home-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.home-tools-grid button{min-height:95px;} }
@media(max-width:600px) { .is-home-dashboard .topbar{height:auto;min-height:76px;padding:14px 16px;}.is-home-dashboard .top-actions{width:100%;justify-content:space-between;}.is-home-dashboard .history-top-button{display:none;}.vision-home{padding:9px 14px 8px;}.home-showcase{min-height:515px;}.home-portrait{object-position:67% center;opacity:.78;}.home-hero-shade{background:linear-gradient(90deg,#08040deb,#08040d66 70%),linear-gradient(0deg,#08040d,transparent 50%);}.home-intro{padding:28px 15px;max-width:none;}.home-eyebrow{font-size:10px;margin-bottom:38px;letter-spacing:.14em;}.home-intro h1{font-size:clamp(27px,8.4vw,43px);}.home-tagline{font-size:16px;}.home-description{font-size:14px;}.home-highlights{gap:10px;margin-top:24px;}.home-highlights .ui-icon{display:none;}.home-highlights>span{font-size:11px;}.home-highlights small{font-size:10px;}.home-hero-actions{gap:9px;flex-direction:column;max-width:300px;}.home-start,.home-demo{min-height:47px;}.home-signature{display:none;}.home-quick-grid{grid-template-columns:1fr 1fr;gap:10px;}.quick-title>.ui-icon{display:block;}.home-quick-card{min-height:196px;}.home-panel{padding:15px 12px;}.home-panel h2{font-size:14px;}.home-demo-cards{grid-template-columns:1fr;}.home-demo-card{display:grid;grid-template-columns:110px 1fr;}.home-card-photo{height:100%;min-height:106px;}.home-card-copy{min-height:106px;display:flex;flex-direction:column;justify-content:center;}.home-card-arrow{top:38px;}.home-tools-grid{grid-template-columns:1fr 1fr;}.home-tools-grid button{min-height:116px;flex-direction:column;}.home-tools-grid strong{font-size:14px;}.home-tools-grid small{font-size:12px;}.home-benefit-strip{padding:17px 16px;gap:19px;grid-template-columns:1fr;}.home-benefit-strip>p{font-size:15px;padding-left:15px;}.home-benefit-strip .ui-icon{width:27px;height:27px;} }
@media(prefers-reduced-motion:reduce) { .home-quick-card,.home-card-photo img{transition:none;} }