body{margin:0;font:17px/1.65 system-ui,sans-serif;color:#15203b;background:#faf9f6}main,nav,footer{max-width:960px;margin:auto;padding:26px}nav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}a{color:#af3c00}nav a{font-weight:650;text-decoration:none}h1{font-size:clamp(36px,6vw,62px);line-height:1.1;letter-spacing:-2px}h2{margin-top:36px;line-height:1.25}.hero{padding:36px 0}.eyebrow{font-weight:700;color:#bc4200;letter-spacing:2px;font-size:13px}.card{padding:24px;background:white;border:1px solid #e7e5df;border-radius:18px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.grid .card{margin:0}footer{font-size:14px;color:#5c6170;border-top:1px solid #e7e5df}img{width:72px;border-radius:18px}li{margin-bottom:8px}.note{color:#5c6170}
/* Developer website */
html{scroll-behavior:smooth;scroll-padding-top:20px}.developer{background:#f7f5ef;color:#202b29}.developer nav,.developer main,.developer footer{max-width:1120px}.developer nav{padding-top:30px;padding-bottom:30px;align-items:center;border-bottom:1px solid #deded5}.developer .brand{letter-spacing:2px;font-size:19px;color:#203d34}.brand span{display:block;letter-spacing:0;font-size:11px;font-weight:450;color:#6c756f;margin-top:3px}.developer nav div{display:flex;gap:28px}.developer nav div a{color:#394f47;font-size:14px}.developer main{padding-top:0}.studio-hero{position:relative;padding:85px 0 95px;overflow:hidden}.developer h1{font-size:clamp(46px,7vw,82px);letter-spacing:-4px;font-weight:550;line-height:1.04;margin:20px 0 25px}.developer h1 span{color:#778d64}.developer .eyebrow{color:#586b4d;font-size:11px;letter-spacing:2.4px}.intro{font-size:21px;max-width:520px;color:#5c6861;line-height:1.55}.button{display:inline-flex;gap:45px;margin-top:18px;padding:15px 22px;background:#264d3e;border-radius:7px;color:#fff;text-decoration:none;font-size:14px;font-weight:600}.hero-mark{position:absolute;right:60px;top:100px;width:220px;height:260px;transform:rotate(-12deg);z-index:-0;opacity:.85}.hero-mark i{display:block;position:absolute;width:155px;height:155px;border:1px solid #a5b68d;border-radius:32px;background:#e4e9d8}.hero-mark i:nth-child(2){top:45px;left:35px;background:#cbd7ba}.hero-mark i:nth-child(3){top:90px;left:70px;background:#90a67a}.studio-hero>*:not(.hero-mark){position:relative;z-index:1}.section-heading{border-top:1px solid #deded5;padding-top:30px;margin-bottom:35px}.developer h2{font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px;font-weight:550;margin:10px 0 24px}.app-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;border-radius:22px;padding:48px;margin:24px 0 32px;background:#fff;align-items:center;border:1px solid #e6e4dc}.app-heading{display:flex;gap:16px;align-items:center}.app-heading img{width:64px;height:64px;border-radius:15px}.app-heading h3{font-size:22px;margin:3px 0;letter-spacing:-.5px}.badge{font-size:11px;font-weight:600;letter-spacing:.3px;color:#687462;margin:0}.app-tagline{font-size:30px;line-height:1.2;letter-spacing:-.9px;margin:28px 0 18px}.app-copy>p:not(.app-tagline){font-size:15px;color:#646b65}.app-copy .app-meta{font-size:12px}.link-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.link-row a{font-size:13px;font-weight:650;color:#315943;text-underline-offset:4px}.job-preview{background:#f6f4ef;padding:26px;border:1px solid #e5e2d8;border-radius:16px;box-shadow:0 18px 28px #21332c0a;transform:rotate(2deg)}.preview-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#85887c}.demo{letter-spacing:0}.job-preview h4{font-size:23px;line-height:1.2;margin:30px 0 6px}.job-preview>p{font-size:12px;color:#767d71}.cost-line{display:flex;justify-content:space-between;font-size:12px;margin:20px 0}.cost-line strong{font-weight:600}.cost-line.total{border-top:1px solid #d8dbd1;padding-top:20px}.paper-label{font-size:11px;background:#e7ecde;border-radius:6px;text-align:center;padding:13px;margin-top:25px;color:#465c39}.tasbih{background:#eef0e6}.bead-icon{display:grid;place-items:center;background:#284d40;color:#d8d6ad;width:64px;height:64px;border-radius:15px;font-size:36px}.quiet-preview{position:relative;text-align:center;padding:70px 0 30px;min-height:180px}.bead-ring{position:absolute;width:170px;height:170px;border:11px dotted #a7ad87;border-radius:50%;left:50%;top:30px;transform:translateX(-50%)}.counter-number{position:relative;font-size:64px;font-weight:300;color:#345344;line-height:1.6}.quiet-preview p{position:relative;font-size:12px;color:#6c7a61;margin-top:35px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:10px 70px;padding:65px 0}.about-section .eyebrow{grid-column:1/-1}.about-section h2{grid-row:2/4}.about-section>p:not(.eyebrow){font-size:16px;color:#646d65;margin-top:10px}.contact-section{border-top:1px solid #deded5;padding:55px 0 60px}.contact-link{font-size:clamp(19px,3vw,30px);color:#315943;text-decoration:none}.contact-section>p:last-child{font-size:13px;color:#70786e}.developer footer{display:flex;justify-content:space-between;gap:20px}.developer footer a{color:#52664c}.compact{padding-bottom:30px;max-width:800px}.compact h1{font-size:clamp(38px,6vw,64px)}a:focus-visible{outline:3px solid #d17d41;outline-offset:5px}@media(max-width:800px){.hero-mark{right:-65px;opacity:.25;top:145px}.studio-hero{padding:55px 0 65px}.developer h1{letter-spacing:-2px}.app-feature{grid-template-columns:1fr;gap:30px;padding:28px}.job-preview{transform:none}.about-section{display:block;padding:40px 0}.developer nav div{gap:18px}.developer footer{flex-wrap:wrap}.developer nav,.developer main,.developer footer{padding-left:22px;padding-right:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}