:root{
  --primary:#0D6EFD;
  --primary-dark:#0A58CA;
  --accent:#38BDF8;
  --dark:#0F172A;
  --text:#334155;
  --light:#F8FAFC;
  --white:#fff;
  --border:#E5E7EB;
  --radius:22px;
  --shadow:0 20px 60px rgba(13,110,253,.12);
  --transition:.35s ease;
  --container:1240px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
font-family:Inter,sans-serif;
color:var(--text);
background:linear-gradient(180deg,#fff,#f7fbff);
overflow-x:hidden;
line-height:1.7;
}
img{max-width:100%;display:block}
a{text-decoration:none}
.container{
width:min(var(--container),92%);
margin:auto;
}

/* HERO */

.hero{
position:relative;
padding:110px 0 70px;
overflow:hidden;
}

.hero::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at top left,#38BDF81c,transparent 40%),
radial-gradient(circle at bottom right,#0D6EFD18,transparent 35%);
pointer-events:none;
}

.hero-grid{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:70px;
align-items:center;
position:relative;
z-index:2;
}

.hero-tag{
display:inline-flex;
padding:10px 18px;
background:#eef6ff;
border:1px solid #cfe4ff;
color:var(--primary);
font-weight:700;
border-radius:100px;
margin-bottom:24px;
}

.hero h1{
font-family:Poppins,sans-serif;
font-size:58px;
line-height:1.1;
font-weight:800;
color:var(--dark);
margin-bottom:26px;
}

.hero h1 span{
background:linear-gradient(135deg,var(--primary),var(--accent));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.hero p{
font-size:18px;
max-width:620px;
margin-bottom:38px;
}

.hero-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
margin-bottom:40px;
}

.btn{
padding:16px 30px;
border-radius:14px;
font-weight:700;
transition:var(--transition);
display:inline-flex;
align-items:center;
justify-content:center;
}

.btn-primary{
background:linear-gradient(135deg,var(--primary),var(--accent));
color:#fff;
box-shadow:0 20px 40px rgba(13,110,253,.25);
}

.btn-primary:hover{
transform:translateY(-4px);
}

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

.btn-outline:hover{
background:var(--primary);
color:#fff;
}

.google-rating{
display:flex;
align-items:center;
gap:18px;
background:rgba(255,255,255,.75);
backdrop-filter:blur(18px);
padding:22px;
border-radius:20px;
border:1px solid rgba(255,255,255,.6);
box-shadow:var(--shadow);
max-width:430px;
}

.rating-icon{
font-size:28px;
color:#F59E0B;
}

.google-rating h4{
font-size:20px;
color:var(--dark);
margin-bottom:4px;
}

.hero-image{
display:flex;
justify-content:center;
}

.dashboard{
width:100%;
max-width:580px;
background:rgba(255,255,255,.72);
backdrop-filter:blur(20px);
border-radius:30px;
padding:28px;
box-shadow:0 30px 70px rgba(2,6,23,.12);
border:1px solid rgba(255,255,255,.8);
animation:floatCard 6s ease-in-out infinite;
}

.browser-top{
display:flex;
gap:8px;
margin-bottom:22px;
}

.browser-top span{
width:14px;
height:14px;
border-radius:50%;
background:#ddd;
}
.browser-top span:nth-child(1){background:#ff5f57}
.browser-top span:nth-child(2){background:#febc2e}
.browser-top span:nth-child(3){background:#28c840}

.dashboard-content{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
}

.screen-left,.screen-right{
display:flex;
flex-direction:column;
gap:18px;
}

.screen-left h3{
color:var(--dark);
font-size:22px;
}

.mock-card,
.analytics-card{
background:#fff;
border-radius:18px;
padding:18px;
min-height:90px;
box-shadow:0 10px 30px rgba(15,23,42,.06);
}

.chart{
height:90px;
border-radius:12px;
background:
linear-gradient(180deg,#dbeafe,#fff),
linear-gradient(90deg,var(--primary),var(--accent));
position:relative;
overflow:hidden;
}

.chart::after{
content:"";
position:absolute;
left:10%;
right:10%;
top:55%;
height:4px;
border-radius:20px;
background:linear-gradient(90deg,var(--primary),var(--accent));
transform:skew(-20deg);
}

.progress{
height:10px;
background:#e2e8f0;
border-radius:999px;
overflow:hidden;
margin:14px 0;
}

.fill{
height:100%;
width:98%;
background:linear-gradient(90deg,var(--primary),var(--accent));
border-radius:999px;
}

.analytics-card span{
font-weight:800;
color:var(--primary);
}

.floating{
position:absolute;
border-radius:50%;
filter:blur(2px);
opacity:.6;
animation:floatBlob 8s ease-in-out infinite;
}

.circle-one{
width:260px;
height:260px;
background:#38BDF822;
top:-80px;
left:-80px;
}

.circle-two{
width:180px;
height:180px;
background:#0D6EFD20;
right:5%;
top:15%;
animation-delay:2s;
}

.circle-three{
width:140px;
height:140px;
background:#38BDF820;
bottom:5%;
left:40%;
animation-delay:4s;
}

/* TRUST */

.trust-bar{
padding:25px 0 90px;
}

.stats-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:20px;
}

.stat-box{
background:#fff;
padding:30px 20px;
text-align:center;
border-radius:20px;
box-shadow:0 15px 35px rgba(2,6,23,.06);
transition:var(--transition);
}

.stat-box:hover{
transform:translateY(-8px);
}

.stat-box h2{
font-family:Poppins,sans-serif;
font-size:38px;
color:var(--primary);
margin-bottom:8px;
}

.stat-box p{
font-weight:600;
}

/* Animations */

@keyframes floatBlob{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-25px)}
}

@keyframes floatCard{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-12px)}
}

