@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#182923;--muted:#61716a;--paper:#f5f3ee;--green:#266b50;--line:#dbdfd5;--lime:#dbf4a7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #478c59;outline-offset:4px}[hidden]{display:none!important}.wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}header{background:#f5f3eeeb;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.header-inner{height:88px;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px}.brand img{border-radius:50%}.brand small{display:block;font-size:11px;letter-spacing:1px;font-weight:500;color:var(--muted)}nav{display:flex;gap:30px;margin-left:auto;font-size:14px}nav a:hover,.text-link:hover{color:var(--green)}.nav-cta{font-size:13px;border:1px solid var(--ink);border-radius:30px;padding:10px 18px}.hero{background:radial-gradient(ellipse at 90% 45%,#e0e7d4 0%,transparent 55%)}.hero-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:80px;align-items:center;padding-top:78px;padding-bottom:72px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 24px;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green)}h1,h2,h3,.showcase-heading{font-family:'Manrope',sans-serif}h1{font-size:clamp(46px,5.1vw,72px);line-height:1.12;letter-spacing:-3.5px;margin:0 0 25px;font-weight:800}h1 span{color:var(--green)}.hero-desc{font-size:17px;line-height:1.8;color:var(--muted);max-width:510px}.actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:8px;font-size:13px;font-weight:700}.primary{background:var(--green);color:white}.outline{border:1px solid #cbd3c5}.button:hover{transform:translateY(-2px)}.tech-list{display:flex;gap:20px;font-size:11px;color:var(--muted);margin-top:28px}.showcase{background:var(--ink);color:white;border-radius:24px;padding:30px;box-shadow:0 22px 65px #213b2120;position:relative}.showcase-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#bdc8c1}.showcase-top .dot{background:var(--lime)}.showcase-heading{font-size:30px;line-height:1.3;font-weight:700;letter-spacing:-1px;margin:25px 0}.showcase-heading span{color:var(--lime)}.showcase-app{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff20;padding:17px 0}.showcase-app img{border-radius:15px;width:54px;height:54px;object-fit:cover}.showcase-app strong{display:block;font-size:15px}.showcase-app small{display:block;color:#a9bcb1;font-size:11px;margin-top:3px}.arrow{margin-left:auto;color:var(--lime);font-size:22px}.showcase-bottom{font-size:10px;color:#b7c6be;border-top:1px solid #ffffff20;padding-top:18px}.showcase-bottom b{color:var(--lime);margin-right:9px}.hero-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 0;font-size:10px;letter-spacing:1.3px;color:var(--muted)}.section{padding:80px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px}h2{font-size:clamp(30px,3.2vw,43px);line-height:1.2;letter-spacing:-1.8px;margin:0;font-weight:800}.section-heading .eyebrow{margin-bottom:12px}.text-link{font-size:12px;font-weight:700;white-space:nowrap}.collection-note{max-width:850px;font-size:12px;color:var(--muted);margin-bottom:26px}.catalog-controls{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:24px}.category-filters{display:flex;flex-wrap:wrap;gap:7px}.category-filters button{font-size:11px;padding:9px 13px;border:1px solid var(--line);border-radius:20px;color:var(--muted);background:transparent;cursor:pointer}.category-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.app-search input{width:205px;border:1px solid var(--line);background:white;padding:10px 14px;border-radius:8px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.catalog-count{font-size:11px;color:var(--muted);margin:20px 0}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.app-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #152a1610}.app-art{height:140px;position:relative;display:flex;align-items:center;justify-content:center;background:#edf0e8}.app-art img{width:74px;height:74px;border-radius:18px;box-shadow:0 7px 16px #13291b17;object-fit:cover}.app-category{position:absolute;top:15px;left:18px;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#67776b}.media-art{background:#e8edf1}.love-art{background:#f3e9e9}.taskaro-art{background:#ecede3}.tools-art{background:#e7ede6}.lifestyle-art{background:#f2ece2}.app-body{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.app-body h3{font-size:18px;line-height:1.4;letter-spacing:-.5px;margin:13px 0 8px}.app-body p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 22px;min-height:61px}.status{font-size:9px;padding:4px 8px;border-radius:5px;font-weight:600}.released{color:#256043;background:#e6f3e8}.testing{color:#7c6023;background:#f8f0db}.new-label{font-size:8px;letter-spacing:1px;color:var(--green);margin-top:10px}.latest-card{border-color:#aabd98}.app-link{font-size:12px;font-weight:700;display:flex;justify-content:space-between;align-self:stretch;border-top:1px solid #edf0e9;padding-top:14px;margin-top:auto}.app-link span{color:var(--green)}.test-link{font-size:11px;color:var(--green);margin-top:10px;text-decoration:underline;text-underline-offset:3px}.no-apps{text-align:center;padding:60px}.reset-search{border:0;background:var(--green);color:white;padding:12px 18px;border-radius:8px;cursor:pointer}.about-section{background:#e6ebdf}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-copy p{font-size:15px;color:var(--muted);margin:0 0 18px}.connect-section{background:var(--ink);color:white}.connect-section .eyebrow{color:var(--lime)}.connect-intro{color:#b1c2b7;font-size:13px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}.social-card{display:flex;align-items:center;gap:13px;background:#ffffff07;border:1px solid #ffffff18;border-radius:12px;padding:19px}.social-card strong{font-size:14px;display:block}.social-card small{font-size:10px;color:#a9bcb1}.social-icon{font-size:22px;width:32px;color:var(--lime)}.contact-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:40px;padding-top:30px}.contact-row h3{font-size:18px;margin:0 0 5px}.contact-row p{font-size:12px;color:#b1c2b7;margin:3px 0}.contact-row .primary{background:var(--lime);color:var(--ink)}footer{background:var(--ink);border-top:1px solid #ffffff18;color:#b1c2b7}.footer-inner{display:flex;gap:25px;align-items:center;padding:24px 0;font-size:10px}.footer-inner span{margin-right:auto}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:35px}h1{font-size:55px}.catalog-controls{align-items:flex-start;flex-direction:column}.app-search input{width:280px}.social-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-inner{height:72px;gap:14px}.brand{font-size:17px}.brand img{width:36px;height:36px}nav{gap:14px;font-size:12px}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr;padding:45px 0;gap:35px}h1{font-size:48px;letter-spacing:-2.4px}.hero-desc{font-size:15px}.showcase{padding:24px}.showcase-heading{font-size:28px}.hero-bottom{font-size:8px;letter-spacing:.7px}.section{padding:50px 0}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:20px}h2{font-size:32px}.app-grid{grid-template-columns:repeat(2,1fr);gap:12px}.app-body{padding:15px}.app-body h3{font-size:15px}.app-body p{font-size:11px;min-height:75px}.app-art{height:120px}.app-category{font-size:8px;left:12px}.status{font-size:8px}.app-link{font-size:10px}.about-grid{grid-template-columns:1fr;gap:25px}.social-grid{grid-template-columns:1fr}.contact-row{gap:20px;align-items:flex-start;flex-direction:column}.footer-inner{flex-wrap:wrap;gap:14px}.footer-inner span{width:100%}.actions{gap:8px}.button{font-size:11px;padding:12px 15px}}@media(max-width:380px){.app-grid{grid-template-columns:1fr}nav{gap:10px}.brand small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Professional portfolio refinement */
:root{--ink:#182538;--muted:#627084;--paper:#f5f7fa;--green:#315fba;--line:#dce3ed;--lime:#c0d5fc}header{background:#f5f7faf2}.hero{background:radial-gradient(ellipse at 90% 40%,#e4ebf7 0%,transparent 60%)}h1{font-size:clamp(44px,4.8vw,66px);letter-spacing:-2.8px}.hero-grid{gap:68px;padding-top:70px;padding-bottom:66px}.showcase{background:#182a45;border-radius:16px;box-shadow:0 16px 45px #243d6414}.showcase-heading{font-size:28px}.showcase-app small{color:#b0c0d7}.showcase-bottom{color:#b0c0d7}.app-art{background:#edf1f7}.media-art{background:#eaf0f5}.love-art,.lifestyle-art{background:#f3eff5}.taskaro-art,.tools-art{background:#edf1f7}.about-section{background:#eaf0f7}.connect-section,footer{background:#182a45}.social-card small,.contact-row p,.connect-intro{color:#b0c0d7}.app-card{border-radius:12px}.button{border-radius:6px}.app-art img{box-shadow:0 6px 15px #192d4b13}.showcase-top .dot{background:#a8c4f5}@media(max-width:700px){h1{font-size:44px;letter-spacing:-2px}.hero-grid{gap:30px;padding:42px 0}}