:root{--default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--heading-font: "Raleway", sans-serif;--nav-font: "Montserrat", sans-serif}:root{--background-color: #ffffff;--default-color: #000000;--heading-color: #0f1d42;--accent-color: #0f1d42;--surface-color: #ffffff;--contrast-color: #ffffff}.light-background{--background-color: #edf6f2;--surface-color: #ffffff}.dark-background{--background-color: #081b12;--default-color: #ffffff;--heading-color: #ffffff;--surface-color: #1f3028;--contrast-color: #ffffff}.accent-background{--background-color: #0f1d42;--default-color: #ffffff;--heading-color: #ffffff;--accent-color: #ffffff;--surface-color: #0f1d42;--contrast-color: #ffffff}:root{scroll-behavior:smooth}section,.section{color:var(--default-color);background-color:var(--background-color);padding:60px 0;scroll-margin-top:90px;overflow:clip}@media (max-width: 1199px){section,.section{scroll-margin-top:66px}}.section-title{text-align:center;padding-bottom:10px;position:relative}.section-title h2{font-size:32px;font-weight:700;margin-bottom:15px}.section-title p{margin-bottom:0}.hero-divider{width:70%;height:1px;margin:4px auto 50px;background:linear-gradient(to right,#0f1d4200,#0f1d4299,#0f1d4200);position:relative;z-index:1}.hero-divider:after{content:"";width:6px;height:6px;background:#0f1d42;border-radius:50%;position:absolute;top:-2.5px;left:50%;transform:translate(-50%)}.signature-hero{margin:0 auto;padding:40px 20px 0;text-align:center}.signature-text h3{line-height:1.7;font-weight:300;margin:0 auto 20px}.signature-heading .lead-line{display:inline-block;font-size:22px;font-weight:600;color:#0f1d42}.section-hero{padding-top:40px;background-color:color-mix(in srgb,var(--accent-color),transparent 95%);border-top:1px solid color-mix(in srgb,var(--accent-color),transparent 85%);border-bottom:1px solid color-mix(in srgb,var(--accent-color),transparent 85%);padding-bottom:40px}.section-hero .content h2{color:var(--heading-color);font-size:32px;font-weight:700;margin-bottom:16px;line-height:1.3}@media (max-width: 768px){.section-hero .content h2{font-size:28px}}.section-hero .content p{color:var(--default-color);font-size:16px;line-height:1.6;margin-bottom:24px}.section-hero .content .benefits-list{list-style:none;padding:0;margin:0}.section-hero .content .benefits-list li{display:flex;align-items:flex-start;margin-bottom:12px;color:var(--default-color);font-size:15px;font-weight:500}.section-hero .content .benefits-list li i{color:var(--accent-color);font-size:20px;margin-right:12px;flex-shrink:0;margin-top:2px}@media (max-width: 991px){.section-hero .cta-actions{margin-top:32px}}.section-hero .cta-actions .btn-primary,.section-hero .cta-actions .btn-secondary{display:block;width:100%;text-align:center;font-family:var(--heading-font);font-weight:600;font-size:15px;padding:14px 32px;border-radius:6px;transition:all .3s ease-in-out;text-decoration:none}.section-hero .cta-actions .btn-primary{background-color:var(--accent-color);color:var(--contrast-color);border:2px solid var(--accent-color);margin-bottom:12px}.section-hero .cta-actions .btn-primary:hover{background-color:color-mix(in srgb,var(--accent-color),black 10%);border-color:color-mix(in srgb,var(--accent-color),black 10%)}.section-hero .cta-actions .btn-secondary{background-color:var(--background-color);color:var(--accent-color);border:2px solid var(--accent-color);margin-bottom:24px}.section-hero .cta-actions .btn-secondary:hover{background-color:var(--accent-color);color:var(--contrast-color)}.section-hero .cta-actions .trust-indicators{padding-top:20px;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 85%)}.section-hero .cta-actions .trust-indicators .clients-served{color:var(--default-color);font-size:14px;margin-bottom:12px;text-align:center}.section-hero .cta-actions .trust-indicators .clients-served strong{color:var(--accent-color);font-weight:700;font-size:18px}.section-hero .cta-actions .trust-indicators .rating{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px}.section-hero .cta-actions .trust-indicators .rating i{color:#ffc107;font-size:16px}.section-hero .cta-actions .trust-indicators .rating span{color:var(--default-color);font-weight:500;margin-left:8px}@media (max-width: 768px){.signature-hero{padding:60px 16px 70px}.signature-text h3{font-size:1.35rem}.signature-text h4{font-size:.95rem}.signature-cta{margin-top:32px}}.hero{padding-top:50px;padding-bottom:50px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--background-color) 0%,color-mix(in srgb,var(--accent-color),transparent 95%) 100%)}.hero .hero-content h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}@media (max-width: 2199px){.hero .hero-content h1{font-size:2.4rem}}@media (max-width: 768px){.hero .hero-content h1{font-size:1.9rem}}.hero .hero-content p{color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:2rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.hero-buttons .btn{padding:15px 35px;font-weight:600;border-radius:0;text-decoration:none;transition:all .3s ease;font-size:1rem;white-space:normal}.hero-buttons .btn.btn-primary{background:var(--accent-color);color:var(--contrast-color);border:2px solid var(--accent-color)}.hero-buttons .btn.btn-primary:hover{background:color-mix(in srgb,var(--accent-color),black 10%);border-color:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-2px)}.hero-buttons .btn.btn-outline{background:transparent;color:var(--accent-color);border:2px solid var(--accent-color)}.hero-buttons .btn.btn-outline:hover{background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)}.hero .hero-stats{display:flex;gap:2rem;flex-wrap:wrap}.hero .hero-stats .stat-item{text-align:center}.hero .hero-stats .stat-item .stat-number{display:block;font-size:2rem;font-weight:700;color:var(--accent-color);line-height:1}.hero .hero-stats .stat-item .stat-label{display:block;font-size:.9rem;color:color-mix(in srgb,var(--default-color),transparent 30%);margin-top:.5rem}@media (max-width: 768px){.hero .hero-stats{justify-content:center;gap:1.5rem}}.hero .hero-visual{position:relative}.hero .hero-visual .hero-image{position:relative;z-index:2;padding:20px 15px 20px 0;border-right:5px solid #0f1d42}.hero .hero-visual .hero-image:after{content:"";border-top:5px solid #0f1d42;width:50%;position:absolute;right:0;bottom:0}.hero .floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}.hero .floating-elements .floating-card{position:absolute;background:var(--surface-color);padding:1rem 1.5rem;border-radius:15px;box-shadow:0 10px 30px color-mix(in srgb,var(--default-color),transparent 85%);display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--accent-color),transparent 80%)}.hero .floating-elements .floating-card i{font-size:1.5rem;color:var(--accent-color)}.hero .floating-elements .floating-card span{font-weight:600;color:var(--heading-color);font-size:.9rem}.hero .floating-elements .floating-card.card-1{top:20%;right:-4%;animation:float 6s ease-in-out infinite}.hero .floating-elements .floating-card.card-3{bottom:10%;left:-5%;animation:float 6s ease-in-out infinite 4s}.hero .floating-elements .floating-card.card-3 i{font-size:1.1rem}@media (max-width: 992px){.hero .floating-elements .floating-card.card-1{right:-5%}.hero .floating-elements .floating-card.card-2{left:-10%}}@media (max-width: 768px){.hero .floating-elements .floating-card{display:none}}.hero .hero-bg-elements{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.hero .hero-bg-elements .bg-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 90%),color-mix(in srgb,var(--accent-color),transparent 95%))}.hero .hero-bg-elements .bg-shape.shape-1{width:300px;height:300px;top:-150px;right:-150px;animation:rotate 20s linear infinite}.hero .hero-bg-elements .bg-shape.shape-2{width:200px;height:200px;bottom:-100px;left:-100px;animation:rotate 15s linear infinite reverse}.hero .hero-bg-elements .bg-particles{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--accent-color),transparent 85%) 1px,transparent 1px);background-size:50px 50px;animation:moveParticles 30s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes moveParticles{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@media (max-width: 992px){.hero .hero-content{text-align:center;margin-bottom:3rem}}@media (max-width: 768px){.hero-buttons{justify-content:center}.hero .hero-stats .stat-item .stat-number{font-size:1.5rem}}.gallery-item{display:inline-block;width:100%;margin-bottom:1rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;cursor:pointer;border:1px solid #eee}.gallery-masonry{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}@media (min-width: 768px) and (max-width: 991px){.gallery-masonry{display:grid;grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 767px){.gallery-masonry{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}}.cards .section-title .category{display:inline-block;padding:6px 12px;background:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);font-size:14px;border-radius:20px;margin-bottom:15px;transition:all .3s ease}.cards .feature-card{background-color:var(--surface-color);border-radius:20px;overflow:hidden;height:100%;transition:all .4s ease;position:relative;border:1px solid #eee}.cards .feature-card.highlighted .card-overlay{background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),var(--heading-color) 30%))}.cards .feature-card.highlighted .card-overlay .icon-wrapper{background-color:var(--contrast-color);color:var(--accent-color)}.cards .feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px color-mix(in srgb,var(--default-color),transparent 85%)}.cards .feature-card:hover .card-image img{transform:scale(1.08)}.cards .feature-card:hover .card-overlay{opacity:1}.cards .feature-card:hover .icon-wrapper{transform:scale(1.1)}.cards .feature-card .card-image{position:relative;overflow:hidden}.cards .feature-card .card-image .card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;opacity:1;transition:all .4s ease;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px}.cards .feature-card .card-image .card-overlay .icon-wrapper{width:70px;height:70px;background-color:color-mix(in srgb,var(--surface-color),transparent 10%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--heading-color);font-size:26px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #f2f2f2}.cards .feature-card .card-content{padding:30px;border-top:1px solid #f2f2f2}.cards .feature-card .card-content .content-header{margin-bottom:15px;text-align:center}.cards .feature-card .card-content .content-header .category{display:inline-block;padding:6px 12px;background:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);font-size:12px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;transition:all .3s ease}.cards .feature-card .card-content .content-header h3{font-size:20px;font-weight:700;margin:0;color:var(--heading-color);line-height:1.3}.cards .feature-card .card-content p{font-size:15px;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:20px}.cards .feature-card .card-content .feature-list{list-style:none;padding:0;margin:0 0 25px}.cards .feature-card .card-content .feature-list li{display:flex;align-items:center;margin-bottom:8px;font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 15%)}.cards .feature-card .card-content .feature-list li i{color:var(--accent-color);font-size:16px;margin-right:10px;flex-shrink:0}.cards .feature-card .card-content .card-action .learn-more{display:inline-flex;align-items:center;padding:12px 24px;background:transparent;border:2px solid color-mix(in srgb,var(--accent-color),transparent 60%);border-radius:50px;color:var(--accent-color);font-weight:600;font-size:14px;text-decoration:none;transition:all .3s ease}.cards .feature-card .card-content .card-action .learn-more i{margin-left:8px;transition:transform .3s ease}.cards .feature-card .card-content .card-action .learn-more:hover{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color);transform:translateY(-2px)}.cards .feature-card .card-content .card-action .learn-more:hover i{transform:translate(3px)}@media (max-width: 768px){.cards .feature-card .card-image .card-overlay{padding:15px}.cards .feature-card .card-image .card-overlay .icon-wrapper{width:45px;height:45px;font-size:20px}.cards .feature-card .card-content{padding:20px}.cards .feature-card .card-content .content-header h3{font-size:18px}.cards .feature-card .card-content p{font-size:14px}.cards .feature-card .card-content .feature-list li{font-size:13px}.cards .feature-card .card-content .feature-list li i{font-size:14px;margin-right:8px}.cards .feature-card .card-content .learn-more{padding:10px 20px;font-size:13px}}.cta{padding:20px 20px 40px}.cta-icon{left:47%}.cta-button{display:flex;gap:10px;justify-content:center;align-items:center}a.sf-button,a.sf-button:hover{text-decoration:none!important}a.sf-button.sf-button-light.fv-btn{background:transparent;color:#0f1d42}.cta-button a{width:max-content;min-width:248px}@media (max-width: 767px){.cta-button a{min-width:auto}.cta-icon{left:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/design-the-class-ring-that-represents-you.css.map */