/* Responsive */

@media (max-width:1100px){
.hero-grid{grid-template-columns:1fr;gap:60px}
.hero{text-align:center}
.hero p,.google-rating{margin-left:auto;margin-right:auto}
.hero-buttons{justify-content:center}
.stats-grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:768px){
.hero{padding:80px 0 40px}
.hero h1{font-size:40px}
.dashboard-content{grid-template-columns:1fr}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.hero-buttons{flex-direction:column}
.btn{width:100%}
}

@media (max-width:480px){
.hero h1{font-size:33px}
.hero p{font-size:16px}
.hero-tag{font-size:13px}
.stats-grid{grid-template-columns:1fr}
.stat-box h2{font-size:30px}
.google-rating{flex-direction:column;text-align:center}
}

/* why choose us section */

:root{--p:#0d6efd;--a:#38bdf8;--d:#0f172a;--bg:#f8fbff}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;background:var(--bg);color:#334155}
.container{width:min(1200px,92%);margin:auto}
.why-altstag{padding:100px 0}
.heading{text-align:center;max-width:800px;margin:0 auto 60px}
.eyebrow{color:var(--p);font-weight:700;letter-spacing:.12em}
h2{font:800 48px Poppins,sans-serif;color:var(--d);margin:16px 0}
.grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:30px}
.stats div,.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 15px 35px rgba(0,0,0,.06)}
.stats strong{display:block;font-size:32px;color:var(--p)}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{transition:.3s}
.card:hover{transform:translateY(-8px)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--p),var(--a));color:#fff;padding:15px 28px;border-radius:12px;text-decoration:none;font-weight:700}
@media(max-width:900px){.grid,.cards{grid-template-columns:1fr}h2{font-size:36px}}

/* Website development services */

