/*
Theme Name: Ryzeal Web Services
Theme URI: https://ryzeal.com/
Author: RYZEAL LTD.
Author URI: https://ryzeal.com/
Description: A conversion-focused service landing theme for RYZEAL LTD — website development, directory sites and digital services for Bangladeshi businesses. Includes pricing, portfolio, lead form and the policy pages required for paid advertising.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ryzeal
Tags: one-column, custom-logo, custom-menu, translation-ready
*/

:root{
--blue:#0b3d91;--blue2:#1558d6;--accent:#f59e0b;--dark:#0f172a;
--txt:#1f2937;--mut:#64748b;--bd:#e5e7eb;--bg:#fff;--soft:#f8fafc;--gr:#16a34a
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#f1f5f9;color:var(--txt);font-family:"Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%;scroll-behavior:smooth;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue2)}
.skip{position:absolute;top:-40px;left:0;background:var(--accent);color:#000;padding:8px;z-index:9999;font-weight:bold}
.skip:focus{top:0}
.shell{max-width:760px;margin:0 auto;background:var(--bg);min-height:100vh;box-shadow:0 0 30px rgba(0,0,0,.08)}
.wrap{padding:0 18px}

/* Header */
.site-header{background:#fff;padding:12px 18px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:900;gap:10px}
.mbtn{width:32px;height:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;background:none;border:none;padding:0;flex-shrink:0}
.mbtn span{width:100%;height:3px;background:var(--dark);border-radius:2px;display:block}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex:1}
.brand img{height:36px;width:auto;max-width:150px;object-fit:contain}
.brand-txt{font-size:19px;font-weight:900;color:var(--blue);letter-spacing:.5px;line-height:1.1}
.brand-txt small{display:block;font-size:10px;font-weight:600;color:var(--mut);letter-spacing:.3px}
.hcta{background:var(--gr);color:#fff;padding:8px 14px;border-radius:7px;font-size:13px;font-weight:700;text-decoration:none;flex-shrink:0;white-space:nowrap}

/* Sidebar */
.sb{position:fixed;top:0;left:-290px;width:290px;height:100%;background:var(--dark);z-index:1000;transition:.3s;box-shadow:5px 0 24px rgba(0,0,0,.4);padding:18px;visibility:hidden;overflow-y:auto}
.sb.on{left:0;visibility:visible}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999;display:none}
.ov.on{display:block}
.cbtn{color:#fff;font-size:26px;position:absolute;top:10px;right:16px;cursor:pointer;background:none;border:none}
.sb h2{color:#fff;font-size:16px;border-bottom:1px solid #334155;padding-bottom:12px;font-weight:800}
.sb ul{list-style:none;margin-top:14px}
.sb li{margin-bottom:3px}
.sb a{color:#cbd5e1;text-decoration:none;font-size:14.5px;display:block;padding:11px 8px;border-radius:6px}
.sb a:hover{background:#1e293b;color:#fff}

/* Hero */
.hero{background:linear-gradient(140deg,var(--blue) 0%,#123a8a 55%,#0a2f70 100%);color:#fff;padding:34px 18px 30px;text-align:center}
.hero .tag{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:14px;letter-spacing:.3px}
.hero h1{font-size:26px;font-weight:900;line-height:1.35;margin-bottom:12px}
.hero h1 span{color:var(--accent)}
.hero p{font-size:15px;color:#dbeafe;margin-bottom:20px;line-height:1.8}
.hero-btns{display:flex;flex-direction:column;gap:10px;max-width:330px;margin:0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:9px;font-size:15.5px;font-weight:800;text-decoration:none;border:none;cursor:pointer;font-family:inherit}
.btn-p{background:var(--accent);color:#1a1a1a}
.btn-w{background:#25D366;color:#fff}
.btn-o{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}
.btn:active{transform:translateY(1px)}

/* Trust strip */
.trust-strip{background:var(--soft);border-bottom:1px solid var(--bd);padding:14px 12px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ts{background:#fff;border:1px solid var(--bd);border-radius:20px;padding:6px 13px;font-size:11.5px;font-weight:700;color:var(--blue);white-space:nowrap}

/* Sections */
.sec{padding:30px 18px;border-top:1px solid var(--bd)}
.sec-alt{background:var(--soft)}
.sec h2{font-size:22px;font-weight:900;color:var(--dark);margin-bottom:8px;line-height:1.35}
.sec .lead{font-size:14.5px;color:var(--mut);margin-bottom:20px;line-height:1.8}
.sec h3{font-size:17px;font-weight:800;color:var(--dark);margin:22px 0 10px}
.sec p{font-size:14.5px;color:#374151;margin-bottom:12px}
.sec ul,.sec ol{padding-left:20px;margin:10px 0}
.sec li{font-size:14.5px;color:#374151;margin-bottom:8px}
.sec strong{color:var(--dark)}

/* Service cards */
.cards{display:grid;gap:13px}
.card{background:#fff;border:1px solid var(--bd);border-radius:12px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.card .ic{width:44px;height:44px;background:#eff6ff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:12px}
.card h3{font-size:16.5px;font-weight:800;color:var(--dark);margin:0 0 7px}
.card p{font-size:13.8px;color:var(--mut);margin:0;line-height:1.75}

/* Pricing */
.plans{display:grid;gap:15px}
.plan{background:#fff;border:2px solid var(--bd);border-radius:13px;padding:20px;position:relative}
.plan.pop{border-color:var(--blue2);box-shadow:0 5px 20px rgba(21,88,214,.13)}
.plan .badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--blue2);color:#fff;padding:4px 14px;border-radius:12px;font-size:11px;font-weight:800;white-space:nowrap}
.plan h3{font-size:18px;font-weight:900;color:var(--dark);margin-bottom:5px}
.plan .sub{font-size:12.5px;color:var(--mut);margin-bottom:12px}
.price{font-size:30px;font-weight:900;color:var(--blue);line-height:1;margin-bottom:3px}
.price small{font-size:13px;font-weight:600;color:var(--mut)}
.plan .dur{font-size:12.5px;color:var(--mut);margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed var(--bd)}
.plan ul{list-style:none;padding:0;margin:0 0 16px}
.plan li{font-size:13.8px;color:#374151;padding:6px 0 6px 24px;position:relative;margin:0}
.plan li::before{content:'✓';position:absolute;left:0;color:var(--gr);font-weight:900}
.plan li.no{color:#9ca3af}
.plan li.no::before{content:'—';color:#d1d5db}
.plan .btn{width:100%}

/* Process */
.steps{counter-reset:s;list-style:none;padding:0!important}
.steps li{counter-increment:s;position:relative;padding-left:44px!important;margin-bottom:18px!important;font-size:14.5px}
.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:31px;height:31px;background:var(--blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.steps li strong{display:block;margin-bottom:3px;color:var(--dark);font-size:15.5px}

/* Portfolio */
.pf{display:grid;gap:12px}
.pf-item{background:#fff;border:1px solid var(--bd);border-radius:11px;padding:16px}
.pf-item h3{font-size:15.5px;font-weight:800;color:var(--dark);margin:0 0 5px}
.pf-item .type{display:inline-block;background:#eff6ff;color:var(--blue2);font-size:11px;font-weight:700;padding:3px 9px;border-radius:11px;margin-bottom:8px}
.pf-item p{font-size:13.5px;color:var(--mut);margin:0;line-height:1.7}

/* Credentials */
.creds{background:#fff;border:1px solid var(--bd);border-radius:12px;overflow:hidden}
.cred-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 16px;border-bottom:1px solid var(--bd);font-size:13.8px}
.cred-row:last-child{border-bottom:none}
.cred-row .k{color:var(--mut);font-weight:600;flex-shrink:0}
.cred-row .v{color:var(--dark);font-weight:700;text-align:right;word-break:break-word}

/* Form */
.form-box{background:#fff;border:1px solid var(--bd);border-radius:12px;padding:20px}
.fg{margin-bottom:14px}
.fg label{display:block;font-size:13.5px;font-weight:700;color:var(--dark);margin-bottom:6px}
.fg input,.fg select,.fg textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14.5px;font-family:inherit;outline:none;background:#fff;color:var(--txt)}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(21,88,214,.1)}
.fg textarea{min-height:100px;resize:vertical}
.fg select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}
.form-note{font-size:12px;color:var(--mut);margin-top:10px;line-height:1.65}
.form-msg{display:none;padding:12px;border-radius:8px;font-size:14px;font-weight:700;margin-bottom:14px}
.form-msg.ok{display:block;background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}
.form-msg.err{display:block;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}

/* Contact cards */
.cc{display:grid;gap:11px}
.cc a,.cc div{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--bd);border-radius:11px;padding:15px;text-decoration:none;color:var(--txt)}
.cc .ic{width:40px;height:40px;background:#eff6ff;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.cc .t{font-size:12px;color:var(--mut);font-weight:600}
.cc .d{font-size:14.5px;color:var(--dark);font-weight:800;word-break:break-word}

/* FAQ */
.fi{border:1px solid var(--bd);border-radius:10px;margin-bottom:9px;overflow:hidden;background:#fff}
.fi summary{padding:14px 16px;font-size:14.8px;font-weight:700;color:var(--dark);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:11px}
.fi summary::-webkit-details-marker{display:none}
.fi summary::after{content:'+';font-size:21px;color:var(--blue2);font-weight:900;flex-shrink:0;line-height:1}
.fi[open] summary::after{content:'−'}
.fi[open] summary{background:#f8fafc;color:var(--blue)}
.fb{padding:14px 16px;font-size:14px;color:#4b5563;border-top:1px solid var(--bd);line-height:1.85}

/* Legal accordions */
.li{border:1px solid var(--bd);border-radius:10px;margin-bottom:9px;overflow:hidden;background:#fff}
.li summary{padding:13px 16px;font-size:14.2px;font-weight:700;color:#374151;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.li summary::-webkit-details-marker{display:none}
.li summary::after{content:'+';color:#94a3b8;font-weight:900;font-size:19px;line-height:1}
.li[open] summary::after{content:'−'}
.lb{padding:15px 16px;font-size:13.5px;color:#4b5563;border-top:1px solid var(--bd);line-height:1.85;background:#fcfdfe}
.lb p{margin-bottom:11px}
.lb ul{padding-left:19px;margin:9px 0}
.lb li{margin-bottom:6px;font-size:13.5px}
.lb strong{color:var(--dark)}

/* Footer */
.site-footer{background:var(--dark);padding:28px 18px;color:#94a3b8;font-size:13px;line-height:1.85}
.site-footer h3{color:#fff;font-size:16px;font-weight:800;margin-bottom:6px}
.site-footer p{margin-bottom:11px}
.site-footer a{color:#fbbf24;text-decoration:none}
.flinks{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0;font-size:13px}
.fbot{border-top:1px solid #1e293b;padding-top:15px;margin-top:6px;font-size:12px;color:#64748b}

.totop{position:fixed;bottom:20px;right:16px;background:var(--blue);color:#fff;width:44px;height:44px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:800;border:none;box-shadow:0 3px 14px rgba(0,0,0,.28)}
.totop.on{display:flex}

.wp-page{padding:26px 18px}
.wp-page h1{font-size:24px;color:var(--dark);margin-bottom:16px;font-weight:900}
.wp-page h2{font-size:19px;color:var(--dark);margin:22px 0 10px;font-weight:800}
.wp-page p{font-size:14.5px;margin-bottom:13px;color:#374151}
.wp-page ul,.wp-page ol{padding-left:20px;margin-bottom:13px}
.wp-page li{font-size:14.5px;margin-bottom:7px;color:#374151}
.back-home{display:inline-block;margin-top:18px;background:var(--blue);color:#fff!important;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

@media(min-width:620px){
 .cards{grid-template-columns:1fr 1fr}
 .plans{grid-template-columns:1fr 1fr}
 .pf{grid-template-columns:1fr 1fr}
 .cc{grid-template-columns:1fr 1fr}
 .hero-btns{flex-direction:row;max-width:460px}
 .hero h1{font-size:30px}
}