@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;:root{--navy:#102a43;--navy-dark:#071b2d;--blue:#1d5d7a;--gold:#244b91;--gold-light:#5f83c5;--white:#fff;--cream:#f6f8fa;--light:#edf2f6;--text:#334e68;--heading:#102a43;--border:#d9e2ec;--agape-blue-light:#315da8;--agape-blue:#244b91;--agape-blue-dark:#172f72;--agape-gradient:linear-gradient(180deg, #315da8 0%, #244b91 50%, #172f72 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--white);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}.navbar{z-index:100;background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0}.nav-links a{position:relative}.nav-links a.active-link:after{background:var(--agape-blue);content:"";width:100%;height:2px;position:absolute;bottom:-7px;left:0}.nav-container{justify-content:space-between;align-items:center;max-width:1250px;height:78px;margin:0 auto;padding:0 30px;display:flex}.logo{align-items:center;width:250px;height:100%;padding:8px 0;display:flex}.agape-logo-image{object-fit:contain;width:240px;height:170px;display:block}.logo-name{color:var(--navy);letter-spacing:4px;font-size:1.75rem;font-weight:900}.logo-subtitle{color:var(--gold);letter-spacing:1.7px;margin-top:5px;font-size:.65rem;font-weight:800}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--navy);font-size:.92rem;font-weight:700}.nav-links a:not(.nav-quote):hover{color:var(--gold)}.nav-links .nav-quote{background:var(--agape-blue);padding:11px 18px;transition:background-color .3s,transform .3s,box-shadow .3s;color:var(--white)!important}.nav-links .nav-quote:hover{background-color:var(--agape-blue-dark);transform:translateY(-2px);box-shadow:0 8px 20px #172f724d;color:var(--white)!important}.menu-button{color:var(--navy);cursor:pointer;background:0 0;border:none;font-size:1.7rem;display:none}.hero{color:#fff;background:linear-gradient(120deg,#fffffffa,#030349ed);grid-template-columns:1.3fr .7fr;align-items:center;gap:clamp(30px,5vw,70px);min-height:680px;padding:clamp(60px,8vw,100px) max(24px,50% - 595px);display:grid}.eyebrow,.section-label{color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;font-size:.78rem;font-weight:900}.hero h1{margin:18px 0 25px;font-size:clamp(3rem,6vw,5.8rem);line-height:1.03}.hero h1 span{color:#000}.hero-text{color:#fff;max-width:650px;font-size:1.15rem}.hero-buttons{flex-wrap:wrap;gap:15px;margin-top:35px;display:flex}.primary-button,.secondary-button,.light-button,.whatsapp-button{text-align:center;padding:14px 24px;font-weight:800;display:inline-block}.primary-button{background:var(--agape-blue);color:var(--white);transition:background-color .3s,transform .3s,box-shadow .3s}.primary-button:hover{background-color:var(--agape-blue-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 20px #172f724d}.secondary-button{color:#fff;border:1px solid #fff;transition:transform .3s;display:inline-block}.secondary-button:hover{cursor:pointer;transform:translateY(-3px)}.hero-card{background:#ffffff14;border:1px solid #ffffff2e;padding:45px}.hero-card-icon{background:var(--gold);color:var(--navy);justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:28px;font-size:2.2rem;display:flex}.hero-card h2{margin-bottom:18px;font-size:clamp(1.5rem,5vw,2rem);line-height:1.2}.hero-card p{color:#d8e3ec}.hero-image-container{border:2px solid #ffffffb3;width:100%;max-width:310px;height:200px;margin:0 0 28px;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}@media (max-width:768px){.hero{flex-direction:column;gap:35px;min-height:auto;padding:60px 20px;display:flex}.hero-content,.hero-card{width:100%}.hero-card{padding:24px}.hero-image-container{width:100%;max-width:none;height:220px}.hero-buttons{flex-direction:column;gap:15px;display:flex}.hero-buttons a{box-sizing:border-box;width:100%}.hero h1{font-size:2.5rem}.hero-text{font-size:1rem}}.section-heading{max-width:670px}.section-heading.center{text-align:center;margin:auto}.section-heading h2,.about-text h2,.quote-intro h2,.contact-intro h2{color:var(--heading);margin:12px 0 18px;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.15}.intro-section,.about-content,.contact-section{grid-template-columns:.9fr 1.1fr;gap:90px;max-width:1190px;margin:auto;padding:115px 30px;display:grid}.intro-content{font-size:1.08rem}.intro-content p{margin-bottom:20px}.text-link{color:var(--blue);font-weight:900}.text-link:hover{color:var(--navy-dark)}.products-preview,.products-page,.values-section{background:var(--cream);padding:110px 30px}.product-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1190px;margin:55px auto 0;display:grid}.product-grid.full{grid-template-columns:repeat(4,1fr)}.product-card{border:1px solid var(--border);background:#fff;padding:32px}.product-icon{justify-content:center;align-items:center;width:125px;height:55px;margin-bottom:25px;font-size:2rem;display:flex}.product-card h3{color:var(--heading);margin-bottom:13px;font-size:1.3rem;line-height:1.25}.center-button{text-align:center;margin-top:45px}.why-section{max-width:1190px;margin:auto;padding:115px 30px}.why-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px;display:grid}.why-card{border-top:4px solid var(--gold);padding:30px 5px}.why-card span{color:var(--gold);font-size:.9rem;font-weight:900}.why-card h3{color:var(--heading);margin:12px 0;font-size:1.4rem}.cta-section{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;padding:80px max(30px,50% - 595px);display:flex}.cta-section h2{margin:10px 0 16px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.15}.light-button{color:var(--navy);white-space:nowrap;background:#fff;margin-left:35px}.light-button:hover{color:#000}.page-banner{background:linear-gradient(120deg, var(--navy-dark), var(--navy));color:#fff;text-align:center;padding:115px 30px}.products-banner{background:url(/product.png) 50%/cover no-repeat}@media (max-width:768px){.products-banner{background-position:50%;background-size:130%}}.contact-banner{background:url(/contactme.png) 50%/cover no-repeat}.about-banner{background:url(/aboutus.jpeg) 50%/cover no-repeat}.page-banner h1{max-width:900px;margin:15px auto;font-size:clamp(3rem,6vw,5rem);line-height:1.08}.page-banner>p:last-child{color:#d8e3ec;max-width:650px;margin:auto;font-size:1.1rem}.about-text p{margin-bottom:20px;font-size:1.05rem}.about-highlight{background:var(--navy);color:#fff;padding:50px}.about-highlight>div{border-bottom:1px solid #ffffff29;padding:25px 0}.about-highlight>div:last-child{border-bottom:none}.about-highlight span{color:var(--gold-light);font-size:1.3rem;font-weight:900}.about-highlight h3{margin:8px 0;font-size:1.35rem}.about-highlight p{color:#d8e3ec}.vision-mission{background:var(--cream);grid-template-columns:repeat(2,1fr);gap:35px;padding:105px max(30px,50% - 595px);display:grid}.vision-mission article{border:1px solid var(--border);background:#fff;padding:50px}.large-icon{margin-bottom:25px;font-size:3rem}.vision-mission h2{color:var(--heading);margin:12px 0 20px;font-size:2.3rem;line-height:1.15}.values-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1190px;margin:55px auto 0;display:grid}.value-card{border:1px solid var(--border);background:#fff;align-items:center;gap:22px;padding:30px;display:flex}.value-card span{color:var(--gold);font-size:.8rem;font-weight:900}.value-card h3{color:var(--heading);font-size:1.15rem}.quote-section{grid-template-columns:.85fr 1.15fr;gap:70px;max-width:1190px;margin:auto;padding:115px 30px;display:grid}.quote-intro>p:not(.section-label){margin-bottom:25px;font-size:1.08rem}.quote-details{gap:15px;margin-top:35px;display:grid}.quote-details div{color:var(--heading);font-weight:800}.quote-details span{color:var(--gold);margin-right:10px}.quote-options{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.quote-option{border:1px solid var(--border);padding:38px 30px}.quote-icon{background:var(--light);justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;font-size:2rem;display:flex}.quote-option h3{color:var(--heading);margin-bottom:13px;font-size:1.5rem}.quote-option p{margin-bottom:30px}.full-button{width:100%}.whatsapp-button{color:#fff;background:#25d366;transition:transform .3s,box-shadow .3s}.whatsapp-button:hover{color:#fff;cursor:pointer;transform:translateY(-3px);box-shadow:0 8px 20px #25d3664d}.contact-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.contact-card{background:var(--cream);padding:32px}.contact-card>div{color:var(--gold);margin-bottom:18px;font-size:2rem}.contact-card h3{color:var(--heading);margin-bottom:8px;font-size:1.3rem}.product-cta{background:var(--navy);color:#fff;text-align:center;padding:90px 30px}.product-cta h2{font-size:2.6rem}.product-cta p{color:#d8e3ec;margin:15px 0 30px}.footer{background:var(--navy-dark);color:#fff}.footer-container{grid-template-columns:1.3fr .7fr .8fr;gap:65px;max-width:1190px;margin:auto;padding:75px 30px;display:grid}.footer h2,.footer h3{color:#fff}.footer-brand h2{letter-spacing:2px;margin-bottom:18px;font-size:1.7rem}.footer-brand p{color:#b8c7d3;max-width:440px;margin-bottom:12px}.footer-links{flex-direction:column;gap:10px;display:flex}.footer h3{margin-bottom:15px}.footer-links a,.footer-contact p{color:#b8c7d3}.footer-contact p{margin-bottom:13px}.footer-bottom{color:#9eb0bd;text-align:center;border-top:1px solid #ffffff1f;padding:20px}@media (max-width:900px){.menu-button{display:block}.nav-links{border-bottom:1px solid var(--border);background:#fff;flex-direction:column;width:100%;padding:25px 30px;display:none;position:absolute;top:82px;left:0}.nav-links.active{display:flex}.nav-links .nav-quote{text-align:center;width:100%}.hero,.intro-section,.about-content,.contact-section,.quote-section{grid-template-columns:1fr}.hero{gap:50px;padding-top:85px;padding-bottom:85px}.product-grid,.product-grid.full{grid-template-columns:repeat(2,1fr)}.vision-mission{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}.cta-section{flex-direction:column;align-items:flex-start;gap:30px}.light-button{margin-left:0}.footer-container{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:600px){.nav-container{padding-left:20px;padding-right:20px}.logo-name{font-size:1.4rem}.hero{min-height:auto}.hero-card{padding:30px}.hero-buttons{flex-direction:column}.hero-buttons a{width:100%}.intro-section,.about-content,.contact-section,.quote-section{gap:45px;padding:80px 22px}.products-preview,.products-page,.values-section{padding:80px 22px}.product-grid,.product-grid.full,.why-grid,.values-grid,.quote-options,.contact-grid{grid-template-columns:1fr}.why-section{padding:80px 22px}.cta-section{padding:70px 22px}.page-banner{padding:85px 22px}.vision-mission{padding:70px 22px}.vision-mission article{padding:35px 25px}.about-highlight{padding:30px}.footer-container{grid-template-columns:1fr;gap:40px;padding:60px 22px}.footer-brand{grid-column:auto}}.orcahalo-link{color:var(--white);font-weight:700;text-decoration:none;transition:color .3s}body{overflow-x:hidden}.hero-carousel-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-swiper,.hero-swiper .swiper-wrapper,.hero-swiper .swiper-slide{height:100%}