*{
margin:0;
padding:0;
box-sizing:border-box;
}

:root{
--primary:#ff6d00;
--primary-light:#ff7900;
--primary-lighter:#ff9e00;
--dark:#240046;
--dark-medium:#5a189a;
--dark-light:#9d4edd;
--white:#ffffff;
--gray-light:#f4f4f4;
--gray-medium:#cccccc;
--gray-dark:#666666;
--text-main:#1a1a1a;
--transition:all 0.3s ease;
}

body{
font-family:'Inter',sans-serif;
color:var(--text-main);
line-height:1.6;
background:var(--white);
overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6{
font-family:'Space Grotesk',sans-serif;
font-weight:700;
line-height:1.2;
}

a{
text-decoration:none;
color:inherit;
transition:var(--transition);
}

img{
max-width:100%;
height:auto;
display:block;
}

.container-header,.container-main,.container-footer{
max-width:1280px;
margin:0 auto;
padding:0 24px;
}

.main-header{
position:fixed;
top:0;
left:0;
width:100%;
background:rgba(255,255,255,0.95);
backdrop-filter:blur(10px);
border-bottom:1px solid rgba(36,0,70,0.08);
z-index:1000;
transition:var(--transition);
}

.container-header{
display:flex;
align-items:center;
justify-content:space-between;
height:80px;
}

.logo-img{
height:42px;
width:auto;
transition:var(--transition);
}

.logo-link:hover .logo-img{
transform:scale(1.05);
}

.main-nav{
display:flex;
align-items:center;
}

.nav-list{
display:flex;
list-style:none;
gap:40px;
align-items:center;
}

.nav-list a{
font-weight:500;
font-size:15px;
color:var(--text-main);
position:relative;
padding:8px 0;
}

.nav-list a::after{
content:'';
position:absolute;
bottom:0;
left:0;
width:0;
height:2px;
background:var(--primary);
transition:width 0.3s ease;
}

.nav-list a:hover::after{
width:100%;
}

.dropdown{
position:relative;
}

.dropdown-toggle{
display:flex;
align-items:center;
gap:4px;
cursor:pointer;
}

.dropdown-menu{
position:absolute;
top:calc(100% + 12px);
left:0;
background:var(--white);
border-radius:12px;
box-shadow:0 8px 24px rgba(36,0,70,0.15);
padding:12px 0;
min-width:220px;
opacity:0;
visibility:hidden;
transform:translateY(-10px);
transition:all 0.3s ease;
list-style:none;
}

.dropdown-menu.show{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.dropdown-menu li{
padding:0;
}

.dropdown-menu a{
display:block;
padding:12px 24px;
font-size:14px;
color:var(--text-main);
transition:var(--transition);
}

.dropdown-menu a:hover{
background:var(--gray-light);
color:var(--primary);
}

.dropdown-menu a::after{
display:none;
}

.mobile-toggle{
display:none;
flex-direction:column;
gap:6px;
background:none;
border:none;
cursor:pointer;
padding:8px;
}

.mobile-toggle span{
width:26px;
height:3px;
background:var(--dark);
border-radius:2px;
transition:var(--transition);
}

.mobile-toggle.active span:nth-child(1){
transform:rotate(45deg) translate(8px,8px);
}

.mobile-toggle.active span:nth-child(2){
opacity:0;
}

.mobile-toggle.active span:nth-child(3){
transform:rotate(-45deg) translate(7px,-7px);
}

.main-content{
margin-top:80px;
min-height:calc(100vh - 80px);
}

.top-block{
padding:96px 0 115px;
background:linear-gradient(158deg, #fef6f0 0%, #fff 48%, #f8f4ff 100%);
position:relative;
overflow:hidden;
}

.intro-wrap{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:58px;
align-items:center;
}

.intro-txt h1{
font-size:69px;
margin-bottom:26px;
color:var(--dark);
letter-spacing:-1.4px;
}

.lead-p{
font-size:19px;
line-height:1.65;
color:var(--gray-dark);
margin-bottom:38px;
max-width:510px;
}

.numbs{
display:flex;
gap:44px;
margin-bottom:40px;
}

.numb-box{
display:flex;
flex-direction:column;
}

.numb-box strong{
font-size:34px;
font-weight:800;
color:var(--primary);
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:5px;
}

.numb-box span{
font-size:13px;
color:var(--gray-dark);
font-weight:500;
}

.btn-main{
display:inline-block;
background:var(--primary);
color:var(--white);
padding:17px 38px;
border-radius:11px;
font-weight:700;
font-size:16px;
transition:var(--transition);
border:none;
cursor:pointer;
}

.btn-main:hover{
background:var(--primary-light);
transform:translateY(-2.5px);
box-shadow:0 11px 26px rgba(255,109,0,.28);
}

.intro-vis{
position:relative;
}

.main-pic{
width:100%;
border-radius:22px;
box-shadow:0 22px 58px rgba(36,0,70,.14);
}

.float-tag{
position:absolute;
bottom:28px;
right:-20px;
background:var(--white);
padding:18px 26px;
border-radius:15px;
box-shadow:0 10px 28px rgba(36,0,70,.18);
display:flex;
align-items:center;
gap:11px;
}

.float-tag i{
font-size:30px;
color:var(--primary);
}

.float-tag span{
font-weight:700;
font-size:14px;
color:var(--dark);
}

.method-sec{
padding:115px 0;
background:var(--white);
}

.method-layout{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:66px;
align-items:start;
}

.method-txt h2{
font-size:50px;
margin-bottom:26px;
color:var(--dark);
letter-spacing:-.9px;
}

.method-txt p{
font-size:17px;
line-height:1.75;
color:var(--gray-dark);
margin-bottom:22px;
}

.check-lst{
list-style:none;
margin-top:34px;
}

.check-lst li{
display:flex;
align-items:center;
gap:13px;
padding:13px 0;
font-size:16px;
font-weight:500;
color:var(--text-main);
}

.check-lst i{
color:var(--primary);
font-size:21px;
flex-shrink:0;
}

.method-cards{
display:flex;
flex-direction:column;
gap:18px;
}

.sm-card{
padding:30px;
border-radius:19px;
transition:var(--transition);
position:relative;
overflow:hidden;
}

.sm-card::before{
content:'';
position:absolute;
top:0;
right:0;
width:80px;
height:80px;
background:rgba(255,255,255,0.1);
border-radius:50%;
transform:translate(30%,-30%);
}

.sm-card:hover{
transform:translateY(-5px) scale(1.02);
}

.card-a{
background:linear-gradient(133deg,var(--dark-light) 0%,var(--dark-medium) 100%);
color:var(--white);
}

.card-b{
background:linear-gradient(133deg,var(--primary-lighter) 0%,var(--primary) 100%);
color:var(--white);
}

.card-c{
background:var(--dark);
color:var(--white);
}

.sm-card i{
font-size:40px;
margin-bottom:15px;
display:block;
opacity:.88;
}

.sm-card h4{
font-size:19px;
margin-bottom:9px;
font-weight:700;
}

.sm-card p{
font-size:14px;
line-height:1.55;
opacity:.87;
}

.offer-block{
padding:115px 0;
background:var(--gray-light);
}

.centered-head{
text-align:center;
max-width:660px;
margin:0 auto 62px;
}

.centered-head h2{
font-size:50px;
margin-bottom:17px;
color:var(--dark);
letter-spacing:-.9px;
}

.centered-head p{
font-size:18px;
color:var(--gray-dark);
line-height:1.55;
}

.offer-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

.offer-item{
background:var(--white);
padding:40px 34px 36px;
border-radius:18px;
transition:var(--transition);
position:relative;
}

.offer-item::after{
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,var(--primary) 0%,var(--primary-lighter) 100%);
border-radius:0 0 18px 18px;
transform:scaleX(0);
transform-origin:left;
transition:transform 0.4s ease;
}

.offer-item:hover::after{
transform:scaleX(1);
}

.offer-item:hover{
transform:translateY(-7px);
box-shadow:0 14px 42px rgba(36,0,70,.11);
}

.offer-ico{
width:64px;
height:64px;
background:linear-gradient(133deg,var(--primary) 0%,var(--primary-light) 100%);
border-radius:15px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:22px;
}

.offer-ico i{
font-size:30px;
color:var(--white);
}

.offer-item h3{
font-size:24px;
margin-bottom:14px;
color:var(--dark);
}

.offer-item p{
font-size:15px;
line-height:1.65;
color:var(--gray-dark);
margin-bottom:18px;
}

.service-list{
list-style:none;
margin-bottom:20px;
}

.service-list li{
padding:8px 0 8px 24px;
font-size:14px;
line-height:1.6;
color:var(--text-main);
position:relative;
}

.service-list li::before{
content:'•';
position:absolute;
left:8px;
color:var(--primary);
font-size:18px;
font-weight:bold;
}

.service-time{
font-size:13px;
color:var(--primary);
font-weight:600;
margin-bottom:0;
padding-top:8px;
border-top:1px solid var(--gray-light);
}

.link-block a{
display:inline-block;
background:var(--primary);
color:var(--white);
padding:10px 24px;
border-radius:8px;
font-size:14px;
font-weight:600;
transition:var(--transition);
}

.link-block a:hover{
background:var(--primary-light);
transform:scale(1.05);
}

.story-dark{
padding:0;
background:var(--dark);
}

.story-inner{
display:grid;
grid-template-columns:1fr 1fr;
min-height:620px;
}

.story-pic{
position:relative;
overflow:hidden;
}

.story-pic img{
width:100%;
height:100%;
object-fit:cover;
}

.story-info{
padding:74px 66px;
display:flex;
flex-direction:column;
justify-content:center;
color:var(--white);
}

.story-info h2{
font-size:42px;
margin-bottom:22px;
color:var(--white);
letter-spacing:-.4px;
}

.story-info p{
font-size:17px;
line-height:1.65;
color:rgba(255,255,255,.78);
margin-bottom:38px;
}

.stats-row{
display:flex;
gap:44px;
margin-bottom:38px;
}

.stat-box{
display:flex;
flex-direction:column;
}

.stat-box strong{
font-size:38px;
font-weight:900;
color:var(--primary-lighter);
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:7px;
}

.stat-box span{
font-size:13px;
color:rgba(255,255,255,.68);
}

.btn-light{
display:inline-block;
background:var(--white);
color:var(--dark);
padding:15px 34px;
border-radius:11px;
font-weight:700;
font-size:14px;
transition:var(--transition);
width:fit-content;
}

.btn-light:hover{
transform:translateY(-2.5px);
box-shadow:0 7px 18px rgba(255,255,255,.28);
}

.steps-area{
padding:115px 0;
background:var(--white);
}

.big-title{
font-size:50px;
text-align:center;
margin-bottom:62px;
color:var(--dark);
letter-spacing:-.9px;
}

.problems-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:32px;
}

.problem-card{
background:var(--gray-light);
padding:36px 32px;
border-radius:16px;
transition:var(--transition);
}

.problem-card:hover{
background:var(--white);
box-shadow:0 8px 28px rgba(36,0,70,.1);
transform:translateY(-4px);
}

.problem-icon{
width:56px;
height:56px;
background:linear-gradient(133deg,var(--primary) 0%,var(--primary-light) 100%);
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
}

.problem-icon i{
font-size:26px;
color:var(--white);
}

.problem-card h3{
font-size:22px;
margin-bottom:10px;
color:var(--dark);
}

.problem-desc{
font-size:14px;
color:var(--gray-dark);
margin-bottom:16px;
line-height:1.5;
}

.solution-txt{
font-size:14px;
line-height:1.7;
color:var(--text-main);
margin-bottom:16px;
}

.solution-txt strong{
color:var(--primary);
}

.result-tag{
display:inline-block;
background:var(--white);
color:var(--primary);
padding:6px 14px;
border-radius:6px;
font-size:12px;
font-weight:700;
border:1px solid var(--primary);
}

.steps-row{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;
margin-bottom:48px;
}

.step-card{
position:relative;
padding:34px 26px;
background:var(--gray-light);
border-radius:15px;
transition:var(--transition);
display:none;
}

.step-card:hover{
background:var(--white);
box-shadow:0 7px 22px rgba(36,0,70,.09);
}

.step-num{
font-size:52px;
font-weight:900;
color:var(--primary);
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:18px;
opacity:.28;
}

.step-card h3{
font-size:21px;
margin-bottom:12px;
color:var(--dark);
}

.step-card p{
font-size:14px;
line-height:1.65;
color:var(--gray-dark);
}

.link-center{
text-align:center;
display:none;
}

.link-center a{
display:inline-block;
color:var(--primary);
font-size:16px;
font-weight:600;
padding:12px 32px;
border:2px solid var(--primary);
border-radius:10px;
transition:var(--transition);
}

.link-center a:hover{
background:var(--primary);
color:var(--white);
transform:scale(1.05);
}

.reasons-sec{
padding:115px 0;
background:linear-gradient(178deg,var(--gray-light) 0%,var(--white) 100%);
}

.reasons-layout{
display:grid;
grid-template-columns:.68fr 1.32fr;
gap:58px;
align-items:start;
}

.reasons-head h2{
font-size:50px;
margin-bottom:22px;
color:var(--dark);
letter-spacing:-.9px;
}

.reasons-head p{
font-size:17px;
line-height:1.65;
color:var(--gray-dark);
}

.reasons-list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
}