.altstag-services{--as-ink:#081a45;--as-blue:#1769ff;--as-sky:#eaf3ff;--as-line:#d9e5f8;position:relative;isolation:isolate;overflow:hidden;background:#f8fbff;color:var(--as-ink);padding:clamp(5rem,9vw,9rem) 1.25rem;font-family:Inter,Manrope,"Segoe UI",sans-serif}.altstag-services *{box-sizing:border-box}.altstag-services__container{max-width:1220px;margin:auto}.altstag-services__orb{position:absolute;border-radius:50%;filter:blur(5px);z-index:-1;pointer-events:none}.altstag-services__orb--one{width:38rem;height:38rem;right:-19rem;top:-12rem;background:radial-gradient(circle,#bddaff 0%,rgba(223,239,255,.1) 67%)}.altstag-services__orb--two{width:22rem;height:22rem;left:-15rem;bottom:-6rem;background:#d7e8ff;opacity:.7}.altstag-services__intro{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:end;margin-bottom:3.5rem}.altstag-services__eyebrow{grid-column:1/-1;display:flex;align-items:center;gap:.65rem;margin:0 0 .75rem;color:#296de5;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.altstag-services__eyebrow span{width:1.7rem;height:1px;background:currentColor}.altstag-services h2{margin:0;max-width:700px;font-size:clamp(2.5rem,5.3vw,5rem);line-height:.98;letter-spacing:-.065em;font-weight:740}.altstag-services h2 em{font-family:Georgia,serif;font-weight:400;color:var(--as-blue);letter-spacing:-.08em}.altstag-services__lede{max-width:380px;margin:0 0 1.25rem;color:#496184;font-size:1rem;line-height:1.65}.altstag-services__link{display:inline-flex;gap:.6rem;color:var(--as-ink);text-decoration:none;font-weight:750;border-bottom:1px solid #99b9ed;padding-bottom:.3rem;transition:color .25s,border-color .25s}.altstag-services__link:hover{color:var(--as-blue);border-color:var(--as-blue)}.altstag-services__link span{font-size:1.2rem;line-height:.8}.altstag-services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.altstag-service-card{min-height:420px;display:flex;flex-direction:column;padding:1.15rem;border:1px solid var(--as-line);border-radius:1.4rem;background:rgba(255,255,255,.76);box-shadow:0 14px 35px rgba(35,83,150,.055);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;animation:altstag-card-in .7s both}.altstag-service-card:nth-child(2){animation-delay:.07s}.altstag-service-card:nth-child(3){animation-delay:.14s}.altstag-service-card:nth-child(4){animation-delay:.21s}.altstag-service-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(35,83,150,.14)}.altstag-service-card--featured{background:linear-gradient(135deg,#fff 0%,#f0f6ff 100%)}.altstag-service-card--dark{background:var(--as-ink);border-color:var(--as-ink);color:#fff}.altstag-service-card__topline{display:flex;justify-content:space-between;color:#7890b5;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.altstag-service-card--dark .altstag-service-card__topline{color:#9ec4ff}.altstag-service-card__visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:1.2rem 0 1.35rem;border-radius:.9rem;height:142px;background:#e7f1ff}.altstag-service-card--featured .altstag-service-card__visual{height:155px}.altstag-service-card h3{margin:0 0 .7rem;font-size:clamp(1.2rem,1.7vw,1.6rem);line-height:1.05;letter-spacing:-.045em}.altstag-service-card p{margin:0;color:#5d7190;font-size:.85rem;line-height:1.55}.altstag-service-card--dark p{color:#abc3e8}.altstag-service-card>a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.3rem;color:inherit;text-decoration:none;font-size:.8rem;font-weight:800}.altstag-service-card>a span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#dcebff;color:var(--as-blue);font-size:1rem;transition:transform .25s}.altstag-service-card>a:hover span{transform:translateX(4px)}.altstag-service-card--dark>a span{background:#2677ff;color:#fff}.altstag-browser{position:relative;width:65%;height:76%;padding:.75rem;border:4px solid #1769ff;border-radius:.7rem;background:white;box-shadow:0 13px 22px rgba(34,97,183,.17);transform:rotate(-4deg);transition:transform .4s}.altstag-service-card:hover .altstag-browser{transform:rotate(0) translateY(-4px)}.altstag-browser i{display:inline-block;width:.3rem;height:.3rem;margin-right:.15rem;border-radius:50%;background:#82b5ff}.altstag-browser b{display:block;width:37%;height:.42rem;margin-top:1rem;border-radius:5rem;background:#1769ff}.altstag-browser strong{display:block;width:65%;height:.3rem;margin-top:.6rem;border-radius:5rem;background:#d5e6ff}.altstag-browser small{display:block;width:80%;height:2rem;margin-top:.6rem;border-radius:.25rem;background:linear-gradient(135deg,#d5e6ff,#f2f7ff)}.altstag-browser-card{position:absolute;right:8%;bottom:12%;padding:.65rem .75rem;border-radius:.5rem;background:#09235c;color:#fff;font-size:.62rem;font-weight:700;line-height:1.15;box-shadow:0 9px 16px rgba(6,41,103,.22);transform:rotate(5deg)}.altstag-browser-card span{color:#8fc0ff}.altstag-service-card__visual--commerce{background:linear-gradient(140deg,#e7f0ff,#c8e1ff)}.altstag-product-tag{position:absolute;top:29%;left:19%;padding:.7rem;border-radius:.5rem;background:#fff;color:#2370ed;font-size:.7rem;box-shadow:0 8px 20px #a5c6ed}.altstag-product-tag b{font-size:1rem}.altstag-bag{display:grid;place-items:center;width:4.8rem;height:4.8rem;border-radius:1rem;background:var(--as-blue);color:#fff;font-size:3.2rem;font-weight:100;transform:rotate(-10deg);box-shadow:0 12px 20px #9cc0f5}.altstag-rank{position:relative;width:70%;height:68%;padding:.75rem;border-radius:.75rem;background:#fff;box-shadow:0 10px 22px #c3daf4}.altstag-rank span{color:#6082b5;font-size:.58rem;font-weight:800;letter-spacing:.1em}.altstag-rank b{float:right;color:#1769ff;font-size:1.4rem}.altstag-rank i{display:block;height:.38rem;margin-top:.55rem;border-radius:1rem;background:#d8e8ff}.altstag-rank i:nth-of-type(1){width:85%;background:#2b76f4}.altstag-rank i:nth-of-type(2){width:62%}.altstag-rank i:nth-of-type(3){width:74%}.altstag-service-card__visual--care{background:radial-gradient(circle at center,#196bff 0 18%,#0a347f 19% 20%,#e7f1ff 21% 43%,#cfe3ff 44% 46%,#edf5ff 47%)}.altstag-pulse{width:2.3rem;height:2.3rem;border:1px solid #fff;border-radius:50%;animation:altstag-pulse 2s infinite}.altstag-service-card__visual--care span{position:absolute;color:#fff;font-size:.67rem;font-weight:900;letter-spacing:.08em}.altstag-service-card--dark .altstag-service-card__visual{background:linear-gradient(145deg,#143d88,#071d4e)}@keyframes altstag-card-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes altstag-pulse{50%{transform:scale(1.7);opacity:0}}@media (max-width:850px){.altstag-services__grid{grid-template-columns:repeat(2,1fr)}.altstag-service-card--featured{grid-column:span 2}.altstag-services__intro{grid-template-columns:1fr;gap:1rem}.altstag-services__lede{max-width:520px}}@media (max-width:540px){.altstag-services{padding-inline:1rem}.altstag-services__grid{grid-template-columns:1fr}.altstag-service-card--featured{grid-column:auto}.altstag-service-card{min-height:375px}.altstag-services__intro{margin-bottom:2.5rem}.altstag-services h2{font-size:2.65rem}.altstag-service-card--featured .altstag-service-card__visual{height:140px}}

/* Our Approuch */

.altstag-process{--ink:#071b49;--blue:#1769ff;--line:#315b9d;background:var(--ink);color:#fff;padding:clamp(5rem,9vw,9rem) 1.25rem;font-family:Inter,Manrope,"Segoe UI",sans-serif}.altstag-process *{box-sizing:border-box}.altstag-process__inner{max-width:1220px;margin:auto}.altstag-process__header{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:clamp(3rem,6vw,5.5rem)}.altstag-process__eyebrow{margin:0 0 .85rem;color:#78adff;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.altstag-process h2{color:whitesmoke; margin:0;font-size:clamp(2.6rem,5.1vw,5rem);line-height:.95;letter-spacing:-.07em}.altstag-process h2 em{color:#8fc0ff;font-family:Georgia,serif;font-weight:400}.altstag-process__intro{max-width:340px;margin:0;color:#b7ccec;font-size:.97rem;line-height:1.65}.altstag-process__steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(173,205,250,.28)}.altstag-process__steps:before{position:absolute;top:-4px;left:0;width:8px;height:8px;border-radius:50%;background:#76adff;box-shadow:0 0 0 7px rgba(91,154,255,.16);content:""}.altstag-process__step{min-height:345px;padding:1.7rem 1.6rem;border-right:1px solid rgba(173,205,250,.28);transition:background .3s,transform .3s}.altstag-process__step:first-child{padding-left:0}.altstag-process__step:last-child{border-right:0}.altstag-process__step:hover{background:rgba(37,104,240,.1);transform:translateY(-6px)}.altstag-process__step>span{color:#7090c4;font-size:.72rem;font-weight:800;letter-spacing:.1em}.altstag-process__symbol{display:grid;place-items:center;width:3.3rem;height:3.3rem;margin:3.45rem 0 1.5rem;border:1px solid #4877c4;border-radius:50%;color:#9bc5ff;font-size:1.35rem;transition:background .3s,transform .3s}.altstag-process__step:hover .altstag-process__symbol{background:var(--blue);border-color:var(--blue);color:#fff;transform:rotate(12deg)}.altstag-process h3{margin:0 0 .8rem;font-size:1.55rem;letter-spacing:-.055em}.altstag-process__step p{margin:0;color:#afc4e7;font-size:.86rem;line-height:1.65}.altstag-process small{display:inline-block;margin-top:1.6rem;border:1px solid var(--line);border-radius:3rem;padding:.38rem .58rem;color:#9fc4fa;font-size:.65rem;font-weight:750}.altstag-process__step--launch{background:linear-gradient(145deg,rgba(31,105,255,.34),rgba(24,76,173,.08))}.altstag-process__footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:3rem;padding-top:1.4rem;border-top:1px solid rgba(173,205,250,.28)}.altstag-process__footer p{margin:0;color:#a9c0e6;font-size:.84rem}.altstag-process__footer a{display:inline-flex;gap:1.1rem;align-items:center;border-radius:3rem;padding:.7rem .75rem .7rem 1.2rem;background:#fff;color:var(--ink);font-size:.78rem;font-weight:850;text-decoration:none;transition:transform .25s}.altstag-process__footer a:hover{transform:translateY(-3px)}.altstag-process__footer b{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--blue);color:#fff;font-size:1rem}@media(max-width:850px){.altstag-process__header{display:block}.altstag-process__intro{margin-top:1.5rem}.altstag-process__steps{grid-template-columns:repeat(2,1fr)}.altstag-process__step:first-child{padding-left:1.6rem}.altstag-process__step:nth-child(2){border-right:0}.altstag-process__step:nth-child(-n+2){border-bottom:1px solid rgba(173,205,250,.28)}}@media(max-width:520px){.altstag-process{padding-inline:1rem}.altstag-process__steps{grid-template-columns:1fr}.altstag-process__step,.altstag-process__step:nth-child(2){min-height:270px;border-right:0;border-bottom:1px solid rgba(173,205,250,.28)}.altstag-process__step:last-child{border-bottom:0}.altstag-process__symbol{margin-top:2rem}.altstag-process__footer{display:block}.altstag-process__footer a{margin-top:1.25rem}}

/* Selected Work */

.altstag-work{--aw-ink:#081a45;--aw-blue:#1769ff;background:#f7fbff;color:var(--aw-ink);padding:clamp(5rem,9vw,9rem) 1.25rem;font-family:Inter,Manrope,"Segoe UI",sans-serif}.altstag-work *{box-sizing:border-box}.altstag-work__inner{max-width:1220px;margin:auto}.altstag-work__header{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3.5rem}.altstag-work__eyebrow{margin:0 0 .85rem;color:#2e73e9;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.altstag-work h2{margin:0;font-size:clamp(2.6rem,5.1vw,5rem);line-height:.96;letter-spacing:-.07em}.altstag-work h2 em{color:var(--aw-blue);font-family:Georgia,serif;font-weight:400}.altstag-work__all{display:inline-flex;align-items:center;gap:.6rem;border-bottom:1px solid #91b6ed;padding-bottom:.35rem;color:var(--aw-ink);font-size:.8rem;font-weight:800;text-decoration:none}.altstag-work__all span{font-size:1.15rem}.altstag-work__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:2.2rem 1.2rem}.altstag-project:nth-child(3){grid-column:2}.altstag-project__visual{position:relative;display:block;overflow:hidden;min-height:260px;border-radius:1.35rem;background:#d5e9ff;text-decoration:none}.altstag-project--primary .altstag-project__visual{min-height:510px}.altstag-project__visual:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,25,70,.22));content:""}.altstag-project__browser{position:absolute;top:12%;left:10%;width:80%;height:78%;padding:1.2rem;border-radius:.7rem;box-shadow:0 20px 35px rgba(16,56,110,.24);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.altstag-project:hover .altstag-project__browser{transform:scale(1.035) translateY(-6px)}.altstag-project__browser b{display:block;font-size:.8rem;letter-spacing:.18em}.altstag-project__browser span{display:block;margin-top:18%;font-family:Georgia,serif;font-size:clamp(1.4rem,2.4vw,2.65rem);line-height:.97;letter-spacing:-.06em}.altstag-project__browser i{position:absolute;bottom:1.3rem;left:1.2rem;font-size:.62rem;font-style:normal;font-weight:800}.altstag-project__browser small{position:absolute;right:-6%;bottom:0;width:42%;height:42%;border-radius:50% 50% 0 0}.altstag-project__browser--terra{background:linear-gradient(130deg,#d3c8b4,#f4eee5);color:#314330}.altstag-project__browser--terra small{background:#6c8464}.altstag-project__browser--onda{background:linear-gradient(135deg,#c8dbd5,#f3f1df);color:#192f2d}.altstag-project__browser--onda span{margin-top:15%;font-size:clamp(1.2rem,2vw,2rem)}.altstag-project__browser--onda small{width:48%;height:55%;background:#f8f3e8;border-radius:46% 46% 8% 8%;box-shadow:-32px 20px 0 #789d8f}.altstag-project__browser--north{background:linear-gradient(135deg,#0d2555,#2360bd);color:#fff}.altstag-project__browser--north small{background:#87bfff}.altstag-project__arrow{position:absolute;right:1rem;top:1rem;z-index:1;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;color:var(--aw-blue);font-size:1.2rem;opacity:0;transform:translateY(8px);transition:.3s}.altstag-project:hover .altstag-project__arrow{opacity:1;transform:translateY(0)}.altstag-project__meta{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem}.altstag-project__meta h3{margin:0 0 .3rem;font-size:1.05rem;letter-spacing:-.04em}.altstag-project__meta p,.altstag-project__meta>span{margin:0;color:#6d82a1;font-size:.68rem;font-weight:700}.altstag-project__meta>span{padding-top:.15rem}@media(max-width:700px){.altstag-work__grid{grid-template-columns:1fr}.altstag-project:nth-child(3){grid-column:auto}.altstag-project--primary .altstag-project__visual{min-height:390px}.altstag-project__visual{min-height:300px}}@media(max-width:500px){.altstag-work{padding-inline:1rem}.altstag-work__header{display:block;margin-bottom:2.5rem}.altstag-work__all{margin-top:1.4rem}.altstag-project--primary .altstag-project__visual{min-height:320px}.altstag-project__visual{min-height:260px}}

/* Testimonials */

.altstag-testimonials{--at-ink:#081a45;--at-blue:#1769ff;background:#fff;color:var(--at-ink);padding:clamp(5rem,9vw,9rem) 1.25rem;font-family:Inter,Manrope,"Segoe UI",sans-serif}.altstag-testimonials *{box-sizing:border-box}.altstag-testimonials__inner{max-width:1220px;margin:auto}.altstag-testimonials__header{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:clamp(3.5rem,7vw,6.5rem)}.altstag-testimonials__header p{margin:0;color:#2e73e9;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.altstag-testimonials h2{max-width:760px;margin:0;font-size:clamp(2.5rem,5vw,4.9rem);line-height:.96;letter-spacing:-.07em}.altstag-testimonials h2 em{color:var(--at-blue);font-family:Georgia,serif;font-weight:400}.altstag-testimonials__layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2.5rem,8vw,8rem);align-items:center}.altstag-testimonials__score{padding:2rem 0;border-top:1px solid #cbdcf2;border-bottom:1px solid #cbdcf2}.altstag-testimonials__score strong{display:block;font-size:clamp(4.8rem,8vw,7rem);line-height:.85;letter-spacing:-.1em}.altstag-testimonials__score span{display:block;margin-top:1rem;color:#2873ef;font-size:1rem;letter-spacing:.18em}.altstag-testimonials__score p{margin:1rem 0 .35rem;font-size:.82rem;font-weight:800}.altstag-testimonials__score small{color:#7185a4;font-size:.72rem}.altstag-testimonial{display:none;min-height:280px}.altstag-testimonial.is-active{display:block;animation:altstag-quote-in .45s ease both}.altstag-testimonial blockquote{position:relative;max-width:760px;margin:0;font-size:clamp(1.7rem,3.1vw,3rem);font-weight:650;line-height:1.21;letter-spacing:-.055em}.altstag-testimonial blockquote:before{position:absolute;top:-2.2rem;left:-.1rem;color:#b3d4ff;font-family:Georgia,serif;font-size:5rem;line-height:1;content:"“"}.altstag-testimonial footer{display:flex;align-items:center;gap:.85rem;margin-top:2rem}.altstag-testimonial__avatar{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;color:#fff;font-size:.7rem;font-weight:850}.altstag-testimonial__avatar--one{background:linear-gradient(135deg,#e4b28b,#975538)}.altstag-testimonial__avatar--two{background:linear-gradient(135deg,#8eacd5,#304a76)}.altstag-testimonial__avatar--three{background:linear-gradient(135deg,#d6b6d1,#704369)}.altstag-testimonial footer strong{font-size:.78rem}.altstag-testimonial footer p{margin:.2rem 0 0;color:#7185a4;font-size:.72rem}.altstag-testimonials__controls{display:flex;align-items:center;gap:.9rem;margin-top:2.2rem}.altstag-testimonials__controls button{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid #b9d0f1;border-radius:50%;background:transparent;color:var(--at-ink);font-size:1rem;cursor:pointer;transition:.25s}.altstag-testimonials__controls button:hover{border-color:var(--at-blue);background:var(--at-blue);color:#fff}.altstag-testimonials__controls span{color:#91a5c2;font-size:.7rem;font-weight:800}.altstag-testimonials__controls b{color:var(--at-blue)}@keyframes altstag-quote-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:700px){.altstag-testimonials__header{display:block}.altstag-testimonials__header p{margin-bottom:1rem}.altstag-testimonials__layout{grid-template-columns:1fr;gap:3rem}.altstag-testimonials__score{display:grid;grid-template-columns:auto 1fr;column-gap:1.3rem;align-items:center}.altstag-testimonials__score strong{grid-row:span 3}.altstag-testimonials__score span{margin:0}.altstag-testimonials__score p{margin:.3rem 0}.altstag-testimonial{min-height:250px}}@media(max-width:480px){.altstag-testimonials{padding-inline:1rem}.altstag-testimonial blockquote{font-size:1.7rem}.altstag-testimonials__score strong{font-size:4rem}}

/* CTA */

.altstag-cta{--blue:#1769ff;background:#071b49;color:#fff;padding:clamp(5.5rem,10vw,10rem) 1.25rem;font-family:Inter,Manrope,"Segoe UI",sans-serif;text-align:center}.altstag-cta *{box-sizing:border-box}.altstag-cta__inner{max-width:840px;margin:auto}.altstag-cta__eyebrow{margin:0 0 1.4rem;color:#91bdff;font-size:.7rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.altstag-cta h2{margin:0;color:#fff;font-size:clamp(4rem,9vw,8.5rem);line-height:.82;letter-spacing:-.09em}.altstag-cta h2 em{color:#b8d7ff;font-family:Georgia,serif;font-weight:400}.altstag-cta__copy{max-width:420px;margin:2.2rem auto 1.8rem;color:#c0d5f2;font-size:1rem;line-height:1.65}.altstag-cta__button{display:inline-flex;align-items:center;gap:2.4rem;border-radius:4rem;padding:.85rem .9rem .85rem 1.5rem;background:#fff;color:#071b49;font-size:.82rem;font-weight:850;text-decoration:none}.altstag-cta__button span{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--blue);color:#fff;font-size:1.15rem}.altstag-cta__details{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem 1.7rem;margin-top:4rem;color:#a7c1e7;font-size:.7rem;font-weight:700}.altstag-cta__details a{color:#fff;text-decoration:none}@media(max-width:560px){.altstag-cta{padding-inline:1rem}.altstag-cta h2{font-size:4.3rem}.altstag-cta__details{display:grid;gap:.8rem}}