html,body{width:100%;height:100%;margin:0}body{overflow:hidden;background:#173c5b}#xp-portfolio{--xp-blue:#0867d8;--xp-dark:#0755bd;--xp-green:#42a52d;--xp-silver:#f2f0e7;--xp-line:#aab8c5;--xp-ink:#202b38;--xp-muted:#546271;width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;position:relative;color:var(--xp-ink);font:14px Tahoma,Verdana,sans-serif;background:#67a8d8;box-shadow:0 12px 34px #102b4735;border:1px solid #7b9fca}
#xp-portfolio *{box-sizing:border-box}#xp-portfolio button{font:inherit;cursor:pointer;color:inherit}
#xp-portfolio .sky{position:absolute;inset:0;overflow:hidden;background-image:url("assets/windows-xp-wallpaper.webp");background-size:cover;background-position:center top}
#xp-portfolio .sky:before,#xp-portfolio .sky:after{display:none}
#xp-portfolio .icons{position:absolute;z-index:2;left:10px;top:12px;display:grid;gap:8px;width:75px}.xp-icon{width:72px;min-height:74px;padding:4px 2px;background:transparent;border:1px solid transparent;color:#fff!important;text-shadow:1px 1px 2px #172e49;font-size:12px}.xp-icon:hover,.xp-icon:focus-visible{background:#176fc966!important;border:1px dotted #fff!important}.xp-glyph{width:37px;height:32px;margin:0 auto 5px;display:grid;place-items:center;position:relative;color:#435a74;font-size:20px;text-shadow:none;filter:drop-shadow(1px 2px 1px #173b5c88)}.folder-glyph{background:linear-gradient(#ffe987 0 23%,#e6b839 25%,#ffda62 39%,#d4961c 100%);border:1px solid #b27a12;border-radius:3px;transform:skew(-4deg)}.pc-glyph{background:linear-gradient(135deg,#edfbff,#73c1ee 54%,#317fbd);border:2px solid #dbe8ef;border-radius:3px;box-shadow:4px 3px 0 -1px #d5e1e9}.mail-glyph{background:linear-gradient(135deg,#fff,#f9da78);border:1px solid #a07e2b}.doc-glyph{background:linear-gradient(90deg,#fff,#e5f1ff);border:1px solid #8798a7}
#xp-portfolio .mainwin{position:absolute;z-index:3;left:8%;top:4.5%;width:84%;height:88%;min-height:420px;border:1px solid #0647a4;border-radius:10px 10px 2px 2px;overflow:hidden;background:#fff;box-shadow:3px 7px 18px #08295170;display:grid;grid-template-rows:43px 34px 1fr 23px}
#xp-portfolio .titlebar{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 13px;color:#fff;font-size:16px;text-shadow:0 1px 2px #003f9c;background:linear-gradient(#3998ff 0%,#0768e2 42%,#0757c9 100%);border-bottom:1px solid #54a0fa}.xp-brand{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1px solid #dcecff;background:linear-gradient(#fff,#79aee8);color:#1555aa;text-shadow:none;font-size:15px}.title-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wincontrols{display:flex;gap:4px}.wincontrol{width:30px;height:25px;border:1px solid #d9e9ff!important;border-radius:4px;color:white!important;background:linear-gradient(#70b9ff,#1670d9 55%,#0756b8)!important;box-shadow:inset 0 1px #fff8;font-size:18px!important;line-height:18px}.wincontrol.close{background:linear-gradient(#ffb37c,#f04a22 55%,#c52511)!important}
#xp-portfolio .menubar,#xp-portfolio .addressbar{display:flex;align-items:center;gap:24px;padding:0 15px;background:#f7f5ee;border-bottom:1px solid #c9c7bd;color:#26303b;white-space:nowrap;font-size:13px}.xp-menuitem{padding:6px 0}.addressbar{height:32px;gap:10px;background:linear-gradient(#fbfaf5,#e8e5da);font-size:12px;color:#485766}.address-label{color:#707d88}.addresspath{flex:1;padding:4px 8px;border:1px solid #bac4ca;background:white;box-shadow:inset 0 1px 2px #00000013}.go-button{border:1px solid #bbc6ce!important;background:linear-gradient(#fff,#e5e8e9)!important;padding:3px 11px}
#xp-portfolio .appbody{min-height:0;display:grid;grid-template-columns:150px minmax(0,1fr)}.sidebar{padding:13px 10px;background:linear-gradient(90deg,#f6f7f9,#e9edf2);border-right:1px solid #bdc6cf;display:flex;flex-direction:column;gap:4px}.sidehead{padding:0 8px 7px;color:#667788;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.navbtn{min-height:39px;text-align:left;border:1px solid transparent!important;background:transparent!important;padding:6px 10px;color:#23476c!important}.navbtn .navico{display:inline-grid;width:22px;margin-right:5px;color:#477cad;font-size:16px;text-align:center}.navbtn:hover{background:#edf5ff!important;border-color:#d2e5f8!important}.navbtn.active{background:linear-gradient(#3689f0,#1465d3)!important;color:#fff!important;border:1px solid #0d54b1!important;box-shadow:inset 0 1px #ffffff63}.navbtn.active .navico{color:#fff}.sidebottom{margin-top:auto;padding:10px 8px;border-top:1px solid #cbd3db;color:#6e7c89;font-size:11px;line-height:1.6}
#xp-portfolio .content{overflow:auto;padding:21px 24px 17px;background:linear-gradient(135deg,#fff,#fbfbfa)}.hero{display:grid;grid-template-columns:160px minmax(0,1fr);gap:23px;align-items:center}.portrait{height:186px;position:relative;overflow:hidden;border:1px solid #c5d1da;border-radius:4px;padding:6px;background:linear-gradient(#fff,#f1f2f2);box-shadow:0 2px 5px #172e451c}.portrait-art{height:100%;display:grid;place-items:center;overflow:hidden;position:relative;background:radial-gradient(ellipse at 48% 38%,#d2edff,#77b7e6 58%,#3c78a9 100%)}.portrait-art:before{content:"";position:absolute;width:98px;height:109px;top:22px;border-radius:47% 47% 42% 42%;background:linear-gradient(115deg,#20252c,#101418 48%,#363b41);box-shadow:0 -10px 0 7px #1d2228}.portrait-art:after{content:"WS";position:absolute;top:54px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#edc09a,#b7775d);color:#fff;font-weight:bold;box-shadow:0 58px 0 27px #283642,0 88px 0 50px #182734;font-size:14px}.portrait-label{position:absolute;bottom:5px;left:0;right:0;z-index:1;text-align:center;color:#fff;font-size:10px;text-shadow:0 1px 2px #142f48}
#xp-portfolio .availability{display:flex;align-items:center;gap:7px;color:#516a80;font-size:12px;margin-bottom:10px}.green-dot{width:9px;height:9px;border-radius:50%;background:#48b158;box-shadow:0 0 0 2px #def0df}.hero h1{margin:0 0 7px;color:#182433;font-size:30px;font-weight:500;letter-spacing:.01em}.hero h1 span{color:#0965d2}.role{font-family:Consolas,"Courier New",monospace;color:#24507c;font-size:15px;margin-bottom:12px}.intro{color:#435260;line-height:1.55;margin:0;max-width:560px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:17px}.xp-action{min-height:42px;padding:7px 16px;border:1px solid #c0c7ce!important;border-radius:4px;background:linear-gradient(#fff,#e4e8ec)!important;box-shadow:inset 0 1px #fff;color:#1e2b38!important}.xp-action.primary{color:#fff!important;border-color:#0756bb!important;background:linear-gradient(#378efa,#0864d9 55%,#0755bd)!important;box-shadow:inset 0 1px #ffffff60,0 2px 2px #153f701c}.actionico{font-size:16px;margin-right:8px;color:inherit}.rule{border:0;border-top:1px solid #d7dce0;margin:19px 0 14px}.traits{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.trait{display:flex;align-items:flex-start;gap:9px;color:#304152}.traitico{font-size:20px;color:#dfa92b}.trait b{display:block;font-weight:500;color:#1f3449;margin-bottom:3px}.trait small{display:block;color:#526577;line-height:1.4}
#xp-portfolio .statusbar{display:flex;align-items:center;gap:6px;padding:2px 8px;background:#f5f4ee;border-top:1px solid #c8c6be;color:#65717b;font-size:11px}.status-segment{padding-left:8px;border-left:1px solid #ccc}
#xp-portfolio .projectwin{position:absolute;z-index:5;left:5.5%;bottom:7%;width:47%;height:38%;min-height:235px;border:1px solid #084ba7;border-radius:9px 9px 2px 2px;overflow:hidden;background:#fff;box-shadow:4px 8px 19px #10284985;display:grid;grid-template-rows:37px 31px 1fr 20px}.projectwin .titlebar{font-size:14px}.projecttools{display:flex;align-items:center;gap:15px;padding:4px 11px;background:linear-gradient(#fff,#e8e5dc);border-bottom:1px solid #c9c7be;font-size:12px;color:#415264}.toolback{font-size:17px;color:#318349}.projectgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;align-content:start;background:#fff;overflow:auto}.projectcard{min-width:0;text-align:left;border:1px solid #d3d8dd!important;border-radius:4px;background:linear-gradient(#fff,#f7f7f7)!important;padding:5px;color:#1c2734!important;box-shadow:0 1px 2px #00000012}.projectcard:hover{border-color:#7aabd9!important;background:#f3f8ff!important}.projectthumb{height:58px;margin-bottom:6px;display:grid;place-items:center;overflow:hidden;color:white;font-size:21px;background:radial-gradient(circle at 65% 30%,#62dcff,#1b51b8 50%,#172e57)}.projectcard:nth-child(2) .projectthumb{background:linear-gradient(145deg,#183b58,#74a76a 50%,#d8d4b2)}.projectcard:nth-child(3) .projectthumb{background:linear-gradient(135deg,#f8be50,#e36a46 50%,#85388c)}.projectcard b{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projectcard small{display:block;color:#637386;font-size:10px;line-height:1.3;margin-top:3px}.projectfoot{padding:2px 8px;border-top:1px solid #d2d0c8;background:#f3f1e9;color:#63707b;font-size:10px}
#xp-portfolio .contactwin{position:absolute;z-index:6;right:3.7%;bottom:9%;width:30%;height:35%;min-height:218px;border:1px solid #084ba7;border-radius:9px 9px 2px 2px;overflow:hidden;background:#fff;box-shadow:4px 8px 19px #10284988;display:grid;grid-template-rows:37px 29px 1fr}.contactwin .titlebar{font-size:14px}.contactbody{padding:11px 14px;font-family:Consolas,"Courier New",monospace;line-height:1.55;color:#283440;font-size:12px}.contactbody p{margin:0 0 8px}.contactbody ul{padding-left:18px;margin:0 0 8px}.contactbody a{color:#075bc2;text-decoration:none}.contactline{padding-top:4px;color:#41586f}
#xp-portfolio .taskbar{position:absolute;z-index:10;bottom:0;left:0;right:0;height:38px;display:flex;align-items:center;gap:5px;padding:3px 6px;color:white;background:linear-gradient(#3889eb,#1464d4 52%,#084ba9);border-top:1px solid #8fc4ff;box-shadow:0 -2px 7px #173c5e55}.start{height:32px;min-width:104px;padding:2px 13px 2px 8px;border:1px solid #6ebd49!important;border-radius:0 17px 17px 0;color:white!important;background:linear-gradient(#7ad64e,#49aa2b 50%,#30871d)!important;text-shadow:0 1px 2px #235516;box-shadow:inset 0 1px 2px #efffe5;font-weight:bold!important;font-size:17px!important}.startmark{font-size:19px;margin-right:6px}.tasktab{height:28px;max-width:225px;min-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 11px;color:white!important;text-align:left;border:1px solid #104b9b!important;border-radius:3px;background:linear-gradient(#438cdf,#2164bd)!important;font-size:12px!important}.tasktab.active{background:linear-gradient(#1d5eb6,#357ddd)!important;box-shadow:inset 0 1px 4px #113d7f}.tray{margin-left:auto;height:29px;display:flex;align-items:center;gap:7px;padding:0 9px;border-left:1px solid #83b8f4;font-size:12px;white-space:nowrap}.tray-icons{font-size:15px}
#xp-portfolio .startmenu{position:absolute;z-index:12;bottom:37px;left:6px;width:min(350px,calc(100% - 12px));background:#f7f6ef;border:1px solid #174d9e;box-shadow:3px 4px 12px #10294588}.starthead{padding:10px 13px;color:#fff;background:linear-gradient(110deg,#3885d6,#1250a9);font-size:15px}.startrows{display:grid;grid-template-columns:1fr 1fr;min-height:180px}.startcol{padding:8px;display:grid;align-content:start;gap:2px}.startcol:first-child{background:#fff;border-right:1px solid #d3d0c5}.startlink{padding:8px;text-align:left;border:0!important;background:transparent!important;color:#203b5b!important;font-size:12px}.startlink:hover{background:#dceafa!important}
#xp-portfolio .caseview{padding:15px 19px;background:white;color:#2c3946;line-height:1.5}.caseview h2{margin:0 0 5px;font-size:20px;font-weight:500;color:#174d91}.caseview p{margin:6px 0 10px}.caseflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.case-step{padding:9px;border:1px solid #c7d7e7;background:linear-gradient(#fff,#eef5fb);min-height:81px;position:relative}.case-step:not(:last-child):after{content:"›";position:absolute;right:-10px;top:24px;z-index:1;color:#3274b5;font-size:20px}.case-step small{display:block;color:#6485a4;font-size:10px}.case-step b{display:block;color:#1c4c7d;font-size:12px;font-weight:500;margin:5px 0}.case-step span{display:block;color:#5a6875;font-size:11px}.casefacts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #d7dde2;padding-top:9px}.casefacts div{color:#566674;font-size:11px}.casefacts b{display:block;color:#244766;font-size:11px;font-weight:500}
#xp-portfolio .mainwin.maximized{left:1%;top:1%;width:98%;height:92%}#xp-portfolio .projectwin.maximized,#xp-portfolio .contactwin.maximized{left:1%;right:auto;top:1%;bottom:auto;width:98%;height:92%}
#xp-portfolio .titlebar{touch-action:none;cursor:move;user-select:none}#xp-portfolio .resize-grip{position:absolute;right:2px;bottom:2px;z-index:15;width:21px;height:21px;padding:0;border:0!important;background:linear-gradient(135deg,transparent 0 48%,#9aa5b1 49% 55%,transparent 56% 65%,#9aa5b1 66% 72%,transparent 73%)!important;cursor:nwse-resize!important;touch-action:none}.mainwin .resize-grip{position:absolute!important}.projectwin .resize-grip,.contactwin .resize-grip{position:absolute!important}
#xp-portfolio .mainwin,#xp-portfolio .projectwin,#xp-portfolio .contactwin{min-width:300px;min-height:190px;max-width:calc(100% - 12px);max-height:calc(100% - 46px)}
#xp-portfolio[data-view="focused"] .mainwin{left:17%;top:7%;width:76%;height:80%}
#xp-portfolio [hidden]{display:none!important}
#xp-portfolio .lens-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #c8cdd1;padding:12px 0 13px;margin:15px 0 18px}
#xp-portfolio .lens-tab{border:1px solid #b9c4ce;border-radius:15px;background:linear-gradient(#fff,#e9edf1);padding:7px 12px;color:#425a70;font-size:12px}
#xp-portfolio .lens-tab:hover,#xp-portfolio .lens-tab.is-active{color:#fff;background:linear-gradient(#3488e8,#1462c7);border-color:#1559ae}
#xp-portfolio .lens-content{max-width:560px;padding:4px 0 10px}
#xp-portfolio .lens-count,.case-number{font-size:10px;letter-spacing:.08em;color:#67809a}
#xp-portfolio .lens-content h3{font-size:20px;line-height:1.3;font-weight:500;color:#194c86;margin:12px 0 7px}
#xp-portfolio .lens-content>p{color:#455565;line-height:1.55;margin:0}
#xp-portfolio .lens-related{margin-top:18px}
#xp-portfolio .lens-related>span{font-size:10px;letter-spacing:.08em;color:#60758a}
#xp-portfolio .lens-related>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
#xp-portfolio .lens-related button{background:linear-gradient(#fff,#edf2f7);border:1px solid #c5d1dc;padding:6px 9px;color:#1f4c7b;font-size:11px}
#xp-portfolio .lens-index{float:right;color:#8895a1;font-size:12px}
#xp-portfolio .lens-index #lensLargeNumber{font-size:36px;color:#b6c5d3}
#xp-portfolio .related-threads{padding-top:16px;border-top:1px solid #d7dce0;color:#586a7c;font-size:12px;line-height:1.6}
#xp-portfolio .case-number{display:block;margin-bottom:9px;color:#517ba2}
#xp-portfolio .case-tags{margin-top:15px;color:#55718b;font-size:10px;letter-spacing:.06em}
#xp-portfolio .caseview h3{color:#244e74;font-weight:500;font-size:14px;margin:13px 0 4px}
/* Welcome window: a large, scrollable Notepad-style personal landing page. */
#xp-portfolio .notepad-window{grid-template-rows:43px 34px minmax(0,1fr)!important}
#xp-portfolio .notepad-window .appbody{grid-template-columns:minmax(0,1fr)}
#xp-portfolio .notepad-brand{border-radius:3px;background:linear-gradient(#dff5ff,#83bde9);font-family:Consolas,monospace}
#xp-portfolio .notepad-menu{gap:25px}
#xp-portfolio .notepad-content{display:block;min-width:0;min-height:0;overflow:auto;padding:14px 16px 10px;background:#fff;color:#172437;font-family:Consolas,"Courier New",monospace}
#xp-portfolio .welcome-page{max-width:1500px;margin:0 auto}
#xp-portfolio .welcome-hero{min-height:174px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,31%);gap:18px;align-items:center;padding:8px 14px 13px}
#xp-portfolio .welcome-copy h1{margin:0 0 13px;font-size:clamp(24px,3vw,39px);font-weight:500;letter-spacing:.015em;color:#17243a}
#xp-portfolio .typing-caret{display:inline-block;width:.38em;height:.85em;margin-left:.12em;vertical-align:-.06em;background:#0965d2;animation:caretBlink 1s steps(2,start) infinite}
@keyframes caretBlink{to{visibility:hidden}}
#xp-portfolio .welcome-copy p{margin:0 0 8px;color:#27364b;font-size:clamp(12px,1vw,15px);line-height:1.55}
#xp-portfolio .welcome-illustration{width:100%;max-height:172px;overflow:visible}
#xp-portfolio .welcome-panels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:5px 0 12px}
#xp-portfolio .welcome-panel{min-width:0;border:1px solid #c7dff3;border-radius:7px;background:linear-gradient(#fff,#fbfdff);box-shadow:0 1px 2px #173b5c0d;overflow:hidden}
#xp-portfolio .welcome-panel h2{height:45px;display:flex;align-items:center;gap:13px;margin:0;padding:6px 15px;background:linear-gradient(90deg,#edf6ff,#f9fbfe);border-bottom:1px solid #e0eaf2;color:#153354;font-family:Tahoma,Verdana,sans-serif;font-size:clamp(15px,1.25vw,20px);font-weight:600}
#xp-portfolio .welcome-panel h2>span{display:inline-grid;place-items:center;width:27px;color:#0865d2;font-size:23px;text-shadow:0 1px 1px #84b6e3}
#xp-portfolio .panel-copy{padding:10px 15px 12px;font-size:13px;line-height:1.45}
#xp-portfolio .panel-copy p{margin:0 0 9px}
#xp-portfolio .panel-meta{padding-top:6px;color:#435c77;font-size:12px}
#xp-portfolio .build-list{display:grid;gap:7px;margin:0;padding:10px 14px 12px;list-style:none;font-family:Tahoma,Verdana,sans-serif;font-size:12px}
#xp-portfolio .build-list li{display:flex;gap:9px;align-items:baseline;line-height:1.35}
#xp-portfolio .build-list li:before{content:"✓";flex:0 0 19px;height:19px;display:grid;place-items:center;border:1px solid #29945a;border-radius:3px;background:linear-gradient(#67e6a3,#13a454);color:#fff;font-weight:bold;text-shadow:0 1px #167244}
#xp-portfolio .build-list b{color:#1b2c42;font-weight:600;white-space:nowrap}
#xp-portfolio .build-list span{color:#66768a}
#xp-portfolio .experience-list{padding:7px 13px 10px}
#xp-portfolio .experience-list article{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:7px;padding:6px 0 8px;font-family:Tahoma,Verdana,sans-serif}
#xp-portfolio .experience-list article:not(:last-child):after{position:absolute;content:"";left:5px;top:20px;bottom:-2px;width:2px;background:#d0e4f6}
#xp-portfolio .experience-list i{grid-row:span 2;z-index:1;width:11px;height:11px;margin-top:2px;border-radius:50%;background:#0871e6;border:2px solid #d4e9ff}
#xp-portfolio .experience-list b{font-size:12px;font-weight:600;color:#203755}
#xp-portfolio .experience-list small{margin-top:3px;color:#718198;font-size:10px;line-height:1.35}
#xp-portfolio .welcome-lower{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(290px,.88fr);gap:12px}
#xp-portfolio .selected-list{padding:5px 13px 7px}
#xp-portfolio .selected-list button{width:100%;min-height:66px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:6px 2px;border:0!important;border-bottom:1px solid #e3eaf0!important;background:transparent!important;text-align:left;color:#1c2a3e!important}
#xp-portfolio .selected-list button:last-child{border-bottom:0!important}
#xp-portfolio .selected-list button:hover{background:#f3f8ff!important}
#xp-portfolio .project-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#071b42;color:#ecf7ff;font-family:Tahoma,sans-serif;font-size:24px;box-shadow:inset 0 0 0 1px #496694}
#xp-portfolio .cura-mark{background:#0e4b82;color:#7cf3d2}.tobe-mark{font-size:17px!important;color:#f6fbff!important}
#xp-portfolio .selected-list button>span{min-width:0}
#xp-portfolio .selected-list b{display:block;font-family:Tahoma,sans-serif;font-size:14px;margin-bottom:3px}
#xp-portfolio .selected-list small{display:block;color:#6b7c90;font-size:11px;line-height:1.35}
#xp-portfolio .selected-list em{padding:7px 10px;border:1px solid #91bce7;border-radius:5px;color:#075bc5;font-family:Tahoma,sans-serif;font-size:11px;font-style:normal;white-space:nowrap}
#xp-portfolio .welcome-contact .panel-copy{padding-top:12px}
#xp-portfolio .welcome-contact a,#xp-portfolio .welcome-contact button{display:block;margin-top:9px;padding:7px 0;border:0!important;background:transparent!important;color:#075bc5!important;text-align:left;font-family:Consolas,"Courier New",monospace;font-size:12px;text-decoration:none}
#xp-portfolio .welcome-contact button{padding:7px 9px;border:1px solid #c6dff3!important;background:#f4f9ff!important;border-radius:4px}
#xp-portfolio .welcome-signoff{margin-top:10px;padding:8px 10px;border-radius:6px;background:#e7f3ff;color:#075bc5;text-align:center;font-family:Tahoma,Verdana,sans-serif;font-size:clamp(11px,1.25vw,17px);font-weight:bold;letter-spacing:.12em}
/* Howard Prime: a separate, fully interactive agent-system showcase. */
#xp-portfolio .howardwin{position:absolute;z-index:7;left:5%;top:4%;width:90%;height:88%;min-width:340px;min-height:360px;max-width:calc(100% - 12px);max-height:calc(100% - 46px);border:1px solid #0874f5;border-radius:10px 10px 3px 3px;overflow:hidden;background:#06132e;box-shadow:0 9px 28px #00112cbd;display:grid;grid-template-rows:43px 34px minmax(0,1fr);color:#e9f2ff;font:14px "Segoe UI",Tahoma,Verdana,sans-serif}
#xp-portfolio .howard-brand{border-radius:3px;color:#071a3b;font-family:Tahoma,sans-serif;font-weight:bold;font-size:18px}
#xp-portfolio .prime-menu{gap:24px}
#xp-portfolio .prime-app{height:100%;min-height:0;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto minmax(145px,.58fr);gap:10px;padding:13px 18px 15px;overflow:auto;background:radial-gradient(ellipse at 42% 9%,#10214a 0,#08142f 45%,#05102a 100%);color:#eaf1ff}
#xp-portfolio .prime-heading{display:grid;grid-template-columns:76px minmax(210px,1fr) auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:4px 3px 6px}
#xp-portfolio .prime-logo{grid-row:1/3;width:68px;height:68px;display:grid;place-items:center;border:1px solid #147cff;border-radius:15px;background:linear-gradient(145deg,#112e68,#07142f 70%);box-shadow:0 0 23px #0965e641;color:#37a5ff;font-size:43px;font-weight:700;text-shadow:0 0 16px #118cff}
#xp-portfolio .prime-heading-copy h1{margin:0;color:#f6f8ff;font-size:clamp(24px,3vw,38px);letter-spacing:.02em;line-height:1.08}
#xp-portfolio .prime-heading-copy p{margin:5px 0 0;color:#b5c6e4;font-size:clamp(14px,1.75vw,23px)}
#xp-portfolio .prime-state{display:flex;align-items:center;gap:11px;grid-column:3;grid-row:1}
#xp-portfolio .build-pill,#xp-portfolio .online-pill{padding:8px 13px;border:1px solid #294776;border-radius:12px;color:#a9c4ef;background:#0c1a38;font-size:11px;white-space:nowrap}
#xp-portfolio .online-pill{border-color:#1e9463;border-radius:18px;background:#0a9e63;color:#06192d;font-weight:700}
#xp-portfolio .online-pill i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#94ffb8;box-shadow:0 0 8px #75ffae}
#xp-portfolio .prime-deck{grid-column:3;grid-row:2;max-width:330px;margin:2px 0;color:#b3c2dc;font-size:12px;line-height:1.45}
#xp-portfolio .prime-workspace{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(210px,.82fr) minmax(300px,1.22fr) minmax(220px,.82fr);grid-template-rows:minmax(0,1fr);gap:14px;align-items:stretch}
#xp-portfolio .prime-card{min-width:0;min-height:0;position:relative;border:1px solid #254675;border-radius:13px;background:linear-gradient(145deg,#0d1d3aee,#09162e);box-shadow:0 3px 15px #020c2030}
#xp-portfolio .prime-card h2{height:48px;display:flex;align-items:center;gap:9px;margin:0;padding:7px 14px;border-bottom:1px solid #1d355b;color:#f3f7ff;font-size:16px}
#xp-portfolio .prime-card h2 small{margin-left:auto;color:#8fa9d0;font-size:9px;letter-spacing:.1em}
#xp-portfolio .request-icon,#xp-portfolio .result-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #2594ff;border-radius:6px;background:#0867de;color:#fff;font-size:17px}
#xp-portfolio .result-icon{border:0;background:transparent;color:#47e4ac;font-size:23px}
#xp-portfolio .prime-request{padding-bottom:9px;overflow:auto}
#xp-portfolio .prime-request blockquote{margin:10px 12px 9px;padding:12px;border:1px solid #34547e;border-radius:9px;background:#0d1b36;color:#dce8fc;font-size:clamp(11px,1.05vw,14px);line-height:1.48}
#xp-portfolio .request-sources{display:grid;gap:3px;margin:0 12px 9px;padding:0;list-style:none;color:#a8bddc;font-size:11px}
#xp-portfolio .request-sources li{display:flex;gap:8px;align-items:center;padding:3px 0}
#xp-portfolio .request-sources li>span{width:18px;color:#56b5ff;text-align:center;font-size:15px}
#xp-portfolio .request-sources small{margin-left:auto;color:#728bad;font-size:9px}
#xp-portfolio .prime-run{display:block;width:calc(100% - 24px);margin:0 12px;padding:9px 10px;border:1px solid #168aff!important;border-radius:7px;background:linear-gradient(#167be9,#075ac8)!important;color:white!important;font-size:12px!important;box-shadow:0 0 16px #0877f32a}
#xp-portfolio .prime-run:hover{filter:brightness(1.16)}
#xp-portfolio .demo-note{margin:7px 12px 0;color:#7f97b8;font-size:9px;line-height:1.35}
#xp-portfolio .prime-flow{min-width:0;min-height:0;position:relative;display:grid;grid-template-columns:minmax(118px,.78fr) minmax(150px,1fr);gap:22px;align-items:center;padding:8px 0}
#xp-portfolio .flow-start{position:absolute;left:0;top:50%;z-index:2;transform:translate(-8px,-50%);color:#a6c8f6;font-size:8px;letter-spacing:.08em;white-space:nowrap}
#xp-portfolio .flow-start span{margin-right:3px;color:#2bcfff;font-size:20px;vertical-align:-2px}
#xp-portfolio .orchestrator-node{grid-column:1;grid-row:1}
#xp-portfolio .agent-stack{grid-column:2;grid-row:1}
#xp-portfolio .orchestrator-node{position:relative;z-index:1;min-height:172px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border:1px solid #198bff!important;border-radius:19px;background:radial-gradient(ellipse at 50% 15%,#103d7a,#071733 72%)!important;color:#f2f7ff!important;box-shadow:0 0 0 1px #16467d,0 0 23px #0784ff3a,inset 0 0 23px #0b63ce26;transition:transform .22s,box-shadow .22s}
#xp-portfolio .orchestrator-node:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #2ca4ff,0 0 30px #0784ff75}
#xp-portfolio .orchestrator-mark{color:#27a2ff;font-size:50px;font-weight:800;text-shadow:0 0 18px #1489ff}
#xp-portfolio .orchestrator-node>b{margin:0 0 3px;font-size:20px;letter-spacing:.14em}
#xp-portfolio .orchestrator-node>small{color:#adc1df;text-align:center;font-size:11px;line-height:1.4}
#xp-portfolio .orchestrator-node>em{margin-top:8px;color:#61caff;font-size:9px;font-style:normal}
#xp-portfolio .agent-stack{min-height:0;position:relative;display:grid;gap:8px}
#xp-portfolio .agent-stack:before{content:"";position:absolute;left:-15px;top:13%;bottom:13%;border-left:1px dashed #42cfff;opacity:.76}
#xp-portfolio .agent-node{min-width:0;position:relative;z-index:1;display:grid;grid-template-columns:32px minmax(0,1fr) 13px;gap:8px;align-items:center;padding:7px 8px;border:1px solid #275483!important;border-radius:11px;background:linear-gradient(120deg,#10264a,#0b1b37)!important;color:#eaf2ff!important;text-align:left;transition:border-color .18s,background .18s,transform .18s}
#xp-portfolio .agent-node:before{content:"›";position:absolute;left:-19px;top:50%;width:13px;border-top:1px dashed #51cfff;color:#4dd8ff;font-size:17px;line-height:0;text-align:center}
#xp-portfolio .agent-node:hover,#xp-portfolio .agent-node.flow-active{transform:translateX(3px);border-color:#22b5ff!important;background:linear-gradient(120deg,#123968,#0c2142)!important;box-shadow:0 0 14px #1383e42a}
#xp-portfolio .agent-node.is-done{border-color:#19a66f!important}
#xp-portfolio .howardwin.is-replaying .agent-node.flow-active{animation:primePulse .8s ease-in-out infinite alternate}
@keyframes primePulse{to{box-shadow:0 0 0 1px #20c4ff,0 0 20px #058aff75;filter:brightness(1.3)}}
#xp-portfolio .agent-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#123e87;color:#74baff;font-size:21px}
#xp-portfolio .analysis-icon{background:#38286a;color:#cb93ff}.content-icon{background:#075781;color:#4bd5ff}.strategy-icon{background:#3e3d20;color:#f6d345}
#xp-portfolio .agent-node b{display:block;overflow:hidden;color:#f0f5ff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
#xp-portfolio .agent-node small{display:block;margin-top:3px;overflow:hidden;color:#a8bbd8;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
#xp-portfolio .agent-node>i{color:#b1c7e6;font-size:19px;font-style:normal}
#xp-portfolio .flow-result{position:absolute;right:-10px;top:48%;z-index:1;color:#34cfff;font-size:30px;text-shadow:0 0 12px #00bfff}
#xp-portfolio .prime-output{padding-bottom:7px;overflow:hidden}
#xp-portfolio .result-checks{display:grid;gap:7px;margin:10px 12px;padding:0;list-style:none}
#xp-portfolio .result-checks li{position:relative;padding-left:20px;color:#ccdbf1;font-size:11px;line-height:1.35}
#xp-portfolio .result-checks li:before{content:"✓";position:absolute;left:0;top:0;color:#3fe6a0;font-size:16px;font-weight:bold}
#xp-portfolio .output-divider{height:1px;margin:7px 12px;background:#284368}
#xp-portfolio .artifact-row{width:calc(100% - 16px);min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) 15px;gap:8px;align-items:center;margin:2px 8px;padding:5px 4px;border:0!important;border-radius:5px;background:transparent!important;color:#e0ebfb!important;text-align:left}
#xp-portfolio .artifact-row:hover{background:#15294a!important}
#xp-portfolio .artifact-icon{width:26px;height:28px;display:grid;place-items:center;border-radius:3px;color:#06182c;font-size:9px;font-weight:700}
#xp-portfolio .pdf-icon{background:#ff615f}.sheet-icon{background:#32d998}.doc-icon{background:#3c9dff}
#xp-portfolio .artifact-row b{display:block;font-size:10px;font-weight:600}
#xp-portfolio .artifact-row small{display:block;margin-top:2px;color:#9bb0d0;font-size:9px}
#xp-portfolio .artifact-row>i{color:#60baff;font-style:normal}
#xp-portfolio .prime-tabs{min-height:43px;display:flex;align-items:stretch;gap:6px;border-bottom:1px solid #1979ce}
#xp-portfolio .prime-tab{min-width:92px;padding:8px 14px;border:1px solid #284672!important;border-bottom:0!important;border-radius:9px 9px 0 0;background:#091731!important;color:#bacbe5!important;font-size:12px!important}
#xp-portfolio .prime-tab>span{margin-left:5px;padding:1px 5px;border-radius:8px;background:#1b3155;font-size:9px}
#xp-portfolio .prime-tab:hover{background:#102749!important;color:#fff!important}
#xp-portfolio .prime-tab.is-active{border-color:#198dff!important;background:linear-gradient(#107ce9,#0759cb)!important;color:#fff!important;box-shadow:inset 0 1px #ffffff50}
#xp-portfolio .prime-open-project{margin-left:auto;align-self:center;padding:9px 17px;border:1px solid #24b4ff!important;border-radius:7px;background:linear-gradient(#147ce8,#0758bf)!important;color:#fff!important;font-size:12px!important;white-space:nowrap}
#xp-portfolio .prime-open-project:hover,#xp-portfolio .prime-back-overview:hover{filter:brightness(1.18)}
#xp-portfolio .prime-lower{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:auto;border-top:1px solid #1c4779;background:#07142e}
#xp-portfolio .prime-summary-col{min-width:0;padding:12px 14px;border-right:1px solid #203d66}
#xp-portfolio .prime-summary-col:last-child{border:0}
#xp-portfolio .prime-summary-col h3{margin:0 0 8px;color:#edf5ff;font-size:14px}
#xp-portfolio .prime-summary-col p{margin:0 0 9px;color:#b6c6de;font-size:11px;line-height:1.5}
#xp-portfolio .prime-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
#xp-portfolio .prime-chips span{padding:5px 9px;border:1px solid #356398;border-radius:14px;background:#0e2244;color:#c3dafb;font-size:9px}
#xp-portfolio .prime-focus-list{display:grid;gap:4px;margin:0;padding:0;list-style:none;color:#b7c9e2;font-size:10px}
#xp-portfolio .prime-focus-list li:before{content:"◇";margin-right:7px;color:#7cbaff}
#xp-portfolio .prime-principles{display:grid;gap:7px;margin:0;padding:0;list-style:none}
#xp-portfolio .prime-principles li{position:relative;padding-left:19px}
#xp-portfolio .prime-principles li:before{content:"✓";position:absolute;left:0;color:#38dfa0;font-size:15px}
#xp-portfolio .prime-principles b{display:block;color:#e2edff;font-size:10px}
#xp-portfolio .prime-principles small{display:block;margin-top:2px;color:#9cb2d3;font-size:9px}
#xp-portfolio .prime-view-heading{grid-column:1/-1;padding:12px 16px 4px}
#xp-portfolio .prime-view-heading>span{color:#56aaff;font-size:9px;letter-spacing:.14em}
#xp-portfolio .prime-view-heading h2{margin:4px 0;color:#edf5ff;font-size:19px}
#xp-portfolio .prime-view-heading p{margin:0;color:#a8bdd9;font-size:11px;line-height:1.45}
#xp-portfolio .prime-agent-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:8px 12px 14px}
#xp-portfolio .prime-agent-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:11px;border:1px solid #294c77!important;border-radius:9px;background:linear-gradient(145deg,#0f2447,#091731)!important;color:#eaf2ff!important;text-align:left;transition:transform .2s,border-color .2s}
#xp-portfolio .prime-agent-card:hover{transform:translateY(-3px);border-color:#2d9bff!important}
#xp-portfolio .prime-agent-card>small{margin-top:8px;color:#63b5ff;font-size:8px;letter-spacing:.1em}
#xp-portfolio .prime-agent-card>b{margin-top:4px;font-size:12px}
#xp-portfolio .prime-agent-card>p{margin:6px 0 10px;color:#a9bbd5;font-size:10px;line-height:1.4}
#xp-portfolio .prime-agent-card>em{margin-top:auto;color:#63c5ff;font-size:9px;font-style:normal}
#xp-portfolio .prime-usecases{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:7px 12px 14px}
#xp-portfolio .prime-usecases button{display:flex;flex-direction:column;align-items:flex-start;padding:13px;border:1px solid #2a4d79!important;border-radius:9px;background:linear-gradient(145deg,#102548,#0a1831)!important;color:#eaf3ff!important;text-align:left;transition:border-color .2s,transform .2s}
#xp-portfolio .prime-usecases button:hover{transform:translateY(-2px);border-color:#268df4!important}
#xp-portfolio .prime-usecases small{color:#64b2ff;font-size:9px;letter-spacing:.1em}
#xp-portfolio .prime-usecases b{margin:7px 0;font-size:13px}
#xp-portfolio .prime-usecases span{color:#adbfda;font-size:10px;line-height:1.45}
#xp-portfolio .prime-usecases em{margin-top:auto;padding-top:10px;color:#60caff;font-size:9px;font-style:normal}
#xp-portfolio .prime-tech-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:7px 12px 8px}
#xp-portfolio .prime-tech-grid article{padding:10px;border:1px solid #294a72;border-radius:8px;background:#0b1c39}
#xp-portfolio .prime-tech-grid article>span{color:#39a7ff;font-size:10px}
#xp-portfolio .prime-tech-grid h3{margin:6px 0;color:#ebf4ff;font-size:12px}
#xp-portfolio .prime-tech-grid p{margin:0 0 9px;color:#a9bdd9;font-size:10px;line-height:1.45}
#xp-portfolio .prime-tech-grid small{color:#66b5ff;font-size:8px;letter-spacing:.06em}
#xp-portfolio .prime-stack-note{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:0 14px 12px;color:#86a5cc;font-size:9px}
#xp-portfolio .prime-stack-note b{padding:4px 8px;border:1px solid #355781;border-radius:12px;color:#c1dcff;font-size:9px;font-weight:500}
#xp-portfolio .prime-stack-note span{margin-left:auto;color:#8399b7}
#xp-portfolio .prime-project-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 14px}
#xp-portfolio .prime-project-facts article{padding:12px;border:1px solid #2a4c75;border-radius:8px;background:#0b1c39}
#xp-portfolio .prime-project-facts small{display:block;margin-bottom:7px;color:#63b2ff;font-size:9px;letter-spacing:.12em}
#xp-portfolio .prime-project-facts b{color:#d8e6fa;font-size:11px;font-weight:500;line-height:1.45}
#xp-portfolio .prime-back-overview{grid-column:1/-1;justify-self:start;margin:0 14px 12px;padding:8px 11px;border:1px solid #327bbd!important;border-radius:6px;background:#0d2a50!important;color:#d5e9ff!important;font-size:10px!important}
#xp-portfolio .prime-toast{position:absolute;z-index:4;left:50%;top:10px;transform:translateX(-50%);max-width:calc(100% - 30px);padding:8px 13px;border:1px solid #25a7ff;border-radius:18px;background:#0a2750ed;color:#def2ff;font-size:10px;white-space:nowrap;box-shadow:0 4px 20px #00102d}
#xp-portfolio .prime-toast[hidden]{display:none}
#xp-portfolio .prime-detail{position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:20px;background:#020a1cbb;backdrop-filter:blur(5px)}
#xp-portfolio .prime-detail[hidden]{display:none}
#xp-portfolio .prime-detail-panel{position:relative;width:min(520px,100%);max-height:90%;overflow:auto;padding:25px;border:1px solid #299cff;border-radius:14px;background:linear-gradient(145deg,#12294e,#08152d);box-shadow:0 0 36px #118cff42}
#xp-portfolio .prime-detail-close{position:absolute;right:12px;top:9px;width:29px;height:29px;border:1px solid #54749d!important;border-radius:5px;background:#132847!important;color:#fff!important;font-size:21px!important}
#xp-portfolio .prime-detail-kicker{color:#65b8ff;font-size:9px;letter-spacing:.15em}
#xp-portfolio .prime-detail-panel h2{margin:9px 35px 9px 0;color:#f2f7ff;font-size:22px}
#xp-portfolio .prime-detail-content>p{color:#c1d0e7;font-size:13px;line-height:1.6}
#xp-portfolio .prime-detail-content dl{display:grid;gap:8px;margin:15px 0}
#xp-portfolio .prime-detail-content dl>div{display:grid;grid-template-columns:78px 1fr;gap:9px;padding:9px;border:1px solid #29466d;border-radius:6px;background:#0b1b37}
#xp-portfolio .prime-detail-content dt{color:#72baff;font-size:10px}.prime-detail-content dd{margin:0;color:#d6e3f7;font-size:11px;line-height:1.4}
#xp-portfolio .detail-callout{padding:10px;border-left:3px solid #27a5ff;background:#0a1d3a;color:#a8c2e5;font-size:10px;line-height:1.45}
#xp-portfolio .prime-detail-action{margin-top:14px;padding:9px 12px;border:1px solid #2795fa!important;border-radius:6px;background:#0e63c6!important;color:#fff!important;font-size:11px!important}
#xp-portfolio .howardwin.maximized{left:1%;top:1%;width:98%;height:92%}
#xp-portfolio .howardwin .resize-grip{position:absolute!important}