@font-face{font-family:Vazirmatn;src:url("../fonts/Vazirmatn-Regular.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url("../fonts/Vazirmatn-Medium.woff2") format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Vazirmatn;src:url("../fonts/Vazirmatn-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Vazirmatn;src:url("../fonts/Vazirmatn-Bold.woff2") format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Vazirmatn;src:url("../fonts/Vazirmatn-Black.woff2") format("woff2");font-weight:900;font-display:swap}:root{--navy:#0c2740;--blue:#168bd2;--cyan:#20b8c8;--ink:#172d42;--muted:#687b8e;--line:#dce7ee;--soft:#f3f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Vazirmatn,Arial,sans-serif;line-height:1.95}body.drawer-open{overflow:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.top{position:sticky;top:0;z-index:100;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:165px}.brand b{display:block;font-size:16px;color:var(--navy);line-height:1.25}.brand small{display:block;font:700 8px Arial;letter-spacing:2.5px;color:#8495a5;direction:ltr}.mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#0c2740,#174b6d);display:block;position:relative;overflow:hidden}.mark:before,.mark:after{content:"";position:absolute;border:2px solid var(--cyan);border-radius:50%;width:27px;height:12px;left:7px;top:14px;transform:rotate(28deg)}.mark:after{border-color:#70c9ed;width:12px;height:27px;left:14px;top:7px}.mark i{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;left:18px;top:18px}.mainnav{display:flex;align-items:center;gap:5px;margin-right:auto;background:#f7fafc;border:1px solid #e2ebf0;border-radius:16px;padding:4px;box-shadow:inset 0 1px #fff,0 8px 25px #17384b08}.mainnav>a,.drop>button{border:0;background:transparent;color:#52687a;font:700 11px Vazirmatn;padding:10px 14px;border-radius:12px;cursor:pointer;position:relative;transition:.2s}.drop>button:after{content:"";position:absolute;right:14px;left:14px;bottom:4px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:9px;transform:scaleX(0);transition:.2s}.drop:hover>button:after,.drop:focus-within>button:after{transform:scaleX(1)}.mainnav>a:hover,.drop:hover>button,.drop:focus-within>button{background:#fff;color:var(--navy);box-shadow:0 5px 15px #17384b10}.drop>button span{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:5px;border:1px solid #d5e2e9;border-radius:6px;color:#628095;background:#fff;transition:.2s}.drop:hover>button span{transform:rotate(180deg);border-color:#9ed7e3;color:var(--blue)}.drop{position:relative}.drop>button span{color:#91a2b1}.menu{position:absolute;top:55px;right:-8px;width:285px;padding:10px;background:#fff;border:1px solid #d9e8ef;border-radius:18px;box-shadow:0 24px 60px #14364b22;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transition:.22s;overflow:hidden}.menu:before{content:"";display:block;height:3px;margin:-10px -10px 9px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.drop:hover .menu,.drop:focus-within .menu{opacity:1;visibility:visible;transform:none}.menu a{display:block;padding:12px 13px;border:1px solid transparent;border-radius:12px;position:relative;transition:.18s}.menu a:after{content:"←";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9bb0be;opacity:0;transition:.18s}.menu a:hover{border-color:#d8edf2;background:linear-gradient(90deg,#f4fbfd,#fff);padding-right:17px}.menu a:hover:after{opacity:1;left:10px}.menu a:hover{background:var(--soft)}.menu b{display:block;font-size:12px;color:var(--navy)}.menu small{display:block;color:#8798a7;font-size:9px}.menu.compact{width:255px}.navbtn,.primary,.secondary,.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;font-size:11px;font-weight:700;transition:.2s}.navbtn,.primary{background:var(--navy);color:#fff;padding:11px 18px;box-shadow:0 10px 24px #10253b18}.navbtn:hover,.primary:hover{transform:translateY(-2px);background:#123a5b}.secondary,.outline-btn{background:#fff;border:1px solid #cbdbe5;color:#496176;padding:10px 18px}.secondary:hover,.outline-btn:hover{border-color:#79c8dc;color:var(--navy);transform:translateY(-2px)}.menubtn{display:none}.mobilemenu,.drawer-backdrop{display:none}.hero{background:radial-gradient(circle at 15% 20%,#dff7fb 0,transparent 25%),radial-gradient(circle at 90% 70%,#e8f3ff 0,transparent 28%),linear-gradient(180deg,#f6fbfd,#fff);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#168bd20b 1px,transparent 1px),linear-gradient(90deg,#168bd20b 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-grid{min-height:675px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:62px;padding:65px 0}.eyebrow{display:inline-block;font:700 9px Arial;letter-spacing:1.8px;color:var(--blue);direction:ltr}.hero h1{font-size:clamp(43px,5vw,68px);line-height:1.34;letter-spacing:-1.8px;margin:15px 0 20px;color:var(--navy);font-weight:900}.hero h1 strong,h2 strong{color:var(--blue)}.lead{font-size:16px;color:#607489;max-width:650px}.actions{display:flex;gap:11px;margin:28px 0}.hero-note{display:flex;gap:13px;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#8393a1}.hero-note b{color:#52687b}.hero-visual{position:relative;min-height:510px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#0b263d55,#0b263d33),url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1200&q=85") center/cover;box-shadow:0 22px 55px #14344b12}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#0b263dd9)}.visual-card{position:absolute;z-index:2;right:28px;left:28px;bottom:28px;background:#ffffffef;border:1px solid #ffffffaa;border-radius:18px;padding:20px}.visual-card strong{display:block;color:var(--navy);font-size:18px}.visual-card p{margin:6px 0;color:#65798c;font-size:10px}.visual-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.visual-kpis span{background:#f2f7fa;border-radius:10px;padding:9px;text-align:center;font-size:9px;color:#5e7385}.visual-kpis b{display:block;color:var(--blue);font-size:15px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.proof-grid>div{padding:25px 28px;border-left:1px solid var(--line)}.proof-grid>div:last-child{border:0}.proof-grid b{display:block;color:var(--navy);font-size:13px}.proof-grid span{display:block;color:#80909e;font-size:10px;margin-top:4px}.section{padding:100px 0;position:relative}.section:nth-of-type(odd){background:radial-gradient(circle at 85% 20%,#eaf8fb 0,transparent 22%),linear-gradient(180deg,#fff,#f8fbfc)}.section:nth-of-type(even){background:radial-gradient(circle at 15% 70%,#edf5ff 0,transparent 24%),#fff}.section-head{display:grid;grid-template-columns:1fr 450px;gap:55px;align-items:end;margin-bottom:45px}.section-head h2{font-size:39px;line-height:1.5;margin:10px 0;color:var(--navy)}.section-head>p{color:#718293;font-size:13px;margin:0}.solution-grid,.detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}.solution-card,.detail-card{position:relative;border:1px solid #dce8ee;border-radius:20px;padding:28px;background:linear-gradient(145deg,#fff,#fbfdfe);transition:.25s;overflow:hidden}.solution-card:before,.detail-card:before,.price-card:before{content:"";position:absolute;inset:0 auto auto 0;width:80px;height:80px;background:radial-gradient(circle,#20b8c81c,transparent 70%);pointer-events:none}.solution-card{min-height:245px;display:flex;flex-direction:column}.solution-card:hover,.detail-card:hover{transform:translateY(-5px);border-color:#a8d6e4;box-shadow:0 22px 55px #14344b12}.solution-card.featured{grid-row:span 2;background:linear-gradient(145deg,#edf9fc,#fff)}.solution-card .num,.detail-card .number{font:700 11px Arial;color:#8ca0b0}.solution-card small{font:700 8px Arial;color:var(--blue);letter-spacing:1.5px}.solution-card h3,.detail-card h3{font-size:20px;color:var(--navy);margin:10px 0}.solution-card p,.detail-card p{font-size:11px;color:#738596}.solution-card .arrow{position:absolute;left:25px;bottom:23px;color:var(--blue);font-size:18px}.photo-strip{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px;margin-top:35px}.photo{min-height:230px;border-radius:18px;background-size:cover;background-position:center;position:relative;overflow:hidden}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#0b263db8)}.photo span{position:absolute;z-index:2;bottom:18px;right:18px;color:#fff;font-size:12px;font-weight:700}.photo.a{background-image:url("https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1000&q=82")}.photo.b{background-image:url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=700&q=82")}.photo.c{background-image:url("https://images.unsplash.com/photo-1556761175-5973dc0f32e7?auto=format&fit=crop&w=700&q=82")}.method{background:radial-gradient(circle at 80% 20%,#d9f4f7 0,transparent 25%),radial-gradient(circle at 10% 80%,#e7f0ff 0,transparent 28%),#f3f7fa;border-block:1px solid var(--line);position:relative}.timeline{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.timeline>div{padding:25px 18px;min-height:170px;border-left:1px solid var(--line)}.timeline>div:last-child{border:0}.timeline b{font:700 20px Arial;color:#a0b3c1}.timeline h3{font-size:15px;color:var(--navy);margin:17px 0 2px}.timeline p{font-size:9px;color:#8292a0}.clarity-box{display:grid;grid-template-columns:1.4fr .8fr;gap:60px;border:1px solid #cfe2ea;border-radius:20px;padding:42px;background:linear-gradient(135deg,#f5fbfd,#fff)}.clarity h2{font-size:34px;color:var(--navy);margin:8px 0}.clarity p{color:#64778a;font-size:13px}.definition{border-right:1px solid var(--line);padding-right:35px;display:flex;flex-direction:column;justify-content:center}.definition span{font:700 8px Arial;letter-spacing:1.5px;color:var(--blue);margin-top:12px}.definition b{font-size:15px;color:var(--navy)}.cta{background:var(--navy);color:#fff}.cta-inner{min-height:370px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:43px;line-height:1.45;margin:10px 0;color:#fff}.cta p{color:#aebdca;font-size:12px}.circlebtn{width:145px;height:145px;border-radius:50%;border:1px solid #7edbe7;background:#173750;display:grid;place-items:center;text-align:center;color:#fff;transition:.25s}.circlebtn:hover{transform:scale(1.05)}.page-hero{padding:85px 0 55px;background:radial-gradient(circle at 80% 15%,#dff7fa 0,transparent 25%),linear-gradient(135deg,#f4fafc,#fff);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero h1{font-size:clamp(39px,6vw,64px);line-height:1.3;color:var(--navy);margin:14px 0 18px}.page-hero p{max-width:780px;color:#64788b;font-size:14px}.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-card ul{margin:15px 0 0;padding-right:18px;color:#607386;font-size:11px}.feature-band{position:relative;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;background:var(--navy);color:#fff;border-radius:24px;padding:42px}.feature-band:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff12;border-radius:50%;left:-80px;bottom:-130px;box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff04}.feature-band h2{font-size:32px;margin:8px 0}.feature-band p{color:#b8c6d2;font-size:12px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-list div{border:1px solid #ffffff20;border-radius:14px;padding:17px;background:#ffffff08}.feature-list b{display:block;font-size:12px}.feature-list span{display:block;color:#aebdca;font-size:9px}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price-card{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;display:flex;flex-direction:column;min-height:340px}.price-card.featured{border-color:#78c9db;background:linear-gradient(145deg,#f0fbfd,#fff);box-shadow:0 20px 50px #123b5014}.price-card small{font:700 9px Arial;color:var(--blue);letter-spacing:1px}.price-card h3{font-size:21px;color:var(--navy);margin:10px 0}.price{font-size:23px;font-weight:900;color:var(--navy)}.price-card p,.price-card li{font-size:10px;color:#728597}.price-card ul{padding-right:18px}.price-card .outline-btn,.price-card .primary{margin-top:auto}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.contact-info{border-radius:22px;background:var(--navy);color:#fff;padding:32px}.contact-info h2{font-size:28px;margin:8px 0 12px}.contact-info p{font-size:11px;color:#b9c7d2}.contact-item{border-top:1px solid #ffffff20;padding:15px 0}.contact-item b{display:block;font-size:11px}.contact-item span{font-size:10px;color:#b8c6d2}.contact-form{border:1px solid var(--line);border-radius:22px;padding:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#607386;font-weight:700}.field input,.field textarea,.field select{font:500 11px Vazirmatn;border:1px solid #d6e2ea;border-radius:11px;padding:11px 12px;outline:0;background:#fbfdfe;color:var(--ink)}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#75c7d9;box-shadow:0 0 0 3px #20b8c814}.contact-form .primary{border:0;cursor:pointer}.foot{background:linear-gradient(180deg,#fff,#f5f9fb);position:relative;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding:55px 0 38px}.foot>div>a:not(.brand){display:block;color:#718293;font-size:10px;margin-top:8px}.foot>div>a:not(.brand):hover{color:var(--blue)}.foot>div>b{font-size:11px;color:var(--navy)}.foot p{font-size:10px;color:#82919e;max-width:280px}.footer-badge{display:inline-flex;margin-top:12px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;font:700 8px Arial;color:#7890a0;direction:ltr}.copy{border-top:1px solid var(--line);padding:17px 0 20px;display:flex;justify-content:space-between;color:#8998a5;font:8px Arial;direction:ltr}.backtop{position:fixed;bottom:20px;left:20px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #cbd9e3;color:var(--blue);box-shadow:0 8px 25px #18354b18;z-index:80}@media(max-width:1000px){.mainnav{display:none}.menubtn{display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;width:42px;height:42px;color:var(--navy);cursor:pointer;position:relative;z-index:120}.menubtn span,.menubtn span:before,.menubtn span:after{content:"";display:block;width:18px;height:2px;background:var(--navy);border-radius:4px;transition:.2s}.menubtn span:before{position:absolute;transform:translateY(-6px)}.menubtn span:after{position:absolute;transform:translateY(6px)}.menubtn[aria-expanded=true] span{background:transparent}.menubtn[aria-expanded=true] span:before{transform:rotate(45deg)}.menubtn[aria-expanded=true] span:after{transform:rotate(-45deg)}.drawer-backdrop{position:fixed;inset:0;background:#06203680;backdrop-filter:blur(3px);z-index:105;opacity:0;visibility:hidden;transition:.25s;display:block}.drawer-backdrop.open{opacity:1;visibility:visible}.mobilemenu{display:block;position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);z-index:110;background:#fff;padding:88px 24px 24px;box-shadow:-25px 0 70px #061f3530;transform:translateX(105%);transition:transform .28s ease;overflow:auto}.mobilemenu.open{transform:none}.mobilemenu .drawer-head{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:12px}.mobilemenu .drawer-head b{display:block;font-size:19px;color:var(--navy)}.mobilemenu .drawer-head small{font:700 8px Arial;color:#8b9aaa;letter-spacing:2px;direction:ltr}.mobilemenu a{display:flex;justify-content:space-between;padding:14px 10px;border-radius:10px;font-size:12px;font-weight:700;color:#465c70}.mobilemenu a:after{content:"←";color:#8ba1b1}.mobilemenu a:hover{background:var(--soft);color:var(--navy)}.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1;min-height:430px}.section-head{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(3,1fr)}.solution-grid{grid-template-columns:1fr 1fr}.solution-card.featured{grid-row:auto}.clarity-box{grid-template-columns:1fr}.definition{border-right:0;border-top:1px solid var(--line);padding:25px 0 0}.foot{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.feature-band{grid-template-columns:1fr}.photo-strip{grid-template-columns:1fr 1fr}.photo.a{grid-column:1/-1}}@media(max-width:620px){.wrap{width:calc(100% - 28px)}.nav{height:68px;gap:10px}.brand{min-width:0}.navbtn{margin-right:auto;padding:9px 12px}.hero-grid{padding:45px 0}.hero h1{font-size:42px}.lead{font-size:14px}.actions{flex-direction:column}.actions a{justify-content:center}.hero-note{display:block}.hero-note b{display:block;margin-top:4px}.hero-visual{min-height:370px;border-radius:20px}.visual-card{right:16px;left:16px;bottom:16px;padding:15px}.visual-kpis{grid-template-columns:1fr 1fr}.visual-kpis span:last-child{display:none}.proof-grid{grid-template-columns:1fr}.proof-grid>div{border-left:0;border-bottom:1px solid var(--line);padding:18px}.section{padding:72px 0}.section-head h2{font-size:31px}.solution-grid,.detail-grid{grid-template-columns:1fr}.solution-card{min-height:215px}.timeline{grid-template-columns:1fr 1fr}.timeline>div{min-height:135px}.clarity-box{padding:25px}.cta-inner{min-height:330px;display:block;padding:65px 0}.cta h2{font-size:34px}.circlebtn{margin-top:25px}.page-hero{padding:60px 0 40px}.page-hero h1{font-size:40px}.photo-strip{grid-template-columns:1fr}.photo.a{grid-column:auto}.price-grid{grid-template-columns:1fr}.contact-form,.contact-info{padding:24px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.feature-band{padding:28px}.feature-list{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr;gap:25px}.copy{display:block;line-height:2.5}.copy span:last-child{display:block}.backtop{bottom:16px;left:15px}}.nav-contact{color:var(--blue)!important}.nav-contact:before{content:"";display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-left:6px;vertical-align:middle}.drawer-cta{margin-top:8px!important;background:var(--navy);color:#fff!important;padding:13px 14px!important}.drawer-cta:after{color:#fff!important}.contact-hero{background:radial-gradient(circle at 12% 22%,#dff7fb 0,transparent 23%),radial-gradient(circle at 88% 75%,#e7f1ff 0,transparent 27%),linear-gradient(135deg,#f4fafc,#fff)}.contact-hero h1 strong{color:var(--blue)}.hero-contact-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-contact-points span{padding:8px 12px;border:1px solid #d5e6ed;border-radius:999px;background:#ffffffb8;color:#587084;font-size:9px;font-weight:700}.contact-channel{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff20;padding:15px 0}.channel-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:10px;background:#ffffff0b;color:#72d5e0;font-weight:700}.contact-channel small{display:block;color:#8fa5b5;font-size:8px}.contact-channel a,.contact-channel b{display:block;color:#fff;font-size:10px;margin-top:2px}.contact-channel a:hover{color:#72d5e0}.contact-channel b{font-weight:500}.contact-note{margin-top:16px;border:1px solid #ffffff18;border-radius:14px;padding:14px;background:#ffffff08}.contact-note b{display:block;font-size:10px}.contact-note span{display:block;color:#aebfcb;font-size:9px;margin-top:4px}.form-title{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.form-title h2{font-size:24px;color:var(--navy);margin:6px 0}.form-title p{margin:0;color:#7b8c9b;font-size:10px}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice-row label{display:flex;align-items:center;gap:5px;border:1px solid #d6e2ea;border-radius:10px;padding:8px 10px;background:#fbfdfe;color:#607386;font-size:9px;cursor:pointer}.choice-row label:has(input:checked){border-color:#76cbd9;background:#effbfc;color:var(--navy)}.choice-row input{accent-color:var(--blue)}.contact-process{margin-top:5px}.contact-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;padding:36px;border:1px solid #dbe7ed;border-radius:22px;background:linear-gradient(135deg,#f7fbfd,#fff)}.contact-faq h2{font-size:29px;color:var(--navy);margin:8px 0}.faq-items{display:grid;gap:10px}.faq-items article{padding:16px 18px;border:1px solid #e0e9ee;border-radius:14px;background:#fff}.faq-items b{font-size:11px;color:var(--navy)}.faq-items p{font-size:9px;color:#748697;margin:5px 0 0}@media(max-width:1000px){.contact-faq{grid-template-columns:1fr}}@media(max-width:620px){.hero-contact-points{display:grid;grid-template-columns:1fr 1fr}.hero-contact-points span{text-align:center}.choice-row{display:grid;grid-template-columns:1fr 1fr}.contact-faq{padding:24px}}/* TOKENSAZ V2 VISUAL SYSTEM */ 
.top{background:rgba(255,255,255,.94);border-bottom:1px solid #e5edf2;box-shadow:0 5px 24px rgba(15,43,64,.045)}
.nav{height:72px;gap:24px}
.brand{min-width:175px}
.brand .mark{box-shadow:0 7px 20px rgba(12,39,64,.15)}
.mainnav{background:transparent;border:0;box-shadow:none;padding:0;gap:2px}
.mainnav>a,.drop>button{font-size:11px;color:#52697b;padding:10px 13px;border-radius:10px}
.mainnav>a:hover,.drop:hover>button,.drop:focus-within>button{background:#f3f8fa;color:var(--navy);box-shadow:none}
.drop>button:after{display:none}
.drop>button{display:inline-flex;align-items:center;gap:8px}
.drop>button .chevron{width:7px;height:7px;border-left:1.5px solid #8094a3;border-bottom:1.5px solid #8094a3;transform:rotate(-45deg) translateY(-2px);transition:.2s;display:block}
.drop:hover>button .chevron,.drop:focus-within>button .chevron{transform:rotate(-45deg) translateY(1px);border-color:var(--blue)}
.menu{top:51px;right:-18px;width:300px;padding:9px;border-radius:16px;box-shadow:0 22px 55px rgba(13,42,61,.14);border-color:#dce8ee}
.menu:before{height:2px;margin:-9px -9px 8px}
.menu-label{font:700 8px Arial;color:#8aa0af;letter-spacing:1.4px;padding:7px 10px 8px;direction:ltr}
.menu a{padding:11px 12px;border-radius:11px}
.menu a:after{content:"↙";font-size:12px}
.menu a:hover{padding-right:15px;background:#f4fafb;border-color:#d8edf2}
.menu b{font-size:11px}
.menu small{font-size:9px}
.menu.compact{width:270px}
.nav-contact{color:var(--navy)!important}
.nav-contact:before{display:none}
.navbtn{border-radius:10px;padding:10px 16px;font-size:10px;box-shadow:0 8px 20px rgba(12,39,64,.12)}
.hero{min-height:0}
.hero-grid{min-height:640px}
.hero-visual{background:linear-gradient(145deg,#0b263d55,#0b263d33),url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1200&q=85") center/cover}
.visual-orbit{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%;z-index:1;pointer-events:none}
.visual-orbit.o1{width:350px;height:350px;left:50%;top:16%;transform:translateX(-50%) rotate(22deg)}
.visual-orbit.o2{width:250px;height:250px;left:50%;top:26%;transform:translateX(-50%) rotate(-35deg);border-color:rgba(91,214,227,.5)}
.visual-core{position:absolute;z-index:2;left:50%;top:31%;transform:translateX(-50%);width:120px;height:120px;border-radius:50%;display:grid;place-items:center;align-content:center;background:rgba(12,39,64,.78);border:1px solid rgba(126,219,231,.6);box-shadow:0 0 0 14px rgba(126,219,231,.06),0 20px 60px rgba(0,0,0,.22);color:#fff;text-align:center}
.visual-core span{font:700 7px Arial;letter-spacing:2px;color:#8de1e9}.visual-core b{font-size:17px;line-height:1.1}.visual-core small{font:700 7px Arial;letter-spacing:2px;color:#b8cbd7}
.section{padding:92px 0}
.section-tint{background:linear-gradient(135deg,#f3f9fb,#eef6fb)!important;border-block:1px solid #e0ebf0}
.section-head{margin-bottom:38px}
.section-head h2{font-size:37px}
.solution-grid{gap:16px}
.solution-card,.detail-card,.price-card{border-radius:18px;box-shadow:0 8px 28px rgba(18,53,75,.035)}
.solution-card{min-height:250px;padding:27px}
.solution-card:after,.detail-card:after,.price-card:after{content:"";position:absolute;right:-40px;bottom:-50px;width:130px;height:130px;border:1px solid rgba(32,184,200,.12);border-radius:50%;pointer-events:none}
.card-more{display:flex;align-items:center;gap:8px;margin-top:auto;color:var(--blue);font-size:10px;font-weight:700}
.card-more i{font-style:normal;font-size:15px;transition:.2s}
.solution-card:hover .card-more i{transform:translateX(-4px)}
.architecture{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.architecture>div{position:relative;min-height:220px;padding:24px;border:1px solid #d9e6ec;border-radius:18px;background:#fff;overflow:hidden}
.architecture>div span{display:block;font:700 20px Arial;color:#b2c2cc}
.architecture>div b{display:block;color:var(--navy);font-size:15px;margin:22px 0 8px}
.architecture>div p{font-size:10px;color:#748797;margin:0}
.architecture>div:after{content:"";position:absolute;left:-30px;bottom:-30px;width:90px;height:90px;border-radius:50%;border:1px solid #20b8c81c}
.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}
.hero-tags span{padding:7px 12px;border-radius:999px;border:1px solid #d8e7ed;background:#ffffffb8;color:#5d7385;font-size:9px;font-weight:700}
.detail-grid{gap:16px}
.detail-card{padding:29px;min-height:320px}
.detail-feature{background:linear-gradient(145deg,#eef9fb,#fff)}
.detail-points{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:20px}
.detail-points b{grid-column:1/-1;font-size:9px;color:var(--blue);letter-spacing:1px}
.detail-points span{padding:8px 10px;border:1px solid #e2ebef;border-radius:9px;background:#fbfdfe;font-size:9px;color:#667b8c}
.flow-board{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px}
.flow-board>div{padding:24px;border:1px solid #dce8ee;border-radius:17px;background:#fff;text-align:center;box-shadow:0 8px 25px rgba(20,52,75,.035)}
.flow-board span{display:block;font:700 18px Arial;color:#9db0bd}
.flow-board b{display:block;color:var(--navy);font-size:13px;margin:8px 0 2px}.flow-board small{font-size:9px;color:#80909e}.flow-board>i{font-style:normal;color:var(--blue);font-size:20px}
.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:stretch}
.story-intro h2{font-size:37px;color:var(--navy);line-height:1.5;margin:9px 0 16px}
.story-intro p{font-size:13px;color:#6d8091;max-width:700px}
.story-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.story-panel>div{padding:25px;border:1px solid #dbe7ed;border-radius:17px;background:linear-gradient(145deg,#fff,#f7fbfc);display:flex;flex-direction:column;justify-content:end}
.story-panel b{font-size:16px;color:var(--navy)}.story-panel span{font-size:9px;color:#7c8e9d;margin-top:4px}
.capability-grid,.estimate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.capability-grid article,.estimate-grid>div{padding:25px;border:1px solid #dce8ee;border-radius:17px;background:#fff;min-height:210px}
.capability-grid span,.estimate-grid b{font:700 18px Arial;color:#9fb2be}
.capability-grid h3,.estimate-grid h3{font-size:16px;color:var(--navy);margin:20px 0 7px}.capability-grid p,.estimate-grid p{font-size:10px;color:#718495}
.price-note{display:flex;gap:20px;align-items:center;margin-top:16px;padding:15px 18px;border:1px solid #dce8ee;border-radius:14px;background:#f8fbfc}.price-note b{color:var(--navy);font-size:10px;white-space:nowrap}.price-note span{color:#758797;font-size:9px}
.price-card{position:relative;overflow:hidden}.price-card.featured{transform:translateY(-8px)}
.contact-grid{grid-template-columns:.78fr 1.22fr}
.contact-info{box-shadow:0 18px 45px rgba(8,35,55,.12)}
.contact-form{background:#fff;box-shadow:0 10px 35px rgba(17,49,68,.045)}
.contact-faq{background:linear-gradient(135deg,#f7fbfd,#fff);box-shadow:0 8px 28px rgba(18,53,75,.035)}
.site-footer{position:relative;background:#081f33;color:#fff;overflow:hidden}
.footer-glow{position:absolute;width:600px;height:260px;left:-180px;bottom:-180px;border-radius:50%;border:1px solid rgba(86,212,226,.13);box-shadow:0 0 0 35px rgba(86,212,226,.035),0 0 0 70px rgba(86,212,226,.02)}
.footer-main{position:relative;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px;padding:60px 0 45px}
.footer-brand h3{font-size:18px;margin:22px 0 7px}.footer-brand p{font-size:10px;color:#9db0bd;max-width:330px}.footer-mail{display:inline-flex;gap:8px;margin-top:17px;color:#73d7e1;font-size:10px;font-weight:700}.footer-mail span{font-size:13px}
.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col>b{font-size:10px;color:#fff;margin-bottom:7px}.footer-col>a{font-size:9px;color:#9eb1bf;transition:.2s}.footer-col>a:hover{color:#74d8e1;transform:translateX(-3px)}.footer-status{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:8px;color:#91a6b4}.footer-status i{width:6px;height:6px;background:#58d1b0;border-radius:50%;box-shadow:0 0 0 4px rgba(88,209,176,.1)}
.footer-bottom{position:relative;border-top:1px solid rgba(255,255,255,.09);padding:18px 0 20px;display:flex;justify-content:space-between;gap:15px;color:#78909f;font:8px Arial;direction:rtl}.footer-bottom span:nth-child(2){direction:ltr}
.backtop{width:42px;height:42px;background:#fff;box-shadow:0 8px 24px rgba(11,38,61,.15)}
.drawer-group{border-bottom:1px solid var(--line);padding:7px 0 10px}.drawer-group>span{display:block;font:700 8px Arial;color:#8ba0ae;letter-spacing:1.4px;padding:8px 10px;direction:ltr}.mobilemenu a{padding:10px;border-radius:9px}.mobilemenu .drawer-cta{display:flex;justify-content:space-between;background:var(--navy);color:#fff;margin-top:14px;padding:13px}.mobilemenu .drawer-cta:after{display:none}
@media(max-width:1000px){.architecture,.capability-grid,.estimate-grid{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:1fr}.flow-board{grid-template-columns:1fr 1fr}.flow-board>i{display:none}.footer-main{grid-template-columns:1.6fr 1fr 1fr;gap:30px}}
@media(max-width:620px){.nav{height:66px}.brand .mark{width:37px;height:37px}.navbtn{font-size:9px;padding:9px 11px}.hero-grid{padding:42px 0}.hero-visual{min-height:410px}.visual-orbit.o1{width:270px;height:270px}.visual-orbit.o2{width:195px;height:195px}.visual-core{top:24%;width:100px;height:100px}.section{padding:70px 0}.section-head h2,.story-intro h2{font-size:30px}.architecture,.capability-grid,.estimate-grid{grid-template-columns:1fr}.architecture>div,.capability-grid article,.estimate-grid>div{min-height:0}.detail-points{grid-template-columns:1fr}.flow-board{grid-template-columns:1fr}.flow-board>i{display:none}.price-card.featured{transform:none}.price-note{display:block}.price-note span{display:block;margin-top:6px}.footer-main{grid-template-columns:1fr 1fr;gap:30px;padding:45px 0 35px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block;line-height:2.4}.footer-bottom span{display:block}.contact-hero h1{font-size:39px}}
/* ABOUT + FOOTER REFINEMENT */
.about-hero{padding:0;background:radial-gradient(circle at 12% 20%,#dff7fb 0,transparent 24%),radial-gradient(circle at 88% 70%,#e8f2ff 0,transparent 28%),linear-gradient(135deg,#f5fafc,#fff);overflow:hidden}
.about-hero-grid{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative}.about-hero h1{font-size:clamp(40px,5vw,62px);line-height:1.42;color:var(--navy);margin:14px 0 18px;font-weight:900;letter-spacing:-1.5px}.about-hero h1 strong{color:var(--blue)}.about-hero p{font-size:14px;color:#64798a;max-width:700px}.about-hero-card{height:430px;position:relative;border-radius:30px;background:linear-gradient(145deg,#0b263d,#123f5d);box-shadow:0 25px 65px rgba(10,40,60,.18);overflow:hidden}.about-hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(102,214,226,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(102,214,226,.06) 1px,transparent 1px);background-size:34px 34px}.about-core{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;background:rgba(5,27,43,.88);border:1px solid rgba(115,221,231,.65);box-shadow:0 0 0 20px rgba(93,215,227,.055),0 25px 70px rgba(0,0,0,.3);color:#fff;text-align:center}.about-core span{font:700 8px Arial;letter-spacing:2px;color:#76dce7}.about-core b{font-size:28px;line-height:1.1}.about-core small{font:700 7px Arial;letter-spacing:1.5px;color:#9fb8c5}.about-orbit{position:absolute;z-index:2;left:50%;top:50%;border:1px solid rgba(117,218,228,.25);border-radius:50%;transform:translate(-50%,-50%) rotate(22deg)}.ao1{width:285px;height:285px}.ao2{width:410px;height:210px;transform:translate(-50%,-50%) rotate(-28deg);border-color:rgba(117,218,228,.18)}.ao3{width:210px;height:410px;transform:translate(-50%,-50%) rotate(38deg);border-color:rgba(130,184,255,.18)}.about-orbit-label{position:absolute;z-index:5;font:700 8px Arial;letter-spacing:1.5px;color:#9de3ea;padding:7px 9px;border:1px solid rgba(130,220,231,.22);background:rgba(255,255,255,.05);border-radius:8px}.about-orbit-label.l1{top:24%;right:15%}.about-orbit-label.l2{bottom:24%;left:15%}.about-orbit-label.l3{top:48%;right:7%}.purpose-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.purpose-panel>div{padding:25px;border:1px solid #dce8ee;border-radius:17px;background:linear-gradient(145deg,#fff,#f7fbfc);min-height:190px}.purpose-panel span{font:700 16px Arial;color:#a3b4bf}.purpose-panel b{display:block;color:var(--navy);font-size:14px;margin:18px 0 7px}.purpose-panel p{font-size:10px;color:#718494;margin:0}.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vision-grid article{position:relative;padding:27px;border:1px solid #d9e7ed;border-radius:18px;background:#fff;min-height:255px;overflow:hidden;transition:.22s}.vision-grid article:hover{transform:translateY(-4px);border-color:#9bd3df;box-shadow:0 18px 45px rgba(16,54,76,.08)}.vision-grid article:after{content:"";position:absolute;width:110px;height:110px;left:-45px;bottom:-50px;border:1px solid rgba(32,184,200,.13);border-radius:50%}.vision-grid span{font:700 17px Arial;color:#a6b7c0}.vision-grid h3{font-size:18px;color:var(--navy);margin:19px 0 8px}.vision-grid p{font-size:10px;color:#708394;min-height:70px}.vision-grid b{font:700 8px Arial;letter-spacing:1px;color:var(--blue);direction:ltr}.roadmap{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid #dce8ee;border-radius:20px;background:#fff;overflow:hidden}.roadmap:before{content:"";position:absolute;right:10%;left:10%;top:53px;height:1px;background:#d6e6ed}.road-step{position:relative;padding:30px 22px;min-height:230px;border-left:1px solid #e1ebef}.road-step:last-child{border:0}.road-step>span{position:relative;z-index:2;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#eff9fb;border:1px solid #bde2e8;color:var(--blue);font:700 13px Arial}.road-step b{display:block;color:var(--navy);font-size:13px;margin:26px 0 7px}.road-step p{font-size:9px;color:#738696;margin:0}.about-dark{background:linear-gradient(135deg,#092238,#0e3149)!important;color:#fff;border-block:0}.about-dark .section-head h2{color:#fff}.about-dark .section-head>p{color:#a9bcc9}.about-dark .eyebrow{color:#71d7e0}.work-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.work-grid>div{padding:24px 19px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.045);min-height:205px}.work-grid span{font:700 17px Arial;color:#72d7e0}.work-grid b{display:block;font-size:14px;margin:22px 0 7px}.work-grid p{font-size:9px;color:#a9bbc7;margin:0}.about-feature{background:linear-gradient(135deg,#0b2942,#103c5b);border-color:#1d506d}.about-feature h2{max-width:620px}.feature-points{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.feature-points span{padding:7px 10px;border:1px solid rgba(116,216,227,.22);border-radius:8px;background:rgba(255,255,255,.05);color:#b9d7df;font:700 8px Arial;direction:ltr}.platform-stack{display:grid;grid-template-columns:1fr 1fr;gap:9px}.platform-stack div{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.045)}.platform-stack b{display:block;color:#fff;font:700 12px Arial}.platform-stack span{display:block;color:#9db7c5;font-size:9px;margin-top:4px}.vision-band{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce8ee;border-radius:18px;overflow:hidden;background:#fff}.vision-band>div{padding:26px;border-left:1px solid #e1ebef;min-height:130px}.vision-band>div:last-child{border:0}.vision-band b{display:block;color:var(--navy);font-size:13px}.vision-band span{display:block;color:#788a98;font-size:9px;margin-top:7px}.about-cta{background:linear-gradient(135deg,#eef9fb,#f5f8fc);border-color:#d5e6ed}.about-cta h2{max-width:760px}
.footer-topline{position:relative;display:flex;align-items:end;justify-content:space-between;gap:35px;padding:52px 0 34px;border-bottom:1px solid rgba(255,255,255,.09)}.footer-kicker{font:700 8px Arial;letter-spacing:2px;color:#65d3de;direction:ltr}.footer-topline h2{margin:9px 0 0;font-size:26px;line-height:1.7;color:#fff}.footer-topline h2 strong{color:#76dbe3}.footer-cta{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:12px 17px;border:1px solid rgba(117,220,229,.3);border-radius:10px;background:rgba(117,220,229,.08);color:#dffbfe;font-size:10px;font-weight:700;transition:.2s}.footer-cta:hover{background:rgba(117,220,229,.15);transform:translateY(-2px)}.footer-main{padding-top:42px}.footer-contact-line{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:9px}.footer-contact-line>span{color:#718a9a}.footer-contact-line>a{color:#72d7e1;font-weight:700}.footer-contact-line>b{font-size:9px;color:#a9bac5;font-weight:500}.footer-contact-line b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#58d1b0;margin-left:5px;box-shadow:0 0 0 4px rgba(88,209,176,.09)}.site-footer .footer-brand p{max-width:370px}.site-footer .footer-col{gap:11px}.site-footer .footer-col>a{padding-right:0}.site-footer .footer-col>a:hover{padding-right:3px}.footer-bottom{margin-top:0}
@media(max-width:1000px){.about-hero-grid{grid-template-columns:1fr;min-height:0;padding:70px 0}.about-hero-card{height:390px}.vision-grid{grid-template-columns:1fr 1fr}.roadmap{grid-template-columns:1fr 1fr}.roadmap:before{display:none}.road-step{border-bottom:1px solid #e1ebef}.road-step:nth-child(even){border-left:0}.work-grid{grid-template-columns:1fr 1fr}.vision-band{grid-template-columns:1fr 1fr}.vision-band>div:nth-child(2){border-left:0}.footer-topline{align-items:center}.footer-main{grid-template-columns:1.6fr 1fr 1fr}.footer-topline h2{font-size:22px}}
@media(max-width:620px){.about-hero-grid{padding:55px 0}.about-hero h1{font-size:39px}.about-hero p{font-size:13px}.about-hero-card{height:340px;border-radius:22px}.about-core{width:120px;height:120px}.about-core b{font-size:23px}.ao1{width:225px;height:225px}.ao2{width:315px;height:165px}.ao3{width:165px;height:315px}.about-orbit-label{font-size:7px}.purpose-panel,.vision-grid,.roadmap,.work-grid,.vision-band{grid-template-columns:1fr}.road-step{border-left:0!important}.road-step:last-child{border-bottom:0}.roadmap{overflow:visible}.roadmap:before{display:none}.vision-grid article{min-height:0}.work-grid>div{min-height:0}.platform-stack{margin-top:20px}.footer-topline{display:block;padding:42px 0 28px}.footer-topline h2{font-size:20px}.footer-cta{margin-top:20px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{padding-bottom:22px}}

/* HEADER + FOOTER V3 */
.mainnav{background:transparent;border:0;box-shadow:none;padding:0;gap:7px}.mainnav>a,.drop>button{border:1px solid transparent;background:#fff;box-shadow:0 3px 12px rgba(16,48,68,.035);padding:9px 13px;border-radius:10px;color:#40586b}.mainnav>a:hover,.drop:hover>button,.mainnav>a:focus-visible,.drop>button:focus-visible{background:#f5fafc;border-color:#d9e8ef;color:var(--navy);box-shadow:0 5px 16px rgba(16,48,68,.07)}.drop>button:after{right:12px;left:12px;bottom:2px}.chevron{display:inline-block;width:6px;height:6px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-right:7px;margin-bottom:2px;transition:.2s}.drop:hover .chevron{transform:rotate(-45deg) translate(-1px,-1px);color:var(--cyan)}.menu{border:1px solid #dbe7ed!important;border-radius:16px!important;box-shadow:0 24px 55px rgba(13,39,60,.14)!important;padding:9px!important;background:rgba(255,255,255,.98)!important}.menu-label{padding:8px 11px 10px;color:#91a2af!important;font-size:8px!important;letter-spacing:.3px}.menu a{border-radius:11px!important;padding:11px 12px!important;border:1px solid transparent}.menu a:hover{background:#f2f9fb!important;border-color:#d9edf1!important}.menu a b{font-size:10px!important}.menu a small{font-size:8px!important;color:#8293a0!important}.nav-contact{border-color:#dbe8ee!important;background:#f8fbfc!important}.nav-contact:hover{border-color:#b9dce5!important;background:#eff9fb!important}
.site-footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#061b2c 0%,#0a2940 58%,#0b3850 100%);color:#fff;border-top:1px solid rgba(93,210,223,.18)}.site-footer:before{content:"";position:absolute;width:420px;height:420px;left:-160px;bottom:-260px;border:1px solid rgba(111,220,228,.11);border-radius:50%;box-shadow:0 0 0 45px rgba(111,220,228,.025),0 0 0 95px rgba(111,220,228,.018)}.site-footer:after{content:"";position:absolute;width:280px;height:280px;right:-110px;top:-170px;border:1px solid rgba(111,220,228,.1);border-radius:50%}.footer-glow{position:absolute;width:360px;height:150px;right:25%;top:-90px;background:rgba(32,184,200,.13);filter:blur(70px);pointer-events:none}.footer-topline{position:relative;z-index:2;padding:58px 0 40px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.footer-kicker{display:inline-flex;align-items:center;gap:9px;font-size:8px!important;color:#72dbe3!important}.footer-kicker:before{content:"";width:22px;height:1px;background:#4fc8d4}.footer-topline h2{font-size:29px!important;line-height:1.65!important;letter-spacing:-.4px}.footer-topline h2 strong{display:inline;color:#73dce3}.footer-cta{border-radius:12px!important;padding:13px 18px!important;background:linear-gradient(135deg,#1ba9bc,#168bd2)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 28px rgba(20,145,175,.2)}.footer-cta:hover{filter:brightness(1.08);transform:translateY(-3px)!important}.footer-main{position:relative;z-index:2;padding:42px 0 45px!important;display:grid!important;grid-template-columns:1.7fr 1fr 1fr 1fr!important;gap:35px!important}.site-footer .footer-brand .brand{min-width:0}.site-footer .footer-brand .mark{background:linear-gradient(145deg,#0c304b,#0e526b);box-shadow:0 10px 25px rgba(0,0,0,.15)}.site-footer .footer-brand p{font-size:10px!important;line-height:2.1;color:#a7bbc7!important;margin:18px 0 20px!important;max-width:390px}.footer-contact-line{padding-top:8px!important;margin-top:7px!important;border-top:1px solid rgba(255,255,255,.07);max-width:310px}.site-footer .footer-col{display:flex;flex-direction:column;gap:0!important}.site-footer .footer-col>b{font-size:10px;color:#fff;margin-bottom:12px;position:relative;padding-bottom:9px}.site-footer .footer-col>b:after{content:"";position:absolute;right:0;bottom:0;width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,#42c9d5,#168bd2)}.site-footer .footer-col>a{font-size:9px!important;color:#9fb4c1!important;padding:7px 0!important;border-bottom:1px solid rgba(255,255,255,.045);transition:.2s}.site-footer .footer-col>a:hover{color:#e4fbfd!important;padding-right:6px!important}.footer-bottom{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.1);padding:17px 0 20px!important;color:#708b9a!important;font-size:8px!important}.footer-bottom span:nth-child(2){font-family:Arial;letter-spacing:1.5px;direction:ltr}.footer-status{display:inline-flex!important;align-items:center;gap:6px!important;margin-top:13px;padding:8px 9px!important;border:1px solid rgba(88,209,176,.16);background:rgba(88,209,176,.045);border-radius:8px;color:#8eb5ae!important;font-size:8px!important}.footer-status i{margin:0!important}.footer-contact-line>a{direction:ltr}.backtop{z-index:30}
@media(max-width:1000px){.footer-main{grid-template-columns:1.5fr 1fr 1fr!important}.site-footer .footer-brand{grid-column:auto}.footer-topline h2{font-size:24px!important}}
@media(max-width:700px){.mainnav{display:none}.nav{height:70px}.footer-topline{display:block!important;padding:43px 0 31px!important}.footer-topline h2{font-size:21px!important}.footer-cta{margin-top:20px}.footer-main{grid-template-columns:1fr 1fr!important;gap:28px!important}.site-footer .footer-brand{grid-column:1/-1}.footer-bottom{display:flex;flex-direction:column;gap:5px;text-align:center}.footer-bottom span:nth-child(2){order:3}.footer-bottom span:nth-child(3){order:2}}

/* MOBILE DRAWER V4 */
.menubtn{position:relative;width:42px;height:42px;display:none;align-items:center;justify-content:center;border:1px solid #d8e7ed;border-radius:11px;background:#fff;color:var(--navy);cursor:pointer;box-shadow:0 5px 16px rgba(16,48,68,.07);z-index:121}.menubtn span,.menubtn span:before,.menubtn span:after{content:"";display:block;width:18px;height:2px;border-radius:3px;background:var(--navy);position:absolute;transition:.22s}.menubtn span:before{transform:translateY(-6px)}.menubtn span:after{transform:translateY(6px)}.menubtn[aria-expanded="true"]{background:var(--navy);border-color:var(--navy)}.menubtn[aria-expanded="true"] span{background:transparent}.menubtn[aria-expanded="true"] span:before{background:#fff;transform:rotate(45deg)}.menubtn[aria-expanded="true"] span:after{background:#fff;transform:rotate(-45deg)}.drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(4,20,33,.42);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s;z-index:110}.drawer-backdrop.open{opacity:1;visibility:visible}.mobilemenu{display:flex;position:fixed;z-index:120;top:0;right:0;width:min(360px,88vw);height:100dvh;overflow-y:auto;flex-direction:column;padding:24px 20px 28px;background:linear-gradient(180deg,#fff 0%,#f7fbfc 100%);border-left:1px solid #d9e8ef;box-shadow:-20px 0 60px rgba(7,35,53,.18);transform:translateX(105%);visibility:hidden;transition:transform .3s ease,visibility .3s}.mobilemenu.open{transform:translateX(0);visibility:visible}.drawer-head{padding:10px 5px 20px;border-bottom:1px solid #e0ebf0;margin-bottom:17px}.drawer-head b{display:block;font-size:20px;color:var(--navy);line-height:1.3}.drawer-head small{display:block;margin-top:3px;font:700 8px Arial;letter-spacing:2px;color:#8295a4;direction:ltr}.drawer-group{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid #e3edf1}.drawer-group>span{display:block;margin:0 3px 7px;color:#168bd2;font-size:9px;font-weight:800}.drawer-group a{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:9px 11px;margin:3px 0;border:1px solid transparent;border-radius:10px;color:#415a6c;font-size:11px;font-weight:600;transition:.18s}.drawer-group a:after{content:"←";font-family:Arial;color:#a2b3bf;transition:.18s}.drawer-group a:hover,.drawer-group a:focus-visible{background:#fff;border-color:#d8e9ef;color:var(--navy);box-shadow:0 5px 15px rgba(16,48,68,.05)}.drawer-group a:hover:after{color:var(--cyan);transform:translateX(-3px)}.drawer-cta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:13px 15px;border-radius:11px;background:linear-gradient(135deg,var(--navy),#12648c);color:#fff;font-size:11px;font-weight:800;box-shadow:0 12px 26px rgba(12,39,64,.16)}.drawer-cta span{font-size:17px}.drawer-cta:hover{transform:translateY(-2px)}
@media(max-width:700px){.menubtn{display:inline-flex;margin-right:auto}.nav{gap:12px}.brand{min-width:0}.brand .mark{width:38px;height:38px}.brand b{font-size:15px}.mobilemenu{display:flex}}
@media(min-width:701px){.mobilemenu,.drawer-backdrop{display:none!important}}

/* TOKENSAZ BRAND LOGO */
.brand{gap:11px}.brand-logo{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #dce9ef;box-shadow:0 6px 18px rgba(12,39,64,.08)}.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}.brand-word b{font-size:16px}.drawer-head{display:flex;align-items:center;gap:11px}.drawer-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;overflow:hidden;background:#fff;border:1px solid #dce9ef;box-shadow:0 7px 20px rgba(12,39,64,.08);flex:0 0 48px}.drawer-logo img{width:100%;height:100%;object-fit:contain}.drawer-head>div{min-width:0}.logo-core{background:rgba(5,27,43,.9)!important}.logo-core img{width:54px;height:54px;object-fit:contain;border-radius:12px;background:#fff;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.22);margin-bottom:7px}.logo-core span{font:800 9px Arial!important;letter-spacing:1.7px!important;color:#fff!important}.logo-core small{font-size:7px!important}.about-core.logo-core img{width:62px;height:62px;margin-bottom:8px}.about-core.logo-core b{font:800 14px Arial;letter-spacing:1.5px}.about-core.logo-core small{font-size:7px}.site-footer .brand-logo{background:#fff;border-color:rgba(255,255,255,.18);box-shadow:0 8px 22px rgba(0,0,0,.2)}.site-footer .brand-word b{color:#fff}.site-footer .brand-word small{color:#8ea8b7}.nav .brand:hover .brand-logo{transform:translateY(-1px);box-shadow:0 9px 24px rgba(12,39,64,.12)}.brand-logo{transition:.2s}
@media(max-width:700px){.brand-logo{width:39px;height:39px;flex-basis:39px;border-radius:11px}.brand-word b{font-size:15px}.drawer-logo{width:45px;height:45px;flex-basis:45px}.logo-core img{width:48px;height:48px}.about-core.logo-core img{width:54px;height:54px}}

/* Final responsive refinement */
html{font-size:16px}body{font-size:15px;line-height:1.9}.site-footer,.site-footer p,.site-footer li,.site-footer a,.site-footer small{font-size:13px;line-height:1.9}.site-footer h3,.site-footer h4{font-size:15px;line-height:1.7}.site-footer .footer-bottom{font-size:12px;line-height:1.8}.mobile-bottom-nav{display:none}
@media(max-width:700px){body{font-size:14px;line-height:1.85;padding-bottom:84px}h1{font-size:clamp(28px,8vw,38px)!important;line-height:1.25!important}h2{font-size:clamp(22px,6vw,29px)!important;line-height:1.35!important}h3{font-size:18px!important;line-height:1.5!important}.hero p,.lead,.muted{font-size:13px!important;line-height:1.9!important}.hero{min-height:auto!important;padding:58px 0 34px!important}.hero-grid,.split,.about-grid,.contact-grid,.pricing-grid,.solution-grid{grid-template-columns:1fr!important;gap:18px!important}.actions{flex-wrap:wrap;gap:9px}.actions a,.btn{min-height:42px;padding:9px 15px;font-size:13px}.cards,.grid,.features{grid-template-columns:1fr!important;gap:12px!important}.card,.feature,.panel{padding:16px!important}.card p,.feature p,.panel p{font-size:12.5px!important;line-height:1.9!important}.site-footer{padding:34px 0 88px!important}.site-footer p,.site-footer li,.site-footer a{font-size:12.5px!important}.site-footer h3,.site-footer h4{font-size:14px!important}.site-footer .footer-bottom{font-size:11.5px!important}.mobile-bottom-nav{position:fixed;z-index:9999;right:10px;left:10px;bottom:10px;height:62px;display:flex;align-items:center;justify-content:space-around;padding:5px 7px;background:rgba(7,27,43,.96);border:1px solid rgba(255,255,255,.11);border-radius:20px;box-shadow:0 14px 38px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.mobile-bottom-nav a{flex:1;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#c8d7df;text-decoration:none;font-size:10px;line-height:1.3;border-radius:14px}.mobile-bottom-nav a span{font-size:18px;line-height:1}.mobile-bottom-nav a.active{color:#fff;background:rgba(255,255,255,.08)}.mobile-bottom-nav .mobile-logo{flex:0 0 58px;background:#fff;border-radius:16px;margin-top:-17px;height:58px;border:4px solid #071b2b;box-shadow:0 8px 22px rgba(0,0,0,.25)}.mobile-bottom-nav .mobile-logo img{width:100%;height:100%;object-fit:contain;border-radius:11px}.mobile-bottom-nav .mobile-logo span{display:none}.header-actions,.desktop-only{display:none!important}.logo-core img{width:50px!important;height:50px!important}.section{padding:44px 0!important}}
@media(min-width:701px){.mobile-bottom-nav{display:none!important}}

/* MOBILE EXPERIENCE V5 — compact, two-column, brand-led */
@media(max-width:700px){
  body{padding-bottom:86px!important}
  .wrap{width:min(100% - 28px,1180px)!important}
  .hero-grid,.about-hero-grid{gap:22px!important}
  .hero-visual{min-height:300px!important;order:-1}
  .hero-copy{text-align:center}
  .hero-copy .eyebrow{justify-content:center}
  .hero-note{display:none!important}
  .proof{display:none!important}
  .section-head>p{display:none!important}
  .section-head{margin-bottom:18px!important}
  .solution-grid,.vision-grid,.estimate-grid,.purpose-panel,.work-grid,.vision-band{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .solution-card,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div{
    min-height:0!important;padding:14px!important;
  }
  .solution-card p,.vision-grid article p,.estimate-grid p,.purpose-panel p,.work-grid p{
    display:none!important;
  }
  .solution-card h3,.vision-grid article h3,.estimate-grid h3{font-size:15px!important;margin:8px 0!important}
  .solution-card .card-more{font-size:10px!important}
  .architecture,.timeline,.roadmap{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .architecture>div,.timeline>div,.road-step{min-height:0!important;padding:14px!important}
  .architecture p,.timeline p,.road-step p{display:none!important}
  .photo-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .photo-strip .photo:last-child{display:none!important}
  .clarity-box{grid-template-columns:1fr!important}
  .definition{display:none!important}
  .about-hero-card{height:300px!important}
  .about-core{width:142px!important;height:142px!important}
  .about-core.logo-core img{width:82px!important;height:82px!important}
  .logo-core img{width:78px!important;height:78px!important;padding:5px!important}
  .logo-core span{font-size:10px!important}
  .logo-core small{font-size:7px!important}
  .feature-points{display:none!important}
  .platform-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .platform-stack div{padding:13px!important}
  .contact-grid{grid-template-columns:1fr!important}
  .contact-info{display:none!important}
  .contact-form{padding:16px!important}
  .contact-faq{grid-template-columns:1fr!important}
  .faq-items article:not(:first-child){display:none!important}
  .price-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .price-card{padding:14px!important}
  .price-card p,.price-card ul,.price-note{display:none!important}
  .price-card h3{font-size:15px!important}
  .price-card .price{font-size:18px!important}
  .site-footer{padding:28px 0 88px!important}
  .footer-topline{display:none!important}
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;padding:28px 0 24px!important}
  .site-footer .footer-brand{grid-column:1/-1!important;text-align:center}
  .site-footer .footer-brand .brand{justify-content:center}
  .site-footer .footer-brand p{display:none!important}
  .site-footer .footer-contact-line{justify-content:center;max-width:none!important;font-size:11px!important}
  .site-footer .footer-contact-line:nth-of-type(2){display:none!important}
  .site-footer .footer-col:nth-of-type(4){display:none!important}
  .site-footer .footer-col>b{font-size:11px!important;margin-bottom:7px!important}
  .site-footer .footer-col>a{font-size:11px!important;padding:5px 0!important}
  .site-footer .footer-col>a:nth-of-type(n+3){display:none!important}
  .site-footer .brand-logo{width:72px!important;height:72px!important;flex-basis:72px!important;border-radius:18px!important}
  .site-footer .brand-word b{font-size:19px!important}
  .site-footer .brand-word small{font-size:9px!important}
  .footer-bottom{font-size:10px!important;padding:13px 0 17px!important}
  .footer-bottom span:nth-child(2){display:none!important}
  .mobile-bottom-nav{height:64px!important;border-radius:21px!important}
  .mobile-bottom-nav .mobile-logo{flex-basis:62px!important;width:62px!important;height:62px!important}
}
@media(min-width:701px){
  .logo-core img{width:78px!important;height:78px!important}
  .about-core.logo-core img{width:92px!important;height:92px!important}
  .site-footer .brand-logo{width:68px!important;height:68px!important;flex-basis:68px!important;border-radius:16px!important}
  .site-footer .brand-word b{font-size:18px!important}
}

/* BRAND SCALE + RELIABLE FAVICON */
.site-footer .footer-brand .brand-logo{width:92px!important;height:92px!important;flex-basis:92px!important;border-radius:22px!important}
.site-footer .footer-brand .brand-word b{font-size:21px!important}
.site-footer .footer-brand .brand-word small{font-size:10px!important}
.logo-core img{width:110px!important;height:110px!important;padding:7px!important;border-radius:18px!important}
.about-hero-card .about-core.logo-core{width:220px!important;height:220px!important}
.about-hero-card .about-core.logo-core img{width:138px!important;height:138px!important;padding:8px!important;border-radius:22px!important}
.about-hero-card .about-core.logo-core b{font-size:18px!important}
.about-hero-card .about-core.logo-core small{font-size:8px!important}
@media(max-width:700px){
  .site-footer .footer-brand .brand-logo{width:88px!important;height:88px!important;flex-basis:88px!important}
  .site-footer .footer-brand .brand-word b{font-size:20px!important}
  .about-hero-card{height:330px!important}
  .about-hero-card .about-core.logo-core{width:190px!important;height:190px!important}
  .about-hero-card .about-core.logo-core img{width:116px!important;height:116px!important}
  .logo-core img{width:92px!important;height:92px!important}
}
/* Use the actual raster logo as the primary favicon source. */


/* FINAL BRAND + FAVICON FIX */
.hero-visual .visual-core.logo-core{
  width:200px!important;
  height:200px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hero-visual .visual-core.logo-core img{
  width:200px!important;
  height:200px!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.about-hero-card .about-core.logo-core{
  width:200px!important;
  height:200px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.about-hero-card .about-core.logo-core img{
  width:200px!important;
  height:200px!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media(max-width:700px){
  .hero-visual .visual-core.logo-core,
  .about-hero-card .about-core.logo-core{
    width:150px!important;
    height:150px!important;
  }
  .hero-visual .visual-core.logo-core img,
  .about-hero-card .about-core.logo-core img{
    width:150px!important;
    height:150px!important;
  }
}


/* FINAL TYPOGRAPHY STANDARD — Persian-first, no Arial */
html,body,button,input,textarea,select,optgroup{
  font-family:"Vazirmatn","Vazir","BYekan","B Yekan",Tahoma,sans-serif!important;
}
.hero h1,.page-hero h1{
  font-size:min(40px,5vw)!important;
  line-height:1.35!important;
}
.hero h1 strong,.page-hero h1 strong{
  font-size:inherit!important;
}
.hero .lead,.page-hero p{
  font-family:"Vazirmatn","Vazir","BYekan","B Yekan",Tahoma,sans-serif!important;
}
@media(max-width:700px){
  .hero h1,.page-hero h1{
    font-size:32px!important;
    line-height:1.45!important;
  }
}


/* FINAL VISUAL LANGUAGE — ANGULAR VALUE GRID
   Replaces circular motifs with a restrained architectural/data pattern. */
:root{
  --pattern-line:rgba(22,139,210,.075);
  --pattern-dark:rgba(32,184,200,.12);
  --pattern-white:rgba(255,255,255,.08);
}
body{
  background-color:#fff;
  background-image:
    linear-gradient(135deg,transparent 0 49%,var(--pattern-line) 49.5% 50.5%,transparent 51%),
    linear-gradient(45deg,transparent 0 49%,rgba(12,39,64,.035) 49.5% 50.5%,transparent 51%);
  background-size:34px 34px;
  background-position:0 0,17px 17px;
}
.hero,.page-hero,.section,.method{
  position:relative;
  isolation:isolate;
}
.hero:after,.page-hero:after,.section:after,.method:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.72;
  background-image:
    linear-gradient(90deg,transparent 0 95%,rgba(22,139,210,.055) 95% 100%),
    linear-gradient(135deg,transparent 0 48%,rgba(32,184,200,.055) 48.5% 51.5%,transparent 52%);
  background-size:52px 52px,104px 104px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.hero:before,.page-hero:before{
  background-image:
    linear-gradient(90deg,transparent 0 49%,rgba(22,139,210,.075) 49.5% 50.5%,transparent 51%),
    linear-gradient(135deg,transparent 0 49%,rgba(32,184,200,.055) 49.5% 50.5%,transparent 51%);
  background-size:42px 42px,84px 84px;
  mask-image:linear-gradient(to bottom,black,transparent 90%);
}
.section-head h2,.clarity h2,.cta h2,.feature-band h2{
  position:relative;
}
.section-head h2:before,.clarity h2:before,.cta h2:before,.feature-band h2:before{
  content:"";
  display:inline-block;
  width:26px;
  height:7px;
  margin-left:10px;
  vertical-align:middle;
  background:linear-gradient(90deg,var(--blue) 0 55%,var(--cyan) 55% 100%);
  clip-path:polygon(0 0,100% 0,78% 100%,0 100%);
}
.solution-card,.detail-card,.price-card,.contact-form,.clarity-box,.feature-band,.timeline,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div{
  overflow:hidden;
}
.solution-card:before,.detail-card:before,.price-card:before,.vision-grid article:before,.estimate-grid>div:before,.purpose-panel>div:before,.work-grid>div:before{
  content:"";
  position:absolute;
  inset:0 0 auto auto;
  width:76px;
  height:76px;
  background:
    linear-gradient(135deg,transparent 0 48%,rgba(32,184,200,.12) 49% 51%,transparent 52%),
    linear-gradient(45deg,transparent 0 48%,rgba(22,139,210,.08) 49% 51%,transparent 52%);
  background-size:18px 18px;
  opacity:.8;
  pointer-events:none;
}
.solution-card:after,.detail-card:after,.price-card:after,.contact-form:after,.clarity-box:after,.feature-band:after,.timeline:after,.platform-stack>div:after,.vision-grid article:after,.estimate-grid>div:after,.purpose-panel>div:after,.work-grid>div:after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:42px;
  height:3px;
  background:linear-gradient(90deg,var(--cyan),var(--blue));
  clip-path:polygon(0 0,100% 0,78% 100%,0 100%);
  pointer-events:none;
}
.primary,.secondary,.outline-btn,.navbtn,.footer-cta,.drawer-cta{
  position:relative;
  overflow:hidden;
}
.primary:after,.secondary:after,.outline-btn:after,.navbtn:after,.footer-cta:after,.drawer-cta:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background:repeating-linear-gradient(135deg,transparent 0 9px,#fff 9px 10px,transparent 10px 18px);
  transform:translateX(-28%);
  transition:.25s;
}
.primary:hover:after,.secondary:hover:after,.outline-btn:hover:after,.navbtn:hover:after,.footer-cta:hover:after,.drawer-cta:hover:after{
  transform:translateX(0);
}
.primary span,.secondary span,.outline-btn span,.navbtn span,.footer-cta span,.drawer-cta span{
  position:relative;
  z-index:1;
}
.feature-list div,.contact-item,.footer-status{
  position:relative;
  overflow:hidden;
}
.feature-list div:after,.contact-item:after,.footer-status:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:58px;
  height:28px;
  background:
    linear-gradient(135deg,transparent 0 47%,rgba(32,184,200,.12) 48% 52%,transparent 53%);
  background-size:12px 12px;
  pointer-events:none;
}
.circlebtn{
  border-radius:14px!important;
  width:155px!important;
  height:auto!important;
  min-height:72px!important;
  padding:15px 22px!important;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
  background:
    linear-gradient(135deg,#173750,#0f2c43),
    repeating-linear-gradient(135deg,transparent 0 10px,#ffffff12 10px 11px,transparent 11px 21px)!important;
}

/* Footer: content-first, no redundant project CTA block. */
.footer-topline{display:none!important}
.site-footer{
  background:
    linear-gradient(135deg,#061b2c 0%,#0a2940 58%,#0b3850 100%);
}
.site-footer:before{
  width:100%;
  height:100%;
  inset:0;
  left:auto;
  bottom:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
  background-image:
    linear-gradient(135deg,transparent 0 49%,rgba(114,219,227,.075) 49.5% 50.5%,transparent 51%),
    linear-gradient(45deg,transparent 0 49%,rgba(255,255,255,.035) 49.5% 50.5%,transparent 51%);
  background-size:58px 58px,116px 116px;
  opacity:.7;
}
.site-footer:after{
  width:100%;
  height:3px;
  right:0;
  top:0;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,transparent 0 12%,#2eb8c8 12% 23%,transparent 23% 43%,#168bd2 43% 61%,transparent 61% 78%,#72dbe3 78% 88%,transparent 88%);
}
.footer-glow{display:none}
.footer-main{
  padding:58px 0 48px!important;
  position:relative;
}
.footer-main:before{
  content:"";
  position:absolute;
  right:0;
  top:28px;
  width:92px;
  height:6px;
  background:linear-gradient(90deg,#72dbe3,#168bd2);
  clip-path:polygon(0 0,100% 0,88% 100%,0 100%);
  opacity:.9;
}
.site-footer .footer-brand p{max-width:420px}
.site-footer .footer-col>a{
  position:relative;
}
.site-footer .footer-col>a:before{
  content:"";
  width:5px;
  height:5px;
  margin-left:7px;
  display:inline-block;
  vertical-align:middle;
  border:1px solid #4bc9d5;
  transform:rotate(45deg);
}
.footer-bottom{
  background:rgba(0,0,0,.08);
}
@media(max-width:700px){
  .footer-main{padding:38px 0 25px!important}
  .footer-main:before{right:50%;transform:translateX(50%);top:18px;width:58px;height:5px}
  .site-footer .footer-col>a:before{width:4px;height:4px}
}


/* FINAL FONT + FOOTER CLEANUP */
html,body,body *,.site-footer,.site-footer *,.site-footer a,.site-footer b,.site-footer small,
button,input,textarea,select,optgroup{
  font-family:"Vazirmatn","Vazir","BYekan","B Yekan",Tahoma,sans-serif!important;
}
.brand-word small,.footer-bottom span:nth-child(2){
  font-family:"Vazirmatn","Vazir","BYekan","B Yekan",Tahoma,sans-serif!important;
  letter-spacing:1px!important;
}
.site-footer .footer-main{
  grid-template-columns:1.8fr 1fr 1fr 1fr!important;
  padding:54px 0 40px!important;
  align-items:start;
}
.site-footer .footer-brand p{
  max-width:300px!important;
  margin:15px 0 0!important;
}
.site-footer .footer-col>a:before{display:none!important}
.site-footer .footer-col>a{
  padding:6px 0!important;
  border-bottom:0!important;
}
.site-footer .footer-col>b{
  margin-bottom:9px!important;
}
.site-footer .footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
  direction:rtl;
  text-align:right;
}
@media(max-width:700px){
  .site-footer .footer-main{grid-template-columns:1fr 1fr!important;padding:36px 0 24px!important}
  .site-footer .footer-brand{grid-column:1/-1!important}
  .site-footer .footer-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:3px!important}
}


/* FINAL VISUAL SYSTEM — IMAGE TEXTURES + ARCHITECTURAL COMPONENTS */
html,body{
  background-color:#f7fafc!important;
}
body{
  background-image:url("../images/bg (10).jpg")!important;
  background-repeat:repeat!important;
  background-position:top right!important;
  background-size:auto!important;
  background-attachment:scroll!important;
}
/* Header uses the supplied box texture as a repeating architectural field. */
.top{
  background-color:rgba(6,27,44,.96)!important;
  background-image:url("../images/box3.png")!important;
  background-repeat:repeat!important;
  background-position:top right!important;
  background-size:auto!important;
}
/* Remove the secondary footer sentence completely; keep only the compact copyright. */
.footer-bottom{
  justify-content:flex-start!important;
  text-align:right!important;
  min-height:0!important;
  padding:10px 0 12px!important;
}
.footer-bottom span:nth-child(2){display:none!important}
/* Replace the previous repetitive line/grid treatment with a cleaner architectural frame. */
.hero:before,.hero:after,.page-hero:before,.page-hero:after,.section:after,.method:after{display:none!important}
body{background-blend-mode:normal!important}
/* Boxes: layered edge, clipped corner and restrained depth. */
.solution-card,.detail-card,.price-card,.contact-form,.clarity-box,.feature-band,.timeline,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div{
  border:1px solid rgba(12,58,83,.12)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 12px 30px rgba(8,38,57,.08)!important;
  position:relative!important;
  transform:translateZ(0);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.solution-card:hover,.detail-card:hover,.price-card:hover,.vision-grid article:hover,.estimate-grid>div:hover,.purpose-panel>div:hover,.work-grid>div:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 18px 38px rgba(8,38,57,.13)!important;
  border-color:rgba(22,139,210,.3)!important;
}
.solution-card:before,.detail-card:before,.price-card:before,.vision-grid article:before,.estimate-grid>div:before,.purpose-panel>div:before,.work-grid>div:before{
  width:92px!important;height:92px!important;
  background-image:url("../images/box3.png")!important;
  background-repeat:repeat!important;
  background-size:46px 46px!important;
  opacity:.13!important;
  clip-path:polygon(35% 0,100% 0,100% 65%,65% 100%,0 100%,0 35%)!important;
}
.solution-card:after,.detail-card:after,.price-card:after,.contact-form:after,.clarity-box:after,.feature-band:after,.timeline:after,.platform-stack>div:after,.vision-grid article:after,.estimate-grid>div:after,.purpose-panel>div:after,.work-grid>div:after{
  width:52px!important;height:4px!important;
  top:auto!important;right:auto!important;left:18px!important;bottom:0!important;
  background:linear-gradient(90deg,#168bd2,#2eb8c8)!important;
  clip-path:polygon(0 0,100% 0,84% 100%,0 100%)!important;
}
/* Buttons: solid architectural surfaces instead of stripe overlays. */
.primary,.secondary,.outline-btn,.navbtn,.drawer-cta,.circlebtn{
  border-radius:11px!important;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))!important;
  box-shadow:0 9px 20px rgba(7,45,67,.12)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.primary:hover,.secondary:hover,.outline-btn:hover,.navbtn:hover,.drawer-cta:hover,.circlebtn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 13px 26px rgba(7,45,67,.18)!important;
}
.primary:after,.secondary:after,.outline-btn:after,.navbtn:after,.footer-cta:after,.drawer-cta:after{display:none!important}
/* Section surfaces remain readable over the supplied texture. */
.section-tint,.method,.proof,.cta{background:rgba(247,250,252,.78)!important}
.site-footer{background-color:#061b2c!important;background-image:url("../images/box3.png")!important;background-repeat:repeat!important;background-size:auto!important}


/* FINAL CONTRAST TUNING — softer header/footer texture + readable content */
.top{
  background-image:linear-gradient(rgba(6,27,44,.985),rgba(6,27,44,.985)),url("../images/box3.png")!important;
  background-blend-mode:normal!important;
}
.site-footer{
  background-image:linear-gradient(rgba(6,27,44,.985),rgba(6,27,44,.985)),url("../images/box3.png")!important;
  background-blend-mode:normal!important;
}
/* Content cards: strong surface contrast, restrained borders and readable text. */
.solution-card,.detail-card,.price-card,.contact-form,.clarity-box,.feature-band,.timeline,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div{
  background:rgba(255,255,255,.965)!important;
  color:#173042!important;
  border-color:rgba(12,58,83,.15)!important;
}
.solution-card h3,.detail-card h3,.price-card h3,.timeline h3,.platform-stack>div b,.vision-grid article h3,.estimate-grid h3,.purpose-panel h3,.work-grid h3,.clarity-box h2,.feature-band h2{
  color:#08263a!important;
}
.solution-card p,.detail-card p,.price-card p,.timeline p,.platform-stack>div p,.vision-grid article p,.estimate-grid p,.purpose-panel p,.work-grid p,.clarity-box p,.feature-band p,.contact-form label{
  color:#405766!important;
}
.solution-card small,.price-card small,.eyebrow,.definition span,.feature-band .eyebrow{
  color:#087b9a!important;
}
.solution-card .num,.detail-card .number,.timeline>b,.architecture span{
  color:#168bd2!important;
}
.solution-card .card-more,.detail-card a,.price-card a,.contact-form a,.clarity-box a{
  color:#087c9b!important;
}
.solution-card .card-more:hover,.detail-card a:hover,.price-card a:hover,.contact-form a:hover,.clarity-box a:hover{color:#075f78!important}
/* Preserve dark surfaces only where they are intentional. */
.visual-card,.proof,.cta,.section-tint .architecture>div{color:#fff}

/* FINAL TEXTURE VISIBILITY — 50% image, no dark overlay */
.top{
  background-color:transparent!important;
  background-image:url("../images/box3.png")!important;
  background-repeat:repeat!important;
  background-position:top right!important;
  background-size:auto!important;
  background-blend-mode:normal!important;
}
.top:before{display:none!important}
.site-footer{
  background-color:#061b2c!important;
  background-image:url("../images/box3.png")!important;
  background-repeat:repeat!important;
  background-position:top right!important;
  background-size:auto!important;
  background-blend-mode:normal!important;
}
.site-footer:before{
  background-image:url("../images/box3.png")!important;
  background-repeat:repeat!important;
  background-size:auto!important;
  opacity:.5!important;
}

/* FINAL HEADER / FOOTER TEXTURE OPACITY — image itself, no dark overlay */
.top{
  position:sticky!important;
  background:#061b2c!important;
  background-image:none!important;
  overflow:hidden!important;
}
.top:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background-image:url("../images/box3.png")!important;
  background-repeat:repeat!important;
  background-position:top right!important;
  background-size:auto!important;
  opacity:.15!important;
}
.top .nav{
  position:relative!important;
  z-index:1!important;
}
.site-footer{
  position:relative!important;
  background:#061b2c!important;
  background-image:none!important;
  overflow:hidden!important;
}
.site-footer:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background-image:url("../images/box3.png")!important;
  background-repeat:repeat!important;
  background-position:top right!important;
  background-size:auto!important;
  opacity:.20!important;
}
.site-footer:after{
  z-index:1!important;
}
.site-footer .footer-main,
.site-footer .footer-bottom{
  position:relative!important;
  z-index:2!important;
}

/* FINAL TEXTURE CORRECTION — no dark header layer */
.top{
  background-color:#ffffffed!important;
  background-image:none!important;
}
.top:before{
  display:block!important;
  background-image:url("../images/box3.png")!important;
  background-repeat:repeat!important;
  background-position:top right!important;
  background-size:auto!important;
  opacity:.15!important;
}
.site-footer:before{
  opacity:.45!important;
}


/* FINAL HEADER SCROLL — compact state */
.top{transition:box-shadow .25s ease,background-color .25s ease,border-color .25s ease!important;overflow:visible!important}
.top .nav{transition:height .25s ease,gap .25s ease!important}
.top.is-scrolled .nav{height:58px!important;gap:18px!important}
.top.is-scrolled .brand{transform:scale(.88);transform-origin:right center;transition:transform .25s ease!important}
.top.is-scrolled .mainnav{transform:scale(.92);transform-origin:center;transition:transform .25s ease!important}
.top.is-scrolled .navbtn{padding:8px 14px!important;font-size:10px!important}
.top.is-scrolled{box-shadow:0 8px 28px rgba(9,42,62,.10)!important;border-bottom-color:rgba(12,58,83,.18)!important}
@media(max-width:1000px){.top.is-scrolled .nav{height:54px!important}.top.is-scrolled .brand{transform:scale(.9)}.top.is-scrolled .menubtn{transform:scale(.9)}}
/* Dropdowns escape the sticky header and remain visible. */
.mainnav,.drop,.menu{overflow:visible!important}.drop{z-index:120!important}
.menu{z-index:999!important;top:calc(100% + 8px)!important;max-height:none!important;pointer-events:none}
.drop:hover .menu,.drop:focus-within .menu{pointer-events:auto!important}
.menu-label{display:block!important;padding:5px 10px 8px!important;color:#7890a0!important;font-size:9px!important;font-weight:700!important;border-bottom:1px solid #edf3f6!important;margin-bottom:5px!important}
.menu a{font-family:"Vazirmatn","Vazir","BYekan","B Yekan",Tahoma,sans-serif!important}
/* Footer content cards */
.site-footer .footer-brand,.site-footer .footer-col{position:relative!important;overflow:hidden!important;border:1px solid rgba(143,220,228,.18)!important;border-radius:18px!important;background:rgba(255,255,255,.075)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.12)!important;backdrop-filter:blur(5px)!important}
.site-footer .footer-brand{padding:22px!important}.site-footer .footer-col{padding:18px 18px 16px!important}
.site-footer .footer-brand:before,.site-footer .footer-col:before{content:""!important;position:absolute!important;top:0!important;right:0!important;width:54px!important;height:3px!important;background:linear-gradient(90deg,#72dbe3,#168bd2)!important;clip-path:polygon(0 0,100% 0,84% 100%,0 100%)!important}
.site-footer .footer-brand:after,.site-footer .footer-col:after{content:""!important;position:absolute!important;left:-18px!important;bottom:-22px!important;width:74px!important;height:74px!important;background-image:linear-gradient(135deg,transparent 0 47%,rgba(114,219,227,.12) 48% 52%,transparent 53%)!important;background-size:14px 14px!important;opacity:.7!important;pointer-events:none!important}
.site-footer .footer-brand .brand,.site-footer .footer-brand p,.site-footer .footer-col>*{position:relative!important;z-index:1!important}
.site-footer .footer-brand p{color:#d2e0e7!important;margin-top:14px!important}
.site-footer .footer-col>b{display:block!important;color:#fff!important;font-size:13px!important;padding-bottom:10px!important;margin-bottom:5px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.site-footer .footer-col>a{display:block!important;color:#c8d8e0!important;font-size:10px!important;padding:7px 0!important;transition:color .2s ease,transform .2s ease!important}
.site-footer .footer-col>a:hover{color:#72dbe3!important;transform:translateX(-3px)!important}
@media(max-width:700px){.site-footer .footer-brand{padding:18px!important}.site-footer .footer-col{padding:16px 14px!important}.site-footer .footer-brand p{font-size:10px!important}}


/* FINAL VISUAL SYSTEM — soft infinity language */
.solution-card,.detail-card,.price-card,.contact-form,.clarity-box,.feature-band,.timeline,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div,.architecture>div{
  border-radius:28px 12px 28px 12px!important;
  border:1px solid rgba(8,88,120,.13)!important;
  box-shadow:0 14px 34px rgba(8,45,67,.07)!important;
  background:rgba(255,255,255,.94)!important;
}
.solution-card:before,.detail-card:before,.price-card:before,.vision-grid article:before,.estimate-grid>div:before,.purpose-panel>div:before,.work-grid>div:before{
  width:118px!important;height:118px!important;
  right:-34px!important;top:-34px!important;left:auto!important;
  background:none!important;
  opacity:1!important;
  border:1px solid rgba(22,139,210,.12)!important;
  border-radius:50%!important;
  clip-path:none!important;
  box-shadow:34px 0 0 -33px rgba(46,184,200,.22)!important;
}
.solution-card:after,.detail-card:after,.price-card:after,.contact-form:after,.clarity-box:after,.feature-band:after,.timeline:after,.platform-stack>div:after,.vision-grid article:after,.estimate-grid>div:after,.purpose-panel>div:after,.work-grid>div:after{
  width:62px!important;height:18px!important;
  right:18px!important;left:auto!important;bottom:16px!important;top:auto!important;
  background:transparent!important;
  border-top:2px solid rgba(22,139,210,.42)!important;
  border-bottom:2px solid rgba(46,184,200,.28)!important;
  border-radius:50%!important;
  clip-path:none!important;
  transform:rotate(-8deg)!important;
}
.solution-card:hover,.detail-card:hover,.price-card:hover,.vision-grid article:hover,.estimate-grid>div:hover,.purpose-panel>div:hover,.work-grid>div:hover,.architecture>div:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(22,139,210,.25)!important;
  box-shadow:0 20px 42px rgba(8,45,67,.11)!important;
}
/* Buttons follow the same rounded/infinity geometry rather than clipped corners. */
.primary,.secondary,.outline-btn,.navbtn,.drawer-cta,.circlebtn{
  border-radius:999px!important;
  clip-path:none!important;
  position:relative!important;
  overflow:hidden!important;
  box-shadow:0 8px 22px rgba(8,55,78,.10)!important;
  border:1px solid rgba(22,139,210,.14)!important;
}
.primary:before,.secondary:before,.outline-btn:before,.navbtn:before,.drawer-cta:before,.circlebtn:before{
  content:""!important;
  position:absolute!important;
  inset:5px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  pointer-events:none!important;
}
.primary:after,.secondary:after,.outline-btn:after,.navbtn:after,.drawer-cta:after,.circlebtn:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  width:34px!important;height:16px!important;
  left:13px!important;top:50%!important;
  transform:translateY(-50%) rotate(-12deg)!important;
  border-top:2px solid rgba(255,255,255,.35)!important;
  border-bottom:2px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  background:none!important;
  clip-path:none!important;
  pointer-events:none!important;
}
.primary:hover,.secondary:hover,.outline-btn:hover,.navbtn:hover,.drawer-cta:hover,.circlebtn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(8,55,78,.15)!important;
}
.outline-btn:before{border-color:rgba(22,139,210,.18)!important}
.outline-btn:after{border-color:rgba(22,139,210,.3)!important}
@media(max-width:700px){
  .solution-card,.detail-card,.price-card,.contact-form,.clarity-box,.feature-band,.timeline,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div,.architecture>div{border-radius:22px 10px 22px 10px!important}
}
/* Minimal final action area — no large promotional block. */
.cta{background:transparent!important;padding:28px 0 8px!important}
.cta .cta-inner{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:0!important}
.cta .cta-inner>div{display:none!important}
.cta .circlebtn{display:inline-flex!important;min-width:150px!important;min-height:46px!important;padding:10px 24px!important;align-items:center!important;justify-content:center!important;gap:8px!important}

/* FINAL SPACING & EDGE SAFETY — consistent inner breathing room */
.wrap{width:min(1180px,calc(100% - 56px))!important}
.section>.wrap,.page-hero>.wrap,.hero>.wrap{width:min(1180px,calc(100% - 56px))!important}
.section-head{padding-inline:6px!important}
.solution-grid,.detail-grid,.architecture,.photo-strip,.capability-grid,.estimate-grid,.story-grid,.work-grid,.vision-grid,.purpose-panel,.platform-stack,.price-grid,.pricing-grid,.contact-grid,.contact-faq{min-width:0!important}
.solution-card,.detail-card,.price-card,.contact-form,.clarity-box,.feature-band,.timeline,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div,.architecture>div{padding-inline:28px!important}
.detail-points{padding-inline:0!important}
.flow-board{width:100%!important;padding:0 8px!important;gap:12px!important}
.flow-board>div{min-width:0!important;padding:22px 18px!important;margin:0!important}
.flow-board b,.flow-board small{overflow-wrap:anywhere!important}
.feature-band{padding:32px!important}
.story-panel>div,.capability-grid article{padding:24px!important}
.price-note{margin-inline:0!important}
.contact-form,.contact-info,.contact-faq article{padding-inline:28px!important}
@media(max-width:1000px){
  .wrap,.section>.wrap,.page-hero>.wrap,.hero>.wrap{width:min(100% - 44px,760px)!important}
  .flow-board{padding:0 4px!important}
}
@media(max-width:700px){
  .wrap,.section>.wrap,.page-hero>.wrap,.hero>.wrap{width:calc(100% - 32px)!important}
  .section{padding:64px 0!important}
  .section-head{padding-inline:2px!important;margin-bottom:28px!important}
  .solution-card,.detail-card,.price-card,.contact-form,.clarity-box,.feature-band,.timeline,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div,.architecture>div{padding:22px 20px!important}
  .flow-board{padding:0!important;gap:10px!important}
  .flow-board>div{padding:18px 16px!important}
  .feature-band{padding:22px 20px!important}
}

/* FINAL ALL-PAGE SPACING AUDIT — keep every box, text block and decorative layer inside a deliberate inner frame */
*,*::before,*::after{box-sizing:border-box!important}
.solution-card,.detail-card,.price-card,.contact-form,.contact-info,.clarity-box,.feature-band,.timeline,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div,.architecture>div,.story-panel>div,.road-step,.vision-band,.photo,.proof-grid>div,.price-note,.contact-faq article,.about-hero-card{
  position:relative!important;
}
.solution-card>*,.detail-card>*,.price-card>*,.contact-form>*,.contact-info>*,.clarity-box>*,.feature-band>*,.timeline>div>*,.platform-stack>div>*,.vision-grid article>*,.estimate-grid>div>*,.purpose-panel>div>*,.work-grid>div>*,.architecture>div>*,.story-panel>div>*,.road-step>*,.vision-band>div>*,.photo>*,.proof-grid>div>*,.price-note>*,.contact-faq article>*{
  position:relative!important;z-index:1!important;min-width:0!important;
}
.solution-card:before,.solution-card:after,.detail-card:before,.detail-card:after,.price-card:before,.price-card:after,.contact-form:after,.clarity-box:after,.feature-band:after,.timeline:after,.platform-stack>div:after,.vision-grid article:after,.estimate-grid>div:after,.purpose-panel>div:after,.work-grid>div:after{z-index:0!important;pointer-events:none!important}
.solution-grid,.detail-grid,.architecture,.photo-strip,.story-grid,.vision-grid,.work-grid,.purpose-panel,.platform-stack,.price-grid,.pricing-grid,.contact-grid,.contact-faq,.estimate-grid{gap:18px!important}
.solution-card,.detail-card,.price-card,.contact-form,.contact-info,.clarity-box,.feature-band,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div,.architecture>div,.story-panel>div,.road-step,.vision-band>div,.price-note,.contact-faq article{padding:28px!important}
.timeline>div{padding:26px 24px!important}
.feature-list{gap:14px!important}
.feature-list>div{padding:20px 18px!important}
.detail-points{gap:9px!important;margin-top:22px!important}
.detail-points span{padding:9px 12px!important}
.proof-grid>div{padding:28px!important}
.photo span{right:22px!important;bottom:22px!important}
.hero-contact-points{gap:10px!important}
.contact-item,.contact-channel{padding:17px 0!important}
.contact-faq{align-items:stretch!important}
.vision-band{overflow:hidden!important}
.vision-band>div{min-width:0!important}
.roadmap{gap:0!important}
.road-step{padding:28px 24px!important}
.story-panel{gap:14px!important}
.story-panel>div{padding:26px!important}
.definition{padding-right:38px!important}
.page-hero p{padding-inline:2px!important}
.hero-copy,.hero-visual,.about-hero-grid>*{min-width:0!important}
.visual-card{padding:22px!important}
.visual-kpis{gap:10px!important}

@media(max-width:1000px){
  .solution-grid,.detail-grid,.architecture,.photo-strip,.story-grid,.vision-grid,.work-grid,.purpose-panel,.platform-stack,.price-grid,.pricing-grid,.contact-grid,.contact-faq,.estimate-grid{gap:14px!important}
  .solution-card,.detail-card,.price-card,.contact-form,.contact-info,.clarity-box,.feature-band,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div,.architecture>div,.story-panel>div,.road-step,.vision-band>div,.price-note,.contact-faq article{padding:24px!important}
  .timeline>div{padding:22px 18px!important}
  .proof-grid>div{padding:24px!important}
}
@media(max-width:700px){
  .wrap,.section>.wrap,.page-hero>.wrap,.hero>.wrap{width:calc(100% - 36px)!important}
  .section{padding:58px 0!important}
  .section-head{padding-inline:0!important;margin-bottom:30px!important}
  .solution-grid,.detail-grid,.architecture,.photo-strip,.story-grid,.vision-grid,.work-grid,.purpose-panel,.platform-stack,.price-grid,.pricing-grid,.contact-grid,.contact-faq,.estimate-grid{gap:12px!important}
  .solution-card,.detail-card,.price-card,.contact-form,.contact-info,.clarity-box,.feature-band,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div,.architecture>div,.story-panel>div,.road-step,.vision-band>div,.price-note,.contact-faq article{padding:20px!important}
  .timeline>div{padding:20px 16px!important}
  .feature-list>div{padding:16px!important}
  .detail-points{gap:8px!important}
  .detail-points span{padding:8px 10px!important}
  .proof-grid>div{padding:20px 18px!important}
  .photo span{right:18px!important;bottom:18px!important}
  .visual-card{right:18px!important;left:18px!important;bottom:18px!important;padding:18px!important}
  .definition{padding:22px 0 0!important}
  .page-hero p{padding-inline:0!important}
}


/* FINAL INNER GUTTER CORRECTION — content must never sit against the section/frame edge */
.section.wrap,
.hero>.wrap,
.page-hero>.wrap,
.site-footer>.wrap{
  padding-inline:32px!important;
}
.section>.wrap{
  padding-inline:32px!important;
}
.section.wrap>.section-head,
.section>.wrap>.section-head{
  padding-inline:0!important;
}
.solution-grid,.detail-grid,.architecture,.photo-strip,.story-grid,.vision-grid,.work-grid,.purpose-panel,.platform-stack,.price-grid,.pricing-grid,.contact-grid,.contact-faq,.estimate-grid,.capability-grid{
  width:100%!important;
}
.flow-board{
  padding-inline:10px!important;
  gap:18px!important;
}
.flow-board>div{
  padding:26px 24px!important;
}
.proof-grid{
  padding-inline:18px!important;
}
.proof-grid>div{
  padding-inline:26px!important;
}
.timeline{
  margin-inline:8px!important;
}
.clarity-box,
.feature-band,
.contact-form,
.contact-info,
.price-note,
.contact-faq{
  margin-inline:8px!important;
}
.story-panel>div,
.platform-stack>div,
.vision-grid article,
.estimate-grid>div,
.purpose-panel>div,
.work-grid>div,
.capability-grid article,
.road-step,
.vision-band>div{
  padding-inline:26px!important;
}
@media(max-width:1000px){
  .section.wrap,
  .hero>.wrap,
  .page-hero>.wrap,
  .site-footer>.wrap,
  .section>.wrap{padding-inline:24px!important}
  .flow-board{padding-inline:6px!important;gap:14px!important}
  .proof-grid{padding-inline:10px!important}
  .clarity-box,.feature-band,.contact-form,.contact-info,.price-note,.contact-faq{margin-inline:4px!important}
}
@media(max-width:700px){
  .section.wrap,
  .hero>.wrap,
  .page-hero>.wrap,
  .site-footer>.wrap,
  .section>.wrap{padding-inline:18px!important}
  .flow-board{padding-inline:0!important;gap:10px!important}
  .flow-board>div{padding:20px 18px!important}
  .proof-grid{padding-inline:0!important}
  .proof-grid>div{padding-inline:18px!important}
  .timeline{margin-inline:0!important}
  .clarity-box,.feature-band,.contact-form,.contact-info,.price-note,.contact-faq{margin-inline:0!important}
  .story-panel>div,.platform-stack>div,.vision-grid article,.estimate-grid>div,.purpose-panel>div,.work-grid>div,.capability-grid article,.road-step,.vision-band>div{padding-inline:20px!important}
}


/* BUTTON TEXTURE — b1.png — small, subtle repeating tile on light actions and top navigation */
.secondary,.outline-btn,.mainnav>a,.drop>button{
  background-color:#fff!important;
  background-image:linear-gradient(rgba(255,255,255,.68),rgba(255,255,255,.68)),url("../images/b1.png")!important;
  background-repeat:repeat!important;
  background-position:center center!important;
  background-size:32px 32px!important;
  background-blend-mode:normal!important;
}
.secondary:hover,.outline-btn:hover,.mainnav>a:hover,.drop:hover>button,.drop:focus-within>button{
  background-image:linear-gradient(rgba(255,255,255,.58),rgba(255,255,255,.58)),url("../images/b1.png")!important;
  background-repeat:repeat!important;
  background-position:center center!important;
  background-size:32px 32px!important;
}


/* SOLUTION SECTION — controlled heading size and equal card geometry */
.section .section-head h2{
  font-size:30px!important;
  line-height:1.55!important;
}
.solution-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:minmax(250px,1fr)!important;
  align-items:stretch!important;
  gap:18px!important;
}
.solution-card{
  min-height:250px!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  padding:28px!important;
}
.solution-card.featured{
  grid-row:auto!important;
  background:rgba(255,255,255,.94)!important;
}
.solution-card h3{
  font-size:20px!important;
  line-height:1.6!important;
  margin:9px 0 8px!important;
}
.solution-card p{
  margin:0!important;
  line-height:2!important;
  max-width:100%!important;
}
.solution-card .card-more{
  margin-top:auto!important;
  padding-top:18px!important;
}
@media(max-width:700px){
  .section .section-head h2{
    font-size:28px!important;
  }
  .solution-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:auto!important;
    gap:14px!important;
  }
  .solution-card,
  .solution-card.featured{
    min-height:0!important;
    height:auto!important;
    padding:22px 20px!important;
  }
}
