.amazon-svc {
 --svc-black:#0a0a0a;
 --svc-dark:#111827;
 --svc-orange:#ff5c00;
 --svc-orange2:#ff7a2e;
 --svc-bg:#fafaf9;
 --svc-border:#e5e7eb;
 --svc-muted:#6b7280;
 --svc-body:#374151;
 --svc-green:#22c55e;
 --svc-red:#ef4444;
 --svc-max:1140px;
 --svc-r:14px;
 font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
}
.amazon-svc *,
.amazon-svc *::before,
.amazon-svc *::after {box-sizing:border-box;}
.svc-hero {
 background:var(--svc-black);
 padding:calc(var(--navbar-height,72px) + 24px) 0 48px;
 position:relative;
 overflow:hidden;
}
.svc-hero::before {
 content:'';
 position:absolute;
 inset:0;
 background-image:radial-gradient(rgba(255,92,0,0.09) 1px,transparent 1px);
 background-size:28px 28px;
 pointer-events:none;
}
.svc-hero__grid {
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:48px;
 align-items:start;
 position:relative;
 z-index:1;
}
.svc-hero__badge {
 display:inline-flex;
 align-items:center;
 gap:8px;
 padding:6px 14px;
 border-radius:999px;
 background:rgba(255,92,0,0.12);
 border:1px solid rgba(255,92,0,0.28);
 color:var(--svc-orange);
 font-size:0.72rem;
 font-weight:700;
 letter-spacing:0.06em;
 text-transform:uppercase;
 margin-bottom:18px;
}
.svc-hero__badge-dot {
 width:7px;
 height:7px;
 border-radius:50%;
 background:var(--svc-orange);
 animation:svcPulse 2s ease infinite;
}
@keyframes svcPulse {
 0%,100% {opacity:1;transform:scale(1);}
 50% {opacity:0.45;transform:scale(1.35);}
}
@keyframes svcFadeUp {
 from {opacity:0;transform:translateY(28px);}
 to {opacity:1;transform:none;}
}
@keyframes svcFadeRight {
 from {opacity:0;transform:translateX(32px);}
 to {opacity:1;transform:none;}
}
.svc-hero__grid > div:first-child {
 animation:svcFadeUp 0.65s cubic-bezier(0.22,1,0.36,1) 0.05s both;
}
.svc-viz {
 animation:svcFadeRight 0.7s cubic-bezier(0.22,1,0.36,1) 0.22s both;
}
.svc-hero__title {
 font-size:clamp(1.85rem,3.5vw,2.75rem);
 font-weight:800;
 color:#fff;
 line-height:1.12;
 letter-spacing:-0.03em;
 margin-bottom:16px;
}
.svc-hero__title em {
 font-style:normal;
 color:var(--svc-orange);
}
.svc-hero__lead {
 font-size:1rem;
 color:rgba(255,255,255,0.62);
 line-height:1.7;
 max-width:480px;
 margin-bottom:28px;
}
.svc-hero__actions {
 display:flex;
 flex-wrap:wrap;
 gap:12px;
 margin-bottom:24px;
}
.svc-hero__trust {
 display:flex;
 flex-wrap:wrap;
 gap:16px;
 font-size:0.72rem;
 font-weight:600;
 color:rgba(255,255,255,0.4);
}
.svc-hero__trust span::before {
 content:'✓ ';
 color:var(--svc-orange);
}
.svc-viz {
 background:linear-gradient(145deg,#161616,#0d0d0d);
 border:1px solid rgba(255,255,255,0.08);
 border-radius:18px;
 padding:22px;
 box-shadow:0 24px 64px rgba(0,0,0,0.45),0 0 0 1px rgba(255,92,0,0.06);
}
.svc-viz__head {
 display:flex;
 justify-content:space-between;
 align-items:center;
 margin-bottom:16px;
 padding-bottom:12px;
 border-bottom:1px solid rgba(255,255,255,0.06);
}
.svc-viz__label {
 font-size:0.62rem;
 font-weight:700;
 letter-spacing:0.1em;
 text-transform:uppercase;
 color:rgba(255,255,255,0.45);
}
.svc-viz__live {
 display:flex;
 align-items:center;
 gap:6px;
 font-size:0.62rem;
 font-weight:700;
 color:var(--svc-green);
}
.svc-viz__live-dot {
 width:6px;
 height:6px;
 border-radius:50%;
 background:var(--svc-green);
 animation:svcPulse 1.5s ease infinite;
}
.svc-stats {
 background:var(--svc-bg);
 border-top:1px solid var(--svc-border);
 border-bottom:1px solid var(--svc-border);
}
.svc-stats__grid {
 display:grid;
 grid-template-columns:repeat(4,1fr);
}
.svc-stats__cell {
 padding:28px 20px;
 text-align:center;
 border-right:1px solid var(--svc-border);
}
.svc-stats__cell:last-child {border-right:none;}
.svc-stats__num {
 font-size:clamp(1.5rem,2.5vw,2rem);
 font-weight:800;
 color:var(--svc-black);
 letter-spacing:-0.03em;
}
.svc-stats__lbl {
 font-size:0.68rem;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:0.08em;
 color:var(--svc-muted);
 margin-top:4px;
}
.svc-ba {
 padding:80px 0;
 background:#fff;
}
.svc-ba__head {
 text-align:center;
 max-width:560px;
 margin:0 auto 48px;
}
.svc-ba__label {
 display:inline-block;
 font-size:0.72rem;
 font-weight:700;
 letter-spacing:0.12em;
 text-transform:uppercase;
 color:var(--svc-orange);
 margin-bottom:12px;
}
.svc-ba__title {
 font-size:clamp(1.5rem,2.8vw,2.15rem);
 font-weight:800;
 letter-spacing:-0.03em;
 margin-bottom:10px;
}
.svc-ba__sub {
 color:var(--svc-body);
 font-size:0.95rem;
}
.svc-ba__grid {
 display:grid;
 grid-template-columns:1fr auto 1fr;
 gap:20px;
 align-items:stretch;
}
.svc-ba__arrow {
 display:flex;
 align-items:center;
 justify-content:center;
 width:48px;
 height:48px;
 border-radius:50%;
 background:rgba(255,92,0,0.1);
 color:var(--svc-orange);
 font-size:1.25rem;
 font-weight:800;
 align-self:center;
 flex-shrink:0;
}
.svc-ba__panel {
 border-radius:var(--svc-r);
 padding:24px;
 min-height:280px;
}
.svc-ba__panel--before {
 background:#fef2f2;
 border:1.5px solid #fecaca;
}
.svc-ba__panel--after {
 background:#f0fdf4;
 border:1.5px solid #bbf7d0;
}
.svc-ba__tag {
 display:inline-block;
 font-size:0.65rem;
 font-weight:800;
 letter-spacing:0.1em;
 text-transform:uppercase;
 padding:4px 10px;
 border-radius:999px;
 margin-bottom:16px;
}
.svc-ba__panel--before .svc-ba__tag {
 background:rgba(239,68,68,0.12);
 color:var(--svc-red);
}
.svc-ba__panel--after .svc-ba__tag {
 background:rgba(34,197,94,0.12);
 color:var(--svc-green);
}
.svc-ba__mock {
 background:#fff;
 border-radius:10px;
 border:1px solid rgba(0,0,0,0.06);
 padding:16px;
 margin-bottom:14px;
}
.svc-ba__mock-title {
 font-size:0.72rem;
 font-weight:600;
 color:var(--svc-muted);
 margin-bottom:8px;
 line-height:1.4;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 overflow:hidden;
}
.svc-ba__mock-title--bad {color:#991b1b;}
.svc-ba__mock-title--good {color:#166534;font-weight:700;}
.svc-ba__metric {
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:8px 0;
 border-top:1px solid rgba(0,0,0,0.05);
 font-size:0.78rem;
}
.svc-ba__metric-val {font-weight:800;}
.svc-ba__metric-val--bad {color:var(--svc-red);}
.svc-ba__metric-val--good {color:var(--svc-green);}
.svc-ba__list {
 display:flex;
 flex-direction:column;
 gap:8px;
}
.svc-ba__list li {
 font-size:0.8rem;
 color:var(--svc-body);
 padding-left:18px;
 position:relative;
}
.svc-ba__panel--before .svc-ba__list li::before {
 content:'✕';
 position:absolute;
 left:0;
 color:var(--svc-red);
 font-weight:700;
}
.svc-ba__panel--after .svc-ba__list li::before {
 content:'✓';
 position:absolute;
 left:0;
 color:var(--svc-green);
 font-weight:700;
}
.svc-bars {
 display:flex;
 align-items:flex-end;
 gap:6px;
 height:64px;
 margin-top:12px;
}
.svc-bars span {
 flex:1;
 border-radius:4px 4px 0 0;
 background:rgba(255,92,0,0.35);
 animation:svcBarGrow 1.2s ease backwards;
}
.svc-bars span:nth-child(1) {height:35%;animation-delay:0.1s;}
.svc-bars span:nth-child(2) {height:55%;animation-delay:0.2s;}
.svc-bars span:nth-child(3) {height:75%;animation-delay:0.3s;}
.svc-bars span:nth-child(4) {height:100%;animation-delay:0.4s;background:var(--svc-orange);}
@keyframes svcBarGrow {
 from {transform:scaleY(0);transform-origin:bottom;}
}
.svc-deliver {
 padding:80px 0;
 background:var(--svc-bg);
}
.svc-deliver__head {
 text-align:center;
 max-width:520px;
 margin:0 auto 40px;
}
.svc-deliver__grid {
 display:grid;
 grid-template-columns:repeat(5,1fr);
 gap:16px;
}
.svc-deliver__card {
 background:#fff;
 border:1.5px solid var(--svc-border);
 border-radius:var(--svc-r);
 padding:22px 18px;
 text-align:center;
 transition:transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease;
}
.svc-deliver__card:hover {
 transform:translateY(-4px);
 box-shadow:0 12px 32px rgba(0,0,0,0.08);
 border-color:rgba(255,92,0,0.25);
}
.svc-deliver__icon {
 width:44px;
 height:44px;
 margin:0 auto 14px;
 border-radius:10px;
 background:rgba(255,92,0,0.1);
 color:var(--svc-orange);
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:1.2rem;
}
.svc-deliver__name {
 font-size:0.82rem;
 font-weight:700;
 line-height:1.35;
 margin-bottom:6px;
}
.svc-deliver__desc {
 font-size:0.72rem;
 color:var(--svc-muted);
 line-height:1.45;
}
.svc-process {
 padding:80px 0;
 background:var(--svc-dark);
 position:relative;
 overflow:hidden;
}
.svc-process::before {
 content:'';
 position:absolute;
 inset:0;
 background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(255,92,0,0.07),transparent 70%);
 pointer-events:none;
}
.svc-process__head {
 text-align:center;
 margin-bottom:44px;
 position:relative;
}
.svc-process__head .svc-ba__title {color:#fff;}
.svc-process__steps {
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:20px;
 position:relative;
}
.svc-process__step {
 text-align:center;
 padding:0 12px;
}
.svc-process__num {
 width:48px;
 height:48px;
 border-radius:50%;
 background:var(--svc-orange);
 color:#fff;
 font-weight:800;
 font-size:1rem;
 display:flex;
 align-items:center;
 justify-content:center;
 margin:0 auto 16px;
 box-shadow:0 0 0 8px rgba(255,92,0,0.12);
}
.svc-process__name {
 font-size:0.88rem;
 font-weight:700;
 color:#fff;
 margin-bottom:6px;
}
.svc-process__desc {
 font-size:0.75rem;
 color:rgba(255,255,255,0.42);
 line-height:1.55;
}
.svc-results {
 padding:72px 0;
 background:var(--svc-black);
 text-align:center;
}
.svc-results__quote {
 max-width:640px;
 margin:32px auto 0;
 font-size:1rem;
 font-style:italic;
 color:rgba(255,255,255,0.75);
 line-height:1.7;
}
.svc-faq {
 padding:72px 0;
 background:#fff;
}
.svc-faq__list {
 max-width:680px;
 margin:0 auto;
 display:flex;
 flex-direction:column;
 gap:12px;
}
.svc-faq details {
 border:1.5px solid var(--svc-border);
 border-radius:var(--svc-r);
 overflow:hidden;
}
.svc-faq details[open] {border-color:var(--svc-orange);}
.svc-faq summary {
 padding:18px 20px;
 font-weight:700;
 font-size:0.88rem;
 cursor:pointer;
 list-style:none;
 display:flex;
 justify-content:space-between;
 align-items:center;
}
.svc-faq summary::-webkit-details-marker {display:none;}
.svc-faq summary::after {
 content:'+';
 color:var(--svc-orange);
 font-size:1.2rem;
 font-weight:400;
}
.svc-faq details[open] summary::after {transform:rotate(45deg);}
.svc-faq__ans {
 padding:0 20px 18px;
 font-size:0.84rem;
 color:var(--svc-body);
 line-height:1.65;
}
.svc-related {
 padding:64px 0;
 background:var(--svc-bg);
 border-top:1px solid var(--svc-border);
}
.svc-related__grid {
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:14px;
}
.svc-related__link {
 display:block;
 padding:20px 18px;
 background:#fff;
 border:1.5px solid var(--svc-border);
 border-radius:var(--svc-r);
 transition:all 0.2s ease;
}
.svc-related__link:hover {
 border-color:var(--svc-orange);
 transform:translateY(-2px);
 box-shadow:0 8px 24px rgba(0,0,0,0.06);
}
.svc-related__name {
 font-size:0.85rem;
 font-weight:700;
 margin-bottom:4px;
}
.svc-related__arrow {
 font-size:0.72rem;
 font-weight:700;
 color:var(--svc-orange);
}
.svc-cta {
 padding:80px 0;
 background:var(--svc-black);
 text-align:center;
 position:relative;
 overflow:hidden;
}
.svc-cta::before {
 content:'';
 position:absolute;
 inset:0;
 background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(255,92,0,0.08),transparent 70%);
 pointer-events:none;
}
.svc-cta__inner {position:relative;z-index:1;}
.svc-cta__title {
 font-size:clamp(1.6rem,3vw,2.4rem);
 font-weight:800;
 color:#fff;
 letter-spacing:-0.03em;
 margin-bottom:12px;
}
.svc-cta__sub {
 color:rgba(255,255,255,0.48);
 margin-bottom:28px;
 font-size:0.95rem;
}
.svc-cta__btns {
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
 gap:12px;
}
.svc-reveal {
 opacity:0;
 transform:translateY(20px);
 transition:opacity 0.5s ease,transform 0.5s ease;
}
.svc-reveal.is-visible {
 opacity:1;
 transform:none;
}
@media (max-width:1024px) {
 .svc-deliver__grid {grid-template-columns:repeat(3,1fr);}
 .svc-related__grid {grid-template-columns:repeat(2,1fr);}
 .svc-stats__grid {grid-template-columns:repeat(2,1fr);}
 .svc-stats__cell:nth-child(2) {border-right:none;}
 .svc-stats__cell {border-bottom:1px solid var(--svc-border);}
}
@media (max-width:768px) {
 .svc-hero__grid {grid-template-columns:1fr;}
 .svc-ba__grid {
 grid-template-columns:1fr;
 gap:12px;
}
 .svc-ba__arrow {
 transform:rotate(90deg);
 margin:0 auto;
}
 .svc-deliver__grid {grid-template-columns:repeat(2,1fr);}
 .svc-process__steps {grid-template-columns:1fr 1fr;gap:28px;}
 .svc-related__grid {grid-template-columns:1fr;}
}
@media (max-width:480px) {
 .svc-deliver__grid {grid-template-columns:1fr;}
 .svc-process__steps {grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce) {
 .svc-reveal {opacity:1;transform:none;transition:none;}
 .svc-bars span {animation:none;}
 .svc-hero__badge-dot,.svc-viz__live-dot {animation:none;}
}