.reason-box{
background:var(--white);
border-radius:15px;
overflow:hidden;
transition:var(--transition);
box-shadow:0 2px 8px rgba(36,0,70,.04);
}

.reason-box:hover{
box-shadow:0 8px 28px rgba(36,0,70,.12);
transform:translateY(-4px);
}

.reason-inner{
padding:34px 30px;
position:relative;
}

.reason-inner::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:3px;
background:linear-gradient(90deg,var(--primary) 0%,var(--primary-lighter) 100%);
}

.reason-box h4{
font-size:21px;
margin-bottom:11px;
color:var(--dark);
}

.reason-box p{
font-size:14px;
line-height:1.65;
color:var(--gray-dark);
}

.cta-form-sec{
padding:90px 0;
background:linear-gradient(135deg,var(--dark) 0%,var(--dark-medium) 100%);
}

.cta-form-wrap{
display:grid;
grid-template-columns:1fr 1fr;
gap:64px;
align-items:center;
}

.cta-txt{
color:var(--white);
}

.cta-txt h2{
font-size:48px;
margin-bottom:20px;
color:var(--white);
letter-spacing:-.8px;
}

.cta-txt p{
font-size:17px;
line-height:1.65;
color:rgba(255,255,255,.82);
margin-bottom:32px;
}

.cta-img{
width:100%;
border-radius:16px;
opacity:.9;
}

.quick-form{
background:var(--white);
padding:36px;
border-radius:18px;
box-shadow:0 12px 40px rgba(0,0,0,.2);
}

.quick-form form{
display:flex;
flex-direction:column;
gap:16px;
}

.quick-form input{
padding:14px 18px;
border:2px solid var(--gray-light);
border-radius:10px;
font-size:14px;
font-family:'Inter',sans-serif;
background:var(--white);
color:var(--text-main);
transition:var(--transition);
}

.quick-form input:focus{
outline:none;
border-color:var(--primary);
}

.quick-form input::placeholder{
color:var(--gray-dark);
}

.quick-form button{
background:var(--primary);
color:var(--white);
padding:16px;
border-radius:10px;
font-weight:700;
font-size:16px;
border:none;
cursor:pointer;
transition:var(--transition);
margin-top:8px;
}

.quick-form button:hover{
background:var(--primary-light);
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(255,109,0,.3);
}

.main-footer{
background:var(--dark);
color:var(--white);
padding:80px 0 32px;
}

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:48px;
margin-bottom:48px;
}

.footer-brand{
max-width:360px;
}

.footer-logo{
height:38px;
width:auto;
margin-bottom:20px;
}

.footer-desc{
font-size:14px;
line-height:1.7;
color:rgba(255,255,255,0.75);
margin-bottom:24px;
}

.footer-contact p{
font-size:13px;
color:rgba(255,255,255,0.7);
margin-bottom:8px;
display:flex;
align-items:center;
gap:8px;
}

.footer-contact i{
color:var(--primary);
font-size:16px;
}

.footer-col h3{
font-size:16px;
font-weight:600;
margin-bottom:20px;
color:var(--white);
}

.footer-col ul{
list-style:none;
}

.footer-col ul li{
margin-bottom:12px;
}

.footer-col ul a{
font-size:14px;
color:rgba(255,255,255,0.7);
transition:var(--transition);
}

.footer-col ul a:hover{
color:var(--primary);
padding-left:4px;
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,0.1);
padding-top:28px;
text-align:center;
}

.footer-bottom p{
font-size:13px;
color:rgba(255,255,255,0.6);
}

.cookie-banner{
position:fixed;
bottom:-200px;
left:50%;
transform:translateX(-50%);
background:var(--white);
border-radius:16px;
box-shadow:0 12px 48px rgba(36,0,70,0.2);
padding:24px 32px;
max-width:580px;
width:calc(100% - 48px);
z-index:2000;
transition:bottom 0.5s ease;
border:2px solid var(--primary);
}

.cookie-banner.show{
bottom:32px;
}

.cookie-content{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
}

.cookie-text h4{
font-size:18px;
font-weight:700;
margin-bottom:6px;
color:var(--dark);
}

.cookie-text p{
font-size:13px;
color:var(--gray-dark);
line-height:1.5;
}

.cookie-actions{
display:flex;
gap:12px;
align-items:center;
flex-shrink:0;
}

.btn-cookie-accept{
background:var(--primary);
color:var(--white);
border:none;
padding:12px 28px;
border-radius:8px;
font-size:14px;
font-weight:600;
cursor:pointer;
transition:var(--transition);
white-space:nowrap;
}

.btn-cookie-accept:hover{
background:var(--primary-light);
transform:translateY(-2px);
box-shadow:0 4px 12px rgba(255,109,0,0.3);
}

.btn-cookie-learn{
font-size:13px;
color:var(--dark-medium);
font-weight:500;
white-space:nowrap;
}

.btn-cookie-learn:hover{
color:var(--primary);
text-decoration:underline;
}

