.sample-hero__grid{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);align-items:end;gap:72px;display:grid}.sample-hero .headline{max-width:900px}.sample-hero .subhead{max-width:820px}.sample-hero__actions{justify-items:stretch;gap:12px;display:grid}.sample-hero__actions .button{width:100%}.sample-hero__actions svg,.sample-download svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.sample-hero__actions p{color:#7f89b1;text-align:center;margin:2px 0 0;font-size:.78rem}.sample-workspace{background:radial-gradient(circle at 78% 8%,#5748ff38,#0000 30rem),#05071a;padding:64px 0 110px;position:relative}.sample-workspace:before{content:"";opacity:.18;pointer-events:none;background-image:linear-gradient(#98a3d61a 1px,#0000 1px),linear-gradient(90deg,#98a3d61a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 50%)}.sample-workspace .container{width:min(1380px,100% - 64px);position:relative}.sample-window{backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #ffffff2b;border-radius:27px;padding:10px;overflow:hidden;box-shadow:0 50px 130px #00000085}.sample-window__chrome{color:#9da6ce;letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:48px;padding:0 16px;font:800 .64rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.sample-window__chrome span:nth-child(2){text-align:center}.sample-window__chrome span:last-child{color:var(--lime);text-align:right}.sample-app{color:#11162e;background:#f4f6fa;border-radius:18px;padding:28px}.sample-app__header{background:#fff;border:1px solid #dfe3ec;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:20px;display:flex}.sample-app__identity{align-items:center;gap:14px;min-width:0;display:flex}.sample-app__identity p{letter-spacing:-.025em;margin:0 0 5px;font-size:1.18rem;font-weight:900}.sample-app__identity div>span{color:#737b91;font-size:.84rem}.sample-app__icon{color:#9a43ef;background:#f3e9ff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:1.4rem;font-weight:900;display:grid}.sample-download{color:#fff;cursor:pointer;background:#5b4df0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-weight:850;text-decoration:none;display:inline-flex}.sample-property-meta{color:#697087;align-items:center;gap:10px;padding:14px 8px 4px;font-size:.78rem;display:flex}.sample-property-meta i{background:#aab0bf;border-radius:50%;width:3px;height:3px}.sample-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.sample-kpi{background:#fff;border:1px solid #e1e5ee;border-radius:14px;min-width:0;min-height:112px;padding:16px}.sample-kpi span,.sample-kpi small{color:#737b91;font-size:.72rem;display:block}.sample-kpi strong{letter-spacing:-.04em;margin:10px 0 6px;font-size:clamp(1.25rem,2vw,1.7rem);display:block}.sample-kpi--green{color:#fff;background:linear-gradient(145deg,#19bb6c,#0da758);border-color:#19b969}.sample-kpi--green span,.sample-kpi--green small{color:#ffffffd6}.sample-primary-grid,.sample-detail-grid,.sample-secondary-grid{gap:16px;margin-top:16px;display:grid}.sample-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sample-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-panel{background:#fff;border:1px solid #dfe3ec;border-radius:15px;min-width:0;padding:22px}.sample-panel h2{letter-spacing:-.02em;align-items:center;gap:9px;margin:0 0 18px;font-size:1rem;display:flex}.sample-panel h2>span{color:#5b4df0}.sample-panel__title{justify-content:space-between;margin-bottom:22px;display:flex}.sample-panel__title h2{margin:0 0 3px;font-size:1.06rem}.sample-panel__title p{color:#858ca0;margin:0;font-size:.74rem}.sample-bar-row{margin-top:15px}.sample-bar-row>div{justify-content:space-between;gap:15px;margin-bottom:7px;font-size:.78rem;display:flex}.sample-bar-row b{color:#377bea}.sample-bar-row>i{background:#edf0f5;border-radius:999px;height:12px;display:block;overflow:hidden}.sample-bar-row>i span{border-radius:inherit;background:#3d83f7;height:100%;display:block}.sample-bar-row--orange b{color:#f07322}.sample-bar-row--orange>i span{background:#ff7c22}.sample-bar-row--purple b{color:#9b45ec}.sample-bar-row--purple>i span{background:#a449f5}.sample-bar-row--green b{color:#13a95c}.sample-bar-row--green>i span{background:#20c56a}.sample-bar-row--red b{color:#e24149}.sample-bar-row--red>i span{background:#ed4850}.sample-total{border-top:2px solid #e9ecf2;justify-content:space-between;align-items:baseline;gap:16px;margin-top:20px;padding-top:16px;font-size:.82rem;display:flex}.sample-total strong{font-size:1.26rem}.sample-total--flow{grid-template-columns:1fr auto;display:grid}.sample-total--flow strong{color:#377bea;font-size:1.65rem}.sample-total--flow small{color:#858ca0;grid-column:1/-1}.sample-finance-callout,.sample-split-callout,.sample-property-card{color:#44815c;background:#effbf3;border:1px solid #ccead8;border-radius:10px;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding:13px;font-size:.7rem;display:grid}.sample-finance-callout b,.sample-split-callout b,.sample-property-card b{color:#183f28;margin-top:4px;font-size:.8rem;display:block}.sample-split-callout{color:#845bb0;background:#f8f1ff;border-color:#e2d5f8}.sample-split-callout b{color:#4f2d72}.sample-panel dl{margin:0}.sample-panel dl>div{border-bottom:1px solid #edf0f5;justify-content:space-between;gap:18px;padding:10px 0;display:flex}.sample-panel dt{color:#747c90;font-size:.76rem}.sample-panel dd{text-align:right;margin:0;font-size:.78rem;font-weight:850}.sample-panel__result{color:#5e687d;background:#edf5ff;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:12px;font-size:.72rem;display:flex}.sample-panel__result strong{color:#3978dc;font-size:.95rem}.sample-panel__result--green{background:#eefaf2}.sample-panel__result--green strong{color:#19a859}.sample-panel__result--purple{background:#f7efff}.sample-panel__result--purple strong{color:#a044e5}.sample-panel__result--orange{background:#fff4ea}.sample-panel__result--orange strong{color:#e86e1c}.sample-property-card{color:#667993;background:#f0f6ff;border-color:#d5e5fb}.sample-property-card b{color:#27394e}.sample-explanation{color:#fff;background:linear-gradient(135deg,#111841,#28236d);border-radius:15px;grid-template-columns:.78fr 1.22fr;align-items:end;gap:44px;margin-top:16px;padding:30px;display:grid}.sample-explanation span{color:var(--lime);letter-spacing:.14em;font:850 .68rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.sample-explanation h2{letter-spacing:-.035em;margin:12px 0 0;font-size:1.55rem}.sample-explanation p{color:#c1c8e2;margin:0;line-height:1.7}@media (width<=980px){.sample-hero__grid{grid-template-columns:1fr;align-items:start;gap:38px}.sample-hero__actions{max-width:460px}.sample-kpis{grid-template-columns:repeat(3,1fr)}.sample-detail-grid{grid-template-columns:1fr 1fr}.sample-detail-grid .sample-panel:last-child{grid-column:1/-1}.sample-explanation{grid-template-columns:1fr;gap:20px}}@media (width<=700px){.sample-workspace{padding:28px 0 76px}.sample-workspace .container{width:min(100% - 20px,1380px)}.sample-window{border-radius:20px;padding:6px}.sample-window__chrome{grid-template-columns:1fr auto;min-height:42px;padding:0 9px;font-size:.55rem}.sample-window__chrome span:nth-child(2){display:none}.sample-app{border-radius:14px;padding:10px}.sample-app__header{flex-direction:column;align-items:flex-start;padding:15px}.sample-app__identity p{font-size:1rem}.sample-app__identity div>span{font-size:.72rem;line-height:1.45;display:block}.sample-download{width:100%}.sample-property-meta{flex-wrap:wrap}.sample-kpis{grid-template-columns:1fr 1fr;gap:8px}.sample-kpi{min-height:102px;padding:13px}.sample-primary-grid,.sample-detail-grid,.sample-secondary-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.sample-detail-grid .sample-panel:last-child{grid-column:auto}.sample-panel{padding:16px}.sample-explanation{margin-top:10px;padding:22px 18px}.sample-explanation h2{font-size:1.3rem}.sample-explanation p{font-size:.88rem}}
