:root{--color-beige-light: #E8D9C2;--color-beige: #E8D9C2;--color-beige-dark: #B28249;--color-petrol: #176F7A;--color-petrol-dark: #0F5260;--color-petrol-light: #1E92A3;--color-text: #2C2C2C;--color-text-light: #6B6B6B;--color-white: #FFFFFF;--section-padding: 100px 0;--container-width: 1200px;--container-padding: 0 24px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 60px rgba(0, 0, 0, .16);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.7;color:var(--color-text);background-color:var(--color-beige-light);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:"DM Serif Display",serif;font-weight:400;line-height:1.2;color:var(--color-text)}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.2rem,2vw,1.5rem)}p{font-size:clamp(1rem,1.1vw,1.125rem);color:var(--color-text-light);max-width:680px}a{text-decoration:none;color:var(--color-petrol);transition:color var(--transition-fast)}a:hover{color:var(--color-petrol-dark)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:var(--container-padding)}.section{padding:var(--section-padding)}.section--beige{background-color:var(--color-beige)}.section--petrol{background-color:var(--color-petrol);color:var(--color-white)}.section--petrol h1,.section--petrol h2,.section--petrol h3,.section--petrol h4,.section--petrol h5,.section--petrol h6{color:var(--color-white)}.section--petrol p{color:#ffffffd9}.section--white{background-color:var(--color-white)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px}.section-header p{margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none;line-height:1;white-space:nowrap}.btn--primary{background-color:var(--color-petrol);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-petrol-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--secondary{background-color:transparent;color:var(--color-petrol);border:2px solid var(--color-petrol)}.btn--secondary:hover{background-color:var(--color-petrol);color:var(--color-white);transform:translateY(-2px)}.btn--white{background-color:var(--color-white);color:var(--color-petrol)}.btn--white:hover{background-color:var(--color-beige-light);color:var(--color-petrol-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--lg{padding:20px 40px;font-size:1.1rem}.btn--sm{padding:12px 24px;font-size:.9rem}.card{background:var(--color-white);border-radius:var(--radius-md);padding:40px 32px;box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid rgba(0,0,0,.04)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card__icon{width:56px;height:56px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-petrol),var(--color-petrol-light));display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:26px;color:var(--color-white);font-family:Material Symbols Rounded;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased}.card__title{font-family:"DM Serif Display",serif;font-size:1.35rem;margin-bottom:12px;color:var(--color-text)}.card__text{color:var(--color-text-light);font-size:.95rem;line-height:1.7}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-40px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(40px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fade-in-right.visible{opacity:1;transform:translate(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.stagger-7{transition-delay:.7s}.stagger-8{transition-delay:.8s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-beige-light)}::-webkit-scrollbar-thumb{background:var(--color-beige-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-petrol-light)}::selection{background-color:var(--color-petrol);color:var(--color-white)}.placeholder-image{width:100%;height:100%;background:linear-gradient(135deg,var(--color-white) 0%,var(--color-beige) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:.9rem;border-radius:var(--radius-md)}