.thanks-block{
padding:140px 0;
background:linear-gradient(158deg,#fef6f0 0%,#fff 48%,#f8f4ff 100%);
min-height:calc(100vh - 80px);
display:flex;
align-items:center;
}

.thanks-content{
text-align:center;
max-width:680px;
margin:0 auto;
}

.thanks-icon{
width:120px;
height:120px;
background:linear-gradient(133deg,var(--primary) 0%,var(--primary-light) 100%);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 36px;
}

.thanks-icon i{
font-size:64px;
color:var(--white);
}

.thanks-content h1{
font-size:58px;
margin-bottom:20px;
color:var(--dark);
letter-spacing:-1.2px;
}

.thanks-lead{
font-size:20px;
line-height:1.6;
color:var(--gray-dark);
margin-bottom:48px;
}

.thanks-info{
background:var(--white);
padding:32px;
border-radius:18px;
margin-bottom:42px;
box-shadow:0 8px 28px rgba(36,0,70,.08);
}

.thanks-info p{
font-size:15px;
color:var(--gray-dark);
margin-bottom:14px;
}

.phone-big{
display:inline-block;
font-size:28px;
font-weight:700;
color:var(--primary);
font-family:'Space Grotesk',sans-serif;
transition:var(--transition);
}

.phone-big:hover{
color:var(--primary-light);
transform:scale(1.05);
}

.thanks-actions{
display:flex;
gap:16px;
justify-content:center;
flex-wrap:wrap;
}

.btn-secondary-outline{
display:inline-block;
background:transparent;
color:var(--dark);
padding:17px 38px;
border-radius:11px;
font-weight:700;
font-size:16px;
border:2px solid var(--dark);
transition:var(--transition);
}

.btn-secondary-outline:hover{
background:var(--dark);
color:var(--white);
transform:translateY(-2px);
}

@media (max-width:1024px){
.nav-list{
gap:28px;
}

.intro-wrap{
grid-template-columns:1fr;
gap:48px;
}

.intro-txt h1{
font-size:54px;
}

.float-tag{
right:14px;
}

.method-layout{
grid-template-columns:1fr;
gap:48px;
}

.offer-grid{
grid-template-columns:1fr;
gap:22px;
}

.story-inner{
grid-template-columns:1fr;
}

.story-pic{
min-height:380px;
}

.steps-row{
grid-template-columns:repeat(2,1fr);
}

.reasons-layout{
grid-template-columns:1fr;
gap:44px;
}

.cta-form-wrap{
grid-template-columns:1fr;
gap:48px;
}

.footer-grid{
grid-template-columns:1fr 1fr;
gap:40px;
}

.footer-brand{
max-width:100%;
}
}

@media (max-width:768px){
.mobile-toggle{
display:flex;
}

.main-nav{
position:fixed;
top:80px;
left:0;
width:100%;
background:var(--white);
border-bottom:1px solid rgba(36,0,70,0.08);
padding:24px;
opacity:0;
visibility:hidden;
transform:translateY(-20px);
transition:all 0.3s ease;
}

.main-nav.active{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.nav-list{
flex-direction:column;
gap:0;
width:100%;
}

.nav-list li{
width:100%;
border-bottom:1px solid var(--gray-light);
}

.nav-list a{
display:block;
padding:16px 0;
font-size:16px;
}

.dropdown-menu{
position:static;
opacity:1;
visibility:visible;
transform:none;
box-shadow:none;
padding:8px 0 8px 20px;
display:none;
}

.dropdown-menu.show{
display:block;
}

.top-block{
padding:68px 0 82px;
}

.intro-txt h1{
font-size:40px;
}

.numbs{
gap:28px;
}

.numb-box strong{
font-size:26px;
}

.method-txt h2,.centered-head h2,.big-title,.reasons-head h2,.cta-txt h2{
font-size:36px;
}

.story-info h2{
font-size:32px;
}

.story-info{
padding:48px 28px;
}

.stats-row{
flex-direction:column;
gap:24px;
}

.steps-row{
grid-template-columns:1fr;
display:none;
}

.problems-grid{
grid-template-columns:1fr;
}

.reasons-list{
grid-template-columns:1fr;
}

.footer-grid{
grid-template-columns:1fr;
gap:32px;
}

.cookie-content{
flex-direction:column;
align-items:flex-start;
}

.cookie-actions{
width:100%;
flex-direction:column;
}

.btn-cookie-accept,.btn-cookie-learn{
width:100%;
text-align:center;
padding:12px 24px;
}
}

@media (max-width:480px){
.container-header,.container-main,.container-footer{
padding:0 16px;
}

.logo-img{
height:36px;
}

.intro-txt h1{
font-size:32px;
}

.lead-p{
font-size:16px;
}

.numbs{
flex-direction:column;
gap:22px;
}

.main-footer{
padding:60px 0 24px;
}

.quick-form{
padding:28px 20px;
}

.thanks-content h1{
font-size:42px;
}

.phone-big{
font-size:24px;
}

.thanks-actions{
flex-direction:column;
align-items:center;
}

.thanks-actions a{
width:100%;
max-width:280px;
text-align:center;
}
}

.abt-hero{
padding:135px 0 95px;
background:linear-gradient(162deg,#fef6f0 0%,#fff 52%,#f8f4ff 100%);
}

.abt-hero-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:68px;
align-items:center;
}

.abt-hero-txt h1{
font-size:64px;
margin-bottom:28px;
color:var(--dark);
letter-spacing:-1.3px;
line-height:1.1;
}

.abt-hero-txt p{
font-size:19px;
line-height:1.7;
color:var(--gray-dark);
margin-bottom:34px;
max-width:520px;
}

.abt-badges{
display:flex;
gap:26px;
flex-wrap:wrap;
}

.badge-item{
display:flex;
align-items:center;
gap:10px;
background:var(--white);
padding:14px 22px;
border-radius:10px;
box-shadow:0 4px 16px rgba(36,0,70,.08);
}

.badge-item i{
font-size:24px;
color:var(--primary);
}

.badge-item span{
font-size:14px;
font-weight:600;
color:var(--text-main);
}

.abt-hero-img img{
width:100%;
border-radius:20px;
box-shadow:0 18px 52px rgba(36,0,70,.16);
}

.abt-story{
padding:105px 0;
background:var(--white);
}

.story-wrapper{
max-width:880px;
margin:0 auto;
position:relative;
padding-left:48px;
}

.story-year{
position:absolute;
left:0;
top:8px;
font-size:72px;
font-weight:900;
color:var(--primary);
opacity:.15;
font-family:'Space Grotesk',sans-serif;
line-height:1;
}

.story-content h2{
font-size:46px;
margin-bottom:24px;
color:var(--dark);
letter-spacing:-.8px;
}

.story-content p{
font-size:17px;
line-height:1.75;
color:var(--gray-dark);
margin-bottom:20px;
}

.abt-values{
padding:105px 0;
background:var(--gray-light);
}

.values-title{
font-size:48px;
text-align:center;
margin-bottom:58px;
color:var(--dark);
letter-spacing:-.8px;
}

.values-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
}

.value-card{
padding:42px 38px;
border-radius:18px;
transition:var(--transition);
position:relative;
overflow:hidden;
}

.value-card::before{
content:'';
position:absolute;
top:-50px;
right:-50px;
width:150px;
height:150px;
border-radius:50%;
background:rgba(255,255,255,.1);
}

.val-num{
font-size:16px;
font-weight:700;
color:rgba(255,255,255,.6);
margin-bottom:16px;
font-family:'Space Grotesk',sans-serif;
}

.value-card h3{
font-size:26px;
margin-bottom:14px;
color:var(--white);
}

.value-card p{
font-size:15px;
line-height:1.65;
color:rgba(255,255,255,.85);
}

.val-a{
background:linear-gradient(138deg,var(--dark-medium) 0%,var(--dark) 100%);
}

.val-b{
background:linear-gradient(138deg,var(--primary) 0%,var(--primary-light) 100%);
}

.val-c{
background:linear-gradient(138deg,var(--dark-light) 0%,var(--dark-medium) 100%);
}

.val-d{
background:var(--dark);
}

.value-card:hover{
transform:translateY(-6px) scale(1.02);
box-shadow:0 16px 42px rgba(36,0,70,.22);
}

.abt-approach{
padding:105px 0;
background:var(--white);
}

.approach-layout{
display:grid;
grid-template-columns:1fr 1fr;
gap:72px;
align-items:start;
}

.approach-left h2{
font-size:48px;
margin-bottom:24px;
color:var(--dark);
letter-spacing:-.8px;
}

.approach-left p{
font-size:17px;
line-height:1.7;
color:var(--gray-dark);
margin-bottom:18px;
}

.approach-list{
margin-top:38px;
display:flex;
flex-direction:column;
gap:22px;
}

.ap-item{
display:flex;
align-items:start;
gap:16px;
}

.ap-item i{
font-size:28px;
color:var(--primary);
flex-shrink:0;
margin-top:2px;
}

.ap-item strong{
display:block;
font-size:17px;
font-weight:700;
color:var(--dark);
margin-bottom:4px;
}

.ap-item span{
display:block;
font-size:14px;
color:var(--gray-dark);
}

.approach-right{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}

.stat-block{
background:linear-gradient(135deg,var(--primary) 0%,var(--primary-lighter) 100%);
padding:32px 28px;
border-radius:16px;
color:var(--white);
transition:var(--transition);
}

.stat-block:hover{
transform:translateY(-4px);
box-shadow:0 10px 32px rgba(255,109,0,.28);
}

.stat-block strong{
display:block;
font-size:52px;
font-weight:900;
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:10px;
}

.stat-block span{
display:block;
font-size:14px;
opacity:.88;
}

.sb-2{
background:linear-gradient(135deg,var(--dark-light) 0%,var(--dark-medium) 100%);
}

.sb-3{
background:var(--dark);
}

.sb-4{
background:linear-gradient(135deg,var(--dark-medium) 0%,var(--dark) 100%);
}

.abt-timeline{
padding:105px 0;
background:linear-gradient(178deg,var(--gray-light) 0%,var(--white) 100%);
}

.timeline-title{
font-size:48px;
text-align:center;
margin-bottom:68px;
color:var(--dark);
letter-spacing:-.8px;
}

.timeline-wrap{
max-width:920px;
margin:0 auto;
position:relative;
}

.timeline-wrap::before{
content:'';
position:absolute;
left:80px;
top:20px;
bottom:20px;
width:3px;
background:linear-gradient(180deg,var(--primary) 0%,var(--primary-lighter) 100%);
}

.tl-item{
display:grid;
grid-template-columns:140px 1fr;
gap:32px;
margin-bottom:48px;
position:relative;
}

.tl-year{
font-size:34px;
font-weight:900;
color:var(--primary);
font-family:'Space Grotesk',sans-serif;
text-align:right;
padding-right:20px;
}

.tl-item::after{
content:'';
position:absolute;
left:72px;
top:12px;
width:18px;
height:18px;
background:var(--primary);
border-radius:50%;
border:4px solid var(--white);
box-shadow:0 0 0 2px var(--primary);
}

.tl-content{
background:var(--white);
padding:28px 32px;
border-radius:14px;
box-shadow:0 4px 18px rgba(36,0,70,.08);
transition:var(--transition);
}

.tl-content:hover{
transform:translateX(6px);
box-shadow:0 8px 28px rgba(36,0,70,.14);
}

.tl-content h3{
font-size:22px;
margin-bottom:8px;
color:var(--dark);
}

.tl-content p{
font-size:15px;
line-height:1.6;
color:var(--gray-dark);
}

.abt-why{
padding:105px 0;
background:var(--white);
}

.why-wrap h2{
font-size:48px;
text-align:center;
margin-bottom:58px;
color:var(--dark);
letter-spacing:-.8px;
}

.why-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:28px;
}

.why-box{
background:var(--gray-light);
padding:38px 34px;
border-radius:16px;
transition:var(--transition);
}

.why-box:hover{
background:var(--white);
box-shadow:0 8px 28px rgba(36,0,70,.12);
transform:translateY(-5px);
}

.why-box i{
font-size:36px;
color:var(--primary);
margin-bottom:18px;
display:block;
}

.why-box h4{
font-size:21px;
margin-bottom:12px;
color:var(--dark);
}

.why-box p{
font-size:15px;
line-height:1.65;
color:var(--gray-dark);
}

.proc-hero{
padding:135px 0 85px;
background:linear-gradient(165deg,#f8f4ff 0%,#fff 58%,#fef6f0 100%);
}

.proc-hero-inner{
max-width:780px;
margin:0 auto;
text-align:center;
}

.proc-label{
display:inline-block;
background:var(--primary);
color:var(--white);
padding:8px 20px;
border-radius:20px;
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
margin-bottom:24px;
}

.proc-hero-inner h1{
font-size:62px;
margin-bottom:24px;
color:var(--dark);
letter-spacing:-1.2px;
}

.proc-lead{
font-size:19px;
line-height:1.65;
color:var(--gray-dark);
}

.proc-overview{
padding:68px 0;
background:var(--white);
}

.overview-box{
display:flex;
justify-content:center;
gap:58px;
padding:42px 48px;
background:linear-gradient(135deg,var(--dark) 0%,var(--dark-medium) 100%);
border-radius:20px;
flex-wrap:wrap;
}

.ov-item{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}

.ov-item strong{
font-size:38px;
font-weight:900;
color:var(--primary-lighter);
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:8px;
}

.ov-item span{
font-size:14px;
color:rgba(255,255,255,.78);
}

.proc-phases{
padding:95px 0;
background:var(--gray-light);
}

.phase-list{
display:flex;
flex-direction:column;
gap:32px;
}

.phase-item{
background:var(--white);
border-radius:20px;
overflow:hidden;
box-shadow:0 4px 18px rgba(36,0,70,.08);
transition:var(--transition);
}

.phase-item:hover{
box-shadow:0 12px 38px rgba(36,0,70,.16);
transform:translateY(-4px);
}

.phase-header{
background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);
padding:32px 40px;
color:var(--white);
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:16px;
}

.ph-strat .phase-header{
background:linear-gradient(135deg,var(--dark-light) 0%,var(--dark-medium) 100%);
}

.ph-wire .phase-header{
background:linear-gradient(135deg,var(--dark-medium) 0%,var(--dark) 100%);
}

.ph-visual .phase-header{
background:var(--dark);
}

.ph-hand .phase-header{
background:linear-gradient(135deg,var(--primary-lighter) 0%,var(--primary) 100%);
}

.phase-meta{
display:flex;
gap:18px;
}

