:root {
  --ink:#14213d;
  --muted:#64748b;
  --paper:#f7f4ec;
  --card:#fffdf8;
  --line:#ded9ca;
  --navy:#17233d;
  --blue:#2e64d4;
  --cyan:#56b7d8;
  --gold:#d79d42;
  --green:#2f7b64;
  --shadow:0 20px 55px rgba(29,42,66,.11);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);min-height:100vh;background-image:radial-gradient(circle at 8% 4%,rgba(86,183,216,.13),transparent 24rem),radial-gradient(circle at 92% 8%,rgba(215,157,66,.12),transparent 24rem)}
a{color:inherit}.hidden{display:none!important}.site-header{max-width:1220px;margin:0 auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none}.mark{width:44px;height:44px;border-radius:13px;background:var(--navy);color:white;display:grid;place-items:center;font-weight:900;letter-spacing:-.05em;box-shadow:0 8px 22px rgba(23,35,61,.2)}.wordmark strong{display:block;font-size:1.08rem;letter-spacing:-.025em}.wordmark small{display:block;color:var(--muted);margin-top:1px}.cloud-note{text-decoration:none;color:var(--muted);font-weight:750;font-size:.86rem}
main{max-width:1220px;margin:0 auto;padding:0 28px 72px}.hero{min-height:470px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,rgba(255,253,248,.96),rgba(240,246,247,.92));box-shadow:var(--shadow);display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:44px;padding:54px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(46,100,212,.13);left:-190px;bottom:-185px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;color:var(--blue)}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,5.5vw,5rem);line-height:.98;letter-spacing:-.055em;margin:14px 0 22px;max-width:820px;font-weight:700}.hero p{color:var(--muted);font-size:1.02rem;line-height:1.7;max-width:700px;margin:0}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;text-decoration:none;font-weight:850}.btn.primary{background:var(--navy);color:white;box-shadow:0 9px 22px rgba(23,35,61,.18)}.count-chip{border:1px solid var(--line);background:rgba(255,255,255,.6);border-radius:999px;padding:10px 14px;color:var(--muted);font-size:.84rem;font-weight:700}
.orbit-card{height:330px;position:relative;display:grid;place-items:center}.core{width:112px;height:112px;border-radius:30px;background:var(--navy);color:white;display:grid;place-items:center;font-size:2.1rem;font-weight:950;letter-spacing:-.08em;z-index:3;box-shadow:0 24px 55px rgba(23,35,61,.27)}.orbit{position:absolute;border:1px solid rgba(46,100,212,.25);border-radius:50%;transform:rotate(-14deg)}.orbit-a{width:190px;height:190px}.orbit-b{width:270px;height:165px;transform:rotate(28deg)}.orbit-c{width:320px;height:245px;transform:rotate(-32deg);border-color:rgba(215,157,66,.28)}.spark{position:absolute;font-size:1.3rem}.s1{top:35px;left:28%;color:var(--gold)}.s2{right:18%;top:84px;color:var(--cyan)}.s3{left:17%;bottom:68px;color:var(--blue)}.s4{right:27%;bottom:30px;color:var(--green)}
.content-section{padding-top:66px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-title h2{font-family:Georgia,"Times New Roman",serif;font-size:2.2rem;letter-spacing:-.045em;margin:6px 0 0}.section-title p{color:var(--muted);margin:0;max-width:420px;text-align:right}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-card{border:1px solid var(--line);background:var(--card);border-radius:25px;padding:24px;box-shadow:0 12px 34px rgba(29,42,66,.07);display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.feature-icon,.app-icon{width:58px;height:58px;border-radius:17px;background:#edf2fc;display:grid;place-items:center;font-size:28px;flex:0 0 auto}.feature-card h3,.app-card h3{margin:0;font-size:1.2rem;letter-spacing:-.025em}.feature-card p,.app-card p{color:var(--muted);line-height:1.55;font-size:.88rem;margin:8px 0 14px}.feature-meta,.card-meta{display:flex;gap:7px;flex-wrap:wrap}.chip{border-radius:999px;padding:5px 8px;background:#eef1f5;color:#536176;font-size:.7rem;font-weight:800}.chip.live{background:#e5f2ec;color:#286b56}.chip.beta{background:#fff1d9;color:#93601a}.chip.development{background:#eee8fb;color:#6c4ca7}.chip.new{background:#e8efff;color:#2e64d4}.launch{display:inline-flex;margin-top:16px;text-decoration:none;font-weight:850;color:var(--blue);font-size:.84rem}
.directory-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:0 13px;min-width:300px;box-shadow:0 7px 20px rgba(29,42,66,.04)}.search-box span{color:var(--muted);font-size:1.2rem}.search-box input{border:0;background:transparent;outline:0;width:100%;padding:12px 0;color:var(--ink);font:inherit}.filters{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.filter-btn{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:8px 11px;cursor:pointer;font:inherit;font-size:.76rem;font-weight:800}.filter-btn.active{background:var(--navy);border-color:var(--navy);color:white}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-card{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(29,42,66,.055);display:flex;flex-direction:column}.app-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.app-card .app-icon{width:50px;height:50px;font-size:24px}.app-card h3{font-size:1.12rem}.app-card p{min-height:4.1em}.app-card .launch{margin-top:auto;padding-top:2px}.loading-card,.empty-state{grid-column:1/-1;border:1px dashed var(--line);border-radius:20px;padding:44px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);margin-bottom:5px}
footer{max-width:1220px;margin:0 auto;padding:30px 28px 44px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;color:var(--muted);font-size:.8rem}footer strong{display:block;color:var(--ink);font-size:.9rem}footer span{display:block;margin-top:3px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:38px;min-height:auto}.orbit-card{height:260px}.featured-grid{grid-template-columns:1fr}.apps-grid{grid-template-columns:repeat(2,1fr)}.directory-tools{align-items:stretch;flex-direction:column}.filters{justify-content:flex-start}.search-box{min-width:0;width:100%}}
@media(max-width:620px){.site-header,main,footer{padding-left:17px;padding-right:17px}.site-header{padding-top:17px}.cloud-note{display:none}.hero{padding:28px 22px;border-radius:24px}.hero h1{font-size:2.7rem}.orbit-card{height:220px}.core{width:92px;height:92px;border-radius:25px}.orbit-a{width:155px;height:155px}.orbit-b{width:220px;height:135px}.orbit-c{width:250px;height:190px}.content-section{padding-top:48px}.section-title{display:block}.section-title p{text-align:left;margin-top:8px}.apps-grid{grid-template-columns:1fr}.feature-card{grid-template-columns:1fr}.directory-title p{display:none}footer{display:block}footer>span{margin-top:16px}}

/* Ratings + feedback (CloudDock 2.2) */
.feature-body{min-width:0}.rating-row{margin-top:13px}.rating-summary{display:inline-flex;align-items:center;gap:7px;color:#8b5a13;font-size:.78rem}.rating-summary strong{color:#9a6418}.rating-summary span{color:var(--muted)}.rating-summary.unrated{color:var(--muted)}
.card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.card-actions .launch{margin-top:0}.feedback-btn{border:1px solid var(--line);background:transparent;color:var(--navy);border-radius:999px;padding:8px 11px;font:inherit;font-size:.76rem;font-weight:850;cursor:pointer}.feedback-btn:hover{background:#f0ede4}.app-card .card-actions{margin-top:auto;padding-top:16px}
.feedback-dialog{border:0;padding:0;background:transparent;width:min(590px,calc(100vw - 28px));border-radius:24px;color:var(--ink)}.feedback-dialog::backdrop{background:rgba(12,20,38,.62);backdrop-filter:blur(4px)}.feedback-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(20,33,61,.3)}.feedback-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.feedback-head h2{font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;margin:5px 0 0;letter-spacing:-.035em}.feedback-close{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:transparent;font-size:24px;cursor:pointer;color:var(--ink)}.field-label,.feedback-label>span{display:block;font-size:.8rem;font-weight:850;margin-bottom:7px}.feedback-label{display:block;margin-top:17px}.feedback-label span small{font-weight:600;color:var(--muted)}.feedback-label input,.feedback-label textarea{width:100%;border:1px solid var(--line);background:white;color:var(--ink);border-radius:12px;padding:11px 12px;font:inherit;outline:none}.feedback-label textarea{resize:vertical;line-height:1.45}.feedback-label input:focus,.feedback-label textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,100,212,.12)}.feedback-label>small{display:block;color:var(--muted);font-size:.72rem;line-height:1.4;margin-top:5px}.star-field{padding:14px;border:1px solid var(--line);border-radius:15px;background:#faf7ef}.star-picker{display:flex;gap:5px}.star-picker button{border:0;background:transparent;color:#c9c2b4;font-size:2rem;line-height:1;padding:3px;cursor:pointer;transition:transform .12s ease,color .12s ease}.star-picker button:hover{transform:translateY(-1px)}.star-picker button.selected{color:#d79d42}.star-field>small{display:block;color:var(--muted);margin-top:7px}.feedback-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.feedback-message{min-height:1.25em;margin-top:14px;font-size:.8rem;color:var(--muted)}.feedback-message.good{color:#2f7b64}.feedback-message.bad{color:#a23b3b}.feedback-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.feedback-cancel,.feedback-submit{border-radius:999px;padding:10px 15px;font:inherit;font-weight:850;cursor:pointer}.feedback-cancel{border:1px solid var(--line);background:transparent;color:var(--ink)}.feedback-submit{border:1px solid var(--navy);background:var(--navy);color:white}.feedback-submit:disabled{opacity:.6;cursor:wait}
@media(max-width:620px){.card-actions{align-items:stretch}.card-actions .launch,.card-actions .feedback-btn{justify-content:center}.feedback-card{padding:19px}.star-picker button{font-size:1.85rem}.feedback-actions{display:grid;grid-template-columns:1fr 1fr}.feedback-cancel,.feedback-submit{width:100%}}