
:root{--red:#d71920;--dark:#202124;--dark2:#30363a;--light:#f6f6f5;--line:#dedede;--muted:#6c7074}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
header{height:76px;background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;align-items:center;gap:30px}.logo{width:190px;height:68px;object-fit:contain;object-position:left center}.navlinks{margin-left:auto;display:flex;gap:26px;font-size:14px;font-weight:700}.navlinks a:hover,.navlinks .active{color:var(--red)}.search{font-size:22px;margin-left:15px}
.btn{display:inline-block;border:0;border-radius:7px;background:var(--red);color:#fff;padding:12px 20px;font-weight:800;font-size:14px;cursor:pointer}.btn.outline{background:transparent;border:1px solid #fff}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:850;color:var(--red)}
.hero{min-height:470px;background:var(--dark);color:#fff;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url("assets/home-reference.png") center 18%/cover no-repeat;opacity:.34}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#15171acc 0%,#15171aaa 48%,#15171a35 100%)}.hero-content{position:relative;z-index:2;padding:82px 0;width:60%}.hero h1{font-size:62px;line-height:.98;letter-spacing:-3px;margin:15px 0 22px}.hero h1 span,h2 span{color:#ef3a40}.hero p{font-size:18px;line-height:1.65;color:#ddd;max-width:650px}.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-script{position:absolute;right:31%;top:130px;z-index:3;font:38px "Brush Script MT","Segoe Script",cursive;transform:rotate(-7deg)}.redline{height:4px;width:145px;background:#ef252d;transform:rotate(-15deg);margin:6px 0 0 70px}
.apps-strip{background:var(--dark2);color:#fff;padding:20px 0}.apps-row{display:grid;grid-template-columns:repeat(4,1fr)}.app-mini{text-align:center;border-right:1px solid #667078;padding:8px}.app-mini:last-child{border:0}.app-mini img{height:52px;width:76px;object-fit:contain;display:block;margin:auto}.app-mini b{display:block;margin-top:7px}
section{padding:72px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.section-head h2,h2{font-size:38px;letter-spacing:-1.5px;margin:9px 0}.section-head p{max-width:470px;color:var(--muted);line-height:1.6}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;display:grid;grid-template-columns:76px 1fr;gap:12px;min-height:280px;box-shadow:0 7px 25px #0000000a}.tool-card .tool-img{width:76px;height:76px;object-fit:cover;border-radius:8px;grid-row:1/5}.tool-card .tag{font-size:9px;font-weight:850;background:#fbe8e8;color:#a00f14;padding:5px 8px;border-radius:4px;display:inline-block;align-self:start;justify-self:start}.tool-card h3{font-size:18px;margin:0;line-height:1.25}.tool-card p{font-size:13px;color:#6b6f73;line-height:1.55;margin:0}.tool-card .btn{grid-column:1/-1;text-align:center;margin-top:auto}
.grey{background:#f1f1f0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-img{width:100%;border-radius:12px}.copy{font-size:16px;line-height:1.8;color:#686c70}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.feature{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px}.feature b{font-size:13px}.feature p{font-size:12px;color:#777;line-height:1.5}
.page-hero{background:var(--dark);color:#fff;padding:58px 0}.page-hero h1{font-size:50px;margin:10px 0}.page-hero p{color:#bbb;line-height:1.6;max-width:700px}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-bottom:55px;align-items:center}.product-detail img{width:100%;max-height:430px;object-fit:contain;background:#eee;border-radius:12px}.product-detail h2{margin-top:0}.facts{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.fact{border:1px solid #ddd;border-radius:20px;padding:7px 10px;font-size:11px;color:#666}.features{padding-left:18px;color:#666;line-height:1.8;font-size:13px}
.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.app-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;display:grid;grid-template-columns:150px 1fr;min-height:250px}.app-card .logo-box{background:#f4f4f3;display:flex;align-items:center;justify-content:center}.app-card .logo-box img{width:105px;height:105px;object-fit:contain}.app-card .app-body{padding:24px}.app-card h3{margin:0 0 10px;font-size:21px}.app-card p{font-size:13px;line-height:1.6;color:#777}.official{font-size:10px;color:#999;margin-top:18px}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.video-card{border:1px solid #ddd;border-radius:12px;overflow:hidden}.video-card .thumb{height:190px;background:#202124 url("assets/tutorial-reference.png") center/cover;position:relative}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px}.video-card .body{padding:18px}.video-card h3{font-size:16px;margin:0 0 7px}.video-card p{font-size:12px;color:#777;line-height:1.5}
.donate-box{background:#fff3f3;border:1px solid #efcccc;border-radius:14px;padding:45px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.donate-box p{color:#666;line-height:1.7}.amounts{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.amounts button{border:1px solid #ccc;background:#fff;border-radius:6px;padding:10px 16px;font-weight:700;cursor:pointer}.amounts button.active{border-color:var(--red);color:var(--red)}form{display:grid;gap:10px}input{padding:12px;border:1px solid #ccc;border-radius:6px}.upi{display:none;margin-top:14px;padding:16px;background:#fff;border:1px dashed #aaa;border-radius:8px;color:#555}
footer{background:#252a2d;color:#fff;padding:34px 0}.footer{display:flex;align-items:center;gap:40px}.footer-logo{width:170px;filter:invert(1)}.footer-links{margin-left:auto;display:flex;gap:20px;font-size:12px}.footer small{color:#aaa}
@media(max-width:850px){.navlinks{display:none}.hero-content{width:100%}.hero-script{display:none}.tool-grid,.app-grid,.video-grid{grid-template-columns:1fr}.about-grid,.product-detail,.donate-box{grid-template-columns:1fr}.apps-row{grid-template-columns:1fr 1fr}.footer{flex-wrap:wrap}.footer-links{margin-left:0}}@media(max-width:560px){.hero h1{font-size:44px}.apps-row{grid-template-columns:1fr 1fr}.app-card{grid-template-columns:1fr}.app-card .logo-box{min-height:140px}}