.phase-num{
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.8px;
opacity:.88;
}

.phase-dur{
font-size:13px;
font-weight:600;
background:rgba(255,255,255,.22);
padding:4px 12px;
border-radius:6px;
}

.phase-header h2{
font-size:32px;
color:var(--white);
flex:1;
min-width:200px;
}

.phase-body{
padding:42px 40px;
display:grid;
grid-template-columns:1.2fr .8fr;
gap:48px;
}

.phase-desc p{
font-size:16px;
line-height:1.7;
color:var(--gray-dark);
margin-bottom:16px;
}

.phase-points h4{
font-size:16px;
font-weight:700;
color:var(--dark);
margin-bottom:18px;
}

.phase-points ul{
list-style:none;
margin-bottom:24px;
}

.phase-points li{
padding:10px 0 10px 28px;
font-size:15px;
line-height:1.6;
color:var(--text-main);
position:relative;
}

.phase-points li::before{
content:'';
position:absolute;
left:0;
top:16px;
width:10px;
height:10px;
background:var(--primary);
border-radius:50%;
}

.phase-deliver{
display:flex;
align-items:center;
gap:10px;
background:var(--gray-light);
padding:14px 18px;
border-radius:10px;
}

.phase-deliver i{
font-size:20px;
color:var(--primary);
}

.phase-deliver span{
font-size:13px;
font-weight:600;
color:var(--dark);
}

.proc-collab{
padding:95px 0;
background:var(--white);
}

.collab-wrap{
max-width:1080px;
margin:0 auto;
}

.collab-txt{
text-align:center;
margin-bottom:52px;
}

.collab-txt h2{
font-size:48px;
margin-bottom:16px;
color:var(--dark);
letter-spacing:-.8px;
}

.collab-txt p{
font-size:18px;
color:var(--gray-dark);
}

.collab-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:26px;
}

.collab-card{
background:var(--gray-light);
padding:34px 30px;
border-radius:16px;
transition:var(--transition);
}

.collab-card:hover{
background:var(--white);
box-shadow:0 8px 26px rgba(36,0,70,.11);
transform:translateY(-4px);
}

.collab-card i{
font-size:32px;
color:var(--primary);
margin-bottom:16px;
display:block;
}

.collab-card h4{
font-size:20px;
margin-bottom:10px;
color:var(--dark);
}

.collab-card p{
font-size:14px;
line-height:1.65;
color:var(--gray-dark);
}

.proc-faq{
padding:95px 0 110px;
background:linear-gradient(178deg,var(--gray-light) 0%,var(--white) 100%);
}

.faq-title{
font-size:48px;
text-align:center;
margin-bottom:54px;
color:var(--dark);
letter-spacing:-.8px;
}

.faq-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
}

.faq-card{
background:var(--white);
padding:32px 28px;
border-radius:14px;
box-shadow:0 2px 12px rgba(36,0,70,.06);
transition:var(--transition);
}

.faq-card:hover{
box-shadow:0 8px 28px rgba(36,0,70,.12);
transform:translateY(-3px);
}

.faq-card h4{
font-size:19px;
margin-bottom:10px;
color:var(--dark);
}

.faq-card p{
font-size:15px;
line-height:1.65;
color:var(--gray-dark);
}

.port-hero{
padding:135px 0 78px;
background:linear-gradient(168deg,#fef6f0 0%,#fff 55%,#f8f4ff 100%);
}

.port-hero-cnt{
max-width:720px;
margin:0 auto 48px;
text-align:center;
}

.port-hero-cnt h1{
font-size:62px;
margin-bottom:22px;
color:var(--dark);
letter-spacing:-1.2px;
}

.port-hero-cnt p{
font-size:19px;
line-height:1.65;
color:var(--gray-dark);
}

.port-filter{
display:flex;
justify-content:center;
gap:12px;
flex-wrap:wrap;
}

.filter-btn{
background:var(--white);
color:var(--text-main);
padding:12px 26px;
border-radius:10px;
font-size:14px;
font-weight:600;
border:2px solid transparent;
cursor:pointer;
transition:var(--transition);
}

.filter-btn:hover{
border-color:var(--primary);
color:var(--primary);
}

.filter-btn.active{
background:var(--primary);
color:var(--white);
border-color:var(--primary);
}

.port-showcase{
padding:85px 0;
background:var(--white);
}

.showcase-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:32px;
}

.project-tile{
background:var(--gray-light);
border-radius:18px;
overflow:hidden;
transition:var(--transition);
display:flex;
flex-direction:column;
}

.project-tile:hover{
transform:translateY(-6px);
box-shadow:0 14px 42px rgba(36,0,70,.16);
}

.project-tile:nth-child(1){
grid-column:span 2;
}

.project-tile:nth-child(1) .tile-content{
display:grid;
grid-template-columns:1fr 1fr;
gap:48px;
align-items:center;
}

.project-tile:nth-child(2){
grid-column:span 2;
}

.project-tile:nth-child(2) .tile-content{
display:grid;
grid-template-columns:1fr 1fr;
gap:48px;
align-items:center;
}

.tile-img{
overflow:hidden;
}

.tile-img img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .4s ease;
}

.project-tile:hover .tile-img img{
transform:scale(1.05);
}

.tile-content{
padding:38px 36px;
}

.tile-meta{
display:flex;
gap:14px;
margin-bottom:18px;
}

.tile-cat{
display:inline-block;
background:var(--primary);
color:var(--white);
padding:6px 14px;
border-radius:6px;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.4px;
}

.tile-year{
display:inline-block;
background:var(--dark);
color:var(--white);
padding:6px 14px;
border-radius:6px;
font-size:12px;
font-weight:700;
}

.tile-content h3{
font-size:28px;
margin-bottom:14px;
color:var(--dark);
}

.tile-content p{
font-size:16px;
line-height:1.65;
color:var(--gray-dark);
margin-bottom:26px;
}

.tile-metrics{
display:flex;
gap:24px;
flex-wrap:wrap;
}

.metric-box{
display:flex;
flex-direction:column;
}

.metric-box strong{
font-size:32px;
font-weight:900;
color:var(--primary);
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:6px;
}

.metric-box span{
font-size:13px;
color:var(--gray-dark);
}

.port-approach{
padding:95px 0;
background:var(--gray-light);
}

.approach-split{
display:grid;
grid-template-columns:.75fr 1.25fr;
gap:68px;
align-items:start;
}

.approach-label{
display:inline-block;
background:var(--primary);
color:var(--white);
padding:7px 18px;
border-radius:18px;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
margin-bottom:20px;
}

.approach-left-col h2{
font-size:48px;
margin-bottom:20px;
color:var(--dark);
letter-spacing:-.8px;
}

.approach-left-col p{
font-size:17px;
line-height:1.7;
color:var(--gray-dark);
}

.approach-steps{
display:flex;
flex-direction:column;
gap:28px;
}

.ap-step{
display:flex;
gap:20px;
background:var(--white);
padding:32px 30px;
border-radius:16px;
transition:var(--transition);
}

.ap-step:hover{
box-shadow:0 8px 26px rgba(36,0,70,.12);
transform:translateX(6px);
}

.ap-icon{
width:56px;
height:56px;
background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.ap-icon i{
font-size:26px;
color:var(--white);
}

.ap-txt h4{
font-size:20px;
margin-bottom:8px;
color:var(--dark);
}

.ap-txt p{
font-size:14px;
line-height:1.65;
color:var(--gray-dark);
}

.port-testimony{
padding:95px 0 110px;
background:var(--white);
}

.test-title{
font-size:48px;
text-align:center;
margin-bottom:54px;
color:var(--dark);
letter-spacing:-.8px;
}

.test-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:26px;
}

.test-card{
background:var(--gray-light);
padding:34px 30px;
border-radius:16px;
transition:var(--transition);
}

.test-card:hover{
background:var(--white);
box-shadow:0 8px 26px rgba(36,0,70,.11);
transform:translateY(-4px);
}

.test-stars{
display:flex;
gap:4px;
margin-bottom:18px;
}

.test-stars i{
color:var(--primary);
font-size:16px;
}

.test-quote{
font-size:15px;
line-height:1.7;
color:var(--text-main);
margin-bottom:22px;
font-style:italic;
}

.test-author strong{
display:block;
font-size:16px;
font-weight:700;
color:var(--dark);
margin-bottom:4px;
}

.test-author span{
font-size:13px;
color:var(--gray-dark);
}

.team-hero{
padding:135px 0 85px;
background:linear-gradient(162deg,#f8f4ff 0%,#fff 54%,#fef6f0 100%);
}

.team-hero-wrap{
max-width:680px;
margin:0 auto;
text-align:center;
}

.team-label{
display:inline-block;
background:var(--dark);
color:var(--white);
padding:8px 20px;
border-radius:20px;
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
margin-bottom:24px;
}

.team-hero-wrap h1{
font-size:62px;
margin-bottom:24px;
color:var(--dark);
letter-spacing:-1.2px;
}

.team-lead{
font-size:19px;
line-height:1.65;
color:var(--gray-dark);
}

.team-members{
padding:95px 0;
background:var(--white);
}

.members-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

.member-card{
background:var(--gray-light);
border-radius:16px;
overflow:hidden;
transition:var(--transition);
}

.member-card:hover{
box-shadow:0 12px 36px rgba(36,0,70,.14);
transform:translateY(-6px);
}

.member-card:nth-child(1),.member-card:nth-child(2),.member-card:nth-child(3){
grid-column:span 1;
}

.member-card:nth-child(4),.member-card:nth-child(5),.member-card:nth-child(6){
grid-column:span 1;
}

.member-photo{
height:280px;
overflow:hidden;
background:linear-gradient(135deg,var(--primary-lighter) 0%,var(--primary) 100%);
}

.member-photo img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .4s ease;
}

.member-card:hover .member-photo img{
transform:scale(1.08);
}

.member-info{
padding:32px 28px;
}

.member-info h3{
font-size:24px;
margin-bottom:6px;
color:var(--dark);
}

.member-role{
display:block;
font-size:13px;
font-weight:600;
color:var(--primary);
text-transform:uppercase;
letter-spacing:.6px;
margin-bottom:16px;
}

.member-info p{
font-size:15px;
line-height:1.65;
color:var(--gray-dark);
margin-bottom:20px;
}

