/*
Theme Name: Hanoot.ly
Theme URI: https://hanoot.ly
Author: Hanoot
Description: A bilingual RTL-ready WordPress theme for B2B digital marketing and e-commerce services companies.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: hanoot-ly
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, woocommerce
*/
:root{--hn-navy:#071826;--hn-ink:#0a2034;--hn-lime:#d7ff44;--hn-ivory:#f8f3e9;--hn-mist:#e7e3da;--hn-muted:#5b6e77;--hn-border:#b5c0b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hn-ivory);color:var(--hn-ink);font-family:"IBM Plex Sans Arabic",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.hn-container{width:min(1280px,calc(100% - 64px));margin-inline:auto}.hn-site-header{position:sticky;top:0;z-index:20;background:var(--hn-navy);color:var(--hn-ivory);border-bottom:1px solid rgba(215,255,68,.28)}.hn-header-inner{width:min(1370px,calc(100% - 56px));min-height:72px;margin:auto;display:flex;align-items:center;gap:24px}.hn-brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.08em;direction:ltr}.hn-brand-mark{width:33px;height:33px;object-fit:contain}.hn-brand span{color:var(--hn-lime)}.hn-main-nav{display:flex;gap:24px;margin-inline:auto}.hn-main-nav a{color:#d8e2e2;font-size:13px;font-weight:600}.hn-main-nav a:hover{color:var(--hn-lime)}.hn-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border:1px solid transparent;background:var(--hn-lime);color:var(--hn-navy);font-size:13px;font-weight:700;transition:transform .16s ease,background .16s ease}.hn-button:hover{transform:translateY(-2px);background:#efffa5}.hn-button--outline{background:transparent;border-color:currentColor;color:inherit}.hn-button--dark{background:var(--hn-navy);color:var(--hn-ivory)}.hn-hero{position:relative;min-height:670px;display:flex;align-items:flex-end;overflow:hidden;background:var(--hn-navy);color:var(--hn-ivory)}.hn-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,38,.92) 0%,rgba(7,24,38,.58) 57%,rgba(7,24,38,.2)),url('https://manus-storage/hanoot-hero-growth-network_a7aefafd.jpg') center/cover}.hn-hero .hn-container{position:relative;padding:135px 0 96px}.hn-eyebrow{display:flex;align-items:center;gap:9px;color:inherit;font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.hn-eyebrow:before{content:"";width:27px;height:1px;background:var(--hn-lime)}.hn-hero h1,.hn-page-hero h1{max-width:940px;margin:28px 0 22px;font-size:clamp(48px,6.3vw,88px);font-weight:600;letter-spacing:-.075em;line-height:1.12}.hn-hero h1 strong,.hn-page-hero h1 em{color:var(--hn-lime);font-style:normal}.hn-hero p{max-width:520px;margin:0 0 30px;color:#c8d3d4;font-size:16px;line-height:1.95}.hn-band{padding:31px;background:var(--hn-lime);color:var(--hn-navy);font-size:clamp(19px,2.3vw,29px);font-weight:600;text-align:center}.hn-section{padding:125px 0}.hn-section--mist{background:var(--hn-mist)}.hn-section--navy{background:var(--hn-navy);color:var(--hn-ivory)}.hn-section-head{max-width:680px}.hn-section-head h2{margin:20px 0 17px;font-size:clamp(34px,4.5vw,59px);font-weight:600;letter-spacing:-.065em;line-height:1.2}.hn-section-head p{margin:0;color:var(--hn-muted);font-size:16px;line-height:1.9}.hn-section--navy .hn-section-head p{color:#c4d0d1}.hn-service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hn-border);border-inline-start:1px solid var(--hn-border);margin-top:66px}.hn-service-card{min-height:288px;padding:25px;border-bottom:1px solid var(--hn-border);border-inline-end:1px solid var(--hn-border);transition:background .2s ease,color .2s ease}.hn-service-card:hover{background:var(--hn-navy);color:var(--hn-ivory)}.hn-service-card__number{color:#71827d;font-family:Manrope,Arial,sans-serif;font-size:11px}.hn-service-card:hover .hn-service-card__number{color:var(--hn-lime)}.hn-service-card h3{margin:67px 0 11px;font-size:25px;font-weight:600;letter-spacing:-.04em}.hn-service-card p{margin:0;color:var(--hn-muted);font-size:13px;line-height:1.9}.hn-service-card:hover p{color:#c2cdcf}.hn-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid rgba(255,255,255,.26);border-inline-start:1px solid rgba(255,255,255,.26)}.hn-step{min-height:280px;padding:26px;border-bottom:1px solid rgba(255,255,255,.26);border-inline-end:1px solid rgba(255,255,255,.26)}.hn-step span{color:var(--hn-lime);font-family:Manrope,Arial,sans-serif;font-size:11px}.hn-step h3{margin:62px 0 9px;font-size:26px;letter-spacing:-.04em}.hn-step p{margin:0;color:#c1cdcf;font-size:13px;line-height:1.9}.hn-page-hero{position:relative;padding:125px 0 77px;overflow:hidden;background:var(--hn-navy);color:var(--hn-ivory)}.hn-page-hero:after{content:"";position:absolute;inset:0;opacity:.25;background:radial-gradient(ellipse at 78% 20%,var(--hn-lime),transparent 20%),repeating-linear-gradient(90deg,transparent 0 130px,rgba(255,255,255,.25) 131px 132px)}.hn-page-hero .hn-container{position:relative;z-index:1}.hn-page-hero p{max-width:620px;margin:0;color:#c2cfd1;font-size:16px;line-height:1.9}.hn-content{max-width:790px}.hn-content h2{margin:47px 0 15px;font-size:34px;letter-spacing:-.055em;line-height:1.25}.hn-content h3{margin:36px 0 12px;font-size:25px}.hn-content p,.hn-content li{color:#526771;font-size:16px;line-height:2}.hn-content ul{padding-inline-start:22px}.hn-case-grid,.hn-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.hn-case-card,.hn-price-card{min-height:410px;padding:25px;display:flex;flex-direction:column}.hn-case-card--navy,.hn-price-card--featured{background:var(--hn-navy);color:var(--hn-ivory)}.hn-case-card--mist,.hn-price-card{background:#ded8c9}.hn-case-card--lime{background:var(--hn-lime)}.hn-case-card h3,.hn-price-card h3{margin:49px 0 14px;font-size:30px;font-weight:600;letter-spacing:-.05em;line-height:1.2}.hn-case-card p,.hn-price-card p{margin:0;color:inherit;font-size:13px;line-height:1.9;opacity:.8}.hn-case-card a{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.hn-price-card{min-height:495px;border:1px solid var(--hn-border)}.hn-price-card__price{margin:25px 0;font-family:Manrope,Arial,sans-serif;font-size:42px;font-weight:800;letter-spacing:-.07em}.hn-price-card ul{list-style:none;padding:18px 0;margin:0 0 26px;border-top:1px solid rgba(8,32,52,.22)}.hn-price-card li{margin-bottom:9px;font-size:12px}.hn-price-card .hn-button{margin-top:auto}.hn-contact{display:grid;grid-template-columns:.82fr 1.18fr;min-height:700px}.hn-contact__intro{padding:100px 8vw;background:var(--hn-navy);color:var(--hn-ivory)}.hn-contact__intro h1{margin:25px 0 20px;font-size:clamp(48px,5.7vw,80px);letter-spacing:-.08em;line-height:1.1}.hn-contact__intro em{color:var(--hn-lime);font-style:normal}.hn-contact__intro p{max-width:380px;color:#c4d0d1;font-size:15px;line-height:1.95}.hn-contact__form{padding:90px clamp(28px,7vw,120px);background:var(--hn-ivory)}.hn-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px 22px}.hn-contact__form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}.hn-contact__form input,.hn-contact__form textarea,.hn-contact__form select{width:100%;border:0;border-bottom:1px solid #9eadaa;background:transparent;padding:9px 0;outline:0;color:var(--hn-ink);font-size:14px}.hn-contact__form textarea{resize:vertical}.hn-full{grid-column:span 2}.hn-site-footer{background:var(--hn-navy);color:var(--hn-ivory);border-top:1px solid var(--hn-lime)}.hn-footer-main{width:min(1280px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1.2fr .8fr .85fr;gap:58px;padding:72px 0}.hn-footer-main p{max-width:275px;color:#c1cdcf;font-size:13px}.hn-footer-label{display:block;margin-bottom:14px;color:var(--hn-lime);font-family:Manrope,Arial,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.hn-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:25px}.hn-footer-links a{display:block;margin-bottom:9px;color:#cfdbdc;font-size:12px}.hn-footer-base{width:min(1280px,calc(100% - 64px));margin:auto;display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid rgba(255,255,255,.17);color:#9dacaf;font-family:Manrope,Arial,sans-serif;font-size:9px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.wp-block-image img{height:auto}.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.woocommerce ul.products li.product{width:auto!important;margin:0!important}@media(max-width:850px){.hn-main-nav{display:none}.hn-case-grid,.hn-pricing-grid{grid-template-columns:1fr 1fr}.hn-case-card:first-child{grid-column:span 2}.hn-contact{grid-template-columns:1fr}.hn-contact__intro{padding:75px 8vw}.hn-footer-main{grid-template-columns:1fr 1fr}.hn-footer-main>div:last-child{grid-column:span 2}}@media(max-width:560px){.hn-container,.hn-footer-main,.hn-footer-base{width:calc(100% - 40px)}.hn-header-inner{width:calc(100% - 36px)}.hn-header-inner .hn-button{display:none}.hn-hero{min-height:600px}.hn-hero .hn-container{padding:100px 0 67px}.hn-section{padding:76px 0}.hn-service-grid,.hn-steps,.hn-case-grid,.hn-pricing-grid{grid-template-columns:1fr}.hn-service-card,.hn-step{min-height:220px}.hn-service-card h3,.hn-step h3{margin-top:40px}.hn-case-card:first-child{grid-column:auto}.hn-page-hero{padding:100px 0 60px}.hn-page-hero h1{font-size:46px}.hn-contact__form{padding:58px 20px}.hn-form-grid{grid-template-columns:1fr}.hn-full{grid-column:auto}.hn-footer-main{grid-template-columns:1fr;gap:38px}.hn-footer-main>div:last-child{grid-column:auto}}