:root{--ink:#20211e;--cream:#f6f4ee;--lime:#d6f178;--line:#d8d6cd;--display:'Playfair Display',serif;--sans:'DM Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans)}button,input,textarea,select{font:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.logo{font:700 26px var(--display);letter-spacing:-1.8px;color:var(--ink);text-decoration:none;display:flex;align-items:center}.logo img{width:28px;margin-right:7px}.logo span{color:#80a725}.nav nav{display:flex;gap:30px;margin-left:140px}.nav nav a{color:var(--ink);font-size:14px;text-decoration:none}.nav-actions{display:flex;align-items:center;gap:20px}.login-btn{border:0;background:none;cursor:pointer;font-weight:600;font-size:13px}.submit-btn,.dark-button{border:0;background:var(--ink);color:#fff;padding:13px 17px;cursor:pointer;font-weight:600;font-size:13px;transition:.2s transform,.2s background}.submit-btn:hover,.dark-button:hover{transform:translateY(-2px);background:#41443d}.hero{min-height:565px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2;width:58%;padding:60px 0}.eyebrow{font:500 10px var(--mono);letter-spacing:1.2px;color:#62645d;margin:0 0 18px}.eyebrow i{width:40px;height:1px;background:#aaa;display:inline-block;vertical-align:middle;margin-left:9px}.hero h1,h2{font:700 68px/.96 var(--display);letter-spacing:-4px;margin:0}.hero h1 em,h2 em{color:#92b72e;font-weight:600}.hero-copy>p:not(.eyebrow){max-width:380px;font-size:16px;line-height:1.55;margin:26px 0}.search-shell{height:58px;width:min(530px,100%);border:1px solid #bbbdb4;background:#fffefa;box-shadow:4px 4px #e1ded4;display:flex;align-items:center;padding:0 15px}.search-shell span{font-size:28px;transform:rotate(-15deg);margin-right:9px}.search-shell input{flex:1;border:0;outline:0;background:transparent;font-size:14px}.search-shell kbd{font:10px var(--mono);color:#777;border:1px solid #d4d2ca;padding:5px}.popular{display:flex;align-items:center;gap:13px;margin-top:17px}.popular b{font:10px var(--mono);font-weight:400;color:#777}.popular button{padding:0;border:0;border-bottom:1px solid #aaa;background:none;cursor:pointer;font-size:12px}.hero-image{position:absolute;right:0;width:47%;height:100%;display:grid;place-items:center}.hero-image:before{content:'';position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid #d4d3ca;box-shadow:0 0 0 35px #e4e3dc,0 0 0 70px #edebe5}.hero-image img{width:360px;height:450px;object-fit:cover;object-position:center;position:relative;z-index:1;border-radius:180px 180px 30px 30px;box-shadow:14px 18px 35px #b9b9ad;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}.floating-card{position:absolute;z-index:2;background:#fffdf8;box-shadow:4px 6px 13px #78786c44;padding:10px 12px;font-size:10px;line-height:1.3;animation:float 4s ease-in-out infinite}.floating-card span{margin-left:5px}.floating-card b{font-size:11px}.card-one{left:8%;top:24%;color:#84a92a;font-size:21px;transform:rotate(-8deg)}.card-one span{display:inline-block;color:var(--ink);font-size:10px}.card-two{right:0;bottom:21%;animation-delay:-2s}.tiny-orb{display:inline-block;background:var(--lime);width:13px;height:13px;border-radius:50%;vertical-align:middle;margin-right:5px}.ticker{height:57px;background:var(--ink);color:#f2f3ee;display:flex;align-items:center;overflow:hidden;white-space:nowrap}.ticker div{font:500 11px var(--mono);letter-spacing:1.3px;word-spacing:20px;animation:ticker 22s linear infinite}.ticker b{color:var(--lime);font-size:16px}@keyframes ticker{to{transform:translateX(-35%)}}.categories{padding:120px 0}.section-heading,.products-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2,.products-heading h2{font-size:50px;letter-spacing:-2.8px}.section-heading>a{color:var(--ink);text-decoration:none;border-bottom:1px solid;padding-bottom:4px;font-size:13px;font-weight:600}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-grid button{height:190px;border:0;padding:22px;text-align:left;display:flex;flex-direction:column;cursor:pointer;transition:.2s transform,.2s box-shadow}.category-grid button:hover{transform:translate(-4px,-4px);box-shadow:5px 5px var(--ink)}.category-grid i{font-style:normal;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ffffff85;font:16px var(--mono)}.category-grid strong{margin-top:auto;font:700 26px var(--display);letter-spacing:-1px}.category-grid small{align-self:end;font-size:20px}.lime{background:#d8ef82}.peach{background:#f9b98a}.blue{background:#a9d5ec}.yellow{background:#f9df70}.lavender{background:#c4b4e6}.pink{background:#f1b4c5}.products{padding-bottom:125px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills button{border:1px solid #c8c7c0;background:none;border-radius:20px;padding:8px 12px;cursor:pointer;font-size:12px}.pills button.active{background:var(--ink);border-color:var(--ink);color:#fff}.product-list{border-top:1px solid var(--ink)}.product{display:grid;grid-template-columns:55px 1fr 1.35fr .7fr 75px;gap:18px;align-items:center;padding:17px 5px;border-bottom:1px solid var(--line);transition:.18s background}.product:hover{background:#edebe4}.product-logo{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:20px;background:#ddd}.product-logo.writing{background:#e2c6a7}.product-logo.design{background:#b9a4ff}.product-logo.productivity{background:#d8f078}.product-logo.development{background:#212220;color:white}.product-logo.video{background:#ff6338;color:white}.product h3{font-size:14px;margin:0 0 5px}.product span{font:10px var(--mono);color:#72736d;text-transform:uppercase}.product p{font-size:13px;color:#62645e;margin:0;line-height:1.4}.product a{font-size:12px;color:var(--ink);font-weight:600;text-decoration:none}.vote{border:1px solid #c7c6be;background:transparent;padding:7px 8px;border-radius:3px;cursor:pointer}.vote:hover,.vote.voted{background:var(--lime);border-color:#95b34c}.vote:disabled{opacity:.5}.loading{padding:40px 0;text-align:center;color:#777}.contribute{background:var(--lime);display:grid;grid-template-columns:1.1fr 1fr;padding:80px 72px;min-height:470px}.contribute h2{font-size:51px;letter-spacing:-2.8px}.contribute>div>p:not(.eyebrow){font-size:14px;line-height:1.5;max-width:380px}.steps{border-left:1px solid #a9c65b;padding-left:60px;display:flex;flex-direction:column;justify-content:space-between}.steps article{border-bottom:1px solid #adc95f;padding-bottom:18px}.steps article:last-child{border:0}.steps b{font:11px var(--mono);color:#667b2e}.steps h3{font:700 22px var(--display);margin:5px 0}.steps p{font-size:13px;margin:0;color:#495226}.dark-button{margin-top:10px}.modal{width:min(470px,calc(100% - 30px));border:0;background:#faf9f4;color:var(--ink);padding:48px;box-shadow:8px 8px var(--ink)}.modal::backdrop{background:#20211ebb}.modal>img{width:42px}.modal h2{font-size:42px;letter-spacing:-2.5px;margin-bottom:25px}.close{position:absolute;right:14px;top:9px;border:0;background:none;font-size:28px;cursor:pointer}.modal form{display:grid;gap:13px}.modal label{font:500 10px var(--mono);letter-spacing:.5px}.modal input,.modal textarea,.modal select{width:100%;display:block;margin-top:5px;padding:10px;border:1px solid #cbcac3;background:#fff;font-size:13px;outline-color:#91b52d}.modal textarea{height:75px;resize:vertical}.form-error{color:#ba4630;font-size:12px;margin:0;min-height:14px}.switch-auth{border:0;background:none;padding:18px 0 0;text-decoration:underline;font-size:12px;cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;z-index:10;transform:translate(-50%,130px);background:var(--ink);color:white;padding:14px 20px;box-shadow:4px 4px var(--lime);font-size:13px;transition:.3s transform}.toast.show{transform:translate(-50%,0)}footer{height:105px;display:flex;align-items:center;justify-content:space-between}footer p{font-size:12px;color:#777}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.nav{height:72px}.nav nav,.login-btn{display:none}.submit-btn{padding:10px}.hero{min-height:650px;align-items:start}.hero-copy{width:100%;padding-top:60px}.hero h1{font-size:57px;letter-spacing:-3px}.hero-image{width:270px;height:330px;right:-30px;bottom:0;opacity:.42}.hero-image:before{width:220px;height:220px;box-shadow:0 0 0 20px #e4e3dc}.hero-image img{height:280px;width:220px}.floating-card{display:none}.categories{padding:80px 0}.section-heading,.products-heading{align-items:start;flex-direction:column;gap:20px}.section-heading h2,.products-heading h2,.contribute h2{font-size:39px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-grid button{height:145px;padding:16px}.category-grid strong{font-size:21px}.product{grid-template-columns:50px 1fr 67px;gap:10px}.product p,.product a{display:none}.contribute{width:100%;grid-template-columns:1fr;padding:52px 28px;gap:45px}.steps{padding:24px 0 0;border-left:0;border-top:1px solid #a9c65b;gap:16px}.steps article{padding-bottom:13px}.modal{padding:38px 25px}footer{height:auto;padding:25px 0;gap:15px;flex-wrap:wrap}footer p{width:100%;order:3}.products{padding-bottom:75px}}