.member-expertise{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.member-expertise span{
background:var(--white);
color:var(--text-main);
padding:6px 12px;
border-radius:6px;
font-size:12px;
font-weight:600;
}

.team-culture{
padding:95px 0 110px;
background:linear-gradient(178deg,var(--gray-light) 0%,var(--white) 100%);
}

.culture-layout{
display:grid;
grid-template-columns:1fr 1.3fr;
gap:68px;
align-items:start;
}

.culture-txt h2{
font-size:48px;
margin-bottom:22px;
color:var(--dark);
letter-spacing:-.8px;
}

.culture-txt p{
font-size:17px;
line-height:1.7;
color:var(--gray-dark);
margin-bottom:18px;
}

.culture-values{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
}

.cv-item{
background:var(--white);
padding:32px 28px;
border-radius:14px;
box-shadow:0 2px 12px rgba(36,0,70,.06);
transition:var(--transition);
}

.cv-item:hover{
box-shadow:0 8px 28px rgba(36,0,70,.12);
transform:translateY(-3px);
}

.cv-item i{
font-size:32px;
color:var(--primary);
margin-bottom:16px;
display:block;
}

.cv-item h4{
font-size:20px;
margin-bottom:10px;
color:var(--dark);
}

.cv-item p{
font-size:14px;
line-height:1.65;
color:var(--gray-dark);
}

@media (max-width:1024px){
.abt-hero-grid,.approach-layout,.approach-split,.culture-layout{
grid-template-columns:1fr;
gap:48px;
}

.values-grid,.why-grid,.collab-grid,.faq-grid,.culture-values{
grid-template-columns:1fr;
}

.phase-body{
grid-template-columns:1fr;
gap:32px;
}

.showcase-grid{
grid-template-columns:1fr;
}

.project-tile:nth-child(1) .tile-content,.project-tile:nth-child(2) .tile-content{
grid-template-columns:1fr;
}

.test-grid{
grid-template-columns:1fr;
}

.members-grid{
grid-template-columns:repeat(2,1fr);
}

.approach-right{
grid-template-columns:repeat(2,1fr);
}
}

@media (max-width:768px){
.abt-hero-txt h1,.story-content h2,.values-title,.approach-left h2,.timeline-title,.why-wrap h2,.proc-hero-inner h1,.collab-txt h2,.faq-title,.port-hero-cnt h1,.test-title,.approach-left-col h2,.team-hero-wrap h1,.culture-txt h2{
font-size:36px;
}

.story-wrapper{
padding-left:0;
}

.story-year{
position:static;
margin-bottom:20px;
}

.timeline-wrap::before{
left:20px;
}

.tl-item{
grid-template-columns:1fr;
gap:16px;
padding-left:48px;
}

.tl-year{
text-align:left;
padding-right:0;
font-size:28px;
}

.tl-item::after{
left:12px;
}

.overview-box{
flex-direction:column;
gap:32px;
padding:32px 28px;
}

.phase-header{
flex-direction:column;
align-items:flex-start;
}

.members-grid{
grid-template-columns:1fr;
}

.port-filter{
flex-direction:column;
align-items:stretch;
}

.filter-btn{
width:100%;
}
}

@media (max-width:480px){
.abt-badges{
flex-direction:column;
}

.approach-right{
grid-template-columns:1fr;
}

.tile-metrics{
flex-direction:column;
gap:16px;
}
}

color:var(--white);
}

.compare-title{
font-size:48px;
text-align:center;
margin-bottom:58px;
color:var(--white);
letter-spacing:-.8px;
}

.compare-layout{
display:grid;
grid-template-columns:1fr auto 1fr;
gap:48px;
align-items:center;
margin-bottom:52px;
}

.compare-side{
position:relative;
}

.compare-label{
display:inline-block;
padding:8px 18px;
border-radius:8px;
font-size:13px;
font-weight:700;
text-transform:uppercase;
margin-bottom:18px;
letter-spacing:.6px;
}

.label-before{
background:rgba(255,255,255,0.12);
color:rgba(255,255,255,0.7);
}

.label-after{
background:var(--primary);
color:var(--white);
}

.compare-img{
width:100%;
border-radius:16px;
box-shadow:0 16px 48px rgba(0,0,0,.3);
margin-bottom:24px;
}

.compare-issues,.compare-results{
list-style:none;
display:flex;
flex-direction:column;
gap:12px;
}

.compare-issues li,.compare-results li{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
color:rgba(255,255,255,0.85);
}

.compare-issues i{
color:#ff4444;
font-size:18px;
flex-shrink:0;
}

.compare-results i{
color:#00ff88;
font-size:18px;
flex-shrink:0;
}

.compare-arrow{
display:flex;
align-items:center;
justify-content:center;
}

.compare-arrow i{
font-size:48px;
color:var(--primary);
}

.compare-metrics{
display:flex;
justify-content:center;
gap:64px;
padding-top:42px;
border-top:1px solid rgba(255,255,255,0.1);
}

.metric-box{
text-align:center;
}

.metric-box strong{
display:block;
font-size:42px;
font-weight:900;
color:var(--primary-lighter);
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:8px;
}

.metric-box span{
font-size:13px;
color:rgba(255,255,255,0.7);
}

