:root{color-scheme:light;font-family:var(--brand);color:#172126;background:#f4f7f8;font-synthesis:none;--bg: #f4f7f8;--panel: #ffffff;--panel-2: #edf3f5;--line: rgba(26,48,58,.14);--muted: #64747b;--lime: #79d11c;--cyan: #10b6d4;--blue: #1677e8;--inner-hero-height: 250px;--inner-hero-pad-top: 24px;--inner-hero-pad-bottom: 20px;--inner-hero-icon-size: 156px;--inner-hero-icon-right: max(5vw, 34px);--inner-hero-icon-opacity: .28;--inner-section-gap: 54px;--mono: "Cascadia Mono", "SFMono-Regular", Consolas, Menlo, Monaco, "Liberation Mono", "DejaVu Sans Mono", monospace;--brand: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}img{display:block;max-width:100%}h1,h2,h3,p{overflow-wrap:break-word}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}::selection{color:#fff;background:var(--blue)}.site-shell{min-height:100vh;overflow:hidden}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:72px;display:grid;grid-template-columns:220px 1fr 220px;align-items:stretch;padding:0 34px;background:#ffffffe6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 6px 24px #1e3d480d}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:900;letter-spacing:0}.brand-mark{position:relative;width:26px;height:26px;display:block;border:2px solid var(--blue);transform:rotate(45deg)}.brand-mark i{position:absolute;display:block;background:var(--blue)}.brand-mark i:first-child{width:11px;height:2px;top:5px;left:5px}.brand-mark i:last-child{width:2px;height:11px;top:5px;left:5px}.main-nav{display:flex;align-items:stretch;justify-content:center}.main-nav a{position:relative;display:flex;align-items:center;gap:6px;padding:0 23px;color:#65757c;font-size:14px;font-weight:500;border-left:1px solid transparent;border-right:1px solid transparent}.main-nav a span{font:10px var(--mono);color:#5f6664}.main-nav a:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:3px;background:var(--blue);transform:scaleX(0);transition:transform .2s ease}.main-nav a:hover,.main-nav a.active{color:#152027;background:#1677e80b;border-color:#1677e814}.main-nav a.active:after{transform:scaleX(1)}.header-cta{justify-self:end;align-self:center;display:flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:600}.menu-toggle{display:none;border:0;background:transparent}main{padding-top:72px}.home-hero{position:relative;min-height:calc(100vh - 72px);display:flex;align-items:center;padding:70px max(5vw,34px);isolation:isolate;border-bottom:1px solid var(--line);background:#eef4f6}.hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:linear-gradient(90deg,#f8fbfc,#f8fbfcf7 34%,#f8fbfca6 58%,#eef6f91f),linear-gradient(0deg,#e9f3f757,#ffffff0f),url(https://images.unsplash.com/photo-1591488320449-011701bb6704?auto=format&fit=crop&w=2200&q=88) center 48%/cover no-repeat;filter:saturate(.85) contrast(.9) brightness(1.16)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.52;background-image:linear-gradient(rgba(27,65,80,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(27,65,80,.055) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,black,transparent 70%);mask-image:linear-gradient(90deg,black,transparent 70%)}.hero-content{width:min(760px,73vw)}.eyebrow,.section-kicker,.data-label{color:var(--blue);font:600 11px var(--mono);letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:30px;height:2px;background:var(--blue)}.hero-content h1{margin:18px 0 0;font-size:clamp(74px,12vw,172px);line-height:.82;font-weight:900;letter-spacing:0}.hero-lead{margin:33px 0 10px;font-size:clamp(23px,3vw,38px);font-weight:700}.hero-copy{width:min(580px,90%);margin:0;color:#596970;line-height:1.8;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:2px;font-size:14px;font-weight:650;cursor:pointer;transition:.2s ease}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 10px 25px #1677e82e}.button.primary:hover{background:#0c67cf;transform:translateY(-2px)}.button.secondary{background:#ffffffc7;border-color:#1937442e}.button.secondary:hover{color:var(--blue);border-color:var(--blue);background:#fff}.button.disabled{color:#77807c;background:transparent;cursor:not-allowed}.hero-readout{position:absolute;bottom:0;left:max(5vw,34px);right:max(5vw,34px);height:86px;display:grid;grid-template-columns:repeat(3,1fr);background:#080a0be0;border:1px solid var(--line);border-bottom:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-readout>div{padding:17px 24px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}.hero-readout>div:last-child{border:0}.hero-readout span{color:#6f7774;font:10px var(--mono);letter-spacing:.1em}.hero-readout strong{font:700 14px var(--brand);letter-spacing:.02em}.hero-readout .live{color:var(--lime)}.hero-readout .live i{width:6px;height:6px;display:inline-block;margin-right:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px var(--lime)}.goal-section{position:relative;isolation:isolate;overflow:hidden;padding:var(--inner-hero-pad-top) max(5vw,34px) 0;background:#eef4f6}.goal-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#f8fbfc,#f8fbfcfa 34%,#f8fbfcb8 58%,#eef6f933),linear-gradient(0deg,#e9f3f775,#ffffff0a 52%),url(/assets/justpc-portrait.jpg) 72% center/cover no-repeat;filter:grayscale(1) contrast(.88) brightness(1.12)}.goal-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(27,65,80,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(27,65,80,.05) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,black,transparent 74%);mask-image:linear-gradient(90deg,black,transparent 74%)}.goal-main{position:relative;z-index:1;min-height:545px}.goal-copy{max-width:760px}.goal-copy h2{margin:0 0 22px;font-size:clamp(44px,5.6vw,82px);line-height:1.1;font-weight:800;letter-spacing:0}.goal-copy h2 strong{color:var(--blue);font-weight:800}.goal-copy>.section-kicker+h2{margin-top:12px}.goal-copy>p{margin:0;color:var(--muted);font-size:17px}.goal-tags{display:flex;gap:12px;margin-top:42px}.goal-tags a{min-width:104px;min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);border-radius:4px;background:#f5f8f9e6;color:inherit;text-decoration:none;font:600 13px var(--mono);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.goal-tags a:first-child{color:#fff;border-color:var(--blue);background:var(--blue)}.goal-tags a svg{transition:transform .18s ease}@media(hover:hover){.goal-tags a:hover{background:#e7f3fb;border-color:var(--blue);box-shadow:0 4px 12px #1570d21f;transform:translateY(-2px)}.goal-tags a:first-child:hover{background:#0965d0;border-color:#0965d0}.goal-tags a:hover svg{transform:translate(3px)}}.goal-tags a:active{background:#d8eaf8;border-color:#085bbd;box-shadow:inset 0 2px 4px #00000024;transform:translateY(1px)}.goal-tags a:first-child:active{background:#085bbd;border-color:#085bbd}.goal-tags a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media(prefers-reduced-motion:reduce){.goal-tags a,.goal-tags a svg{transition:none}}.goal-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);max-width:1480px;margin:24px auto 0;border-top:1px solid rgba(26,48,58,.18);background:transparent}.goal-stat{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.goal-stat:last-child{border-right:0}.goal-stat strong{font:700 clamp(27px,3vw,42px) var(--brand);letter-spacing:.01em}.goal-stat span{margin-top:8px;color:var(--muted);font:11px var(--mono)}.page-band{padding:96px max(5vw,34px)}.home-intro{display:grid;grid-template-columns:.65fr 2fr;padding-bottom:56px}.intro-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.intro-heading h2{margin:0;font-size:clamp(34px,4.2vw,64px);line-height:1.18;letter-spacing:0}.intro-heading p{margin:0 0 6px;color:var(--muted);line-height:1.85}.module-grid{padding-top:0;display:grid;grid-template-columns:repeat(6,1fr)}.module-card{min-height:390px;padding:25px;display:flex;flex-direction:column;border:1px solid var(--line);border-right:0;transition:background .25s,transform .25s}.module-card:nth-child(1),.module-card:nth-child(2){grid-column:span 3;min-height:420px}.module-card:nth-child(n+3){grid-column:span 2;border-top:0}.module-card:nth-child(2),.module-card:last-child{border-right:1px solid var(--line)}.module-card:hover{position:relative;z-index:2;background:var(--panel-2);transform:translateY(-5px);border-color:#b8ff318c}.module-top,.module-foot{display:flex;justify-content:space-between;align-items:center}.module-top{color:#737a77}.module-index{font:12px var(--mono)}.module-body{margin-top:auto}.module-tag{color:var(--lime);font:10px var(--mono)}.module-body h3{margin:8px 0 14px;font-size:40px}.module-body p{max-width:390px;margin:0;color:var(--muted);line-height:1.7;font-size:14px}.module-foot{margin-top:42px;padding-top:16px;border-top:1px solid var(--line);color:#b9bfbd;font-size:12px}.signal-band{min-height:78px;display:grid;grid-template-columns:76px 1fr auto;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:12px var(--mono)}.signal-icon{height:100%;display:grid;place-items:center;color:#080a0b;background:var(--lime)}.signal-band p{padding:0 26px}.signal-band p span{color:var(--lime);margin:0 18px}.signal-code{color:#69706d;padding-right:max(5vw,34px)}.inner-hero{position:relative;isolation:isolate;height:var(--inner-hero-height);min-height:var(--inner-hero-height);padding:var(--inner-hero-pad-top) max(5vw,34px) var(--inner-hero-pad-bottom);display:flex;align-items:flex-start;justify-content:space-between;background:radial-gradient(circle at 83% 42%,rgba(16,182,212,.12),transparent 28%),linear-gradient(120deg,#f8fbfc,#eef5f7 58%,#e3eff3);border-bottom:1px solid var(--line);overflow:hidden}.inner-hero-copy{position:relative;z-index:1;width:min(100%,680px);min-width:0}.inner-hero h1{margin:12px 0;font-size:clamp(48px,6vw,82px);line-height:1}.inner-hero-copy>h1:first-child{margin-top:0}.inner-hero p{max-width:580px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.dram-hero,.youlong-hero,.pan-hero,.placeholder-hero{background-image:radial-gradient(circle at 83% 42%,rgba(16,182,212,.12),transparent 28%),linear-gradient(120deg,#f8fbfc,#eef5f7 58%,#e3eff3)}.inner-hero-icon{position:absolute;z-index:0;top:50%;right:var(--inner-hero-icon-right);display:block;width:var(--inner-hero-icon-size);height:var(--inner-hero-icon-size);object-fit:contain;object-position:center;transform:translateY(-50%);opacity:var(--inner-hero-icon-opacity);filter:saturate(.9) drop-shadow(0 18px 28px rgba(16,91,122,.14));pointer-events:none}.inner-hero+.page-band{padding-top:var(--inner-section-gap)}.preview-head,.showcase-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.preview-head h2{margin:8px 0 0;font-size:34px}.showcase-head .data-label,.drive-summary .data-label{display:block;font:600 11px/1.5 var(--mono);letter-spacing:.12em}.showcase-head h2,.drive-summary h2{margin:0;color:#172126;font:700 34px/1.2 var(--brand);letter-spacing:0}.coming-badge{padding:7px 11px;color:var(--lime);border:1px solid rgba(184,255,49,.35);font:11px var(--mono)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.stat-item{padding:28px;border-right:1px solid var(--line);background:var(--panel);box-shadow:0 12px 36px #23424e09}.stat-item:last-child{border-right:0}.stat-top{display:flex;gap:9px;color:#7b8380;font:10px var(--mono)}.stat-item strong{display:inline-block;margin-top:26px;font:700 clamp(34px,4vw,60px) var(--brand);letter-spacing:.01em}.stat-item small{margin-left:8px;color:var(--lime);font:11px var(--mono)}.memory-reference-tag{font:11px var(--mono);color:var(--muted);letter-spacing:.12em}.memory-config{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:28px;padding:28px;border:1px solid var(--line);background:var(--panel)}.memory-generation{border:0;padding:0;margin:0;min-width:0}.memory-generation legend,.memory-select>span{display:block;margin-bottom:14px;font-size:13px;color:var(--muted)}.memory-generation label{display:inline-flex;align-items:center;gap:8px;padding:13px 16px;border:1px solid var(--line);cursor:pointer;margin-right:8px}.memory-generation label.selected{border-color:#008ca8;background:#e5f6fa;color:#006f86}.memory-generation input{accent-color:#008ca8}.memory-select{display:block;min-width:0}.memory-select select{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line);background:var(--panel);color:inherit;font:inherit;border-radius:0;cursor:pointer}.memory-select select:focus-visible,.memory-generation label:focus-within{outline:2px solid #008ca8;outline-offset:3px}.memory-summary{display:flex;justify-content:space-between;gap:16px;padding:28px 0 20px}.memory-summary strong{font-weight:500}.memory-summary>span{font-family:var(--mono);color:#007c96}.memory-results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}.memory-panel{border:1px solid var(--line);background:var(--panel);padding:24px;min-width:0}.memory-panel h3{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-size:18px}.memory-panel h3 svg{color:#008ca8}.memory-panel dl{margin:0}.memory-panel dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:17px 0}.memory-panel dt{font:14px var(--mono)}.memory-panel dd{margin:0;font:600 23px var(--mono)}.memory-panel dd.pending{font-size:16px;color:var(--muted);font-weight:400}.memory-panel small{font:11px var(--mono);color:var(--muted)}.memory-formula,.memory-footnote{color:var(--muted);font-size:13px;line-height:1.9}.memory-formula{margin-bottom:0}.memory-footnote{margin:24px 0 0;max-width:850px}.memory-refi{margin-top:12px}@media(max-width:1000px){.memory-config{grid-template-columns:1fr 1fr}.memory-generation{grid-column:1 / -1}.memory-results{grid-template-columns:1fr 1fr}}@media(max-width:600px){.memory-config,.memory-results{grid-template-columns:1fr}.memory-config{padding:20px;gap:24px}.memory-summary{flex-wrap:wrap}.memory-reference-tag{display:none}}.dram-table{margin-top:20px;border:1px solid var(--line)}.memory-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:28px;align-items:stretch}.memory-timings{background:linear-gradient(160deg,#171a33,#0b2535);border:1px solid #26384c;color:#cdd4d9;border-radius:8px;overflow:hidden;min-width:0;color-scheme:dark}.memory-timings .memory-summary{padding:20px 24px;border-bottom:1px solid #2b3951;background:#171a31;font-size:14px}.memory-timings .memory-summary>span{color:#79d6ad;white-space:nowrap}.memory-timings .memory-results{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:8px 12px 16px}.memory-timings .memory-panel{padding:16px 12px;background:none;border:0;box-shadow:none}.memory-timings .memory-panel h3{font-size:14px;margin-bottom:14px;font-weight:500;color:#e2e8ed}.memory-timings .memory-panel h3 svg{color:#79d6ad}.memory-timings .memory-panel dl>div{border:0;padding:8px 0;gap:8px}.memory-timings .memory-panel dt{font-size:14px}.memory-timings .memory-panel dd{font:400 17px var(--mono);color:#79d6ad;white-space:nowrap}.memory-timings .memory-panel dd.pending{color:#7e9a9e;font-size:14px}.memory-timings .memory-panel small{font-size:10px;color:#9eb2ba}.memory-timings .memory-voltage{grid-column:1 / -1;border-top:1px solid #2b3951;margin-top:12px}.memory-timings .memory-voltage dl{max-width:260px}.memory-timings .memory-select>span{color:#9eb2ba;font-size:12px}.memory-timings .memory-select select{background:#102e43;border-color:#294254;color:#79d6ad;min-height:38px;font-size:14px}.memory-notes{padding:28px;border:1px solid var(--line);background:var(--panel);border-radius:8px;min-height:320px}.memory-notes h3{font-size:22px;font-weight:500;margin:10px 0 24px}.memory-notes p{color:var(--muted);font-size:14px}@media(max-width:850px){.memory-workspace{grid-template-columns:1fr}.memory-notes{min-height:220px}}@media(max-width:380px){.memory-timings .memory-results{grid-template-columns:1fr}}.table-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr 1fr .7fr;align-items:center;min-height:63px;padding:0 22px}.table-title{color:#64747b;background:#edf2f4;font:10px var(--mono);border-bottom:1px solid var(--line)}.muted-row{color:#7d8582;font-size:13px}.table-state{color:#d9a934}.next-note{margin-top:18px;padding:17px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:#858d89;border-left:2px solid var(--lime);background:#b8ff3109;font-size:13px}.youlong-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;width:100%;padding-right:calc(var(--inner-hero-icon-size) + 24px)}.youlong-copy-text{width:100%;max-width:650px}.youlong-version{display:inline-block;margin-left:14px;color:var(--muted);font:500 clamp(13px,1.4vw,18px)/1.4 var(--mono);vertical-align:baseline}.youlong-copy .button{min-height:42px;margin-top:74px;flex-shrink:0}.youlong-copy .button:not(.disabled){color:var(--blue);border-color:#1677e852;background:#ffffff85}.youlong-copy .button:not(.disabled):hover,.youlong-copy .button:not(.disabled):focus-visible{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 10px 24px #1677e833;transform:translateY(-2px)}.youlong-download-button{min-width:158px;white-space:nowrap}.youlong-hero{height:auto}.download-button-copy{display:inline-flex;align-items:center;gap:9px;line-height:1}.download-button-copy strong{font-size:14px}.download-button-copy small{padding-left:9px;color:currentColor;opacity:.68;border-left:1px solid currentColor;font:11px var(--mono);letter-spacing:.04em}.showcase{background:#f7f9fa}.youlong-changelog.page-band{padding-top:40px;padding-bottom:44px;border-top:1px solid var(--line);background:#f7f9fa}.changelog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.changelog-heading h2{margin:0;font:700 34px/1.2 var(--brand)}.changelog-version{display:flex;align-items:center;gap:14px}.changelog-version label{color:var(--muted);font-size:13px}.changelog-version .architecture-select{min-width:190px}.changelog-content{padding:24px 28px;border:1px solid rgba(16,150,185,.2);border-radius:8px;background:linear-gradient(135deg,#edf6fb,#e8f2f6)}.changelog-release-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-bottom:16px}.changelog-content h3{margin:0;color:var(--blue);font:500 18px/1.4 var(--mono)}.changelog-release-heading time{color:#707875;font-size:14px;line-height:1.5}.changelog-content ul{margin:0;padding-left:20px}.changelog-content li{padding-left:4px;font-size:15px;line-height:1.9}.changelog-content li+li{margin-top:6px}.changelog-content li::marker{color:var(--cyan)}.changelog-note{margin-top:20px;color:var(--muted);font-size:13px;line-height:1.8}.changelog-note h3{margin:0 0 4px;font-size:13px;font-weight:600}.changelog-note p{margin:0}@media(max-width:760px){.youlong-changelog.page-band{padding-top:28px;padding-bottom:32px}.changelog-heading{align-items:flex-start;flex-direction:column;gap:18px}.changelog-heading h2{font-size:30px}.changelog-version{width:100%}.changelog-version .architecture-select{flex:1;min-width:0}.changelog-content{padding:20px 16px}}.youlong-description.page-band{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:32px;padding-top:40px;padding-bottom:44px;border-top:1px solid var(--line);background:var(--bg)}.showcase.page-band{padding-bottom:44px}.youlong-description-heading{grid-column:1 / -1}.description-switch{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.description-switch button{padding:8px 14px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px;font:inherit;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}.description-switch button[aria-pressed=true]{color:var(--blue);border-color:#1677e833;background:#1677e80f}.description-switch button:hover{color:var(--blue);background:#1677e80a}.description-switch button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.description-switch>span{color:var(--line);font-size:20px;font-weight:400}.description-simple{grid-column:1 / -1;display:flex;align-items:center;min-height:140px;padding:28px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#f5f9fb,#f0f6f8)}.description-simple p{margin:0;color:#405762;font-size:18px;line-height:1.9}.youlong-description-heading h2{margin:0}.youlong-description+.showcase.page-band{border-top:1px solid var(--line);padding-top:36px}.youlong-description-intro{min-width:0;padding:24px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#ffffffa6,#edf6fba6)}.youlong-description h2{margin:0;font:700 34px/1.2 var(--brand)}.youlong-principles{margin:0;padding:0;list-style:none;counter-reset:principle}.youlong-principles li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;color:var(--muted);font-size:15px;line-height:1.9;counter-increment:principle}.youlong-principles li+li{margin-top:14px}.youlong-principles li:before{content:counter(principle,decimal-leading-zero);padding-top:5px;color:var(--blue);font:500 12px/1.9 var(--mono)}.architecture-card{min-width:0;padding:24px;border:1px solid rgba(26,48,58,.12);border-radius:8px;background:linear-gradient(135deg,#f5f9fb,#f0f6f8)}.architecture-card label{display:block;margin-bottom:12px;font-size:14px;font-weight:600}.architecture-card label small{display:inline-block;color:var(--muted);font-size:12px;font-weight:400}.architecture-select{position:relative}.architecture-select select{width:100%;min-width:0;min-height:50px;padding:12px 42px 12px 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#405762;border:1px solid rgba(26,48,58,.14);border-radius:5px;background:#ffffffa6;font:500 14px/1.6 var(--brand);cursor:pointer;transition:border-color .2s,box-shadow .2s}.architecture-select option{color:#172126;background:#f4f9fc}.architecture-select select:hover{border-color:var(--blue)}.architecture-select select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.architecture-select>svg{position:absolute;top:50%;right:16px;color:var(--blue);transform:translateY(-50%) rotate(90deg);pointer-events:none}.architecture-description{display:flex;align-items:center;margin-top:18px;padding:18px 0 0;min-height:106px;color:var(--muted);border-top:1px solid rgba(26,48,58,.1)}.architecture-description p{margin:0;font-size:15px;line-height:1.9}@media(max-width:760px){.youlong-description.page-band{grid-template-columns:1fr;gap:22px;padding-top:28px;padding-bottom:32px}.showcase.page-band{padding-bottom:28px}.youlong-description+.showcase.page-band{padding-top:28px}.youlong-description-intro{padding:20px 16px}.youlong-description h2{font-size:30px}.architecture-card{padding:20px 16px}.architecture-select select{font-size:13px}.architecture-description{padding:16px 0 0;min-height:120px}}.carousel-controls{display:flex;align-items:center;gap:14px;font:11px var(--mono)}.carousel-controls button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;cursor:pointer}.carousel-controls button:hover{color:var(--lime);border-color:var(--lime)}.carousel-window{overflow:hidden}.carousel-track{display:grid;isolation:isolate}.software-slide{grid-area:1 / 1;min-width:0;width:100%;display:grid;grid-template-columns:250px minmax(0,1fr);gap:42px;align-items:end;opacity:0;pointer-events:none;transition:opacity .7s cubic-bezier(.4,0,.2,1)}.software-slide.is-active{opacity:1;pointer-events:auto;z-index:1}@media(prefers-reduced-motion:reduce){.software-slide{transition:none}}.software-shot{min-width:0;overflow:hidden;border:1px solid transparent;border-radius:4px;background:transparent;box-shadow:none}.software-shot picture,.software-shot img{display:block;width:100%}.software-shot img{height:auto;max-height:680px;margin:0 auto;object-fit:contain;object-position:center}.mock-window{min-height:490px;color:#f3f5f4;border:1px solid #343a3c;background:#0d1012;box-shadow:0 28px 70px #1f343c2e}.mock-bar{height:40px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#6f7875;border-bottom:1px solid #2a3032;font:9px var(--mono)}.mock-bar span{width:7px;height:7px;border-radius:50%;background:var(--slide-accent);box-shadow:0 0 10px var(--slide-accent)}.mock-bar b{color:#a5acab;font-weight:500}.mock-layout{min-height:448px;display:grid;grid-template-columns:70px 1fr}.mock-layout aside{padding:18px 0;display:flex;flex-direction:column;align-items:center;gap:23px;background:#090b0c;border-right:1px solid #252a2c}.mock-layout aside strong{color:var(--slide-accent);font:700 18px var(--mono);margin-bottom:15px}.mock-layout aside i{width:17px;height:17px;display:block;border:1px solid #384043}.mock-layout aside i.on{border-color:var(--slide-accent);background:color-mix(in srgb,var(--slide-accent) 20%,transparent)}.mock-content{padding:34px}.mock-title{display:flex;align-items:center;gap:10px;color:var(--slide-accent);font:10px var(--mono)}.mock-data{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.mock-data>div{padding:18px;min-height:120px;background:#15191b;border-top:1px solid #303638}.mock-data small{display:block;color:#68716e;font:8px var(--mono)}.mock-data strong{display:inline-block;margin-top:16px;font:700 28px var(--brand);letter-spacing:.01em}.mock-data span{margin-left:5px;color:var(--slide-accent);font:8px var(--mono)}.mock-chart{height:170px;display:flex;align-items:end;gap:7px;margin-top:18px;padding:22px;border:1px solid #252b2d;background:repeating-linear-gradient(0deg,transparent 0 33px,rgba(255,255,255,.04) 34px)}.mock-chart i{flex:1;min-width:2px;background:linear-gradient(0deg,color-mix(in srgb,var(--slide-accent) 25%,transparent),var(--slide-accent));opacity:.75}.slide-caption{padding-bottom:10px}.slide-caption>span{color:var(--slide-accent);font:12px var(--mono)}.slide-caption h3{margin:11px 0;color:#52636b;font-size:22px;font-weight:500;line-height:1.4}.slide-caption p{color:#707875;font-size:12px}.carousel-dots{width:calc(100% - 292px);display:flex;gap:8px;margin-top:28px;margin-left:292px}.carousel-dots button{height:3px;flex:1;padding:0;border:0;background:#303638;cursor:pointer}.carousel-dots button.active{background:var(--lime)}.drive-list{padding-top:var(--inner-section-gap)}.drive-summary{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px;padding-bottom:18px;color:#737a78;border-bottom:1px solid var(--line);font:10px var(--mono)}.drive-summary strong{margin-bottom:5px;color:var(--blue);font:700 18px var(--brand)}.drive-row{position:relative;min-height:240px;display:grid;grid-template-columns:1fr 190px;grid-template-rows:auto 1fr auto;column-gap:34px;margin-top:18px;padding:24px 26px 25px;overflow:hidden;background:#ffffffd1;border:1px solid rgba(26,48,58,.13);border-radius:10px;box-shadow:0 14px 34px #1e42500f;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.drive-row:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--lime)}.drive-row.cyan:before{background:var(--cyan)}.drive-row:after{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-130px;border-radius:50%;background:#79d11c17;pointer-events:none}.drive-row.cyan:after{background:#10b6d41a}.drive-row:hover{transform:translateY(-3px);border-color:#1677e840;box-shadow:0 18px 42px #1e42501c}.drive-card-head{grid-column:1 / -1;display:flex;align-items:center;gap:13px;position:relative;z-index:1}.drive-index{color:#87959a;font:11px var(--mono)}.drive-icon{width:47px;height:47px;display:grid;place-items:center;color:var(--lime);border:1px solid rgba(121,209,28,.38);border-radius:8px;background:#79d11c14}.drive-row.cyan .drive-icon{color:var(--cyan);border-color:#10b6d461;background:#10b6d414}.drive-type{color:#728087;font:10px var(--mono);letter-spacing:.08em}.drive-live{margin-left:auto;color:#75858b;font:9px var(--mono)}.drive-live i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #79d11c8c}.drive-row.cyan .drive-live i{background:var(--cyan);box-shadow:0 0 8px #10b6d48c}.drive-info{position:relative;z-index:1;align-self:end;padding-top:30px}.drive-info>span,.drive-author span,.drive-code span{display:block;margin-bottom:7px;color:#77878c;font:9px var(--mono);letter-spacing:.03em}.drive-info h2{margin:0;font-size:30px;letter-spacing:-.02em}.drive-info p{margin:9px 0 0;color:#728087;font-size:13px}.drive-details{position:relative;z-index:1;align-self:end;display:flex;flex-direction:column;gap:17px;padding-top:30px}.drive-author strong,.drive-code strong{font:500 14px var(--mono)}.drive-code strong{display:inline-flex;min-width:66px;justify-content:center;padding:7px 10px;color:#4e970f;border:1px solid rgba(121,209,28,.3);border-radius:5px;background:#79d11c17}.drive-row.cyan .drive-code strong{color:#078ca4;border-color:#10b6d44d;background:#10b6d417}.drive-action{position:relative;z-index:1;grid-column:1 / -1;justify-self:center;width:min(340px,100%);height:46px;margin-top:24px;padding:0 24px;display:flex;justify-content:center;align-items:center;gap:9px;color:#4e970f;border:1px solid rgba(121,209,28,.42);border-radius:5px;background:#79d11c1f;font-size:13px;font-weight:700;transition:color .2s,background .2s,border-color .2s,transform .2s}.drive-row.cyan .drive-action{color:#078ca4;border-color:#10b6d46b;background:#10b6d41f}.drive-action:hover{color:#fff;border-color:var(--lime);background:var(--lime);transform:translate(2px)}.drive-row.cyan .drive-action:hover{border-color:var(--cyan);background:var(--cyan)}.drive-row.blue:before{background:var(--blue)}.drive-row.blue:after{background:#1677e814}.drive-row.blue .drive-icon{color:var(--blue);border-color:#1677e84d;background:#1677e80f}.drive-row.blue .drive-live i{background:var(--blue);box-shadow:0 0 8px #1677e866}.drive-row.blue .drive-code strong{color:#1668c5;border-color:#1677e840;background:#1677e812}.drive-row.blue .drive-action{color:#1668c5;border-color:#1677e852;background:#1677e817}.drive-row.blue .drive-action:hover{color:#fff;border-color:var(--blue);background:var(--blue)}.safety-note{margin-top:30px;display:flex;gap:10px;color:#747c79;font-size:12px}.placeholder-page{position:relative;min-height:calc(100vh - 72px);background:linear-gradient(rgba(31,72,88,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(31,72,88,.05) 1px,transparent 1px);background-size:52px 52px}.placeholder-content{padding-top:var(--inner-section-gap);padding-bottom:72px}.placeholder-panel{position:relative;z-index:1;width:min(900px,100%);padding:42px 50px;display:grid;grid-template-columns:84px 1fr;gap:28px;align-items:center;background:#ffffffd6;border:1px solid var(--line);box-shadow:0 24px 70px #1e425014}.placeholder-panel-mark{width:64px;height:64px;display:grid;place-items:center;color:var(--blue);border:1px solid rgba(22,119,232,.23);background:#1677e812}.placeholder-panel h2{margin:8px 0;font-size:38px}.placeholder-panel p{max-width:500px;color:var(--muted);line-height:1.8}.status-line{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;color:#d9a934;border:1px solid rgba(217,169,52,.35);font:11px var(--mono)}.text-link{margin-top:22px;display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-size:13px}.site-footer{min-height:200px;padding:55px max(5vw,34px);display:flex;justify-content:space-between;align-items:end;background:#eaf0f2;border-top:1px solid var(--line)}.footer-brand{font-size:28px;font-weight:900}.site-footer p{margin:10px 0 0;color:#737a77;font-size:13px}.footer-meta{display:flex;gap:35px;color:#575e5b;font:12px var(--mono)}.footer-copyright{font-size:13px;font-weight:600;letter-spacing:.04em}@media(max-width:1040px){.site-header{grid-template-columns:170px 1fr 140px;padding:0 22px}.main-nav a{padding:0 10px}.main-nav a span{display:none}.module-grid{grid-template-columns:repeat(2,1fr)}.module-card,.module-card:nth-child(1),.module-card:nth-child(2),.module-card:nth-child(n+3){grid-column:span 1;min-height:350px;border:1px solid var(--line);margin:-1px 0 0 -1px}.module-card:last-child{grid-column:span 2}.software-slide{grid-template-columns:1fr}.slide-caption{display:flex;gap:18px;align-items:center}.slide-caption h3,.slide-caption p{margin:0}.carousel-dots{width:100%;margin-left:0}.drive-row{grid-template-columns:1fr 170px;column-gap:24px}.goal-copy h2{font-size:clamp(40px,5.7vw,62px)}}@media(max-width:760px){:root{--inner-hero-height: 240px;--inner-hero-pad-top: 22px;--inner-hero-pad-bottom: 18px;--inner-hero-icon-size: 120px;--inner-hero-icon-right: 18px;--inner-section-gap: 40px}.site-header{height:64px;grid-template-columns:1fr auto;padding:0 18px}main{padding-top:64px}.header-cta{display:none}.menu-toggle{display:grid;place-items:center}.main-nav{position:absolute;top:64px;left:0;right:0;display:grid;grid-template-columns:repeat(2,1fr);padding:10px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 30px #1b37421a;transform:translateY(-130%);opacity:0;visibility:hidden;transition:.25s}.main-nav.open{transform:translateY(0);opacity:1;visibility:visible}.main-nav a{min-height:52px;padding:0 16px;border:1px solid var(--line);margin:-1px 0 0 -1px}.main-nav a span{display:inline}.home-hero{min-height:calc(100vh - 64px);padding:70px 20px;align-items:flex-start}.hero-photo{background-position:62% center}.hero-content{width:100%}.hero-content h1{font-size:clamp(58px,20vw,98px);margin-top:25px}.hero-lead{font-size:23px;margin-top:28px}.hero-copy{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.goal-section{padding:var(--inner-hero-pad-top) 20px 0}.goal-section:before{background:linear-gradient(180deg,#f8fbfcd1,#f8fbfcc7 38%,#eef6f97a 70%,#eef6f9b8),linear-gradient(90deg,#f8fbfc73,#f8fbfc1f),url(/assets/justpc-portrait.jpg) 58% top/cover no-repeat;filter:grayscale(1) contrast(.86) brightness(1.1)}.goal-section:after{opacity:.42;background-size:52px 52px;-webkit-mask-image:linear-gradient(180deg,black,rgba(0,0,0,.5) 68%,transparent);mask-image:linear-gradient(180deg,black,rgba(0,0,0,.5) 68%,transparent)}.goal-main{min-height:0;padding-bottom:40px}.goal-copy h2{font-size:clamp(38px,11.5vw,54px);line-height:1.12}.goal-copy>p{font-size:14px;line-height:1.7}.goal-tags{margin-top:28px}.goal-tags a{flex:1;min-width:0}.goal-stats{grid-template-columns:repeat(2,1fr);margin-top:0}.goal-stat{min-height:112px;border-bottom:1px solid var(--line)}.goal-stat:nth-child(2n){border-right:0}.goal-stat:nth-last-child(-n+2){border-bottom:0}.hero-readout{left:20px;right:20px;height:74px}.hero-readout>div{padding:14px 10px}.hero-readout strong{font-size:11px}.page-band{padding:68px 20px}.home-intro,.intro-heading{grid-template-columns:1fr;gap:28px}.intro-heading{gap:20px}.intro-heading h2{font-size:34px}.module-grid{grid-template-columns:1fr;padding-top:0}.module-card,.module-card:nth-child(1),.module-card:nth-child(2),.module-card:nth-child(n+3),.module-card:last-child{grid-column:span 1;min-height:320px}.signal-band{grid-template-columns:56px 1fr}.signal-band p{padding:0 14px;font-size:9px;white-space:nowrap;overflow:hidden}.signal-band p span{margin:0 6px}.signal-code{display:none}.inner-hero{height:var(--inner-hero-height);min-height:var(--inner-hero-height);padding-left:20px;padding-right:20px}.inner-hero-copy{width:100%}.inner-hero h1{font-size:clamp(40px,13vw,52px);white-space:nowrap}.inner-hero-copy p{max-width:min(100%,calc(100% - var(--inner-hero-icon-size) - 12px))}.youlong-copy{display:block}.youlong-copy .youlong-copy-text p{max-width:100%}.youlong-copy .button{margin-top:18px}.stat-grid{grid-template-columns:1fr}.stat-item{border-right:0;border-bottom:1px solid var(--line)}.stat-item:last-child{border-bottom:0}.dram-table{overflow-x:auto}.table-row{width:680px}.software-slide{grid-template-columns:1fr;gap:24px;align-items:start}.software-shot img{max-height:720px}.mock-window{min-height:360px}.mock-layout{min-height:318px;grid-template-columns:48px 1fr}.mock-content{padding:18px}.mock-layout aside{gap:14px}.mock-data{grid-template-columns:1fr}.mock-data>div:nth-child(n+2){display:none}.mock-chart{height:120px;padding:13px;gap:4px}.slide-caption{display:grid;grid-template-columns:auto 1fr;gap:5px 12px}.slide-caption p{grid-column:2}.drive-row{min-height:285px;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;column-gap:16px;margin-top:14px;padding:20px 18px 18px}.drive-summary{min-height:118px;margin-bottom:14px;padding-bottom:18px}.showcase-head h2,.drive-summary h2{font-size:30px}.drive-summary strong{font-size:16px;margin-bottom:3px}.drive-card-head{gap:10px}.drive-icon{width:42px;height:42px}.drive-type{font-size:9px}.drive-info{padding-top:24px}.drive-info h2{font-size:25px}.drive-info p{max-width:210px;line-height:1.55}.drive-details{padding-top:24px;gap:13px;text-align:right}.drive-action{grid-column:1 / -1;justify-self:center;width:min(340px,100%);margin-top:20px}.placeholder-page{min-height:calc(100vh - 64px)}.placeholder-content{padding-top:var(--inner-section-gap);padding-left:20px;padding-right:20px}.placeholder-panel{padding:28px;grid-template-columns:1fr;gap:22px}.placeholder-panel-mark{width:54px;height:54px}.site-footer{padding:44px 20px;display:block}.footer-meta{margin-top:35px;flex-direction:column;gap:8px}}@media(max-width:480px){.youlong-hero .inner-hero-icon{display:none}.youlong-copy{padding-right:0}}@media(max-width:430px){.brand{font-size:16px}.brand-mark{width:23px;height:23px}.home-hero{padding-top:54px}.hero-content h1{font-size:56px}.hero-lead{font-size:21px}.inner-hero h1{font-size:46px}.showcase-head,.preview-head{align-items:flex-start;gap:20px}.carousel-controls{gap:7px}.carousel-controls button{width:36px;height:36px}.goal-copy h2{font-size:36px}.drive-row{grid-template-columns:1fr auto}}
