@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{--green:#083b3b;--green2:#173f3d;--soft:#eaf3e8;--cream:#f7f7f3;--text:#18302d;--muted:#65746f;--line:rgba(23,63,61,.12)}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:100px}
body.gfn-about{margin:0;background:var(--cream);color:var(--text);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.gfn-shell{width:min(1240px,calc(100% - 40px));margin:auto}

/* NAV igual à Home */
.gfn-header{position:fixed;z-index:1000;top:22px;left:50%;width:min(1160px,calc(100% - 40px));transform:translateX(-50%);transition:.3s ease}
.gfn-header.scrolled{top:10px}.gfn-nav{min-height:68px;padding:9px 10px 9px 20px;display:flex;align-items:center;gap:22px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(8,59,59,.82);box-shadow:0 15px 40px rgba(4,32,31,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.gfn-logo{width:124px;height:54px;object-fit:contain;object-position:left center;flex:0 0 auto;filter:brightness(0) invert(1)}
.gfn-nav-links{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;margin:0;padding:0;list-style:none}.gfn-nav-links a{display:inline-flex;align-items:center;padding:11px 12px;border-radius:11px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;transition:.2s}.gfn-nav-links a:hover{background:rgba(255,255,255,.1)}
.gfn-nav-actions{display:flex;align-items:center;gap:8px}.gfn-call,.gfn-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 16px;border-radius:12px;font-size:.88rem;font-weight:800;transition:.2s}.gfn-call{color:#fff;background:rgba(255,255,255,.1)}.gfn-cta{color:#123d3a;background:#75d5ce;box-shadow:0 8px 22px rgba(117,213,206,.22)}.gfn-call:hover,.gfn-cta:hover{transform:translateY(-2px)}.gfn-menu-toggle{display:none;border:0;color:#fff;background:transparent;font-size:1.65rem;cursor:pointer}

/* HERO */
.about-hero{position:relative;min-height:600px;display:flex;align-items:end;overflow:hidden;background:linear-gradient(90deg,rgba(5,48,48,.95),rgba(5,48,48,.72) 45%,rgba(5,48,48,.25)),url('./imagens/Nova pasta/young-woman-getting-skin-mask-treatment.jpg') center/cover no-repeat}
.about-hero-content{width:min(1240px,calc(100% - 40px));margin:auto;padding:210px 0 90px}.about-eyebrow{display:inline-block;margin-bottom:15px;color:#8ddbd5;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.about-hero h1{max-width:760px;margin:0;color:#fff;font-family:Manrope,Arial,sans-serif;font-size:clamp(3.2rem,7vw,6rem);line-height:.98;letter-spacing:-.065em;font-weight:600}.about-hero p{max-width:650px;margin:25px 0 0;color:rgba(255,255,255,.82);font-size:1.08rem;line-height:1.7}

/* CONTEÚDO */
.about-main{padding:100px 0}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:start}.about-label{color:var(--green2);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.about-main h2{margin:10px 0 20px;font-family:Manrope,Arial,sans-serif;font-size:clamp(2.3rem,4vw,4rem);line-height:1.05;letter-spacing:-.05em;font-weight:600}.about-main p{color:var(--muted);line-height:1.8;font-size:1rem;margin:0 0 18px}.about-card{padding:34px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 55px rgba(18,55,49,.08)}.about-card h3{margin:0 0 9px;font-family:Manrope,Arial,sans-serif;font-size:1.35rem}.about-card p{margin:0;font-size:.94rem}.about-card+.about-card{margin-top:14px}

.values{padding:95px 0;background:#fff}.values-head{max-width:760px;margin-bottom:38px}.values-head h2{margin:9px 0 15px;font-family:Manrope,Arial,sans-serif;font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.05em;font-weight:600}.values-head p{margin:0;color:var(--muted);line-height:1.7}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--cream)}.value-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:22px;border-radius:12px;background:var(--green);color:#fff;font-weight:800}.value-card h3{margin:0 0 8px;font-family:Manrope,Arial,sans-serif}.value-card p{margin:0;color:var(--muted);line-height:1.65;font-size:.93rem}

.about-quote{padding:100px 0;background:var(--soft)}.quote-box{max-width:950px;margin:auto;text-align:center}.quote-box .mark{color:var(--green2);font-size:3rem;line-height:1}.quote-box p{margin:15px 0 0;color:var(--green2);font-family:Manrope,Arial,sans-serif;font-size:clamp(1.7rem,3.3vw,3rem);line-height:1.15;letter-spacing:-.04em;font-weight:600}

.gfn-footer{padding:28px 0;background:#052f2f;color:rgba(255,255,255,.65)}.gfn-footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.gfn-footer strong{color:#fff}

@media(max-width:850px){.gfn-header{top:12px}.gfn-nav{position:relative;padding-left:14px}.gfn-menu-toggle{display:block;margin-left:auto}.gfn-nav-links{display:none;position:absolute;top:calc(100% + 9px);right:0;left:0;padding:10px;flex-direction:column;align-items:stretch;border-radius:16px;background:rgba(8,59,59,.97);box-shadow:0 18px 40px rgba(0,0,0,.18)}.gfn-nav-links.open{display:flex}.gfn-nav-links a{justify-content:center;padding:13px}.gfn-nav-actions .gfn-cta,.gfn-call{display:none}.about-grid{grid-template-columns:1fr;gap:40px}.value-grid{grid-template-columns:1fr}.about-main{padding:75px 0}.values,.about-quote{padding:75px 0}}
@media(max-width:600px){.gfn-shell,.about-hero-content{width:calc(100% - 28px)}.gfn-header{width:calc(100% - 20px)}.gfn-logo{width:105px}.about-hero{min-height:650px;background:linear-gradient(90deg,rgba(5,48,48,.94),rgba(5,48,48,.58)),url('./imagens/Nova pasta/young-woman-getting-skin-mask-treatment.jpg') 65% center/cover no-repeat}.about-hero-content{padding:175px 0 70px}.about-hero h1{font-size:clamp(2.8rem,13vw,4.2rem)}.about-main h2,.values-head h2{font-size:2.35rem}.about-card{padding:25px}.gfn-footer-inner{flex-direction:column;text-align:center}}