@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');

:root { --ink:#151515; --paper:#d6d5cf; --line:#8a8a85; --acid:#b6d8a6; --muted:#656560; }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; color:var(--ink); font-family:"DM Mono", monospace; font-size:12px; overflow-x:hidden; }
button, a { font:inherit; color:inherit; }
.desktop { min-height:100svh; position:relative; overflow:hidden; background-color:#bdbdb6; background-image:linear-gradient(rgba(206,206,198,.84),rgba(206,206,198,.84)),url("assets/pls-logo.png"); background-size:auto, 148px; background-repeat:repeat; }
.desktop::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.12; background-image:linear-gradient(rgba(21,21,21,.2) 1px, transparent 1px),linear-gradient(90deg,rgba(21,21,21,.2) 1px, transparent 1px); background-size:24px 24px; }
.topbar { height:64px; display:flex; align-items:center; gap:24px; padding:0 28px; border-bottom:1px solid var(--ink); position:relative; z-index:1; }
.wordmark { font-family:"Instrument Serif", Georgia, serif; font-size:31px; text-decoration:none; line-height:1; letter-spacing:-1px; }.wordmark span { color:#6c795f; }.topbar p { margin:0; color:var(--muted); font-size:10px; }.sound-toggle { margin-left:auto; background:none; border:0; cursor:pointer; padding:8px 0; color:var(--muted); }
.hero { width:max-content; max-width:85vw; margin:clamp(38px, 9vh, 85px) auto 0; text-align:center; position:relative; z-index:1; }.eyebrow { margin:0 0 15px; font-size:10px; letter-spacing:.06em; color:var(--muted); }.hero h1,.panel h2 { margin:0; font:normal clamp(48px, 7vw, 100px)/.86 "Instrument Serif", Georgia, serif; letter-spacing:-.055em; }.hero h1 { font-size:clamp(110px, 18vw, 240px); line-height:.67; text-shadow:4px 5px 0 rgba(245,245,241,.62); }.hero h1 span { color:#71876a; }.hero h1 small { display:inline-block; vertical-align:middle; margin-left:16px; font:normal clamp(13px,1.5vw,19px)/1 "DM Mono",monospace; letter-spacing:-.06em; color:var(--ink); text-shadow:none; }.intro { width:min(395px, 80vw); margin:35px auto 20px; line-height:1.55; }.status { display:flex; justify-content:center; gap:8px; align-items:center; color:var(--muted); font-size:10px; }.status i { display:block; width:7px; height:7px; background:#617858; border-radius:50%; }.status span { margin-left:14px; }
.folder-field { min-height:330px; position:relative; margin-top:10px; z-index:1; }.folder { position:absolute; border:0; padding:0; width:130px; height:126px; cursor:pointer; background:transparent; text-align:center; transition:transform .15s ease, filter .15s ease; filter:drop-shadow(2px 3px 0 rgba(21,21,21,.18)); }.folder:hover,.folder:focus-visible { transform:translate(-2px,-4px); filter:drop-shadow(5px 7px 0 rgba(21,21,21,.25)); outline:none; }.folder-icon { width:66px; height:47px; display:block; margin:8px auto 9px; padding-top:7px; color:#4d5c47; font-size:35px; line-height:24px; background:#b4b2aa; border:1px solid var(--ink); border-radius:2px; }.folder-icon::first-letter { color:#687a60; }.folder-body { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:5px; color:#121212; text-shadow:1px 1px #dddcd5; }.folder-body b { font-size:12px; font-weight:500; }.folder-body small { margin-top:5px; font-size:9px; color:#4c4c49; }.folder-plugin { left:12%; top:14px; }.folder-about { left:71%; top:20px; }.folder-tools { left:23%; top:176px; }.folder-contact { left:64%; top:168px; }.folder-plugin .folder-icon { background:var(--acid); }.folder-contact .folder-icon { background:#c4b8ad; }
.footer { min-height:50px; border-top:1px solid var(--ink); display:flex; align-items:center; justify-content:space-between; padding:0 28px; color:var(--muted); font-size:9px; position:relative; z-index:2; }.footer span:last-child { color:var(--ink); }
.panel { width:min(850px, calc(100vw - 34px)); max-height:min(740px, calc(100svh - 34px)); padding:0; color:var(--ink); background:#d5d5cf; border:1px solid var(--ink); box-shadow:10px 10px 0 rgba(21,21,21,.3); }.panel::backdrop { background:rgba(21,21,21,.64); backdrop-filter:blur(2px); }.panel-head { height:42px; display:flex; align-items:center; justify-content:space-between; padding:0 14px; border-bottom:1px solid var(--ink); background:var(--ink); color:#deddd8; }.panel-head p { margin:0; font-size:10px; }.close { border:0; color:inherit; background:none; cursor:pointer; padding:5px; }.panel-content { padding:clamp(24px, 5vw, 58px); overflow:auto; max-height:calc(100svh - 77px); background-image:linear-gradient(rgba(213,213,207,.91),rgba(213,213,207,.91)),url("assets/pls-logo-folders.png"); background-size:auto,180px; }.plugin-view { display:grid; grid-template-columns:1fr 1.3fr; gap:30px; }.plugin-title h2 { font-size:72px; }.plugin-title > p:last-child { margin-top:13px; color:var(--muted); }.plugin-image { border:1px solid var(--ink); background:#181818; align-self:start; }.plugin-image img { display:block; width:100%; opacity:.9; }.panel-copy { grid-column:1 / -1; max-width:530px; line-height:1.65; }.panel-copy ul { padding-left:17px; }.outline-button { grid-column:1 / -1; width:max-content; border:1px solid var(--ink); text-decoration:none; padding:12px 14px; transition:.15s; }.outline-button:hover { background:var(--ink); color:var(--paper); }.text-view { max-width:650px; }.text-view h2 { font-size:clamp(52px,7vw,90px); }.text-view > p:not(.eyebrow) { max-width:500px; line-height:1.7; margin-top:28px; }.tool-list { margin:35px 0; border-top:1px solid var(--line); }.tool-list p { display:flex; gap:16px; padding:14px 0; margin:0; border-bottom:1px solid var(--line); }.tool-list span { color:var(--muted); }.tool-list em { margin-left:auto; font-style:normal; font-size:10px; color:var(--muted); }.muted { color:var(--muted); font-size:10px; }.contact-view a { display:inline-block; margin-top:16px; font-family:"Instrument Serif", Georgia, serif; font-size:clamp(30px, 5vw, 55px); text-underline-offset:7px; }
@media (max-width:650px) { .topbar { padding:0 17px; }.topbar p { display:none; }.hero { margin-top:68px; }.hero h1 { font-size:36vw; }.hero h1 small { display:block; margin:18px 0 0; }.folder-field { min-height:400px; }.folder { width:130px; height:110px; }.folder-plugin { left:7%; top:34px; }.folder-about { left:58%; top:9px; }.folder-tools { left:10%; top:205px; }.folder-contact { left:56%; top:214px; }.footer { padding:12px 17px; line-height:1.4; }.footer span:nth-child(2) { display:none; }.plugin-view { grid-template-columns:1fr; gap:22px; }.panel-copy { grid-column:auto; }.outline-button { grid-column:auto; } }

.about-view h2 { line-height:.78; }
.about-view h2 small { display:block; max-width:285px; margin:18px 0 0 4px; font:normal 12px/1.25 "DM Mono", monospace; letter-spacing:-.04em; color:var(--muted); }
.hero .eyebrow { margin-bottom:29px; }
.beta-form { grid-column:1 / -1; width:min(100%, 430px); }.beta-form label { display:block; margin-bottom:10px; font-size:13px; }.beta-form label span { display:block; margin-top:7px; color:var(--muted); font-size:10px; }.beta-form div { display:flex; }.beta-form input { min-width:0; flex:1; padding:12px; color:var(--ink); background:rgba(235,235,230,.8); border:1px solid var(--ink); border-radius:0; font:inherit; }.beta-form button { padding:0 18px; color:var(--paper); background:var(--ink); border:1px solid var(--ink); cursor:pointer; }.beta-form button:disabled { cursor:wait; opacity:.55; }.form-status { min-height:16px; margin:9px 0 0; color:var(--muted); font-size:10px; }.contact-view a { display:block; width:max-content; max-width:100%; }.contact-view a + a { margin-top:15px; font-size:clamp(17px, 3vw, 31px); }