@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#17201e;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17201e;--paper:#f4f1ea;--coral:#f56e5b;--mint:#3fc5ae;--line:#17201e29;background:#f4f1ea;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.container{width:min(1180px,100% - 48px);margin-inline:auto}.site-shell{overflow:hidden}.nav-wrap{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f4f1eadb;position:fixed;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;height:74px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-weight:700;display:inline-flex}.brand__mark{width:34px;height:34px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;font-family:Georgia,serif;font-style:italic;display:grid}.brand__muted{color:#78807d;font-weight:500}.nav__links{align-items:center;gap:34px;font-size:14px;font-weight:600;display:flex}.nav__links a{transition:opacity .2s}.nav__links a:hover{opacity:.55}.nav__github{border:1px solid var(--ink);border-radius:99px;align-items:center;gap:5px;padding:9px 15px;display:flex}.menu-toggle{background:0 0;border:0;padding:10px;display:none}.hero{min-height:760px;padding-top:184px;position:relative}.hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.status-dot{background:var(--mint);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #3fc5ae26}.hero h1{z-index:2;letter-spacing:-.075em;max-width:760px;margin:28px 0 24px;font-size:clamp(66px,8vw,112px);line-height:.91;position:relative}.hero h1 em,.principles h2 em{color:var(--coral);font-family:Georgia,Noto Serif SC,serif;font-weight:400}.hero__intro{z-index:2;color:#57605d;max-width:530px;font-size:18px;line-height:1.8;position:relative}.hero__actions{z-index:2;align-items:center;gap:24px;margin-top:38px;display:flex;position:relative}.primary-button{cursor:pointer;color:#fff;background:var(--ink);border:0;border-radius:99px;align-items:center;gap:20px;padding:16px 22px 16px 25px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.primary-button:hover{background:#2c3b37;transform:translateY(-2px)}.hero__note{color:#68716e;align-items:center;gap:8px;font-size:13px;display:flex}.hero__visual{width:470px;height:500px;position:absolute;top:150px;right:0}.orbit{border:1px solid #17201e26;border-radius:50%;position:absolute}.orbit--one{animation:24s linear infinite rotate;inset:40px}.orbit--two{border-style:dashed;animation:32s linear infinite reverse rotate;inset:100px 20px 20px 100px}.hero-card{border:1px solid #17201eb3;flex-direction:column;display:flex;position:absolute;box-shadow:8px 10px #17201e1f}.hero-card--back{background:#f5cd5c;justify-content:space-between;width:250px;height:315px;padding:25px;top:40px;right:30px;transform:rotate(8deg)}.hero-card--back span{align-self:flex-end;font-size:13px;font-weight:700}.hero-card--back p{max-width:150px;font-size:23px;font-weight:700;line-height:1.2}.hero-card--front{background:#b7dfd4;width:260px;height:320px;padding:28px;bottom:25px;left:40px;transform:rotate(-7deg)}.hero-card--front svg{filter:drop-shadow(5px 7px #17201e21);width:118px;margin:30px auto 42px}.hero-card--front strong{font-size:25px}.hero-card--front span{color:#49615b;margin-top:5px}.hero-sticker{color:#fff;background:var(--coral);text-transform:uppercase;text-align:center;letter-spacing:.1em;border-radius:50%;place-items:center;width:105px;height:105px;font-size:12px;font-weight:700;line-height:1.35;display:grid;position:absolute;bottom:30px;right:4px;transform:rotate(10deg)}@keyframes rotate{to{transform:rotate(360deg)}}.tools-section{color:#f5f1e8;background:#18211f;padding:118px 0 130px}.section-heading{justify-content:space-between;align-items:end;gap:40px;display:flex}.section-index{color:var(--coral);text-transform:uppercase;letter-spacing:.13em;margin-bottom:28px;font-size:12px;font-weight:700;display:block}.section-heading h2,.principles h2{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,67px);line-height:1.06}.section-heading>p{color:#9da7a3;max-width:300px;margin-bottom:7px;line-height:1.7}.category-filter{gap:8px;margin:58px 0 30px;display:flex;overflow-x:auto}.category-filter button{cursor:pointer;color:#aab2af;background:0 0;border:1px solid #46504d;border-radius:99px;flex:none;padding:9px 17px}.category-filter button.active{color:#18211f;background:#f5f1e8;border-color:#f5f1e8}.tool-grid{grid-template-columns:1.4fr .6fr;gap:22px;display:grid}.tool-card{color:#17201e;background:#fbfaf6;border-radius:4px;min-height:510px;padding:30px}.tool-card__topline{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.tool-card__category{border:1px solid #17201e59;border-radius:99px;padding:7px 11px}.tool-card__featured{color:#b34537;align-items:center;gap:5px;display:flex}.tool-card__body{align-items:center;gap:24px;margin-top:48px;display:flex}.app-icon{filter:drop-shadow(5px 7px #17201e24);flex:none;width:92px}.app-icon svg{display:block}.tool-card h3{letter-spacing:-.045em;margin:0;font-size:38px}.tool-card__tagline{color:#66706d;margin:6px 0 0}.tool-card__description{color:#46504d;max-width:570px;margin:32px 0;font-size:16px;line-height:1.7}.tool-card__meta{color:#69716f;border-top:1px solid #17201e2e;justify-content:space-between;align-items:center;padding-top:20px;font-size:13px;display:flex}.platform-list{gap:7px;display:flex}.platform-list span{color:#34413d;background:#17201e12;border-radius:5px;padding:5px 9px}.download-button{border:1px solid var(--ink);background:var(--ink);color:#fff;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:28px;padding:15px;font-weight:600;transition:transform .2s;display:flex}.download-button:not(.download-button--disabled):hover{transform:translateY(-2px)}.download-button--disabled{color:#7b8481;background:#17201e0f;border-color:#17201e2e}.download-count{color:#6f7976;text-align:center;margin:10px 0 0;font-size:12px}.tool-card--coming{color:#d8dfdc;background:0 0;border:1px solid #3c4844;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.coming-number{color:#4f5b57;font:italic 120px/1 Georgia,serif;position:absolute;top:18px;right:23px}.tool-card--coming h3{font-size:28px}.tool-card--coming p{color:#8e9995;line-height:1.7}.coming-line{background:var(--coral);width:50px;height:2px;margin-top:24px}.principles{padding:130px 0}.principles__grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.principles__list>div{border-top:1px solid var(--line);grid-template-columns:48px 140px 1fr;gap:16px;padding:25px 0;display:grid}.principles__list span{color:var(--coral);font-size:12px;font-weight:700}.principles__list h3,.principles__list p{margin:0}.principles__list h3{font-size:18px}.principles__list p{color:#65706c;line-height:1.7}.cta-section{color:#17201e;background:#3fc5ae;padding:100px 0}.cta-section__inner{position:relative}.cta-section span{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.cta-section h2{letter-spacing:-.06em;margin:25px 0 0;font-size:clamp(48px,6vw,78px);line-height:1}.cta-section a{border:1px solid var(--ink);border-radius:99px;align-items:center;gap:35px;padding:15px 20px;font-weight:600;display:flex;position:absolute;bottom:0;right:0}.footer{justify-content:space-between;align-items:center;min-height:130px;font-size:13px;display:flex}.footer p{color:#707976}.footer>div{gap:24px;font-weight:600;display:flex}@media (width<=900px){.hero{min-height:920px}.hero__visual{top:500px;left:50%;right:auto;transform:translate(-50%)scale(.85)}.tool-grid{grid-template-columns:1fr}.tool-card--coming{min-height:300px}.principles__grid{grid-template-columns:1fr;gap:65px}.cta-section a{width:fit-content;margin-top:45px;position:static}}@media (width<=640px){.container{width:min(100% - 30px,1180px)}.menu-toggle{gap:6px;display:grid}.menu-toggle span{background:var(--ink);width:24px;height:1px}.nav__links{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:14px 20px 22px;display:none;position:absolute;top:74px;left:0;right:0}.nav__links--open{display:flex}.nav__links a{padding:13px 5px}.nav__github{border:0}.hero{min-height:830px;padding-top:145px}.hero h1{font-size:57px}.hero__intro{font-size:16px}.hero__actions{flex-direction:column;align-items:flex-start;gap:17px}.hero__visual{transform-origin:top;top:490px;transform:translate(-50%)scale(.62)}.tools-section,.principles{padding:85px 0}.section-heading{flex-direction:column;align-items:start}.section-heading h2,.principles h2{font-size:42px}.section-heading>p{margin:0}.tool-card{min-height:auto;padding:22px}.tool-card__body{gap:16px;margin-top:35px}.app-icon{width:70px}.tool-card h3{font-size:29px}.principles__list>div{grid-template-columns:34px 1fr}.principles__list p{grid-column:2}.cta-section{padding:80px 0}.footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:40px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}