:root{--app-primary: #1B3150;--app-bg: #F1F5F9;--app-surface: #FFFFFF;--app-surface-low: #F8FAFF;--app-border: #E2E8F0;--app-border-strong: #CBD5E1;--app-fg-1: #0F172A;--app-fg-2: #475569;--app-fg-3: #94A3B8;--app-accent: #4FACFE;--app-success: #10B981;--app-error: #EF4444;--app-warning: #F59E0B;--app-sipp: #6366F1;--app-teal: #14B8A6;--app-radius-xl: 20px;--app-radius-lg: 16px;--app-radius-md: 12px;--app-shadow: 0 8px 24px rgba(27, 49, 80, .06);--app-shadow-hover: 0 4px 12px rgba(27, 49, 80, .08)}.app-screen-container{background:var(--app-bg);color:var(--app-fg-1);font-family:Outfit,sans-serif;border-radius:var(--app-radius-xl);overflow:hidden;box-shadow:0 40px 100px #0f172a26;border:1px solid var(--app-border);-webkit-user-select:none;user-select:none}.app-card-v2{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-lg);padding:24px;box-shadow:0 1px 3px #00000005}.app-card-v2.hero{box-shadow:var(--app-shadow)}.app-h-hero{font-size:56px;font-weight:800;letter-spacing:-1.8px;line-height:1.1;color:var(--app-primary);font-variant-numeric:tabular-nums}.app-h-title{font-size:20px;font-weight:700;letter-spacing:-.3px}.app-h-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--app-fg-2);letter-spacing:.5px}.app-h-body{font-size:13px;font-weight:500;color:var(--app-fg-2)}.app-h-stat{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.app-status-gain{color:var(--app-success);font-weight:700}.app-status-loss{color:var(--app-error);font-weight:700}.app-badge-v2{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700}.app-badge-v2.positive{background:#10b9811a;color:var(--app-success);border:1px solid rgba(16,185,129,.15)}.app-badge-v2.neutral{background:#94a3b81a;color:var(--app-fg-2);border:1px solid rgba(148,163,184,.15)}.app-desktop-mockup{display:grid;grid-template-columns:240px 1fr;min-height:600px;background:var(--app-surface)}.app-mockup-sidebar{background:var(--app-primary);color:#fff;padding:24px 8px;display:flex;flex-direction:column;gap:4px;border-right:1px solid rgba(255,255,255,.05)}.app-mockup-nav-item{display:flex;align-items:center;gap:14px;padding:11px 16px;border-radius:12px;color:#fff9;font-size:14px;font-weight:500;transition:all .2s;letter-spacing:.02em}.app-card-v2 .ph-chart-line-up,.app-card-v2 .ph-wallet,.app-card-v2 .ph-buildings{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-mockup-nav-item.active{background:#ffffff1a;color:#fff;font-weight:700;position:relative}.app-mockup-nav-item.active:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:4px;height:16px;background:var(--app-accent);border-radius:2px}.app-mockup-main{padding:32px;background:var(--app-bg);overflow-y:auto;display:flex;flex-direction:column;gap:24px}.app-mobile-container{perspective:1200px;display:flex;justify-content:center;align-items:center;padding:40px 0;position:relative;min-height:720px}.app-phone-shell{width:320px;height:660px;background:#000;border-radius:44px;padding:12px;box-shadow:0 50px 100px #0000004d;position:absolute;transition:all .8s cubic-bezier(.23,1,.32,1)}.app-phone-shell:nth-child(1){transform:translate(-50px) rotateY(-10deg) rotateX(2deg);z-index:2;box-shadow:20px 40px 80px #0006}.app-phone-shell:nth-child(2){transform:translate(50px) rotateY(10deg) rotateX(2deg) scale(.96);z-index:1;opacity:.9}.app-mobile-container:hover .app-phone-shell:nth-child(1){transform:translate(-190px) rotateY(0) rotateX(0) scale(1);opacity:1}.app-mobile-container:hover .app-phone-shell:nth-child(2){transform:translate(190px) rotateY(0) rotateX(0) scale(1)}.app-phone-screen{width:100%;height:100%;background:var(--app-bg);border-radius:34px;overflow:hidden;display:flex;flex-direction:column}.app-phone-scroll{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.app-phone-scroll::-webkit-scrollbar{width:4px}.app-phone-scroll::-webkit-scrollbar-track{background:transparent}.app-phone-scroll::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.app-phone-scroll::-webkit-scrollbar-thumb:hover{background:#0003}.app-chart-viz{width:100%;height:180px;margin-top:16px;position:relative}.app-chart-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between}.app-chart-line{width:100%;height:1px;background:var(--app-border);border-bottom:1px dashed var(--app-border-strong)}.app-chart-path{fill:none;stroke:var(--app-sipp);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.app-legend{display:flex;gap:16px;margin-top:16px}.app-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--app-fg-2)}.app-legend-color{width:12px;height:3px;border-radius:2px}@media(max-width:768px){.app-desktop-mockup{display:none!important}.app-mobile-container{min-height:340px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:40px 0;gap:0;overflow:visible;perspective:1500px}.app-phone-shell{position:absolute;transform:scale(.48)!important;margin:0;opacity:1!important;box-shadow:0 30px 60px #0003!important;transition:transform .6s cubic-bezier(.23,1,.32,1)}.app-phone-shell:nth-child(1){transform:translate(-85px) rotateY(-10deg) scale(.48)!important;z-index:2}.app-phone-shell:nth-child(2){transform:translate(85px) rotateY(10deg) scale(.48)!important;z-index:1}.app-mobile-container:hover .app-phone-shell:nth-child(1){transform:translate(-120px) rotateY(0) scale(.52)!important}.app-mobile-container:hover .app-phone-shell:nth-child(2){transform:translate(120px) rotateY(0) scale(.52)!important}.app-h-hero{font-size:32px;letter-spacing:-1px}}.app-hero-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.app-hero-status{font-size:18px;display:flex;align-items:center;gap:6px;padding-bottom:8px}.app-segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--app-border);padding-top:24px}.app-asset-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;border:1px solid transparent}.app-asset-card.stocks{background:#6366f10a;border-color:#6366f114}.app-asset-card.savings{background:#14b8a60a;border-color:#14b8a614}.app-asset-card.property{background:#f59e0b0a;border-color:#f59e0b14}.app-asset-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.app-asset-icon.stocks{background:#6366f11f;color:#6366f1}.app-asset-icon.savings{background:#14b8a61f;color:#14b8a6}.app-asset-icon.property{background:#f59e0b1f;color:#f59e0b}.app-asset-label{font-size:9px;margin-bottom:2px}.app-asset-value{font-size:18px;font-weight:800}.app-asset-sub{font-size:10px;font-weight:700;margin-top:2px}.app-asset-sub.success{color:var(--app-success)}.app-asset-sub.muted{color:var(--app-fg-3);font-weight:600}.app-asset-sub.warning{color:var(--app-warning)}.app-section-header{margin:24px 0 12px;border-top:1px solid var(--app-border);padding-top:16px}.app-section-title{font-size:18px;font-weight:800;color:var(--app-primary);margin:0}.app-section-subtitle{font-size:12px;color:var(--app-fg-3);margin-top:4px}.app-chart-header{display:flex;justify-content:space-between;align-items:center}.app-chart-controls{display:flex;gap:8px;align-items:center}.app-metric-badge{display:flex;align-items:center;gap:6px;background:var(--app-bg);border:1px solid var(--app-border);padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--app-fg-2)}.app-chart-ranges{display:flex;gap:4px;background:var(--app-bg);padding:4px;border-radius:var(--radius-md)}.app-range-btn{font-size:10px;font-weight:800;padding:4px 8px;border-radius:var(--radius-sm)}.app-range-btn.active{background:#fff;box-shadow:0 2px 4px #0000000d}.app-chart-svg{width:100%;height:100%;position:relative}.app-chart-path-primary{stroke:var(--app-sipp);fill:#6366f10d}.app-chart-path-secondary{stroke:var(--app-accent);stroke-dasharray:4 4;stroke-width:2;opacity:.6}.app-legend-color.primary{background:var(--app-sipp)}.app-legend-color.secondary{background:var(--app-accent);opacity:.6}.app-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.app-card-title{margin-bottom:16px}.app-allocation-content{display:flex;align-items:center;gap:20px}.app-allocation-donut{width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--app-accent) 42%,var(--app-sipp) 42% 70%,var(--app-teal) 70%);position:relative;display:flex;align-items:center;justify-content:center}.app-allocation-center{width:46px;height:46px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.app-allocation-legend{flex:1;display:flex;flex-direction:column;gap:4px}.app-allocation-item{display:flex;justify-content:space-between;font-size:10px;font-weight:600}.app-isa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.app-isa-pct{font-size:14px;font-weight:800;color:var(--app-success)}.app-isa-track{height:8px;background:var(--app-bg);border-radius:4px;overflow:hidden;margin-bottom:8px}.app-isa-bar{height:100%;width:40%;background:var(--app-success)}.app-isa-text{font-size:10px;color:var(--app-fg-3);font-weight:600}.roadmap-gallery{margin-bottom:80px}.app-mobile-header{padding:44px 20px 20px;display:flex;justify-content:space-between;align-items:center;background:#fff}.app-mobile-icon{font-size:22px}.app-mobile-brand{font-weight:800;font-size:15px;letter-spacing:-.3px}.app-mobile-avatar{width:28px;height:28px;border-radius:99px;background:var(--app-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.app-bg-padded{background:var(--app-bg);padding:12px}.app-mobile-hero{padding:24px;background:#fff;border:1.5px solid var(--app-border);border-radius:24px}.app-hero-label{font-size:10px;margin-bottom:8px}.app-hero-val{font-size:32px;color:var(--app-primary)}.app-hero-tags{display:flex;align-items:center;gap:10px;margin-top:14px}.app-tag-text{text-transform:none;font-size:11px;margin:0}.app-mobile-asset-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.app-mobile-list-title{font-size:10px;font-weight:800;color:var(--app-fg-3);letter-spacing:1px;padding:0 4px;margin-bottom:4px}.app-mobile-row{padding:12px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--app-border)}.app-mobile-row-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.app-mobile-row-icon.stocks{background:#6366f114;color:#6366f1}.app-mobile-row-icon.savings{background:#14b8a614;color:#14b8a6}.app-mobile-row-icon.property{background:#f59e0b14;color:#f59e0b}.app-mobile-row-content{flex:1}.app-mobile-row-title{font-size:13px;font-weight:700}.app-mobile-row-sub{font-size:10px;font-weight:700}.app-mobile-row-sub.success{color:var(--app-success)}.app-mobile-row-sub.muted{color:var(--app-fg-3);font-weight:600}.app-mobile-row-sub.warning{color:var(--app-warning)}.app-mobile-row-val{font-size:14px;font-weight:800}.app-mobile-card{padding:16px;background:#fff;border:1px solid var(--app-border)}.app-mobile-card-label{font-size:9px;letter-spacing:.5px}.app-mobile-card-action{font-size:10px;font-weight:800;color:var(--app-accent)}.app-mobile-chart-area{height:60px;position:relative}.app-svg-full{width:100%;height:100%}.app-isa-header-mobile{display:flex;justify-content:space-between;margin-bottom:8px}.app-isa-pct-mobile{font-size:12px;font-weight:800;color:var(--app-success)}.app-isa-track-mobile{height:6px;background:var(--app-bg-alt, var(--app-bg));border-radius:3px;overflow:hidden}.app-isa-text-mobile{font-size:10px;color:var(--app-fg-3);font-weight:600;margin-top:8px}.app-mobile-nav{height:64px;background:#fff;border-top:1px solid var(--app-border);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:12px}.app-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--app-fg-3)}.app-nav-item.active{color:var(--app-accent)}.app-nav-label{font-size:9px;font-weight:700;margin-top:2px}.roadmap-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.roadmap-card-title{margin:0 0 10px}.roadmap-card-desc{font-size:14px;color:var(--color-fg-2);line-height:1.6;margin:0}.roadmap-stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.roadmap-stat-label{font-size:11px;color:var(--color-fg-3);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.roadmap-stat-value{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;color:var(--color-fg-1)}.roadmap-stat-value.success{color:var(--color-success-deep)}.roadmap-bar-track{height:6px;background:var(--color-surface-medium);border-radius:99px;overflow:hidden}.roadmap-bar-fill{height:100%;border-radius:99px}.roadmap-bar-fill.warning-gradient{background:linear-gradient(90deg,var(--color-warning),#FCD34D)}.roadmap-bar-fill.w62{width:62%}.roadmap-stats-grid{display:flex;justify-content:space-around;margin-top:10px}.roadmap-stat-col{text-align:center}.roadmap-stat-sub{font-size:10px;color:var(--color-fg-3);margin-top:2px}.roadmap-divider{width:1px;background:var(--color-border)}.roadmap-viz-title{font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--color-fg-3);letter-spacing:.5px;margin-bottom:8px}.roadmap-viz-title-lg{font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--color-fg-3);letter-spacing:.5px;margin-bottom:10px}.roadmap-bars-list{display:flex;flex-direction:column;gap:7px}.roadmap-bar-row{display:flex;align-items:center;gap:8px;font-size:11.5px}.roadmap-bar-label{flex:0 0 76px;color:var(--color-fg-2);font-weight:600}.roadmap-bar-track-md{flex:1;height:12px;background:var(--color-surface-medium);border-radius:4px;overflow:hidden}.roadmap-bar-fill-md{height:100%;border-radius:4px}.roadmap-bar-fill-md.indigo{background:var(--color-indigo)}.roadmap-bar-fill-md.error{background:var(--color-error)}.roadmap-bar-fill-md.w68{width:68%}.roadmap-bar-fill-md.w40{width:40%}.roadmap-bar-val{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;min-width:30px;text-align:right}.roadmap-bar-val.error{color:var(--color-error-deep)}.roadmap-chart-area{height:60px;position:relative;margin-bottom:6px}.roadmap-chart-caption{font-size:11px;text-align:center;color:var(--color-fg-3)}