.ui-pricing{
padding:110px 0;
background:linear-gradient(162deg,#fef6f0 0%,#fff 52%,#f8f4ff 100%);
}

.pricing-intro{
text-align:center;
margin-bottom:58px;
}

.pricing-intro h2{
font-size:48px;
margin-bottom:14px;
color:var(--dark);
letter-spacing:-.8px;
}

.pricing-intro p{
font-size:18px;
color:var(--gray-dark);
}

.pricing-packages{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

.package-card{
background:var(--white);
padding:38px 32px;
border-radius:18px;
position:relative;
transition:var(--transition);
box-shadow:0 4px 16px rgba(36,0,70,.06);
}

.package-card:hover{
transform:translateY(-8px);
box-shadow:0 16px 48px rgba(36,0,70,.14);
}

.package-featured{
border:3px solid var(--primary);
transform:scale(1.05);
}

.package-featured:hover{
transform:scale(1.05) translateY(-8px);
}

.featured-badge{
position:absolute;
top:-14px;
left:50%;
transform:translateX(-50%);
background:var(--primary);
color:var(--white);
padding:6px 20px;
border-radius:20px;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
}

.package-header{
margin-bottom:28px;
padding-bottom:24px;
border-bottom:2px solid var(--gray-light);
}

.package-label{
display:block;
font-size:14px;
font-weight:600;
color:var(--gray-dark);
text-transform:uppercase;
letter-spacing:.8px;
margin-bottom:12px;
}

.package-price strong{
display:block;
font-size:44px;
font-weight:900;
color:var(--dark);
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:4px;
}

.package-price span{
font-size:13px;
color:var(--gray-dark);
}

.package-features{
list-style:none;
margin-bottom:32px;
}

.package-features li{
display:flex;
align-items:center;
gap:12px;
padding:10px 0;
font-size:14px;
color:var(--text-main);
}

.package-features i{
color:var(--primary);
font-size:18px;
flex-shrink:0;
}

.package-btn{
display:block;
text-align:center;
padding:14px 28px;
border-radius:10px;
font-size:15px;
font-weight:700;
transition:var(--transition);
}

.btn-outline{
background:transparent;
color:var(--dark);
border:2px solid var(--dark);
}

.btn-outline:hover{
background:var(--dark);
color:var(--white);
}

.btn-solid{
background:var(--primary);
color:var(--white);
border:2px solid var(--primary);
}

.btn-solid:hover{
background:var(--primary-light);
border-color:var(--primary-light);
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(255,109,0,.3);
}

.wire-hero{
padding:140px 0 90px;
background:linear-gradient(168deg,#f8f4ff 0%,#fff 55%,#fef6f0 100%);
}

.wire-hero-content{
max-width:720px;
margin:0 auto;
text-align:center;
}

.wire-hero-content h1{
font-size:64px;
line-height:1.12;
margin-bottom:24px;
color:var(--dark);
letter-spacing:-1.2px;
}

.wire-lead{
font-size:19px;
line-height:1.68;
color:var(--gray-dark);
margin-bottom:48px;
}

.wire-benefits{
display:flex;
justify-content:center;
gap:42px;
flex-wrap:wrap;
}

.benefit-item{
display:flex;
align-items:center;
gap:10px;
font-size:15px;
font-weight:600;
color:var(--text-main);
}

.benefit-item i{
font-size:24px;
color:var(--primary);
}

.wire-types{
padding:110px 0;
background:var(--white);
}

.section-heading{
font-size:48px;
text-align:center;
margin-bottom:58px;
color:var(--dark);
letter-spacing:-.8px;
}

.wire-types-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

.type-card{
background:var(--gray-light);
padding:36px 30px;
border-radius:16px;
transition:var(--transition);
display:flex;
flex-direction:column;
}

.type-card:hover{
background:var(--white);
box-shadow:0 12px 36px rgba(36,0,70,.12);
transform:translateY(-6px);
}

.type-highlight{
background:linear-gradient(135deg,var(--dark-light) 0%,var(--dark-medium) 100%);
color:var(--white);
}

.type-highlight h3,.type-highlight p,.type-highlight li{
color:var(--white);
}

.type-highlight .type-icon{
background:rgba(255,255,255,0.15);
}

.type-highlight .type-icon i{
color:var(--white);
}

.type-highlight .type-timeline{
background:rgba(255,255,255,0.12);
}

.type-icon{
width:68px;
height:68px;
background:var(--white);
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:22px;
}

.type-icon i{
font-size:32px;
color:var(--primary);
}

.type-card h3{
font-size:22px;
margin-bottom:12px;
color:var(--dark);
}

.type-card p{
font-size:14px;
line-height:1.65;
color:var(--gray-dark);
margin-bottom:20px;
}

.type-features{
list-style:none;
margin-bottom:20px;
flex-grow:1;
}

.type-features li{
padding:8px 0 8px 20px;
font-size:13px;
color:var(--text-main);
position:relative;
}

.type-features li::before{
content:'→';
position:absolute;
left:0;
color:var(--primary);
font-weight:bold;
}

.type-timeline{
display:flex;
align-items:center;
gap:8px;
padding:10px 16px;
background:var(--gray-medium);
border-radius:8px;
font-size:13px;
font-weight:600;
color:var(--text-main);
}

.type-timeline i{
color:var(--primary);
font-size:16px;
}

.wire-process{
padding:110px 0;
background:linear-gradient(178deg,var(--gray-light) 0%,var(--white) 100%);
}

.process-split{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:64px;
}

.process-content h2{
font-size:48px;
margin-bottom:18px;
color:var(--dark);
letter-spacing:-.8px;
}

.process-intro{
font-size:17px;
line-height:1.7;
color:var(--gray-dark);
margin-bottom:38px;
}

.process-steps{
display:flex;
flex-direction:column;
gap:24px;
}

.process-step{
display:flex;
gap:20px;
}

.step-marker{
width:48px;
height:48px;
background:linear-gradient(133deg,var(--primary) 0%,var(--primary-light) 100%);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.step-marker span{
font-size:20px;
font-weight:900;
color:var(--white);
font-family:'Space Grotesk',sans-serif;
}

.step-content h4{
font-size:19px;
margin-bottom:8px;
color:var(--dark);
}

.step-content p{
font-size:14px;
line-height:1.65;
color:var(--gray-dark);
}

.process-visual{
display:flex;
flex-direction:column;
gap:20px;
}

.visual-card{
padding:28px;
border-radius:15px;
color:var(--white);
transition:var(--transition);
}

.visual-card:hover{
transform:translateX(-6px);
box-shadow:0 10px 32px rgba(36,0,70,.2);
}

.card-purple{
background:linear-gradient(133deg,var(--dark-medium) 0%,var(--dark-light) 100%);
}

.card-orange{
background:linear-gradient(133deg,var(--primary) 0%,var(--primary-light) 100%);
}

.card-dark{
background:var(--dark);
}

.visual-card i{
font-size:36px;
margin-bottom:14px;
display:block;
opacity:.9;
}

.visual-card strong{
display:block;
font-size:18px;
margin-bottom:8px;
}

.visual-card p{
font-size:14px;
opacity:.88;
line-height:1.6;
}

.wire-tools{
padding:110px 0;
background:var(--white);
}

.tools-header{
text-align:center;
margin-bottom:58px;
}

.tools-header h2{
font-size:48px;
margin-bottom:14px;
color:var(--dark);
letter-spacing:-.8px;
}

.tools-header p{
font-size:18px;
color:var(--gray-dark);
}

.tools-showcase{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
margin-bottom:48px;
}

.tool-item{
background:var(--gray-light);
padding:32px 28px;
border-radius:16px;
text-align:center;
transition:var(--transition);
}

.tool-item:hover{
background:var(--white);
box-shadow:0 8px 28px rgba(36,0,70,.1);
transform:translateY(-4px);
}

.tool-logo{
width:72px;
height:72px;
background:linear-gradient(133deg,var(--primary) 0%,var(--primary-light) 100%);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 18px;
}

.tool-logo i{
font-size:34px;
color:var(--white);
}

.tool-item h4{
font-size:19px;
margin-bottom:8px;
color:var(--dark);
}

.tool-item p{
font-size:13px;
color:var(--gray-dark);
line-height:1.6;
}

.tools-note{
background:var(--gray-light);
padding:22px 32px;
border-radius:12px;
display:flex;
align-items:center;
gap:14px;
max-width:720px;
margin:0 auto;
}

.tools-note i{
font-size:24px;
color:var(--primary);
flex-shrink:0;
}

.tools-note p{
font-size:14px;
color:var(--text-main);
margin:0;
}

.usability-hero{
padding:140px 0 90px;
background:linear-gradient(155deg,#fef6f0 0%,#fff 48%,#f8f4ff 100%);
}

.usability-hero-inner{
max-width:800px;
margin:0 auto;
text-align:center;
}

.usability-hero-inner h1{
font-size:64px;
line-height:1.12;
margin-bottom:24px;
color:var(--dark);
letter-spacing:-1.2px;
}

.usability-lead{
font-size:19px;
line-height:1.68;
color:var(--gray-dark);
margin-bottom:52px;
}

.hero-metrics-row{
display:flex;
justify-content:center;
gap:52px;
flex-wrap:wrap;
}

.hero-metric{
display:flex;
align-items:center;
gap:14px;
}

.hero-metric i{
font-size:38px;
color:var(--primary);
}

.hero-metric strong{
display:block;
font-size:32px;
font-weight:900;
color:var(--dark);
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:4px;
}

.hero-metric span{
font-size:13px;
color:var(--gray-dark);
}

.usability-methods{
padding:110px 0;
background:var(--white);
}

.methods-title{
font-size:48px;
text-align:center;
margin-bottom:58px;
color:var(--dark);
letter-spacing:-.8px;
}

.methods-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:28px;
}

.method-card{
background:var(--gray-light);
padding:36px 32px;
border-radius:16px;
position:relative;
transition:var(--transition);
}

.method-card:hover{
background:var(--white);
box-shadow:0 12px 36px rgba(36,0,70,.12);
transform:translateY(-5px);
}

.method-number{
position:absolute;
top:28px;
right:28px;
font-size:64px;
font-weight:900;
color:var(--primary);
opacity:.12;
font-family:'Space Grotesk',sans-serif;
line-height:1;
}

.method-icon-wrap{
width:68px;
height:68px;
background:linear-gradient(133deg,var(--primary) 0%,var(--primary-light) 100%);
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:22px;
}

.method-icon-wrap i{
font-size:32px;
color:var(--white);
}

.method-card h3{
font-size:22px;
margin-bottom:12px;
color:var(--dark);
}

.method-card p{
font-size:14px;
line-height:1.65;
color:var(--gray-dark);
margin-bottom:20px;
}

.method-details{
display:flex;
gap:24px;
flex-wrap:wrap;
}

.detail-item{
display:flex;
align-items:center;
gap:6px;
font-size:13px;
font-weight:600;
color:var(--text-main);
}

.detail-item i{
color:var(--primary);
font-size:16px;
}

.usability-deliverables{
padding:110px 0;
background:linear-gradient(178deg,var(--gray-light) 0%,var(--white) 100%);
}

.deliverables-layout{
display:grid;
grid-template-columns:1fr 1fr;
gap:64px;
}

.deliverables-left h2{
font-size:48px;
margin-bottom:18px;
color:var(--dark);
letter-spacing:-.8px;
}

.deliverables-left p{
font-size:17px;
line-height:1.7;
color:var(--gray-dark);
margin-bottom:38px;
}

.deliverable-list{
list-style:none;
display:flex;
flex-direction:column;
gap:18px;
}

.deliverable-list li{
display:flex;
gap:14px;
}

.deliverable-list i{
font-size:26px;
color:var(--primary);
flex-shrink:0;
margin-top:2px;
}

.deliverable-list strong{
display:block;
font-size:16px;
color:var(--dark);
margin-bottom:4px;
}

.deliverable-list span{
font-size:13px;
color:var(--gray-dark);
line-height:1.6;
}

.report-preview{
background:var(--white);
border-radius:18px;
padding:32px;
box-shadow:0 8px 28px rgba(36,0,70,.1);
}

.preview-header{
margin-bottom:24px;
padding-bottom:18px;
border-bottom:2px solid var(--gray-light);
}

.preview-label{
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.8px;
color:var(--gray-dark);
}

.finding-item{
padding:20px;
border-radius:12px;
margin-bottom:18px;
border-left:4px solid;
}

.finding-item:last-child{
margin-bottom:0;
}

.severity-high{
background:rgba(255,68,68,0.08);
border-color:#ff4444;
}

.severity-medium{
background:rgba(255,158,0,0.08);
border-color:var(--primary-lighter);
}

.severity-low{
background:rgba(157,78,221,0.08);
border-color:var(--dark-light);
}

.finding-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:12px;
flex-wrap:wrap;
gap:8px;
}

.severity-badge{
padding:4px 12px;
border-radius:6px;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
background:#ff4444;
color:var(--white);
}

.sev-medium{
background:var(--primary-lighter);
}

.sev-low{
background:var(--dark-light);
}

.finding-stat{
font-size:12px;
font-weight:700;
color:var(--gray-dark);
}

.finding-item h4{
font-size:16px;
margin-bottom:8px;
color:var(--dark);
}

.finding-item p{
font-size:13px;
line-height:1.6;
color:var(--gray-dark);
margin-bottom:12px;
}

.finding-solution{
font-size:12px;
padding:10px 14px;
background:rgba(255,109,0,0.08);
border-radius:8px;
}

.finding-solution strong{
color:var(--primary);
font-weight:700;
}

.usability-process{
padding:110px 0;
background:var(--white);
}

.process-heading{
font-size:48px;
text-align:center;
margin-bottom:58px;
color:var(--dark);
letter-spacing:-.8px;
}

.process-timeline{
max-width:820px;
margin:0 auto 48px;
position:relative;
}

.process-timeline::before{
content:'';
position:absolute;
left:23px;
top:48px;
bottom:48px;
width:2px;
background:linear-gradient(180deg,var(--primary) 0%,var(--primary-light) 50%,var(--primary-lighter) 100%);
}

.timeline-item{
display:flex;
gap:24px;
margin-bottom:42px;
position:relative;
}

.timeline-item:last-child{
margin-bottom:0;
}

.timeline-marker{
width:48px;
height:48px;
background:var(--white);
border:3px solid var(--primary);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
position:relative;
z-index:2;
}

.timeline-marker i{
font-size:22px;
color:var(--primary);
}

.timeline-content{
flex:1;
padding-bottom:12px;
}

.timeline-phase{
display:inline-block;
padding:4px 12px;
background:var(--primary);
color:var(--white);
border-radius:6px;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.6px;
margin-bottom:10px;
}

.timeline-content h3{
font-size:22px;
margin-bottom:10px;
color:var(--dark);
}

.timeline-content p{
font-size:14px;
line-height:1.65;
color:var(--gray-dark);
margin-bottom:10px;
}

.timeline-duration{
display:inline-block;
padding:6px 14px;
background:var(--gray-light);
border-radius:8px;
font-size:12px;
font-weight:600;
color:var(--text-main);
}

.process-cta{
text-align:center;
padding-top:42px;
border-top:2px solid var(--gray-light);
max-width:720px;
margin:0 auto;
}

.process-cta p{
font-size:15px;
color:var(--gray-dark);
margin-bottom:24px;
}

@media (max-width:1024px){
.ui-hero-layout,.ui-approach-grid,.compare-layout,.pricing-packages,.wire-types-grid,.process-split,.deliverables-layout,.methods-grid{
grid-template-columns:1fr;
}

.ui-hero-content h1,.wire-hero-content h1,.usability-hero-inner h1{
font-size:48px;
}

.compare-arrow{
transform:rotate(90deg);
}

.wire-benefits,.hero-metrics-row{
flex-direction:column;
align-items:center;
gap:24px;
}

.tools-showcase{
grid-template-columns:repeat(2,1fr);
}
}

@media (max-width:768px){
.ui-hero-content h1,.wire-hero-content h1,.usability-hero-inner h1{
font-size:38px;
}

.section-heading,.methods-title,.process-heading,.compare-title,.deliverables-header h2,.pricing-intro h2,.tools-header h2{
font-size:36px;
}

.deliverables-grid,.tools-showcase{
grid-template-columns:1fr;
}

.compare-metrics{
flex-direction:column;
gap:32px;
}

.ui-floating-card{
left:14px;
bottom:18px;
padding:16px 20px;
}
}

@media (max-width:480px){
.ui-hero-content h1,.wire-hero-content h1,.usability-hero-inner h1{
font-size:32px;
}

.ui-stats,.wire-benefits,.hero-metrics-row{
flex-direction:column;
gap:20px;
}

.ui-stat-item strong,.hero-metric strong{
font-size:28px;
}

.section-heading,.methods-title,.process-heading,.compare-title{
font-size:28px;
}

.deliverable-card,.method-card,.type-card{
padding:28px 22px;
}

.pricing-packages{
gap:20px;
}

.package-featured{
transform:scale(1);
}

.package-featured:hover{
transform:translateY(-8px);
}

.compare-metrics{
gap:24px;
}

.metric-box strong{
font-size:32px;
}

.tools-note{
flex-direction:column;
text-align:center;
}

.process-timeline::before{
left:19px;
}

.timeline-marker{
width:40px;
height:40px;
}

.timeline-marker i{
font-size:18px;
}

.ui-floating-card{
position:static;
margin-top:20px;
}
}

.ui-hero{
padding:140px 0 90px;
background:linear-gradient(162deg,#fef6f0 0%,#fff 52%,#f8f4ff 100%);
position:relative;
}

.ui-hero-layout{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:64px;
align-items:center;
}

.ui-hero-content h1{
font-size:64px;
line-height:1.1;
margin-bottom:24px;
color:var(--dark);
letter-spacing:-1.2px;
}

.ui-lead{
font-size:19px;
line-height:1.68;
color:var(--gray-dark);
margin-bottom:42px;
max-width:540px;
}

.ui-stats{
display:flex;
gap:48px;
}

.ui-stat-item{
display:flex;
flex-direction:column;
}

.ui-stat-item strong{
font-size:38px;
font-weight:900;
color:var(--primary);
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:6px;
}

.ui-stat-item span{
font-size:14px;
color:var(--gray-dark);
font-weight:500;
}

.ui-hero-visual{
position:relative;
}

.ui-hero-img{
width:100%;
border-radius:20px;
box-shadow:0 24px 64px rgba(36,0,70,.16);
}

.ui-floating-card{
position:absolute;
bottom:32px;
left:-32px;
background:var(--white);
padding:20px 28px;
border-radius:16px;
box-shadow:0 12px 32px rgba(36,0,70,.2);
display:flex;
align-items:center;
gap:14px;
}

.ui-floating-card i{
font-size:32px;
color:var(--primary);
}

.ui-floating-card div{
display:flex;
flex-direction:column;
}

.ui-floating-card strong{
font-size:15px;
font-weight:700;
color:var(--dark);
margin-bottom:3px;
}

.ui-floating-card span{
font-size:12px;
color:var(--gray-dark);
}

.ui-approach{
padding:110px 0;
background:var(--white);
}

.ui-approach-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:72px;
}

.ui-approach-left h2{
font-size:48px;
margin-bottom:22px;
color:var(--dark);
letter-spacing:-.8px;
}

.ui-approach-left p{
font-size:17px;
line-height:1.7;
color:var(--gray-dark);
margin-bottom:36px;
}

.ui-principles{
display:flex;
flex-direction:column;
gap:20px;
}

.principle-box{
display:flex;
align-items:start;
gap:16px;
padding:18px;
background:var(--gray-light);
border-radius:12px;
transition:var(--transition);
}

.principle-box:hover{
background:var(--white);
box-shadow:0 6px 20px rgba(36,0,70,.08);
}

.principle-box i{
font-size:28px;
color:var(--primary);
flex-shrink:0;
margin-top:2px;
}

.principle-box h4{
font-size:17px;
margin-bottom:4px;
color:var(--dark);
}

.principle-box p{
font-size:14px;
color:var(--gray-dark);
margin:0;
}

.ui-approach-right{
display:flex;
flex-direction:column;
gap:20px;
}

.ui-process-card{
background:var(--gray-light);
padding:28px;
border-radius:15px;
position:relative;
transition:var(--transition);
}

.ui-process-card:hover{
background:var(--white);
box-shadow:0 8px 24px rgba(36,0,70,.1);
transform:translateX(6px);
}

.process-num{
font-size:52px;
font-weight:900;
color:var(--primary);
opacity:.18;
font-family:'Space Grotesk',sans-serif;
position:absolute;
top:14px;
right:24px;
line-height:1;
}

.ui-process-card h3{
font-size:20px;
margin-bottom:9px;
color:var(--dark);
}

.ui-process-card p{
font-size:14px;
line-height:1.6;
color:var(--gray-dark);
}

.ui-deliverables{
padding:110px 0;
background:linear-gradient(178deg,var(--gray-light) 0%,var(--white) 100%);
}

.deliverables-header{
text-align:center;
margin-bottom:58px;
}

.deliverables-header h2{
font-size:48px;
margin-bottom:14px;
color:var(--dark);
letter-spacing:-.8px;
}

.deliverables-header p{
font-size:18px;
color:var(--gray-dark);
}

.deliverables-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:26px;
}

.deliverable-card{
background:var(--white);
padding:34px 28px;
border-radius:16px;
transition:var(--transition);
position:relative;
overflow:hidden;
}

.deliverable-card::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,var(--primary) 0%,var(--primary-lighter) 100%);
}

.card-accent-a::before{background:linear-gradient(90deg,#ff6d00 0%,#ff7900 100%);}
.card-accent-b::before{background:linear-gradient(90deg,#5a189a 0%,#9d4edd 100%);}
.card-accent-c::before{background:linear-gradient(90deg,#ff7900 0%,#ff9e00 100%);}
.card-accent-d::before{background:linear-gradient(90deg,#240046 0%,#5a189a 100%);}
.card-accent-e::before{background:linear-gradient(90deg,#9d4edd 0%,#ff6d00 100%);}
.card-accent-f::before{background:linear-gradient(90deg,#ff9e00 0%,#240046 100%);}

.deliverable-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 36px rgba(36,0,70,.14);
}

.deliverable-card i{
font-size:36px;
color:var(--primary);
margin-bottom:18px;
display:block;
}

.deliverable-card h3{
font-size:20px;
margin-bottom:10px;
color:var(--dark);
}

.deliverable-card p{
font-size:14px;
line-height:1.65;
color:var(--gray-dark);
}

.ui-compare{
padding:110px 0;
background:var(--dark);
color:var(--white);
}

.compare-title{
font-size:48px;
text-align:center;
margin-bottom:58px;
color:var(--white);
letter-spacing:-.8px;
}

.compare-layout{
display:grid;
grid-template-columns:1fr auto 1fr;
gap:48px;
align-items:center;
margin-bottom:52px;
}

.compare-side{
position:relative;
}

.compare-label{
display:inline-block;
padding:8px 18px;
border-radius:8px;
font-size:13px;
font-weight:700;
text-transform:uppercase;
margin-bottom:18px;
letter-spacing:.6px;
}

.label-before{
background:rgba(255,255,255,0.12);
color:rgba(255,255,255,0.7);
}

.label-after{
background:var(--primary);
color:var(--white);
}

.compare-img{
width:100%;
border-radius:16px;
box-shadow:0 16px 48px rgba(0,0,0,.3);
margin-bottom:24px;
}

.compare-issues,.compare-results{
list-style:none;
display:flex;
flex-direction:column;
gap:12px;
}

.compare-issues li,.compare-results li{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
color:rgba(255,255,255,0.85);
}

.compare-issues i{
color:#ff4444;
font-size:18px;
flex-shrink:0;
}

.compare-results i{
color:#00ff88;
font-size:18px;
flex-shrink:0;
}

.compare-arrow{
display:flex;
align-items:center;
justify-content:center;
}

.compare-arrow i{
font-size:48px;
color:var(--primary);
}

.compare-metrics{
display:flex;
justify-content:center;
gap:64px;
padding-top:42px;
border-top:1px solid rgba(255,255,255,0.1);
}

.metric-box{
text-align:center;
}

.metric-box strong{
display:block;
font-size:42px;
font-weight:900;
color:var(--primary-lighter);
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:8px;
}

.metric-box span{
font-size:13px;
color:rgba(255,255,255,0.7);
}

.ui-pricing{
padding:110px 0;
background:linear-gradient(162deg,#fef6f0 0%,#fff 52%,#f8f4ff 100%);
}

.pricing-intro{
text-align:center;
margin-bottom:58px;
}

.pricing-intro h2{
font-size:48px;
margin-bottom:14px;
color:var(--dark);
letter-spacing:-.8px;
}

.pricing-intro p{
font-size:18px;
color:var(--gray-dark);
}

.pricing-packages{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

.package-card{
background:var(--white);
padding:38px 32px;
border-radius:18px;
position:relative;
transition:var(--transition);
box-shadow:0 4px 16px rgba(36,0,70,.06);
}

.package-card:hover{
transform:translateY(-8px);
box-shadow:0 16px 48px rgba(36,0,70,.14);
}

.package-featured{
border:3px solid var(--primary);
transform:scale(1.05);
}

.package-featured:hover{
transform:scale(1.05) translateY(-8px);
}

.featured-badge{
position:absolute;
top:-14px;
left:50%;
transform:translateX(-50%);
background:var(--primary);
color:var(--white);
padding:6px 20px;
border-radius:20px;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
}

.package-header{
margin-bottom:28px;
padding-bottom:24px;
border-bottom:2px solid var(--gray-light);
}

.package-label{
display:block;
font-size:14px;
font-weight:600;
color:var(--gray-dark);
text-transform:uppercase;
letter-spacing:.8px;
margin-bottom:12px;
}

.package-price strong{
display:block;
font-size:44px;
font-weight:900;
color:var(--dark);
font-family:'Space Grotesk',sans-serif;
line-height:1;
margin-bottom:4px;
}

.package-price span{
font-size:13px;
color:var(--gray-dark);
}

.package-features{
list-style:none;
margin-bottom:32px;
}

.package-features li{
display:flex;
align-items:center;
gap:12px;
padding:10px 0;
font-size:14px;
color:var(--text-main);
}

.package-features i{
color:var(--primary);
font-size:18px;
flex-shrink:0;
}

.package-btn{
display:block;
text-align:center;
padding:14px 28px;
border-radius:10px;
font-size:15px;
font-weight:700;
transition:var(--transition);
}

.btn-outline{
background:transparent;
color:var(--dark);
border:2px solid var(--dark);
}

.btn-outline:hover{
background:var(--dark);
color:var(--white);
}

.btn-solid{
background:var(--primary);
color:var(--white);
border:2px solid var(--primary);
}

.btn-solid:hover{
background:var(--primary-light);
border-color:var(--primary-light);
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(255,109,0,.3);
}

@media (max-width:1024px){
.ui-hero-layout,.ui-approach-grid,.compare-layout,.pricing-packages{
grid-template-columns:1fr;
}

.ui-hero-content h1{
font-size:48px;
}

.compare-arrow{
transform:rotate(90deg);
}
}

@media (max-width:768px){
.ui-hero-content h1{
font-size:38px;
}

.deliverables-grid{
grid-template-columns:1fr;
}

.compare-metrics{
flex-direction:column;
gap:32px;
}

.ui-floating-card{
left:14px;
bottom:18px;
padding:16px 20px;
}
}

@media (max-width:480px){
.ui-hero-content h1{
font-size:32px;
}

.ui-stats{
flex-direction:column;
gap:20px;
}

.ui-stat-item strong{
font-size:28px;
}

.deliverable-card{
padding:28px 22px;
}

.pricing-packages{
gap:20px;
}

.package-featured{
transform:scale(1);
}

.package-featured:hover{
transform:translateY(-8px);
}

.compare-metrics{
gap:24px;
}

.metric-box strong{
font-size:32px;
}

.ui-floating-card{
position:static;
margin-top:20px;
}
}

.res-hero{
padding:88px 0 72px;
background:linear-gradient(162deg,#fef6f0 0%,#fff 52%,#f8f4ff 100%);
}

.res-hero-content{
max-width:720px;
margin:0 auto;
text-align:center;
}

.res-hero-content h1{
font-size:64px;
margin-bottom:18px;
color:var(--dark);
letter-spacing:-1.3px;
}

.res-lead{
font-size:20px;
line-height:1.6;
color:var(--gray-dark);
}

.res-grid-sec{
padding:92px 0 115px;
background:var(--white);
}

.res-masonry{
display:grid;
grid-template-columns:repeat(12,1fr);
gap:24px;
}

.res-card{
background:var(--white);
border-radius:18px;
overflow:hidden;
transition:var(--transition);
box-shadow:0 2px 12px rgba(36,0,70,.06);
}

.res-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 38px rgba(36,0,70,.14);
}

.res-large{
grid-column:span 7;
}

.res-medium{
grid-column:span 5;
}

.res-small{
grid-column:span 6;
}

.res-card-link{
display:block;
height:100%;
}

.res-img-wrap{
position:relative;
overflow:hidden;
height:280px;
}

.res-img-wrap img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .4s ease;
}

.res-card:hover .res-img-wrap img{
transform:scale(1.08);
}

.res-card-body{
padding:32px 28px;
}

.res-tag{
display:inline-block;
background:var(--primary);
color:var(--white);
padding:5px 12px;
border-radius:6px;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
margin-bottom:14px;
}

.res-card h2{
font-size:26px;
margin-bottom:12px;
color:var(--dark);
line-height:1.3;
}

.res-card p{
font-size:15px;
line-height:1.65;
color:var(--gray-dark);
margin-bottom:18px;
}

.res-meta{
font-size:13px;
color:var(--primary);
font-weight:600;
}

.res-cta{
padding:86px 0;
background:var(--dark);
}

.res-cta-inner{
text-align:center;
max-width:620px;
margin:0 auto;
}

.res-cta-inner h2{
font-size:42px;
margin-bottom:16px;
color:var(--white);
letter-spacing:-.6px;
}

.res-cta-inner p{
font-size:18px;
color:rgba(255,255,255,.78);
margin-bottom:34px;
}

.res-empty{
padding:158px 0;
background:linear-gradient(162deg,#fef6f0 0%,#fff 52%,#f8f4ff 100%);
min-height:calc(100vh - 80px);
display:flex;
align-items:center;
}

.res-empty-content{
text-align:center;
max-width:680px;
margin:0 auto;
}

.res-empty-icon{
width:110px;
height:110px;
background:linear-gradient(133deg,var(--primary) 0%,var(--primary-light) 100%);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 32px;
}

.res-empty-icon i{
font-size:58px;
color:var(--white);
}

.res-empty-content h1{
font-size:56px;
margin-bottom:18px;
color:var(--dark);
letter-spacing:-1.1px;
}

.res-empty-lead{
font-size:19px;
line-height:1.65;
color:var(--gray-dark);
margin-bottom:42px;
}

.res-empty-features{
display:flex;
gap:38px;
justify-content:center;
margin-bottom:44px;
}

.res-feat-item{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
}

.res-feat-item i{
font-size:34px;
color:var(--primary);
}

.res-feat-item span{
font-size:14px;
font-weight:600;
color:var(--text-main);
}

.art-page{
background:var(--white);
}

.art-header{
padding:118px 0 48px;
background:var(--gray-light);
}

.art-header-inner{
max-width:820px;
margin:0 auto;
}

.art-back{
display:inline-flex;
align-items:center;
gap:7px;
font-size:14px;
color:var(--primary);
font-weight:600;
margin-bottom:18px;
transition:var(--transition);
}

.art-back:hover{
gap:11px;
}

.art-category{
display:inline-block;
background:var(--primary);
color:var(--white);
padding:6px 14px;
border-radius:6px;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
margin-bottom:20px;
}

.art-header h1{
font-size:58px;
margin-bottom:24px;
color:var(--dark);
letter-spacing:-1.2px;
line-height:1.15;
}

.art-meta-row{
display:flex;
align-items:center;
gap:10px;
font-size:15px;
color:var(--gray-dark);
}

.art-author{
font-weight:600;
color:var(--text-main);
}

.art-dot{
color:var(--gray-medium);
}

.art-featured-img{
margin-top:-68px;
margin-bottom:68px;
}

.art-featured-img img{
width:100%;
border-radius:22px;
box-shadow:0 18px 52px rgba(36,0,70,.16);
}

.art-content{
padding:0 0 115px;
}

.art-body{
max-width:780px;
margin:0 auto;
}

.art-lead{
font-size:22px;
line-height:1.7;
color:var(--text-main);
margin-bottom:38px;
font-weight:500;
}

.art-body h2{
font-size:36px;
margin:52px 0 22px;
color:var(--dark);
letter-spacing:-.6px;
}

.art-body p{
font-size:17px;
line-height:1.8;
color:var(--text-main);
margin-bottom:24px;
}

.art-nav{
max-width:780px;
margin:68px auto 0;
padding-top:48px;
border-top:2px solid var(--gray-light);
}

.art-nav-link{
display:flex;
flex-direction:column;
gap:8px;
padding:28px;
background:var(--gray-light);
border-radius:14px;
transition:var(--transition);
}

.art-nav-link:hover{
background:var(--primary);
transform:translateX(8px);
}

.art-nav-label{
font-size:13px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.6px;
color:var(--gray-dark);
}

.art-nav-link:hover .art-nav-label{
color:rgba(255,255,255,.78);
}

.art-nav-title{
font-size:22px;
font-weight:700;
color:var(--dark);
}

.art-nav-link:hover .art-nav-title{
color:var(--white);
}

.art-alt .art-no-img{
padding:118px 0 115px;
}

.art-body-alt{
max-width:720px;
margin:0 auto;
}

.art-back-inline{
display:inline-flex;
align-items:center;
gap:7px;
font-size:13px;
color:var(--primary);
font-weight:600;
margin-bottom:42px;
transition:var(--transition);
}

.art-back-inline:hover{
gap:11px;
}

.art-title-block{
margin-bottom:48px;
}

.art-cat-inline{
display:inline-block;
background:var(--primary);
color:var(--white);
padding:5px 12px;
border-radius:5px;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
margin-bottom:16px;
}

.art-body-alt h1{
font-size:52px;
margin-bottom:18px;
color:var(--dark);
letter-spacing:-1px;
line-height:1.12;
}

.art-meta-inline{
font-size:14px;
color:var(--gray-dark);
}

.art-lead-alt{
font-size:21px;
line-height:1.65;
color:var(--text-main);
margin-bottom:36px;
font-weight:500;
}

.art-body-alt h2{
font-size:32px;
margin:46px 0 20px;
color:var(--dark);
letter-spacing:-.5px;
}

.art-body-alt p{
font-size:17px;
line-height:1.75;
color:var(--text-main);
margin-bottom:22px;
}

.art-nav-alt{
margin-top:62px;
padding-top:42px;
border-top:2px solid var(--gray-light);
}

.art-next-alt{
display:inline-flex;
flex-direction:column;
gap:6px;
padding:22px 28px;
background:var(--dark);
border-radius:12px;
transition:var(--transition);
}

.art-next-alt:hover{
background:var(--primary);
transform:translateY(-3px);
box-shadow:0 8px 24px rgba(255,109,0,.24);
}

.art-next-alt span{
font-size:12px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.5px;
color:rgba(255,255,255,.68);
}

.art-next-alt strong{
font-size:20px;
color:var(--white);
display:flex;
align-items:center;
gap:8px;
}

.art-wide .art-hero-split{
display:grid;
grid-template-columns:1fr 1fr;
min-height:580px;
}

.art-hero-txt{
display:flex;
align-items:center;
padding:72px 0;
background:var(--gray-light);
}

.art-hero-txt .container-main{
width:100%;
}

.art-hero-img{
position:relative;
overflow:hidden;
}

.art-hero-img img{
width:100%;
height:100%;
object-fit:cover;
}

.art-reverse{
grid-template-columns:1fr 1fr;
}

.art-reverse .art-hero-img{
order:-1;
}

@media (max-width:1024px){
.res-masonry{
grid-template-columns:1fr;
}

.res-large,.res-medium,.res-small{
grid-column:span 1;
}

.art-hero-split{
grid-template-columns:1fr !important;
}

.art-hero-img{
min-height:420px;
}

.art-reverse .art-hero-img{
order:0;
}
}

@media (max-width:768px){
.res-hero-content h1{
font-size:42px;
}

.res-lead{
font-size:17px;
}

.res-card h2{
font-size:22px;
}

.res-empty-content h1{
font-size:38px;
}

.res-empty-features{
flex-direction:column;
gap:24px;
}

.art-header h1,.art-body-alt h1{
font-size:36px;
}

.art-lead,.art-lead-alt{
font-size:18px;
}

.art-body h2,.art-body-alt h2{
font-size:26px;
}

.art-hero-txt{
padding:48px 0;
}
}

@media (max-width:480px){
.res-hero-content h1{
font-size:32px;
}

.res-card-body{
padding:24px 20px;
}

.art-header{
padding:92px 0 38px;
}

.art-header h1{
font-size:28px;
}

.art-featured-img{
margin-top:-48px;
margin-bottom:48px;
}

.art-body,.art-body-alt{
font-size:16px;
}
}

.simple-legal{
padding:125px 0 95px;
background:var(--white);
}

.legal-wrapper{
max-width:720px;
margin:0 auto;
}

.legal-wrapper h1{
font-size:52px;
margin-bottom:14px;
color:var(--dark);
letter-spacing:-1px;
line-height:1.15;
}

.update-date{
font-size:14px;
color:var(--gray-dark);
margin-bottom:58px;
font-weight:500;
}

.legal-wrapper h2{
font-size:28px;
margin-top:52px;
margin-bottom:18px;
color:var(--dark);
letter-spacing:-.4px;
}

.legal-wrapper p{
font-size:16px;
line-height:1.7;
color:var(--text-main);
margin-bottom:18px;
}

.legal-wrapper p:last-child{
margin-bottom:0;
}

.legal-wrapper a{
color:var(--primary);
font-weight:600;
border-bottom:1px solid var(--primary);
transition:var(--transition);
}

.legal-wrapper a:hover{
color:var(--primary-light);
border-bottom-color:var(--primary-light);
}

.legal-wrapper strong{
color:var(--dark);
font-weight:700;
}

@media(max-width:768px){
.simple-legal{
padding:95px 0 75px;
}

.legal-wrapper h1{
font-size:38px;
}

.legal-wrapper h2{
font-size:24px;
margin-top:42px;
}

.legal-wrapper p{
font-size:15px;
}
}

@media(max-width:480px){
.simple-legal{
padding:85px 0 65px;
}

.legal-wrapper h1{
font-size:32px;
}

.update-date{
margin-bottom:48px;
}

.legal-wrapper h2{
font-size:22px;
margin-top:38px;
}
}